@pibit.ai/cure-design-system 0.5.11 → 0.5.12

package/dist/patterns/table-component/TableComponent.js

@@ -1,485 +1,861 @@
-import { jsx as i, jsxs as m, Fragment as sn } from "react/jsx-runtime";
-import { forwardRef as ln, useCallback as A, useMemo as v, useRef as oe, useState as Ne, useLayoutEffect as an, Fragment as dn } from "react";
-import { functionalUpdate as Ye, useTable as cn } from "@tanstack/react-table";
-import { ArrowDown as un, ChevronSelectorVertical as mn, ChevronRight as $e } from "@untitledui/icons";
-import { Checkbox as Ue } from "../../primitives/checkbox/checkbox.js";
-import { ShimmerLine as fn } from "../../primitives/shimmer/shimmer.js";
-import { cn as d } from "../../utils/cn.js";
-import { selectionFromSingleCell as pn, getCellRangeVisualState as bn, cellRangeEdgeBoxShadow as hn } from "../table/cellRangeSelection.js";
-import { useCellRangeSelection as gn } from "./useCellRangeSelection.js";
-import { useRowReorderDrag as xn } from "./useRowReorderDrag.js";
-import { GridNavProvider as yn } from "../table/useGridKeyboardNavigation.js";
-import { ROW_DRAG_SOURCE_STYLE as wn, ROW_SOURCE_INDEX_ATTR as vn, ROW_REORDER_ATTR as Cn, FloatingRowPreview as Sn, DropIndicatorLine as In } from "../table/rowReorderDrag.js";
-import { buildTableComponentColumns as Nn } from "./buildTableColumns.js";
-import { HEADER_PADDING_CLASS as En, ROW_HEIGHT_CLASS as Ze, CELL_PADDING_CLASS as He } from "./rowMetrics.js";
-import { tableComponentFeatures as Tn } from "./tableFeatures.js";
-import { TableZoomControl as _n } from "../table/TableZoomControl.js";
-import { useFitTableToViewport as Ln } from "../table/useFitTableToViewport.js";
-import { useTableZoomState as Rn } from "../table/useTableZoomState.js";
-import { DEFAULT_TABLE_ZOOM_MIN as Wn, parsePxValue as Ee, DEFAULT_ZOOMABLE_COLUMN_MIN_WIDTH as qe, supportsCssZoom as Dn, computeFillBaseWidth as kn, computeEffectiveTableWidth as On, computeFlexColumnWidth as zn, getTableZoomFontSize as An, computeNeedsHorizontalScroll as Fn, DEFAULT_COLUMN_MAX_WIDTH as Pn } from "../table/tableZoomLayout.js";
-const Vn = 5, jn = Dn(), Mn = (r) => r === "center" ? "text-center" : r === "right" ? "text-right" : "text-left", Ge = (r) => r === "center" ? "justify-center" : r === "right" ? "justify-end" : "justify-start", ne = (r, l) => {
-  const c = r.__sourceIndex;
-  return typeof c == "number" ? c : Number.isFinite(l) ? l : null;
-}, Be = (r) => r instanceof HTMLElement && !!r.closest(
+import { jsx as s, jsxs as x, Fragment as Bt } from "react/jsx-runtime";
+import { forwardRef as jt, useCallback as f, useMemo as M, useRef as S, useState as K, useLayoutEffect as Pt, useSyncExternalStore as or, useEffect as ir, Fragment as sr, useImperativeHandle as lr } from "react";
+import { createPortal as nt } from "react-dom";
+import { functionalUpdate as Yt, useTable as ar } from "@tanstack/react-table";
+import { ArrowDown as cr, ChevronSelectorVertical as dr, ChevronRight as Wt } from "@untitledui/icons";
+import { Checkbox as Ot } from "../../primitives/checkbox/checkbox.js";
+import { ShimmerLine as ur } from "../../primitives/shimmer/shimmer.js";
+import { cn as w } from "../../utils/cn.js";
+import { selectionFromSingleCell as mr, getCellRangeVisualState as pr, cellRangeEdgeBoxShadow as fr } from "../table/cellRangeSelection.js";
+import { useCellRangeSelection as gr } from "./useCellRangeSelection.js";
+import { useRowReorderDrag as hr } from "./useRowReorderDrag.js";
+import { GridNavProvider as br } from "../table/useGridKeyboardNavigation.js";
+import { ROW_DRAG_SOURCE_STYLE as wr, ROW_SOURCE_INDEX_ATTR as xr, ROW_REORDER_ATTR as yr, FloatingRowPreview as vr, DropIndicatorLine as Cr } from "../table/rowReorderDrag.js";
+import { buildTableComponentColumns as Sr } from "./buildTableColumns.js";
+import { resolveColumnDropTarget as Ir, getRenderedColumnPreviewValues as Er, previewCellValue as Lr, getColumnDragViewport as Rr, COLUMN_REORDER_PARENT_ATTR as Nr, COLUMN_REORDER_ID_ATTR as Tr, getColumnDragScrollDelta as Dr, COLUMN_DRAG_THRESHOLD_PX as Mt } from "./columnReorderDrag.js";
+import { HEADER_PADDING_CLASS as _r, ROW_HEIGHT_CLASS as kt, CELL_PADDING_CLASS as At } from "./rowMetrics.js";
+import { tableComponentFeatures as zr } from "./tableFeatures.js";
+import { TableZoomControl as Pr } from "../table/TableZoomControl.js";
+import { useFitTableToViewport as Wr } from "../table/useFitTableToViewport.js";
+import { useTableZoomState as Or } from "../table/useTableZoomState.js";
+import { DEFAULT_TABLE_ZOOM_MIN as Mr, parsePxValue as De, DEFAULT_ZOOMABLE_COLUMN_MIN_WIDTH as Qe, supportsCssZoom as kr, computeFillBaseWidth as Ar, computeEffectiveTableWidth as Fr, computeFlexColumnWidth as Vr, getTableZoomFontSize as $r, computeNeedsHorizontalScroll as Hr, DEFAULT_COLUMN_MAX_WIDTH as Xr } from "../table/tableZoomLayout.js";
+const Ur = 5, Br = 120, jr = 800, Yr = ({ preview: o }) => nt(
+  /* @__PURE__ */ x(
+    "div",
+    {
+      "aria-hidden": !0,
+      "data-column-drag-preview": "",
+      className: "pointer-events-none fixed z-(--z-index-drag-overlay) overflow-hidden rounded-md bg-primary shadow-lg cursor-grabbing",
+      style: {
+        left: o.left + 12,
+        top: o.top + 12,
+        width: o.width,
+        height: o.height,
+        border: "1px solid var(--color-border-brand, var(--color-brand-500, #7f56d9))"
+      },
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex h-9 items-center truncate bg-secondary_subtle px-3 text-xs font-medium text-secondary", children: o.label }),
+        o.values.map((l, u) => /* @__PURE__ */ s(
+          "div",
+          {
+            className: "flex h-9 items-center truncate border-t border-secondary px-3 text-xs text-secondary",
+            children: l
+          },
+          `${o.columnId}-${u}`
+        ))
+      ]
+    }
+  ),
+  document.body
+), Kr = ({
+  target: o
+}) => nt(
+  /* @__PURE__ */ s(
+    "div",
+    {
+      "aria-hidden": !0,
+      className: "pointer-events-none fixed z-(--z-index-drag-indicator) w-0.5 bg-brand-600",
+      style: {
+        left: o.lineLeft - 1,
+        top: o.lineTop,
+        height: o.lineHeight
+      }
+    }
+  ),
+  document.body
+), Zr = jt(
+  function(l, u) {
+    const y = S(null), I = S(null);
+    return lr(
+      u,
+      () => ({
+        show: (g, E) => {
+          const h = I.current, A = y.current;
+          !h || !A || (h.style.display = "", h.style.left = `${g.lineLeft}px`, h.style.top = `${g.top}px`, h.style.height = `${g.height}px`, h.style.opacity = E ? "1" : "0.7", A.style.display = E ? "" : "none", A.style.left = `${g.columnLeft}px`, A.style.top = `${g.top}px`, A.style.height = `${g.height}px`);
+        },
+        hide: () => {
+          I.current && (I.current.style.display = "none"), y.current && (y.current.style.display = "none");
+        }
+      }),
+      []
+    ), nt(
+      /* @__PURE__ */ x(Bt, { children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            ref: y,
+            "aria-hidden": !0,
+            className: "pointer-events-none fixed z-(--z-index-drag-indicator) w-px bg-border-secondary",
+            style: { display: "none" }
+          }
+        ),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            ref: I,
+            "aria-hidden": !0,
+            "data-column-resize-guide": "",
+            className: "pointer-events-none fixed z-(--z-index-drag-indicator) w-px bg-brand-600",
+            style: { display: "none" }
+          }
+        )
+      ] }),
+      document.body
+    );
+  }
+), Gr = () => or(
+  () => () => {
+  },
+  () => !0,
+  () => !1
+), qr = kr(), Jr = (o) => o === "center" ? "text-center" : o === "right" ? "text-right" : "text-left", Ft = (o) => o === "center" ? "justify-center" : o === "right" ? "justify-end" : "justify-start", Te = (o, l) => {
+  const u = o.__sourceIndex;
+  return typeof u == "number" ? u : Number.isFinite(l) ? l : null;
+}, Vt = (o) => o instanceof HTMLElement && !!o.closest(
   'button,a,input,textarea,select,[contenteditable]:not([contenteditable="false"]),[role="button"],[role="menuitem"]'
-), z = (r, l, c) => {
-  const [L, R] = Ne(l), f = r ?? L, C = oe(f), p = oe(c);
-  C.current = f, p.current = c;
-  const ie = A(
-    (g) => {
-      var x;
-      const I = Ye(g, C.current);
-      C.current = I, r === void 0 && R(I), (x = p.current) == null || x.call(p, I);
+), ne = (o, l, u) => {
+  const [y, I] = K(l), g = o ?? y, E = S(g), h = S(u);
+  E.current = g, h.current = u;
+  const A = f(
+    (_) => {
+      var z;
+      const V = Yt(_, E.current);
+      E.current = V, o === void 0 && I(V), (z = h.current) == null || z.call(h, V);
     },
-    [r]
+    [o]
   );
-  return [f, ie];
-}, Kn = (r, l) => {
-  if (!r) return;
-  const c = r.sticky ? {
+  return [g, A];
+}, $t = (o, l) => {
+  if (!o) return;
+  const u = o.sticky ? {
     position: "sticky",
-    [r.sticky]: r.stickyOffset ?? 0,
+    [o.sticky]: o.stickyOffset ?? 0,
     zIndex: l ? 30 : 20,
     backgroundColor: l ? "var(--color-bg-secondary-subtle)" : "var(--color-bg-primary)",
-    boxShadow: l || !r.sticky ? void 0 : r.sticky === "right" ? "inset 2px 0 0 0 var(--color-border-tertiary)" : "inset -2px 0 0 0 var(--color-border-tertiary)"
+    boxShadow: l || !o.sticky ? void 0 : o.sticky === "right" ? "inset 2px 0 0 0 var(--color-border-tertiary)" : "inset -2px 0 0 0 var(--color-border-tertiary)"
   } : {};
   return {
-    width: r.width,
-    minWidth: r.minWidth ?? r.width ?? `${re}px`,
-    maxWidth: r.maxWidth ?? Pn,
-    ...c
+    width: o.width,
+    minWidth: o.minWidth ?? o.width ?? `${_e}px`,
+    maxWidth: o.maxWidth ?? Xr,
+    ...u
   };
-}, re = 120, Ie = (r) => !!(r.maxWidth && r.sticky === "right"), $n = (r, l = re) => Ee(r.minWidth) || l, Xe = (r, l, c, L) => {
-  if (l === "multiple") return r;
-  if (r === !0) return L ? { [L]: !0 } : {};
-  const R = c && c !== !0 ? new Set(
-    Object.keys(c).filter((p) => c[p])
-  ) : /* @__PURE__ */ new Set(), f = Object.keys(r).filter((p) => r[p]), C = f.find((p) => !R.has(p)) ?? f[0];
-  return C ? { [C]: !0 } : {};
+}, _e = 120, Ht = (o) => {
+  if (typeof o == "number") return Number.isFinite(o) ? o : void 0;
+  if (typeof o != "string") return;
+  const l = o.trim().match(/^(\d+(?:\.\d+)?)px$/);
+  return l ? Number(l[1]) : void 0;
+}, Qr = (o, l) => {
+  const u = Ht(o == null ? void 0 : o.minWidth) ?? l, y = Math.max(
+    u,
+    Ht(o == null ? void 0 : o.maxWidth) ?? jr
+  );
+  return { min: u, max: y };
+}, et = (o, l, u) => {
+  const { min: y, max: I } = Qr(o, u);
+  return Math.round(Math.min(I, Math.max(y, l)));
+}, Xt = (o, l) => {
+  if (!l) return;
+  const u = o[l];
+  return typeof u == "number" && Number.isFinite(u) ? u : void 0;
+}, tt = (o) => !!(o.maxWidth && o.sticky === "right"), eo = (o, l = _e) => De(o.minWidth) || l, Ut = (o, l, u, y) => {
+  if (l === "multiple") return o;
+  if (o === !0) return y ? { [y]: !0 } : {};
+  const I = u && u !== !0 ? new Set(
+    Object.keys(u).filter((h) => u[h])
+  ) : /* @__PURE__ */ new Set(), g = Object.keys(o).filter((h) => o[h]), E = g.find((h) => !I.has(h)) ?? g[0];
+  return E ? { [E]: !0 } : {};
 };
-function Un({
-  data: r,
+function to({
+  data: o,
   columns: l,
-  getRowId: c,
-  ariaLabel: L,
-  headerGroups: R,
-  size: f = "xs",
-  loading: C = !1,
-  loadingRowCount: p = Vn,
-  emptyState: ie = "No data found",
-  showBorders: g = !1,
-  removeRowBorders: I = !1,
-  fillWidth: x = !1,
-  zoom: Je,
-  zoomDisabled: Qe = !1,
-  className: Te,
-  rootClassName: et,
-  tableClassName: tt,
-  headerClassName: nt,
-  getRowClassName: se,
-  onRowClick: le,
-  onRowHover: $,
-  toolbar: ot,
-  renderToolbar: ae,
-  pagination: _e,
-  summaryRow: rt,
-  rowGroups: F,
-  renderGroupHeader: de,
-  collapsedGroupIds: it,
-  defaultCollapsedGroupIds: st = [],
-  onCollapsedGroupIdsChange: lt,
-  enableSorting: Le = !1,
-  sorting: at,
-  defaultSorting: dt = [],
-  onSortingChange: ct,
-  columnVisibility: ut,
-  defaultColumnVisibility: mt = {},
-  onColumnVisibilityChange: ft,
-  columnOrder: pt,
-  defaultColumnOrder: bt = [],
-  onColumnOrderChange: ht,
-  selectionMode: U = "none",
-  rowSelection: gt,
-  defaultRowSelection: xt = {},
-  onRowSelectionChange: yt,
-  expanded: wt,
-  defaultExpanded: vt = {},
-  onExpandedChange: Ct,
-  expansionMode: ce = "multiple",
-  getRowCanExpand: ue,
-  renderExpandedContent: Z,
-  onCellClick: me,
-  onCellDoubleClick: fe,
-  onCellActivate: W,
-  cellSelection: H,
-  onCellSelectionChange: P,
-  onCopyCells: St,
-  onPasteCells: It,
-  onClearCells: Nt,
-  onReorderRows: Re,
-  enableRowReorder: Et,
-  activateOnSingleClick: Tt
-}, q) {
-  var Me;
-  const { zoomConfig: N, zoomPercent: V, setZoomPercent: We } = Rn(Je), y = N !== null && jn, j = y ? V / 100 : 1, G = y ? An(V) : void 0, _t = (N == null ? void 0 : N.minZoom) ?? Wn, [Lt, Rt] = z(
-    at,
-    dt,
-    ct
-  ), [Wt, Dt] = z(
-    ut,
-    mt,
-    ft
-  ), [kt, Ot] = z(
-    pt,
-    bt,
-    ht
-  ), [zt, At] = z(
-    gt,
-    xt,
-    yt
-  ), [Ft, De] = z(
-    wt,
-    vt,
-    Ct
-  ), pe = r.length > 0 ? c(r[0], 0) : void 0, Pt = Xe(
-    Ft,
-    ce,
+  getRowId: u,
+  ariaLabel: y,
+  headerGroups: I,
+  size: g = "xs",
+  loading: E = !1,
+  loadingRowCount: h = Ur,
+  emptyState: A = "No data found",
+  showBorders: _ = !1,
+  removeRowBorders: V = !1,
+  fillWidth: z = !1,
+  zoom: Kt,
+  zoomDisabled: Zt = !1,
+  className: rt,
+  rootClassName: Gt,
+  tableClassName: qt,
+  headerClassName: Jt,
+  getRowClassName: ze,
+  onRowClick: Pe,
+  onRowHover: ue,
+  toolbar: Qt,
+  renderToolbar: We,
+  pagination: ot,
+  summaryRow: en,
+  rowGroups: re,
+  renderGroupHeader: Oe,
+  collapsedGroupIds: tn,
+  defaultCollapsedGroupIds: nn = [],
+  onCollapsedGroupIdsChange: rn,
+  enableSorting: it = !1,
+  sorting: on,
+  defaultSorting: sn = [],
+  onSortingChange: ln,
+  columnVisibility: an,
+  defaultColumnVisibility: cn = {},
+  onColumnVisibilityChange: dn,
+  columnOrder: un,
+  defaultColumnOrder: mn = [],
+  onColumnOrderChange: pn,
+  enableColumnReorder: fn = !1,
+  enableColumnResize: gn = !1,
+  columnWidths: oe = {},
+  onColumnWidthsChange: me,
+  selectionMode: pe = "none",
+  rowSelection: hn,
+  defaultRowSelection: bn = {},
+  onRowSelectionChange: wn,
+  expanded: xn,
+  defaultExpanded: yn = {},
+  onExpandedChange: vn,
+  expansionMode: Me = "multiple",
+  getRowCanExpand: ke,
+  renderExpandedContent: fe,
+  onCellClick: Ae,
+  onCellDoubleClick: Fe,
+  onCellActivate: Z,
+  cellSelection: ge,
+  onCellSelectionChange: ie,
+  onCopyCells: Cn,
+  onPasteCells: Sn,
+  onClearCells: In,
+  onReorderRows: st,
+  enableRowReorder: En,
+  activateOnSingleClick: Ln
+}, he) {
+  var _t;
+  const { zoomConfig: $, zoomPercent: se, setZoomPercent: lt } = Or(Kt), R = $ !== null && qr, H = R ? se / 100 : 1, be = R ? $r(se) : void 0, Rn = ($ == null ? void 0 : $.minZoom) ?? Mr, le = R ? De(Qe) : Br, [Nn, Tn] = ne(
+    on,
+    sn,
+    ln
+  ), [Dn, _n] = ne(
+    an,
+    cn,
+    dn
+  ), [zn, Ve] = ne(
+    un,
+    mn,
+    pn
+  ), [Pn, Wn] = ne(
+    hn,
+    bn,
+    wn
+  ), [On, at] = ne(
+    xn,
+    yn,
+    vn
+  ), $e = o.length > 0 ? u(o[0], 0) : void 0, Mn = Ut(
+    On,
+    Me,
     void 0,
-    pe
-  ), Vt = A(
-    (e) => {
-      De(
-        (t) => Xe(
-          Ye(e, t),
-          ce,
-          t,
-          pe
+    $e
+  ), kn = f(
+    (t) => {
+      at(
+        (e) => Ut(
+          Yt(t, e),
+          Me,
+          e,
+          $e
         )
       );
     },
-    [ce, pe, De]
-  ), [ke, Oe] = z(
-    it,
-    st,
-    lt
-  ), be = v(
-    () => new Set(ke),
-    [ke]
-  ), jt = A(
-    (e) => Oe(
-      (t) => t.includes(e) ? t.filter((o) => o !== e) : [...t, e]
+    [Me, $e, at]
+  ), [ct, dt] = ne(
+    tn,
+    nn,
+    rn
+  ), He = M(
+    () => new Set(ct),
+    [ct]
+  ), An = f(
+    (t) => dt(
+      (e) => e.includes(t) ? e.filter((r) => r !== t) : [...e, t]
     ),
-    [Oe]
-  ), D = oe(null), [M, ze] = Ne(null), Mt = Ln({
-    containerRef: D,
-    zoomConfig: N,
-    zoomPercent: V,
-    setZoomPercent: We
+    [dt]
+  ), F = S(null), [ae, ut] = K(null), Fn = Wr({
+    containerRef: F,
+    zoomConfig: $,
+    zoomPercent: se,
+    setZoomPercent: lt
   });
-  an(() => {
-    if (!x) {
-      ze(null);
+  Pt(() => {
+    if (!z) {
+      ut(null);
       return;
     }
-    const e = D.current;
-    if (!e || typeof ResizeObserver > "u") return;
-    const t = () => {
-      const n = e.clientWidth;
-      n > 0 && ze(
-        (s) => s === n ? s : n
+    const t = F.current;
+    if (!t || typeof ResizeObserver > "u") return;
+    const e = () => {
+      const n = t.clientWidth;
+      n > 0 && ut(
+        (i) => i === n ? i : n
       );
     };
-    t();
-    const o = new ResizeObserver(t);
-    return o.observe(e), () => o.disconnect();
-  }, [x, l.length, r.length, C]);
-  const b = v(() => {
-    if (!x) return null;
-    const e = l.reduce(
-      (n, s) => Ie(s) ? n + Ee(s.maxWidth) : n,
-      0
-    ), t = l.filter((n) => !Ie(n));
-    return { minTableWidth: t.reduce(
-      (n, s) => n + $n(
-        s,
-        y ? Ee(qe) : re
+    e();
+    const r = new ResizeObserver(e);
+    return r.observe(t), () => r.disconnect();
+  }, [z, l.length, o.length, E]);
+  const N = M(() => {
+    if (!z) return null;
+    const t = (i) => {
+      const a = Xt(oe, i.id);
+      return a === void 0 ? void 0 : et(i, a, le);
+    }, e = l.reduce((i, a) => {
+      const d = t(a);
+      return d !== void 0 ? i + d : tt(a) ? i + De(a.maxWidth) : i;
+    }, 0), r = l.filter(
+      (i) => t(i) === void 0 && !tt(i)
+    );
+    return { minTableWidth: r.reduce(
+      (i, a) => i + eo(
+        a,
+        R ? De(Qe) : _e
       ),
       0
-    ) + e, fixedTotal: e, flexibleCount: t.length };
-  }, [x, l, y]), he = v(
-    () => b ? kn(M, b.minTableWidth) : null,
-    [M, b]
-  ), ge = Fn(
-    he,
-    M,
-    j
-  ), B = v(
-    () => On(he, M, j),
-    [he, M, j]
-  ), Ae = v(() => !b || b.flexibleCount === 0 ? null : zn(
-    B,
-    b.fixedTotal,
-    b.flexibleCount
-  ), [b, B]), X = (e, t) => {
-    const o = Kn(e, t);
-    return !x || !e ? o : Ie(e) ? {
-      ...o,
-      width: e.maxWidth,
-      minWidth: e.maxWidth,
-      maxWidth: e.maxWidth
-    } : Ae == null ? o : {
-      ...o,
-      width: `${Ae}px`,
-      minWidth: e.minWidth ?? (y ? qe : `${re}px`)
+    ) + e, fixedTotal: e, flexibleCount: r.length };
+  }, [z, l, oe, R, le]), Xe = M(
+    () => N ? Ar(ae, N.minTableWidth) : null,
+    [ae, N]
+  ), Ue = Hr(
+    Xe,
+    ae,
+    H
+  ), we = M(
+    () => Fr(Xe, ae, H),
+    [Xe, ae, H]
+  ), mt = M(() => !N || N.flexibleCount === 0 ? null : Vr(
+    we,
+    N.fixedTotal,
+    N.flexibleCount
+  ), [N, we]), xe = (t, e) => {
+    const r = Xt(oe, t == null ? void 0 : t.id);
+    if (r !== void 0) {
+      const i = `${et(t, r, le)}px`;
+      return { ...$t(t, e), width: i, minWidth: i, maxWidth: i };
+    }
+    const n = $t(t, e);
+    return !z || !t ? n : tt(t) ? {
+      ...n,
+      width: t.maxWidth,
+      minWidth: t.maxWidth,
+      maxWidth: t.maxWidth
+    } : mt == null ? n : {
+      ...n,
+      width: `${mt}px`,
+      minWidth: t.minWidth ?? (R ? Qe : `${_e}px`)
     };
-  }, xe = v(
-    () => new Map(l.map((e) => [e.id, e])),
+  }, ce = M(
+    () => new Map(l.map((t) => [t.id, t])),
     [l]
-  ), Kt = v(
-    () => Nn(l, R),
-    [l, R]
-  ), S = cn({
-    features: Tn,
-    data: r,
-    columns: Kt,
-    getRowId: c,
-    enableSorting: Le,
+  ), Vn = M(
+    () => Sr(l, I),
+    [l, I]
+  ), C = ar({
+    features: zr,
+    data: o,
+    columns: Vn,
+    getRowId: u,
+    enableSorting: it,
     enableCellSpanning: !0,
-    enableRowSelection: U !== "none",
-    enableMultiRowSelection: U === "multiple",
-    getRowCanExpand: ue && Z ? (e) => ue(e.original) : () => !1,
+    enableRowSelection: pe !== "none",
+    enableMultiRowSelection: pe === "multiple",
+    getRowCanExpand: ke && fe ? (t) => ke(t.original) : () => !1,
     state: {
-      sorting: Lt,
-      columnVisibility: Wt,
-      columnOrder: kt,
-      rowSelection: zt,
-      expanded: Pt
+      sorting: Nn,
+      columnVisibility: Dn,
+      columnOrder: zn,
+      rowSelection: Pn,
+      expanded: Mn
+    },
+    onSortingChange: Tn,
+    onColumnVisibilityChange: _n,
+    onColumnOrderChange: Ve,
+    onRowSelectionChange: Wn,
+    onExpandedChange: kn
+  }), [Be, pt] = K(null), [ft, gt] = K(null), [ht, je] = K(null), X = S(null), de = S(null), B = S(0), Ye = fn && l.length > 1, ye = gn && !!me, T = S(null), j = S(null), bt = S(oe);
+  bt.current = oe;
+  const [wt, xt] = K(null), G = S(null), k = S(null), $n = Gr(), Y = C.getRowModel().rows, q = f(() => {
+    var t;
+    (t = de.current) == null || t.call(de), de.current = null, B.current && (cancelAnimationFrame(B.current), B.current = 0);
+  }, []), yt = f(() => {
+    X.current = null, pt(null), gt(null), je(null);
+  }, []), vt = f(
+    (t, e, r) => {
+      if (t === e) return;
+      const n = C.getAllLeafColumns().map((p) => p.id), i = n.indexOf(t), a = n.indexOf(e);
+      if (i < 0 || a < 0) return;
+      const d = n.filter(
+        (p) => p !== t
+      ), P = d.indexOf(e);
+      d.splice(
+        P + (r === "after" ? 1 : 0),
+        0,
+        t
+      ), Ve(d);
+    },
+    [Ve, C]
+  ), ve = f(
+    (t, e, r) => {
+      const n = Ir(t, e, r);
+      r.dropTarget = n, gt(n);
+    },
+    []
+  ), Ce = f(
+    (t) => {
+      const e = X.current, r = e == null ? void 0 : e.dropTarget, n = e == null ? void 0 : e.columnId, i = e == null ? void 0 : e.started;
+      q(), yt(), t && i && r && n && vt(n, r.columnId, r.position);
+    },
+    [
+      yt,
+      q,
+      vt
+    ]
+  ), Ct = f(() => {
+    if (B.current) return;
+    const t = () => {
+      var n;
+      const e = X.current;
+      if (!(e != null && e.started)) {
+        B.current = 0;
+        return;
+      }
+      const r = (n = e.tableViewport) == null ? void 0 : n.scrollContainer;
+      if (r) {
+        const i = Dr(r, e.currentX);
+        i !== 0 && (r.scrollLeft += i, ve(e.currentX, e.currentY, e));
+      }
+      B.current = requestAnimationFrame(t);
+    };
+    B.current = requestAnimationFrame(t);
+  }, [ve]), St = f(
+    (t, e) => {
+      const r = Er(
+        F.current,
+        t,
+        e
+      );
+      return r.length > 0 ? r : C.getRowModel().rows.slice(0, e).map((n) => Lr(n.getValue(t)));
+    },
+    [C]
+  );
+  ir(
+    () => () => {
+      var t, e;
+      q(), (t = T.current) == null || t.call(T), T.current = null, (e = k.current) == null || e.call(k), k.current = null, j.current = null, X.current = null;
+    },
+    [q]
+  );
+  const J = f(
+    (t) => {
+      var a;
+      const e = t == null ? void 0 : t.getBoundingClientRect(), r = (a = F.current) == null ? void 0 : a.getBoundingClientRect();
+      if (!e || !r) return null;
+      const n = e.top, i = r.width > 0 ? Math.min(
+        Math.max(e.right, r.left),
+        r.right - 1
+      ) : e.right;
+      return {
+        columnLeft: e.left,
+        lineLeft: i,
+        top: n,
+        height: Math.max(0, r.bottom - n)
+      };
+    },
+    []
+  ), It = f(
+    (t) => J(t.closest("th")),
+    [J]
+  ), Et = f(() => {
+    const t = j.current, e = F.current;
+    if (!t || !e || e.scrollWidth <= e.clientWidth) return;
+    const r = t.getBoundingClientRect(), n = e.getBoundingClientRect(), i = r.right - n.right;
+    i > 0 && (e.scrollLeft += i);
+  }, []), Se = f(() => {
+    var e;
+    Et();
+    const t = J(j.current);
+    t && ((e = G.current) == null || e.show(t, !0));
+  }, [Et, J]), D = f(() => {
+    var t, e;
+    (t = k.current) == null || t.call(k), k.current = null, (e = G.current) == null || e.hide();
+  }, []), Lt = f(
+    (t) => {
+      var n;
+      if (j.current) return;
+      const e = It(t);
+      if (!e || ((n = G.current) == null || n.show(e, !1), k.current)) return;
+      const r = { capture: !0, passive: !0 };
+      window.addEventListener("scroll", D, r), window.addEventListener("wheel", D, r), window.addEventListener("touchmove", D, r), window.addEventListener("resize", D), k.current = () => {
+        window.removeEventListener("scroll", D, r), window.removeEventListener("wheel", D, r), window.removeEventListener("touchmove", D, r), window.removeEventListener("resize", D);
+      };
+    },
+    [It, D]
+  );
+  Pt(() => {
+    wt && Se();
+  });
+  const Hn = f(
+    (t, e) => {
+      var Ne, zt;
+      if (!ye || e.button !== 0 || !me)
+        return;
+      e.preventDefault(), e.stopPropagation(), (Ne = T.current) == null || Ne.call(T);
+      const r = e.currentTarget.closest("th");
+      if (!r) return;
+      const n = ce.get(t), i = r.getBoundingClientRect().width / H, a = e.clientX, d = e.pointerId, P = document.body.style.cursor, p = document.body.style.userSelect;
+      document.body.style.userSelect = "none";
+      const m = document.createElement("style");
+      m.textContent = "*, *::before, *::after { cursor: col-resize !important; }", document.head.appendChild(m), D(), j.current = r, xt(t);
+      const c = J(r);
+      c && ((zt = G.current) == null || zt.show(c, !0));
+      let b = null;
+      const W = () => {
+        var U, te;
+        (U = T.current) == null || U.call(T), T.current = null, j.current = null, xt(null), (te = G.current) == null || te.hide();
+      }, O = (U) => {
+        if (U.pointerId !== d) return;
+        U.preventDefault();
+        const te = et(
+          n,
+          i + (U.clientX - a) / H,
+          le
+        );
+        te !== b && (b = te, me({ ...bt.current, [t]: te }));
+      }, v = (U) => {
+        U.pointerId === d && W();
+      };
+      window.addEventListener("pointermove", O), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), window.addEventListener("scroll", Se, !0), window.addEventListener("blur", W), T.current = () => {
+        window.removeEventListener("pointermove", O), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v), window.removeEventListener("scroll", Se, !0), window.removeEventListener("blur", W), m.remove(), document.body.style.cursor = P, document.body.style.userSelect = p;
+      };
     },
-    onSortingChange: Rt,
-    onColumnVisibilityChange: Dt,
-    onColumnOrderChange: Ot,
-    onRowSelectionChange: At,
-    onExpandedChange: Vt
-  }), Y = U !== "none", $t = !!(ue && Z), Ut = Y ? 1 : 0, Zt = S.getVisibleLeafColumns().length, J = Math.max(
-    Zt + Ut,
+    [
+      ye,
+      ce,
+      D,
+      J,
+      me,
+      le,
+      Se,
+      H
+    ]
+  ), Xn = f(
+    (t, e, r) => {
+      if (Ye)
+        return {
+          [Tr]: t,
+          [Nr]: e,
+          onPointerDown: (n) => {
+            if (n.button !== 0 || n.target.closest(
+              "[data-column-reorder-ignore]"
+            ))
+              return;
+            q();
+            const i = n.currentTarget.getBoundingClientRect();
+            X.current = {
+              columnId: t,
+              parentId: e,
+              label: r,
+              bounds: i,
+              tableViewport: Rr(n.currentTarget),
+              pointerId: n.pointerId,
+              startX: n.clientX,
+              startY: n.clientY,
+              currentX: n.clientX,
+              currentY: n.clientY,
+              started: !1,
+              dropTarget: null
+            };
+            try {
+              n.currentTarget.setPointerCapture(n.pointerId);
+            } catch {
+            }
+            const a = (m) => {
+              var W;
+              const c = X.current;
+              if (!c || c.pointerId !== m.pointerId) return;
+              c.currentX = m.clientX, c.currentY = m.clientY;
+              const b = Math.abs(m.clientX - c.startX) > Mt || Math.abs(m.clientY - c.startY) > Mt;
+              if (!(!c.started && !b)) {
+                if (m.preventDefault(), c.started)
+                  je(
+                    (O) => O && {
+                      ...O,
+                      left: m.clientX,
+                      top: m.clientY
+                    }
+                  );
+                else {
+                  c.started = !0;
+                  const O = ((W = c.tableViewport) == null ? void 0 : W.height) || c.bounds.height || 36, v = c.bounds.height || 36, Ne = Math.max(
+                    1,
+                    Math.ceil(
+                      (O - v) / v
+                    )
+                  );
+                  pt(c.columnId), je({
+                    columnId: c.columnId,
+                    label: c.label,
+                    values: St(c.columnId, Ne),
+                    left: m.clientX,
+                    top: m.clientY,
+                    width: c.bounds.width,
+                    height: O
+                  }), Ct();
+                }
+                ve(m.clientX, m.clientY, c);
+              }
+            }, d = (m) => {
+              const c = X.current;
+              !c || c.pointerId !== m.pointerId || Ce(!0);
+            }, P = (m) => {
+              const c = X.current;
+              !c || c.pointerId !== m.pointerId || Ce(!1);
+            }, p = () => Ce(!1);
+            window.addEventListener("pointermove", a), window.addEventListener("pointerup", d), window.addEventListener("pointercancel", P), window.addEventListener("blur", p), de.current = () => {
+              window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", P), window.removeEventListener("blur", p);
+            };
+          }
+        };
+    },
+    [
+      ve,
+      Ye,
+      q,
+      Ce,
+      St,
+      Ct
+    ]
+  ), Ie = pe !== "none", Un = !!(ke && fe), Bn = Ie ? 1 : 0, jn = C.getVisibleLeafColumns().length, Ee = Math.max(
+    jn + Bn,
     1
-  ), Ht = Math.max(S.getHeaderGroups().length, 1), T = S.getRowModel().rows, ye = y && N ? /* @__PURE__ */ i(
-    _n,
+  ), Yn = Math.max(C.getHeaderGroups().length, 1), Ke = R && $ ? /* @__PURE__ */ s(
+    Pr,
     {
-      value: V,
-      minValue: _t,
-      maxValue: N.maxZoom,
-      step: N.step,
-      onChange: We,
-      onFitToViewport: Mt,
-      isDisabled: Qe
+      value: se,
+      minValue: Rn,
+      maxValue: $.maxZoom,
+      step: $.step,
+      onChange: lt,
+      onFitToViewport: Fn,
+      isDisabled: Zt
     }
-  ) : null, Fe = ae ? ae({ zoomControl: ye, zoomPercent: V }) : ot, Pe = !ae && ye ? /* @__PURE__ */ i("div", { className: "flex justify-end", children: ye }) : null, qt = !!(Fe || Pe || _e), Gt = v(() => {
-    const e = y ? {
-      zoom: j,
-      "--table-zoom-font-size": G ? `${G}px` : void 0
+  ) : null, Rt = We ? We({ zoomControl: Ke, zoomPercent: se }) : Qt, Nt = !We && Ke ? /* @__PURE__ */ s("div", { className: "flex justify-end", children: Ke }) : null, Kn = !!(Rt || Nt || ot), Zn = M(() => {
+    const t = R ? {
+      zoom: H,
+      "--table-zoom-font-size": be ? `${be}px` : void 0
     } : void 0;
-    return !x || !b ? y ? { ...e, width: "max-content", minWidth: "100%" } : void 0 : y ? {
-      ...e,
+    return !z || !N ? R ? { ...t, width: "max-content", minWidth: "100%" } : void 0 : R ? {
+      ...t,
       tableLayout: "fixed",
-      width: `${B ?? b.minTableWidth}px`
+      width: `${we ?? N.minTableWidth}px`
     } : {
       tableLayout: "fixed",
-      width: ge ? `${b.minTableWidth}px` : "100%"
+      width: Ue ? `${N.minTableWidth}px` : "100%"
     };
   }, [
-    B,
-    x,
-    b,
-    ge,
-    y,
-    j,
-    G
-  ]), Bt = oe(
+    we,
+    z,
+    N,
+    Ue,
+    R,
+    H,
+    be
+  ]), Gn = S(
     null
-  ), [k, Xt] = Ne(null), Yt = !!W, Jt = A(
-    (e, t, o) => {
-      if (Bt.current = { rowId: e, columnKey: t }, !P) return;
-      const n = H;
-      n != null && n.anchor.rowId === e && n.anchor.columnKey === t && n.focus.rowId === e && n.focus.columnKey === t || P(
-        pn({
-          rowId: e,
-          columnKey: t,
-          sourceIndex: o ?? null
+  ), [Q, qn] = K(null), Jn = !!Z, Qn = f(
+    (t, e, r) => {
+      if (Gn.current = { rowId: t, columnKey: e }, !ie) return;
+      const n = ge;
+      n != null && n.anchor.rowId === t && n.anchor.columnKey === e && n.focus.rowId === t && n.focus.columnKey === e || ie(
+        mr({
+          rowId: t,
+          columnKey: e,
+          sourceIndex: r ?? null
         })
       );
     },
-    [P, H]
-  ), Qt = A(
-    (e) => {
-      Xt((t) => t === e || t && e && t.rowId === e.rowId && t.columnKey === e.columnKey ? t : e);
+    [ie, ge]
+  ), er = f(
+    (t) => {
+      qn((e) => e === t || e && t && e.rowId === t.rowId && e.columnKey === t.columnKey ? e : t);
     },
     []
-  ), Q = !!Re && Et !== !1, u = xn({
-    enabled: Q,
-    onReorderRows: Re,
-    containerRef: D
-  }), en = A(
-    (e, t, o) => {
+  ), Le = !!st && En !== !1, L = hr({
+    enabled: Le,
+    onReorderRows: st,
+    containerRef: F
+  }), tr = f(
+    (t, e, r) => {
       var n;
       return {
-        row: e.original,
-        rowId: e.id,
-        columnId: t,
-        value: o,
-        rowIndex: e.index,
-        sourceIndex: ne(e.original, e.index),
-        isRowDragging: ((n = u.session) == null ? void 0 : n.active) === !0 && u.session.rowId === e.id,
-        startRowDrag: Q ? (s) => u.startDrag(
-          s,
-          e.id,
-          ne(e.original, e.index) ?? e.index,
-          e.original
+        row: t.original,
+        rowId: t.id,
+        columnId: e,
+        value: r,
+        rowIndex: t.index,
+        sourceIndex: Te(t.original, t.index),
+        isRowDragging: ((n = L.session) == null ? void 0 : n.active) === !0 && L.session.rowId === t.id,
+        startRowDrag: Le ? (i) => L.startDrag(
+          i,
+          t.id,
+          Te(t.original, t.index) ?? t.index,
+          t.original
         ) : void 0
       };
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [Q, u.startDrag, u.session]
-  ), we = T.map((e) => e.id).join("\0"), ve = v(
-    () => we ? we.split("\0") : [],
-    [we]
-  ), Ce = S.getVisibleLeafColumns().map((e) => e.id).join("\0"), Se = v(
-    () => Ce ? Ce.split("\0") : [],
-    [Ce]
-  ), O = typeof P == "function", ee = gn({
-    enabled: O,
-    selection: H,
-    onSelectionChange: P,
-    onCopyCells: St,
-    onPasteCells: It,
-    onClearCells: Nt,
-    onActivateCell: W ? (e) => {
-      const t = T.find((o) => o.id === e.rowId);
-      t && W({
-        row: t.original,
-        rowId: e.rowId,
-        columnId: e.columnKey,
+    [Le, L.startDrag, L.session]
+  ), Ze = Y.map((t) => t.id).join("\0"), Ge = M(
+    () => Ze ? Ze.split("\0") : [],
+    [Ze]
+  ), qe = C.getVisibleLeafColumns().map((t) => t.id).join("\0"), Je = M(
+    () => qe ? qe.split("\0") : [],
+    [qe]
+  ), ee = typeof ie == "function", Re = gr({
+    enabled: ee,
+    selection: ge,
+    onSelectionChange: ie,
+    onCopyCells: Cn,
+    onPasteCells: Sn,
+    onClearCells: In,
+    onActivateCell: Z ? (t) => {
+      const e = Y.find((r) => r.id === t.rowId);
+      e && Z({
+        row: e.original,
+        rowId: t.rowId,
+        columnId: t.columnKey,
         value: void 0,
-        rowIndex: t.index,
-        sourceIndex: e.sourceIndex ?? ne(t.original, t.index)
+        rowIndex: e.index,
+        sourceIndex: t.sourceIndex ?? Te(e.original, e.index)
       });
     } : void 0,
-    activateOnSingleClick: Tt,
-    containerRef: D,
-    rowIds: ve,
-    columnKeys: Se
-  }), tn = v(() => {
-    if (!(F != null && F.length)) return T.map((n) => ({ kind: "row", row: n }));
-    const e = new Map(T.map((n) => [n.id, n])), t = /* @__PURE__ */ new Set(), o = [];
-    for (const n of F) {
-      const s = n.rowIds.map((h) => e.get(h)).filter((h) => h !== void 0);
-      s.length !== 0 && (o.push({
+    activateOnSingleClick: Ln,
+    containerRef: F,
+    rowIds: Ge,
+    columnKeys: Je
+  }), nr = M(() => {
+    if (!(re != null && re.length)) return Y.map((n) => ({ kind: "row", row: n }));
+    const t = new Map(Y.map((n) => [n.id, n])), e = /* @__PURE__ */ new Set(), r = [];
+    for (const n of re) {
+      const i = n.rowIds.map((a) => t.get(a)).filter((a) => a !== void 0);
+      i.length !== 0 && (r.push({
         kind: "group",
-        group: { id: n.id, label: n.label, rowCount: s.length }
-      }), s.forEach((h) => t.add(h.id)), !be.has(n.id) && s.forEach((h) => o.push({ kind: "row", row: h })));
+        group: { id: n.id, label: n.label, rowCount: i.length }
+      }), i.forEach((a) => e.add(a.id)), !He.has(n.id) && i.forEach((a) => r.push({ kind: "row", row: a })));
     }
-    for (const n of T)
-      t.has(n.id) || o.push({ kind: "row", row: n });
-    return o;
-  }, [F, T, be]), nn = (e) => {
-    const t = be.has(e.id), o = () => jt(e.id);
-    return /* @__PURE__ */ i("tr", { className: "bg-secondary_subtle", children: /* @__PURE__ */ i(
+    for (const n of Y)
+      e.has(n.id) || r.push({ kind: "row", row: n });
+    return r;
+  }, [re, Y, He]), rr = (t) => {
+    const e = He.has(t.id), r = () => An(t.id);
+    return /* @__PURE__ */ s("tr", { className: "bg-secondary_subtle", children: /* @__PURE__ */ s(
       "td",
       {
-        colSpan: J,
-        className: d(
-          !de && "py-1.5",
-          g && "border-r border-secondary last:border-r-0"
+        colSpan: Ee,
+        className: w(
+          !Oe && "py-1.5",
+          _ && "border-r border-secondary last:border-r-0"
         ),
-        children: de ? de({
-          id: e.id,
-          label: e.label,
-          rowCount: e.rowCount,
-          isCollapsed: t,
-          toggle: o
-        }) : /* @__PURE__ */ m(
+        children: Oe ? Oe({
+          id: t.id,
+          label: t.label,
+          rowCount: t.rowCount,
+          isCollapsed: e,
+          toggle: r
+        }) : /* @__PURE__ */ x(
           "button",
           {
             type: "button",
             className: "flex w-full items-center gap-2 px-2 text-left text-xs font-medium text-secondary",
-            onClick: o,
-            "aria-expanded": !t,
+            onClick: r,
+            "aria-expanded": !e,
             children: [
-              /* @__PURE__ */ i(
-                $e,
+              /* @__PURE__ */ s(
+                Wt,
                 {
-                  className: d(
+                  className: w(
                     "size-4 shrink-0 text-fg-quaternary transition-transform",
-                    !t && "rotate-90"
+                    !e && "rotate-90"
                   )
                 }
               ),
-              /* @__PURE__ */ i("span", { className: "truncate", children: e.label || "(Empty)" }),
-              /* @__PURE__ */ m("span", { className: "text-tertiary", children: [
+              /* @__PURE__ */ s("span", { className: "truncate", children: t.label || "(Empty)" }),
+              /* @__PURE__ */ x("span", { className: "text-tertiary", children: [
                 "(",
-                e.rowCount,
+                t.rowCount,
                 ")"
               ] })
             ]
           }
         )
       }
-    ) }, `group-${e.id}`);
-  }, Ve = /* @__PURE__ */ m(
+    ) }, `group-${t.id}`);
+  }, Tt = /* @__PURE__ */ x(
     "div",
     {
-      ref: (e) => {
-        D.current = e, typeof q == "function" ? q(e) : q && (q.current = e);
+      ref: (t) => {
+        F.current = t, typeof he == "function" ? he(t) : he && (he.current = t);
       },
-      onPointerDownCapture: O ? ee.onPointerDownCapture : void 0,
-      onKeyDownCapture: O ? ee.onKeyDownCapture : void 0,
-      onClickCapture: O ? ee.onClickCapture : void 0,
-      onDoubleClickCapture: O ? ee.onDoubleClickCapture : void 0,
-      className: d(
+      onPointerDownCapture: ee ? Re.onPointerDownCapture : void 0,
+      onKeyDownCapture: ee ? Re.onKeyDownCapture : void 0,
+      onClickCapture: ee ? Re.onClickCapture : void 0,
+      onDoubleClickCapture: ee ? Re.onDoubleClickCapture : void 0,
+      className: w(
         "w-full rounded-lg bg-primary",
-        y || !x || ge ? "overflow-x-auto" : "overflow-x-hidden",
-        g && "rounded-xl border border-secondary",
-        et
+        R || !z || Ue ? "overflow-x-auto" : "overflow-x-hidden",
+        _ && "rounded-xl border border-secondary",
+        Gt
       ),
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ x(
           "table",
           {
-            "aria-label": L,
-            "data-table-zoom-typography": G !== void 0 ? "" : void 0,
-            className: d(
+            "aria-label": y,
+            "data-table-zoom-typography": be !== void 0 ? "" : void 0,
+            className: w(
               "w-full border-separate border-spacing-0 overflow-x-hidden",
-              tt
+              qt
             ),
-            style: Gt,
+            style: Zn,
             children: [
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ s(
                 "thead",
                 {
-                  className: d(
+                  className: w(
                     "sticky top-0 z-30 rounded-t-lg bg-secondary_subtle [&>tr>th]:h-9 [&>tr>th:first-child]:rounded-tl-lg [&>tr>th:last-child]:rounded-tr-lg",
-                    g && "[&>tr>th]:border-b [&>tr>th]:border-secondary [&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none",
-                    nt
+                    _ && "[&>tr>th]:border-b [&>tr>th]:border-secondary [&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none",
+                    Jt
                   ),
-                  children: S.getHeaderGroups().map((e, t) => /* @__PURE__ */ m("tr", { children: [
-                    Y && t === 0 ? /* @__PURE__ */ i(
+                  children: C.getHeaderGroups().map((t, e) => /* @__PURE__ */ x("tr", { children: [
+                    Ie && e === 0 ? /* @__PURE__ */ s(
                       "th",
                       {
-                        rowSpan: Ht,
-                        className: d(
+                        rowSpan: Yn,
+                        className: w(
                           "relative w-10 min-w-10 p-0 align-middle",
-                          g && "border-r border-secondary"
+                          _ && "border-r border-secondary"
                         ),
-                        children: U === "multiple" ? /* @__PURE__ */ i(
+                        children: pe === "multiple" ? /* @__PURE__ */ s(
                           "div",
                           {
                             className: "flex items-center justify-center",
-                            onClick: (o) => o.stopPropagation(),
-                            children: /* @__PURE__ */ i(
-                              Ue,
+                            onClick: (r) => r.stopPropagation(),
+                            children: /* @__PURE__ */ s(
+                              Ot,
                               {
-                                checked: S.getIsAllRowsSelected() ? !0 : S.getIsSomeRowsSelected() ? "indeterminate" : !1,
-                                onCheckedChange: (o) => S.toggleAllRowsSelected(o === !0),
+                                checked: C.getIsAllRowsSelected() ? !0 : C.getIsSomeRowsSelected() ? "indeterminate" : !1,
+                                onCheckedChange: (r) => C.toggleAllRowsSelected(r === !0),
                                 "aria-label": "Select all rows",
                                 className: "items-center justify-center"
                               }
@@ -488,105 +864,141 @@ function Un({
                         ) : null
                       }
                     ) : null,
-                    e.headers.map((o) => {
-                      if (o.rowSpan === 0) return null;
-                      const n = xe.get(o.column.id), s = o.column.getIsSorted(), h = Le && !o.isPlaceholder && o.column.getCanSort(), a = n != null && n.renderHeader ? n.renderHeader({
+                    t.headers.map((r) => {
+                      var c;
+                      if (r.rowSpan === 0) return null;
+                      const n = ce.get(r.column.id), i = r.column.getIsSorted(), a = it && !r.isPlaceholder && r.column.getCanSort(), d = Ye && !r.isPlaceholder && r.subHeaders.length === 0, P = ye && !r.isPlaceholder && r.subHeaders.length === 0 && !(n != null && n.sticky) && !(n != null && n.width), p = n != null && n.renderHeader ? n.renderHeader({
                         columnId: n.id,
                         label: n.header
-                      }) : o.isPlaceholder ? null : S.FlexRender({ header: o });
-                      return /* @__PURE__ */ i(
+                      }) : r.isPlaceholder ? null : C.FlexRender({ header: r }), m = a && !(n != null && n.renderHeader);
+                      return /* @__PURE__ */ x(
                         "th",
                         {
-                          colSpan: o.colSpan,
-                          rowSpan: o.rowSpan,
-                          scope: o.colSpan > 1 ? "colgroup" : "col",
-                          "aria-sort": s === "asc" ? "ascending" : s === "desc" ? "descending" : void 0,
-                          style: X(n, !0),
-                          className: d(
+                          colSpan: r.colSpan,
+                          rowSpan: r.rowSpan,
+                          scope: r.colSpan > 1 ? "colgroup" : "col",
+                          "aria-sort": i === "asc" ? "ascending" : i === "desc" ? "descending" : void 0,
+                          style: xe(n, !0),
+                          ...d ? Xn(
+                            r.column.id,
+                            ((c = r.column.parent) == null ? void 0 : c.id) ?? "",
+                            p
+                          ) : void 0,
+                          className: w(
                             "relative overflow-hidden p-0 outline-hidden focus-within:z-1 focus-within:ring-2 focus-within:ring-focus-ring focus-within:ring-inset",
-                            En[f],
-                            g && "border-r border-secondary last:border-r-0",
+                            _r[g],
+                            _ && "border-r border-secondary last:border-r-0",
+                            d && "cursor-grab touch-none select-none active:cursor-grabbing",
+                            wt === r.column.id && "select-none",
+                            Be === r.column.id && "opacity-40 blur-[1.5px]",
                             n == null ? void 0 : n.headerClassName
                           ),
-                          children: h ? /* @__PURE__ */ m(
-                            "button",
-                            {
-                              type: "button",
-                              className: d(
-                                "flex w-full items-center gap-1 overflow-hidden rounded outline-none",
-                                Ge(n == null ? void 0 : n.align)
-                              ),
-                              onClick: o.column.getToggleSortingHandler(),
-                              "aria-label": `Sort by ${String((n == null ? void 0 : n.header) ?? o.column.id)}`,
-                              children: [
-                                /* @__PURE__ */ i("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-secondary", children: a }),
-                                s ? /* @__PURE__ */ i(
-                                  un,
-                                  {
-                                    className: d(
-                                      "size-3 shrink-0 stroke-[3px] text-fg-quaternary",
-                                      s === "asc" && "rotate-180"
-                                    )
-                                  }
-                                ) : /* @__PURE__ */ i(
-                                  mn,
-                                  {
-                                    size: 12,
-                                    strokeWidth: 3,
-                                    className: "shrink-0 text-fg-quaternary"
-                                  }
-                                )
-                              ]
-                            }
-                          ) : /* @__PURE__ */ i(
-                            "div",
-                            {
-                              className: d(
-                                "flex items-center gap-1 overflow-hidden",
-                                Ge(n == null ? void 0 : n.align)
-                              ),
-                              children: /* @__PURE__ */ i("div", { className: "flex items-center overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-secondary", children: a })
-                            }
-                          )
+                          children: [
+                            m ? /* @__PURE__ */ x(
+                              "button",
+                              {
+                                type: "button",
+                                className: w(
+                                  "flex w-full items-center gap-1 overflow-hidden rounded outline-none",
+                                  Ft(n == null ? void 0 : n.align)
+                                ),
+                                onClick: r.column.getToggleSortingHandler(),
+                                "aria-label": `Sort by ${String((n == null ? void 0 : n.header) ?? r.column.id)}`,
+                                children: [
+                                  /* @__PURE__ */ s("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-secondary", children: p }),
+                                  i ? /* @__PURE__ */ s(
+                                    cr,
+                                    {
+                                      className: w(
+                                        "size-3 shrink-0 stroke-[3px] text-fg-quaternary",
+                                        i === "asc" && "rotate-180"
+                                      )
+                                    }
+                                  ) : /* @__PURE__ */ s(
+                                    dr,
+                                    {
+                                      size: 12,
+                                      strokeWidth: 3,
+                                      className: "shrink-0 text-fg-quaternary"
+                                    }
+                                  )
+                                ]
+                              }
+                            ) : /* @__PURE__ */ s(
+                              "div",
+                              {
+                                className: w(
+                                  "flex items-center gap-1 overflow-hidden",
+                                  a && "cursor-pointer",
+                                  Ft(n == null ? void 0 : n.align)
+                                ),
+                                onClick: a ? r.column.getToggleSortingHandler() : void 0,
+                                children: /* @__PURE__ */ s("div", { className: "flex items-center overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-secondary", children: p })
+                              }
+                            ),
+                            P ? /* @__PURE__ */ s(
+                              "div",
+                              {
+                                role: "separator",
+                                "aria-orientation": "vertical",
+                                "aria-label": `Resize ${String((n == null ? void 0 : n.header) ?? r.column.id)} column`,
+                                "data-column-reorder-ignore": "",
+                                className: w(
+                                  // The header cell clips its overflow, so a handle that hung past the
+                                  // right edge to straddle the shared border would be cut off there (and
+                                  // on the last column would stick out of the table). Keep the whole hit
+                                  // area inside the cell, hugging the edge it resizes.
+                                  "absolute inset-y-0 right-0 z-10 w-3 cursor-col-resize touch-none"
+                                ),
+                                onPointerDown: (b) => Hn(r.column.id, b),
+                                onPointerEnter: (b) => Lt(b.currentTarget),
+                                onPointerMove: (b) => Lt(b.currentTarget),
+                                onPointerLeave: () => {
+                                  j.current || D();
+                                }
+                              }
+                            ) : null
+                          ]
                         },
-                        o.id
+                        r.id
                       );
                     })
-                  ] }, e.id))
+                  ] }, t.id))
                 }
               ),
-              /* @__PURE__ */ m("tbody", { children: [
-                C ? Array.from({ length: p }, (e, t) => /* @__PURE__ */ m(
+              /* @__PURE__ */ x("tbody", { children: [
+                E ? Array.from({ length: h }, (t, e) => /* @__PURE__ */ x(
                   "tr",
                   {
-                    className: Ze[f],
+                    className: kt[g],
                     "aria-hidden": "true",
                     children: [
-                      Y ? /* @__PURE__ */ i(
+                      Ie ? /* @__PURE__ */ s(
                         "td",
                         {
-                          className: d(
+                          className: w(
                             "w-10 min-w-10",
-                            g && "border-r border-secondary",
-                            !I && "border-b border-tertiary"
+                            _ && "border-r border-secondary",
+                            !V && "border-b border-tertiary"
                           )
                         }
                       ) : null,
-                      S.getVisibleLeafColumns().map((o) => {
-                        const n = xe.get(o.id);
-                        return /* @__PURE__ */ i(
+                      C.getVisibleLeafColumns().map((r) => {
+                        const n = ce.get(r.id);
+                        return /* @__PURE__ */ s(
                           "td",
                           {
-                            style: X(n, !1),
-                            className: d(
+                            style: xe(n, !1),
+                            className: w(
                               "relative overflow-hidden text-secondary",
-                              He[f],
-                              g && "border-r border-secondary last:border-r-0",
-                              !I && "border-b border-tertiary",
+                              At[g],
+                              _ && "border-r border-secondary last:border-r-0",
+                              !V && "border-b border-tertiary",
+                              Be === r.id && "opacity-40 blur-[1.5px]",
                               n == null ? void 0 : n.cellClassName
                             ),
-                            children: /* @__PURE__ */ i(
-                              fn,
+                            children: /* @__PURE__ */ s(
+                              ur,
                               {
                                 height: "14px",
                                 width: "75%",
@@ -594,73 +1006,73 @@ function Un({
                               }
                             )
                           },
-                          o.id
+                          r.id
                         );
                       })
                     ]
                   },
-                  `loading-${t}`
-                )) : T.length === 0 ? /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i(
+                  `loading-${e}`
+                )) : Y.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(
                   "td",
                   {
-                    colSpan: J,
+                    colSpan: Ee,
                     className: "border-b border-secondary px-3 py-3 text-left text-xs text-placeholder_subtle",
-                    children: ie
+                    children: A
                   }
-                ) }) : tn.map((e) => {
-                  var h;
-                  if (e.kind === "group")
-                    return nn(e.group);
-                  const t = e.row, o = $t && t.getCanExpand(), n = o && t.getIsExpanded(), s = t.getVisibleCells();
-                  return /* @__PURE__ */ m(dn, { children: [
-                    /* @__PURE__ */ m(
+                ) }) : nr.map((t) => {
+                  var a;
+                  if (t.kind === "group")
+                    return rr(t.group);
+                  const e = t.row, r = Un && e.getCanExpand(), n = r && e.getIsExpanded(), i = e.getVisibleCells();
+                  return /* @__PURE__ */ x(sr, { children: [
+                    /* @__PURE__ */ x(
                       "tr",
                       {
-                        ...Q ? {
-                          [Cn]: t.id,
-                          [vn]: String(
-                            ne(t.original, t.index) ?? t.index
+                        ...Le ? {
+                          [yr]: e.id,
+                          [xr]: String(
+                            Te(e.original, e.index) ?? e.index
                           )
                         } : {},
-                        style: (h = u.session) != null && h.active && u.session.rowId === t.id ? wn : void 0,
-                        className: d(
+                        style: (a = L.session) != null && a.active && L.session.rowId === e.id ? wr : void 0,
+                        className: w(
                           // `focus-visible`, not `focus-within`: the ring marks the row itself being keyboard-focused.
                           // `focus-within` also fires for anything inside it, so an open cell
                           // editor outlined the entire row.
                           "relative outline-focus-ring transition-colors hover:bg-secondary_subtle focus-visible:outline-2 focus-visible:-outline-offset-2",
-                          Ze[f],
-                          t.getIsSelected() && "bg-secondary",
-                          le && "cursor-pointer",
-                          se == null ? void 0 : se(t.original)
+                          kt[g],
+                          e.getIsSelected() && "bg-secondary",
+                          Pe && "cursor-pointer",
+                          ze == null ? void 0 : ze(e.original)
                         ),
-                        onClick: (a) => {
-                          !le || Be(a.target) || le(t.original);
+                        onClick: (d) => {
+                          !Pe || Vt(d.target) || Pe(e.original);
                         },
-                        onMouseEnter: $ ? () => $(t.original, !0) : void 0,
-                        onMouseLeave: $ ? () => $(t.original, !1) : void 0,
+                        onMouseEnter: ue ? () => ue(e.original, !0) : void 0,
+                        onMouseLeave: ue ? () => ue(e.original, !1) : void 0,
                         children: [
-                          Y ? /* @__PURE__ */ i(
+                          Ie ? /* @__PURE__ */ s(
                             "td",
                             {
-                              className: d(
+                              className: w(
                                 "relative w-10 min-w-10 p-0 text-center",
-                                g && "border-r border-secondary",
+                                _ && "border-r border-secondary",
                                 // Matches the data cells, so the row separator
                                 // runs the full width of the table.
-                                !I && !n && "border-b border-tertiary"
+                                !V && !n && "border-b border-tertiary"
                               ),
-                              children: /* @__PURE__ */ i(
+                              children: /* @__PURE__ */ s(
                                 "div",
                                 {
                                   className: "flex items-center justify-center",
-                                  onClick: (a) => a.stopPropagation(),
-                                  onKeyDown: (a) => a.stopPropagation(),
-                                  children: /* @__PURE__ */ i(
-                                    Ue,
+                                  onClick: (d) => d.stopPropagation(),
+                                  onKeyDown: (d) => d.stopPropagation(),
+                                  children: /* @__PURE__ */ s(
+                                    Ot,
                                     {
-                                      checked: t.getIsSelected(),
-                                      onCheckedChange: (a) => t.toggleSelected(a === !0),
-                                      "aria-label": `Select row ${t.id}`,
+                                      checked: e.getIsSelected(),
+                                      onCheckedChange: (d) => e.toggleSelected(d === !0),
+                                      "aria-label": `Select row ${e.id}`,
                                       className: "items-center justify-center"
                                     }
                                   )
@@ -668,39 +1080,39 @@ function Un({
                               )
                             }
                           ) : null,
-                          s.map((a, Ke) => {
-                            if (a.getIsCovered()) return null;
-                            const w = xe.get(a.column.id);
-                            if (!w) return null;
-                            const K = en(
-                              t,
-                              w.id,
-                              a.getValue()
-                            ), on = w.renderCell ? w.renderCell(K) : String(a.getValue() ?? ""), E = O ? bn(
-                              H,
-                              t.id,
-                              w.id,
-                              ve,
-                              Se
-                            ) : null, te = !!(E != null && E.inRange), rn = (k == null ? void 0 : k.rowId) === t.id && (k == null ? void 0 : k.columnKey) === w.id;
-                            return /* @__PURE__ */ i(
+                          i.map((d, P) => {
+                            if (d.getIsCovered()) return null;
+                            const p = ce.get(d.column.id);
+                            if (!p) return null;
+                            const m = tr(
+                              e,
+                              p.id,
+                              d.getValue()
+                            ), c = p.renderCell ? p.renderCell(m) : String(d.getValue() ?? ""), b = ee ? pr(
+                              ge,
+                              e.id,
+                              p.id,
+                              Ge,
+                              Je
+                            ) : null, W = !!(b != null && b.inRange), O = (Q == null ? void 0 : Q.rowId) === e.id && (Q == null ? void 0 : Q.columnKey) === p.id;
+                            return /* @__PURE__ */ s(
                               "td",
                               {
-                                colSpan: a.getColSpan(),
-                                rowSpan: a.getRowSpan(),
-                                style: te && E ? {
-                                  ...X(w, !1),
-                                  boxShadow: hn(
-                                    E.edges
+                                colSpan: d.getColSpan(),
+                                rowSpan: d.getRowSpan(),
+                                style: W && b ? {
+                                  ...xe(p, !1),
+                                  boxShadow: fr(
+                                    b.edges
                                   )
-                                } : X(w, !1),
+                                } : xe(p, !1),
                                 "data-table-component-cell": "",
                                 "data-grid-cell": "",
-                                "data-grid-row-id": t.id,
-                                "data-grid-col-key": w.id,
-                                "data-grid-source-index": K.sourceIndex ?? void 0,
-                                tabIndex: W ? 0 : void 0,
-                                className: d(
+                                "data-grid-row-id": e.id,
+                                "data-grid-col-key": p.id,
+                                "data-grid-source-index": m.sourceIndex ?? void 0,
+                                tabIndex: Z ? 0 : void 0,
+                                className: w(
                                   // `overflow-hidden`, never `overflow-x-hidden`: when `overflow-x` is not
                                   // `visible` the browser computes `overflow-y` to `auto`, turning
                                   // every cell into its own scroll container that swallows the
@@ -709,102 +1121,106 @@ function Un({
                                   // The cell holding an open editor must not clip it: a wrapped
                                   // multi-line value has to be visible, and the row only grows
                                   // around content the cell is allowed to show.
-                                  rn ? "z-1 overflow-visible" : "overflow-hidden",
-                                  He[f],
-                                  Mn(w.align),
-                                  g && "border-r border-secondary last:border-r-0",
-                                  !I && !n && !te && "border-b border-tertiary",
-                                  te && "z-1 outline-hidden",
-                                  te && !(E != null && E.isAnchor) && "bg-utility-brand-25",
-                                  w.cellClassName
+                                  O ? "z-1 overflow-visible" : "overflow-hidden",
+                                  At[g],
+                                  Jr(p.align),
+                                  _ && "border-r border-secondary last:border-r-0",
+                                  !V && !n && !W && "border-b border-tertiary",
+                                  W && "z-1 outline-hidden",
+                                  W && !(b != null && b.isAnchor) && "bg-utility-brand-25",
+                                  p.cellClassName,
+                                  Be === p.id && "opacity-40 blur-[1.5px]"
                                 ),
-                                onClick: (_) => {
-                                  me == null || me(K), Ke === 0 && o && Be(_.target) && _.stopPropagation();
+                                onClick: (v) => {
+                                  Ae == null || Ae(m), P === 0 && r && Vt(v.target) && v.stopPropagation();
                                 },
-                                onDoubleClick: () => fe == null ? void 0 : fe(K),
-                                onKeyDown: (_) => {
-                                  _.key !== "Enter" || !W || (_.preventDefault(), W(K));
+                                onDoubleClick: () => Fe == null ? void 0 : Fe(m),
+                                onKeyDown: (v) => {
+                                  v.key !== "Enter" || !Z || (v.preventDefault(), Z(m));
                                 },
-                                children: /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-2", children: [
-                                  Ke === 0 && o ? /* @__PURE__ */ i(
+                                children: /* @__PURE__ */ x("div", { className: "flex min-w-0 items-center gap-2", children: [
+                                  P === 0 && r ? /* @__PURE__ */ s(
                                     "button",
                                     {
                                       type: "button",
-                                      className: d(
+                                      className: w(
                                         "-ml-1 flex shrink-0 cursor-pointer items-center justify-center rounded p-1 transition-transform duration-200 ease-in-out hover:bg-secondary_subtle",
                                         n && "rotate-90"
                                       ),
                                       "aria-label": n ? "Collapse row" : "Expand row",
                                       "aria-expanded": n,
-                                      "aria-controls": `${t.id}-detail`,
-                                      onClick: (_) => {
-                                        _.stopPropagation(), t.toggleExpanded();
+                                      "aria-controls": `${e.id}-detail`,
+                                      onClick: (v) => {
+                                        v.stopPropagation(), e.toggleExpanded();
                                       },
-                                      children: /* @__PURE__ */ i($e, { className: "size-4 text-fg-quaternary" })
+                                      children: /* @__PURE__ */ s(Wt, { className: "size-4 text-fg-quaternary" })
                                     }
                                   ) : null,
-                                  /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: on })
+                                  /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: c })
                                 ] })
                               },
-                              a.id
+                              d.id
                             );
                           })
                         ]
                       }
                     ),
-                    n && Z ? /* @__PURE__ */ i(
+                    n && fe ? /* @__PURE__ */ s(
                       "tr",
                       {
-                        id: `${t.id}-detail`,
+                        id: `${e.id}-detail`,
                         className: "relative bg-secondary_subtle",
-                        children: /* @__PURE__ */ i("td", { colSpan: J, className: "p-0", children: Z({
-                          row: t.original,
-                          rowId: t.id,
-                          colSpan: J,
-                          collapse: () => t.toggleExpanded(!1)
+                        children: /* @__PURE__ */ s("td", { colSpan: Ee, className: "p-0", children: fe({
+                          row: e.original,
+                          rowId: e.id,
+                          colSpan: Ee,
+                          collapse: () => e.toggleExpanded(!1)
                         }) })
                       }
                     ) : null
-                  ] }, t.id);
+                  ] }, e.id);
                 }),
-                !C && rt
+                !E && en
               ] })
             ]
           }
         ),
-        ((Me = u.session) == null ? void 0 : Me.active) && /* @__PURE__ */ m(sn, { children: [
-          /* @__PURE__ */ i(Sn, { session: u.session }),
-          u.session.dropLineY !== null && /* @__PURE__ */ i(
-            In,
+        ((_t = L.session) == null ? void 0 : _t.active) && /* @__PURE__ */ x(Bt, { children: [
+          /* @__PURE__ */ s(vr, { session: L.session }),
+          L.session.dropLineY !== null && /* @__PURE__ */ s(
+            Cr,
             {
-              y: u.session.dropLineY,
-              left: u.session.dropLineLeft,
-              width: u.session.dropLineWidth
+              y: L.session.dropLineY,
+              left: L.session.dropLineLeft,
+              width: L.session.dropLineWidth
             }
           )
-        ] })
+        ] }),
+        ht && /* @__PURE__ */ s(Yr, { preview: ht }),
+        ft && /* @__PURE__ */ s(Kr, { target: ft }),
+        ye && $n && /* @__PURE__ */ s(Zr, { ref: G })
       ]
     }
-  ), je = qt ? /* @__PURE__ */ m("div", { className: d("flex flex-col gap-3", Te), children: [
-    Fe,
-    Pe,
-    Ve,
-    _e
-  ] }) : /* @__PURE__ */ i("div", { className: Te, children: Ve });
-  return Yt ? /* @__PURE__ */ i(
-    yn,
+  ), Dt = Kn ? /* @__PURE__ */ x("div", { className: w("flex flex-col gap-3", rt), children: [
+    Rt,
+    Nt,
+    Tt,
+    ot
+  ] }) : /* @__PURE__ */ s("div", { className: rt, children: Tt });
+  return Jn ? /* @__PURE__ */ s(
+    br,
     {
-      rowIds: ve,
-      columnKeys: Se,
-      containerRef: D,
-      onSelectCell: Jt,
-      onEditingCellChange: Qt,
-      children: je
+      rowIds: Ge,
+      columnKeys: Je,
+      containerRef: F,
+      onSelectCell: Qn,
+      onEditingCellChange: er,
+      children: Dt
     }
-  ) : je;
+  ) : Dt;
 }
-const uo = ln(Un);
+const Io = jt(to);
 export {
-  uo as TableComponent,
-  uo as default
+  Io as TableComponent,
+  Io as default
 };