@pstdio/ui 0.16.0 → 0.17.0

package/dist/data-table.js

@@ -0,0 +1,1271 @@
+import { jsx as r, jsxs as z, Fragment as rt } from "react/jsx-runtime";
+import { Text as j, Icon as N, Popover as te, HStack as ze, Portal as se, Image as it, Button as ce, chakra as he, Menu as V, IconButton as le, Stack as be, Input as st, Box as _e, Flex as Y, Table as ee } from "@chakra-ui/react";
+import { createColumnHelper as at, flexRender as we, useReactTable as ct, getPaginationRowModel as dt, getCoreRowModel as ut, getSortedRowModel as mt } from "@tanstack/react-table";
+import { isValidElement as Se, cloneElement as ft, useState as re, useEffect as gt, Fragment as ht } from "react";
+import { S as Ae, T as Je } from "./scroll-area-BMbg1WcD.js";
+import { K as bt, e as pt, d as St } from "./kanban-renderer-toolbar-B9ro-9z1.js";
+import { c as k } from "react/compiler-runtime";
+import { CalendarClock as xt, Type as Ct, Hash as yt, CheckCircle2 as wt, Braces as vt, ChevronRight as Xe, CircleHelp as Rt, Minus as It, Check as $e, ChevronDown as zt, Columns3 as _t, Search as At, GripVertical as $t, X as kt, ArrowUpAZ as Ge, ArrowDownAZ as qe, MoreVertical as Tt, ChevronsLeft as Dt, ChevronLeft as Vt, ChevronsRight as Pt } from "lucide-react";
+import { C as ke } from "./checkbox-B2zYVemL.js";
+import { L as ie, R as Mt } from "./list-row-YRUxEcy3.js";
+import { P as Nt } from "./param-editor-CYZJbmKu.js";
+import { useSensors as Ht, useSensor as Lt, PointerSensor as jt, DndContext as Ot, closestCenter as Bt } from "@dnd-kit/core";
+import { SortableContext as Ft, verticalListSortingStrategy as Wt, useSortable as Et } from "@dnd-kit/sortable";
+import { CSS as Kt } from "@dnd-kit/utilities";
+import { useChart as Jt, Chart as Ne } from "@chakra-ui/charts";
+import { XAxis as Xt, YAxis as Gt, Bar as qt, Tooltip as Ut, BarChart as Yt, useActiveTooltipCoordinate as Zt, usePlotArea as Qt } from "recharts";
+import { c as el, d as tl } from "./param-editor-read-only-field-DgtLqcFa.js";
+const Ue = (l, e) => e.find((t) => Object.is(t.value, l))?.color ?? null, ll = (l) => {
+  const {
+    children: e
+  } = l;
+  return e;
+}, ol = "#111827", nl = "#ffffff", rl = "#000000", il = 4.5, sl = (l) => l.split("").map((e) => e + e).join(""), de = (l) => {
+  const e = l.trim(), t = e.startsWith("#") ? e.slice(1) : e, o = t.length === 3 ? sl(t) : t;
+  return /^[\da-f]{6}$/i.test(o) ? {
+    r: Number.parseInt(o.slice(0, 2), 16),
+    g: Number.parseInt(o.slice(2, 4), 16),
+    b: Number.parseInt(o.slice(4, 6), 16)
+  } : null;
+}, Ce = (l) => {
+  const e = l / 255;
+  return e <= 0.03928 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
+}, He = (l) => 0.2126 * Ce(l.r) + 0.7152 * Ce(l.g) + 0.0722 * Ce(l.b), al = (l, e) => {
+  const t = He(l), o = He(e), n = Math.max(t, o), s = Math.min(t, o);
+  return (n + 0.05) / (s + 0.05);
+}, ve = (l) => {
+  const e = (t) => Math.round(t).toString(16).padStart(2, "0");
+  return `#${e(l.r)}${e(l.g)}${e(l.b)}`;
+}, Ye = (l, e, t) => ({
+  r: l.r * (1 - t) + e.r * t,
+  g: l.g * (1 - t) + e.g * t,
+  b: l.b * (1 - t) + e.b * t
+}), Le = (l, e) => {
+  for (let t = 1; t <= 50; t += 1) {
+    const o = Ye(l, e, t / 50);
+    if (al(o, l) >= il)
+      return {
+        color: ve(o),
+        step: t
+      };
+  }
+  return {
+    color: ve(e),
+    step: 50
+  };
+}, je = (l) => {
+  const e = de(l);
+  if (!e) return ol;
+  const t = de(rl), o = de(nl), n = Le(e, t), s = Le(e, o);
+  return n.step <= s.step ? n.color : s.color;
+}, cl = (l, e, t) => {
+  const o = de(l), n = de(e);
+  return !o || !n ? null : ve(Ye(o, n, 1 - t));
+}, Oe = (l) => {
+  const e = l.foreground?.light ?? je(l.light), t = l.foreground?.dark ?? je(l.dark);
+  return {
+    backgroundColor: `light-dark(${l.light}, ${l.dark})`,
+    color: `light-dark(${e}, ${t})`
+  };
+}, dl = (l) => Math.round(l * 100) / 100, me = (l, e, t) => {
+  const o = cl(l, e, t);
+  return o || `color-mix(in srgb, ${l} ${dl(t * 100)}%, ${e})`;
+}, ul = (l, e, t) => {
+  const o = l.foreground && e.foreground ? {
+    light: me(l.foreground.light, e.foreground.light, t),
+    dark: me(l.foreground.dark, e.foreground.dark, t)
+  } : void 0;
+  return {
+    light: me(l.light, e.light, t),
+    dark: me(l.dark, e.dark, t),
+    ...o ? {
+      foreground: o
+    } : {}
+  };
+}, Ze = (l, e) => {
+  if (typeof l != "number" || !Number.isFinite(l) || e.length < 2) return null;
+  const t = e[0], o = e[e.length - 1];
+  if (o.value - t.value <= 0) return null;
+  if (l <= t.value) return t.color;
+  if (l >= o.value) return o.color;
+  const s = e.findIndex((u) => l <= u.value), i = e[s - 1], a = e[s], d = 1 - (l - i.value) / (a.value - i.value);
+  return ul(i.color, a.color, d);
+}, ml = (l) => {
+  const e = k(2), {
+    value: t
+  } = l;
+  let o;
+  return e[0] !== t ? (o = /* @__PURE__ */ r(j, { textStyle: "paragraph/S/medium", fontVariantNumeric: "tabular-nums", truncate: !0, children: t }), e[0] = t, e[1] = o) : o = e[1], o;
+}, ue = (l) => typeof l == "object" && l !== null && "display" in l, Be = (l) => typeof l == "string" || l instanceof String, fl = (l) => typeof l == "number" || l instanceof Number, gl = (l) => typeof l == "boolean" || l instanceof Boolean, hl = (l) => {
+  const e = l.map((t) => ue(t) ? t.sortValue ?? null : t instanceof String || t instanceof Number || t instanceof Boolean ? t.valueOf() : Se(t) ? null : t).filter((t) => t != null);
+  return e.length === 0 ? "unknown" : e.every((t) => Be(t) && !Number.isNaN(Date.parse(t.toString()))) ? "date" : e.every((t) => fl(t)) ? "number" : e.every((t) => gl(t)) ? "boolean" : e.every((t) => Be(t)) ? "string" : "unknown";
+}, fe = {
+  boxSize: "14px",
+  marginRight: "2px"
+}, bl = (l) => {
+  const e = hl(l);
+  return e === "date" ? /* @__PURE__ */ r(N, { as: xt, ...fe }) : e === "string" ? /* @__PURE__ */ r(N, { as: Ct, ...fe }) : e === "number" ? /* @__PURE__ */ r(N, { as: yt, ...fe }) : e === "boolean" ? /* @__PURE__ */ r(N, { as: wt, ...fe }) : null;
+};
+function pl(l) {
+  if (ue(l)) return l.display;
+  if (Se(l)) return l;
+  switch ((l instanceof String || l instanceof Number || l instanceof Boolean) && (l = l.valueOf()), typeof l) {
+    case "boolean":
+      return l ? "TRUE" : "FALSE";
+    case "number":
+      return l;
+    case "object":
+      return l !== null ? JSON.stringify(l) : "-";
+    case "undefined":
+      return "-";
+    default:
+      return l ? String(l) : "-";
+  }
+}
+const ge = at(), Sl = /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i, xl = /(^|\s)(avatar|image|logo|photo|picture|thumbnail)(\s|$)/i, Cl = (l) => {
+  const e = l.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().toLowerCase();
+  return e ? `${e[0]?.toUpperCase()}${e.slice(1)}` : "Details";
+}, ye = (l) => l.map((e) => /^\d+$/.test(e) ? e : Cl(e)).join(" / "), yl = (l) => l.every((e) => e === null || typeof e != "object"), Re = (l, e, t) => {
+  if (Array.isArray(l)) {
+    if (l.length === 0 || yl(l)) {
+      t.push({
+        label: ye(e),
+        value: l
+      });
+      return;
+    }
+    l.forEach((o, n) => {
+      Re(o, [...e, String(n + 1)], t);
+    });
+    return;
+  }
+  if (l !== null && typeof l == "object") {
+    const o = Object.entries(l);
+    if (o.length === 0) {
+      t.push({
+        label: ye(e),
+        value: null
+      });
+      return;
+    }
+    o.forEach(([n, s]) => {
+      Re(s, [...e, n], t);
+    });
+    return;
+  }
+  t.push({
+    label: ye(e),
+    value: l
+  });
+}, Qe = (l) => {
+  if (typeof l != "string") return l;
+  try {
+    return JSON.parse(l);
+  } catch {
+    return l;
+  }
+}, Te = (l) => {
+  const e = [];
+  return Re(Qe(l), [], e), e.map((t) => ({
+    ...t,
+    label: t.label || "Value"
+  }));
+}, xe = (l, e) => {
+  if (typeof l != "string") return !1;
+  if (l.startsWith("data:image/")) return !0;
+  try {
+    const t = new URL(l);
+    return t.protocol !== "http:" && t.protocol !== "https:" ? !1 : Sl.test(t.pathname) || xl.test(e);
+  } catch {
+    return !1;
+  }
+}, De = (l, e) => Array.isArray(l) && l.length > 0 && l.every((t) => xe(t, e)), Fe = (l) => l == null || l === "" ? "Not provided" : typeof l == "boolean" ? l ? "Yes" : "No" : String(l), wl = (l) => Array.isArray(l) ? l.length === 0 ? "None" : l.map(Fe).join(", ") : Fe(l), vl = (l) => {
+  const e = Qe(l);
+  if (Array.isArray(e) && e.length === 0 || e !== null && typeof e == "object" && Object.keys(e).length === 0)
+    return "No details";
+  const t = Te(l).filter((s) => !xe(s.value, s.label) && !De(s.value, s.label));
+  if (t.length === 0) return "No details";
+  const o = t.slice(0, 2).map((s) => wl(s.value)), n = t.length - o.length;
+  return [...o, n > 0 ? `${n} more` : null].filter(Boolean).join(" · ");
+}, Rl = (l) => {
+  const {
+    label: e,
+    value: t
+  } = l;
+  return xe(t, e) ? {
+    type: "image",
+    src: String(t),
+    alt: `${e} preview`
+  } : Array.isArray(t) && De(t, e) ? {
+    type: "image-gallery",
+    images: t.map((o, n) => ({
+      src: String(o),
+      alt: `${e} ${n + 1} preview`
+    }))
+  } : Array.isArray(t) ? t : t === void 0 ? null : t;
+}, Il = (l) => Te(l).map((e, t) => ({
+  id: `friendly-json-${t}`,
+  name: e.label,
+  type: "readOnly",
+  value: Rl(e)
+})), zl = (l) => {
+  const e = k(4), {
+    value: t
+  } = l;
+  let o;
+  e[0] !== t ? (o = Il(t), e[0] = t, e[1] = o) : o = e[1];
+  let n;
+  return e[2] !== o ? (n = /* @__PURE__ */ r(Nt, { params: o, readOnly: !0, fullWidth: !0 }), e[2] = o, e[3] = n) : n = e[3], n;
+}, _l = (l) => l.stopPropagation(), Al = (l) => {
+  const e = k(49), {
+    columnLabel: t,
+    value: o
+  } = l;
+  let n, s, i, a, c, d, u, m, h, b, f, g, p, y, x, w;
+  if (e[0] !== t || e[1] !== o) {
+    const D = Te(o).flatMap($l).slice(0, 2);
+    let H;
+    e[18] !== o ? (H = vl(o), e[18] = o, e[19] = H) : H = e[19], a = H, i = te.Root, e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+      placement: "bottom-start",
+      offset: {
+        mainAxis: 6
+      }
+    }, e[20] = m) : m = e[20], s = te.Trigger, u = !0, n = ce, c = `View ${t} details`, d = "ghost", h = "xs", b = "full", f = "0", g = "28px", p = "2xs", y = "flex-start", x = _l, w = D.length > 0 ? /* @__PURE__ */ r(ze, { gap: "-1", flexShrink: "0", children: D.map(kl) }) : /* @__PURE__ */ r(vt, { size: 14 }), e[0] = t, e[1] = o, e[2] = n, e[3] = s, e[4] = i, e[5] = a, e[6] = c, e[7] = d, e[8] = u, e[9] = m, e[10] = h, e[11] = b, e[12] = f, e[13] = g, e[14] = p, e[15] = y, e[16] = x, e[17] = w;
+  } else
+    n = e[2], s = e[3], i = e[4], a = e[5], c = e[6], d = e[7], u = e[8], m = e[9], h = e[10], b = e[11], f = e[12], g = e[13], p = e[14], y = e[15], x = e[16], w = e[17];
+  let C;
+  e[21] !== a ? (C = /* @__PURE__ */ r(j, { flex: "1", minWidth: "0", textAlign: "left", textStyle: "paragraph/S/regular", truncate: !0, children: a }), e[21] = a, e[22] = C) : C = e[22];
+  let S;
+  e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ r(Xe, { size: 12 }), e[23] = S) : S = e[23];
+  let v;
+  e[24] !== n || e[25] !== c || e[26] !== d || e[27] !== C || e[28] !== h || e[29] !== b || e[30] !== f || e[31] !== g || e[32] !== p || e[33] !== y || e[34] !== x || e[35] !== w ? (v = /* @__PURE__ */ z(n, { "aria-label": c, variant: d, size: h, width: b, minWidth: f, height: g, paddingX: p, justifyContent: y, onClick: x, children: [
+    w,
+    C,
+    S
+  ] }), e[24] = n, e[25] = c, e[26] = d, e[27] = C, e[28] = h, e[29] = b, e[30] = f, e[31] = g, e[32] = p, e[33] = y, e[34] = x, e[35] = w, e[36] = v) : v = e[36];
+  let R;
+  e[37] !== s || e[38] !== u || e[39] !== v ? (R = /* @__PURE__ */ r(s, { asChild: u, children: v }), e[37] = s, e[38] = u, e[39] = v, e[40] = R) : R = e[40];
+  let _;
+  e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {
+    overscrollBehavior: "contain"
+  }, e[41] = _) : _ = e[41];
+  let A;
+  e[42] !== o ? (A = /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(te.Positioner, { children: /* @__PURE__ */ r(te.Content, { width: "min(380px, calc(100vw - 32px))", padding: "0", background: "bg", overflow: "hidden", children: /* @__PURE__ */ r(Ae, { maxH: "360px", viewportProps: _, children: /* @__PURE__ */ r(zl, { value: o }) }) }) }) }), e[42] = o, e[43] = A) : A = e[43];
+  let $;
+  return e[44] !== i || e[45] !== m || e[46] !== R || e[47] !== A ? ($ = /* @__PURE__ */ z(i, { positioning: m, children: [
+    R,
+    A
+  ] }), e[44] = i, e[45] = m, e[46] = R, e[47] = A, e[48] = $) : $ = e[48], $;
+};
+function $l(l) {
+  return xe(l.value, l.label) ? [l] : !Array.isArray(l.value) || !De(l.value, l.label) ? [] : l.value.map((e, t) => ({
+    label: `${l.label} ${t + 1}`,
+    value: e
+  }));
+}
+function kl(l) {
+  return /* @__PURE__ */ r(it, { src: String(l.value), alt: `${l.label} preview`, boxSize: "22px", borderRadius: "xs", borderWidth: "1px", borderColor: "border.subtle", objectFit: "cover" }, l.label);
+}
+const We = (l) => ue(l) ? l.sortValue : l, Tl = (l, e) => l === e ? 0 : l == null ? 1 : e == null ? -1 : typeof l == "number" && typeof e == "number" ? l - e : String(l).localeCompare(String(e)), Dl = (l) => Se(l) ? ft(l, {
+  style: {
+    ...l.props.style,
+    flexWrap: "nowrap",
+    minWidth: 0,
+    whiteSpace: "nowrap"
+  }
+}) : l, pe = (l) => {
+  l.stopPropagation();
+}, Vl = (l) => {
+  const e = k(8), {
+    table: t
+  } = l, o = t.getIsAllRowsSelected(), n = !o && t.getIsSomeRowsSelected(), s = o ? !0 : n ? "indeterminate" : !1, i = n ? It : $e;
+  let a;
+  e[0] !== i ? (a = /* @__PURE__ */ r(N, { as: i, boxSize: "12px", strokeWidth: "3" }), e[0] = i, e[1] = a) : a = e[1];
+  let c;
+  e[2] !== t ? (c = (u) => t.toggleAllRowsSelected(u.checked === !0), e[2] = t, e[3] = c) : c = e[3];
+  let d;
+  return e[4] !== s || e[5] !== a || e[6] !== c ? (d = /* @__PURE__ */ r(ke, { checked: s, "aria-label": "Select all", icon: a, onClick: pe, onCheckedChange: c }), e[4] = s, e[5] = a, e[6] = c, e[7] = d) : d = e[7], d;
+}, Pl = (l) => {
+  const e = k(6), {
+    row: t,
+    selectedRowIds: o
+  } = l, n = !!o?.[t.id];
+  let s;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ r(N, { as: $e, boxSize: "12px", strokeWidth: "3" }), e[0] = s) : s = e[0];
+  let i;
+  e[1] !== t ? (i = (c) => t.toggleSelected(c.checked === !0), e[1] = t, e[2] = i) : i = e[2];
+  let a;
+  return e[3] !== n || e[4] !== i ? (a = /* @__PURE__ */ r(ke, { checked: n, "aria-label": "Select row", icon: s, onClick: pe, onCheckedChange: i }), e[3] = n, e[4] = i, e[5] = a) : a = e[5], a;
+}, Ml = (l) => {
+  const e = k(8), {
+    row: t,
+    actions: o
+  } = l;
+  let n;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ r(V.Trigger, { asChild: !0, children: /* @__PURE__ */ r(le, { "aria-label": "Row actions", size: "2xs", variant: "ghost", onClick: pe, children: /* @__PURE__ */ r(N, { as: zt, boxSize: "14px" }) }) }), e[0] = n) : n = e[0];
+  let s;
+  if (e[1] !== o || e[2] !== t) {
+    let a;
+    e[4] !== t ? (a = (c) => /* @__PURE__ */ r(V.Item, { value: c.label, asChild: !0, children: /* @__PURE__ */ r(ie, { asChild: !0, variant: "full-width", tone: c.destructive ? "danger" : "default", label: c.label, icon: c.icon, onClick: pe, onActivate: () => c.onSelect(t.original) }) }, c.label), e[4] = t, e[5] = a) : a = e[5], s = o.map(a), e[1] = o, e[2] = t, e[3] = s;
+  } else
+    s = e[3];
+  let i;
+  return e[6] !== s ? (i = /* @__PURE__ */ z(V.Root, { children: [
+    n,
+    /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(V.Positioner, { children: /* @__PURE__ */ r(V.Content, { zIndex: "popover", bg: "bg", children: s }) }) })
+  ] }), e[6] = s, e[7] = i) : i = e[7], i;
+}, Ee = (l) => {
+  const e = k(5), {
+    value: t
+  } = l;
+  let o, n;
+  if (e[0] !== t) {
+    n = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    e:
+      if (o = pl(t), Se(o)) {
+        n = /* @__PURE__ */ r(he.span, { display: "inline-flex", maxWidth: "full", minW: "0", overflow: "hidden", whiteSpace: "nowrap", children: Dl(o) });
+        break e;
+      }
+    e[0] = t, e[1] = o, e[2] = n;
+  } else
+    o = e[1], n = e[2];
+  if (n !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
+    return n;
+  let s;
+  return e[3] !== o ? (s = /* @__PURE__ */ r(j, { maxWidth: "full", overflow: "hidden", textOverflow: "ellipsis", textStyle: "paragraph/S/regular", whiteSpace: "nowrap", children: o }), e[3] = o, e[4] = s) : s = e[4], s;
+}, Nl = (l) => {
+  const e = k(9), {
+    columnLabel: t,
+    renderer: o,
+    value: n
+  } = l;
+  if (o?.type === "json") {
+    let i;
+    return e[0] !== t || e[1] !== n ? (i = /* @__PURE__ */ r(Al, { columnLabel: t, value: n }), e[0] = t, e[1] = n, e[2] = i) : i = e[2], i;
+  }
+  if (o?.type === "color-scale" && Ze(n, o.stops) && typeof n == "number") {
+    let a;
+    return e[3] !== n ? (a = /* @__PURE__ */ r(ml, { value: n }), e[3] = n, e[4] = a) : a = e[4], a;
+  }
+  if (o?.type === "categorical-color" && Ue(n, o.categories)) {
+    let a;
+    return e[5] !== n ? (a = /* @__PURE__ */ r(ll, { children: /* @__PURE__ */ r(Ee, { value: n }) }), e[5] = n, e[6] = a) : a = e[6], a;
+  }
+  let s;
+  return e[7] !== n ? (s = /* @__PURE__ */ r(Ee, { value: n }), e[7] = n, e[8] = s) : s = e[8], s;
+}, Hl = (l, e) => {
+  if (e?.type === "color-scale") {
+    const t = Ze(l, e.stops);
+    if (t && typeof l == "number") return Oe(t);
+  }
+  if (e?.type === "categorical-color") {
+    const t = Ue(l, e.categories);
+    if (t) return Oe(t);
+  }
+};
+function Ll(l, e, t = {}) {
+  const {
+    columnIcons: o,
+    columnDescriptions: n,
+    compactHeaders: s,
+    enableSelection: i = !1,
+    rowActions: a = [],
+    selectedRowIds: c,
+    columnRenderers: d
+  } = t, u = ge.accessor((f, g) => g + 1, {
+    header: "",
+    id: "rowIndex",
+    enableResizing: !1,
+    size: 20,
+    cell: (f) => /* @__PURE__ */ r(he.span, { display: "block", textStyle: "paragraph/S/regular", textAlign: "center", children: f.getValue() })
+  }), m = ge.display({
+    id: "rowSelection",
+    header: Vl,
+    cell: (f) => /* @__PURE__ */ r(Pl, { ...f, selectedRowIds: c }),
+    enableResizing: !1,
+    enableSorting: !1,
+    size: 36
+  }), h = e.map((f) => {
+    const g = f || "-", p = l.map((S) => S[g]), y = d?.[g], x = o?.[g], w = x === void 0 ? bl(p) : x, C = n?.[g];
+    return ge.accessor((S) => S[g], {
+      id: g,
+      header: () => {
+        const S = s?.[g] ?? g;
+        return /* @__PURE__ */ z(he.span, { display: "inline-flex", alignItems: "center", gap: "4px", minW: "0", maxW: "full", overflow: "hidden", children: [
+          w,
+          /* @__PURE__ */ r(he.span, { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", children: S }),
+          C ? /* @__PURE__ */ r(Je, { content: C, children: /* @__PURE__ */ r(N, { as: Rt, "aria-label": `About ${S}`, boxSize: "12px", color: "fg.muted", cursor: "help", flexShrink: 0, opacity: 0.6, tabIndex: 0 }) }) : null
+        ] });
+      },
+      cell: (S) => /* @__PURE__ */ r(Nl, { columnLabel: g, renderer: y, value: S.getValue() }),
+      meta: {
+        getCellStyle: (S) => Hl(S, y)
+      },
+      sortingFn: (S, v) => {
+        const R = We(S.original[g]), _ = We(v.original[g]);
+        return Tl(R, _);
+      }
+    });
+  }), b = ge.display({
+    id: "rowActions",
+    header: "",
+    cell: (f) => /* @__PURE__ */ r(Ml, { ...f, actions: a }),
+    enableResizing: !1,
+    enableSorting: !1,
+    size: 36
+  });
+  return [u, ...i ? [m] : [], ...h, ...a.length > 0 ? [b] : []];
+}
+const jl = (l) => {
+  const e = k(28), {
+    column: t,
+    checked: o,
+    onColumnToggle: n
+  } = l;
+  let s;
+  e[0] !== t.id ? (s = {
+    id: t.id
+  }, e[0] = t.id, e[1] = s) : s = e[1];
+  const {
+    attributes: i,
+    listeners: a,
+    setNodeRef: c,
+    transform: d,
+    transition: u,
+    isDragging: m
+  } = Et(s);
+  let h;
+  e[2] !== d ? (h = Kt.Transform.toString(d), e[2] = d, e[3] = h) : h = e[3];
+  const b = m ? 0.5 : 1;
+  let f;
+  e[4] !== h || e[5] !== b || e[6] !== u ? (f = {
+    transform: h,
+    transition: u,
+    opacity: b
+  }, e[4] = h, e[5] = b, e[6] = u, e[7] = f) : f = e[7];
+  const g = f;
+  let p;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
+    bg: "bg.hover"
+  }, e[8] = p) : p = e[8];
+  let y;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ r($t, { size: 14 }), e[9] = y) : y = e[9];
+  let x;
+  e[10] !== i || e[11] !== a ? (x = /* @__PURE__ */ r(_e, { as: "span", display: "inline-flex", cursor: "grab", color: "fg.muted", ...i, ...a, children: y }), e[10] = i, e[11] = a, e[12] = x) : x = e[12];
+  let w;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ r(N, { as: $e, boxSize: "12px", strokeWidth: "3" }), e[13] = w) : w = e[13];
+  let C;
+  e[14] !== t.id || e[15] !== n ? (C = () => n(t.id), e[14] = t.id, e[15] = n, e[16] = C) : C = e[16];
+  let S;
+  e[17] !== t.label ? (S = /* @__PURE__ */ r(j, { as: "span", textStyle: "label/S/regular", truncate: !0, children: t.label }), e[17] = t.label, e[18] = S) : S = e[18];
+  let v;
+  e[19] !== o || e[20] !== C || e[21] !== S ? (v = /* @__PURE__ */ r(ke, { checked: o, size: "sm", icon: w, onCheckedChange: C, children: S }), e[19] = o, e[20] = C, e[21] = S, e[22] = v) : v = e[22];
+  let R;
+  return e[23] !== c || e[24] !== g || e[25] !== v || e[26] !== x ? (R = /* @__PURE__ */ z(ze, { ref: c, style: g, gap: "2xs", minW: "0", width: "full", borderRadius: "xs", px: "xs", py: "2xs", _hover: p, children: [
+    x,
+    v
+  ] }), e[23] = c, e[24] = g, e[25] = v, e[26] = x, e[27] = R) : R = e[27], R;
+}, Ol = (l) => {
+  const e = k(34), {
+    columns: t,
+    visibleColumnIds: o,
+    onColumnToggle: n,
+    onColumnReorder: s
+  } = l, [i, a] = re("");
+  let c;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = {
+    activationConstraint: {
+      distance: 5
+    }
+  }, e[0] = c) : c = e[0];
+  const d = Ht(Lt(jt, c));
+  let u;
+  if (e[1] !== t || e[2] !== i) {
+    const $ = i.trim().toLowerCase();
+    u = $ ? t.filter((T) => T.label.toLowerCase().includes($)) : t, e[1] = t, e[2] = i, e[3] = u;
+  } else
+    u = e[3];
+  const m = u;
+  let h;
+  e[4] !== s ? (h = ($) => {
+    const {
+      active: T,
+      over: D
+    } = $;
+    !D || T.id === D.id || s(String(T.id), String(D.id));
+  }, e[4] = s, e[5] = h) : h = e[5];
+  const b = h;
+  let f;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
+    placement: "bottom-end",
+    offset: {
+      mainAxis: 8
+    }
+  }, e[6] = f) : f = e[6];
+  let g;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ r(te.Trigger, { asChild: !0, children: /* @__PURE__ */ r(le, { "aria-label": "Manage columns", variant: "ghost", size: "sm", children: /* @__PURE__ */ r(N, { as: _t, boxSize: "14px" }) }) }), e[7] = g) : g = e[7];
+  let p;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ r(N, { as: At, boxSize: "14px", color: "fg.muted" }), e[8] = p) : p = e[8];
+  let y;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = ($) => a($.target.value), e[9] = y) : y = e[9];
+  let x;
+  e[10] !== i ? (x = /* @__PURE__ */ z(ze, { borderBottomWidth: "1px", borderColor: "border.subtle", padding: "xs", gap: "2xs", children: [
+    p,
+    /* @__PURE__ */ r(st, { size: "xs", variant: "flushed", placeholder: "Search columns", value: i, onChange: y })
+  ] }), e[10] = i, e[11] = x) : x = e[11];
+  let w;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
+    overscrollBehavior: "contain"
+  }, e[12] = w) : w = e[12];
+  let C;
+  e[13] !== t ? (C = t.map(Bl), e[13] = t, e[14] = C) : C = e[14];
+  let S;
+  if (e[15] !== m || e[16] !== n || e[17] !== o) {
+    let $;
+    e[19] !== n || e[20] !== o ? ($ = (T) => /* @__PURE__ */ r(jl, { column: T, checked: o.has(T.id), onColumnToggle: n }, T.id), e[19] = n, e[20] = o, e[21] = $) : $ = e[21], S = m.map($), e[15] = m, e[16] = n, e[17] = o, e[18] = S;
+  } else
+    S = e[18];
+  let v;
+  e[22] !== S ? (v = /* @__PURE__ */ r(be, { gap: "1px", children: S }), e[22] = S, e[23] = v) : v = e[23];
+  let R;
+  e[24] !== v || e[25] !== C ? (R = /* @__PURE__ */ r(Ft, { items: C, strategy: Wt, children: v }), e[24] = v, e[25] = C, e[26] = R) : R = e[26];
+  let _;
+  e[27] !== b || e[28] !== d || e[29] !== R ? (_ = /* @__PURE__ */ r(Ae, { maxH: "280px", viewportProps: w, children: /* @__PURE__ */ r(_e, { padding: "2xs", children: /* @__PURE__ */ r(Ot, { sensors: d, collisionDetection: Bt, onDragEnd: b, children: R }) }) }), e[27] = b, e[28] = d, e[29] = R, e[30] = _) : _ = e[30];
+  let A;
+  return e[31] !== _ || e[32] !== x ? (A = /* @__PURE__ */ z(te.Root, { positioning: f, children: [
+    g,
+    /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(te.Positioner, { children: /* @__PURE__ */ r(te.Content, { width: "min(320px, calc(100vw - 32px))", p: "0", bg: "bg", overflow: "hidden", children: /* @__PURE__ */ z(be, { gap: "0", children: [
+      x,
+      _
+    ] }) }) }) })
+  ] }), e[31] = _, e[32] = x, e[33] = A) : A = e[33], A;
+};
+function Bl(l) {
+  return l.id;
+}
+function Fl(l) {
+  const e = k(24), {
+    selectedCount: t,
+    totalCount: o,
+    onClearSelection: n,
+    onSelectAll: s,
+    actions: i,
+    selectedRows: a
+  } = l, c = i.length === 1 ? i[0]?.label : "Actions";
+  let d;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ r(N, { as: kt, boxSize: "16px" }), e[0] = d) : d = e[0];
+  let u;
+  e[1] !== n ? (u = /* @__PURE__ */ r(le, { "aria-label": "clear-selection", onClick: n, size: "xs", children: d }), e[1] = n, e[2] = u) : u = e[2];
+  let m;
+  e[3] !== t ? (m = /* @__PURE__ */ z(j, { children: [
+    t,
+    " rows selected"
+  ] }), e[3] = t, e[4] = m) : m = e[4];
+  let h;
+  e[5] !== s || e[6] !== t || e[7] !== o ? (h = t !== o && /* @__PURE__ */ z(ce, { size: "xs", onClick: s, children: [
+    "Select all ",
+    o,
+    " rows"
+  ] }), e[5] = s, e[6] = t, e[7] = o, e[8] = h) : h = e[8];
+  let b;
+  e[9] !== c || e[10] !== i[0] || e[11] !== i.length || e[12] !== a ? (b = i.length === 1 && i[0] ? /* @__PURE__ */ r(ce, { size: "xs", onClick: () => i[0]?.onSelect(a), children: c }) : null, e[9] = c, e[10] = i[0], e[11] = i.length, e[12] = a, e[13] = b) : b = e[13];
+  let f;
+  e[14] !== c || e[15] !== i || e[16] !== a ? (f = i.length > 1 ? /* @__PURE__ */ z(V.Root, { children: [
+    /* @__PURE__ */ r(V.Trigger, { asChild: !0, children: /* @__PURE__ */ r(ce, { size: "xs", children: c }) }),
+    /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(V.Positioner, { children: /* @__PURE__ */ r(V.Content, { zIndex: "popover", bg: "bg", children: i.map((p) => /* @__PURE__ */ r(V.Item, { value: p.label, asChild: !0, children: /* @__PURE__ */ r(ie, { asChild: !0, variant: "full-width", tone: p.destructive ? "danger" : "default", label: p.label, icon: p.icon, onActivate: () => p.onSelect(a) }) }, p.label)) }) }) })
+  ] }) : null, e[14] = c, e[15] = i, e[16] = a, e[17] = f) : f = e[17];
+  let g;
+  return e[18] !== u || e[19] !== m || e[20] !== h || e[21] !== b || e[22] !== f ? (g = /* @__PURE__ */ r(Y, { alignItems: "center", paddingY: "2xs", paddingX: "sm", children: /* @__PURE__ */ z(be, { direction: "row", alignItems: "center", children: [
+    u,
+    m,
+    h,
+    b,
+    f
+  ] }) }), e[18] = u, e[19] = m, e[20] = h, e[21] = b, e[22] = f, e[23] = g) : g = e[23], g;
+}
+const Wl = (l) => {
+  const e = k(15), {
+    rows: t,
+    attributes: o,
+    storageKey: n,
+    selectedCount: s,
+    totalCount: i,
+    visibleCount: a,
+    actions: c,
+    selectedRows: d,
+    columnControl: u,
+    onClearSelection: m,
+    onSelectAll: h
+  } = l;
+  let b;
+  e[0] !== c || e[1] !== m || e[2] !== h || e[3] !== s || e[4] !== d || e[5] !== i || e[6] !== a ? (b = s > 0 ? /* @__PURE__ */ r(Fl, { selectedCount: s, totalCount: i, onClearSelection: m, onSelectAll: h, actions: c, selectedRows: d }) : /* @__PURE__ */ z(j, { px: "xs", textStyle: "label/S/regular", color: "fg.muted", children: [
+    a,
+    " rows"
+  ] }), e[0] = c, e[1] = m, e[2] = h, e[3] = s, e[4] = d, e[5] = i, e[6] = a, e[7] = b) : b = e[7];
+  const f = b;
+  let g;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
+    viewMode: "list"
+  }, e[8] = g) : g = e[8];
+  let p;
+  return e[9] !== o || e[10] !== u || e[11] !== f || e[12] !== t || e[13] !== n ? (p = /* @__PURE__ */ r(bt, { rows: t, storageKey: n, attributes: o, defaultSettings: g, leading: f, displayControl: u }), e[9] = o, e[10] = u, e[11] = f, e[12] = t, e[13] = n, e[14] = p) : p = e[14], p;
+}, El = 30, Ve = (l, e, t) => t ? t(l, e) : typeof l.id == "string" ? l.id : String(e), Kl = (l) => typeof l.initialPageSize == "number" && l.initialPageSize > 0 ? l.initialPageSize : El, Jl = (l) => l.map((e) => e.original), Xl = (l) => {
+  const e = [...l.selectionActions ?? []];
+  return l.onCSVDownload && e.push({
+    label: "Download CSV",
+    onSelect: (t) => {
+      l.onCSVDownload?.(t.map((o, n) => Ve(o, n, l.getRowId)));
+    }
+  }), e;
+}, Gl = (l) => l.selectionMode === "multiple" || !!l.onCSVDownload || !!l.selectionActions?.length, ql = (l) => l.enableRowActivation === !0 && l.activeRowId === l.rowId, Ie = (l) => {
+  const e = ue(l) ? l.sortValue : l;
+  return typeof e == "boolean" ? String(e) : e;
+}, Ul = (l, e) => {
+  const t = l.map((o) => Ie(o[e])).filter((o) => o != null);
+  return t.length > 0 && t.every((o) => typeof o == "number");
+}, Yl = (l, e) => Ul(l, e) ? {
+  kind: "number"
+} : {
+  kind: "string"
+}, Zl = (l, e, t) => e.map((o) => ({
+  id: o,
+  label: t?.[o] ?? o,
+  type: Yl(l, o),
+  filterable: !0,
+  sortable: !0,
+  displayable: !0
+})), Ql = (l, e, t) => l.map((o, n) => {
+  const s = Object.fromEntries(e.map((c) => [c, Ie(o[c])])), i = Ve(o, n, t), a = e.length > 0 ? Ie(o[e[0]]) : i;
+  return {
+    id: i,
+    title: String(a ?? i),
+    attributes: s,
+    sourceRow: o
+  };
+}), eo = (l, e, t) => pt(l, e, t), Ke = (l, e) => {
+  const t = new Set(l), o = e.filter((i) => t.has(i)), n = new Set(o), s = l.filter((i) => !n.has(i));
+  return [...o, ...s];
+}, to = (l, e, t) => {
+  const o = l.indexOf(e), n = l.indexOf(t);
+  if (o < 0 || n < 0 || o === n) return l;
+  const s = [...l], [i] = s.splice(o, 1);
+  return i ? (s.splice(n, 0, i), s) : l;
+}, lo = (l) => l.toolbarStorageKey ?? `data-table:${l.columnKeys.join("|") || "empty"}`, oo = () => {
+  const l = k(11), e = Zt(), t = Qt();
+  if (!e || !t)
+    return null;
+  const o = t.y + t.height;
+  let n;
+  l[0] !== e.x || l[1] !== t.y || l[2] !== o ? (n = /* @__PURE__ */ r("line", { x1: e.x, x2: e.x, y1: t.y, y2: o }), l[0] = e.x, l[1] = t.y, l[2] = o, l[3] = n) : n = l[3];
+  const s = t.x + t.width;
+  let i;
+  l[4] !== e.y || l[5] !== t.x || l[6] !== s ? (i = /* @__PURE__ */ r("line", { x1: t.x, x2: s, y1: e.y, y2: e.y }), l[4] = e.y, l[5] = t.x, l[6] = s, l[7] = i) : i = l[7];
+  let a;
+  return l[8] !== n || l[9] !== i ? (a = /* @__PURE__ */ z("g", { pointerEvents: "none", stroke: "var(--chakra-colors-border-emphasized)", strokeWidth: "1", children: [
+    n,
+    i
+  ] }), l[8] = n, l[9] = i, l[10] = a) : a = l[10], a;
+}, et = (l) => {
+  const e = k(47), {
+    data: t,
+    dataKey: o,
+    color: n,
+    height: s,
+    ariaLabel: i,
+    tooltipLabel: a,
+    tooltipValue: c,
+    tooltipSeriesLabel: d,
+    layout: u,
+    categoryKey: m,
+    domain: h,
+    barSize: b,
+    barCategoryGap: f
+  } = l, g = u === void 0 ? "horizontal" : u, p = f === void 0 ? 1 : f;
+  let y;
+  e[0] !== n || e[1] !== o ? (y = [{
+    name: o,
+    color: n
+  }], e[0] = n, e[1] = o, e[2] = y) : y = e[2];
+  let x;
+  e[3] !== t || e[4] !== y ? (x = {
+    data: t,
+    series: y
+  }, e[3] = t, e[4] = y, e[5] = x) : x = e[5];
+  const w = Jt(x);
+  let C;
+  e[6] !== o ? (C = (O) => O[o], e[6] = o, e[7] = C) : C = e[7];
+  const S = C;
+  let v;
+  e[8] !== m ? (v = m ? (O) => O[m] : void 0, e[8] = m, e[9] = v) : v = e[9];
+  const R = v, _ = w.data;
+  let A;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
+    top: 2,
+    right: 0,
+    bottom: 0,
+    left: 0
+  }, e[10] = A) : A = e[10];
+  let $;
+  e[11] !== h || e[12] !== R || e[13] !== g ? ($ = g === "vertical" ? /* @__PURE__ */ z(rt, { children: [
+    /* @__PURE__ */ r(Xt, { type: "number", domain: h, hide: !0 }),
+    /* @__PURE__ */ r(Gt, { type: "category", dataKey: R, hide: !0 })
+  ] }) : null, e[11] = h, e[12] = R, e[13] = g, e[14] = $) : $ = e[14];
+  let T;
+  e[15] !== w || e[16] !== n ? (T = w.color(n), e[15] = w, e[16] = n, e[17] = T) : T = e[17];
+  let D;
+  e[18] !== b || e[19] !== S || e[20] !== T ? (D = /* @__PURE__ */ r(qt, { dataKey: S, fill: T, barSize: b, isAnimationActive: !1 }), e[18] = b, e[19] = S, e[20] = T, e[21] = D) : D = e[21];
+  let H;
+  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = {
+    x: !0,
+    y: !0
+  }, e[22] = H) : H = e[22];
+  let K;
+  e[23] !== a ? (K = (O, G) => {
+    const q = G[0]?.payload;
+    return q ? a(q) : O;
+  }, e[23] = a, e[24] = K) : K = e[24];
+  let B;
+  e[25] !== d || e[26] !== c ? (B = (O) => [c(O), d], e[25] = d, e[26] = c, e[27] = B) : B = e[27];
+  let P;
+  e[28] !== K || e[29] !== B ? (P = /* @__PURE__ */ r(Ne.Tooltip, { labelFormatter: K, formatter: B }), e[28] = K, e[29] = B, e[30] = P) : P = e[30];
+  let J;
+  e[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ r(oo, {}), e[31] = J) : J = e[31];
+  let Z;
+  e[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = {
+    zIndex: 1800
+  }, e[32] = Z) : Z = e[32];
+  let L;
+  e[33] !== P ? (L = /* @__PURE__ */ r(Ut, { allowEscapeViewBox: H, content: P, cursor: J, isAnimationActive: !1, wrapperStyle: Z }), e[33] = P, e[34] = L) : L = e[34];
+  let E;
+  e[35] !== p || e[36] !== w.data || e[37] !== g || e[38] !== D || e[39] !== L || e[40] !== $ ? (E = /* @__PURE__ */ z(Yt, { responsive: !0, data: _, layout: g, margin: A, barCategoryGap: p, children: [
+    $,
+    D,
+    L
+  ] }), e[35] = p, e[36] = w.data, e[37] = g, e[38] = D, e[39] = L, e[40] = $, e[41] = E) : E = e[41];
+  let W;
+  return e[42] !== i || e[43] !== w || e[44] !== s || e[45] !== E ? (W = /* @__PURE__ */ r(Ne.Root, { chart: w, height: s, aspectRatio: "auto", cursor: "crosshair", "aria-label": i, children: E }), e[42] = i, e[43] = w, e[44] = s, e[45] = E, e[46] = W) : W = e[46], W;
+}, no = (l) => ue(l) ? l.sortValue : l, Pe = (l, e) => l.map((t) => no(t[e])).filter((t) => t != null && t !== ""), ro = (l, e) => new Set(Pe(l, e)).size, io = (l, e, t) => {
+  const o = Pe(l, e), n = /* @__PURE__ */ new Map();
+  for (const c of o)
+    n.set(c, (n.get(c) ?? 0) + 1);
+  const s = [...n.entries()].map(([c, d]) => ({
+    label: String(c),
+    count: d,
+    percentage: Math.round(d / o.length * 100)
+  })).sort((c, d) => d.count - c.count || c.label.localeCompare(d.label)), i = s.slice(0, t), a = s.slice(t).reduce((c, d) => c + d.count, 0);
+  return a === 0 ? i : [...i, {
+    label: "Other",
+    count: a,
+    percentage: Math.round(a / o.length * 100)
+  }];
+}, so = (l, e, t) => {
+  const o = Pe(l, e).filter((c) => typeof c == "number");
+  if (o.length === 0) return null;
+  const n = Math.min(...o), s = Math.max(...o), i = (s - n) / t, a = Array.from({
+    length: t
+  }, (c, d) => ({
+    start: n + i * d,
+    end: n + i * (d + 1),
+    count: 0
+  }));
+  for (const c of o) {
+    const d = c === s || i === 0 ? t - 1 : Math.floor((c - n) / i);
+    a[d].count += 1;
+  }
+  return {
+    min: n,
+    max: s,
+    bins: a
+  };
+}, oe = new Intl.NumberFormat(void 0, {
+  maximumFractionDigits: 2
+}).format, ao = (l) => {
+  const e = k(22), {
+    rows: t,
+    columnId: o
+  } = l;
+  let n, s, i, a, c, d, u, m;
+  if (e[0] !== o || e[1] !== t) {
+    const g = ro(t, o);
+    s = Y, d = "column", u = "2xs", m = "flex-start", n = j, i = "label/L/medium", a = "1", c = oe(g), e[0] = o, e[1] = t, e[2] = n, e[3] = s, e[4] = i, e[5] = a, e[6] = c, e[7] = d, e[8] = u, e[9] = m;
+  } else
+    n = e[2], s = e[3], i = e[4], a = e[5], c = e[6], d = e[7], u = e[8], m = e[9];
+  let h;
+  e[10] !== n || e[11] !== i || e[12] !== a || e[13] !== c ? (h = /* @__PURE__ */ r(n, { textStyle: i, lineHeight: a, children: c }), e[10] = n, e[11] = i, e[12] = a, e[13] = c, e[14] = h) : h = e[14];
+  let b;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ r(j, { textStyle: "label/XS/regular", color: "fg.muted", children: "unique values" }), e[15] = b) : b = e[15];
+  let f;
+  return e[16] !== s || e[17] !== d || e[18] !== u || e[19] !== m || e[20] !== h ? (f = /* @__PURE__ */ z(s, { direction: d, gap: u, alignItems: m, children: [
+    h,
+    b
+  ] }), e[16] = s, e[17] = d, e[18] = u, e[19] = m, e[20] = h, e[21] = f) : f = e[21], f;
+}, co = (l) => {
+  const e = k(36), {
+    rows: t,
+    columnId: o,
+    binCount: n
+  } = l;
+  let s, i, a, c, d, u, m, h, b, f, g, p, y, x;
+  if (e[0] !== n || e[1] !== o || e[2] !== t) {
+    u = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    e: {
+      const v = so(t, o, n);
+      if (!v) {
+        let R;
+        e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ r(j, { textStyle: "label/XS/regular", color: "fg.muted", children: "No numeric values" }), e[17] = R) : R = e[17], u = R;
+        break e;
+      }
+      a = Y, g = "column", p = "100%", y = "2xs", x = /* @__PURE__ */ r(et, { data: v.bins, dataKey: "count", color: "vis.categorical.1", height: "40px", ariaLabel: `Distribution for ${o}`, tooltipLabel: ho, tooltipValue: bo, tooltipSeriesLabel: "Count" }), i = Y, h = "space-between", b = "xs", f = /* @__PURE__ */ r(j, { textStyle: "label/XS/regular", color: "fg.muted", children: oe(v.min) }), s = j, c = "label/XS/regular", d = "fg.muted", m = oe(v.max);
+    }
+    e[0] = n, e[1] = o, e[2] = t, e[3] = s, e[4] = i, e[5] = a, e[6] = c, e[7] = d, e[8] = u, e[9] = m, e[10] = h, e[11] = b, e[12] = f, e[13] = g, e[14] = p, e[15] = y, e[16] = x;
+  } else
+    s = e[3], i = e[4], a = e[5], c = e[6], d = e[7], u = e[8], m = e[9], h = e[10], b = e[11], f = e[12], g = e[13], p = e[14], y = e[15], x = e[16];
+  if (u !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
+    return u;
+  let w;
+  e[18] !== s || e[19] !== c || e[20] !== d || e[21] !== m ? (w = /* @__PURE__ */ r(s, { textStyle: c, color: d, children: m }), e[18] = s, e[19] = c, e[20] = d, e[21] = m, e[22] = w) : w = e[22];
+  let C;
+  e[23] !== i || e[24] !== w || e[25] !== h || e[26] !== b || e[27] !== f ? (C = /* @__PURE__ */ z(i, { justifyContent: h, gap: b, children: [
+    f,
+    w
+  ] }), e[23] = i, e[24] = w, e[25] = h, e[26] = b, e[27] = f, e[28] = C) : C = e[28];
+  let S;
+  return e[29] !== a || e[30] !== C || e[31] !== g || e[32] !== p || e[33] !== y || e[34] !== x ? (S = /* @__PURE__ */ z(a, { direction: g, width: p, gap: y, children: [
+    x,
+    C
+  ] }), e[29] = a, e[30] = C, e[31] = g, e[32] = p, e[33] = y, e[34] = x, e[35] = S) : S = e[35], S;
+}, uo = (l) => {
+  const e = k(14), {
+    rows: t,
+    columnId: o,
+    limit: n
+  } = l;
+  let s, i, a, c, d;
+  if (e[0] !== o || e[1] !== n || e[2] !== t) {
+    const m = io(t, o, n);
+    s = Y, i = "column", a = "100%", c = "2xs", d = m.map(xo), e[0] = o, e[1] = n, e[2] = t, e[3] = s, e[4] = i, e[5] = a, e[6] = c, e[7] = d;
+  } else
+    s = e[3], i = e[4], a = e[5], c = e[6], d = e[7];
+  let u;
+  return e[8] !== s || e[9] !== i || e[10] !== a || e[11] !== c || e[12] !== d ? (u = /* @__PURE__ */ r(s, { direction: i, width: a, gap: c, children: d }), e[8] = s, e[9] = i, e[10] = a, e[11] = c, e[12] = d, e[13] = u) : u = e[13], u;
+}, mo = (l) => {
+  const e = k(11), {
+    rows: t,
+    columnId: o,
+    stat: n
+  } = l;
+  if (n.type === "unique") {
+    let a;
+    return e[0] !== o || e[1] !== t ? (a = /* @__PURE__ */ r(ao, { rows: t, columnId: o }), e[0] = o, e[1] = t, e[2] = a) : a = e[2], a;
+  }
+  if (n.type === "histogram") {
+    const a = n.bins ?? 10;
+    let c;
+    return e[3] !== o || e[4] !== t || e[5] !== a ? (c = /* @__PURE__ */ r(co, { rows: t, columnId: o, binCount: a }), e[3] = o, e[4] = t, e[5] = a, e[6] = c) : c = e[6], c;
+  }
+  const s = n.limit ?? 2;
+  let i;
+  return e[7] !== o || e[8] !== t || e[9] !== s ? (i = /* @__PURE__ */ r(uo, { rows: t, columnId: o, limit: s }), e[7] = o, e[8] = t, e[9] = s, e[10] = i) : i = e[10], i;
+}, fo = (l) => {
+  const e = k(12), {
+    header: t,
+    headerGroup: o,
+    rows: n,
+    columnStats: s,
+    fullWidth: i
+  } = l, a = s[t.column.id], c = a?.type;
+  let d;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
+    borderRight: "none"
+  }, e[0] = d) : d = e[0];
+  const u = i && o.headers.indexOf(t) === o.headers.length - 1 ? void 0 : `calc(var(--header-${t.id}-size) * 1px)`;
+  let m;
+  e[1] !== u ? (m = {
+    width: u
+  }, e[1] = u, e[2] = m) : m = e[2];
+  let h;
+  e[3] !== t.column.id || e[4] !== n || e[5] !== a ? (h = a ? /* @__PURE__ */ r(mo, { rows: n, columnId: t.column.id, stat: a }) : null, e[3] = t.column.id, e[4] = n, e[5] = a, e[6] = h) : h = e[6];
+  let b;
+  return e[7] !== t.column.id || e[8] !== c || e[9] !== m || e[10] !== h ? (b = /* @__PURE__ */ r(ee.ColumnHeader, { "data-column-id": t.column.id, "data-stat-type": c, borderRight: "1px solid", _last: d, borderColor: "border.subtle", padding: "xs", verticalAlign: "middle", overflow: "hidden", style: m, children: h }), e[7] = t.column.id, e[8] = c, e[9] = m, e[10] = h, e[11] = b) : b = e[11], b;
+}, go = (l) => {
+  const e = k(8), {
+    headerGroup: t,
+    rows: o,
+    columnStats: n,
+    fullWidth: s,
+    noBorder: i
+  } = l;
+  if (!t.headers.some((m) => n[m.column.id]))
+    return null;
+  const c = i ? "none" : "1px solid";
+  let d;
+  e[0] !== n || e[1] !== s || e[2] !== t || e[3] !== o ? (d = t.headers.map((m) => /* @__PURE__ */ r(fo, { header: m, headerGroup: t, rows: o, columnStats: n, fullWidth: s }, m.id)), e[0] = n, e[1] = s, e[2] = t, e[3] = o, e[4] = d) : d = e[4];
+  let u;
+  return e[5] !== c || e[6] !== d ? (u = /* @__PURE__ */ r(ee.Row, { className: "data-table-stats-row", borderRight: c, borderColor: "border.subtle", children: d }), e[5] = c, e[6] = d, e[7] = u) : u = e[7], u;
+};
+function ho(l) {
+  return `${oe(l.start)} – ${oe(l.end)}`;
+}
+function bo(l) {
+  return `${oe(Number(l))} values`;
+}
+function po(l) {
+  return `${l.label} · ${oe(l.count)} values`;
+}
+function So(l) {
+  return `${oe(Number(l))}%`;
+}
+function xo(l) {
+  return /* @__PURE__ */ z(_e, { position: "relative", height: "18px", children: [
+    /* @__PURE__ */ r(et, { data: [l], dataKey: "percentage", categoryKey: "label", color: "vis.sequential.blue.low-3", height: "18px", ariaLabel: `${l.label}: ${l.percentage}%`, layout: "vertical", domain: [0, 100], barSize: 18, tooltipLabel: po, tooltipValue: So, tooltipSeriesLabel: "Share" }),
+    /* @__PURE__ */ z(Y, { position: "absolute", inset: "0", paddingX: "2xs", justifyContent: "space-between", gap: "xs", pointerEvents: "none", children: [
+      /* @__PURE__ */ r(j, { textStyle: "label/XS/regular", truncate: !0, children: l.label }),
+      /* @__PURE__ */ z(j, { textStyle: "label/XS/medium", color: "fg.muted", children: [
+        l.percentage,
+        "%"
+      ] })
+    ] })
+  ] }, l.label);
+}
+const Co = /* @__PURE__ */ new Set(["rowIndex", "rowSelection", "rowActions"]), yo = (l) => l === "asc" ? Ge : l === "desc" ? qe : Tt, wo = (l) => {
+  const e = k(37), {
+    header: t,
+    headerGroup: o,
+    table: n,
+    fullWidth: s,
+    hasDescription: i
+  } = l;
+  let a, c, d;
+  if (e[0] !== t.column || e[1] !== n) {
+    c = t.column.getIsSorted();
+    let A;
+    e[5] !== t.column.id || e[6] !== n ? (A = !Co.has(t.column.id) && n.getCoreRowModel().rows.length > 1, e[5] = t.column.id, e[6] = n, e[7] = A) : A = e[7], a = A, d = yo(c), e[0] = t.column, e[1] = n, e[2] = a, e[3] = c, e[4] = d;
+  } else
+    a = e[2], c = e[3], d = e[4];
+  const u = d;
+  let m;
+  e[8] !== t ? (m = t.column.id === "rowSelection" ? "Select all" : we(t.column.columnDef.header, t.getContext()), e[8] = t, e[9] = m) : m = e[9];
+  const h = m, b = t.column.id;
+  let f;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
+    borderRight: "none"
+  }, e[10] = f) : f = e[10];
+  const g = t.id, p = s && o.headers.indexOf(t) === o.headers.length - 1 ? void 0 : `calc(var(--header-${t.id}-size) * 1px)`;
+  let y;
+  e[11] !== p ? (y = {
+    width: p
+  }, e[11] = p, e[12] = y) : y = e[12];
+  let x;
+  e[13] !== t ? (x = we(t.column.columnDef.header, t.getContext()), e[13] = t, e[14] = x) : x = e[14];
+  let w;
+  e[15] !== x ? (w = /* @__PURE__ */ r(j, { textStyle: "label/S/medium", lineHeight: "1.2", truncate: !0, children: x }), e[15] = x, e[16] = w) : w = e[16];
+  let C;
+  e[17] !== u || e[18] !== a || e[19] !== t.column || e[20] !== c ? (C = a && /* @__PURE__ */ z(V.Root, { children: [
+    /* @__PURE__ */ r(V.Trigger, { asChild: !0, children: /* @__PURE__ */ r(le, { ml: "2px", size: "2xs", "aria-label": c ? `Sorted ${c}` : "Sort column", variant: "ghost", visibility: c ? "visible" : "hidden", _groupHover: {
+      visibility: "visible"
+    }, children: /* @__PURE__ */ r(N, { as: u, boxSize: "14px" }) }) }),
+    /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(V.Positioner, { children: /* @__PURE__ */ z(V.Content, { zIndex: "popover", bg: "bg", children: [
+      /* @__PURE__ */ r(V.Item, { value: "sort-asc", asChild: !0, children: /* @__PURE__ */ r(ie, { asChild: !0, variant: "full-width", label: "Sort ascending", icon: /* @__PURE__ */ r(N, { as: Ge, boxSize: "16px" }), disabled: c === "asc", onActivate: () => t.column.toggleSorting(!1) }) }),
+      /* @__PURE__ */ r(V.Item, { value: "sort-desc", asChild: !0, children: /* @__PURE__ */ r(ie, { asChild: !0, variant: "full-width", label: "Sort descending", icon: /* @__PURE__ */ r(N, { as: qe, boxSize: "16px" }), disabled: c === "desc", onActivate: () => t.column.toggleSorting(!0) }) }),
+      c && /* @__PURE__ */ r(V.Item, { value: "clear-sort", asChild: !0, children: /* @__PURE__ */ r(ie, { asChild: !0, variant: "full-width", label: "Clear sort", onActivate: () => t.column.clearSorting() }) })
+    ] }) }) })
+  ] }), e[17] = u, e[18] = a, e[19] = t.column, e[20] = c, e[21] = C) : C = e[21];
+  let S;
+  e[22] !== t ? (S = t.column.getCanResize() && /* @__PURE__ */ r("span", { onDoubleClick: () => t.column.resetSize(), onMouseDown: t.getResizeHandler(), onTouchStart: t.getResizeHandler(), className: `resizer ${t.column.getIsResizing() ? "isResizing" : ""}` }), e[22] = t, e[23] = S) : S = e[23];
+  let v;
+  e[24] !== S || e[25] !== w || e[26] !== C ? (v = /* @__PURE__ */ z(Y, { className: "group", alignItems: "center", justifyContent: "space-between", gap: "1", flex: "1", minW: "0", children: [
+    w,
+    C,
+    S
+  ] }), e[24] = S, e[25] = w, e[26] = C, e[27] = v) : v = e[27];
+  let R;
+  e[28] !== i || e[29] !== v || e[30] !== h ? (R = /* @__PURE__ */ r(Je, { content: h, disabled: i, children: v }), e[28] = i, e[29] = v, e[30] = h, e[31] = R) : R = e[31];
+  let _;
+  return e[32] !== t.column.id || e[33] !== t.id || e[34] !== R || e[35] !== y ? (_ = /* @__PURE__ */ r(ee.ColumnHeader, { "data-column-id": b, textTransform: "none", borderRight: "1px solid", _last: f, borderColor: "border.subtle", paddingX: "xs", paddingY: "xs", overflow: "hidden", position: "relative", verticalAlign: "middle", whiteSpace: "nowrap", style: y, children: R }, g), e[32] = t.column.id, e[33] = t.id, e[34] = R, e[35] = y, e[36] = _) : _ = e[36], _;
+}, vo = (l) => {
+  const e = k(20), {
+    cell: t,
+    row: o,
+    getCellContextMenuActions: n
+  } = l, s = t.column.columnDef.meta;
+  let i;
+  e[0] !== t || e[1] !== s ? (i = s?.getCellStyle?.(t.getValue()), e[0] = t, e[1] = s, e[2] = i) : i = e[2];
+  const a = i;
+  let c;
+  if (e[3] !== t || e[4] !== n || e[5] !== o.id || e[6] !== o.original) {
+    const y = {
+      row: o.original,
+      rowId: o.id,
+      columnId: t.column.id,
+      value: t.getValue()
+    };
+    c = n?.(y).map((x) => ({
+      key: x.label,
+      label: x.label,
+      icon: x.icon,
+      onClick: () => x.onSelect(y)
+    })) ?? [], e[3] = t, e[4] = n, e[5] = o.id, e[6] = o.original, e[7] = c;
+  } else
+    c = e[7];
+  const d = c, u = t.column.id;
+  let m;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    borderRight: "none"
+  }, e[8] = m) : m = e[8];
+  const h = t.id;
+  let b;
+  e[9] !== t ? (b = we(t.column.columnDef.cell, t.getContext()), e[9] = t, e[10] = b) : b = e[10];
+  let f;
+  e[11] !== t.column.id || e[12] !== t.id || e[13] !== a || e[14] !== b ? (f = /* @__PURE__ */ r(ee.Cell, { "data-column-id": u, width: "fit-content", maxWidth: "12rem", overflow: "hidden", padding: "xs", borderRight: "1px solid", borderColor: "border.subtle", _last: m, borderBottom: "none", textStyle: "paragraph/S/regular", textOverflow: "ellipsis", whiteSpace: "nowrap", style: a, children: b }, h), e[11] = t.column.id, e[12] = t.id, e[13] = a, e[14] = b, e[15] = f) : f = e[15];
+  const g = f;
+  if (d.length === 0)
+    return g;
+  let p;
+  return e[16] !== t.id || e[17] !== g || e[18] !== d ? (p = /* @__PURE__ */ r(Mt, { actions: d, children: g }, t.id), e[16] = t.id, e[17] = g, e[18] = d, e[19] = p) : p = e[19], p;
+}, Ro = (l) => {
+  const e = k(21), {
+    row: t,
+    noBorder: o,
+    rowIsInteractive: n,
+    rowIsActive: s,
+    rowIsSelected: i,
+    onRowClick: a,
+    getCellContextMenuActions: c
+  } = l, d = t.id, u = s ? "true" : void 0, m = i ? "true" : void 0, h = i ? "true" : void 0, b = n ? "pointer" : void 0;
+  let f;
+  e[0] !== a || e[1] !== t.original || e[2] !== n ? (f = n ? () => a?.(t.original) : void 0, e[0] = a, e[1] = t.original, e[2] = n, e[3] = f) : f = e[3];
+  const g = o ? "none" : "1px solid", p = o ? "none" : "1px solid", y = o ? "none" : "1px solid";
+  let x;
+  e[4] !== y ? (x = {
+    borderBottom: y,
+    borderColor: "border.subtle"
+  }, e[4] = y, e[5] = x) : x = e[5];
+  const w = s ? "bg.active" : "bg";
+  let C;
+  e[6] !== c || e[7] !== t ? (C = t.getVisibleCells().map((v) => /* @__PURE__ */ r(vo, { cell: v, row: t, getCellContextMenuActions: c }, v.id)), e[6] = c, e[7] = t, e[8] = C) : C = e[8];
+  let S;
+  return e[9] !== t.id || e[10] !== u || e[11] !== w || e[12] !== C || e[13] !== m || e[14] !== h || e[15] !== b || e[16] !== f || e[17] !== g || e[18] !== p || e[19] !== x ? (S = /* @__PURE__ */ r(ee.Row, { "data-active": u, "data-selected": m, "aria-selected": h, cursor: b, onClick: f, borderTop: g, borderBottom: "1px solid", borderRight: p, _last: x, borderColor: "border.subtle", background: w, children: C }, d), e[9] = t.id, e[10] = u, e[11] = w, e[12] = C, e[13] = m, e[14] = h, e[15] = b, e[16] = f, e[17] = g, e[18] = p, e[19] = x, e[20] = S) : S = e[20], S;
+};
+function Io(l) {
+  const e = k(71), {
+    table: t,
+    pageIndex: o,
+    pageSize: n,
+    pageSizeOptions: s
+  } = l;
+  let i;
+  e[0] !== t ? (i = t.getPageCount(), e[0] = t, e[1] = i) : i = e[1];
+  const a = Math.max(i, 1), c = o > 0, d = o < a - 1;
+  let u;
+  e[2] !== t ? (u = t.getCoreRowModel(), e[2] = t, e[3] = u) : u = e[3];
+  let m;
+  e[4] !== u.rows.length ? (m = /* @__PURE__ */ z(j, { textStyle: "label/S/regular", children: [
+    u.rows.length,
+    " rows"
+  ] }), e[4] = u.rows.length, e[5] = m) : m = e[5];
+  let h;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ r(j, { textStyle: "label/S/regular", children: "Rows per page" }), e[6] = h) : h = e[6];
+  let b;
+  e[7] !== n ? (b = /* @__PURE__ */ r(V.Trigger, { asChild: !0, children: /* @__PURE__ */ r(ce, { size: "xs", variant: "outline", children: n }) }), e[7] = n, e[8] = b) : b = e[8];
+  let f;
+  if (e[9] !== n || e[10] !== s || e[11] !== t) {
+    let U;
+    e[13] !== n || e[14] !== t ? (U = (Q) => /* @__PURE__ */ r(V.Item, { value: `${Q}`, asChild: !0, children: /* @__PURE__ */ r(ie, { asChild: !0, variant: "full-width", label: `${Q}`, isSelected: Q === n, onActivate: () => t.setPageSize(Q) }) }, Q), e[13] = n, e[14] = t, e[15] = U) : U = e[15], f = s.map(U), e[9] = n, e[10] = s, e[11] = t, e[12] = f;
+  } else
+    f = e[12];
+  let g;
+  e[16] !== f ? (g = /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(V.Positioner, { children: /* @__PURE__ */ r(V.Content, { zIndex: "popover", bg: "bg", children: f }) }) }), e[16] = f, e[17] = g) : g = e[17];
+  let p;
+  e[18] !== b || e[19] !== g ? (p = /* @__PURE__ */ z(Y, { alignItems: "center", gap: "xs", marginRight: "sm", children: [
+    h,
+    /* @__PURE__ */ z(V.Root, { children: [
+      b,
+      g
+    ] })
+  ] }), e[18] = b, e[19] = g, e[20] = p) : p = e[20];
+  let y;
+  e[21] !== t ? (y = () => t.setPageIndex(0), e[21] = t, e[22] = y) : y = e[22];
+  const x = !c;
+  let w;
+  e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ r(N, { as: Dt, boxSize: "14px" }), e[23] = w) : w = e[23];
+  let C;
+  e[24] !== x || e[25] !== y ? (C = /* @__PURE__ */ r(le, { size: "xs", "aria-label": "Go to first page", onClick: y, disabled: x, children: w }), e[24] = x, e[25] = y, e[26] = C) : C = e[26];
+  let S;
+  e[27] !== o || e[28] !== t ? (S = () => t.setPageIndex(o - 1), e[27] = o, e[28] = t, e[29] = S) : S = e[29];
+  const v = !c;
+  let R;
+  e[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ r(N, { as: Vt, boxSize: "14px" }), e[30] = R) : R = e[30];
+  let _;
+  e[31] !== S || e[32] !== v ? (_ = /* @__PURE__ */ r(le, { size: "xs", "aria-label": "Go to previous page", onClick: S, disabled: v, children: R }), e[31] = S, e[32] = v, e[33] = _) : _ = e[33];
+  let A;
+  e[34] !== o || e[35] !== t ? (A = () => t.setPageIndex(o + 1), e[34] = o, e[35] = t, e[36] = A) : A = e[36];
+  const $ = !d;
+  let T;
+  e[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ r(N, { as: Xe, boxSize: "14px" }), e[37] = T) : T = e[37];
+  let D;
+  e[38] !== A || e[39] !== $ ? (D = /* @__PURE__ */ r(le, { size: "xs", "aria-label": "Go to next page", onClick: A, disabled: $, children: T }), e[38] = A, e[39] = $, e[40] = D) : D = e[40];
+  let H;
+  e[41] !== t ? (H = () => t.setPageIndex(t.getPageCount() - 1), e[41] = t, e[42] = H) : H = e[42];
+  const K = !d;
+  let B;
+  e[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ r(N, { as: Pt, boxSize: "14px" }), e[43] = B) : B = e[43];
+  let P;
+  e[44] !== H || e[45] !== K ? (P = /* @__PURE__ */ r(le, { size: "xs", "aria-label": "Go to last page", onClick: H, disabled: K, children: B }), e[44] = H, e[45] = K, e[46] = P) : P = e[46];
+  let J;
+  e[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ r(j, { children: "Page" }), e[47] = J) : J = e[47];
+  const Z = `${o + 1}`;
+  let L;
+  e[48] !== t || e[49] !== a ? (L = (U) => {
+    const Q = Number.isNaN(U.valueAsNumber) ? 1 : U.valueAsNumber, F = Math.min(a, Math.max(1, Q));
+    t.setPageIndex(F - 1);
+  }, e[48] = t, e[49] = a, e[50] = L) : L = e[50];
+  let E;
+  e[51] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ r(el, { className: "nodrag" }), e[51] = E) : E = e[51];
+  let W;
+  e[52] !== Z || e[53] !== L || e[54] !== a ? (W = /* @__PURE__ */ r(tl, { margin: "2xs", width: "3rem", size: "xs", min: 1, max: a, value: Z, onValueChange: L, children: E }), e[52] = Z, e[53] = L, e[54] = a, e[55] = W) : W = e[55];
+  let O;
+  e[56] !== a ? (O = /* @__PURE__ */ z(j, { children: [
+    "of ",
+    a
+  ] }), e[56] = a, e[57] = O) : O = e[57];
+  let G;
+  e[58] !== W || e[59] !== O ? (G = /* @__PURE__ */ z(Y, { alignItems: "center", height: "100%", marginLeft: "sm", marginRight: "md", gap: "xs", children: [
+    J,
+    W,
+    O
+  ] }), e[58] = W, e[59] = O, e[60] = G) : G = e[60];
+  let q;
+  e[61] !== C || e[62] !== _ || e[63] !== D || e[64] !== P || e[65] !== G || e[66] !== p ? (q = /* @__PURE__ */ z(be, { alignItems: "center", direction: "row", justifyContent: "flex-end", paddingY: "xs", children: [
+    p,
+    C,
+    _,
+    D,
+    P,
+    G
+  ] }), e[61] = C, e[62] = _, e[63] = D, e[64] = P, e[65] = G, e[66] = p, e[67] = q) : q = e[67];
+  let ae;
+  return e[68] !== m || e[69] !== q ? (ae = /* @__PURE__ */ z(Y, { alignItems: "center", justifyContent: "space-between", borderTop: "1px solid", borderColor: "border.subtle", paddingX: "xs", children: [
+    m,
+    q
+  ] }), e[68] = m, e[69] = q, e[70] = ae) : ae = e[70], ae;
+}
+const Wo = (l) => {
+  const {
+    data: e,
+    noBorder: t,
+    fullWidth: o,
+    hiddenColumns: n,
+    onRowClick: s,
+    isRowInteractive: i,
+    activeRowId: a,
+    columnIcons: c,
+    columnDescriptions: d,
+    compactHeaders: u,
+    columnStats: m,
+    columnRenderers: h,
+    initialPageSize: b,
+    pageSizeOptions: f = [10, 20, 30, 50, 100],
+    rowActions: g = [],
+    getRowId: p,
+    toolbarStorageKey: y,
+    enableRowActivation: x = !1,
+    getCellContextMenuActions: w
+  } = l, [C, S] = re([]), [v, R] = re(() => ({
+    pageIndex: 0,
+    pageSize: Kl({
+      initialPageSize: b
+    })
+  })), [_, A] = re({}), [$, T] = re(() => {
+    const I = new Set(n ?? []);
+    return Object.keys(e[0] || {}).filter((M) => !I.has(M));
+  }), [D, H] = re(() => /* @__PURE__ */ new Set()), K = new Set(n ?? []), B = Object.keys(e[0] || {}).filter((I) => !K.has(I)), P = Ke(B, $), J = new Set(P.filter((I) => !D.has(I))), Z = P.filter((I) => J.has(I)), L = Gl(l), E = Xl(l), W = Zl(e, P, u), O = Ql(e, P, p), G = lo({
+    toolbarStorageKey: y,
+    columnKeys: B
+  }), q = St(G, (I) => I.filters, {
+    settings: {
+      viewMode: "list"
+    }
+  }), U = eo(O, q, W).map((I) => I.sourceRow), Q = Ll(e, Z, {
+    columnIcons: c,
+    columnDescriptions: d,
+    compactHeaders: u,
+    enableSelection: L,
+    rowActions: g,
+    selectedRowIds: _,
+    columnRenderers: h
+  }), F = ct({
+    data: U,
+    columns: Q,
+    defaultColumn: {
+      size: 150,
+      minSize: 40,
+      maxSize: 800
+    },
+    state: {
+      sorting: C,
+      pagination: v,
+      rowSelection: _
+    },
+    getRowId: (I, M) => Ve(I, M, p),
+    columnResizeMode: "onChange",
+    columnResizeDirection: "ltr",
+    onSortingChange: S,
+    onPaginationChange: R,
+    onRowSelectionChange: A,
+    getSortedRowModel: mt(),
+    getCoreRowModel: ut(),
+    getPaginationRowModel: dt(),
+    enableMultiRowSelection: L,
+    enableRowSelection: L,
+    autoResetAll: !1
+  });
+  gt(() => {
+    const I = F.getPageCount();
+    I === 0 || v.pageIndex < I || R((M) => ({
+      ...M,
+      pageIndex: Math.max(I - 1, 0)
+    }));
+  }, [v.pageIndex, F]);
+  const tt = (() => {
+    const I = F.getFlatHeaders(), M = {};
+    for (let X = 0; X < I.length; X++) {
+      const ne = I[X];
+      M[`--header-${ne.id}-size`] = ne.getSize(), M[`--col-${ne.column.id}-size`] = ne.column.getSize();
+    }
+    return M;
+  })(), Me = F.getSelectedRowModel().rows, lt = F.getCoreRowModel().rows, ot = Jl(Me), nt = /* @__PURE__ */ r(Ol, { columns: P.map((I) => ({
+    id: I,
+    label: u?.[I] ?? I
+  })), visibleColumnIds: J, onColumnToggle: (I) => H((M) => {
+    const X = new Set(M);
+    return X.has(I) ? X.delete(I) : X.add(I), X;
+  }), onColumnReorder: (I, M) => T((X) => to(Ke(B, X), I, M)) });
+  return /* @__PURE__ */ z(Y, { direction: "column", height: "100%", width: "100%", children: [
+    /* @__PURE__ */ r(Wl, { rows: O, storageKey: G, attributes: W, selectedCount: L ? Me.length : 0, totalCount: lt.length, visibleCount: U.length, onClearSelection: () => F.toggleAllRowsSelected(!1), onSelectAll: () => F.toggleAllRowsSelected(!0), actions: E, selectedRows: ot, columnControl: nt }),
+    /* @__PURE__ */ r(Ae, { height: "100%", maxWidth: "unset", showHorizontalScrollbar: !0, children: /* @__PURE__ */ z(ee.Root, { className: `data-table${o ? " full-width" : ""}`, style: {
+      ...tt,
+      width: o ? "100%" : F.getTotalSize()
+    }, children: [
+      /* @__PURE__ */ r(ee.Header, { children: F.getHeaderGroups().map((I) => /* @__PURE__ */ z(ht, { children: [
+        /* @__PURE__ */ r(ee.Row, { className: "data-table-column-header-row", borderRight: t ? "none" : "1px solid", borderColor: "border.subtle", children: I.headers.map((M) => /* @__PURE__ */ r(wo, { header: M, headerGroup: I, table: F, fullWidth: o, hasDescription: !!d?.[M.column.id] }, M.id)) }),
+        m ? /* @__PURE__ */ r(go, { headerGroup: I, rows: U, columnStats: m, noBorder: t, fullWidth: o }) : null
+      ] }, I.id)) }),
+      /* @__PURE__ */ r(ee.Body, { children: F.getRowModel().rows.map((I) => {
+        const M = s ? i?.(I.original) ?? !0 : !1, X = ql({
+          enableRowActivation: x,
+          activeRowId: a,
+          rowId: I.id
+        }), ne = I.getIsSelected();
+        return /* @__PURE__ */ r(Ro, { row: I, noBorder: t, rowIsInteractive: M, rowIsActive: X, rowIsSelected: ne, onRowClick: s, getCellContextMenuActions: w }, I.id);
+      }) })
+    ] }) }),
+    F.getPageCount() > 1 && /* @__PURE__ */ r(Io, { table: F, pageIndex: v.pageIndex, pageSize: v.pageSize, pageSizeOptions: f })
+  ] });
+};
+export {
+  Wo as DataTable,
+  zl as FriendlyJsonDisplay,
+  pl as formatDisplayValue,
+  bl as getIcon
+};
+//# sourceMappingURL=data-table.js.map