@pibit.ai/cure-design-system 0.4.0 → 0.5.0

package/dist/patterns/table/TableWrapper.js

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