@pravinrd/awesome-grid 0.2.0

package/dist-lib/index.js

@@ -0,0 +1,1467 @@
+import Mt, { useRef as ae, useState as y, useDeferredValue as Pt, useTransition as It, useMemo as H, useEffect as $, useCallback as we, useLayoutEffect as ut } from "react";
+var Fe = { exports: {} }, Se = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var dt;
+function $t() {
+  if (dt) return Se;
+  dt = 1;
+  var u = Symbol.for("react.transitional.element"), x = Symbol.for("react.fragment");
+  function v(O, j, N) {
+    var z = null;
+    if (N !== void 0 && (z = "" + N), j.key !== void 0 && (z = "" + j.key), "key" in j) {
+      N = {};
+      for (var Y in j)
+        Y !== "key" && (N[Y] = j[Y]);
+    } else N = j;
+    return j = N.ref, {
+      $$typeof: u,
+      type: O,
+      key: z,
+      ref: j !== void 0 ? j : null,
+      props: N
+    };
+  }
+  return Se.Fragment = x, Se.jsx = v, Se.jsxs = v, Se;
+}
+var Ce = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ht;
+function Lt() {
+  return ht || (ht = 1, process.env.NODE_ENV !== "production" && (function() {
+    function u(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === S ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
+        case be:
+          return "Fragment";
+        case Ge:
+          return "Profiler";
+        case g:
+          return "StrictMode";
+        case xe:
+          return "Suspense";
+        case X:
+          return "SuspenseList";
+        case Ve:
+          return "Activity";
+      }
+      if (typeof o == "object")
+        switch (typeof o.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), o.$$typeof) {
+          case ie:
+            return "Portal";
+          case te:
+            return o.displayName || "Context";
+          case L:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case ye:
+            var c = o.render;
+            return o = o.displayName, o || (o = c.displayName || c.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case G:
+            return c = o.displayName || null, c !== null ? c : u(o.type) || "Memo";
+          case re:
+            c = o._payload, o = o._init;
+            try {
+              return u(o(c));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function x(o) {
+      return "" + o;
+    }
+    function v(o) {
+      try {
+        x(o);
+        var c = !1;
+      } catch {
+        c = !0;
+      }
+      if (c) {
+        c = console;
+        var f = c.error, _ = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return f.call(
+          c,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          _
+        ), x(o);
+      }
+    }
+    function O(o) {
+      if (o === be) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === re)
+        return "<...>";
+      try {
+        var c = u(o);
+        return c ? "<" + c + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function j() {
+      var o = ve.A;
+      return o === null ? null : o.getOwner();
+    }
+    function N() {
+      return Error("react-stack-top-frame");
+    }
+    function z(o) {
+      if (Oe.call(o, "key")) {
+        var c = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (c && c.isReactWarning) return !1;
+      }
+      return o.key !== void 0;
+    }
+    function Y(o, c) {
+      function f() {
+        ne || (ne = !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)",
+          c
+        ));
+      }
+      f.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: f,
+        configurable: !0
+      });
+    }
+    function _e() {
+      var o = u(this.type);
+      return ce[o] || (ce[o] = !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."
+      )), o = this.props.ref, o !== void 0 ? o : null;
+    }
+    function se(o, c, f, _, B, de) {
+      var b = f.ref;
+      return o = {
+        $$typeof: Ee,
+        type: o,
+        key: c,
+        props: f,
+        _owner: _
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(o, "ref", {
+        enumerable: !1,
+        get: _e
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(o, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(o, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: B
+      }), Object.defineProperty(o, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: de
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+    }
+    function ee(o, c, f, _, B, de) {
+      var b = c.children;
+      if (b !== void 0)
+        if (_)
+          if (Ae(b)) {
+            for (_ = 0; _ < b.length; _++)
+              le(b[_]);
+            Object.freeze && Object.freeze(b);
+          } 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 le(b);
+      if (Oe.call(c, "key")) {
+        b = u(o);
+        var C = Object.keys(c).filter(function(U) {
+          return U !== "key";
+        });
+        _ = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", oe[b + _] || (C = 0 < C.length ? "{" + C.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} />`,
+          _,
+          b,
+          C,
+          b
+        ), oe[b + _] = !0);
+      }
+      if (b = null, f !== void 0 && (v(f), b = "" + f), z(c) && (v(c.key), b = "" + c.key), "key" in c) {
+        f = {};
+        for (var ke in c)
+          ke !== "key" && (f[ke] = c[ke]);
+      } else f = c;
+      return b && Y(
+        f,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), se(
+        o,
+        b,
+        f,
+        j(),
+        B,
+        de
+      );
+    }
+    function le(o) {
+      Re(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === re && (o._payload.status === "fulfilled" ? Re(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+    }
+    function Re(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === Ee;
+    }
+    var J = Mt, Ee = Symbol.for("react.transitional.element"), ie = Symbol.for("react.portal"), be = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), Ge = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), te = Symbol.for("react.context"), ye = Symbol.for("react.forward_ref"), xe = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), G = Symbol.for("react.memo"), re = Symbol.for("react.lazy"), Ve = Symbol.for("react.activity"), S = Symbol.for("react.client.reference"), ve = J.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Oe = Object.prototype.hasOwnProperty, Ae = Array.isArray, R = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    J = {
+      react_stack_bottom_frame: function(o) {
+        return o();
+      }
+    };
+    var ne, ce = {}, ue = J.react_stack_bottom_frame.bind(
+      J,
+      N
+    )(), V = R(O(N)), oe = {};
+    Ce.Fragment = be, Ce.jsx = function(o, c, f) {
+      var _ = 1e4 > ve.recentlyCreatedOwnerStacks++;
+      return ee(
+        o,
+        c,
+        f,
+        !1,
+        _ ? Error("react-stack-top-frame") : ue,
+        _ ? R(O(o)) : V
+      );
+    }, Ce.jsxs = function(o, c, f) {
+      var _ = 1e4 > ve.recentlyCreatedOwnerStacks++;
+      return ee(
+        o,
+        c,
+        f,
+        !0,
+        _ ? Error("react-stack-top-frame") : ue,
+        _ ? R(O(o)) : V
+      );
+    };
+  })()), Ce;
+}
+var mt;
+function Bt() {
+  return mt || (mt = 1, process.env.NODE_ENV === "production" ? Fe.exports = $t() : Fe.exports = Lt()), Fe.exports;
+}
+var r = Bt();
+const Ft = "_container_dihwe_1", Wt = "_themeLight_dihwe_10", zt = "_themeDark_dihwe_29", Gt = "_themePurple_dihwe_48", Vt = "_headerRow_dihwe_67", Ut = "_flexRow_dihwe_76", Ht = "_toolbarGroup_dihwe_82", Yt = "_dropdown_dihwe_86", Jt = "_buttonBase_dihwe_90", Xt = "_buttonPrimary_dihwe_101", qt = "_buttonDanger_dihwe_111", Kt = "_buttonMuted_dihwe_121", Zt = "_dropdownToggle_dihwe_142", Qt = "_dropdownMenu_dihwe_147", er = "_dropdownMenuOpen_dihwe_163", tr = "_menuItemButton_dihwe_167", rr = "_labelMuted_dihwe_185", nr = "_selectSmall_dihwe_190", or = "_selectAuto_dihwe_199", ar = "_switchRow_dihwe_203", sr = "_groupingSummary_dihwe_210", lr = "_relative_dihwe_217", ir = "_overlay_dihwe_221", cr = "_overlayInner_dihwe_229", ur = "_spinner_dihwe_236", dr = "_tableWrap_dihwe_252", hr = "_tableWrapAll_dihwe_256", mr = "_table_dihwe_252", pr = "_tableHead_dihwe_278", gr = "_thCellTop_dihwe_282", fr = "_thCellFilter_dihwe_290", wr = "_thInner_dihwe_297", _r = "_resizeHandle_dihwe_303", br = "_sortButton_dihwe_328", yr = "_iconMuted_dihwe_338", xr = "_inlineGroup_dihwe_342", vr = "_input_dihwe_350", kr = "_rowInteractive_dihwe_362", jr = "_groupRow_dihwe_375", Nr = "_groupRowAnimated_dihwe_382", Sr = "_groupChildRow_dihwe_386", Cr = "_groupToggle_dihwe_390", Tr = "_groupMeta_dihwe_430", Rr = "_checkbox_dihwe_438", Er = "_dangerText_dihwe_443", Or = "_tfoot_dihwe_447", Ar = "_textCenter_dihwe_455", Dr = "_paginationWrap_dihwe_459", Mr = "_pagination_dihwe_459", Pr = "_pageButton_dihwe_473", Ir = "_pageButtonActive_dihwe_488", $r = "_backdrop_dihwe_494", Lr = "_drawer_dihwe_500", Br = "_drawerTitle_dihwe_515", Fr = "_drawerSection_dihwe_521", Wr = "_drawerSubtitle_dihwe_527", zr = "_sectionToggle_dihwe_534", Gr = "_sectionBody_dihwe_547", Vr = "_drawerRow_dihwe_551", Ur = "_spacerAuto_dihwe_558", Hr = "_successText_dihwe_562", Yr = "_srOnly_dihwe_570", a = {
+  container: Ft,
+  themeLight: Wt,
+  themeDark: zt,
+  themePurple: Gt,
+  headerRow: Vt,
+  flexRow: Ut,
+  toolbarGroup: Ht,
+  dropdown: Yt,
+  buttonBase: Jt,
+  buttonPrimary: Xt,
+  buttonDanger: qt,
+  buttonMuted: Kt,
+  dropdownToggle: Zt,
+  dropdownMenu: Qt,
+  dropdownMenuOpen: er,
+  menuItemButton: tr,
+  labelMuted: rr,
+  selectSmall: nr,
+  selectAuto: or,
+  switchRow: ar,
+  groupingSummary: sr,
+  relative: lr,
+  overlay: ir,
+  overlayInner: cr,
+  spinner: ur,
+  tableWrap: dr,
+  tableWrapAll: hr,
+  table: mr,
+  tableHead: pr,
+  thCellTop: gr,
+  thCellFilter: fr,
+  thInner: wr,
+  resizeHandle: _r,
+  sortButton: br,
+  iconMuted: yr,
+  inlineGroup: xr,
+  input: vr,
+  rowInteractive: kr,
+  groupRow: jr,
+  groupRowAnimated: Nr,
+  groupChildRow: Sr,
+  groupToggle: Cr,
+  groupMeta: Tr,
+  checkbox: Rr,
+  dangerText: Er,
+  tfoot: Or,
+  textCenter: Ar,
+  paginationWrap: Dr,
+  pagination: Mr,
+  pageButton: Pr,
+  pageButtonActive: Ir,
+  backdrop: $r,
+  drawer: Lr,
+  drawerTitle: Br,
+  drawerSection: Fr,
+  drawerSubtitle: Wr,
+  sectionToggle: zr,
+  sectionBody: Gr,
+  drawerRow: Vr,
+  spacerAuto: Ur,
+  successText: Hr,
+  srOnly: Yr
+}, E = (...u) => u.filter(Boolean).join(" ");
+function pt({ label: u, children: x }) {
+  const [v, O] = y(!1), j = ae(null);
+  return $(() => {
+    const N = (z) => {
+      j.current && !j.current.contains(z.target) && O(!1);
+    };
+    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
+  }, []), /* @__PURE__ */ r.jsxs("div", { className: a.dropdown, ref: j, children: [
+    /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        className: E(
+          a.buttonBase,
+          a.buttonPrimary,
+          a.dropdownToggle
+        ),
+        type: "button",
+        "aria-haspopup": "menu",
+        "aria-expanded": v,
+        onClick: () => O(!v),
+        children: u
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      "ul",
+      {
+        className: E(a.dropdownMenu, v && a.dropdownMenuOpen),
+        role: "menu",
+        onClick: () => O(!1),
+        children: x
+      }
+    )
+  ] });
+}
+const Xe = (u, x = "14px system-ui") => {
+  const O = (Xe.canvas || (Xe.canvas = document.createElement("canvas"))).getContext("2d");
+  return O.font = x, O.measureText(u).width;
+}, Te = (u) => u.toLowerCase().replace(/[_\s]+(.)?/g, (x, v) => v ? v.toUpperCase() : "").replace(/^(.)/, (x) => x.toLowerCase()), Jr = (u) => {
+  if (!u || typeof u != "object") return u;
+  const x = {};
+  return Object.keys(u).forEach((v) => {
+    x[Te(v)] = u[v];
+  }), x;
+}, Z = 0, We = 38, gt = 10, Xr = [], ze = 80;
+function Kr({
+  apiEndpoint: u,
+  rowKey: x,
+  theme: v = "light",
+  computedColumns: O = Xr,
+  currency: j = "INR",
+  dateFormat: N = {
+    locale: "en-US",
+    options: { year: "numeric", month: "2-digit", day: "2-digit" }
+  },
+  dateSeparator: z = "/",
+  pageSizeOptions: Y = [50, 100, 500, 1e3, 0],
+  defaultPageSize: _e
+}) {
+  const se = ae(!1), ee = ae(!1), le = ae(!1), Re = 50, [J, Ee] = y(!0), [ie, be] = y([]), [g, Ge] = y([]), [L, te] = y([]), [ye, xe] = y(!1), [X, G] = y(1), re = Array.isArray(Y) && Y.length > 0 ? Y : [50, 100, 500, 1e3, 0], Ve = _e !== void 0 && re.includes(_e) ? _e : re[0] || 50, [S, ve] = y(Ve), [Oe, Ae] = y(!1), [R, ne] = y([]), [ce, ue] = y({}), [V, oe] = y([]), [o, c] = y(() => {
+    const e = String(v || "light").toLowerCase();
+    return e === "dark" || e === "purple" ? e : "light";
+  }), [f, _] = y({
+    groupBy: !1,
+    aggregates: !1
+  }), [B, de] = y({}), b = Pt(B), [C, ke] = y({ key: null, direction: "asc" }), [U, je] = y([]), [De, Me] = y({}), [ft, I] = It(), qe = ae(null), [wt, _t] = y(0), Pe = ae(null), [Ke, Ze] = y(0), [Qe, bt] = y(0), he = ae(null), [yt, et] = y(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(max-width: 767.98px)").matches), Ue = String(j || "INR").toUpperCase() === "USD" ? "USD" : "INR", tt = Ue === "USD" ? "en-US" : "en-IN", rt = N?.locale || "en-US", nt = H(
+    () => N?.options || {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit"
+    },
+    [N]
+  );
+  $(() => {
+    S > 100 && xe(!0);
+  }, [S]), $(() => {
+    let e = !0;
+    const t = new AbortController();
+    return (async () => {
+      try {
+        xe(!0);
+        const n = new URLSearchParams({
+          page: String(X),
+          pageSize: String(S)
+        }), s = await fetch(`${u}?${n.toString()}`, {
+          signal: t.signal
+        });
+        if (!s.ok)
+          throw new Error(`Request failed: ${s.status} ${s.statusText}`);
+        const l = await s.json();
+        if (!e) return;
+        const i = (Array.isArray(l?.data) ? l.data : []).map((m) => Jr(m)), p = l?.columns || [], w = O.filter((m) => m && m.key && typeof m.formula == "function").map((m) => ({
+          key: Te(m.key),
+          label: m.label || m.key,
+          formula: m.formula
+        })), h = p.map((m) => {
+          const T = typeof m == "string" ? m : m.key;
+          return {
+            key: Te(T),
+            label: m.label || T.replace(/_/g, " ").replace(/\b\w/g, (W) => W.toUpperCase())
+          };
+        }), k = [
+          ...h,
+          ...w.filter((m) => !h.some((T) => T.key === m.key)).map(({ key: m, label: T }) => ({ key: m, label: T }))
+        ], A = i.map((m) => {
+          const T = { ...m };
+          return w.forEach((W) => {
+            try {
+              T[W.key] = W.formula(m);
+            } catch (fe) {
+              T[W.key] = "", console.error(`Failed computed column formula for '${W.key}'`, fe);
+            }
+          }), T;
+        });
+        if (be(A), Ge(k), !se.current) {
+          const m = k.map((T) => T.key);
+          te(m), je(m), se.current = !0;
+        }
+      } catch (n) {
+        if (n?.name === "AbortError") return;
+        console.error("Failed to load grid data", n);
+      } finally {
+        e && xe(!1);
+      }
+    })(), () => {
+      e = !1, t.abort();
+    };
+  }, [u, X, S, O]), $(() => {
+    if (g.length > 0 && L.length === 0) {
+      const e = g.map((t) => t.key);
+      te(e), je(e), se.current = !0;
+    }
+  }, [g, L]), $(() => {
+    if (!g.length) return;
+    const e = g.map((t) => t.key);
+    je((t) => {
+      const n = t.filter((l) => e.includes(l)), s = e.filter((l) => !n.includes(l));
+      return [...n, ...s];
+    }), te((t) => {
+      if (!t.length) return e;
+      const n = t.filter((l) => e.includes(l)), s = e.filter((l) => !n.includes(l));
+      return [...n, ...s];
+    });
+  }, [g]), $(() => {
+    if (!g.length) return;
+    const e = new Set(g.map((t) => t.key));
+    ne((t) => t.filter((n) => e.has(n)));
+  }, [g]), $(() => {
+    const e = () => G(1);
+    return window.addEventListener("refreshTable", e), () => window.removeEventListener("refreshTable", e);
+  }, []), $(() => {
+    if (!u) return;
+    ee.current = !1, le.current = !1;
+    const e = localStorage.getItem(`columnOrder_${u}`), t = localStorage.getItem(`visibleColumns_${u}`), n = localStorage.getItem(`groupByColumns_${u}`), s = localStorage.getItem(`totalColumns_${u}`), l = localStorage.getItem(`theme_${u}`), d = localStorage.getItem(`columnWidths_${u}`);
+    if (e && (je(JSON.parse(e)), se.current = !0), t && te(JSON.parse(t)), n && ne(JSON.parse(n)), s && (oe(JSON.parse(s)), ee.current = !0), d && Me(JSON.parse(d)), l === "light" || l === "dark" || l === "purple")
+      c(l);
+    else {
+      const i = String(v || "light").toLowerCase();
+      c(
+        i === "dark" || i === "purple" ? i : "light"
+      );
+    }
+    le.current = !0;
+  }, [u, v]), $(() => {
+    u && le.current && (U.length > 0 && localStorage.setItem(
+      `columnOrder_${u}`,
+      JSON.stringify(U)
+    ), L.length > 0 && localStorage.setItem(
+      `visibleColumns_${u}`,
+      JSON.stringify(L)
+    ), localStorage.setItem(
+      `groupByColumns_${u}`,
+      JSON.stringify(R)
+    ), localStorage.setItem(
+      `totalColumns_${u}`,
+      JSON.stringify(V)
+    ), localStorage.setItem(`theme_${u}`, o), localStorage.setItem(
+      `columnWidths_${u}`,
+      JSON.stringify(De)
+    ));
+  }, [
+    u,
+    U,
+    L,
+    R,
+    V,
+    o,
+    De
+  ]);
+  const q = (e, t) => e[t] ?? "", me = we(
+    (e) => {
+      const t = Number(e);
+      return Number.isNaN(t) ? "" : new Intl.NumberFormat(tt, {
+        style: "currency",
+        currency: Ue,
+        maximumFractionDigits: 2
+      }).format(t);
+    },
+    [tt, Ue]
+  ), xt = we(
+    (e) => {
+      const t = new Date(e);
+      return Number.isNaN(t.getTime()) ? e ?? "" : new Intl.DateTimeFormat(rt, nt).formatToParts(t).filter((s) => s.type === "year" || s.type === "month" || s.type === "day").map((s) => s.value).join(z);
+    },
+    [rt, nt, z]
+  ), K = we(
+    (e) => {
+      const t = ie[0]?.[e];
+      return t == null ? "text" : isNaN(Number(t)) ? isNaN(Date.parse(t)) ? "text" : "date" : "number";
+    },
+    [ie]
+  ), ot = (e) => {
+    const t = new Date(e);
+    return Number.isNaN(t.getTime()) ? null : `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(
+      t.getDate()
+    ).padStart(2, "0")}`;
+  }, Ie = H(() => g.filter((e) => K(e.key) === "number"), [g, K]);
+  $(() => {
+    if (!g.length) return;
+    const e = Ie.map((t) => t.key);
+    if (!e.length) {
+      oe([]);
+      return;
+    }
+    oe((t) => {
+      const n = new Set(e);
+      return ee.current ? t.filter((s) => n.has(s)) : (ee.current = !0, e);
+    });
+  }, [g.length, Ie]);
+  const Ne = (e, t) => {
+    I(() => {
+      de((n) => ({
+        ...n,
+        [e]: { ...n[e], ...t }
+      })), G(1);
+    });
+  }, vt = () => {
+    I(() => {
+      de({}), G(1);
+    });
+  }, He = H(() => ie.filter(
+    (e) => Object.entries(b).every(([t, n]) => {
+      if (!(n?.value !== void 0 && n?.value !== null && String(n.value).trim() !== "")) return !0;
+      const l = q(e, t);
+      if (n.type === "number") {
+        const d = Number(l), i = Number(n.value), p = n.op || "=";
+        return Number.isNaN(d) || Number.isNaN(i) ? !0 : p === "=" ? d === i : p === ">" ? d > i : p === "<" ? d < i : p === "!=" ? d !== i : !0;
+      }
+      if (n.type === "date") {
+        const d = ot(l), i = ot(n.value), p = n.op || "=";
+        return !d || !i ? !0 : p === "=" ? d === i : p === ">" ? d > i : p === "<" ? d < i : p === "!=" ? d !== i : !0;
+      }
+      return String(l).toLowerCase().includes(String(n.value).toLowerCase());
+    })
+  ), [ie, b]), kt = (e) => {
+    I(() => {
+      ke((t) => ({
+        key: e,
+        direction: t.key === e && t.direction === "asc" ? "desc" : "asc"
+      }));
+    });
+  }, D = H(() => {
+    if (!C.key) return He;
+    const e = K(C.key);
+    return [...He].sort((t, n) => {
+      const s = q(t, C.key), l = q(n, C.key), d = e === "date" ? new Date(s).getTime() : isNaN(Number(s)) ? s : Number(s), i = e === "date" ? new Date(l).getTime() : isNaN(Number(l)) ? l : Number(l);
+      return d < i ? C.direction === "asc" ? -1 : 1 : d > i ? C.direction === "asc" ? 1 : -1 : 0;
+    });
+  }, [He, C, K]), $e = H(() => {
+    if (!J) return null;
+    const e = {};
+    return g.forEach((t) => {
+      K(t.key) === "number" && V.includes(t.key) && (e[t.key] = D.reduce(
+        (n, s) => n + Number(s[t.key] || 0),
+        0
+      ));
+    }), e;
+  }, [J, D, g, K, V]), Le = S === Z ? D.length : Math.min(S, Re), Ye = S === Z ? 1 : Math.ceil(D.length / Le), Q = H(() => {
+    if (S === Z) return D;
+    const e = (X - 1) * Le;
+    return D.slice(e, e + Le);
+  }, [D, X, S, Le]), M = R.length > 0, F = !M && S === Z && !yt, jt = (e) => {
+    I(() => {
+      ne(
+        (t) => t.includes(e) ? t.filter((n) => n !== e) : [...t, e]
+      ), ue({}), G(1);
+    });
+  }, Nt = (e) => {
+    ue((t) => ({
+      ...t,
+      [e]: !t[e]
+    }));
+  }, St = (e) => {
+    I(() => {
+      oe(
+        (t) => t.includes(e) ? t.filter((n) => n !== e) : [...t, e]
+      );
+    });
+  }, at = we(
+    (e) => {
+      const t = {};
+      return V.forEach((n) => {
+        const s = e.map((w) => Number(w[n])).filter((w) => !Number.isNaN(w));
+        if (!s.length) return;
+        const l = s.reduce((w, h) => w + h, 0), d = Math.min(...s), i = Math.max(...s), p = l / s.length;
+        t[n] = {
+          count: s.length,
+          sum: l,
+          avg: p,
+          min: d,
+          max: i
+        };
+      }), t;
+    },
+    [V]
+  ), Be = H(() => {
+    if (!M) return [];
+    const e = [], t = D, n = (s, l, d) => {
+      const i = R[l], p = /* @__PURE__ */ new Map();
+      s.forEach((w) => {
+        const h = q(w, i), k = h == null || h === "" ? "(Blank)" : String(h);
+        p.has(k) || p.set(k, []), p.get(k).push(w);
+      }), Array.from(p.entries()).forEach(([w, h], k) => {
+        const A = `${d}${i}:${w}:${k}`;
+        if (e.push({
+          type: "group",
+          id: A,
+          groupKey: i,
+          groupValue: w,
+          level: l,
+          count: h.length,
+          aggregates: at(h)
+        }), !ce[A]) {
+          if (l < R.length - 1) {
+            n(h, l + 1, `${A}|`);
+            return;
+          }
+          h.forEach((m, T) => {
+            const W = m[Te(x)] ?? m[x] ?? T;
+            e.push({
+              type: "row",
+              id: `${A}|row:${W}:${T}`,
+              row: m
+            });
+          });
+        }
+      });
+    };
+    return n(t, 0, ""), e;
+  }, [
+    M,
+    D,
+    R,
+    ce,
+    at,
+    x
+  ]), Ct = we(
+    (e) => {
+      F && Ze(e.currentTarget.scrollTop);
+    },
+    [F]
+  );
+  ut(() => {
+    if (!F) return;
+    const e = Pe.current;
+    if (!e) return;
+    const t = () => bt(e.clientHeight || 0);
+    return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+  }, [F]), $(() => {
+    Ze(0), Pe.current && (Pe.current.scrollTop = 0);
+  }, [F, D.length]);
+  const pe = H(() => {
+    if (!F)
+      return {
+        start: 0,
+        end: Q.length,
+        rows: Q,
+        topSpacer: 0,
+        bottomSpacer: 0
+      };
+    const e = Q.length, t = Math.ceil((Qe || 1) / We), n = Math.max(
+      0,
+      Math.floor(Ke / We) - gt
+    ), s = Math.min(
+      e,
+      n + t + gt * 2
+    );
+    return {
+      start: n,
+      end: s,
+      rows: Q.slice(n, s),
+      topSpacer: n * We,
+      bottomSpacer: Math.max(0, (e - s) * We)
+    };
+  }, [F, Q, Ke, Qe]), Je = we(
+    (e) => Object.entries(e || {}).map(([t, n]) => `${g.find((l) => l.key === t)?.label || t}: Σ ${me(n.sum)} | Avg ${me(n.avg)} | Min ${me(n.min)} | Max ${me(n.max)}`),
+    [g, me]
+  ), Tt = () => {
+    try {
+      const e = P.filter(
+        (h) => L.includes(h.key)
+      ), t = (h) => {
+        const A = String(h ?? "").replace(/"/g, '""');
+        return /[",\n\r]/.test(A) ? `"${A}"` : A;
+      }, n = M ? Be.map((h) => {
+        if (h.type === "group") {
+          const m = g.find((fe) => fe.key === h.groupKey)?.label || h.groupKey, T = Je(h.aggregates).join(" || "), W = {};
+          return e.forEach((fe, ct) => {
+            if (ct === 0) {
+              W[fe.key] = `GROUP ${m}: ${h.groupValue} (${h.count})`;
+              return;
+            }
+            W[fe.key] = ct === 1 ? T : "";
+          }), W;
+        }
+        const k = {}, A = h.row;
+        return e.forEach((m) => {
+          k[m.key] = q(A, m.key);
+        }), k;
+      }) : D.map((h) => {
+        const k = {};
+        return e.forEach((A) => {
+          k[A.key] = q(h, A.key);
+        }), k;
+      }), s = e.map((h) => t(h.label)).join(","), l = n.map(
+        (h) => e.map((k) => t(h[k.key])).join(",")
+      ).join(`\r
+`), d = `\uFEFF${s}\r
+${l}`, i = new Blob([d], { type: "text/csv;charset=utf-8;" }), p = URL.createObjectURL(i), w = document.createElement("a");
+      w.href = p, w.download = "TableData.csv", document.body.appendChild(w), w.click(), document.body.removeChild(w), URL.revokeObjectURL(p);
+    } catch (e) {
+      console.error("Failed to export CSV", e);
+    }
+  }, Rt = () => {
+    (async () => {
+      const [{ default: e }, { default: t }] = await Promise.all([
+        import("./jspdf.es.min-DVZuwoNv.js").then((i) => i.j),
+        import("./jspdf.plugin.autotable-D7eVZU2H.js")
+      ]), n = new e({
+        orientation: "landscape",
+        // better for wide tables
+        unit: "pt",
+        format: "A4"
+      }), s = P.filter((i) => L.includes(i.key)), l = [s.map((i) => i.label)], d = M ? Be.map((i) => {
+        if (i.type === "group") {
+          const p = g.find((k) => k.key === i.groupKey)?.label || i.groupKey, w = Je(i.aggregates);
+          return [
+            {
+              content: [
+                `GROUP ${p}: ${i.groupValue} (${i.count})`,
+                ...w
+              ].join(`
+`),
+              colSpan: Math.max(1, s.length),
+              styles: {
+                fontStyle: "bold",
+                fillColor: [235, 240, 250],
+                textColor: [20, 40, 80],
+                overflow: "linebreak",
+                cellWidth: "wrap"
+              }
+            }
+          ];
+        }
+        return s.map((p) => String(q(i.row, p.key) ?? ""));
+      }) : D.map(
+        (i) => s.map((p) => String(q(i, p.key) ?? ""))
+      );
+      t(n, {
+        head: l,
+        body: d,
+        styles: {
+          fontSize: 9,
+          cellPadding: 4,
+          halign: "left",
+          valign: "middle"
+        },
+        headStyles: {
+          fillColor: [22, 160, 133],
+          textColor: [255, 255, 255],
+          fontStyle: "bold"
+        },
+        margin: { top: 40 },
+        didDrawPage: (i) => {
+          n.setFontSize(12), n.text("Table Data Export", i.settings.margin.left, 30);
+        }
+      }), n.save("TableData.pdf");
+    })().catch((e) => {
+      console.error("Failed to export PDF", e);
+    });
+  }, st = (e, t) => {
+    e.dataTransfer.setData("colKey", t);
+  }, lt = (e, t) => {
+    const n = e.dataTransfer.getData("colKey");
+    !n || n === t || I(() => {
+      je((s) => {
+        const l = [...s], d = l.indexOf(n), i = l.indexOf(t);
+        return l.splice(d, 1), l.splice(i, 0, n), l;
+      });
+    });
+  }, it = (e) => e.preventDefault(), P = H(() => U.map((e) => g.find((t) => t.key === e)).filter((e) => e && L.includes(e.key)), [g, U, L]), ge = H(() => {
+    const s = "14px system-ui", l = {};
+    return P.forEach((d) => {
+      const i = Xe(d.label, s), p = Math.min(
+        320,
+        Math.max(ze, i + 32 + 48)
+      );
+      l[d.key] = Math.max(
+        ze,
+        De[d.key] ?? p
+      );
+    }), l;
+  }, [P, De]);
+  $(() => {
+    if (!g.length) return;
+    const e = new Set(g.map((t) => t.key));
+    Me((t) => {
+      const n = {};
+      return Object.entries(t).forEach(([s, l]) => {
+        e.has(s) && (n[s] = l);
+      }), n;
+    });
+  }, [g]);
+  const Et = (e, t) => {
+    if (e.preventDefault(), e.stopPropagation(), e.button !== void 0 && e.button !== 0) return;
+    const n = e.clientX, s = ge[t] || ze;
+    he.current = { key: t, startX: n, startWidth: s }, document.body.style.cursor = "col-resize";
+    const l = (i) => {
+      if (!he.current) return;
+      const p = i.clientX - he.current.startX, w = Math.max(
+        ze,
+        he.current.startWidth + p
+      );
+      Me((h) => ({
+        ...h,
+        [he.current.key]: w
+      }));
+    }, d = () => {
+      he.current = null, document.body.style.cursor = "", window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", d);
+    };
+    window.addEventListener("pointermove", l), window.addEventListener("pointerup", d);
+  }, Ot = (e, t) => {
+    e.preventDefault(), e.stopPropagation(), Me((n) => {
+      const s = { ...n };
+      return delete s[t], s;
+    });
+  }, At = ye || ft, Dt = o === "dark" ? a.themeDark : o === "purple" ? a.themePurple : a.themeLight;
+  return ut(() => {
+    const e = () => {
+      _t(qe.current?.offsetHeight || 0);
+    };
+    return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, [P.length]), $(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function") return;
+    const e = window.matchMedia("(max-width: 767.98px)"), t = (n) => et(n.matches);
+    return et(e.matches), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+  }, []), /* @__PURE__ */ r.jsxs("div", { className: E(a.container, Dt), children: [
+    /* @__PURE__ */ r.jsxs("div", { className: a.headerRow, children: [
+      /* @__PURE__ */ r.jsxs("div", { className: E(a.flexRow, a.toolbarGroup), children: [
+        /* @__PURE__ */ r.jsx("label", { className: a.labelMuted, children: "Rows:" }),
+        /* @__PURE__ */ r.jsx(
+          "select",
+          {
+            className: E(a.selectSmall, a.selectAuto),
+            value: S,
+            onChange: (e) => I(() => {
+              ve(Number(e.target.value)), G(1);
+            }),
+            children: re.map((e) => /* @__PURE__ */ r.jsx("option", { value: e, children: e === Z ? "All" : e }, e))
+          }
+        ),
+        /* @__PURE__ */ r.jsxs("div", { className: a.switchRow, children: [
+          /* @__PURE__ */ r.jsx(
+            "input",
+            {
+              className: a.checkbox,
+              type: "checkbox",
+              checked: J,
+              onChange: (e) => I(() => Ee(e.target.checked))
+            }
+          ),
+          /* @__PURE__ */ r.jsx("label", { className: a.labelMuted, children: "Show Totals" })
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: a.groupingSummary, children: [
+          /* @__PURE__ */ r.jsxs("span", { className: a.labelMuted, children: [
+            "Group By:",
+            " ",
+            R.length ? R.map((e) => g.find((t) => t.key === e)?.label || e).join(" > ") : "None"
+          ] }),
+          R.length > 0 && /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              className: E(a.buttonBase, a.buttonMuted),
+              onClick: () => {
+                I(() => {
+                  ne([]), ue({});
+                });
+              },
+              children: "Clear Groups"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ r.jsxs("div", { className: E(a.flexRow, a.toolbarGroup), children: [
+        /* @__PURE__ */ r.jsxs(
+          "button",
+          {
+            className: E(a.buttonBase, a.buttonDanger),
+            disabled: !Object.values(B).some((e) => e?.value),
+            onClick: vt,
+            children: [
+              "✕",
+              " ",
+              "Clear Filters"
+            ]
+          }
+        ),
+        /* @__PURE__ */ r.jsxs(
+          pt,
+          {
+            label: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+              "⬇",
+              " Export"
+            ] }),
+            children: [
+              /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs("button", { className: a.menuItemButton, onClick: Tt, children: [
+                /* @__PURE__ */ r.jsx("span", { className: a.successText, children: "CSV" }),
+                " Export to CSV"
+              ] }) }),
+              /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs("button", { className: a.menuItemButton, onClick: Rt, children: [
+                /* @__PURE__ */ r.jsx("span", { className: a.dangerText, children: "PDF" }),
+                " ",
+                "Export to PDF"
+              ] }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r.jsxs(
+          "button",
+          {
+            className: E(a.buttonBase, a.buttonMuted),
+            onClick: () => Ae(!0),
+            children: [
+              "☰",
+              " ",
+              "Columns"
+            ]
+          }
+        ),
+        /* @__PURE__ */ r.jsxs(
+          pt,
+          {
+            label: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+              "▣",
+              " Theme"
+            ] }),
+            children: [
+              /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+                "button",
+                {
+                  className: a.menuItemButton,
+                  onClick: () => c("light"),
+                  children: "Light"
+                }
+              ) }),
+              /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+                "button",
+                {
+                  className: a.menuItemButton,
+                  onClick: () => c("dark"),
+                  children: "Dark"
+                }
+              ) }),
+              /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+                "button",
+                {
+                  className: a.menuItemButton,
+                  onClick: () => c("purple"),
+                  children: "Purple"
+                }
+              ) })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsxs("div", { className: a.relative, children: [
+      /* @__PURE__ */ r.jsx("div", { className: a.srOnly, "aria-live": "polite", children: ye ? "Loading table data" : "Table updated" }),
+      At && /* @__PURE__ */ r.jsx("div", { className: a.overlay, children: /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          className: a.overlayInner,
+          style: { top: "15%" },
+          children: [
+            /* @__PURE__ */ r.jsx("div", { className: a.spinner, role: "status" }),
+            /* @__PURE__ */ r.jsx("div", { className: a.labelMuted, children: ye ? "Loading data..." : "Updating..." })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          className: E(
+            a.tableWrap,
+            S === Z && a.tableWrapAll
+          ),
+          ref: Pe,
+          style: S === Z ? { maxHeight: "70vh", overflowY: "auto" } : {},
+          onScroll: Ct,
+          children: /* @__PURE__ */ r.jsxs(
+            "table",
+            {
+              className: a.table,
+              style: { tableLayout: "fixed" },
+              role: "grid",
+              "aria-rowcount": M ? Be.length : Q.length,
+              "aria-colcount": P.length,
+              children: [
+                /* @__PURE__ */ r.jsxs("thead", { className: a.tableHead, children: [
+                  /* @__PURE__ */ r.jsx("tr", { ref: qe, children: P.map((e) => {
+                    const t = C.key === e.key, n = t ? C.direction === "asc" ? "↑" : "↓" : "⇅";
+                    return /* @__PURE__ */ r.jsxs(
+                      "th",
+                      {
+                        scope: "col",
+                        "aria-sort": t ? C.direction === "asc" ? "ascending" : "descending" : "none",
+                        draggable: !0,
+                        onDragStart: (s) => st(s, e.key),
+                        onDragOver: it,
+                        onDrop: (s) => lt(s, e.key),
+                        style: {
+                          width: ge[e.key]
+                        },
+                        className: a.thCellTop,
+                        children: [
+                          /* @__PURE__ */ r.jsx("div", { className: a.thInner, children: /* @__PURE__ */ r.jsxs(
+                            "button",
+                            {
+                              type: "button",
+                              className: a.sortButton,
+                              "aria-label": `Sort by ${e.label}`,
+                              onClick: () => kt(e.key),
+                              children: [
+                                e.label,
+                                /* @__PURE__ */ r.jsxs("span", { className: a.iconMuted, children: [
+                                  " ",
+                                  n
+                                ] })
+                              ]
+                            }
+                          ) }),
+                          /* @__PURE__ */ r.jsx(
+                            "span",
+                            {
+                              className: a.resizeHandle,
+                              role: "separator",
+                              "aria-orientation": "vertical",
+                              "aria-label": `Resize ${e.label} column`,
+                              tabIndex: 0,
+                              onPointerDown: (s) => Et(s, e.key),
+                              onDoubleClick: (s) => Ot(s, e.key)
+                            }
+                          )
+                        ]
+                      },
+                      e.key
+                    );
+                  }) }),
+                  /* @__PURE__ */ r.jsx("tr", { children: P.map((e) => /* @__PURE__ */ r.jsx(
+                    "th",
+                    {
+                      style: {
+                        top: wt
+                      },
+                      className: a.thCellFilter,
+                      children: K(e.key) === "number" ? /* @__PURE__ */ r.jsxs("div", { className: a.inlineGroup, children: [
+                        /* @__PURE__ */ r.jsxs(
+                          "select",
+                          {
+                            className: E(a.selectSmall, a.selectAuto),
+                            value: B[e.key]?.op || "=",
+                            onChange: (t) => Ne(e.key, {
+                              type: "number",
+                              op: t.target.value
+                            }),
+                            children: [
+                              /* @__PURE__ */ r.jsx("option", { value: "=", children: "=" }),
+                              /* @__PURE__ */ r.jsx("option", { value: ">", children: ">" }),
+                              /* @__PURE__ */ r.jsx("option", { value: "<", children: "<" }),
+                              /* @__PURE__ */ r.jsx("option", { value: "!=", children: "!=" })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ r.jsx(
+                          "input",
+                          {
+                            type: "number",
+                            className: a.input,
+                            value: B[e.key]?.value || "",
+                            onChange: (t) => Ne(e.key, {
+                              type: "number",
+                              value: t.target.value
+                            })
+                          }
+                        )
+                      ] }) : K(e.key) === "date" ? /* @__PURE__ */ r.jsxs("div", { className: a.inlineGroup, children: [
+                        /* @__PURE__ */ r.jsxs(
+                          "select",
+                          {
+                            className: E(a.selectSmall, a.selectAuto),
+                            value: B[e.key]?.op || "=",
+                            onChange: (t) => Ne(e.key, {
+                              type: "date",
+                              op: t.target.value
+                            }),
+                            children: [
+                              /* @__PURE__ */ r.jsx("option", { value: "=", children: "=" }),
+                              /* @__PURE__ */ r.jsx("option", { value: ">", children: ">" }),
+                              /* @__PURE__ */ r.jsx("option", { value: "<", children: "<" }),
+                              /* @__PURE__ */ r.jsx("option", { value: "!=", children: "!=" })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ r.jsx(
+                          "input",
+                          {
+                            type: "date",
+                            className: a.input,
+                            value: B[e.key]?.value || "",
+                            onChange: (t) => Ne(e.key, {
+                              type: "date",
+                              value: t.target.value
+                            })
+                          }
+                        )
+                      ] }) : /* @__PURE__ */ r.jsx(
+                        "input",
+                        {
+                          type: "text",
+                          className: a.input,
+                          placeholder: "Filter...",
+                          value: B[e.key]?.value || "",
+                          onChange: (t) => Ne(e.key, {
+                            type: "text",
+                            value: t.target.value
+                          })
+                        }
+                      )
+                    },
+                    e.key
+                  )) })
+                ] }),
+                /* @__PURE__ */ r.jsxs("tbody", { children: [
+                  F && pe.topSpacer > 0 && /* @__PURE__ */ r.jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(
+                    "td",
+                    {
+                      colSpan: P.length,
+                      style: { height: `${pe.topSpacer}px`, padding: 0 }
+                    }
+                  ) }),
+                  (M ? Be : F ? pe.rows : Q).map((e) => {
+                    if (M && e.type === "group") {
+                      const n = g.find((d) => d.key === e.groupKey)?.label || e.groupKey, s = !!ce[e.id], l = Je(e.aggregates).join(" || ");
+                      return /* @__PURE__ */ r.jsx("tr", { className: E(a.groupRow, a.groupRowAnimated), children: /* @__PURE__ */ r.jsx("td", { colSpan: P.length, children: /* @__PURE__ */ r.jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          className: a.groupToggle,
+                          onClick: () => Nt(e.id),
+                          children: [
+                            /* @__PURE__ */ r.jsxs("span", { style: { paddingLeft: `${e.level * 18}px` }, children: [
+                              s ? "▶" : "▼",
+                              " ",
+                              n,
+                              ": ",
+                              e.groupValue,
+                              " (",
+                              e.count,
+                              ")"
+                            ] }),
+                            l && /* @__PURE__ */ r.jsxs("span", { className: a.groupMeta, children: [
+                              " ",
+                              l
+                            ] })
+                          ]
+                        }
+                      ) }) }, e.id);
+                    }
+                    const t = M ? e.row : e;
+                    return /* @__PURE__ */ r.jsx(
+                      "tr",
+                      {
+                        className: E(
+                          a.rowInteractive,
+                          M && a.groupChildRow
+                        ),
+                        tabIndex: 0,
+                        children: P.map((n) => {
+                          const s = q(t, n.key);
+                          return typeof s == "boolean" ? /* @__PURE__ */ r.jsx(
+                            "td",
+                            {
+                              "data-label": n.label,
+                              style: { width: ge[n.key] },
+                              children: /* @__PURE__ */ r.jsx(
+                                "input",
+                                {
+                                  type: "checkbox",
+                                  checked: s,
+                                  disabled: !0,
+                                  className: a.checkbox
+                                }
+                              )
+                            },
+                            n.key
+                          ) : K(n.key) === "date" ? /* @__PURE__ */ r.jsx(
+                            "td",
+                            {
+                              "data-label": n.label,
+                              style: { width: ge[n.key] },
+                              children: xt(s)
+                            },
+                            n.key
+                          ) : /* @__PURE__ */ r.jsx(
+                            "td",
+                            {
+                              "data-label": n.label,
+                              style: { width: ge[n.key] },
+                              children: s
+                            },
+                            n.key
+                          );
+                        })
+                      },
+                      M ? e.id : t[Te(x)] ?? t[x]
+                    );
+                  }),
+                  F && pe.bottomSpacer > 0 && /* @__PURE__ */ r.jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(
+                    "td",
+                    {
+                      colSpan: P.length,
+                      style: { height: `${pe.bottomSpacer}px`, padding: 0 }
+                    }
+                  ) })
+                ] }),
+                J && $e && Object.keys($e).length > 0 && /* @__PURE__ */ r.jsxs("tfoot", { className: a.tfoot, children: [
+                  /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx("td", { colSpan: P.length, className: a.textCenter, children: "Totals" }) }),
+                  /* @__PURE__ */ r.jsx("tr", { children: P.map((e) => /* @__PURE__ */ r.jsx(
+                    "td",
+                    {
+                      "data-label": e.label,
+                      style: { width: ge[e.key] },
+                      children: $e[e.key] !== void 0 ? me($e[e.key]) : ""
+                    },
+                    e.key
+                  )) })
+                ] })
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    !M && S !== Z && Ye > 1 && /* @__PURE__ */ r.jsx("div", { className: a.paginationWrap, children: /* @__PURE__ */ r.jsxs("ul", { className: a.pagination, children: [
+      /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          className: a.pageButton,
+          disabled: X === 1,
+          onClick: () => I(() => G((e) => e - 1)),
+          children: "Prev"
+        }
+      ) }),
+      Array.from({ length: Ye }, (e, t) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          className: E(
+            a.pageButton,
+            X === t + 1 && a.pageButtonActive
+          ),
+          onClick: () => I(() => G(t + 1)),
+          children: t + 1
+        }
+      ) }, t)),
+      /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          className: a.pageButton,
+          disabled: X === Ye,
+          onClick: () => I(() => G((e) => e + 1)),
+          children: "Next"
+        }
+      ) })
+    ] }) }),
+    !M && S === Z && /* @__PURE__ */ r.jsxs("div", { className: a.labelMuted, children: [
+      "Showing",
+      " ",
+      (F ? pe.end : Q.length).toLocaleString(),
+      " of",
+      " ",
+      D.length.toLocaleString(),
+      " rows",
+      F ? " (virtualized)" : ""
+    ] }),
+    M && /* @__PURE__ */ r.jsxs("div", { className: a.labelMuted, children: [
+      "Grouped view: ",
+      D.length.toLocaleString(),
+      " rows across",
+      " ",
+      R.length,
+      " level",
+      R.length > 1 ? "s" : ""
+    ] }),
+    Oe && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx("div", { className: a.backdrop, onClick: () => Ae(!1) }),
+      /* @__PURE__ */ r.jsxs("div", { className: a.drawer, children: [
+        /* @__PURE__ */ r.jsx("h6", { className: a.drawerTitle, children: "Column Settings" }),
+        /* @__PURE__ */ r.jsx("h6", { className: a.drawerSubtitle, children: "Visible Columns" }),
+        U.map((e) => {
+          const t = g.find((n) => n.key === e);
+          return t ? /* @__PURE__ */ r.jsxs(
+            "div",
+            {
+              className: a.drawerRow,
+              draggable: !0,
+              onDragStart: (n) => st(n, t.key),
+              onDragOver: it,
+              onDrop: (n) => lt(n, t.key),
+              children: [
+                /* @__PURE__ */ r.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: a.checkbox,
+                    checked: L.includes(t.key),
+                    onChange: () => I(
+                      () => te(
+                        (n) => n.includes(t.key) ? n.filter((s) => s !== t.key) : [...n, t.key]
+                      )
+                    )
+                  }
+                ),
+                /* @__PURE__ */ r.jsx("label", { children: t.label }),
+                /* @__PURE__ */ r.jsx("span", { className: E(a.spacerAuto, a.iconMuted), children: "⋮" })
+              ]
+            },
+            t.key
+          ) : null;
+        }),
+        /* @__PURE__ */ r.jsxs("div", { className: a.drawerSection, children: [
+          /* @__PURE__ */ r.jsxs(
+            "button",
+            {
+              type: "button",
+              className: a.sectionToggle,
+              "aria-expanded": f.groupBy,
+              onClick: () => _((e) => ({
+                ...e,
+                groupBy: !e.groupBy
+              })),
+              children: [
+                /* @__PURE__ */ r.jsx("span", { children: "Group By Columns" }),
+                /* @__PURE__ */ r.jsx("span", { className: a.iconMuted, children: f.groupBy ? "▲" : "▼" })
+              ]
+            }
+          ),
+          f.groupBy && /* @__PURE__ */ r.jsx("div", { className: a.sectionBody, children: U.map((e) => {
+            const t = g.find((n) => n.key === e);
+            return t ? /* @__PURE__ */ r.jsxs("div", { className: a.drawerRow, children: [
+              /* @__PURE__ */ r.jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  className: a.checkbox,
+                  checked: R.includes(t.key),
+                  onChange: () => jt(t.key)
+                }
+              ),
+              /* @__PURE__ */ r.jsx("label", { children: t.label })
+            ] }, `group-${t.key}`) : null;
+          }) })
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: a.drawerSection, children: [
+          /* @__PURE__ */ r.jsxs(
+            "button",
+            {
+              type: "button",
+              className: a.sectionToggle,
+              "aria-expanded": f.aggregates,
+              onClick: () => _((e) => ({
+                ...e,
+                aggregates: !e.aggregates
+              })),
+              children: [
+                /* @__PURE__ */ r.jsx("span", { children: "Show Total/Aggregate For" }),
+                /* @__PURE__ */ r.jsx("span", { className: a.iconMuted, children: f.aggregates ? "▲" : "▼" })
+              ]
+            }
+          ),
+          f.aggregates && /* @__PURE__ */ r.jsxs("div", { className: a.sectionBody, children: [
+            Ie.length === 0 && /* @__PURE__ */ r.jsx("div", { className: a.labelMuted, children: "No numeric columns available." }),
+            U.map((e) => {
+              const t = Ie.find((n) => n.key === e);
+              return t ? /* @__PURE__ */ r.jsxs("div", { className: a.drawerRow, children: [
+                /* @__PURE__ */ r.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: a.checkbox,
+                    checked: V.includes(t.key),
+                    onChange: () => St(t.key)
+                  }
+                ),
+                /* @__PURE__ */ r.jsx("label", { children: t.label })
+              ] }, `total-${t.key}`) : null;
+            })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  Kr as AwesomeGrid
+};