@pibit.ai/cure-design-system 0.3.26 → 0.3.30

package/dist/patterns/table/TableWrapper.js

@@ -1,457 +1,762 @@
-import { jsx as s, jsxs as S } from "react/jsx-runtime";
-import { forwardRef as Jt, useState as B, useMemo as u, useCallback as J, useRef as Vt, useEffect as Xt, useLayoutEffect as Yt } from "react";
-import { ChevronRight as Ht } from "@untitledui/icons";
-import { cx as c } from "../../utils/cn.js";
-import { TableCard as Qt, Table as d } from "./table.js";
-import { TablePagination as Zt } from "./TablePagination.js";
-import { getEffectiveAlignment as dt, resolveColumnLabel as Kt, alignmentClass as er } from "./toolbar/tableToolbarHelpers.js";
-import { findGridCell as tr, isWithinCellEditor as rr, getGridNeighbor as nr, getGridTabNeighbor as ir, focusGridCell as sr, GridNavProvider as ar } from "./useGridKeyboardNavigation.js";
-import { BulkActionBar as lr } from "./toolbar/BulkActionBar.js";
-import { TableToolbar as or } from "./toolbar/TableToolbar.js";
-import { Checkbox as it } from "../../primitives/checkbox/checkbox.js";
-import { ColumnHeaderMenu as dr } from "./toolbar/ColumnHeaderMenu.js";
-import { Button as cr } from "../../primitives/button/button.js";
-import { SummaryFooterRow as fr } from "./toolbar/SummaryFooter.js";
-import { RowActionsMenu as hr } from "./toolbar/RowActionsMenu.js";
-import { Icon as ur } from "../../primitives/icon/icon.js";
-import { ShimmerLine as yr } from "../../primitives/shimmer/shimmer.js";
-const wr = 5, pr = "__all__", st = {
+import { jsx as c, jsxs as _, Fragment as zt } from "react/jsx-runtime";
+import { forwardRef as Fr, useState as q, useRef as ae, useCallback as v, useMemo as k, useEffect as $, useLayoutEffect as Gr } from "react";
+import { ChevronRight as zr } from "@untitledui/icons";
+import { cx as m } from "../../utils/cn.js";
+import { TableCard as Yr, Table as w } from "./table.js";
+import { TablePagination as Mr } from "./TablePagination.js";
+import { getEffectiveAlignment as At, resolveColumnLabel as Ur, alignmentClass as Xr } from "./toolbar/tableToolbarHelpers.js";
+import { findGridCell as $r, isWithinCellEditor as We, getGridNeighbor as jr, getGridTabNeighbor as Br, focusGridCell as Yt, GridNavProvider as qr } from "./useGridKeyboardNavigation.js";
+import { ROW_DRAG_THRESHOLD_PX as Ar, computeDropTarget as Hr, clipDropLineToScrollport as Kr, ROW_REORDER_ATTR as Mt, measureRowPreview as Jr, cloneRowForPreview as Vr, FloatingRowPreview as Qr, DropIndicatorLine as Zr, getRowDragScrollDelta as en, ROW_DRAG_SOURCE_STYLE as tn, ROW_SOURCE_INDEX_ATTR as rn } from "./rowReorderDrag.js";
+import { selectionFromSingleCell as _e, resolveCellCoordFromElement as Se, buildCellRangeRect as it, CELL_RANGE_DRAG_THRESHOLD_PX as nn, hitTestGridCell as on, canStartCellRangeFromTarget as Ut, getDragScrollDeltas as sn, getCellRangeVisualState as an, cellRangeEdgeBoxShadow as cn } from "./cellRangeSelection.js";
+import { BulkActionBar as dn } from "./toolbar/BulkActionBar.js";
+import { TableToolbar as ln } from "./toolbar/TableToolbar.js";
+import { Checkbox as Xt } from "../../primitives/checkbox/checkbox.js";
+import { ColumnHeaderMenu as un } from "./toolbar/ColumnHeaderMenu.js";
+import { Button as fn } from "../../primitives/button/button.js";
+import { SummaryFooterRow as pn } from "./toolbar/SummaryFooter.js";
+import { RowActionsMenu as hn } from "./toolbar/RowActionsMenu.js";
+import { Icon as yn } from "../../primitives/icon/icon.js";
+import { ShimmerLine as wn } from "../../primitives/shimmer/shimmer.js";
+const mn = 5, gn = "__all__", $t = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, V = (t) => t.__rowId ?? t.id ?? t.rule_id ?? String(t);
-function at(t, i) {
-  return t === "all" ? new Set(i) : t ?? /* @__PURE__ */ new Set();
+}, ce = (o) => o.__rowId ?? o.id ?? o.rule_id ?? String(o);
+function jt(o, d) {
+  return o === "all" ? new Set(d) : o ?? /* @__PURE__ */ new Set();
 }
-function xr(t, i, l) {
-  return t ? t === "all" ? l.includes(i) : t.has(i) : !1;
+function xn(o, d, u) {
+  return o ? o === "all" ? u.includes(d) : o.has(d) : !1;
 }
-function gr(t, i) {
-  return t ? t === "all" ? i.length : t.size : 0;
+function bn(o, d) {
+  return o ? o === "all" ? d.length : o.size : 0;
 }
-function br(t, i) {
-  return i.length === 0 ? !1 : t === "all" ? !0 : i.every((l) => (t == null ? void 0 : t.has(l)) ?? !1);
+function Rn(o, d) {
+  return d.length === 0 ? !1 : o === "all" ? !0 : d.every((u) => (o == null ? void 0 : o.has(u)) ?? !1);
 }
-function mr(t, i) {
-  return t === "all" ? i.length > 0 : i.some((l) => (t == null ? void 0 : t.has(l)) ?? !1);
+function vn(o, d) {
+  return o === "all" ? d.length > 0 : d.some((u) => (o == null ? void 0 : o.has(u)) ?? !1);
 }
-function Nr(t) {
-  if (t)
-    return (i) => {
-      t(i === "all" ? "all" : new Set([...i].map(String)));
+function kn(o) {
+  if (o)
+    return (d) => {
+      o(d === "all" ? "all" : new Set([...d].map(String)));
     };
 }
-function kr(t) {
-  var i;
-  return t != null && t.length ? t.length > 1 ? !0 : ((i = t[0]) == null ? void 0 : i.key) !== pr : !1;
+function En(o) {
+  var d;
+  return o != null && o.length ? o.length > 1 ? !0 : ((d = o[0]) == null ? void 0 : d.key) !== gn : !1;
 }
-function lt(t, i, l) {
-  return l ? dt(l, i ?? /* @__PURE__ */ new Map()) : (i == null ? void 0 : i.get(t)) ?? "left";
+function Bt(o, d, u) {
+  return u ? At(u, d ?? /* @__PURE__ */ new Map()) : (d == null ? void 0 : d.get(o)) ?? "left";
 }
-const Le = "300px", Te = (t) => {
-  if (!t) return 0;
-  const i = t.match(/^(\d+(?:\.\d+)?)px$/);
-  return i ? Number(i[1]) : 0;
-}, X = (t) => !!t.width || !!(t.maxWidth && t.sticky === "right"), Oe = (t) => t.width ?? (t.maxWidth && t.sticky === "right" ? t.maxWidth : void 0), Cr = (t) => ({
-  width: t.width,
-  maxWidth: t.maxWidth ?? Le,
-  minWidth: t.minWidth ?? t.width
-}), ot = (t) => {
-  const i = Oe(t);
-  return i ? {
-    minWidth: i,
-    width: i,
-    maxWidth: t.maxWidth ?? i
+const at = "300px", ot = (o) => {
+  if (!o) return 0;
+  const d = o.match(/^(\d+(?:\.\d+)?)px$/);
+  return d ? Number(d[1]) : 0;
+}, de = (o) => !!o.width || !!(o.maxWidth && o.sticky === "right"), st = (o) => o.width ?? (o.maxWidth && o.sticky === "right" ? o.maxWidth : void 0), In = (o) => ({
+  width: o.width,
+  maxWidth: o.maxWidth ?? at,
+  minWidth: o.minWidth ?? o.width
+}), qt = (o) => {
+  const d = st(o);
+  return d ? {
+    minWidth: d,
+    width: d,
+    maxWidth: o.maxWidth ?? d
   } : {
-    minWidth: t.minWidth,
-    maxWidth: t.maxWidth ?? Le
+    minWidth: o.minWidth,
+    maxWidth: o.maxWidth ?? at
   };
-}, Dr = Jt(
+}, qn = Fr(
   function({
-    data: i,
-    columns: l,
-    renderRowCell: ze,
-    onRowClick: Y,
-    onRowHover: O,
-    arialabel: ct,
-    size: Ae = "sm",
-    allowDefaultRowClass: ft = !1,
-    centeredHeaders: ht = [],
-    rootClassName: ut,
-    removeBorders: Ge,
-    headerClassName: yt,
-    isRowExpandable: $e,
-    renderExpandedContent: wt,
-    loading: P = !1,
-    loadingRowCount: je = wr,
-    renderHeaderCell: ce,
-    tableClassName: pt,
-    getRowClassName: fe,
-    selectionMode: G = "none",
-    selectedKeys: k,
-    onSelectionChange: p,
-    inlineSelection: he = !1,
-    toolbar: h,
-    showToolbar: xt,
-    toolbarTitle: Fe,
-    toolbarTrailing: Me,
-    disableExtendedTools: ue,
-    pagination: x,
-    showBorders: H,
-    emptyState: De,
-    editChrome: v,
-    showEditActions: gt = !1,
-    searchCollapsible: Ue,
-    isEditable: bt,
-    toolbarSlot: ye,
-    rowHeightClass: qe,
-    groupedData: L,
-    showSummaryFooter: mt,
-    summaryFooterProps: we,
-    bulkActionBar: Q,
-    renderBulkActionBar: Z,
-    onBulkDuplicate: K,
-    onBulkDelete: ee,
-    bulkActionBusy: te,
-    columnAlignments: z,
-    onColumnHeaderAction: re,
-    showColumnHeaderMenu: Nt,
-    columnMenuCapabilities: kt,
-    renderGroupHeader: Be,
-    columnMenuSchema: $,
-    columnSchema: j,
-    labelMeta: Ct,
-    renderColumnHeaderMenuExtraItems: St,
-    fillWidth: w = !1,
-    rowActions: pe,
-    onCellActivate: xe
-  }, F) {
-    const [ne, vt] = B(
+    data: d,
+    columns: u,
+    renderRowCell: ct,
+    onRowClick: le,
+    onRowHover: A,
+    arialabel: Ht,
+    size: dt = "sm",
+    allowDefaultRowClass: Kt = !1,
+    centeredHeaders: Jt = [],
+    rootClassName: Vt,
+    removeBorders: lt,
+    headerClassName: Qt,
+    isRowExpandable: ut,
+    renderExpandedContent: Zt,
+    loading: M = !1,
+    loadingRowCount: ft = mn,
+    renderHeaderCell: Ce,
+    tableClassName: er,
+    getRowClassName: Te,
+    selectionMode: Z = "none",
+    selectedKeys: C,
+    onSelectionChange: D,
+    inlineSelection: ue = !1,
+    toolbar: R,
+    showToolbar: tr,
+    toolbarTitle: pt,
+    toolbarTrailing: ht,
+    disableExtendedTools: Oe,
+    pagination: P,
+    showBorders: fe,
+    emptyState: yt,
+    editChrome: O,
+    showEditActions: rr = !1,
+    searchCollapsible: wt,
+    isEditable: nr,
+    toolbarSlot: Fe,
+    rowHeightClass: mt,
+    groupedData: H,
+    showSummaryFooter: ir,
+    summaryFooterProps: Ge,
+    bulkActionBar: pe,
+    renderBulkActionBar: he,
+    onBulkDuplicate: ye,
+    onBulkDelete: we,
+    bulkActionBusy: me,
+    columnAlignments: K,
+    onColumnHeaderAction: ge,
+    showColumnHeaderMenu: or,
+    columnMenuCapabilities: sr,
+    renderGroupHeader: gt,
+    columnMenuSchema: ee,
+    columnSchema: te,
+    labelMeta: ar,
+    renderColumnHeaderMenuExtraItems: cr,
+    fillWidth: L = !1,
+    rowActions: E,
+    onCellActivate: J,
+    cellSelection: h = null,
+    onCellSelectionChange: N,
+    onCopyCells: ze,
+    onPasteCells: Ye,
+    onClearCells: Me
+  }, re) {
+    const [xe, dr] = q(
       () => /* @__PURE__ */ new Set()
-    ), [Wt, Rt] = B(
+    ), [lr, xt] = q(
       null
-    ), [b, ge] = B(null), [A, It] = B(null), ie = G === "single" || G === "multiple", be = !!pe, W = ie && !he, me = kr(L), _t = u(() => $ != null && $.length ? new Map($.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [$]), Je = u(() => j != null && j.length ? new Map(j.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [j]), se = u(
-      () => l.map((e) => e.key),
-      [l]
-    ), Et = J((e) => {
-      vt((r) => {
-        const n = new Set(r);
-        return n.has(e) ? n.delete(e) : n.add(e), n;
+    ), [f, ur] = q(null), F = ae(null), Ue = ae({ x: 0, y: 0 }), V = v((e) => {
+      F.current = e, ur(e);
+    }, []), [j, bt] = q(null), [Q, fr] = q(null), y = typeof N == "function", U = ae(null), Xe = ae({ x: 0, y: 0 }), [be, Rt] = q(!1), Re = Z === "single" || Z === "multiple", $e = !!E, G = Re && !ue, ve = En(H), je = !!(E != null && E.onReorderRows) && (E == null ? void 0 : E.enableRowReorder) !== !1 && !ve && !M, pr = k(() => ee != null && ee.length ? new Map(ee.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [ee]), vt = k(() => te != null && te.length ? new Map(te.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [te]), z = k(
+      () => u.map((e) => e.key),
+      [u]
+    ), hr = v((e) => {
+      dr((r) => {
+        const t = new Set(r);
+        return t.has(e) ? t.delete(e) : t.add(e), t;
       });
-    }, []), ae = u(() => P ? Array.from({ length: je }, (e, r) => ({
+    }, []), ke = k(() => M ? Array.from({ length: ft }, (e, r) => ({
       id: `loading-${r}`
-    })) : i.map((e) => {
+    })) : d.map((e) => {
       const r = e;
       if (r.__rowId != null)
         return r;
-      const n = V(r);
-      return r.id != null && String(r.id) === n ? r : { ...r, id: n };
-    }), [P, i, je]), g = u(() => P ? [] : me && L ? L.flatMap(
-      (e) => ne.has(e.key) ? [] : e.rows.map((r) => V(r))
-    ) : ae.map((e) => V(e)), [P, me, L, ne, ae]), Ne = u(
-      () => at(k, g),
-      [k, g]
-    ), ke = gr(k, g), Ce = ke > 0, Ve = Ce && !!(Q ?? Z ?? K ?? ee), M = u(() => {
-      if (!Ce) return;
-      const e = i.filter(
-        (r) => Ne.has(V(r))
+      const t = ce(r);
+      return r.id != null && String(r.id) === t ? r : { ...r, id: t };
+    }), [M, d, ft]), x = k(() => M ? [] : ve && H ? H.flatMap(
+      (e) => xe.has(e.key) ? [] : e.rows.map((r) => ce(r))
+    ) : ke.map((e) => ce(e)), [M, ve, H, xe, ke]), Be = k(
+      () => jt(C, x),
+      [C, x]
+    ), qe = bn(C, x), Ae = qe > 0, kt = Ae && !!(pe ?? he ?? ye ?? we), ne = k(() => {
+      if (!Ae) return;
+      const e = d.filter(
+        (r) => Be.has(ce(r))
       );
       return {
-        selectedKeys: Ne,
+        selectedKeys: Be,
         selectedRows: e,
-        clearSelection: () => p == null ? void 0 : p(/* @__PURE__ */ new Set()),
-        busy: te
+        clearSelection: () => D == null ? void 0 : D(/* @__PURE__ */ new Set()),
+        busy: me
       };
     }, [
-      Ce,
-      Ne,
-      i,
-      p,
-      te
-    ]), Xe = u(() => {
-      if (ye != null) return ye;
-      if (Ve) {
-        if (Q != null) return Q;
-        if (Z && M)
-          return Z(M);
-        if (M && (K || ee))
-          return /* @__PURE__ */ s(
-            lr,
+      Ae,
+      Be,
+      d,
+      D,
+      me
+    ]), Et = k(() => {
+      if (Fe != null) return Fe;
+      if (kt) {
+        if (pe != null) return pe;
+        if (he && ne)
+          return he(ne);
+        if (ne && (ye || we))
+          return /* @__PURE__ */ c(
+            dn,
             {
-              count: ke,
-              onDuplicate: K,
-              onDelete: ee,
-              onClearSelection: M.clearSelection,
-              busy: te
+              count: qe,
+              onDuplicate: ye,
+              onDelete: we,
+              onClearSelection: ne.clearSelection,
+              busy: me
             }
           );
       }
-      return h ? /* @__PURE__ */ s(
-        or,
+      return R ? /* @__PURE__ */ c(
+        ln,
         {
-          sort: h.sort,
-          filter: h.filter,
-          search: h.search,
-          rowHeight: h.rowHeight,
-          hideFields: h.hideFields,
-          align: h.align,
-          groupBy: h.groupBy,
-          summary: h.summary,
-          sortContent: h.sortContent,
-          filterContent: h.filterContent,
-          fallbackTitle: Fe,
-          trailing: Me,
-          searchCollapsible: Ue,
-          disableExtendedTools: ue,
-          undoRedo: h.undoRedo ? {
-            ...h.undoRedo,
-            isDisabled: h.undoRedo.isDisabled ?? ue
+          sort: R.sort,
+          filter: R.filter,
+          search: R.search,
+          rowHeight: R.rowHeight,
+          hideFields: R.hideFields,
+          align: R.align,
+          groupBy: R.groupBy,
+          summary: R.summary,
+          sortContent: R.sortContent,
+          filterContent: R.filterContent,
+          fallbackTitle: pt,
+          trailing: ht,
+          searchCollapsible: wt,
+          disableExtendedTools: Oe,
+          undoRedo: R.undoRedo ? {
+            ...R.undoRedo,
+            isDisabled: R.undoRedo.isDisabled ?? Oe
           } : void 0
         }
       ) : null;
     }, [
-      ye,
-      Ve,
-      Q,
-      Z,
-      M,
-      K,
-      ee,
-      te,
-      ke,
-      h,
       Fe,
-      Me,
-      Ue,
-      ue
-    ]), Ye = Xe != null && xt !== !1, He = !!x && (x == null ? void 0 : x.showPagination) !== !1, Pt = Ye || He, Qe = !P && i.length === 0 && De != null, m = !!(gt && v), Se = !!(v != null && v.showFooterRow), T = bt ?? (m || Se || be), Tt = Qe && !(Se && v), D = l.length + (W ? 1 : 0) + (m ? 1 : 0), Ot = !!(mt && we), y = H ? "border-r border-secondary last:border-r-0" : void 0, I = u(() => {
-      if (!w) return null;
-      const e = l.reduce(
-        (a, f) => X(f) ? a + Te(Oe(f)) : a,
+      kt,
+      pe,
+      he,
+      ne,
+      ye,
+      we,
+      me,
+      qe,
+      R,
+      pt,
+      ht,
+      wt,
+      Oe
+    ]), It = Et != null && tr !== !1, Lt = !!P && (P == null ? void 0 : P.showPagination) !== !1, yr = It || Lt, Nt = !M && d.length === 0 && yt != null, S = !!(rr && O), He = !!(O != null && O.showFooterRow), W = nr ?? (S || He || $e), wr = Nt && !(He && O), ie = u.length + (G ? 1 : 0) + (S ? 1 : 0), mr = !!(ir && Ge), I = fe ? "border-r border-secondary last:border-r-0" : void 0, X = k(() => {
+      if (!L) return null;
+      const e = u.reduce(
+        (i, n) => de(n) ? i + ot(st(n)) : i,
         0
       );
-      return { minTableWidth: l.filter(
-        (a) => !X(a)
+      return { minTableWidth: u.filter(
+        (i) => !de(i)
       ).reduce(
-        (a, f) => a + Te(f.minWidth),
+        (i, n) => i + ot(n.minWidth),
         0
       ) + e };
-    }, [l, w]), Lt = u(() => {
+    }, [u, L]), gr = k(() => {
       const e = /* @__PURE__ */ new Map();
-      return re && l.forEach((r) => {
+      return ge && u.forEach((r) => {
         e.set(
           r.key,
-          (n) => re(r.key, n)
+          (t) => ge(r.key, t)
         );
       }), e;
-    }, [l, re]), R = Vt(null), [U, Ze] = B(null), ve = J(
-      (e, r, n) => {
-        var f;
-        let a = n ?? null;
-        if (a == null) {
-          const N = (f = tr(
-            R.current,
+    }, [u, ge]), g = ae(null), [oe, Dt] = q(null), Ke = v(
+      (e, r, t) => {
+        var a;
+        let i = t ?? null;
+        if (i == null) {
+          const l = (a = $r(
+            g.current,
             e,
             r
-          )) == null ? void 0 : f.getAttribute("data-grid-source-index"), _ = N != null && N !== "" ? Number(N) : NaN;
-          a = Number.isNaN(_) ? null : _;
+          )) == null ? void 0 : a.getAttribute("data-grid-source-index"), p = l != null && l !== "" ? Number(l) : NaN;
+          i = Number.isNaN(p) ? null : p;
         }
-        ge({ rowId: e, columnKey: r, sourceIndex: a });
+        const n = {
+          rowId: e,
+          columnKey: r,
+          sourceIndex: i
+        };
+        if (y) {
+          N == null || N(_e(n));
+          return;
+        }
+        bt(n);
+      },
+      [y, N]
+    ), Ee = v(() => {
+      if (y) {
+        N == null || N(null);
+        return;
+      }
+      bt(null);
+    }, [y, N]), se = y ? (h == null ? void 0 : h.focus) ?? null : j, T = v(
+      (e) => {
+        y && (N == null || N(e));
       },
-      []
-    ), zt = J(
+      [y, N]
+    ), xr = v(
       (e) => {
-        var le, oe, de;
-        const r = e.key in st;
-        if (e.key !== "Enter" && e.key !== "Tab" && e.key !== "Escape" && !r || rr(e.target)) return;
+        var b, s, De;
+        const r = e.key in $t;
+        if (e.key !== "Enter" && e.key !== "Tab" && e.key !== "Escape" && e.key !== "Delete" && e.key !== "Backspace" && !r || We(e.target)) return;
         if (e.key === "Escape") {
-          if (!b) return;
-          e.preventDefault(), e.stopPropagation(), ge(null), (le = R.current) != null && le.contains(document.activeElement) && document.activeElement.blur();
+          if (!se && !h) return;
+          e.preventDefault(), e.stopPropagation(), Ee(), (b = g.current) != null && b.contains(document.activeElement) && document.activeElement.blur();
           return;
         }
-        const n = (de = (oe = e.target).closest) == null ? void 0 : de.call(
-          oe,
+        const t = (De = (s = e.target).closest) == null ? void 0 : De.call(
+          s,
           "[data-grid-cell]"
-        ), a = n == null ? void 0 : n.getAttribute("data-grid-row-id"), f = n == null ? void 0 : n.getAttribute("data-grid-col-key"), N = n == null ? void 0 : n.getAttribute(
-          "data-grid-source-index"
-        ), _ = N != null && N !== "" ? Number(N) : NaN, o = Number.isNaN(_) ? null : _, C = b ?? (a && f ? {
-          rowId: a,
-          columnKey: f,
-          sourceIndex: o
-        } : null);
-        if (!C) return;
+        ), i = t ? Se(t) : null, n = se ?? i;
+        if (!n) return;
+        if (e.key === "Delete" || e.key === "Backspace") {
+          if (!y || !h || !Me) return;
+          const Pe = it(
+            h,
+            x,
+            z
+          );
+          if (!Pe) return;
+          e.preventDefault(), e.stopPropagation(), Me({ selection: h, rect: Pe, event: e.nativeEvent });
+          return;
+        }
         if (e.key === "Enter") {
-          if (!xe) return;
-          e.preventDefault(), e.stopPropagation(), xe({
-            rowId: C.rowId,
-            columnKey: C.columnKey,
-            sourceIndex: C.sourceIndex
+          if (!J) return;
+          e.preventDefault(), e.stopPropagation(), J({
+            rowId: n.rowId,
+            columnKey: n.columnKey,
+            sourceIndex: n.sourceIndex
           });
           return;
         }
-        const E = r ? nr(
-          R.current,
-          g,
-          se,
-          C.rowId,
-          C.columnKey,
-          st[e.key]
-        ) : ir(
-          R.current,
-          g,
-          se,
-          C.rowId,
-          C.columnKey,
+        const a = y && e.shiftKey && r && h != null, l = r ? jr(
+          g.current,
+          x,
+          z,
+          n.rowId,
+          n.columnKey,
+          $t[e.key]
+        ) : Br(
+          g.current,
+          x,
+          z,
+          n.rowId,
+          n.columnKey,
           !e.shiftKey
         );
-        if (!E) {
+        if (!l) {
           r && (e.preventDefault(), e.stopPropagation());
           return;
         }
-        e.preventDefault(), e.stopPropagation(), ve(E.rowId, E.columnKey, E.sourceIndex), requestAnimationFrame(
-          () => sr(
-            R.current,
-            E.rowId,
-            E.columnKey
+        e.preventDefault(), e.stopPropagation();
+        const p = {
+          rowId: l.rowId,
+          columnKey: l.columnKey,
+          sourceIndex: l.sourceIndex
+        };
+        a && h ? T({
+          anchor: h.anchor,
+          focus: p
+        }) : y ? T(_e(p)) : Ke(l.rowId, l.columnKey, l.sourceIndex), requestAnimationFrame(
+          () => Yt(
+            g.current,
+            l.rowId,
+            l.columnKey
           )
         );
       },
-      [b, g, se, xe, ve]
+      [
+        se,
+        x,
+        y,
+        h,
+        Ee,
+        z,
+        T,
+        J,
+        Me,
+        Ke
+      ]
     );
-    Xt(() => {
-      if (!T || !b) return;
+    $(() => {
+      if (!W || !se && !h) return;
       const e = (r) => {
-        const n = R.current;
-        n && !n.contains(r.target) && ge(null);
+        const t = g.current;
+        t && !t.contains(r.target) && Ee();
       };
       return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-    }, [T, b]);
-    const Ke = u(() => {
+    }, [W, se, h, Ee]);
+    const Pt = k(() => {
       let e = 0;
-      return W && (e += 40), m && (e += 56), l.forEach((r) => {
-        X(r) && (e += Te(Oe(r)));
+      return G && (e += 40), S && (e += 56), u.forEach((r) => {
+        de(r) && (e += ot(st(r)));
       }), e;
-    }, [l, m, W]), We = u(
-      () => l.filter((e) => !X(e)).length,
-      [l]
-    ), Re = u(() => {
-      if (!w || !I) return null;
-      const { minTableWidth: e } = I;
-      return U ? Math.max(U, e) : e;
-    }, [U, w, I]), Ie = !!(w && I && U && U < I.minTableWidth), _e = u(() => !Re || We === 0 ? null : Math.max(
+    }, [u, S, G]), Je = k(
+      () => u.filter((e) => !de(e)).length,
+      [u]
+    ), Ve = k(() => {
+      if (!L || !X) return null;
+      const { minTableWidth: e } = X;
+      return oe ? Math.max(oe, e) : e;
+    }, [oe, L, X]), Qe = !!(L && X && oe && oe < X.minTableWidth), Ze = k(() => !Ve || Je === 0 ? null : Math.max(
       0,
-      (Re - Ke) / We
-    ), [Re, Ke, We]);
-    Yt(() => {
-      if (!w) {
-        Ze(null);
+      (Ve - Pt) / Je
+    ), [Ve, Pt, Je]);
+    Gr(() => {
+      if (!L) {
+        Dt(null);
         return;
       }
-      const e = R.current;
+      const e = g.current;
       if (!e) return;
       const r = () => {
-        const a = e.clientWidth;
-        a > 0 && Ze((f) => f === a ? f : a);
+        const i = e.clientWidth;
+        i > 0 && Dt((n) => n === i ? n : i);
       };
       r();
-      const n = new ResizeObserver(r);
-      return n.observe(e), () => {
-        n.disconnect();
+      const t = new ResizeObserver(r);
+      return t.observe(e), () => {
+        t.disconnect();
       };
     }, [
-      l.length,
-      i.length,
-      w,
-      P,
-      m,
-      W
+      u.length,
+      d.length,
+      L,
+      M,
+      S,
+      G
     ]);
-    const Ee = J(
-      (e) => w ? X(e) ? ot(e) : _e != null ? {
-        width: `${_e}px`,
+    const et = v(
+      (e) => L ? de(e) ? qt(e) : Ze != null ? {
+        width: `${Ze}px`,
         minWidth: e.minWidth,
-        maxWidth: e.maxWidth ?? Le
-      } : ot(e) : Cr(e),
-      [w, _e]
-    ), At = u(() => {
-      if (!(!w || !I))
-        return Ie ? {
-          width: `${I.minTableWidth}px`,
+        maxWidth: e.maxWidth ?? at
+      } : qt(e) : In(e),
+      [L, Ze]
+    ), br = k(() => {
+      if (!(!L || !X))
+        return Qe ? {
+          width: `${X.minTableWidth}px`,
           tableLayout: "fixed"
         } : {
           width: "100%",
           tableLayout: "fixed"
         };
-    }, [w, I, Ie]), Gt = J(
+    }, [L, X, Qe]), Rr = v(
+      (e) => {
+        g.current = e, typeof re == "function" ? re(e) : re && (re.current = e);
+      },
+      [re]
+    ), vr = Re && ue ? {
+      selectionMode: Z,
+      selectedKeys: C === "all" ? "all" : C,
+      onSelectionChange: kn(D)
+    } : {}, kr = (e, r = 0) => {
+      const t = e.__sourceIndex;
+      return typeof t == "number" ? t : r;
+    }, Ie = v(
+      (e) => {
+        const r = F.current;
+        if (!r) return;
+        const { fromSourceIndex: t, toSourceIndex: i, item: n, active: a } = r;
+        V(null), e && a && t !== i && (E != null && E.onReorderRows) && E.onReorderRows(t, i, n);
+      },
+      [E, V]
+    ), Le = v(
+      (e, r) => {
+        const t = F.current;
+        if (!t) return;
+        Ue.current = { x: e, y: r };
+        const i = e - t.startX, n = r - t.startY, a = Math.hypot(i, n), l = t.active || a >= Ar;
+        let p = {
+          ...t,
+          currentX: e,
+          currentY: r,
+          active: l
+        };
+        if (l) {
+          t.active || xt(null);
+          const b = g.current;
+          if (b) {
+            const s = Hr(
+              b,
+              r,
+              t.fromSourceIndex,
+              t.rowId
+            );
+            s && (p = {
+              ...p,
+              toSourceIndex: s.toSourceIndex,
+              // Clip to scrollport so the line never draws over the header / outside the card.
+              dropLineY: Kr(
+                s.dropLineY,
+                b
+              ),
+              dropLineLeft: s.dropLineLeft,
+              dropLineWidth: s.dropLineWidth
+            });
+          }
+        }
+        V(p);
+      },
+      [V]
+    ), Er = v(
+      (e, r, t, i) => {
+        var b, s;
+        if (!je || e.button !== 0) return;
+        const n = (b = g.current) == null ? void 0 : b.querySelector(
+          `tr[${Mt}="${CSS.escape(r)}"]`
+        );
+        if (!n) return;
+        e.preventDefault();
+        try {
+          e.currentTarget.setPointerCapture(e.pointerId);
+        } catch {
+        }
+        const a = Jr(n), l = Vr(n), p = ((s = n.closest("table")) == null ? void 0 : s.getBoundingClientRect()) ?? n.getBoundingClientRect();
+        Ue.current = { x: e.clientX, y: e.clientY }, V({
+          rowId: r,
+          fromSourceIndex: t,
+          item: i,
+          pointerId: e.pointerId,
+          startX: e.clientX,
+          startY: e.clientY,
+          currentX: e.clientX,
+          currentY: e.clientY,
+          active: !1,
+          preview: a,
+          toSourceIndex: t,
+          dropLineY: null,
+          dropLineLeft: p.left,
+          dropLineWidth: p.width,
+          rowClone: l
+        });
+      },
+      [je, V]
+    ), Wt = f != null;
+    $(() => {
+      if (!Wt) return;
+      const e = (n) => {
+        var a;
+        n.pointerId === ((a = F.current) == null ? void 0 : a.pointerId) && Le(n.clientX, n.clientY);
+      }, r = (n) => {
+        var a;
+        n.pointerId === ((a = F.current) == null ? void 0 : a.pointerId) && Ie(!0);
+      }, t = (n) => {
+        var a;
+        n.pointerId === ((a = F.current) == null ? void 0 : a.pointerId) && Ie(!1);
+      }, i = (n) => {
+        n.key === "Escape" && (n.preventDefault(), Ie(!1));
+      };
+      return window.addEventListener("pointermove", e), window.addEventListener("pointerup", r), window.addEventListener("pointercancel", t), window.addEventListener("keydown", i), () => {
+        window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", r), window.removeEventListener("pointercancel", t), window.removeEventListener("keydown", i);
+      };
+    }, [Wt, Ie, Le]), $(() => {
+      if (!(f != null && f.active)) return;
+      const e = document.body.style.userSelect, r = document.body.style.cursor;
+      return document.body.style.userSelect = "none", document.body.style.cursor = "grabbing", () => {
+        document.body.style.userSelect = e, document.body.style.cursor = r;
+      };
+    }, [f == null ? void 0 : f.active]), $(() => {
+      if (!(f != null && f.active)) return;
+      let e = 0;
+      const r = () => {
+        const t = F.current, i = g.current;
+        if (!(t != null && t.active) || !i) return;
+        const { x: n, y: a } = Ue.current, l = en(i, a);
+        l !== 0 && (i.scrollTop += l, Le(n, a)), e = requestAnimationFrame(r);
+      };
+      return e = requestAnimationFrame(r), () => cancelAnimationFrame(e);
+    }, [f == null ? void 0 : f.active, Le]);
+    const Ne = v(
+      (e, r) => {
+        const t = U.current, i = g.current;
+        if (!t || !i) return;
+        Xe.current = { x: e, y: r };
+        const n = e - t.startX, a = r - t.startY, l = Math.hypot(n, a), p = t.active || l >= nn;
+        if (p && !t.active && (t.active = !0, Rt(!0)), !p) return;
+        const b = on(i, e, r), s = b ? Se(b) : null;
+        s && (t.focus = s, T({
+          anchor: t.anchor,
+          focus: s
+        }));
+      },
+      [T]
+    ), tt = v((e) => {
+      const r = U.current;
+      U.current = null, Rt(!1), r && requestAnimationFrame(
+        () => Yt(
+          g.current,
+          r.focus.rowId,
+          r.focus.columnKey
+        )
+      );
+    }, []), Ir = v(
+      (e) => {
+        if (!y || !W || !J || We(e.target)) return;
+        const r = Ut(
+          e.target,
+          g.current
+        );
+        if (!r) return;
+        const t = Se(r);
+        t && (e.preventDefault(), e.stopPropagation(), T(_e(t)), J({
+          rowId: t.rowId,
+          columnKey: t.columnKey,
+          sourceIndex: t.sourceIndex
+        }));
+      },
+      [y, T, W, J]
+    ), Lr = v(
       (e) => {
-        R.current = e, typeof F == "function" ? F(e) : F && (F.current = e);
+        if (!y || !W || e.button !== 0 || F.current) return;
+        const r = Ut(
+          e.target,
+          g.current
+        );
+        if (!r) return;
+        const t = Se(r);
+        if (!t) return;
+        const i = e.shiftKey && h != null, n = i ? h.anchor : t;
+        Xe.current = { x: e.clientX, y: e.clientY }, U.current = {
+          pointerId: e.pointerId,
+          startX: e.clientX,
+          startY: e.clientY,
+          active: !1,
+          anchor: n,
+          origin: t,
+          focus: t,
+          extend: i
+        }, T(i ? { anchor: n, focus: t } : _e(t));
       },
-      [F]
-    ), $t = ie ? {
-      selectionMode: G,
-      selectedKeys: k === "all" ? "all" : k,
-      onSelectionChange: Nr(p)
-    } : {}, jt = (e) => {
-      const r = e.__sourceIndex;
-      return typeof r == "number" ? r : 0;
-    }, Pe = ie && br(k, g), Ft = ie && mr(k, g), Mt = () => {
-      if (p) {
-        if (Pe) {
-          p(/* @__PURE__ */ new Set());
+      [y, h, T, W]
+    );
+    $(() => {
+      if (!y) return;
+      const e = (i) => {
+        const n = U.current;
+        !n || i.pointerId !== n.pointerId || (i.preventDefault(), Ne(i.clientX, i.clientY));
+      }, r = (i) => {
+        const n = U.current;
+        !n || i.pointerId !== n.pointerId || tt(!0);
+      }, t = (i) => {
+        const n = U.current;
+        !n || i.pointerId !== n.pointerId || tt(!1);
+      };
+      return window.addEventListener("pointermove", e), window.addEventListener("pointerup", r), window.addEventListener("pointercancel", t), () => {
+        window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", r), window.removeEventListener("pointercancel", t);
+      };
+    }, [y, tt, Ne]), $(() => {
+      if (!be) return;
+      const e = document.body.style.userSelect;
+      return document.body.style.userSelect = "none", () => {
+        document.body.style.userSelect = e;
+      };
+    }, [be]), $(() => {
+      if (!be) return;
+      let e = 0;
+      const r = () => {
+        const t = U.current, i = g.current;
+        if (!(t != null && t.active) || !i) return;
+        const { x: n, y: a } = Xe.current, { dx: l, dy: p } = sn(i, n, a);
+        (l !== 0 || p !== 0) && (l !== 0 && (i.scrollLeft += l), p !== 0 && (i.scrollTop += p), Ne(n, a)), e = requestAnimationFrame(r);
+      };
+      return e = requestAnimationFrame(r), () => cancelAnimationFrame(e);
+    }, [be, Ne]), $(() => {
+      if (!y || !h) return;
+      const e = (t) => {
+        if (We(t.target)) return;
+        const i = g.current;
+        if (!i) return;
+        const n = document.activeElement;
+        if (n && !i.contains(n) && t.target instanceof Node && !i.contains(t.target))
+          return;
+        const a = it(
+          h,
+          x,
+          z
+        );
+        !a || !ze || (t.preventDefault(), ze({ selection: h, rect: a, event: t }));
+      }, r = (t) => {
+        var p;
+        if (We(t.target)) return;
+        const i = g.current;
+        if (!i) return;
+        const n = document.activeElement;
+        if (n && !i.contains(n) && t.target instanceof Node && !i.contains(t.target))
+          return;
+        const a = it(
+          h,
+          x,
+          z
+        );
+        if (!a || !Ye) return;
+        const l = ((p = t.clipboardData) == null ? void 0 : p.getData("text/plain")) ?? "";
+        t.preventDefault(), Ye({ selection: h, rect: a, text: l, event: t });
+      };
+      return document.addEventListener("copy", e), document.addEventListener("paste", r), () => {
+        document.removeEventListener("copy", e), document.removeEventListener("paste", r);
+      };
+    }, [
+      x,
+      y,
+      h,
+      z,
+      ze,
+      Ye
+    ]);
+    const rt = Re && Rn(C, x), Nr = Re && vn(C, x), Dr = () => {
+      if (D) {
+        if (rt) {
+          D(/* @__PURE__ */ new Set());
           return;
         }
-        p("all");
+        D("all");
       }
-    }, Dt = (e, r) => {
-      if (!p) return;
-      if (G === "single") {
-        p(r ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
+    }, Pr = (e, r) => {
+      if (!D) return;
+      if (Z === "single") {
+        D(r ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
         return;
       }
-      const n = k === "all" ? new Set(g) : new Set(at(k, g));
-      r ? n.add(e) : n.delete(e), p(n);
-    }, Ut = (e) => {
-      const r = ne.has(e.key);
-      return Be ? /* @__PURE__ */ s(
-        d.Row,
+      const t = C === "all" ? new Set(x) : new Set(jt(C, x));
+      r ? t.add(e) : t.delete(e), D(t);
+    }, Wr = (e) => {
+      const r = xe.has(e.key);
+      return gt ? /* @__PURE__ */ c(
+        w.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
-          children: /* @__PURE__ */ s(d.Cell, { colSpan: D, className: c(y), children: Be(e) })
+          children: /* @__PURE__ */ c(w.Cell, { colSpan: ie, className: m(I), children: gt(e) })
         },
         `group-${e.key}`
-      ) : /* @__PURE__ */ s(
-        d.Row,
+      ) : /* @__PURE__ */ c(
+        w.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
-          children: /* @__PURE__ */ s(
-            d.Cell,
+          children: /* @__PURE__ */ c(
+            w.Cell,
             {
-              colSpan: D,
-              className: c("py-1.5", y),
-              children: /* @__PURE__ */ S(
+              colSpan: ie,
+              className: m("py-1.5", I),
+              children: /* @__PURE__ */ _(
                 "button",
                 {
                   type: "button",
                   className: "flex w-full items-center gap-2 px-2 text-left text-xs font-medium text-secondary",
-                  onClick: () => Et(e.key),
+                  onClick: () => hr(e.key),
                   "aria-expanded": !r,
                   children: [
-                    /* @__PURE__ */ s(
-                      Ht,
+                    /* @__PURE__ */ c(
+                      zr,
                       {
-                        className: c(
+                        className: m(
                           "size-4 shrink-0 text-fg-quaternary transition-transform",
                           !r && "rotate-90"
                         )
                       }
                     ),
-                    /* @__PURE__ */ s("span", { className: "truncate", children: e.label || "(Empty)" }),
-                    /* @__PURE__ */ S("span", { className: "text-tertiary", children: [
+                    /* @__PURE__ */ c("span", { className: "truncate", children: e.label || "(Empty)" }),
+                    /* @__PURE__ */ _("span", { className: "text-tertiary", children: [
                       "(",
                       e.rows.length,
                       ")"
@@ -464,48 +769,56 @@ const Le = "300px", Te = (t) => {
         },
         `group-${e.key}`
       );
-    }, et = (e, r) => {
-      const n = $e ? $e(e) : !1, a = V(e), f = jt(e), N = xr(k, a, g), _ = Wt === a;
-      return /* @__PURE__ */ S(
-        d.Row,
+    }, _t = (e, r, t = 0) => {
+      const i = ut ? ut(e) : !1, n = ce(e), a = kr(e, t), l = xn(C, n, x), p = lr === n, b = (f == null ? void 0 : f.active) === !0 && f.rowId === n;
+      return /* @__PURE__ */ _(
+        w.Row,
         {
-          onAction: () => Y == null ? void 0 : Y(e),
-          onMouseEnter: () => O == null ? void 0 : O(e, !0),
-          onMouseLeave: () => O == null ? void 0 : O(e, !1),
-          id: a,
+          onAction: () => {
+            var s;
+            (s = F.current) != null && s.active || le == null || le(e);
+          },
+          onMouseEnter: () => A == null ? void 0 : A(e, !0),
+          onMouseLeave: () => A == null ? void 0 : A(e, !1),
+          id: n,
           value: e,
-          columns: l,
-          expandedColSpan: D,
-          isExpandable: n,
-          highlightSelectedRow: !he,
-          renderExpandedContent: n ? wt : void 0,
-          className: c(
-            Y && "cursor-pointer",
-            ft ? "prose" : "",
-            Ge && "[&>td]:after:hidden",
-            be && "group/rowactions",
-            _ && "bg-utility-brand-25 hover:bg-utility-brand-25",
-            qe,
-            fe == null ? void 0 : fe(e)
+          columns: u,
+          expandedColSpan: ie,
+          isExpandable: i,
+          highlightSelectedRow: ue,
+          renderExpandedContent: i ? Zt : void 0,
+          [Mt]: n,
+          [rn]: String(a),
+          className: m(
+            le && "cursor-pointer",
+            Kt ? "prose" : "",
+            lt && "[&>td]:after:hidden",
+            $e && "group/rowactions",
+            p && "bg-utility-brand-25 hover:bg-utility-brand-25",
+            G && l && "bg-secondary",
+            mt,
+            Te == null ? void 0 : Te(e)
           ),
+          style: b ? tn : void 0,
           children: [
-            W && /* @__PURE__ */ s(
-              d.Cell,
+            G && /* @__PURE__ */ c(
+              w.Cell,
               {
-                className: c("relative w-10 text-center", y),
+                "data-grid-no-range": "",
+                className: m("relative w-10 text-center", I),
                 style: { minWidth: "40px", width: "40px" },
-                children: /* @__PURE__ */ s(
+                children: /* @__PURE__ */ c(
                   "div",
                   {
                     className: "flex items-center justify-center",
-                    onClick: (o) => o.stopPropagation(),
-                    onKeyDown: (o) => o.stopPropagation(),
-                    children: /* @__PURE__ */ s(
-                      it,
+                    onClick: (s) => s.stopPropagation(),
+                    onKeyDown: (s) => s.stopPropagation(),
+                    children: /* @__PURE__ */ c(
+                      Xt,
                       {
-                        checked: N,
-                        onCheckedChange: (o) => Dt(a, o === !0),
-                        "aria-label": `Select row ${a}`,
+                        checked: l,
+                        onCheckedChange: (s) => Pr(n, s === !0),
+                        "aria-label": `Select row ${n}`,
                         className: "items-center justify-center"
                       }
                     )
@@ -513,188 +826,216 @@ const Le = "300px", Te = (t) => {
                 )
               }
             ),
-            l.map((o, C) => {
-              const E = Je.get(o.key), le = lt(
-                o.key,
-                z,
-                E
-              ), oe = (A == null ? void 0 : A.rowId) === a && (A == null ? void 0 : A.columnKey) === o.key, de = T && !oe && (b == null ? void 0 : b.rowId) === a && (b == null ? void 0 : b.columnKey) === o.key;
-              return /* @__PURE__ */ s(
-                d.Cell,
+            u.map((s, De) => {
+              const Pe = vt.get(s.key), Cr = Bt(
+                s.key,
+                K,
+                Pe
+              ), Ot = (Q == null ? void 0 : Q.rowId) === n && (Q == null ? void 0 : Q.columnKey) === s.key, B = y ? an(
+                h,
+                n,
+                s.key,
+                x,
+                z
+              ) : null, Tr = !y && W && !Ot && (j == null ? void 0 : j.rowId) === n && (j == null ? void 0 : j.columnKey) === s.key, nt = !!(B != null && B.inRange) && W && !Ot, Ft = nt && B ? cn(B.edges) : void 0, Or = et(s);
+              return /* @__PURE__ */ c(
+                w.Cell,
                 {
-                  sticky: o.sticky,
-                  stickyOffset: o.stickyOffset,
-                  style: Ee(o),
+                  sticky: s.sticky,
+                  stickyOffset: s.stickyOffset,
+                  style: {
+                    ...Or,
+                    ...Ft ? { boxShadow: Ft } : null
+                  },
                   "data-grid-cell": "",
-                  "data-grid-row-id": a,
-                  "data-grid-col-key": o.key,
-                  "data-grid-source-index": f,
-                  className: c(
+                  "data-grid-row-id": n,
+                  "data-grid-col-key": s.key,
+                  "data-grid-source-index": a,
+                  className: m(
                     "relative overflow-x-hidden",
-                    // Excel-style selected-cell highlight: an inset brand border on the
-                    // selected cell (state-driven). Inset so it sits at the cell edge
-                    // without shifting layout. `after:opacity-0` hides the row's bottom-
-                    // border pseudo-element so it doesn't overlap the ring's bottom edge.
-                    de && "z-1 outline-hidden ring-2 ring-inset ring-brand after:opacity-0",
-                    o.cellClassName,
-                    er(le),
-                    y
+                    // Uncontrolled single-cell highlight (legacy).
+                    Tr && "z-1 outline-hidden ring-2 ring-inset ring-brand after:opacity-0",
+                    // Controlled range: fill all selected cells except the anchor; perimeter via boxShadow.
+                    nt && "z-1 outline-hidden after:opacity-0",
+                    nt && B && !B.isAnchor && "bg-utility-brand-25",
+                    s.cellClassName,
+                    Xr(Cr),
+                    I
                   ),
                   children: (() => {
-                    const nt = C === 0 && (n || be) ? /* @__PURE__ */ S("div", { className: "flex items-center", children: [
-                      pe && /* @__PURE__ */ s(
+                    const Gt = De === 0 && (i || $e) ? /* @__PURE__ */ _("div", { className: "flex items-center", children: [
+                      E && /* @__PURE__ */ c(
                         "div",
                         {
+                          "data-grid-no-range": "",
                           className: "flex items-center justify-center",
-                          onClick: (q) => q.stopPropagation(),
-                          onKeyDown: (q) => q.stopPropagation(),
-                          children: /* @__PURE__ */ s(
-                            hr,
+                          onClick: (Y) => Y.stopPropagation(),
+                          onContextMenu: (Y) => Y.stopPropagation(),
+                          onKeyDown: (Y) => Y.stopPropagation(),
+                          children: /* @__PURE__ */ c(
+                            hn,
                             {
-                              config: pe,
-                              sourceRowIndex: f,
+                              config: E,
+                              sourceRowIndex: a,
                               item: e,
-                              triggerClassName: c(
+                              enableDrag: je,
+                              isDragging: b,
+                              onDragHandlePointerDown: (Y) => Er(
+                                Y,
+                                n,
+                                a,
+                                e
+                              ),
+                              triggerClassName: m(
+                                // Hover-reveal: hidden until row hover / focus / menu open / this row is the drag source.
+                                // Do not force all handles visible while another row is dragging.
                                 "transition-opacity group-hover/rowactions:opacity-100 focus-visible:opacity-100",
-                                _ ? "opacity-100" : "opacity-0"
+                                p || b ? "opacity-100" : "opacity-0"
                               ),
-                              onOpenChange: (q) => Rt(q ? a : null)
+                              onOpenChange: (Y) => xt(Y ? n : null)
                             }
                           )
                         }
                       ),
-                      /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: ze(o.key, e[o.key], e) })
-                    ] }) : ze(o.key, e[o.key], e);
-                    return T ? /* @__PURE__ */ s(
+                      /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: ct(s.key, e[s.key], e) })
+                    ] }) : ct(s.key, e[s.key], e);
+                    return W ? /* @__PURE__ */ c(
                       "div",
                       {
                         "data-grid-focus": !0,
                         tabIndex: -1,
                         className: "outline-hidden",
-                        children: nt
+                        children: Gt
                       }
-                    ) : nt;
+                    ) : Gt;
                   })()
                 },
-                o.key
+                s.key
               );
             }),
-            m && v && /* @__PURE__ */ s(
-              d.Cell,
+            S && O && /* @__PURE__ */ c(
+              w.Cell,
               {
-                className: c("relative w-14 text-center", y),
+                "data-grid-no-range": "",
+                className: m("relative w-14 text-center", I),
                 style: { minWidth: "56px", width: "56px" },
-                children: /* @__PURE__ */ s(
+                children: /* @__PURE__ */ c(
                   "button",
                   {
                     type: "button",
                     title: "Delete row",
                     "aria-label": "Delete row",
                     className: "inline-flex items-center justify-center rounded p-1 text-fg-quaternary hover:bg-secondary_subtle hover:text-fg-secondary",
-                    onClick: (o) => {
-                      o.stopPropagation(), v.onDeleteRow(f);
+                    onClick: (s) => {
+                      s.stopPropagation(), O.onDeleteRow(a);
                     },
-                    children: /* @__PURE__ */ s(ur, { name: "Trash02", className: "size-3" })
+                    children: /* @__PURE__ */ c(yn, { name: "Trash02", className: "size-3" })
                   }
                 )
               }
             )
           ]
         },
-        a
+        n
       );
-    }, qt = (e) => /* @__PURE__ */ S(
-      d.Row,
+    }, _r = (e) => /* @__PURE__ */ _(
+      w.Row,
       {
         id: String(e.id),
         isExpandable: !1,
-        className: c(Ge && "[&>td]:after:hidden", qe),
+        className: m(lt && "[&>td]:after:hidden", mt),
         children: [
-          W && /* @__PURE__ */ s(
-            d.Cell,
+          G && /* @__PURE__ */ c(
+            w.Cell,
             {
-              className: c("relative w-10", y),
+              className: m("relative w-10", I),
               style: { minWidth: "40px", width: "40px" }
             }
           ),
-          l.map((r) => /* @__PURE__ */ s(
-            d.Cell,
+          u.map((r) => /* @__PURE__ */ c(
+            w.Cell,
             {
               sticky: r.sticky,
               stickyOffset: r.stickyOffset,
-              style: Ee(r),
-              className: c(
+              style: et(r),
+              className: m(
                 "overflow-x-hidden text-left",
                 r.cellClassName,
-                y
+                I
               ),
-              children: /* @__PURE__ */ s(yr, { height: "14px", width: "75%", className: "rounded" })
+              children: /* @__PURE__ */ c(wn, { height: "14px", width: "75%", className: "rounded" })
             },
             r.key
           )),
-          m && /* @__PURE__ */ s(
-            d.Cell,
+          S && /* @__PURE__ */ c(
+            w.Cell,
             {
-              className: c("w-14", y),
+              className: m("w-14", I),
               style: { minWidth: "56px", width: "56px" }
             }
           )
         ]
       },
       String(e.id)
-    ), Bt = () => P ? ae.map((e) => qt(e)) : me && L ? L.flatMap((e) => {
-      const r = ne.has(e.key);
+    ), Sr = () => M ? ke.map((e) => _r(e)) : ve && H ? H.flatMap((e) => {
+      const r = xe.has(e.key);
       return [
-        Ut(e),
-        ...r ? [] : e.rows.map((n) => et(n))
+        Wr(e),
+        ...r ? [] : e.rows.map(
+          (t, i) => _t(t, void 0, i)
+        )
       ];
-    }) : ae.map((e) => et(e)), tt = /* @__PURE__ */ s(
-      Qt.Root,
+    }) : ke.map(
+      (e, r) => _t(e, void 0, r)
+    ), St = /* @__PURE__ */ c(
+      Yr.Root,
       {
-        ref: Gt,
-        onKeyDownCapture: T ? zt : void 0,
-        className: c(
+        ref: Rr,
+        onKeyDownCapture: W ? xr : void 0,
+        onPointerDownCapture: y ? Lr : void 0,
+        onDoubleClickCapture: y ? Ir : void 0,
+        className: m(
           "w-full",
-          !w || Ie ? "overflow-x-auto" : "overflow-x-hidden",
-          H && "border border-secondary rounded-xl",
+          !L || Qe ? "overflow-x-auto" : "overflow-x-hidden",
+          fe && "border border-secondary rounded-xl",
           "[&_tr:hover>td]:!bg-secondary_subtle",
-          ut
+          Vt
         ),
-        size: Ae,
-        children: /* @__PURE__ */ S(
-          d,
+        size: dt,
+        children: /* @__PURE__ */ _(
+          w,
           {
-            "aria-label": ct,
-            size: Ae,
-            isEditable: T,
-            inlineSelection: he,
-            className: c(w && "min-w-full", pt),
-            style: At,
-            ...$t,
+            "aria-label": Ht,
+            size: dt,
+            isEditable: W,
+            inlineSelection: ue,
+            className: m(L && "min-w-full", er),
+            style: br,
+            ...vr,
             children: [
-              /* @__PURE__ */ S(
-                d.Header,
+              /* @__PURE__ */ _(
+                w.Header,
                 {
-                  className: c(
-                    "sticky top-0",
-                    H && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none z-1",
-                    yt
+                  className: m(
+                    "sticky top-0 z-20",
+                    fe && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none",
+                    Qt
                   ),
                   children: [
-                    W && /* @__PURE__ */ s(
-                      d.Head,
+                    G && /* @__PURE__ */ c(
+                      w.Head,
                       {
                         label: "",
                         allowsSorting: !1,
                         isRowHeader: !1,
                         style: { minWidth: "40px", width: "40px" },
-                        className: c(y),
+                        className: m(I),
                         headerCellClass: "justify-center",
-                        children: G === "multiple" && p && /* @__PURE__ */ s("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ s(
-                          it,
+                        children: Z === "multiple" && D && /* @__PURE__ */ c("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ c(
+                          Xt,
                           {
-                            checked: Pe ? !0 : Ft && !Pe ? "indeterminate" : !1,
-                            onCheckedChange: () => Mt(),
+                            checked: rt ? !0 : Nr && !rt ? "indeterminate" : !1,
+                            onCheckedChange: () => Dr(),
                             "aria-label": "Select all rows",
                             className: "items-center justify-center"
                           }
@@ -702,111 +1043,111 @@ const Le = "300px", Te = (t) => {
                       },
                       "selection"
                     ),
-                    l.map((e, r) => {
-                      const n = Nt ? _t.get(e.key) : void 0, a = Je.get(e.key), f = lt(
+                    u.map((e, r) => {
+                      const t = or ? pr.get(e.key) : void 0, i = vt.get(e.key), n = Bt(
                         e.key,
-                        z,
-                        a
-                      ), N = ht.includes(e.key) || f === "center" ? "justify-center" : f === "right" ? "justify-end" : "";
-                      return /* @__PURE__ */ s(
-                        d.Head,
+                        K,
+                        i
+                      ), a = Jt.includes(e.key) || n === "center" ? "justify-center" : n === "right" ? "justify-end" : "";
+                      return /* @__PURE__ */ c(
+                        w.Head,
                         {
                           sticky: e.sticky,
                           stickyOffset: e.stickyOffset,
                           id: e.key,
                           label: e.label,
-                          isRowHeader: r === 0 && !W,
+                          isRowHeader: r === 0,
                           allowsSorting: e.allowsSorting,
-                          headerCellClass: `${e.headerCellClass} ${N}`,
-                          style: Ee(e),
-                          className: c(
+                          headerCellClass: `${e.headerCellClass} ${a}`,
+                          style: et(e),
+                          className: m(
                             "overflow-hidden",
                             e.headClassName,
-                            y
+                            I
                           ),
-                          headerAction: n && re ? /* @__PURE__ */ s(
-                            dr,
+                          headerAction: t && ge ? /* @__PURE__ */ c(
+                            un,
                             {
-                              column: n,
-                              columnLabel: n.label ?? (a ? Kt(a, Ct) : e.label),
-                              currentAlignment: a ? dt(
-                                a,
-                                z ?? /* @__PURE__ */ new Map()
-                              ) : (z == null ? void 0 : z.get(e.key)) ?? "left",
-                              capabilities: kt,
-                              hideDisabled: l.length <= 1,
-                              onAction: Lt.get(e.key),
-                              renderExtraItems: St,
+                              column: t,
+                              columnLabel: t.label ?? (i ? Ur(i, ar) : e.label),
+                              currentAlignment: i ? At(
+                                i,
+                                K ?? /* @__PURE__ */ new Map()
+                              ) : (K == null ? void 0 : K.get(e.key)) ?? "left",
+                              capabilities: sr,
+                              hideDisabled: u.length <= 1,
+                              onAction: gr.get(e.key),
+                              renderExtraItems: cr,
                               showOnHeaderHover: !0
                             }
                           ) : void 0,
-                          children: (ce == null ? void 0 : ce(e.key)) ?? null
+                          children: (Ce == null ? void 0 : Ce(e.key)) ?? null
                         },
                         e.key
                       );
                     }),
-                    m && /* @__PURE__ */ s(
-                      d.Head,
+                    S && /* @__PURE__ */ c(
+                      w.Head,
                       {
                         label: "",
                         allowsSorting: !1,
                         isRowHeader: !1,
                         style: { minWidth: "56px", width: "56px" },
-                        className: c(y)
+                        className: m(I)
                       },
                       "actions"
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ S(d.Body, { children: [
-                !Qe && Bt(),
-                Tt && /* @__PURE__ */ s(
-                  d.Row,
+              /* @__PURE__ */ _(w.Body, { children: [
+                !Nt && Sr(),
+                wr && /* @__PURE__ */ c(
+                  w.Row,
                   {
                     id: "empty-state",
                     highlightSelectedRow: !1,
-                    children: /* @__PURE__ */ s(
-                      d.Cell,
+                    children: /* @__PURE__ */ c(
+                      w.Cell,
                       {
-                        colSpan: D,
-                        className: c(
+                        colSpan: ie,
+                        className: m(
                           "text-left text-placeholder_subtle border-b border-secondary py-3",
-                          y
+                          I
                         ),
-                        children: De
+                        children: yt
                       }
                     )
                   },
                   "empty-state"
                 ),
-                Se && v && /* @__PURE__ */ S(
-                  d.Row,
+                He && O && /* @__PURE__ */ _(
+                  w.Row,
                   {
                     id: "add-row-footer",
                     highlightSelectedRow: !1,
                     children: [
-                      /* @__PURE__ */ s(
-                        d.Cell,
+                      /* @__PURE__ */ c(
+                        w.Cell,
                         {
-                          colSpan: D - (m ? 1 : 0),
-                          className: c(y),
-                          children: /* @__PURE__ */ s(
-                            cr,
+                          colSpan: ie - (S ? 1 : 0),
+                          className: m(I),
+                          children: /* @__PURE__ */ c(
+                            fn,
                             {
                               color: "tertiary",
                               className: "bg-secondary text-primary",
                               size: "xs",
-                              onClick: v.onAddRow,
+                              onClick: O.onAddRow,
                               children: "+ Add Row"
                             }
                           )
                         }
                       ),
-                      m && /* @__PURE__ */ s(
-                        d.Cell,
+                      S && /* @__PURE__ */ c(
+                        w.Cell,
                         {
-                          className: c("w-14", y),
+                          className: m("w-14", I),
                           style: { minWidth: "56px", width: "56px" }
                         }
                       )
@@ -814,13 +1155,13 @@ const Le = "300px", Te = (t) => {
                   },
                   "add-row-footer"
                 ),
-                Ot && we && /* @__PURE__ */ s(
-                  fr,
+                mr && Ge && /* @__PURE__ */ c(
+                  pn,
                   {
-                    ...we,
-                    hasActionsColumn: m,
-                    hasSelectionColumn: W,
-                    showBorders: !!H
+                    ...Ge,
+                    hasActionsColumn: S,
+                    hasSelectionColumn: G,
+                    showBorders: !!fe
                   }
                 )
               ] })
@@ -828,35 +1169,49 @@ const Le = "300px", Te = (t) => {
           }
         )
       }
-    ), rt = T ? /* @__PURE__ */ s(
-      ar,
+    ), Ct = W ? /* @__PURE__ */ c(
+      qr,
       {
-        rowIds: g,
-        columnKeys: se,
-        containerRef: R,
-        onSelectCell: ve,
-        onEditingCellChange: It,
-        children: tt
+        rowIds: x,
+        columnKeys: z,
+        containerRef: g,
+        onSelectCell: Ke,
+        onEditingCellChange: fr,
+        children: St
       }
-    ) : tt;
-    return Pt ? /* @__PURE__ */ S("div", { className: "flex flex-col gap-3", children: [
-      Ye && Xe,
-      rt,
-      He && x && /* @__PURE__ */ s(
-        Zt,
+    ) : St, Tt = f != null && f.active ? /* @__PURE__ */ _(zt, { children: [
+      /* @__PURE__ */ c(Qr, { session: f }),
+      f.dropLineY != null && /* @__PURE__ */ c(
+        Zr,
         {
-          currentPage: x.currentPage,
-          pageSize: x.pageSize,
-          totalPages: x.totalPages,
-          totalItems: x.totalItems,
-          onPageChange: x.onPageChange,
-          onPageSizeChange: x.onPageSizeChange,
-          showPagination: x.showPagination
+          y: f.dropLineY,
+          left: f.dropLineLeft,
+          width: f.dropLineWidth
         }
       )
-    ] }) : rt;
+    ] }) : null;
+    return yr ? /* @__PURE__ */ _("div", { className: "flex flex-col gap-3", children: [
+      It && Et,
+      Ct,
+      Lt && P && /* @__PURE__ */ c(
+        Mr,
+        {
+          currentPage: P.currentPage,
+          pageSize: P.pageSize,
+          totalPages: P.totalPages,
+          totalItems: P.totalItems,
+          onPageChange: P.onPageChange,
+          onPageSizeChange: P.onPageSizeChange,
+          showPagination: P.showPagination
+        }
+      ),
+      Tt
+    ] }) : /* @__PURE__ */ _(zt, { children: [
+      Ct,
+      Tt
+    ] });
   }
 );
 export {
-  Dr as TableWrapper
+  qn as TableWrapper
 };