@pstdio/ui 0.26.0 → 0.36.0

package/dist/data-table.js

@@ -1,1199 +1,1361 @@
-import { jsx as a, jsxs as _, Fragment as ct } from "react/jsx-runtime";
-import { c as z } from "react/compiler-runtime";
-import { Text as O, Popover as te, HStack as Ee, Portal as ue, Image as dt, Button as ut, chakra as ae, Icon as ee, Menu as G, IconButton as we, Stack as ze, Box as re, Table as L, Flex as oe, Skeleton as Be } from "@chakra-ui/react";
-import { flexRender as be, useReactTable as mt, getPaginationRowModel as ft, getCoreRowModel as ht, getSortedRowModel as gt } from "@tanstack/react-table";
-import { isValidElement as Fe, cloneElement as bt, useRef as Te, useState as Q, useEffect as Ke, Fragment as pt } from "react";
-import { S as xe, T as Je } from "./scroll-area-BMbg1WcD.js";
-import { u as St } from "./kanban-renderer-toolbar-Buek4icz.js";
-import { Braces as wt, ChevronRight as xt, CircleHelp as yt, Minus as Ct, Check as ye, ChevronDown as vt, Settings2 as Rt, GripVertical as It, ArrowUpAZ as Xe, ArrowDownAZ as qe, MoreVertical as At } from "lucide-react";
-import { C as Ce, S as $t } from "./prism-n5gcERyD.js";
-import { L as ce, S as _t, R as kt } from "./list-row-DHzRa9-O.js";
-import { c as ie, g as zt, i as Ge, f as Tt, D as Dt, E as Vt, r as Mt, a as De, s as Pt, b as Ht, d as Lt, e as Ot, h as Wt, j as Nt, k as jt, l as Et, m as Bt, n as Ft, o as Kt, S as Jt, P as Xt } from "./edit-mode-data-table-Nfmfi7bz.js";
-import { P as qt } from "./param-editor-CFM2Nf3l.js";
-import { useSensors as Gt, useSensor as Ut, PointerSensor as Yt, DndContext as Zt, closestCenter as Qt } from "@dnd-kit/core";
-import { SortableContext as eo, verticalListSortingStrategy as to, useSortable as oo } from "@dnd-kit/sortable";
-import { CSS as lo } from "@dnd-kit/utilities";
-import { useChart as no, Chart as Ve } from "@chakra-ui/charts";
-import { XAxis as ro, YAxis as io, Bar as so, Tooltip as ao, BarChart as co, useActiveTooltipCoordinate as uo, usePlotArea as mo } from "recharts";
-const Ue = (o, e) => e.find((t) => Object.is(t.value, o))?.color ?? null, fo = (o) => {
-  const {
-    children: e
-  } = o;
-  return e;
-}, ho = "#111827", go = "#ffffff", bo = "#000000", po = 4.5, So = (o) => o.split("").map((e) => e + e).join(""), ne = (o) => {
-  const e = o.trim(), t = e.startsWith("#") ? e.slice(1) : e, l = t.length === 3 ? So(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;
-}, he = (o) => {
-  const e = o / 255;
-  return e <= 0.03928 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
-}, Me = (o) => 0.2126 * he(o.r) + 0.7152 * he(o.g) + 0.0722 * he(o.b), wo = (o, e) => {
-  const t = Me(o), l = Me(e), n = Math.max(t, l), i = Math.min(t, l);
-  return (n + 0.05) / (i + 0.05);
-}, pe = (o) => {
-  const e = (t) => Math.round(t).toString(16).padStart(2, "0");
-  return `#${e(o.r)}${e(o.g)}${e(o.b)}`;
-}, Ye = (o, e, t) => ({
-  r: o.r * (1 - t) + e.r * t,
-  g: o.g * (1 - t) + e.g * t,
-  b: o.b * (1 - t) + e.b * t
-}), Pe = (o, e) => {
-  for (let t = 1; t <= 50; t += 1) {
-    const l = Ye(o, e, t / 50);
-    if (wo(l, o) >= po)
-      return {
-        color: pe(l),
-        step: t
-      };
-  }
-  return {
-    color: pe(e),
-    step: 50
-  };
-}, He = (o) => {
-  const e = ne(o);
-  if (!e) return ho;
-  const t = ne(bo), l = ne(go), n = Pe(e, t), i = Pe(e, l);
-  return n.step <= i.step ? n.color : i.color;
-}, xo = (o, e, t) => {
-  const l = ne(o), n = ne(e);
-  return !l || !n ? null : pe(Ye(l, n, 1 - t));
-}, Le = (o) => {
-  const e = o.foreground?.light ?? He(o.light), t = o.foreground?.dark ?? He(o.dark);
-  return {
-    backgroundColor: `light-dark(${o.light}, ${o.dark})`,
-    color: `light-dark(${e}, ${t})`
-  };
-}, yo = (o) => Math.round(o * 100) / 100, se = (o, e, t) => {
-  const l = xo(o, e, t);
-  return l || `color-mix(in srgb, ${o} ${yo(t * 100)}%, ${e})`;
-}, Co = (o, e, t) => {
-  const l = o.foreground && e.foreground ? {
-    light: se(o.foreground.light, e.foreground.light, t),
-    dark: se(o.foreground.dark, e.foreground.dark, t)
-  } : void 0;
-  return {
-    light: se(o.light, e.light, t),
-    dark: se(o.dark, e.dark, t),
-    ...l ? {
-      foreground: l
-    } : {}
-  };
-}, Ze = (o, e) => {
-  if (typeof o != "number" || !Number.isFinite(o) || e.length < 2) return null;
-  const t = e[0], l = e[e.length - 1];
-  if (l.value - t.value <= 0) return null;
-  if (o <= t.value) return t.color;
-  if (o >= l.value) return l.color;
-  const i = e.findIndex((u) => o <= u.value), c = e[i - 1], s = e[i], d = 1 - (o - c.value) / (s.value - c.value);
-  return Co(c.color, s.color, d);
-}, vo = (o) => {
-  const e = z(2), {
-    value: t
-  } = o;
-  let l;
-  return e[0] !== t ? (l = /* @__PURE__ */ a(O, { textStyle: "paragraph/S/medium", fontVariantNumeric: "tabular-nums", truncate: !0, children: t }), e[0] = t, e[1] = l) : l = e[1], l;
-}, Ro = /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i, Io = /(^|\s)(avatar|image|logo|photo|picture|thumbnail)(\s|$)/i, Ao = (o) => {
-  const e = o.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().toLowerCase();
-  return e ? `${e[0]?.toUpperCase()}${e.slice(1)}` : "Details";
-}, ge = (o) => o.map((e) => /^\d+$/.test(e) ? e : Ao(e)).join(" / "), $o = (o) => o.every((e) => e === null || typeof e != "object"), Se = (o, e, t) => {
-  if (Array.isArray(o)) {
-    if (o.length === 0 || $o(o)) {
-      t.push({
-        label: ge(e),
-        value: o
-      });
-      return;
-    }
-    o.forEach((l, n) => {
-      Se(l, [...e, String(n + 1)], t);
-    });
-    return;
-  }
-  if (o !== null && typeof o == "object") {
-    const l = Object.entries(o);
-    if (l.length === 0) {
-      t.push({
-        label: ge(e),
-        value: null
-      });
-      return;
-    }
-    l.forEach(([n, i]) => {
-      Se(i, [...e, n], t);
-    });
-    return;
-  }
-  t.push({
-    label: ge(e),
-    value: o
-  });
-}, Qe = (o) => {
-  if (typeof o != "string") return o;
-  try {
-    return JSON.parse(o);
-  } catch {
-    return o;
-  }
-}, ve = (o) => {
-  const e = [];
-  return Se(Qe(o), [], e), e.map((t) => ({
-    ...t,
-    label: t.label || "Value"
-  }));
-}, me = (o, e) => {
-  if (typeof o != "string") return !1;
-  if (o.startsWith("data:image/")) return !0;
-  try {
-    const t = new URL(o);
-    return t.protocol !== "http:" && t.protocol !== "https:" ? !1 : Ro.test(t.pathname) || Io.test(e);
-  } catch {
-    return !1;
-  }
-}, Re = (o, e) => Array.isArray(o) && o.length > 0 && o.every((t) => me(t, e)), Oe = (o) => o == null || o === "" ? "Not provided" : typeof o == "boolean" ? o ? "Yes" : "No" : String(o), _o = (o) => Array.isArray(o) ? o.length === 0 ? "None" : o.map(Oe).join(", ") : Oe(o), ko = (o) => {
-  const e = Qe(o);
-  if (Array.isArray(e) && e.length === 0 || e !== null && typeof e == "object" && Object.keys(e).length === 0)
-    return "No details";
-  const t = ve(o).filter((i) => !me(i.value, i.label) && !Re(i.value, i.label));
-  if (t.length === 0) return "No details";
-  const l = t.slice(0, 2).map((i) => _o(i.value)), n = t.length - l.length;
-  return [...l, n > 0 ? `${n} more` : null].filter(Boolean).join(" · ");
-}, zo = (o) => {
-  const {
-    label: e,
-    value: t
-  } = o;
-  return me(t, e) ? {
-    type: "image",
-    src: String(t),
-    alt: `${e} preview`
-  } : Array.isArray(t) && Re(t, e) ? {
-    type: "image-gallery",
-    images: t.map((l, n) => ({
-      src: String(l),
-      alt: `${e} ${n + 1} preview`
-    }))
-  } : Array.isArray(t) ? t : t === void 0 ? null : t;
-}, To = (o) => ve(o).map((e, t) => ({
-  id: `friendly-json-${t}`,
-  name: e.label,
-  type: "readOnly",
-  value: zo(e)
-})), Do = (o) => {
-  const e = z(4), {
-    value: t
-  } = o;
-  let l;
-  e[0] !== t ? (l = To(t), e[0] = t, e[1] = l) : l = e[1];
-  let n;
-  return e[2] !== l ? (n = /* @__PURE__ */ a(qt, { params: l, readOnly: !0, fullWidth: !0 }), e[2] = l, e[3] = n) : n = e[3], n;
-}, Vo = (o) => o.stopPropagation(), Mo = (o) => {
-  const e = z(49), {
-    columnLabel: t,
-    value: l
-  } = o;
-  let n, i, c, s, r, d, u, m, f, h, S, b, x, g, v, w;
-  if (e[0] !== t || e[1] !== l) {
-    const M = ve(l).flatMap(Po).slice(0, 2);
-    let D;
-    e[18] !== l ? (D = ko(l), e[18] = l, e[19] = D) : D = e[19], s = D, c = te.Root, e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
-      placement: "bottom-start",
-      offset: {
-        mainAxis: 6
-      }
-    }, e[20] = m) : m = e[20], i = te.Trigger, u = !0, n = ut, r = `View ${t} details`, d = "ghost", f = "xs", h = "full", S = "0", b = "28px", x = "2xs", g = "flex-start", v = Vo, w = M.length > 0 ? /* @__PURE__ */ a(Ee, { gap: "-1", flexShrink: "0", children: M.map(Ho) }) : /* @__PURE__ */ a(wt, { size: 14 }), e[0] = t, e[1] = l, e[2] = n, e[3] = i, e[4] = c, e[5] = s, e[6] = r, e[7] = d, e[8] = u, e[9] = m, e[10] = f, e[11] = h, e[12] = S, e[13] = b, e[14] = x, e[15] = g, e[16] = v, e[17] = w;
-  } else
-    n = e[2], i = e[3], c = e[4], s = e[5], r = e[6], d = e[7], u = e[8], m = e[9], f = e[10], h = e[11], S = e[12], b = e[13], x = e[14], g = e[15], v = e[16], w = e[17];
-  let p;
-  e[21] !== s ? (p = /* @__PURE__ */ a(O, { flex: "1", minWidth: "0", textAlign: "left", textStyle: "paragraph/S/regular", truncate: !0, children: s }), e[21] = s, e[22] = p) : p = e[22];
-  let R;
-  e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ a(xt, { size: 12 }), e[23] = R) : R = e[23];
-  let C;
-  e[24] !== n || e[25] !== r || e[26] !== d || e[27] !== p || e[28] !== f || e[29] !== h || e[30] !== S || e[31] !== b || e[32] !== x || e[33] !== g || e[34] !== v || e[35] !== w ? (C = /* @__PURE__ */ _(n, { "aria-label": r, variant: d, size: f, width: h, minWidth: S, height: b, paddingX: x, justifyContent: g, onClick: v, children: [
-    w,
-    p,
-    R
-  ] }), e[24] = n, e[25] = r, e[26] = d, e[27] = p, e[28] = f, e[29] = h, e[30] = S, e[31] = b, e[32] = x, e[33] = g, e[34] = v, e[35] = w, e[36] = C) : C = e[36];
-  let y;
-  e[37] !== i || e[38] !== u || e[39] !== C ? (y = /* @__PURE__ */ a(i, { asChild: u, children: C }), e[37] = i, e[38] = u, e[39] = C, e[40] = y) : y = e[40];
-  let A;
-  e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
-    overscrollBehavior: "contain"
-  }, e[41] = A) : A = e[41];
-  let $;
-  e[42] !== l ? ($ = /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ a(te.Positioner, { children: /* @__PURE__ */ a(te.Content, { width: "min(380px, calc(100vw - 32px))", padding: "0", background: "bg", overflow: "hidden", children: /* @__PURE__ */ a(xe, { maxH: "360px", viewportProps: A, children: /* @__PURE__ */ a(Do, { value: l }) }) }) }) }), e[42] = l, e[43] = $) : $ = e[43];
-  let T;
-  return e[44] !== c || e[45] !== m || e[46] !== y || e[47] !== $ ? (T = /* @__PURE__ */ _(c, { positioning: m, children: [
-    y,
-    $
-  ] }), e[44] = c, e[45] = m, e[46] = y, e[47] = $, e[48] = T) : T = e[48], T;
+import { a as e, n as t } from "./prism-pSHJejZx.js";
+import { n, t as r } from "./scroll-area-Cr1lNXAr.js";
+import { i, s as a, t as o } from "./list-row-De9R2zKU.js";
+import { A as s, C as c, D as l, E as u, F as d, I as f, M as p, N as m, O as h, P as g, R as _, S as v, T as y, Y as b, b as x, g as S, h as C, j as w, k as T, m as E, w as D, x as O, y as ee, z as k } from "./rich-text-BgDvOEGH.js";
+import { t as A } from "./diff-bubble-DZsarmSG.js";
+import { n as j } from "./param-editor-I0dKQeeZ.js";
+import { Badge as M, Box as te, Button as N, Flex as P, HStack as F, Icon as I, IconButton as ne, Image as L, Menu as R, Popover as z, Portal as B, Skeleton as V, Stack as re, Table as H, Text as U, chakra as W } from "@chakra-ui/react";
+import { c as G } from "react/compiler-runtime";
+import { jsx as K, jsxs as q } from "react/jsx-runtime";
+import { Fragment as ie, Suspense as ae, cloneElement as oe, isValidElement as J, lazy as se, useEffect as ce, useRef as le, useState as Y } from "react";
+import { ArrowDownAZ as ue, ArrowUpAZ as de, Braces as fe, Check as pe, ChevronDown as me, ChevronRight as X, CircleHelp as he, GripVertical as ge, Minus as Z, MoreVertical as _e, Settings2 as ve } from "lucide-react";
+import { DndContext as ye, PointerSensor as be, closestCenter as xe, useSensor as Se, useSensors as Ce } from "@dnd-kit/core";
+import { SortableContext as Q, useSortable as we, verticalListSortingStrategy as Te } from "@dnd-kit/sortable";
+import { CSS as Ee } from "@dnd-kit/utilities";
+import { flexRender as De, getCoreRowModel as Oe, getPaginationRowModel as ke, getSortedRowModel as Ae, useReactTable as je } from "@tanstack/react-table";
+//#region src/components/data-table/categorical-color-cell.tsx
+var Me = (e, t) => t.find((t) => Object.is(t.value, e))?.color ?? null, Ne = (e) => {
+	let { children: t } = e;
+	return t;
+}, Pe = "#111827", Fe = "#ffffff", Ie = "#000000", Le = 4.5, Re = (e) => e.split("").map((e) => e + e).join(""), $ = (e) => {
+	let t = e.trim(), n = t.startsWith("#") ? t.slice(1) : t, r = n.length === 3 ? Re(n) : n;
+	return /^[\da-f]{6}$/i.test(r) ? {
+		r: Number.parseInt(r.slice(0, 2), 16),
+		g: Number.parseInt(r.slice(2, 4), 16),
+		b: Number.parseInt(r.slice(4, 6), 16)
+	} : null;
+}, ze = (e) => {
+	let t = e / 255;
+	return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+}, Be = (e) => .2126 * ze(e.r) + .7152 * ze(e.g) + .0722 * ze(e.b), Ve = (e, t) => {
+	let n = Be(e), r = Be(t), i = Math.max(n, r), a = Math.min(n, r);
+	return (i + .05) / (a + .05);
+}, He = (e) => {
+	let t = (e) => Math.round(e).toString(16).padStart(2, "0");
+	return `#${t(e.r)}${t(e.g)}${t(e.b)}`;
+}, Ue = (e, t, n) => ({
+	r: e.r * (1 - n) + t.r * n,
+	g: e.g * (1 - n) + t.g * n,
+	b: e.b * (1 - n) + t.b * n
+}), We = (e, t) => {
+	for (let n = 1; n <= 50; n += 1) {
+		let r = Ue(e, t, n / 50);
+		if (Ve(r, e) >= Le) return {
+			color: He(r),
+			step: n
+		};
+	}
+	return {
+		color: He(t),
+		step: 50
+	};
+}, Ge = (e) => {
+	let t = $(e);
+	if (!t) return Pe;
+	let n = $(Ie), r = $(Fe), i = We(t, n), a = We(t, r);
+	return i.step <= a.step ? i.color : a.color;
+}, Ke = (e, t, n) => {
+	let r = $(e), i = $(t);
+	return !r || !i ? null : He(Ue(r, i, 1 - n));
+}, qe = (e) => {
+	let t = e.foreground?.light ?? Ge(e.light), n = e.foreground?.dark ?? Ge(e.dark);
+	return {
+		backgroundColor: `light-dark(${e.light}, ${e.dark})`,
+		color: `light-dark(${t}, ${n})`
+	};
+}, Je = (e) => Math.round(e * 100) / 100, Ye = (e, t, n) => Ke(e, t, n) || `color-mix(in srgb, ${e} ${Je(n * 100)}%, ${t})`, Xe = (e, t, n) => {
+	let r = e.foreground && t.foreground ? {
+		light: Ye(e.foreground.light, t.foreground.light, n),
+		dark: Ye(e.foreground.dark, t.foreground.dark, n)
+	} : void 0;
+	return {
+		light: Ye(e.light, t.light, n),
+		dark: Ye(e.dark, t.dark, n),
+		...r ? { foreground: r } : {}
+	};
+}, Ze = (e, t) => {
+	if (typeof e != "number" || !Number.isFinite(e) || t.length < 2) return null;
+	let n = t[0], r = t[t.length - 1];
+	if (r.value - n.value <= 0) return null;
+	if (e <= n.value) return n.color;
+	if (e >= r.value) return r.color;
+	let i = t.findIndex((t) => e <= t.value), a = t[i - 1], o = t[i], s = 1 - (e - a.value) / (o.value - a.value);
+	return Xe(a.color, o.color, s);
+}, Qe = (e) => {
+	let t = G(2), { value: n } = e, r;
+	return t[0] === n ? r = t[1] : (r = /* @__PURE__ */ K(U, {
+		textStyle: "paragraph/S/medium",
+		fontVariantNumeric: "tabular-nums",
+		truncate: !0,
+		children: n
+	}), t[0] = n, t[1] = r), r;
+}, $e = (e) => {
+	let t = G(6), { value: n, categories: r } = e, i;
+	t[0] !== r || t[1] !== n ? (i = r?.find((e) => e.value === n)?.palette ?? "gray", t[0] = r, t[1] = n, t[2] = i) : i = t[2];
+	let a = i, o = String(n), s;
+	return t[3] !== a || t[4] !== o ? (s = /* @__PURE__ */ K(M, {
+		variant: "subtle",
+		size: "sm",
+		colorPalette: a,
+		maxW: "full",
+		truncate: !0,
+		children: o
+	}), t[3] = a, t[4] = o, t[5] = s) : s = t[5], s;
+}, et = [
+	{
+		unit: "year",
+		seconds: 31536e3
+	},
+	{
+		unit: "month",
+		seconds: 2592e3
+	},
+	{
+		unit: "day",
+		seconds: 86400
+	},
+	{
+		unit: "hour",
+		seconds: 3600
+	},
+	{
+		unit: "minute",
+		seconds: 60
+	}
+], tt = (e) => {
+	if (typeof e != "string") return null;
+	let t = Date.parse(e);
+	return Number.isNaN(t) ? null : new Date(t);
+}, nt = (e, t = /* @__PURE__ */ new Date(), n) => {
+	let r = tt(e);
+	if (!r) return null;
+	let i = new Intl.RelativeTimeFormat(n, { numeric: "auto" }), a = (r.getTime() - t.getTime()) / 1e3, o = et.find((e) => Math.abs(a) >= e.seconds);
+	return o ? i.format(Math.round(a / o.seconds), o.unit) : i.format(0, "second");
+}, rt = (e) => {
+	let t = G(12), { value: r } = e, [i, a] = Y(it), o, s;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = () => {
+		let e = setInterval(() => a(/* @__PURE__ */ new Date()), 6e4);
+		return () => clearInterval(e);
+	}, s = [], t[0] = o, t[1] = s) : (o = t[0], s = t[1]), ce(o, s);
+	let c;
+	t[2] !== i || t[3] !== r ? (c = nt(r, i), t[2] = i, t[3] = r, t[4] = c) : c = t[4];
+	let l = c, u;
+	t[5] === r ? u = t[6] : (u = new Date(r).toLocaleString(void 0, {
+		dateStyle: "medium",
+		timeStyle: "short"
+	}), t[5] = r, t[6] = u);
+	let d = u, f;
+	t[7] === l ? f = t[8] : (f = /* @__PURE__ */ K(U, {
+		as: "span",
+		tabIndex: 0,
+		textStyle: "paragraph/S/regular",
+		color: "fg.muted",
+		whiteSpace: "nowrap",
+		children: l
+	}), t[7] = l, t[8] = f);
+	let p;
+	return t[9] !== d || t[10] !== f ? (p = /* @__PURE__ */ K(n, {
+		content: d,
+		openDelay: 300,
+		children: f
+	}), t[9] = d, t[10] = f, t[11] = p) : p = t[11], p;
 };
-function Po(o) {
-  return me(o.value, o.label) ? [o] : !Array.isArray(o.value) || !Re(o.value, o.label) ? [] : o.value.map((e, t) => ({
-    label: `${o.label} ${t + 1}`,
-    value: e
-  }));
+function it() {
+	return /* @__PURE__ */ new Date();
 }
-function Ho(o) {
-  return /* @__PURE__ */ a(dt, { src: String(o.value), alt: `${o.label} preview`, boxSize: "22px", borderRadius: "xs", borderWidth: "1px", borderColor: "border.subtle", objectFit: "cover" }, o.label);
-}
-const We = (o) => Ge(o) ? o.sortValue : o, Lo = (o, e) => o === e ? 0 : o == null ? 1 : e == null ? -1 : typeof o == "number" && typeof e == "number" ? o - e : String(o).localeCompare(String(e)), Oo = (o) => Fe(o) ? bt(o, {
-  style: {
-    ...o.props.style,
-    flexWrap: "nowrap",
-    minWidth: 0,
-    whiteSpace: "nowrap"
-  }
-}) : o, de = (o) => {
-  o.stopPropagation();
-}, Wo = (o) => {
-  const e = z(8), {
-    table: t
-  } = o, l = t.getIsAllRowsSelected(), n = !l && t.getIsSomeRowsSelected(), i = l ? !0 : n ? "indeterminate" : !1, c = n ? Ct : ye;
-  let s;
-  e[0] !== c ? (s = /* @__PURE__ */ a(ee, { as: c, boxSize: "12px", strokeWidth: "3" }), e[0] = c, e[1] = s) : s = e[1];
-  let r;
-  e[2] !== t ? (r = (u) => t.toggleAllRowsSelected(u.checked === !0), e[2] = t, e[3] = r) : r = e[3];
-  let d;
-  return e[4] !== i || e[5] !== s || e[6] !== r ? (d = /* @__PURE__ */ a(Ce, { checked: i, "aria-label": "Select all", icon: s, onClick: de, onCheckedChange: r }), e[4] = i, e[5] = s, e[6] = r, e[7] = d) : d = e[7], d;
-}, No = (o) => {
-  const e = z(6), {
-    row: t,
-    selectedRowIds: l
-  } = o, n = !!l?.[t.id];
-  let i;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ a(ee, { as: ye, boxSize: "12px", strokeWidth: "3" }), e[0] = i) : i = e[0];
-  let c;
-  e[1] !== t ? (c = (r) => t.toggleSelected(r.checked === !0), e[1] = t, e[2] = c) : c = e[2];
-  let s;
-  return e[3] !== n || e[4] !== c ? (s = /* @__PURE__ */ a(Ce, { checked: n, "aria-label": "Select row", icon: i, onClick: de, onCheckedChange: c }), e[3] = n, e[4] = c, e[5] = s) : s = e[5], s;
-}, jo = (o, e) => {
-  const t = new Set(e.map((l) => l.label));
-  return [...e, ...o.filter((l) => !t.has(l.label))];
-}, Eo = (o) => {
-  const e = z(30), {
-    row: t,
-    actions: l,
-    getActions: n
-  } = o;
-  let i, c, s, r, d, u, m, f, h;
-  if (e[0] !== l || e[1] !== n || e[2] !== t) {
-    h = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    e: {
-      const v = jo(l, n?.(t.original) ?? []);
-      if (v.length === 0) {
-        h = null;
-        break e;
-      }
-      r = G.Root, e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ a(G.Trigger, { asChild: !0, children: /* @__PURE__ */ a(we, { "aria-label": "Row actions", size: "2xs", variant: "ghost", onClick: de, children: /* @__PURE__ */ a(ee, { as: vt, boxSize: "14px" }) }) }), e[12] = f) : f = e[12], s = ue, c = G.Positioner, i = G.Content, d = "popover", u = "bg";
-      let w;
-      e[13] !== t ? (w = (p) => /* @__PURE__ */ a(G.Item, { value: p.label, asChild: !0, children: /* @__PURE__ */ a(ce, { asChild: !0, variant: "full-width", tone: p.destructive ? "danger" : "default", label: p.label, icon: p.icon, onClick: de, onActivate: () => p.onSelect(t.original) }) }, p.label), e[13] = t, e[14] = w) : w = e[14], m = v.map(w);
-    }
-    e[0] = l, e[1] = n, e[2] = t, e[3] = i, e[4] = c, e[5] = s, e[6] = r, e[7] = d, e[8] = u, e[9] = m, e[10] = f, e[11] = h;
-  } else
-    i = e[3], c = e[4], s = e[5], r = e[6], d = e[7], u = e[8], m = e[9], f = e[10], h = e[11];
-  if (h !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
-    return h;
-  let S;
-  e[15] !== i || e[16] !== d || e[17] !== u || e[18] !== m ? (S = /* @__PURE__ */ a(i, { zIndex: d, bg: u, children: m }), e[15] = i, e[16] = d, e[17] = u, e[18] = m, e[19] = S) : S = e[19];
-  let b;
-  e[20] !== c || e[21] !== S ? (b = /* @__PURE__ */ a(c, { children: S }), e[20] = c, e[21] = S, e[22] = b) : b = e[22];
-  let x;
-  e[23] !== s || e[24] !== b ? (x = /* @__PURE__ */ a(s, { children: b }), e[23] = s, e[24] = b, e[25] = x) : x = e[25];
-  let g;
-  return e[26] !== r || e[27] !== f || e[28] !== x ? (g = /* @__PURE__ */ _(r, { children: [
-    f,
-    x
-  ] }), e[26] = r, e[27] = f, e[28] = x, e[29] = g) : g = e[29], g;
-}, Ne = (o) => {
-  const e = z(15), {
-    value: t,
-    wrapRows: l
-  } = o;
-  let n, i;
-  if (e[0] !== t || e[1] !== l) {
-    i = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    e:
-      if (n = Tt(t), Fe(n)) {
-        const m = l ? "visible" : "hidden", f = l ? "anywhere" : void 0, h = l ? "normal" : "nowrap", S = l ? n : Oo(n);
-        let b;
-        e[4] !== m || e[5] !== f || e[6] !== h || e[7] !== S ? (b = /* @__PURE__ */ a(ae.span, { display: "inline-flex", maxWidth: "full", minW: "0", overflow: m, overflowWrap: f, whiteSpace: h, children: S }), e[4] = m, e[5] = f, e[6] = h, e[7] = S, e[8] = b) : b = e[8], i = b;
-        break e;
-      }
-    e[0] = t, e[1] = l, e[2] = n, e[3] = i;
-  } else
-    n = e[2], i = e[3];
-  if (i !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
-    return i;
-  const c = l ? "visible" : "hidden", s = l ? "anywhere" : void 0, r = l ? void 0 : "ellipsis", d = l ? "normal" : "nowrap";
-  let u;
-  return e[9] !== n || e[10] !== c || e[11] !== s || e[12] !== r || e[13] !== d ? (u = /* @__PURE__ */ a(O, { maxWidth: "full", overflow: c, overflowWrap: s, textOverflow: r, textStyle: "paragraph/S/regular", whiteSpace: d, children: n }), e[9] = n, e[10] = c, e[11] = s, e[12] = r, e[13] = d, e[14] = u) : u = e[14], u;
-}, Bo = (o) => {
-  const e = z(11), {
-    columnLabel: t,
-    renderer: l,
-    value: n,
-    wrapRows: i
-  } = o;
-  if (l?.type === "json") {
-    let s;
-    return e[0] !== t || e[1] !== n ? (s = /* @__PURE__ */ a(Mo, { columnLabel: t, value: n }), e[0] = t, e[1] = n, e[2] = s) : s = e[2], s;
-  }
-  if (l?.type === "color-scale" && Ze(n, l.stops) && typeof n == "number") {
-    let r;
-    return e[3] !== n ? (r = /* @__PURE__ */ a(vo, { value: n }), e[3] = n, e[4] = r) : r = e[4], r;
-  }
-  if (l?.type === "categorical-color" && Ue(n, l.categories)) {
-    let r;
-    return e[5] !== n || e[6] !== i ? (r = /* @__PURE__ */ a(fo, { children: /* @__PURE__ */ a(Ne, { value: n, wrapRows: i }) }), e[5] = n, e[6] = i, e[7] = r) : r = e[7], r;
-  }
-  let c;
-  return e[8] !== n || e[9] !== i ? (c = /* @__PURE__ */ a(Ne, { value: n, wrapRows: i }), e[8] = n, e[9] = i, e[10] = c) : c = e[10], c;
-}, Fo = (o, e) => {
-  if (e?.type === "color-scale") {
-    const t = Ze(o, e.stops);
-    if (t && typeof o == "number") return Le(t);
-  }
-  if (e?.type === "categorical-color") {
-    const t = Ue(o, e.categories);
-    if (t) return Le(t);
-  }
-};
-function Ko(o, e, t = {}) {
-  const {
-    columnIcons: l,
-    columnDescriptions: n,
-    compactHeaders: i,
-    enableSelection: c = !1,
-    rowActions: s = [],
-    getRowActions: r,
-    selectedRowIds: d,
-    columnRenderers: u,
-    wrapRows: m = !1
-  } = t, f = ie.accessor((x, g) => g + 1, {
-    header: "",
-    id: "rowIndex",
-    enableResizing: !1,
-    size: 20,
-    cell: (x) => /* @__PURE__ */ a(ae.span, { display: "block", textStyle: "paragraph/S/regular", textAlign: "center", children: x.getValue() })
-  }), h = ie.display({
-    id: "rowSelection",
-    header: Wo,
-    cell: (x) => /* @__PURE__ */ a(No, { ...x, selectedRowIds: d }),
-    enableResizing: !1,
-    enableSorting: !1,
-    size: 36
-  }), S = e.map((x) => {
-    const g = x || "-", v = o.map((y) => y[g]), w = u?.[g], p = l?.[g], R = p === void 0 ? zt(v) : p, C = n?.[g];
-    return ie.accessor((y) => y[g], {
-      id: g,
-      header: () => {
-        const y = i?.[g] ?? g;
-        return /* @__PURE__ */ _(ae.span, { display: "inline-flex", alignItems: "center", gap: "4px", minW: "0", maxW: "full", overflow: "hidden", children: [
-          R,
-          /* @__PURE__ */ a(ae.span, { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", children: y }),
-          C ? /* @__PURE__ */ a(Je, { content: C, children: /* @__PURE__ */ a(ee, { as: yt, "aria-label": `About ${y}`, boxSize: "12px", color: "fg.muted", cursor: "help", flexShrink: 0, opacity: 0.6, tabIndex: 0 }) }) : null
-        ] });
-      },
-      cell: (y) => /* @__PURE__ */ a(Bo, { columnLabel: g, renderer: w, value: y.getValue(), wrapRows: m }),
-      meta: {
-        getCellStyle: (y) => Fo(y, w)
-      },
-      sortingFn: (y, A) => {
-        const $ = We(y.original[g]), T = We(A.original[g]);
-        return Lo($, T);
-      }
-    });
-  }), b = ie.display({
-    id: "rowActions",
-    header: "",
-    cell: (x) => /* @__PURE__ */ a(Eo, { ...x, actions: s, getActions: r }),
-    enableResizing: !1,
-    enableSorting: !1,
-    size: 36
-  });
-  return [f, ...c ? [h] : [], ...S, ...s.length > 0 || r ? [b] : []];
-}
-const Jo = (o) => {
-  const e = z(28), {
-    column: t,
-    checked: l,
-    onColumnVisibilityChange: n
-  } = o;
-  let i;
-  e[0] !== t.id ? (i = {
-    id: t.id
-  }, e[0] = t.id, e[1] = i) : i = e[1];
-  const {
-    attributes: c,
-    listeners: s,
-    setNodeRef: r,
-    transform: d,
-    transition: u,
-    isDragging: m
-  } = oo(i);
-  let f;
-  e[2] !== d ? (f = lo.Transform.toString(d), e[2] = d, e[3] = f) : f = e[3];
-  const h = m ? 0.5 : 1;
-  let S;
-  e[4] !== f || e[5] !== h || e[6] !== u ? (S = {
-    transform: f,
-    transition: u,
-    opacity: h
-  }, e[4] = f, e[5] = h, e[6] = u, e[7] = S) : S = e[7];
-  const b = S;
-  let x;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = {
-    bg: "bg.hover"
-  }, e[8] = x) : x = e[8];
-  let g;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ a(It, { size: 14 }), e[9] = g) : g = e[9];
-  let v;
-  e[10] !== c || e[11] !== s ? (v = /* @__PURE__ */ a(re, { as: "span", display: "inline-flex", cursor: "grab", color: "fg.muted", ...c, ...s, children: g }), e[10] = c, e[11] = s, e[12] = v) : v = e[12];
-  let w;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ a(ee, { as: ye, boxSize: "12px", strokeWidth: "3" }), e[13] = w) : w = e[13];
-  let p;
-  e[14] !== t.id || e[15] !== n ? (p = (A) => n(t.id, A.checked === !0), e[14] = t.id, e[15] = n, e[16] = p) : p = e[16];
-  let R;
-  e[17] !== t.label ? (R = /* @__PURE__ */ a(O, { as: "span", textStyle: "label/S/regular", truncate: !0, children: t.label }), e[17] = t.label, e[18] = R) : R = e[18];
-  let C;
-  e[19] !== l || e[20] !== p || e[21] !== R ? (C = /* @__PURE__ */ a(Ce, { checked: l, flex: "1", minW: "0", width: "full", flexDirection: "row-reverse", justifyContent: "space-between", size: "sm", icon: w, onCheckedChange: p, children: R }), e[19] = l, e[20] = p, e[21] = R, e[22] = C) : C = e[22];
-  let y;
-  return e[23] !== r || e[24] !== b || e[25] !== C || e[26] !== v ? (y = /* @__PURE__ */ _(Ee, { ref: r, style: b, gap: "2xs", minW: "0", width: "full", borderRadius: "xs", px: "xs", py: "2xs", _hover: x, children: [
-    v,
-    C
-  ] }), e[23] = r, e[24] = b, e[25] = C, e[26] = v, e[27] = y) : y = e[27], y;
-}, Xo = (o) => {
-  const e = z(47), {
-    columns: t,
-    visibleColumnIds: l,
-    wrapRows: n,
-    showStats: i,
-    statsAvailable: c,
-    onColumnVisibilityChange: s,
-    onColumnReorder: r,
-    onWrapRowsChange: d,
-    onStatsVisibilityChange: u
-  } = o, m = Te(null), f = Te(null), [h, S] = Q(!1), [b, x] = Q("");
-  let g;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
-    activationConstraint: {
-      distance: 5
-    }
-  }, e[0] = g) : g = e[0];
-  const v = Gt(Ut(Yt, g));
-  let w;
-  if (e[1] !== t || e[2] !== b) {
-    const k = b.trim().toLowerCase();
-    w = k ? t.filter((B) => B.label.toLowerCase().includes(k)) : t, e[1] = t, e[2] = b, e[3] = w;
-  } else
-    w = e[3];
-  const p = w;
-  let R;
-  e[4] !== r ? (R = (k) => {
-    const {
-      active: B,
-      over: F
-    } = k;
-    !F || B.id === F.id || r(String(B.id), String(F.id));
-  }, e[4] = r, e[5] = R) : R = e[5];
-  const C = R;
-  let y, A;
-  e[6] !== h ? (y = () => {
-    if (!h)
-      return;
-    const k = (F) => {
-      const le = F.target;
-      le instanceof Node && (f.current?.contains(le) || m.current?.contains(le) || S(!1));
-    }, B = (F) => {
-      F.key === "Escape" && S(!1);
-    };
-    return document.addEventListener("pointerdown", k), document.addEventListener("keydown", B, !0), () => {
-      document.removeEventListener("pointerdown", k), document.removeEventListener("keydown", B, !0);
-    };
-  }, A = [h], e[6] = h, e[7] = y, e[8] = A) : (y = e[7], A = e[8]), Ke(y, A);
-  let $;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = {
-    placement: "bottom-end",
-    offset: {
-      mainAxis: 8
-    },
-    getAnchorElement: () => m.current
-  }, e[9] = $) : $ = e[9];
-  let T;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ a(te.Trigger, { asChild: !0, children: /* @__PURE__ */ a(we, { ref: m, "aria-label": "Display settings", variant: "ghost", size: "sm", onClick: () => S(qo), children: /* @__PURE__ */ a(ee, { as: Rt, boxSize: "14px" }) }) }), e[10] = T) : T = e[10];
-  let P;
-  e[11] !== d || e[12] !== n ? (P = /* @__PURE__ */ a(Dt, { showDivider: !0, wrapRows: n, onWrapRowsChange: d }), e[11] = d, e[12] = n, e[13] = P) : P = e[13];
-  let M;
-  e[14] !== u || e[15] !== i || e[16] !== c ? (M = c ? /* @__PURE__ */ a(re, { borderBottomWidth: "1px", borderColor: "border.subtle", padding: "xs", children: /* @__PURE__ */ a($t, { checked: i, inputProps: {
-    role: "switch"
-  }, width: "full", flexDirection: "row-reverse", justifyContent: "space-between", onCheckedChange: (k) => u(k.checked === !0), children: /* @__PURE__ */ a(O, { as: "span", textStyle: "label/S/regular", children: "Statistics" }) }) }) : null, e[14] = u, e[15] = i, e[16] = c, e[17] = M) : M = e[17];
-  let D;
-  e[18] !== b ? (D = /* @__PURE__ */ a(_t, { value: b, placeholder: "Search columns", onValueChange: x }), e[18] = b, e[19] = D) : D = e[19];
-  let K;
-  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = {
-    overscrollBehavior: "contain"
-  }, e[20] = K) : K = e[20];
-  let W;
-  e[21] !== t ? (W = t.map(Go), e[21] = t, e[22] = W) : W = e[22];
-  let N;
-  if (e[23] !== p || e[24] !== s || e[25] !== l) {
-    let k;
-    e[27] !== s || e[28] !== l ? (k = (B) => /* @__PURE__ */ a(Jo, { column: B, checked: l.has(B.id), onColumnVisibilityChange: s }, B.id), e[27] = s, e[28] = l, e[29] = k) : k = e[29], N = p.map(k), e[23] = p, e[24] = s, e[25] = l, e[26] = N;
-  } else
-    N = e[26];
-  let J;
-  e[30] !== N ? (J = /* @__PURE__ */ a(ze, { gap: "1px", children: N }), e[30] = N, e[31] = J) : J = e[31];
-  let X;
-  e[32] !== W || e[33] !== J ? (X = /* @__PURE__ */ a(eo, { items: W, strategy: to, children: J }), e[32] = W, e[33] = J, e[34] = X) : X = e[34];
-  let j;
-  e[35] !== C || e[36] !== v || e[37] !== X ? (j = /* @__PURE__ */ a(xe, { maxH: "280px", viewportProps: K, children: /* @__PURE__ */ a(re, { padding: "2xs", children: /* @__PURE__ */ a(Zt, { sensors: v, collisionDetection: Qt, onDragEnd: C, children: X }) }) }), e[35] = C, e[36] = v, e[37] = X, e[38] = j) : j = e[38];
-  let H;
-  e[39] !== j || e[40] !== P || e[41] !== M || e[42] !== D ? (H = /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ a(te.Positioner, { children: /* @__PURE__ */ a(te.Content, { ref: f, width: "min(320px, calc(100vw - 32px))", p: "0", bg: "bg", overflow: "hidden", children: /* @__PURE__ */ _(ze, { gap: "0", children: [
-    P,
-    M,
-    D,
-    j
-  ] }) }) }) }), e[39] = j, e[40] = P, e[41] = M, e[42] = D, e[43] = H) : H = e[43];
-  let E;
-  return e[44] !== h || e[45] !== H ? (E = /* @__PURE__ */ _(te.Root, { open: h, closeOnInteractOutside: !1, positioning: $, children: [
-    T,
-    H
-  ] }), e[44] = h, e[45] = H, e[46] = E) : E = e[46], E;
+//#endregion
+//#region src/components/data-table/data-table-diff-cell.tsx
+var at = (e) => {
+	let t = G(3), { value: n } = e, r;
+	return t[0] !== n.additions || t[1] !== n.deletions ? (r = /* @__PURE__ */ K(A, {
+		additions: n.additions,
+		deletions: n.deletions,
+		variant: "ghost",
+		size: "small"
+	}), t[0] = n.additions, t[1] = n.deletions, t[2] = r) : r = t[2], r;
+}, ot = (e) => {
+	let t = G(14), { value: r } = e, i;
+	t[0] === r ? i = t[1] : (i = r.slice(0, -5), t[0] = r, t[1] = i);
+	let a = i, o;
+	t[2] === r ? o = t[3] : (o = r.slice(-5), t[2] = r, t[3] = o);
+	let s = o, c;
+	t[4] === a ? c = t[5] : (c = /* @__PURE__ */ K(W.span, {
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		children: a
+	}), t[4] = a, t[5] = c);
+	let l;
+	t[6] === s ? l = t[7] : (l = /* @__PURE__ */ K(W.span, {
+		flexShrink: 0,
+		children: s
+	}), t[6] = s, t[7] = l);
+	let u;
+	t[8] !== c || t[9] !== l ? (u = /* @__PURE__ */ q(W.span, {
+		display: "inline-flex",
+		minW: "0",
+		maxW: "full",
+		tabIndex: 0,
+		textStyle: "paragraph/S/regular",
+		whiteSpace: "nowrap",
+		children: [c, l]
+	}), t[8] = c, t[9] = l, t[10] = u) : u = t[10];
+	let d;
+	return t[11] !== u || t[12] !== r ? (d = /* @__PURE__ */ K(n, {
+		content: r,
+		openDelay: 300,
+		children: u
+	}), t[11] = u, t[12] = r, t[13] = d) : d = t[13], d;
+}, st = /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i, ct = /(^|\s)(avatar|image|logo|photo|picture|thumbnail)(\s|$)/i, lt = (e) => {
+	let t = e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().toLowerCase();
+	return t ? `${t[0]?.toUpperCase()}${t.slice(1)}` : "Details";
+}, ut = (e) => e.map((e) => /^\d+$/.test(e) ? e : lt(e)).join(" / "), dt = (e) => e.every((e) => typeof e != "object" || !e), ft = (e, t, n) => {
+	if (Array.isArray(e)) {
+		if (e.length === 0 || dt(e)) {
+			n.push({
+				label: ut(t),
+				value: e
+			});
+			return;
+		}
+		e.forEach((e, r) => {
+			ft(e, [...t, String(r + 1)], n);
+		});
+		return;
+	}
+	if (typeof e == "object" && e) {
+		let r = Object.entries(e);
+		if (r.length === 0) {
+			n.push({
+				label: ut(t),
+				value: null
+			});
+			return;
+		}
+		r.forEach(([e, r]) => {
+			ft(r, [...t, e], n);
+		});
+		return;
+	}
+	n.push({
+		label: ut(t),
+		value: e
+	});
+}, pt = (e) => {
+	if (typeof e != "string") return e;
+	try {
+		return JSON.parse(e);
+	} catch {
+		return e;
+	}
+}, mt = (e) => {
+	let t = [];
+	return ft(pt(e), [], t), t.map((e) => ({
+		...e,
+		label: e.label || "Value"
+	}));
+}, ht = (e, t) => {
+	if (typeof e != "string") return !1;
+	if (e.startsWith("data:image/")) return !0;
+	try {
+		let n = new URL(e);
+		return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : st.test(n.pathname) || ct.test(t);
+	} catch {
+		return !1;
+	}
+}, gt = (e, t) => Array.isArray(e) && e.length > 0 && e.every((e) => ht(e, t)), _t = (e) => e == null || e === "" ? "Not provided" : typeof e == "boolean" ? e ? "Yes" : "No" : String(e), vt = (e) => Array.isArray(e) ? e.length === 0 ? "None" : e.map(_t).join(", ") : _t(e), yt = (e) => {
+	let t = pt(e);
+	if (Array.isArray(t) && t.length === 0 || typeof t == "object" && t && Object.keys(t).length === 0) return "No details";
+	let n = mt(e).filter((e) => !ht(e.value, e.label) && !gt(e.value, e.label));
+	if (n.length === 0) return "No details";
+	let r = n.slice(0, 2).map((e) => vt(e.value)), i = n.length - r.length;
+	return [...r, i > 0 ? `${i} more` : null].filter(Boolean).join(" · ");
+}, bt = (e) => {
+	let { label: t, value: n } = e;
+	return ht(n, t) ? {
+		type: "image",
+		src: String(n),
+		alt: `${t} preview`
+	} : Array.isArray(n) && gt(n, t) ? {
+		type: "image-gallery",
+		images: n.map((e, n) => ({
+			src: String(e),
+			alt: `${t} ${n + 1} preview`
+		}))
+	} : Array.isArray(n) ? n : n === void 0 ? null : n;
+}, xt = (e) => mt(e).map((e, t) => ({
+	id: `friendly-json-${t}`,
+	name: e.label,
+	type: "readOnly",
+	value: bt(e)
+})), St = (e) => {
+	let t = G(4), { value: n } = e, r;
+	t[0] === n ? r = t[1] : (r = xt(n), t[0] = n, t[1] = r);
+	let i;
+	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ K(j, {
+		params: r,
+		readOnly: !0,
+		fullWidth: !0
+	}), t[2] = r, t[3] = i), i;
+}, Ct = (e) => e.stopPropagation(), wt = (e) => {
+	let t = G(49), { columnLabel: n, value: i } = e, a, o, s, c, l, u, d, f, p, m, h, g, _, v, y, b;
+	if (t[0] !== n || t[1] !== i) {
+		let e = mt(i).flatMap(Tt).slice(0, 2), r;
+		t[18] === i ? r = t[19] : (r = yt(i), t[18] = i, t[19] = r), c = r, s = z.Root, t[20] === Symbol.for("react.memo_cache_sentinel") ? (f = {
+			placement: "bottom-start",
+			offset: { mainAxis: 6 }
+		}, t[20] = f) : f = t[20], o = z.Trigger, d = !0, a = N, l = `View ${n} details`, u = "ghost", p = "xs", m = "full", h = "0", g = "28px", _ = "2xs", v = "flex-start", y = Ct, b = e.length > 0 ? /* @__PURE__ */ K(F, {
+			gap: "-1",
+			flexShrink: "0",
+			children: e.map(Et)
+		}) : /* @__PURE__ */ K(fe, { size: 14 }), t[0] = n, t[1] = i, t[2] = a, t[3] = o, t[4] = s, t[5] = c, t[6] = l, t[7] = u, t[8] = d, t[9] = f, t[10] = p, t[11] = m, t[12] = h, t[13] = g, t[14] = _, t[15] = v, t[16] = y, t[17] = b;
+	} else a = t[2], o = t[3], s = t[4], c = t[5], l = t[6], u = t[7], d = t[8], f = t[9], p = t[10], m = t[11], h = t[12], g = t[13], _ = t[14], v = t[15], y = t[16], b = t[17];
+	let x;
+	t[21] === c ? x = t[22] : (x = /* @__PURE__ */ K(U, {
+		flex: "1",
+		minWidth: "0",
+		textAlign: "left",
+		textStyle: "paragraph/S/regular",
+		truncate: !0,
+		children: c
+	}), t[21] = c, t[22] = x);
+	let S;
+	t[23] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ K(X, { size: 12 }), t[23] = S) : S = t[23];
+	let C;
+	t[24] !== a || t[25] !== l || t[26] !== u || t[27] !== x || t[28] !== p || t[29] !== m || t[30] !== h || t[31] !== g || t[32] !== _ || t[33] !== v || t[34] !== y || t[35] !== b ? (C = /* @__PURE__ */ q(a, {
+		"aria-label": l,
+		variant: u,
+		size: p,
+		width: m,
+		minWidth: h,
+		height: g,
+		paddingX: _,
+		justifyContent: v,
+		onClick: y,
+		children: [
+			b,
+			x,
+			S
+		]
+	}), t[24] = a, t[25] = l, t[26] = u, t[27] = x, t[28] = p, t[29] = m, t[30] = h, t[31] = g, t[32] = _, t[33] = v, t[34] = y, t[35] = b, t[36] = C) : C = t[36];
+	let w;
+	t[37] !== o || t[38] !== d || t[39] !== C ? (w = /* @__PURE__ */ K(o, {
+		asChild: d,
+		children: C
+	}), t[37] = o, t[38] = d, t[39] = C, t[40] = w) : w = t[40];
+	let T;
+	t[41] === Symbol.for("react.memo_cache_sentinel") ? (T = { overscrollBehavior: "contain" }, t[41] = T) : T = t[41];
+	let E;
+	t[42] === i ? E = t[43] : (E = /* @__PURE__ */ K(B, { children: /* @__PURE__ */ K(z.Positioner, { children: /* @__PURE__ */ K(z.Content, {
+		width: "min(380px, calc(100vw - 32px))",
+		padding: "0",
+		background: "bg",
+		overflow: "hidden",
+		children: /* @__PURE__ */ K(r, {
+			maxH: "360px",
+			viewportProps: T,
+			children: /* @__PURE__ */ K(St, { value: i })
+		})
+	}) }) }), t[42] = i, t[43] = E);
+	let D;
+	return t[44] !== s || t[45] !== f || t[46] !== w || t[47] !== E ? (D = /* @__PURE__ */ q(s, {
+		positioning: f,
+		children: [w, E]
+	}), t[44] = s, t[45] = f, t[46] = w, t[47] = E, t[48] = D) : D = t[48], D;
 };
-function qo(o) {
-  return !o;
+function Tt(e) {
+	return ht(e.value, e.label) ? [e] : !Array.isArray(e.value) || !gt(e.value, e.label) ? [] : e.value.map((t, n) => ({
+		label: `${e.label} ${n + 1}`,
+		value: t
+	}));
 }
-function Go(o) {
-  return o.id;
+function Et(e) {
+	return /* @__PURE__ */ K(L, {
+		src: String(e.value),
+		alt: `${e.label} preview`,
+		boxSize: "22px",
+		borderRadius: "xs",
+		borderWidth: "1px",
+		borderColor: "border.subtle",
+		objectFit: "cover"
+	}, e.label);
 }
-const Uo = () => {
-  const o = z(11), e = uo(), t = mo();
-  if (!e || !t)
-    return null;
-  const l = t.y + t.height;
-  let n;
-  o[0] !== e.x || o[1] !== t.y || o[2] !== l ? (n = /* @__PURE__ */ a("line", { x1: e.x, x2: e.x, y1: t.y, y2: l }), o[0] = e.x, o[1] = t.y, o[2] = l, o[3] = n) : n = o[3];
-  const i = t.x + t.width;
-  let c;
-  o[4] !== e.y || o[5] !== t.x || o[6] !== i ? (c = /* @__PURE__ */ a("line", { x1: t.x, x2: i, y1: e.y, y2: e.y }), o[4] = e.y, o[5] = t.x, o[6] = i, o[7] = c) : c = o[7];
-  let s;
-  return o[8] !== n || o[9] !== c ? (s = /* @__PURE__ */ _("g", { pointerEvents: "none", stroke: "var(--chakra-colors-border-emphasized)", strokeWidth: "1", children: [
-    n,
-    c
-  ] }), o[8] = n, o[9] = c, o[10] = s) : s = o[10], s;
-}, et = (o) => {
-  const e = z(47), {
-    data: t,
-    dataKey: l,
-    color: n,
-    height: i,
-    ariaLabel: c,
-    tooltipLabel: s,
-    tooltipValue: r,
-    tooltipSeriesLabel: d,
-    layout: u,
-    categoryKey: m,
-    domain: f,
-    barSize: h,
-    barCategoryGap: S
-  } = o, b = u === void 0 ? "horizontal" : u, x = S === void 0 ? 1 : S;
-  let g;
-  e[0] !== n || e[1] !== l ? (g = [{
-    name: l,
-    color: n
-  }], e[0] = n, e[1] = l, e[2] = g) : g = e[2];
-  let v;
-  e[3] !== t || e[4] !== g ? (v = {
-    data: t,
-    series: g
-  }, e[3] = t, e[4] = g, e[5] = v) : v = e[5];
-  const w = no(v);
-  let p;
-  e[6] !== l ? (p = (k) => k[l], e[6] = l, e[7] = p) : p = e[7];
-  const R = p;
-  let C;
-  e[8] !== m ? (C = m ? (k) => k[m] : void 0, e[8] = m, e[9] = C) : C = e[9];
-  const y = C, A = w.data;
-  let $;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = {
-    top: 2,
-    right: 0,
-    bottom: 0,
-    left: 0
-  }, e[10] = $) : $ = e[10];
-  let T;
-  e[11] !== f || e[12] !== y || e[13] !== b ? (T = b === "vertical" ? /* @__PURE__ */ _(ct, { children: [
-    /* @__PURE__ */ a(ro, { type: "number", domain: f, hide: !0 }),
-    /* @__PURE__ */ a(io, { type: "category", dataKey: y, hide: !0 })
-  ] }) : null, e[11] = f, e[12] = y, e[13] = b, e[14] = T) : T = e[14];
-  let P;
-  e[15] !== w || e[16] !== n ? (P = w.color(n), e[15] = w, e[16] = n, e[17] = P) : P = e[17];
-  let M;
-  e[18] !== h || e[19] !== R || e[20] !== P ? (M = /* @__PURE__ */ a(so, { dataKey: R, fill: P, barSize: h, isAnimationActive: !1 }), e[18] = h, e[19] = R, e[20] = P, e[21] = M) : M = e[21];
-  let D;
-  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
-    x: !0,
-    y: !0
-  }, e[22] = D) : D = e[22];
-  let K;
-  e[23] !== s ? (K = (k, B) => {
-    const F = B[0]?.payload;
-    return F ? s(F) : k;
-  }, e[23] = s, e[24] = K) : K = e[24];
-  let W;
-  e[25] !== d || e[26] !== r ? (W = (k) => [r(k), d], e[25] = d, e[26] = r, e[27] = W) : W = e[27];
-  let N;
-  e[28] !== K || e[29] !== W ? (N = /* @__PURE__ */ a(Ve.Tooltip, { labelFormatter: K, formatter: W }), e[28] = K, e[29] = W, e[30] = N) : N = e[30];
-  let J;
-  e[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ a(Uo, {}), e[31] = J) : J = e[31];
-  let X;
-  e[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = {
-    zIndex: 1800
-  }, e[32] = X) : X = e[32];
-  let j;
-  e[33] !== N ? (j = /* @__PURE__ */ a(ao, { allowEscapeViewBox: D, content: N, cursor: J, isAnimationActive: !1, wrapperStyle: X }), e[33] = N, e[34] = j) : j = e[34];
-  let H;
-  e[35] !== x || e[36] !== w.data || e[37] !== b || e[38] !== M || e[39] !== j || e[40] !== T ? (H = /* @__PURE__ */ _(co, { responsive: !0, data: A, layout: b, margin: $, barCategoryGap: x, children: [
-    T,
-    M,
-    j
-  ] }), e[35] = x, e[36] = w.data, e[37] = b, e[38] = M, e[39] = j, e[40] = T, e[41] = H) : H = e[41];
-  let E;
-  return e[42] !== c || e[43] !== w || e[44] !== i || e[45] !== H ? (E = /* @__PURE__ */ a(Ve.Root, { chart: w, height: i, aspectRatio: "auto", cursor: "crosshair", "aria-label": c, children: H }), e[42] = c, e[43] = w, e[44] = i, e[45] = H, e[46] = E) : E = e[46], E;
-}, Yo = (o) => Ge(o) ? o.sortValue : o, Ie = (o, e) => o.map((t) => Yo(t[e])).filter((t) => t != null && t !== ""), Zo = (o, e) => new Set(Ie(o, e)).size, Qo = (o, e, t) => {
-  const l = Ie(o, e), n = /* @__PURE__ */ new Map();
-  for (const r of l)
-    n.set(r, (n.get(r) ?? 0) + 1);
-  const i = [...n.entries()].map(([r, d]) => ({
-    label: String(r),
-    count: d,
-    percentage: Math.round(d / l.length * 100)
-  })).sort((r, d) => d.count - r.count || r.label.localeCompare(d.label)), c = i.slice(0, t), s = i.slice(t).reduce((r, d) => r + d.count, 0);
-  return s === 0 ? c : [...c, {
-    label: "Other",
-    count: s,
-    percentage: Math.round(s / l.length * 100)
-  }];
-}, el = (o, e, t) => {
-  const l = Ie(o, e).filter((r) => typeof r == "number");
-  if (l.length === 0) return null;
-  const n = Math.min(...l), i = Math.max(...l), c = (i - n) / t, s = Array.from({
-    length: t
-  }, (r, d) => ({
-    start: n + c * d,
-    end: n + c * (d + 1),
-    count: 0
-  }));
-  for (const r of l) {
-    const d = r === i || c === 0 ? t - 1 : Math.floor((r - n) / c);
-    s[d].count += 1;
-  }
-  return {
-    min: n,
-    max: i,
-    bins: s
-  };
-}, Y = new Intl.NumberFormat(void 0, {
-  maximumFractionDigits: 2
-}).format, tt = "vis.categorical.1", ot = (o) => {
-  const e = z(10), {
-    value: t,
-    count: l
-  } = o;
-  let n;
-  e[0] !== t ? (n = /* @__PURE__ */ a(O, { textStyle: "label/L/medium", lineHeight: "1", maxWidth: "100%", truncate: !0, children: t }), e[0] = t, e[1] = n) : n = e[1];
-  let i;
-  e[2] !== l ? (i = Y(l), e[2] = l, e[3] = i) : i = e[3];
-  const c = l === 1 ? "value" : "values";
-  let s;
-  e[4] !== i || e[5] !== c ? (s = /* @__PURE__ */ _(O, { textStyle: "label/XS", color: "fg.muted", children: [
-    i,
-    " ",
-    c
-  ] }), e[4] = i, e[5] = c, e[6] = s) : s = e[6];
-  let r;
-  return e[7] !== n || e[8] !== s ? (r = /* @__PURE__ */ _(oe, { "data-single-value-stat": !0, direction: "column", gap: "2xs", alignItems: "flex-start", minWidth: "0", children: [
-    n,
-    s
-  ] }), e[7] = n, e[8] = s, e[9] = r) : r = e[9], r;
-}, tl = (o) => {
-  const e = z(22), {
-    rows: t,
-    columnId: l
-  } = o;
-  let n, i, c, s, r, d, u, m;
-  if (e[0] !== l || e[1] !== t) {
-    const b = Zo(t, l);
-    i = oe, d = "column", u = "2xs", m = "flex-start", n = O, c = "label/L/medium", s = "1", r = Y(b), e[0] = l, e[1] = t, e[2] = n, e[3] = i, e[4] = c, e[5] = s, e[6] = r, e[7] = d, e[8] = u, e[9] = m;
-  } else
-    n = e[2], i = e[3], c = e[4], s = e[5], r = e[6], d = e[7], u = e[8], m = e[9];
-  let f;
-  e[10] !== n || e[11] !== c || e[12] !== s || e[13] !== r ? (f = /* @__PURE__ */ a(n, { textStyle: c, lineHeight: s, children: r }), e[10] = n, e[11] = c, e[12] = s, e[13] = r, e[14] = f) : f = e[14];
-  let h;
-  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ a(O, { textStyle: "label/XS/regular", color: "fg.muted", children: "unique values" }), e[15] = h) : h = e[15];
-  let S;
-  return e[16] !== i || e[17] !== d || e[18] !== u || e[19] !== m || e[20] !== f ? (S = /* @__PURE__ */ _(i, { direction: d, gap: u, alignItems: m, children: [
-    f,
-    h
-  ] }), e[16] = i, e[17] = d, e[18] = u, e[19] = m, e[20] = f, e[21] = S) : S = e[21], S;
-}, ol = (o) => {
-  const e = z(36), {
-    rows: t,
-    columnId: l,
-    binCount: n
-  } = o;
-  let i, c, s, r, d, u, m, f, h, S, b, x, g, v;
-  if (e[0] !== n || e[1] !== l || e[2] !== t) {
-    u = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    e: {
-      const C = el(t, l, n);
-      if (!C) {
-        let A;
-        e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ a(O, { textStyle: "label/XS/regular", color: "fg.muted", children: "No numeric values" }), e[17] = A) : A = e[17], u = A;
-        break e;
-      }
-      const y = C.bins.reduce(sl, 0);
-      if (C.min === C.max) {
-        u = /* @__PURE__ */ a(ot, { value: Y(C.min), count: y });
-        break e;
-      }
-      s = oe, b = "column", x = "100%", g = "2xs", v = /* @__PURE__ */ a(et, { data: C.bins, dataKey: "count", color: tt, height: "40px", ariaLabel: `Distribution for ${l}`, tooltipLabel: al, tooltipValue: cl, tooltipSeriesLabel: "Count" }), c = oe, f = "space-between", h = "xs", S = /* @__PURE__ */ a(O, { textStyle: "label/XS/regular", color: "fg.muted", children: Y(C.min) }), i = O, r = "label/XS/regular", d = "fg.muted", m = Y(C.max);
-    }
-    e[0] = n, e[1] = l, e[2] = t, e[3] = i, e[4] = c, e[5] = s, e[6] = r, e[7] = d, e[8] = u, e[9] = m, e[10] = f, e[11] = h, e[12] = S, e[13] = b, e[14] = x, e[15] = g, e[16] = v;
-  } else
-    i = e[3], c = e[4], s = e[5], r = e[6], d = e[7], u = e[8], m = e[9], f = e[10], h = e[11], S = e[12], b = e[13], x = e[14], g = e[15], v = e[16];
-  if (u !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
-    return u;
-  let w;
-  e[18] !== i || e[19] !== r || e[20] !== d || e[21] !== m ? (w = /* @__PURE__ */ a(i, { textStyle: r, color: d, children: m }), e[18] = i, e[19] = r, e[20] = d, e[21] = m, e[22] = w) : w = e[22];
-  let p;
-  e[23] !== c || e[24] !== w || e[25] !== f || e[26] !== h || e[27] !== S ? (p = /* @__PURE__ */ _(c, { justifyContent: f, gap: h, children: [
-    S,
-    w
-  ] }), e[23] = c, e[24] = w, e[25] = f, e[26] = h, e[27] = S, e[28] = p) : p = e[28];
-  let R;
-  return e[29] !== s || e[30] !== p || e[31] !== b || e[32] !== x || e[33] !== g || e[34] !== v ? (R = /* @__PURE__ */ _(s, { direction: b, width: x, gap: g, children: [
-    v,
-    p
-  ] }), e[29] = s, e[30] = p, e[31] = b, e[32] = x, e[33] = g, e[34] = v, e[35] = R) : R = e[35], R;
-}, ll = (o) => {
-  const e = z(15), {
-    rows: t,
-    columnId: l,
-    limit: n
-  } = o;
-  let i, c, s, r, d, u;
-  if (e[0] !== l || e[1] !== n || e[2] !== t) {
-    u = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    e: {
-      const f = Qo(t, l, n);
-      if (f.length === 1 && f[0]) {
-        u = /* @__PURE__ */ a(ot, { value: f[0].label, count: f[0].count });
-        break e;
-      }
-      i = oe, c = "column", s = "100%", r = "2xs", d = f.map(ml);
-    }
-    e[0] = l, e[1] = n, e[2] = t, e[3] = i, e[4] = c, e[5] = s, e[6] = r, e[7] = d, e[8] = u;
-  } else
-    i = e[3], c = e[4], s = e[5], r = e[6], d = e[7], u = e[8];
-  if (u !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
-    return u;
-  let m;
-  return e[9] !== i || e[10] !== c || e[11] !== s || e[12] !== r || e[13] !== d ? (m = /* @__PURE__ */ a(i, { direction: c, width: s, gap: r, children: d }), e[9] = i, e[10] = c, e[11] = s, e[12] = r, e[13] = d, e[14] = m) : m = e[14], m;
-}, nl = (o) => {
-  const e = z(11), {
-    rows: t,
-    columnId: l,
-    stat: n
-  } = o;
-  if (n.type === "unique") {
-    let s;
-    return e[0] !== l || e[1] !== t ? (s = /* @__PURE__ */ a(tl, { rows: t, columnId: l }), e[0] = l, e[1] = t, e[2] = s) : s = e[2], s;
-  }
-  if (n.type === "histogram") {
-    const s = n.bins ?? 10;
-    let r;
-    return e[3] !== l || e[4] !== t || e[5] !== s ? (r = /* @__PURE__ */ a(ol, { rows: t, columnId: l, binCount: s }), e[3] = l, e[4] = t, e[5] = s, e[6] = r) : r = e[6], r;
-  }
-  const i = n.limit ?? 2;
-  let c;
-  return e[7] !== l || e[8] !== t || e[9] !== i ? (c = /* @__PURE__ */ a(ll, { rows: t, columnId: l, limit: i }), e[7] = l, e[8] = t, e[9] = i, e[10] = c) : c = e[10], c;
-}, rl = (o) => {
-  const e = z(12), {
-    header: t,
-    headerGroup: l,
-    rows: n,
-    columnStats: i,
-    fullWidth: c
-  } = o, s = i[t.column.id], r = s?.type;
-  let d;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
-    borderRight: "none"
-  }, e[0] = d) : d = e[0];
-  const u = c && l.headers.indexOf(t) === l.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 f;
-  e[3] !== t.column.id || e[4] !== n || e[5] !== s ? (f = s ? /* @__PURE__ */ a(nl, { rows: n, columnId: t.column.id, stat: s }) : null, e[3] = t.column.id, e[4] = n, e[5] = s, e[6] = f) : f = e[6];
-  let h;
-  return e[7] !== t.column.id || e[8] !== r || e[9] !== m || e[10] !== f ? (h = /* @__PURE__ */ a(L.ColumnHeader, { "data-column-id": t.column.id, "data-stat-type": r, borderRight: "1px solid", _last: d, borderColor: "border.subtle", padding: "xs", verticalAlign: "middle", overflow: "hidden", style: m, children: f }), e[7] = t.column.id, e[8] = r, e[9] = m, e[10] = f, e[11] = h) : h = e[11], h;
-}, il = (o) => {
-  const e = z(8), {
-    headerGroup: t,
-    rows: l,
-    columnStats: n,
-    fullWidth: i,
-    noBorder: c
-  } = o;
-  if (!t.headers.some((m) => n[m.column.id]))
-    return null;
-  const r = c ? "none" : "1px solid";
-  let d;
-  e[0] !== n || e[1] !== i || e[2] !== t || e[3] !== l ? (d = t.headers.map((m) => /* @__PURE__ */ a(rl, { header: m, headerGroup: t, rows: l, columnStats: n, fullWidth: i }, m.id)), e[0] = n, e[1] = i, e[2] = t, e[3] = l, e[4] = d) : d = e[4];
-  let u;
-  return e[5] !== r || e[6] !== d ? (u = /* @__PURE__ */ a(L.Row, { className: "data-table-stats-row", borderRight: r, borderColor: "border.subtle", children: d }), e[5] = r, e[6] = d, e[7] = u) : u = e[7], u;
+//#endregion
+//#region src/components/data-table/data-table-cell-renderers.tsx
+var Dt = (e) => J(e) ? oe(e, { style: {
+	...e.props.style,
+	flexWrap: "nowrap",
+	minWidth: 0,
+	whiteSpace: "nowrap"
+} }) : e, Ot = (e) => {
+	e.stopPropagation();
+}, kt = (t) => {
+	let n = G(8), { table: r } = t, i = r.getIsAllRowsSelected(), a = !i && r.getIsSomeRowsSelected(), o = i ? !0 : a ? "indeterminate" : !1, s = a ? Z : pe, c;
+	n[0] === s ? c = n[1] : (c = /* @__PURE__ */ K(I, {
+		as: s,
+		boxSize: "12px",
+		strokeWidth: "3"
+	}), n[0] = s, n[1] = c);
+	let l;
+	n[2] === r ? l = n[3] : (l = (e) => r.toggleAllRowsSelected(e.checked === !0), n[2] = r, n[3] = l);
+	let u;
+	return n[4] !== o || n[5] !== c || n[6] !== l ? (u = /* @__PURE__ */ K(e, {
+		checked: o,
+		"aria-label": "Select all",
+		icon: c,
+		onClick: Ot,
+		onCheckedChange: l
+	}), n[4] = o, n[5] = c, n[6] = l, n[7] = u) : u = n[7], u;
+}, At = (t) => {
+	let n = G(6), { row: r, column: i } = t, { selectedRowIds: a } = i.columnDef.meta, o = !!a?.[r.id], s;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ K(I, {
+		as: pe,
+		boxSize: "12px",
+		strokeWidth: "3"
+	}), n[0] = s) : s = n[0];
+	let c;
+	n[1] === r ? c = n[2] : (c = (e) => r.toggleSelected(e.checked === !0), n[1] = r, n[2] = c);
+	let l;
+	return n[3] !== o || n[4] !== c ? (l = /* @__PURE__ */ K(e, {
+		checked: o,
+		"aria-label": "Select row",
+		icon: s,
+		onClick: Ot,
+		onCheckedChange: c
+	}), n[3] = o, n[4] = c, n[5] = l) : l = n[5], l;
+}, jt = (e, t) => {
+	let n = new Set(t.map((e) => e.label));
+	return [...t, ...e.filter((e) => !n.has(e.label))];
+}, Mt = (e) => {
+	let t = G(30), { row: n, column: r } = e, { rowActions: i, getRowActions: a } = r.columnDef.meta, s, c, l, u, d, f, p, m, h;
+	if (t[0] !== a || t[1] !== n || t[2] !== i) {
+		h = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			let e = jt(i === void 0 ? [] : i, a?.(n.original) ?? []);
+			if (e.length === 0) {
+				h = null;
+				break bb0;
+			}
+			u = R.Root, t[12] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ K(R.Trigger, {
+				asChild: !0,
+				children: /* @__PURE__ */ K(ne, {
+					"aria-label": "Row actions",
+					size: "2xs",
+					variant: "ghost",
+					onClick: Ot,
+					children: /* @__PURE__ */ K(I, {
+						as: me,
+						boxSize: "14px"
+					})
+				})
+			}), t[12] = m) : m = t[12], l = B, c = R.Positioner, s = R.Content, d = "popover", f = "bg";
+			let r;
+			t[13] === n ? r = t[14] : (r = (e) => /* @__PURE__ */ K(R.Item, {
+				value: e.label,
+				asChild: !0,
+				children: /* @__PURE__ */ K(o, {
+					asChild: !0,
+					variant: "full-width",
+					tone: e.destructive ? "danger" : "default",
+					label: e.label,
+					icon: e.icon,
+					onClick: Ot,
+					onActivate: () => e.onSelect(n.original)
+				})
+			}, e.label), t[13] = n, t[14] = r), p = e.map(r);
+		}
+		t[0] = a, t[1] = n, t[2] = i, t[3] = s, t[4] = c, t[5] = l, t[6] = u, t[7] = d, t[8] = f, t[9] = p, t[10] = m, t[11] = h;
+	} else s = t[3], c = t[4], l = t[5], u = t[6], d = t[7], f = t[8], p = t[9], m = t[10], h = t[11];
+	if (h !== Symbol.for("react.early_return_sentinel")) return h;
+	let g;
+	t[15] !== s || t[16] !== d || t[17] !== f || t[18] !== p ? (g = /* @__PURE__ */ K(s, {
+		zIndex: d,
+		bg: f,
+		children: p
+	}), t[15] = s, t[16] = d, t[17] = f, t[18] = p, t[19] = g) : g = t[19];
+	let _;
+	t[20] !== c || t[21] !== g ? (_ = /* @__PURE__ */ K(c, { children: g }), t[20] = c, t[21] = g, t[22] = _) : _ = t[22];
+	let v;
+	t[23] !== l || t[24] !== _ ? (v = /* @__PURE__ */ K(l, { children: _ }), t[23] = l, t[24] = _, t[25] = v) : v = t[25];
+	let y;
+	return t[26] !== u || t[27] !== m || t[28] !== v ? (y = /* @__PURE__ */ q(u, { children: [m, v] }), t[26] = u, t[27] = m, t[28] = v, t[29] = y) : y = t[29], y;
+}, Nt = (e) => {
+	let t = G(15), { value: n, wrapRows: r } = e, i, a;
+	if (t[0] !== n || t[1] !== r) {
+		a = Symbol.for("react.early_return_sentinel");
+		bb0: if (i = d(n), J(i)) {
+			let e = r ? "visible" : "hidden", n = r ? "anywhere" : void 0, o = r ? "normal" : "nowrap", s = r ? i : Dt(i), c;
+			t[4] !== e || t[5] !== n || t[6] !== o || t[7] !== s ? (c = /* @__PURE__ */ K(W.span, {
+				display: "inline-flex",
+				maxWidth: "full",
+				minW: "0",
+				overflow: e,
+				overflowWrap: n,
+				whiteSpace: o,
+				children: s
+			}), t[4] = e, t[5] = n, t[6] = o, t[7] = s, t[8] = c) : c = t[8], a = c;
+			break bb0;
+		}
+		t[0] = n, t[1] = r, t[2] = i, t[3] = a;
+	} else i = t[2], a = t[3];
+	if (a !== Symbol.for("react.early_return_sentinel")) return a;
+	let o = r ? "visible" : "hidden", s = r ? "anywhere" : void 0, c = r ? void 0 : "ellipsis", l = r ? "normal" : "nowrap", u;
+	return t[9] !== i || t[10] !== o || t[11] !== s || t[12] !== c || t[13] !== l ? (u = /* @__PURE__ */ K(U, {
+		maxWidth: "full",
+		overflow: o,
+		overflowWrap: s,
+		textOverflow: c,
+		textStyle: "paragraph/S/regular",
+		whiteSpace: l,
+		children: i
+	}), t[9] = i, t[10] = o, t[11] = s, t[12] = c, t[13] = l, t[14] = u) : u = t[14], u;
+}, Pt = (e) => {
+	let t = G(20), { columnLabel: n, renderer: r, value: i, wrapRows: a } = e;
+	if (r?.type === "json") {
+		let e;
+		return t[0] !== n || t[1] !== i ? (e = /* @__PURE__ */ K(wt, {
+			columnLabel: n,
+			value: i
+		}), t[0] = n, t[1] = i, t[2] = e) : e = t[2], e;
+	}
+	if (r?.type === "badge" && [
+		"string",
+		"number",
+		"boolean"
+	].includes(typeof i)) {
+		let e = i, n;
+		return t[3] !== r.categories || t[4] !== e ? (n = /* @__PURE__ */ K($e, {
+			value: e,
+			categories: r.categories
+		}), t[3] = r.categories, t[4] = e, t[5] = n) : n = t[5], n;
+	}
+	if (r?.type === "diff" && p(i)) {
+		let e;
+		return t[6] === i ? e = t[7] : (e = /* @__PURE__ */ K(at, { value: i }), t[6] = i, t[7] = e), e;
+	}
+	if (r?.type === "path" && typeof i == "string" && !a) {
+		let e;
+		return t[8] === i ? e = t[9] : (e = /* @__PURE__ */ K(ot, { value: i }), t[8] = i, t[9] = e), e;
+	}
+	if (r?.type === "date" && nt(i)) {
+		let e = i, n;
+		return t[10] === e ? n = t[11] : (n = /* @__PURE__ */ K(rt, { value: e }), t[10] = e, t[11] = n), n;
+	}
+	if (r?.type === "color-scale" && Ze(i, r.stops) && typeof i == "number") {
+		let e;
+		return t[12] === i ? e = t[13] : (e = /* @__PURE__ */ K(Qe, { value: i }), t[12] = i, t[13] = e), e;
+	}
+	if (r?.type === "categorical-color" && Me(i, r.categories)) {
+		let e;
+		return t[14] !== i || t[15] !== a ? (e = /* @__PURE__ */ K(Ne, { children: /* @__PURE__ */ K(Nt, {
+			value: i,
+			wrapRows: a
+		}) }), t[14] = i, t[15] = a, t[16] = e) : e = t[16], e;
+	}
+	let o;
+	return t[17] !== i || t[18] !== a ? (o = /* @__PURE__ */ K(Nt, {
+		value: i,
+		wrapRows: a
+	}), t[17] = i, t[18] = a, t[19] = o) : o = t[19], o;
+}, Ft = (e) => {
+	let t = G(4), { getValue: n } = e, r;
+	t[0] === n ? r = t[1] : (r = n(), t[0] = n, t[1] = r);
+	let i;
+	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ K(W.span, {
+		display: "block",
+		textStyle: "paragraph/S/regular",
+		textAlign: "center",
+		children: r
+	}), t[2] = r, t[3] = i), i;
+}, It = (e) => {
+	let t = G(7), { column: n, getValue: r } = e, { renderer: i, wrapRows: a } = n.columnDef.meta, o = a !== void 0 && a, s = n.id, c;
+	t[0] === r ? c = t[1] : (c = r(), t[0] = r, t[1] = c);
+	let l;
+	return t[2] !== n.id || t[3] !== i || t[4] !== c || t[5] !== o ? (l = /* @__PURE__ */ K(Pt, {
+		columnLabel: s,
+		renderer: i,
+		value: c,
+		wrapRows: o
+	}), t[2] = n.id, t[3] = i, t[4] = c, t[5] = o, t[6] = l) : l = t[6], l;
+}, Lt = (e) => {
+	let t = G(9), { column: r } = e, { headerLabel: i, headerIcon: a, columnDescription: o } = r.columnDef.meta, s;
+	t[0] === i ? s = t[1] : (s = /* @__PURE__ */ K(W.span, {
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap",
+		children: i
+	}), t[0] = i, t[1] = s);
+	let c;
+	t[2] !== o || t[3] !== i ? (c = o ? /* @__PURE__ */ K(n, {
+		content: o,
+		children: /* @__PURE__ */ K(I, {
+			as: he,
+			"aria-label": `About ${i}`,
+			boxSize: "12px",
+			color: "fg.muted",
+			cursor: "help",
+			flexShrink: 0,
+			opacity: .6,
+			tabIndex: 0
+		})
+	}) : null, t[2] = o, t[3] = i, t[4] = c) : c = t[4];
+	let l;
+	return t[5] !== a || t[6] !== s || t[7] !== c ? (l = /* @__PURE__ */ q(W.span, {
+		display: "inline-flex",
+		alignItems: "center",
+		gap: "4px",
+		minW: "0",
+		maxW: "full",
+		overflow: "hidden",
+		children: [
+			a,
+			s,
+			c
+		]
+	}), t[5] = a, t[6] = s, t[7] = c, t[8] = l) : l = t[8], l;
+}, Rt = (e, t) => e === t ? 0 : e == null ? 1 : t == null ? -1 : typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t)), zt = (e, t) => {
+	if (t?.type === "color-scale") {
+		let n = Ze(e, t.stops);
+		if (n && typeof e == "number") return qe(n);
+	}
+	if (t?.type === "categorical-color") {
+		let n = Me(e, t.categories);
+		if (n) return qe(n);
+	}
 };
-function sl(o, e) {
-  return o + e.count;
-}
-function al(o) {
-  return `${Y(o.start)} – ${Y(o.end)}`;
+function Bt(e, t, n = {}) {
+	let { columnIcons: r, columnDescriptions: i, compactHeaders: a, enableSelection: o = !1, selectedRowIds: s, rowActions: c = [], getRowActions: l, columnRenderers: u, wrapRows: d = !1 } = n, p = g.accessor((e, t) => t + 1, {
+		header: "",
+		id: "rowIndex",
+		enableResizing: !1,
+		size: 20,
+		cell: Ft
+	}), h = g.display({
+		id: "rowSelection",
+		header: kt,
+		cell: At,
+		meta: { selectedRowIds: s },
+		enableResizing: !1,
+		enableSorting: !1,
+		size: 36
+	}), _ = t.map((t) => {
+		let n = t || "-", o = e.map((e) => e[n]), s = u?.[n], c = r?.[n], l = c === void 0 ? f(o) : c, p = i?.[n];
+		return g.accessor((e) => e[n], {
+			id: n,
+			header: Lt,
+			cell: It,
+			meta: {
+				headerLabel: a?.[n] ?? n,
+				headerIcon: l,
+				columnDescription: p,
+				renderer: s,
+				wrapRows: d,
+				getCellStyle: (e) => zt(e, s)
+			},
+			sortingFn: (e, t) => Rt(m(e.original[n], s), m(t.original[n], s))
+		});
+	}), v = g.display({
+		id: "rowActions",
+		header: "",
+		cell: Mt,
+		meta: {
+			rowActions: c,
+			getRowActions: l
+		},
+		enableResizing: !1,
+		enableSorting: !1,
+		size: 36
+	});
+	return [
+		p,
+		...o ? [h] : [],
+		..._,
+		...c.length > 0 || l ? [v] : []
+	];
 }
-function cl(o) {
-  return `${Y(Number(o))} values`;
-}
-function dl(o) {
-  return `${o.label} · ${Y(o.count)} values`;
-}
-function ul(o) {
-  return `${Y(Number(o))}%`;
+//#endregion
+//#region src/components/data-table/data-table-column-menu.tsx
+var Vt = (t) => {
+	let n = G(28), { column: r, checked: i, onColumnVisibilityChange: a } = t, o;
+	n[0] === r.id ? o = n[1] : (o = { id: r.id }, n[0] = r.id, n[1] = o);
+	let { attributes: s, listeners: c, setNodeRef: l, transform: u, transition: d, isDragging: f } = we(o), p;
+	n[2] === u ? p = n[3] : (p = Ee.Transform.toString(u), n[2] = u, n[3] = p);
+	let m = f ? .5 : 1, h;
+	n[4] !== p || n[5] !== m || n[6] !== d ? (h = {
+		transform: p,
+		transition: d,
+		opacity: m
+	}, n[4] = p, n[5] = m, n[6] = d, n[7] = h) : h = n[7];
+	let g = h, _;
+	n[8] === Symbol.for("react.memo_cache_sentinel") ? (_ = { bg: "bg.hover" }, n[8] = _) : _ = n[8];
+	let v;
+	n[9] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ K(ge, { size: 14 }), n[9] = v) : v = n[9];
+	let y;
+	n[10] !== s || n[11] !== c ? (y = /* @__PURE__ */ K(te, {
+		as: "span",
+		display: "inline-flex",
+		cursor: "grab",
+		color: "fg.muted",
+		...s,
+		...c,
+		children: v
+	}), n[10] = s, n[11] = c, n[12] = y) : y = n[12];
+	let b;
+	n[13] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ K(I, {
+		as: pe,
+		boxSize: "12px",
+		strokeWidth: "3"
+	}), n[13] = b) : b = n[13];
+	let x;
+	n[14] !== r.id || n[15] !== a ? (x = (e) => a(r.id, e.checked === !0), n[14] = r.id, n[15] = a, n[16] = x) : x = n[16];
+	let S;
+	n[17] === r.label ? S = n[18] : (S = /* @__PURE__ */ K(U, {
+		as: "span",
+		textStyle: "label/S/regular",
+		truncate: !0,
+		children: r.label
+	}), n[17] = r.label, n[18] = S);
+	let C;
+	n[19] !== i || n[20] !== x || n[21] !== S ? (C = /* @__PURE__ */ K(e, {
+		checked: i,
+		flex: "1",
+		minW: "0",
+		width: "full",
+		flexDirection: "row-reverse",
+		justifyContent: "space-between",
+		size: "sm",
+		icon: b,
+		onCheckedChange: x,
+		children: S
+	}), n[19] = i, n[20] = x, n[21] = S, n[22] = C) : C = n[22];
+	let w;
+	return n[23] !== l || n[24] !== g || n[25] !== C || n[26] !== y ? (w = /* @__PURE__ */ q(F, {
+		ref: l,
+		style: g,
+		gap: "2xs",
+		minW: "0",
+		width: "full",
+		borderRadius: "xs",
+		px: "xs",
+		py: "2xs",
+		_hover: _,
+		children: [y, C]
+	}), n[23] = l, n[24] = g, n[25] = C, n[26] = y, n[27] = w) : w = n[27], w;
+}, Ht = (e) => {
+	let n = G(47), { columns: a, visibleColumnIds: o, wrapRows: s, showStats: c, statsAvailable: l, onColumnVisibilityChange: u, onColumnReorder: d, onWrapRowsChange: f, onStatsVisibilityChange: p } = e, m = le(null), h = le(null), [g, v] = Y(!1), [y, b] = Y(""), x;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (x = { activationConstraint: { distance: 5 } }, n[0] = x) : x = n[0];
+	let S = Ce(Se(be, x)), C;
+	if (n[1] !== a || n[2] !== y) {
+		let e = y.trim().toLowerCase();
+		C = e ? a.filter((t) => t.label.toLowerCase().includes(e)) : a, n[1] = a, n[2] = y, n[3] = C;
+	} else C = n[3];
+	let w = C, T;
+	n[4] === d ? T = n[5] : (T = (e) => {
+		let { active: t, over: n } = e;
+		n && t.id !== n.id && d(String(t.id), String(n.id));
+	}, n[4] = d, n[5] = T);
+	let E = T, D, O;
+	n[6] === g ? (D = n[7], O = n[8]) : (D = () => {
+		if (!g) return;
+		let e = (e) => {
+			let t = e.target;
+			t instanceof Node && (h.current?.contains(t) || m.current?.contains(t) || v(!1));
+		}, t = (e) => {
+			e.key === "Escape" && v(!1);
+		};
+		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t, !0), () => {
+			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t, !0);
+		};
+	}, O = [g], n[6] = g, n[7] = D, n[8] = O), ce(D, O);
+	let ee;
+	n[9] === Symbol.for("react.memo_cache_sentinel") ? (ee = {
+		placement: "bottom-end",
+		offset: { mainAxis: 8 },
+		getAnchorElement: () => m.current
+	}, n[9] = ee) : ee = n[9];
+	let k;
+	n[10] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ K(z.Trigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ K(ne, {
+			ref: m,
+			"aria-label": "Display settings",
+			variant: "ghost",
+			size: "sm",
+			onClick: () => v(Ut),
+			children: /* @__PURE__ */ K(I, {
+				as: ve,
+				boxSize: "14px"
+			})
+		})
+	}), n[10] = k) : k = n[10];
+	let A;
+	n[11] !== f || n[12] !== s ? (A = /* @__PURE__ */ K(_, {
+		showDivider: !0,
+		wrapRows: s,
+		onWrapRowsChange: f
+	}), n[11] = f, n[12] = s, n[13] = A) : A = n[13];
+	let j;
+	n[14] !== p || n[15] !== c || n[16] !== l ? (j = l ? /* @__PURE__ */ K(te, {
+		borderBottomWidth: "1px",
+		borderColor: "border.subtle",
+		padding: "xs",
+		children: /* @__PURE__ */ K(t, {
+			checked: c,
+			inputProps: { role: "switch" },
+			width: "full",
+			flexDirection: "row-reverse",
+			justifyContent: "space-between",
+			onCheckedChange: (e) => p(e.checked === !0),
+			children: /* @__PURE__ */ K(U, {
+				as: "span",
+				textStyle: "label/S/regular",
+				children: "Statistics"
+			})
+		})
+	}) : null, n[14] = p, n[15] = c, n[16] = l, n[17] = j) : j = n[17];
+	let M;
+	n[18] === y ? M = n[19] : (M = /* @__PURE__ */ K(i, {
+		value: y,
+		placeholder: "Search columns",
+		onValueChange: b
+	}), n[18] = y, n[19] = M);
+	let N;
+	n[20] === Symbol.for("react.memo_cache_sentinel") ? (N = { overscrollBehavior: "contain" }, n[20] = N) : N = n[20];
+	let P;
+	n[21] === a ? P = n[22] : (P = a.map(Wt), n[21] = a, n[22] = P);
+	let F;
+	if (n[23] !== w || n[24] !== u || n[25] !== o) {
+		let e;
+		n[27] !== u || n[28] !== o ? (e = (e) => /* @__PURE__ */ K(Vt, {
+			column: e,
+			checked: o.has(e.id),
+			onColumnVisibilityChange: u
+		}, e.id), n[27] = u, n[28] = o, n[29] = e) : e = n[29], F = w.map(e), n[23] = w, n[24] = u, n[25] = o, n[26] = F;
+	} else F = n[26];
+	let L;
+	n[30] === F ? L = n[31] : (L = /* @__PURE__ */ K(re, {
+		gap: "1px",
+		children: F
+	}), n[30] = F, n[31] = L);
+	let R;
+	n[32] !== P || n[33] !== L ? (R = /* @__PURE__ */ K(Q, {
+		items: P,
+		strategy: Te,
+		children: L
+	}), n[32] = P, n[33] = L, n[34] = R) : R = n[34];
+	let V;
+	n[35] !== E || n[36] !== S || n[37] !== R ? (V = /* @__PURE__ */ K(r, {
+		maxH: "280px",
+		viewportProps: N,
+		children: /* @__PURE__ */ K(te, {
+			padding: "2xs",
+			children: /* @__PURE__ */ K(ye, {
+				sensors: S,
+				collisionDetection: xe,
+				onDragEnd: E,
+				children: R
+			})
+		})
+	}), n[35] = E, n[36] = S, n[37] = R, n[38] = V) : V = n[38];
+	let H;
+	n[39] !== V || n[40] !== A || n[41] !== j || n[42] !== M ? (H = /* @__PURE__ */ K(B, { children: /* @__PURE__ */ K(z.Positioner, { children: /* @__PURE__ */ K(z.Content, {
+		ref: h,
+		width: "min(320px, calc(100vw - 32px))",
+		p: "0",
+		bg: "bg",
+		overflow: "hidden",
+		children: /* @__PURE__ */ q(re, {
+			gap: "0",
+			children: [
+				A,
+				j,
+				M,
+				V
+			]
+		})
+	}) }) }), n[39] = V, n[40] = A, n[41] = j, n[42] = M, n[43] = H) : H = n[43];
+	let W;
+	return n[44] !== g || n[45] !== H ? (W = /* @__PURE__ */ q(z.Root, {
+		open: g,
+		closeOnInteractOutside: !1,
+		positioning: ee,
+		children: [k, H]
+	}), n[44] = g, n[45] = H, n[46] = W) : W = n[46], W;
+};
+function Ut(e) {
+	return !e;
 }
-function ml(o) {
-  return /* @__PURE__ */ _(re, { position: "relative", height: "18px", children: [
-    /* @__PURE__ */ a(et, { data: [o], dataKey: "percentage", categoryKey: "label", color: tt, height: "18px", ariaLabel: `${o.label}: ${o.percentage}%`, layout: "vertical", domain: [0, 100], barSize: 18, tooltipLabel: dl, tooltipValue: ul, tooltipSeriesLabel: "Share" }),
-    /* @__PURE__ */ _(oe, { position: "absolute", inset: "0", paddingX: "2xs", justifyContent: "space-between", gap: "xs", pointerEvents: "none", children: [
-      /* @__PURE__ */ a(O, { textStyle: "label/2XS", color: "fg.inverted", truncate: !0, children: o.label }),
-      /* @__PURE__ */ _(O, { textStyle: "label/2XS/medium", color: "fg.muted", children: [
-        o.percentage,
-        "%"
-      ] })
-    ] })
-  ] }, o.label);
+function Wt(e) {
+	return e.id;
 }
-const fl = /* @__PURE__ */ new Set(["rowIndex", "rowSelection", "rowActions"]), hl = (o) => o === "asc" ? Xe : o === "desc" ? qe : At, gl = (o) => {
-  const e = z(37), {
-    header: t,
-    headerGroup: l,
-    table: n,
-    fullWidth: i,
-    hasDescription: c
-  } = o;
-  let s, r, d;
-  if (e[0] !== t.column || e[1] !== n) {
-    r = t.column.getIsSorted();
-    let $;
-    e[5] !== t.column.id || e[6] !== n ? ($ = !fl.has(t.column.id) && n.getCoreRowModel().rows.length > 1, e[5] = t.column.id, e[6] = n, e[7] = $) : $ = e[7], s = $, d = hl(r), e[0] = t.column, e[1] = n, e[2] = s, e[3] = r, e[4] = d;
-  } else
-    s = e[2], r = e[3], d = e[4];
-  const u = d;
-  let m;
-  e[8] !== t ? (m = t.column.id === "rowSelection" ? "Select all" : be(t.column.columnDef.header, t.getContext()), e[8] = t, e[9] = m) : m = e[9];
-  const f = m, h = t.column.id;
-  let S;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = {
-    borderRight: "none"
-  }, e[10] = S) : S = e[10];
-  const b = t.id, x = i && l.headers.indexOf(t) === l.headers.length - 1 ? void 0 : `calc(var(--header-${t.id}-size) * 1px)`;
-  let g;
-  e[11] !== x ? (g = {
-    width: x
-  }, e[11] = x, e[12] = g) : g = e[12];
-  let v;
-  e[13] !== t ? (v = be(t.column.columnDef.header, t.getContext()), e[13] = t, e[14] = v) : v = e[14];
-  let w;
-  e[15] !== v ? (w = /* @__PURE__ */ a(O, { as: "div", textStyle: "label/S/medium", lineHeight: "1.2", truncate: !0, children: v }), e[15] = v, e[16] = w) : w = e[16];
-  let p;
-  e[17] !== u || e[18] !== s || e[19] !== t.column || e[20] !== r ? (p = s && /* @__PURE__ */ _(G.Root, { children: [
-    /* @__PURE__ */ a(G.Trigger, { asChild: !0, children: /* @__PURE__ */ a(we, { ml: "2px", size: "2xs", "aria-label": r ? `Sorted ${r}` : "Sort column", variant: "ghost", visibility: r ? "visible" : "hidden", _groupHover: {
-      visibility: "visible"
-    }, children: /* @__PURE__ */ a(ee, { as: u, boxSize: "14px" }) }) }),
-    /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ a(G.Positioner, { children: /* @__PURE__ */ _(G.Content, { zIndex: "popover", bg: "bg", children: [
-      /* @__PURE__ */ a(G.Item, { value: "sort-asc", asChild: !0, children: /* @__PURE__ */ a(ce, { asChild: !0, variant: "full-width", label: "Sort ascending", icon: /* @__PURE__ */ a(ee, { as: Xe, boxSize: "16px" }), disabled: r === "asc", onActivate: () => t.column.toggleSorting(!1) }) }),
-      /* @__PURE__ */ a(G.Item, { value: "sort-desc", asChild: !0, children: /* @__PURE__ */ a(ce, { asChild: !0, variant: "full-width", label: "Sort descending", icon: /* @__PURE__ */ a(ee, { as: qe, boxSize: "16px" }), disabled: r === "desc", onActivate: () => t.column.toggleSorting(!0) }) }),
-      r && /* @__PURE__ */ a(G.Item, { value: "clear-sort", asChild: !0, children: /* @__PURE__ */ a(ce, { asChild: !0, variant: "full-width", label: "Clear sort", onActivate: () => t.column.clearSorting() }) })
-    ] }) }) })
-  ] }), e[17] = u, e[18] = s, e[19] = t.column, e[20] = r, e[21] = p) : p = e[21];
-  let R;
-  e[22] !== t ? (R = t.column.getCanResize() && /* @__PURE__ */ a("span", { onDoubleClick: () => t.column.resetSize(), onMouseDown: t.getResizeHandler(), onTouchStart: t.getResizeHandler(), className: `resizer ${t.column.getIsResizing() ? "isResizing" : ""}` }), e[22] = t, e[23] = R) : R = e[23];
-  let C;
-  e[24] !== R || e[25] !== w || e[26] !== p ? (C = /* @__PURE__ */ _(oe, { className: "group", alignItems: "center", justifyContent: "space-between", gap: "1", flex: "1", minW: "0", children: [
-    w,
-    p,
-    R
-  ] }), e[24] = R, e[25] = w, e[26] = p, e[27] = C) : C = e[27];
-  let y;
-  e[28] !== c || e[29] !== C || e[30] !== f ? (y = /* @__PURE__ */ a(Je, { content: f, disabled: c, children: C }), e[28] = c, e[29] = C, e[30] = f, e[31] = y) : y = e[31];
-  let A;
-  return e[32] !== t.column.id || e[33] !== t.id || e[34] !== y || e[35] !== g ? (A = /* @__PURE__ */ a(L.ColumnHeader, { "data-column-id": h, textTransform: "none", borderRight: "1px solid", _last: S, borderColor: "border.subtle", paddingX: "xs", paddingY: "xs", overflow: "hidden", position: "relative", verticalAlign: "middle", whiteSpace: "nowrap", style: g, children: y }, b), e[32] = t.column.id, e[33] = t.id, e[34] = y, e[35] = g, e[36] = A) : A = e[36], A;
-}, bl = (o) => {
-  const e = z(26), {
-    cell: t,
-    row: l,
-    wrapRows: n,
-    getCellContextMenuActions: i
-  } = o, c = t.column.columnDef.meta;
-  let s;
-  e[0] !== t || e[1] !== c ? (s = c?.getCellStyle?.(t.getValue()), e[0] = t, e[1] = c, e[2] = s) : s = e[2];
-  const r = s;
-  let d;
-  if (e[3] !== t || e[4] !== i || e[5] !== l.id || e[6] !== l.original) {
-    const A = {
-      row: l.original,
-      rowId: l.id,
-      columnId: t.column.id,
-      value: t.getValue()
-    };
-    d = i?.(A).map(($) => ({
-      key: $.label,
-      label: $.label,
-      icon: $.icon,
-      onClick: () => $.onSelect(A)
-    })) ?? [], e[3] = t, e[4] = i, e[5] = l.id, e[6] = l.original, e[7] = d;
-  } else
-    d = e[7];
-  const u = d, m = t.column.id, f = n ? "anywhere" : void 0, h = n ? void 0 : "10", S = n ? void 0 : "10";
-  let b;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
-    borderRight: "none"
-  }, e[8] = b) : b = e[8];
-  const x = t.id, g = n ? void 0 : "ellipsis", v = n ? "top" : "middle", w = n ? "normal" : "nowrap";
-  let p;
-  e[9] !== t ? (p = be(t.column.columnDef.cell, t.getContext()), e[9] = t, e[10] = p) : p = e[10];
-  let R;
-  e[11] !== t.column.id || e[12] !== t.id || e[13] !== r || e[14] !== w || e[15] !== p || e[16] !== f || e[17] !== h || e[18] !== S || e[19] !== g || e[20] !== v ? (R = /* @__PURE__ */ a(L.Cell, { "data-column-id": m, width: "fit-content", maxWidth: "12rem", overflow: "hidden", overflowWrap: f, padding: "xs", height: h, maxHeight: S, borderRight: "1px solid", borderColor: "border.subtle", _last: b, borderBottom: "none", textStyle: "paragraph/S/regular", textOverflow: g, verticalAlign: v, whiteSpace: w, style: r, children: p }, x), e[11] = t.column.id, e[12] = t.id, e[13] = r, e[14] = w, e[15] = p, e[16] = f, e[17] = h, e[18] = S, e[19] = g, e[20] = v, e[21] = R) : R = e[21];
-  const C = R;
-  if (u.length === 0)
-    return C;
-  let y;
-  return e[22] !== t.id || e[23] !== C || e[24] !== u ? (y = /* @__PURE__ */ a(kt, { actions: u, children: C }, t.id), e[22] = t.id, e[23] = C, e[24] = u, e[25] = y) : y = e[25], y;
-}, pl = (o) => {
-  const e = z(23), {
-    row: t,
-    noBorder: l,
-    rowIsInteractive: n,
-    rowIsActive: i,
-    rowIsSelected: c,
-    wrapRows: s,
-    onRowClick: r,
-    getCellContextMenuActions: d
-  } = o, u = t.id, m = i ? "true" : void 0, f = c ? "true" : void 0, h = c ? "true" : void 0, S = s ? void 0 : "10", b = n ? "pointer" : void 0;
-  let x;
-  e[0] !== r || e[1] !== t.original || e[2] !== n ? (x = n ? () => r?.(t.original) : void 0, e[0] = r, e[1] = t.original, e[2] = n, e[3] = x) : x = e[3];
-  const g = l ? "none" : "1px solid", v = l ? "none" : "1px solid", w = l ? "none" : "1px solid";
-  let p;
-  e[4] !== w ? (p = {
-    borderBottom: w,
-    borderColor: "border.subtle"
-  }, e[4] = w, e[5] = p) : p = e[5];
-  const R = i ? "bg.active" : "bg";
-  let C;
-  e[6] !== d || e[7] !== t || e[8] !== s ? (C = t.getVisibleCells().map((A) => /* @__PURE__ */ a(bl, { cell: A, row: t, wrapRows: s, getCellContextMenuActions: d }, A.id)), e[6] = d, e[7] = t, e[8] = s, e[9] = C) : C = e[9];
-  let y;
-  return e[10] !== t.id || e[11] !== m || e[12] !== p || e[13] !== R || e[14] !== C || e[15] !== f || e[16] !== h || e[17] !== S || e[18] !== b || e[19] !== x || e[20] !== g || e[21] !== v ? (y = /* @__PURE__ */ a(L.Row, { "data-active": m, "data-selected": f, "aria-selected": h, height: S, cursor: b, onClick: x, borderTop: g, borderBottom: "1px solid", borderRight: v, _last: p, borderColor: "border.subtle", background: R, children: C }, u), e[10] = t.id, e[11] = m, e[12] = p, e[13] = R, e[14] = C, e[15] = f, e[16] = h, e[17] = S, e[18] = b, e[19] = x, e[20] = g, e[21] = v, e[22] = y) : y = e[22], y;
-}, Sl = (o, e) => o.map((t) => ({
-  id: t,
-  label: e?.[t] ?? t
-})), wl = (o) => {
-  const e = z(12), {
-    table: t,
-    pagination: l,
-    pageSizeOptions: n
-  } = o;
-  let i;
-  e[0] !== t ? (i = t.getPageCount(), e[0] = t, e[1] = i) : i = e[1];
-  const c = l.pageIndex, s = l.pageSize;
-  let r;
-  e[2] !== t ? (r = t.getCoreRowModel(), e[2] = t, e[3] = r) : r = e[3];
-  let d;
-  return e[4] !== n || e[5] !== l.pageIndex || e[6] !== l.pageSize || e[7] !== i || e[8] !== r.rows.length || e[9] !== t.setPageIndex || e[10] !== t.setPageSize ? (d = /* @__PURE__ */ a(Xt, { pageCount: i, pageIndex: c, pageSize: s, pageSizeOptions: n, totalRows: r.rows.length, onPageChange: t.setPageIndex, onPageSizeChange: t.setPageSize }), e[4] = n, e[5] = l.pageIndex, e[6] = l.pageSize, e[7] = i, e[8] = r.rows.length, e[9] = t.setPageIndex, e[10] = t.setPageSize, e[11] = d) : d = e[11], d;
-}, xl = (o) => {
-  const {
-    data: e,
-    noBorder: t,
-    fullWidth: l,
-    hiddenColumns: n,
-    onRowClick: i,
-    isRowInteractive: c,
-    activeRowId: s,
-    columnIcons: r,
-    columnDescriptions: d,
-    compactHeaders: u,
-    columnStats: m,
-    columnRenderers: f,
-    initialPageSize: h,
-    pageSizeOptions: S = [10, 20, 30, 50, 100],
-    rowActions: b = [],
-    getRowActions: x,
-    getRowId: g,
-    toolbarStorageKey: v,
-    enableRowActivation: w = !1,
-    getCellContextMenuActions: p
-  } = o, [R, C] = Q([]), [y, A] = Q(() => ({
-    pageIndex: 0,
-    pageSize: Mt({
-      initialPageSize: h
-    })
-  })), [$, T] = Q({}), [P, M] = Q(!0), [D, K] = Q(!1), [W, N] = Q(() => {
-    const I = new Set(n ?? []);
-    return Object.keys(e[0] || {}).filter((V) => !I.has(V));
-  }), [J, X] = Q(() => /* @__PURE__ */ new Set()), j = new Set(n ?? []), H = Object.keys(e[0] || {}).filter((I) => !j.has(I)), E = De(H, W), k = new Set(E.filter((I) => !J.has(I))), B = E.filter((I) => k.has(I)), F = Pt(o), le = Ht(o), Ae = Lt(e, E, u), $e = Ot(e, E, g), _e = Wt({
-    toolbarStorageKey: v,
-    columnKeys: H
-  }), lt = St(_e, (I) => I.filters, {
-    settings: {
-      viewMode: "list"
-    },
-    views: o.defaultViews,
-    activeViewId: o.defaultActiveViewId
-  }), ke = Nt($e, lt, Ae).map((I) => I.sourceRow), nt = Ko(e, B, {
-    columnIcons: r,
-    columnDescriptions: d,
-    compactHeaders: u,
-    enableSelection: F,
-    rowActions: b,
-    getRowActions: x,
-    selectedRowIds: $,
-    columnRenderers: f,
-    wrapRows: D
-  }), q = mt({
-    data: ke,
-    columns: nt,
-    defaultColumn: {
-      size: 150,
-      minSize: 40,
-      maxSize: 800
-    },
-    state: {
-      sorting: R,
-      pagination: y,
-      rowSelection: $
-    },
-    getRowId: (I, V) => jt(I, V, g),
-    columnResizeMode: "onChange",
-    columnResizeDirection: "ltr",
-    onSortingChange: C,
-    onPaginationChange: A,
-    onRowSelectionChange: T,
-    getSortedRowModel: gt(),
-    getCoreRowModel: ht(),
-    getPaginationRowModel: ft(),
-    enableMultiRowSelection: F,
-    enableRowSelection: F,
-    autoResetAll: !1
-  });
-  Ke(() => {
-    const I = q.getPageCount();
-    I === 0 || y.pageIndex < I || A((V) => ({
-      ...V,
-      pageIndex: Math.max(I - 1, 0)
-    }));
-  }, [y.pageIndex, q]);
-  const rt = (() => {
-    const I = q.getFlatHeaders(), V = {};
-    for (let Z = 0; Z < I.length; Z++) {
-      const U = I[Z];
-      V[`--header-${U.id}-size`] = U.getSize(), V[`--col-${U.column.id}-size`] = U.column.getSize();
-    }
-    return V;
-  })(), fe = q.getSelectedRowModel().rows, it = q.getCoreRowModel().rows, st = Et(fe), at = /* @__PURE__ */ a(Xo, { columns: Sl(E, u), visibleColumnIds: k, wrapRows: D, showStats: P, statsAvailable: !!m, onColumnVisibilityChange: (I, V) => X((Z) => {
-    const U = new Set(Z);
-    return V ? U.delete(I) : U.add(I), U;
-  }), onColumnReorder: (I, V) => N((Z) => Bt(De(H, Z), I, V)), onWrapRowsChange: K, onStatsVisibilityChange: M });
-  return /* @__PURE__ */ _(oe, { direction: "column", height: "100%", width: "100%", children: [
-    /* @__PURE__ */ a(Ft, { rows: $e, storageKey: _e, attributes: Ae, columnControl: at, defaultViews: o.defaultViews, defaultActiveViewId: o.defaultActiveViewId }),
-    /* @__PURE__ */ _(re, { position: "relative", flex: "1", minHeight: "0", children: [
-      /* @__PURE__ */ a(xe, { height: "100%", maxWidth: "unset", showHorizontalScrollbar: !0, children: /* @__PURE__ */ _(L.Root, { className: `data-table${l ? " full-width" : ""}`, style: {
-        ...rt,
-        width: l ? "100%" : q.getTotalSize()
-      }, children: [
-        /* @__PURE__ */ a(L.Header, { children: q.getHeaderGroups().map((I) => /* @__PURE__ */ _(pt, { children: [
-          /* @__PURE__ */ a(L.Row, { className: "data-table-column-header-row", borderRight: t ? "none" : "1px solid", borderColor: "border.subtle", children: I.headers.map((V) => /* @__PURE__ */ a(gl, { header: V, headerGroup: I, table: q, fullWidth: l, hasDescription: !!d?.[V.column.id] }, V.id)) }),
-          m && P ? /* @__PURE__ */ a(il, { headerGroup: I, rows: ke, columnStats: m, noBorder: t, fullWidth: l }) : null
-        ] }, I.id)) }),
-        /* @__PURE__ */ a(L.Body, { children: q.getRowModel().rows.map((I) => {
-          const V = i ? c?.(I.original) ?? !0 : !1, Z = Kt({
-            enableRowActivation: w,
-            activeRowId: s,
-            rowId: I.id
-          }), U = I.getIsSelected();
-          return /* @__PURE__ */ a(pl, { row: I, noBorder: t, rowIsInteractive: V, rowIsActive: Z, rowIsSelected: U, wrapRows: D, onRowClick: i, getCellContextMenuActions: p }, I.id);
-        }) })
-      ] }) }),
-      F && fe.length > 0 ? /* @__PURE__ */ a(Jt, { selectedCount: fe.length, totalCount: it.length, onClearSelection: () => q.toggleAllRowsSelected(!1), onSelectAll: () => q.toggleAllRowsSelected(!0), actions: le, selectedRows: st }) : null
-    ] }),
-    q.getPageCount() > 1 && /* @__PURE__ */ a(wl, { table: q, pagination: y, pageSizeOptions: S })
-  ] });
-}, jl = (o) => {
-  const e = z(4);
-  if (o.editMode) {
-    let l;
-    return e[0] !== o ? (l = /* @__PURE__ */ a(Vt, { ...o }), e[0] = o, e[1] = l) : l = e[1], l;
-  }
-  let t;
-  return e[2] !== o ? (t = /* @__PURE__ */ a(xl, { ...o }), e[2] = o, e[3] = t) : t = e[3], t;
-}, je = ["70%", "45%", "60%", "35%", "55%"], El = (o) => {
-  const e = z(15), {
-    columns: t,
-    columnCount: l,
-    rowCount: n
-  } = o, i = l === void 0 ? 3 : l, c = n === void 0 ? 5 : n;
-  let s;
-  e[0] !== i || e[1] !== t ? (s = t && t.length > 0 ? t : Array.from({
-    length: i
-  }, yl), e[0] = i, e[1] = t, e[2] = s) : s = e[2];
-  const r = s;
-  let d;
-  e[3] !== r ? (d = r.map(Cl), e[3] = r, e[4] = d) : d = e[4];
-  let u;
-  e[5] !== d ? (u = /* @__PURE__ */ a(L.Header, { children: /* @__PURE__ */ a(L.Row, { className: "data-table-column-header-row", borderRight: "1px solid", borderColor: "border.subtle", children: d }) }), e[5] = d, e[6] = u) : u = e[6];
-  let m;
-  if (e[7] !== r || e[8] !== c) {
-    let h;
-    e[10] !== r ? (h = (S, b) => /* @__PURE__ */ a(L.Row, { children: r.map((x, g) => /* @__PURE__ */ a(L.Cell, { padding: "xs", borderRight: "1px solid", borderColor: "border.subtle", _last: {
-      borderRight: "none"
-    }, borderBottom: "none", children: /* @__PURE__ */ a(Be, { height: "14px", width: je[(b + g) % je.length], borderRadius: "xs" }) }, x.id)) }, b), e[10] = r, e[11] = h) : h = e[11], m = /* @__PURE__ */ a(L.Body, { children: Array.from({
-      length: c
-    }, h) }), e[7] = r, e[8] = c, e[9] = m;
-  } else
-    m = e[9];
-  let f;
-  return e[12] !== u || e[13] !== m ? (f = /* @__PURE__ */ _(L.Root, { className: "data-table full-width", width: "100%", children: [
-    u,
-    m
-  ] }), e[12] = u, e[13] = m, e[14] = f) : f = e[14], f;
+//#endregion
+//#region src/components/data-table/data-table-table-parts.tsx
+var Gt = /* @__PURE__ */ new Set([
+	"rowIndex",
+	"rowSelection",
+	"rowActions"
+]), Kt = (e) => e === "asc" ? de : e === "desc" ? ue : _e, qt = (e) => {
+	let t = G(37), { header: r, headerGroup: i, table: a, fullWidth: s, hasDescription: c } = e, l, u, d;
+	if (t[0] !== r.column || t[1] !== a) {
+		u = r.column.getIsSorted();
+		let e;
+		t[5] !== r.column.id || t[6] !== a ? (e = !Gt.has(r.column.id) && a.getCoreRowModel().rows.length > 1, t[5] = r.column.id, t[6] = a, t[7] = e) : e = t[7], l = e, d = Kt(u), t[0] = r.column, t[1] = a, t[2] = l, t[3] = u, t[4] = d;
+	} else l = t[2], u = t[3], d = t[4];
+	let f = d, p;
+	t[8] === r ? p = t[9] : (p = r.column.id === "rowSelection" ? "Select all" : De(r.column.columnDef.header, r.getContext()), t[8] = r, t[9] = p);
+	let m = p, h = r.column.id, g;
+	t[10] === Symbol.for("react.memo_cache_sentinel") ? (g = { borderRight: "none" }, t[10] = g) : g = t[10];
+	let _ = r.id, v = s && i.headers.indexOf(r) === i.headers.length - 1 ? void 0 : `calc(var(--header-${r.id}-size) * 1px)`, y;
+	t[11] === v ? y = t[12] : (y = { width: v }, t[11] = v, t[12] = y);
+	let b;
+	t[13] === r ? b = t[14] : (b = De(r.column.columnDef.header, r.getContext()), t[13] = r, t[14] = b);
+	let x;
+	t[15] === b ? x = t[16] : (x = /* @__PURE__ */ K(U, {
+		as: "div",
+		textStyle: "label/S/medium",
+		lineHeight: "1.2",
+		truncate: !0,
+		children: b
+	}), t[15] = b, t[16] = x);
+	let S;
+	t[17] !== f || t[18] !== l || t[19] !== r.column || t[20] !== u ? (S = l && /* @__PURE__ */ q(R.Root, { children: [/* @__PURE__ */ K(R.Trigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ K(ne, {
+			ml: "2px",
+			size: "2xs",
+			"aria-label": u ? `Sorted ${u}` : "Sort column",
+			variant: "ghost",
+			visibility: u ? "visible" : "hidden",
+			_groupHover: { visibility: "visible" },
+			children: /* @__PURE__ */ K(I, {
+				as: f,
+				boxSize: "14px"
+			})
+		})
+	}), /* @__PURE__ */ K(B, { children: /* @__PURE__ */ K(R.Positioner, { children: /* @__PURE__ */ q(R.Content, {
+		zIndex: "popover",
+		bg: "bg",
+		children: [
+			/* @__PURE__ */ K(R.Item, {
+				value: "sort-asc",
+				asChild: !0,
+				children: /* @__PURE__ */ K(o, {
+					asChild: !0,
+					variant: "full-width",
+					label: "Sort ascending",
+					icon: /* @__PURE__ */ K(I, {
+						as: de,
+						boxSize: "16px"
+					}),
+					disabled: u === "asc",
+					onActivate: () => r.column.toggleSorting(!1)
+				})
+			}),
+			/* @__PURE__ */ K(R.Item, {
+				value: "sort-desc",
+				asChild: !0,
+				children: /* @__PURE__ */ K(o, {
+					asChild: !0,
+					variant: "full-width",
+					label: "Sort descending",
+					icon: /* @__PURE__ */ K(I, {
+						as: ue,
+						boxSize: "16px"
+					}),
+					disabled: u === "desc",
+					onActivate: () => r.column.toggleSorting(!0)
+				})
+			}),
+			u && /* @__PURE__ */ K(R.Item, {
+				value: "clear-sort",
+				asChild: !0,
+				children: /* @__PURE__ */ K(o, {
+					asChild: !0,
+					variant: "full-width",
+					label: "Clear sort",
+					onActivate: () => r.column.clearSorting()
+				})
+			})
+		]
+	}) }) })] }), t[17] = f, t[18] = l, t[19] = r.column, t[20] = u, t[21] = S) : S = t[21];
+	let C;
+	t[22] === r ? C = t[23] : (C = r.column.getCanResize() && /* @__PURE__ */ K("span", {
+		onDoubleClick: () => r.column.resetSize(),
+		onMouseDown: r.getResizeHandler(),
+		onTouchStart: r.getResizeHandler(),
+		className: `resizer ${r.column.getIsResizing() ? "isResizing" : ""}`
+	}), t[22] = r, t[23] = C);
+	let w;
+	t[24] !== C || t[25] !== x || t[26] !== S ? (w = /* @__PURE__ */ q(P, {
+		className: "group",
+		alignItems: "center",
+		justifyContent: "space-between",
+		gap: "1",
+		flex: "1",
+		minW: "0",
+		children: [
+			x,
+			S,
+			C
+		]
+	}), t[24] = C, t[25] = x, t[26] = S, t[27] = w) : w = t[27];
+	let T;
+	t[28] !== c || t[29] !== w || t[30] !== m ? (T = /* @__PURE__ */ K(n, {
+		content: m,
+		disabled: c,
+		children: w
+	}), t[28] = c, t[29] = w, t[30] = m, t[31] = T) : T = t[31];
+	let E;
+	return t[32] !== r.column.id || t[33] !== r.id || t[34] !== T || t[35] !== y ? (E = /* @__PURE__ */ K(H.ColumnHeader, {
+		"data-column-id": h,
+		textTransform: "none",
+		borderRight: "1px solid",
+		_last: g,
+		borderColor: "border.subtle",
+		paddingX: "xs",
+		paddingY: "xs",
+		overflow: "hidden",
+		position: "relative",
+		verticalAlign: "middle",
+		whiteSpace: "nowrap",
+		style: y,
+		children: T
+	}, _), t[32] = r.column.id, t[33] = r.id, t[34] = T, t[35] = y, t[36] = E) : E = t[36], E;
+}, Jt = (e) => {
+	let t = G(26), { cell: n, row: r, wrapRows: i, getCellContextMenuActions: o } = e, s = n.column.columnDef.meta, c;
+	t[0] !== n || t[1] !== s ? (c = s?.getCellStyle?.(n.getValue()), t[0] = n, t[1] = s, t[2] = c) : c = t[2];
+	let l = c, u;
+	if (t[3] !== n || t[4] !== o || t[5] !== r.id || t[6] !== r.original) {
+		let e = {
+			row: r.original,
+			rowId: r.id,
+			columnId: n.column.id,
+			value: n.getValue()
+		};
+		u = o?.(e).map((t) => ({
+			key: t.label,
+			label: t.label,
+			icon: t.icon,
+			onClick: () => t.onSelect(e)
+		})) ?? [], t[3] = n, t[4] = o, t[5] = r.id, t[6] = r.original, t[7] = u;
+	} else u = t[7];
+	let d = u, f = n.column.id, p = i ? "anywhere" : void 0, m = i ? void 0 : "10", h = i ? void 0 : "10", g;
+	t[8] === Symbol.for("react.memo_cache_sentinel") ? (g = { borderRight: "none" }, t[8] = g) : g = t[8];
+	let _ = n.id, v = i ? void 0 : "ellipsis", y = i ? "top" : "middle", b = i ? "normal" : "nowrap", x;
+	t[9] === n ? x = t[10] : (x = De(n.column.columnDef.cell, n.getContext()), t[9] = n, t[10] = x);
+	let S;
+	t[11] !== n.column.id || t[12] !== n.id || t[13] !== l || t[14] !== b || t[15] !== x || t[16] !== p || t[17] !== m || t[18] !== h || t[19] !== v || t[20] !== y ? (S = /* @__PURE__ */ K(H.Cell, {
+		"data-column-id": f,
+		width: "fit-content",
+		maxWidth: "12rem",
+		overflow: "hidden",
+		overflowWrap: p,
+		padding: "xs",
+		height: m,
+		maxHeight: h,
+		borderRight: "1px solid",
+		borderColor: "border.subtle",
+		_last: g,
+		borderBottom: "none",
+		textStyle: "paragraph/S/regular",
+		textOverflow: v,
+		verticalAlign: y,
+		whiteSpace: b,
+		style: l,
+		children: x
+	}, _), t[11] = n.column.id, t[12] = n.id, t[13] = l, t[14] = b, t[15] = x, t[16] = p, t[17] = m, t[18] = h, t[19] = v, t[20] = y, t[21] = S) : S = t[21];
+	let C = S;
+	if (d.length === 0) return C;
+	let w;
+	return t[22] !== n.id || t[23] !== C || t[24] !== d ? (w = /* @__PURE__ */ K(a, {
+		actions: d,
+		children: C
+	}, n.id), t[22] = n.id, t[23] = C, t[24] = d, t[25] = w) : w = t[25], w;
+}, Yt = (e) => {
+	let t = G(23), { row: n, noBorder: r, rowIsInteractive: i, rowIsActive: a, rowIsSelected: o, wrapRows: s, onRowClick: c, getCellContextMenuActions: l } = e, u = n.id, d = a ? "true" : void 0, f = o ? "true" : void 0, p = o ? "true" : void 0, m = s ? void 0 : "10", h = i ? "pointer" : void 0, g;
+	t[0] !== c || t[1] !== n.original || t[2] !== i ? (g = i ? () => c?.(n.original) : void 0, t[0] = c, t[1] = n.original, t[2] = i, t[3] = g) : g = t[3];
+	let _ = r ? "none" : "1px solid", v = r ? "none" : "1px solid", y = r ? "none" : "1px solid", b;
+	t[4] === y ? b = t[5] : (b = {
+		borderBottom: y,
+		borderColor: "border.subtle"
+	}, t[4] = y, t[5] = b);
+	let x = a ? "bg.active" : "bg", S;
+	t[6] !== l || t[7] !== n || t[8] !== s ? (S = n.getVisibleCells().map((e) => /* @__PURE__ */ K(Jt, {
+		cell: e,
+		row: n,
+		wrapRows: s,
+		getCellContextMenuActions: l
+	}, e.id)), t[6] = l, t[7] = n, t[8] = s, t[9] = S) : S = t[9];
+	let C;
+	return t[10] !== n.id || t[11] !== d || t[12] !== b || t[13] !== x || t[14] !== S || t[15] !== f || t[16] !== p || t[17] !== m || t[18] !== h || t[19] !== g || t[20] !== _ || t[21] !== v ? (C = /* @__PURE__ */ K(H.Row, {
+		"data-active": d,
+		"data-selected": f,
+		"aria-selected": p,
+		height: m,
+		cursor: h,
+		onClick: g,
+		borderTop: _,
+		borderBottom: "1px solid",
+		borderRight: v,
+		_last: b,
+		borderColor: "border.subtle",
+		background: x,
+		children: S
+	}, u), t[10] = n.id, t[11] = d, t[12] = b, t[13] = x, t[14] = S, t[15] = f, t[16] = p, t[17] = m, t[18] = h, t[19] = g, t[20] = _, t[21] = v, t[22] = C) : C = t[22], C;
+}, Xt = se(() => import("./data-table-stats-row-UuTinYfL.js").then((e) => ({ default: e.DataTableStatsRow }))), Zt = (e, t) => e.map((e) => ({
+	id: e,
+	label: t?.[e] ?? e
+})), Qt = (e) => {
+	let t = {};
+	for (let n of e.getFlatHeaders()) t[`--header-${n.id}-size`] = n.getSize(), t[`--col-${n.column.id}-size`] = n.column.getSize();
+	return t;
+}, $t = (e) => {
+	let t = G(12), { table: n, pagination: r, pageSizeOptions: i } = e, a;
+	t[0] === n ? a = t[1] : (a = n.getPageCount(), t[0] = n, t[1] = a);
+	let o = r.pageIndex, s = r.pageSize, c;
+	t[2] === n ? c = t[3] : (c = n.getCoreRowModel(), t[2] = n, t[3] = c);
+	let l;
+	return t[4] !== i || t[5] !== r.pageIndex || t[6] !== r.pageSize || t[7] !== a || t[8] !== c.rows.length || t[9] !== n.setPageIndex || t[10] !== n.setPageSize ? (l = /* @__PURE__ */ K(S, {
+		pageCount: a,
+		pageIndex: o,
+		pageSize: s,
+		pageSizeOptions: i,
+		totalRows: c.rows.length,
+		onPageChange: n.setPageIndex,
+		onPageSizeChange: n.setPageSize
+	}), t[4] = i, t[5] = r.pageIndex, t[6] = r.pageSize, t[7] = a, t[8] = c.rows.length, t[9] = n.setPageIndex, t[10] = n.setPageSize, t[11] = l) : l = t[11], l;
+}, en = (e) => {
+	let { data: t, noBorder: n, fullWidth: i, hiddenColumns: a, defaultHiddenColumns: o, defaultShowStats: d = !0, onRowClick: f, isRowInteractive: p, activeRowId: m, columnIcons: g, columnDescriptions: _, compactHeaders: S, columnStats: E, columnRenderers: A, initialPageSize: j, pageSizeOptions: M = [
+		10,
+		20,
+		30,
+		50,
+		100
+	], rowActions: N = [], getRowActions: F, getRowId: I, toolbarStorageKey: ne, enableRowActivation: L = !1, getCellContextMenuActions: R } = e, [z, B] = Y([]), [V, re] = Y(() => ({
+		pageIndex: 0,
+		pageSize: l({ initialPageSize: j })
+	})), [U, W] = Y({}), [G, oe] = Y(d), [J, se] = Y(!1), [le, ue] = Y(() => {
+		let e = new Set(a ?? []);
+		return Object.keys(t[0] || {}).filter((t) => !e.has(t));
+	}), [de, fe] = Y(() => new Set(o)), pe = new Set(a ?? []), me = Object.keys(t[0] || {}).filter((e) => !pe.has(e)), X = D(me, le), he = new Set(X.filter((e) => !de.has(e))), ge = X.filter((e) => he.has(e)), Z = T(e), _e = h(e), ve = ee(t, X, S, A), ye = x(t, X, I, A), be = u({
+		toolbarStorageKey: ne,
+		columnKeys: me
+	}), xe = b(be, (e) => e.filters, {
+		settings: { viewMode: "list" },
+		views: e.defaultViews,
+		activeViewId: e.defaultActiveViewId
+	}), Se = O(ye, xe, ve).map((e) => e.sourceRow), Ce = Bt(t, ge, {
+		columnIcons: g,
+		columnDescriptions: _,
+		compactHeaders: S,
+		enableSelection: Z,
+		rowActions: N,
+		getRowActions: F,
+		selectedRowIds: U,
+		columnRenderers: A,
+		wrapRows: J
+	}), Q = je({
+		data: Se,
+		columns: Ce,
+		defaultColumn: {
+			size: 150,
+			minSize: 40,
+			maxSize: 800
+		},
+		state: {
+			sorting: z,
+			pagination: V,
+			rowSelection: U
+		},
+		getRowId: (e, t) => y(e, t, I),
+		columnResizeMode: "onChange",
+		columnResizeDirection: "ltr",
+		onSortingChange: B,
+		onPaginationChange: re,
+		onRowSelectionChange: W,
+		getSortedRowModel: Ae(),
+		getCoreRowModel: Oe(),
+		getPaginationRowModel: ke(),
+		enableMultiRowSelection: Z,
+		enableRowSelection: Z,
+		autoResetAll: !1
+	});
+	ce(() => {
+		let e = Q.getPageCount();
+		e === 0 || V.pageIndex < e || re((t) => ({
+			...t,
+			pageIndex: Math.max(e - 1, 0)
+		}));
+	}, [V.pageIndex, Q]);
+	let we = Qt(Q), Te = Q.getSelectedRowModel().rows, Ee = Q.getCoreRowModel().rows, De = v(Te), Me = /* @__PURE__ */ K(Ht, {
+		columns: Zt(X, S),
+		visibleColumnIds: he,
+		wrapRows: J,
+		showStats: G,
+		statsAvailable: !!E,
+		onColumnVisibilityChange: (e, t) => fe((n) => w(n, e, t)),
+		onColumnReorder: (e, t) => ue((n) => c(D(me, n), e, t)),
+		onWrapRowsChange: se,
+		onStatsVisibilityChange: oe
+	});
+	return /* @__PURE__ */ q(P, {
+		direction: "column",
+		height: "100%",
+		width: "100%",
+		children: [
+			/* @__PURE__ */ K(k, {
+				rows: ye,
+				storageKey: be,
+				attributes: ve,
+				columnControl: Me,
+				defaultViews: e.defaultViews,
+				defaultActiveViewId: e.defaultActiveViewId
+			}),
+			/* @__PURE__ */ q(te, {
+				position: "relative",
+				flex: "1",
+				minHeight: "0",
+				children: [/* @__PURE__ */ K(r, {
+					height: "100%",
+					maxWidth: "unset",
+					showHorizontalScrollbar: !0,
+					children: /* @__PURE__ */ q(H.Root, {
+						className: `data-table${i ? " full-width" : ""}`,
+						style: {
+							...we,
+							width: i ? "100%" : Q.getTotalSize()
+						},
+						children: [/* @__PURE__ */ K(H.Header, { children: Q.getHeaderGroups().map((e) => /* @__PURE__ */ q(ie, { children: [/* @__PURE__ */ K(H.Row, {
+							className: "data-table-column-header-row",
+							borderRight: n ? "none" : "1px solid",
+							borderColor: "border.subtle",
+							children: e.headers.map((t) => /* @__PURE__ */ K(qt, {
+								header: t,
+								headerGroup: e,
+								table: Q,
+								fullWidth: i,
+								hasDescription: !!_?.[t.column.id]
+							}, t.id))
+						}), E && G ? /* @__PURE__ */ K(ae, {
+							fallback: null,
+							children: /* @__PURE__ */ K(Xt, {
+								headerGroup: e,
+								rows: Se,
+								columnStats: E,
+								noBorder: n,
+								fullWidth: i
+							})
+						}) : null] }, e.id)) }), /* @__PURE__ */ K(H.Body, { children: Q.getRowModel().rows.map((e) => {
+							let t = f ? p?.(e.original) ?? !0 : !1, r = s({
+								enableRowActivation: L,
+								activeRowId: m,
+								rowId: e.id
+							}), i = e.getIsSelected();
+							return /* @__PURE__ */ K(Yt, {
+								row: e,
+								noBorder: n,
+								rowIsInteractive: t,
+								rowIsActive: r,
+								rowIsSelected: i,
+								wrapRows: J,
+								onRowClick: f,
+								getCellContextMenuActions: R
+							}, e.id);
+						}) })]
+					})
+				}), Z && Te.length > 0 ? /* @__PURE__ */ K(C, {
+					selectedCount: Te.length,
+					totalCount: Ee.length,
+					onClearSelection: () => Q.toggleAllRowsSelected(!1),
+					onSelectAll: () => Q.toggleAllRowsSelected(!0),
+					actions: _e,
+					selectedRows: De
+				}) : null]
+			}),
+			Q.getPageCount() > 1 && /* @__PURE__ */ K($t, {
+				table: Q,
+				pagination: V,
+				pageSizeOptions: M
+			})
+		]
+	});
+}, tn = (e) => {
+	let t = G(4);
+	if (e.editMode) {
+		let n;
+		return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ K(E, { ...e }), t[0] = e, t[1] = n), n;
+	}
+	let n;
+	return t[2] === e ? n = t[3] : (n = /* @__PURE__ */ K(en, { ...e }), t[2] = e, t[3] = n), n;
+}, nn = [
+	"70%",
+	"45%",
+	"60%",
+	"35%",
+	"55%"
+], rn = (e) => {
+	let t = G(15), { columns: n, columnCount: r, rowCount: i } = e, a = r === void 0 ? 3 : r, o = i === void 0 ? 5 : i, s;
+	t[0] !== a || t[1] !== n ? (s = n && n.length > 0 ? n : Array.from({ length: a }, an), t[0] = a, t[1] = n, t[2] = s) : s = t[2];
+	let c = s, l;
+	t[3] === c ? l = t[4] : (l = c.map(on), t[3] = c, t[4] = l);
+	let u;
+	t[5] === l ? u = t[6] : (u = /* @__PURE__ */ K(H.Header, { children: /* @__PURE__ */ K(H.Row, {
+		className: "data-table-column-header-row",
+		borderRight: "1px solid",
+		borderColor: "border.subtle",
+		children: l
+	}) }), t[5] = l, t[6] = u);
+	let d;
+	if (t[7] !== c || t[8] !== o) {
+		let e;
+		t[10] === c ? e = t[11] : (e = (e, t) => /* @__PURE__ */ K(H.Row, { children: c.map((e, n) => /* @__PURE__ */ K(H.Cell, {
+			padding: "xs",
+			borderRight: "1px solid",
+			borderColor: "border.subtle",
+			_last: { borderRight: "none" },
+			borderBottom: "none",
+			children: /* @__PURE__ */ K(V, {
+				height: "14px",
+				width: nn[(t + n) % nn.length],
+				borderRadius: "xs"
+			})
+		}, e.id)) }, t), t[10] = c, t[11] = e), d = /* @__PURE__ */ K(H.Body, { children: Array.from({ length: o }, e) }), t[7] = c, t[8] = o, t[9] = d;
+	} else d = t[9];
+	let f;
+	return t[12] !== u || t[13] !== d ? (f = /* @__PURE__ */ q(H.Root, {
+		className: "data-table full-width",
+		width: "100%",
+		children: [u, d]
+	}), t[12] = u, t[13] = d, t[14] = f) : f = t[14], f;
 };
-function yl(o, e) {
-  return {
-    id: `column-${e + 1}`,
-    label: ""
-  };
+function an(e, t) {
+	return {
+		id: `column-${t + 1}`,
+		label: ""
+	};
 }
-function Cl(o) {
-  return /* @__PURE__ */ a(L.ColumnHeader, { textTransform: "none", borderRight: "1px solid", _last: {
-    borderRight: "none"
-  }, borderColor: "border.subtle", paddingX: "xs", paddingY: "xs", whiteSpace: "nowrap", children: o.label ? /* @__PURE__ */ a(O, { as: "div", textStyle: "label/S/medium", lineHeight: "1.2", truncate: !0, children: o.label }) : /* @__PURE__ */ a(Be, { height: "12px", width: "4rem", borderRadius: "xs" }) }, o.id);
+function on(e) {
+	return /* @__PURE__ */ K(H.ColumnHeader, {
+		textTransform: "none",
+		borderRight: "1px solid",
+		_last: { borderRight: "none" },
+		borderColor: "border.subtle",
+		paddingX: "xs",
+		paddingY: "xs",
+		whiteSpace: "nowrap",
+		children: e.label ? /* @__PURE__ */ K(U, {
+			as: "div",
+			textStyle: "label/S/medium",
+			lineHeight: "1.2",
+			truncate: !0,
+			children: e.label
+		}) : /* @__PURE__ */ K(V, {
+			height: "12px",
+			width: "4rem",
+			borderRadius: "xs"
+		})
+	}, e.id);
 }
-export {
-  jl as DataTable,
-  El as DataTableSkeleton,
-  Do as FriendlyJsonDisplay,
-  Tt as formatDisplayValue,
-  zt as getIcon
-};
-//# sourceMappingURL=data-table.js.map
+//#endregion
+export { tn as DataTable, rn as DataTableSkeleton, St as FriendlyJsonDisplay, d as formatDisplayValue, f as getIcon };
+
+//# sourceMappingURL=data-table.js.map