@pstdio/ui 0.16.0 → 0.18.0

package/dist/data-table.js

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