@pibit.ai/cure-design-system 0.3.24 → 0.3.28

package/dist/patterns/table/TableWrapper.js

@@ -1,453 +1,559 @@
-import { jsx as i, jsxs as S } from "react/jsx-runtime";
-import { forwardRef as Bt, useState as J, useMemo as u, useCallback as V, useRef as Jt, useEffect as Vt, useLayoutEffect as Xt } from "react";
-import { ChevronRight as Yt } from "@untitledui/icons";
-import { cx as c } from "../../utils/cn.js";
-import { TableCard as Ht, Table as d } from "./table.js";
-import { TablePagination as Qt } from "./TablePagination.js";
-import { getEffectiveAlignment as ot, 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 lr } from "./toolbar/TableToolbar.js";
-import { Checkbox as nt } from "../../primitives/checkbox/checkbox.js";
-import { ColumnHeaderMenu as or } 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 yr = 5, pr = "__all__", it = {
+import { jsx as o, jsxs as N, Fragment as pt } from "react/jsx-runtime";
+import { forwardRef as lr, useState as U, useRef as yt, useCallback as T, useMemo as w, useEffect as Fe, useLayoutEffect as dr } from "react";
+import { ChevronRight as cr } from "@untitledui/icons";
+import { cx as f } from "../../utils/cn.js";
+import { TableCard as ur, Table as u } from "./table.js";
+import { TablePagination as fr } from "./TablePagination.js";
+import { getEffectiveAlignment as Rt, resolveColumnLabel as hr, alignmentClass as pr } from "./toolbar/tableToolbarHelpers.js";
+import { findGridCell as yr, isWithinCellEditor as wr, getGridNeighbor as xr, getGridTabNeighbor as gr, focusGridCell as br, GridNavProvider as mr } from "./useGridKeyboardNavigation.js";
+import { ROW_DRAG_THRESHOLD_PX as vr, computeDropTarget as Rr, ROW_REORDER_ATTR as wt, measureRowPreview as Sr, cloneRowForPreview as Nr, FloatingRowPreview as Cr, DropIndicatorLine as kr, ROW_SOURCE_INDEX_ATTR as Ir } from "./rowReorderDrag.js";
+import { BulkActionBar as Wr } from "./toolbar/BulkActionBar.js";
+import { TableToolbar as Lr } from "./toolbar/TableToolbar.js";
+import { Checkbox as xt } from "../../primitives/checkbox/checkbox.js";
+import { ColumnHeaderMenu as Er } from "./toolbar/ColumnHeaderMenu.js";
+import { Button as Pr } from "../../primitives/button/button.js";
+import { SummaryFooterRow as _r } from "./toolbar/SummaryFooter.js";
+import { RowActionsMenu as Tr } from "./toolbar/RowActionsMenu.js";
+import { Icon as Or } from "../../primitives/icon/icon.js";
+import { ShimmerLine as Dr } from "../../primitives/shimmer/shimmer.js";
+const zr = 5, Fr = "__all__", gt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, X = (t) => t.__rowId ?? t.id ?? t.rule_id ?? String(t);
-function st(t, a) {
-  return t === "all" ? new Set(a) : t ?? /* @__PURE__ */ new Set();
+}, Q = (n) => n.__rowId ?? n.id ?? n.rule_id ?? String(n);
+function bt(n, l) {
+  return n === "all" ? new Set(l) : n ?? /* @__PURE__ */ new Set();
 }
-function wr(t, a, l) {
-  return t ? t === "all" ? l.includes(a) : t.has(a) : !1;
+function Gr(n, l, c) {
+  return n ? n === "all" ? c.includes(l) : n.has(l) : !1;
 }
-function xr(t, a) {
-  return t ? t === "all" ? a.length : t.size : 0;
+function $r(n, l) {
+  return n ? n === "all" ? l.length : n.size : 0;
 }
-function gr(t, a) {
-  return a.length === 0 ? !1 : t === "all" ? !0 : a.every((l) => (t == null ? void 0 : t.has(l)) ?? !1);
+function Mr(n, l) {
+  return l.length === 0 ? !1 : n === "all" ? !0 : l.every((c) => (n == null ? void 0 : n.has(c)) ?? !1);
 }
-function br(t, a) {
-  return t === "all" ? a.length > 0 : a.some((l) => (t == null ? void 0 : t.has(l)) ?? !1);
+function Yr(n, l) {
+  return n === "all" ? l.length > 0 : l.some((c) => (n == null ? void 0 : n.has(c)) ?? !1);
 }
-function mr(t) {
-  if (t)
-    return (a) => {
-      t(a === "all" ? "all" : new Set([...a].map(String)));
+function jr(n) {
+  if (n)
+    return (l) => {
+      n(l === "all" ? "all" : new Set([...l].map(String)));
     };
 }
-function Nr(t) {
-  var a;
-  return t != null && t.length ? t.length > 1 ? !0 : ((a = t[0]) == null ? void 0 : a.key) !== pr : !1;
+function Ur(n) {
+  var l;
+  return n != null && n.length ? n.length > 1 ? !0 : ((l = n[0]) == null ? void 0 : l.key) !== Fr : !1;
 }
-function at(t, a, l) {
-  return l ? ot(l, a ?? /* @__PURE__ */ new Map()) : (a == null ? void 0 : a.get(t)) ?? "left";
+function mt(n, l, c) {
+  return c ? Rt(c, l ?? /* @__PURE__ */ new Map()) : (l == null ? void 0 : l.get(n)) ?? "left";
 }
-const Oe = "300px", Te = (t) => {
-  if (!t) return 0;
-  const a = t.match(/^(\d+(?:\.\d+)?)px$/);
-  return a ? Number(a[1]) : 0;
-}, G = (t) => !!(t.maxWidth && t.sticky === "right"), kr = (t) => ({
-  maxWidth: t.maxWidth ?? Oe,
-  minWidth: t.minWidth
-}), lt = (t) => G(t) && t.maxWidth ? {
-  minWidth: t.maxWidth,
-  width: t.maxWidth,
-  maxWidth: t.maxWidth
-} : {
-  minWidth: t.minWidth,
-  maxWidth: t.maxWidth ?? Oe
-}, Mr = Bt(
+const Me = "300px", Ge = (n) => {
+  if (!n) return 0;
+  const l = n.match(/^(\d+(?:\.\d+)?)px$/);
+  return l ? Number(l[1]) : 0;
+}, Z = (n) => !!n.width || !!(n.maxWidth && n.sticky === "right"), $e = (n) => n.width ?? (n.maxWidth && n.sticky === "right" ? n.maxWidth : void 0), Xr = (n) => ({
+  width: n.width,
+  maxWidth: n.maxWidth ?? Me,
+  minWidth: n.minWidth ?? n.width
+}), vt = (n) => {
+  const l = $e(n);
+  return l ? {
+    minWidth: l,
+    width: l,
+    maxWidth: n.maxWidth ?? l
+  } : {
+    minWidth: n.minWidth,
+    maxWidth: n.maxWidth ?? Me
+  };
+}, un = lr(
   function({
-    data: a,
-    columns: l,
-    renderRowCell: Le,
-    onRowClick: Y,
-    onRowHover: O,
-    arialabel: dt,
-    size: ze = "sm",
-    allowDefaultRowClass: ct = !1,
-    centeredHeaders: ft = [],
-    rootClassName: ht,
-    removeBorders: Ae,
-    headerClassName: ut,
-    isRowExpandable: Ge,
-    renderExpandedContent: yt,
-    loading: P = !1,
-    loadingRowCount: $e = yr,
-    renderHeaderCell: ce,
-    tableClassName: pt,
-    getRowClassName: fe,
-    selectionMode: $ = "none",
-    selectedKeys: k,
-    onSelectionChange: w,
-    inlineSelection: he = !1,
-    toolbar: h,
-    showToolbar: wt,
-    toolbarTitle: je,
-    toolbarTrailing: Fe,
-    disableExtendedTools: ue,
-    pagination: x,
-    showBorders: H,
-    emptyState: Me,
-    editChrome: v,
-    showEditActions: xt = !1,
-    searchCollapsible: De,
-    isEditable: gt,
-    toolbarSlot: ye,
-    rowHeightClass: Ue,
-    groupedData: L,
-    showSummaryFooter: bt,
-    summaryFooterProps: pe,
-    bulkActionBar: Q,
-    renderBulkActionBar: Z,
-    onBulkDuplicate: K,
-    onBulkDelete: ee,
-    bulkActionBusy: te,
-    columnAlignments: z,
-    onColumnHeaderAction: re,
-    showColumnHeaderMenu: mt,
-    columnMenuCapabilities: Nt,
-    renderGroupHeader: qe,
-    columnMenuSchema: j,
-    columnSchema: F,
-    labelMeta: kt,
-    renderColumnHeaderMenuExtraItems: Ct,
-    fillWidth: p = !1,
-    rowActions: we,
-    onCellActivate: xe
-  }, M) {
-    const [ne, St] = J(
+    data: l,
+    columns: c,
+    renderRowCell: Ye,
+    onRowClick: K,
+    onRowHover: G,
+    arialabel: St,
+    size: je = "sm",
+    allowDefaultRowClass: Nt = !1,
+    centeredHeaders: Ct = [],
+    rootClassName: kt,
+    removeBorders: Ue,
+    headerClassName: It,
+    isRowExpandable: Xe,
+    renderExpandedContent: Wt,
+    loading: O = !1,
+    loadingRowCount: Be = zr,
+    renderHeaderCell: xe,
+    tableClassName: Lt,
+    getRowClassName: ge,
+    selectionMode: X = "none",
+    selectedKeys: L,
+    onSelectionChange: v,
+    inlineSelection: ee = !1,
+    toolbar: y,
+    showToolbar: Et,
+    toolbarTitle: qe,
+    toolbarTrailing: He,
+    disableExtendedTools: be,
+    pagination: R,
+    showBorders: te,
+    emptyState: Je,
+    editChrome: E,
+    showEditActions: Pt = !1,
+    searchCollapsible: Ve,
+    isEditable: _t,
+    toolbarSlot: me,
+    rowHeightClass: Ae,
+    groupedData: $,
+    showSummaryFooter: Tt,
+    summaryFooterProps: ve,
+    bulkActionBar: re,
+    renderBulkActionBar: ne,
+    onBulkDuplicate: ie,
+    onBulkDelete: se,
+    bulkActionBusy: oe,
+    columnAlignments: M,
+    onColumnHeaderAction: ae,
+    showColumnHeaderMenu: Ot,
+    columnMenuCapabilities: Dt,
+    renderGroupHeader: Qe,
+    columnMenuSchema: B,
+    columnSchema: q,
+    labelMeta: zt,
+    renderColumnHeaderMenuExtraItems: Ft,
+    fillWidth: b = !1,
+    rowActions: x,
+    onCellActivate: Re
+  }, H) {
+    const [le, Gt] = U(
       () => /* @__PURE__ */ new Set()
-    ), [vt, Wt] = J(
+    ), [$t, Ze] = U(
       null
-    ), [b, ge] = J(null), [A, Rt] = J(null), ie = $ === "single" || $ === "multiple", be = !!we, W = ie && !he, me = Nr(L), It = u(() => j != null && j.length ? new Map(j.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [j]), Be = u(() => F != null && F.length ? new Map(F.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [F]), se = u(
-      () => l.map((e) => e.key),
-      [l]
-    ), _t = V((e) => {
-      St((r) => {
-        const n = new Set(r);
-        return n.has(e) ? n.delete(e) : n.add(e), n;
+    ), [h, Mt] = U(null), z = yt(null), Y = T((e) => {
+      z.current = e, Mt(e);
+    }, []), [C, Se] = U(null), [j, Yt] = U(null), de = X === "single" || X === "multiple", Ne = !!x, P = de && !ee, ce = Ur($), Ce = !!(x != null && x.onReorderRows) && (x == null ? void 0 : x.enableRowReorder) !== !1 && !ce && !O, jt = w(() => B != null && B.length ? new Map(B.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [B]), Ke = w(() => q != null && q.length ? new Map(q.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [q]), ue = w(
+      () => c.map((e) => e.key),
+      [c]
+    ), Ut = T((e) => {
+      Gt((t) => {
+        const r = new Set(t);
+        return r.has(e) ? r.delete(e) : r.add(e), r;
       });
-    }, []), ae = u(() => P ? Array.from({ length: $e }, (e, r) => ({
-      id: `loading-${r}`
-    })) : a.map((e) => {
-      const r = e;
-      if (r.__rowId != null)
-        return r;
-      const n = X(r);
-      return r.id != null && String(r.id) === n ? r : { ...r, id: n };
-    }), [P, a, $e]), g = u(() => P ? [] : me && L ? L.flatMap(
-      (e) => ne.has(e.key) ? [] : e.rows.map((r) => X(r))
-    ) : ae.map((e) => X(e)), [P, me, L, ne, ae]), Ne = u(
-      () => st(k, g),
-      [k, g]
-    ), ke = xr(k, g), Ce = ke > 0, Je = Ce && !!(Q ?? Z ?? K ?? ee), D = u(() => {
-      if (!Ce) return;
-      const e = a.filter(
-        (r) => Ne.has(X(r))
+    }, []), fe = w(() => O ? Array.from({ length: Be }, (e, t) => ({
+      id: `loading-${t}`
+    })) : l.map((e) => {
+      const t = e;
+      if (t.__rowId != null)
+        return t;
+      const r = Q(t);
+      return t.id != null && String(t.id) === r ? t : { ...t, id: r };
+    }), [O, l, Be]), S = w(() => O ? [] : ce && $ ? $.flatMap(
+      (e) => le.has(e.key) ? [] : e.rows.map((t) => Q(t))
+    ) : fe.map((e) => Q(e)), [O, ce, $, le, fe]), ke = w(
+      () => bt(L, S),
+      [L, S]
+    ), Ie = $r(L, S), We = Ie > 0, et = We && !!(re ?? ne ?? ie ?? se), J = w(() => {
+      if (!We) return;
+      const e = l.filter(
+        (t) => ke.has(Q(t))
       );
       return {
-        selectedKeys: Ne,
+        selectedKeys: ke,
         selectedRows: e,
-        clearSelection: () => w == null ? void 0 : w(/* @__PURE__ */ new Set()),
-        busy: te
+        clearSelection: () => v == null ? void 0 : v(/* @__PURE__ */ new Set()),
+        busy: oe
       };
     }, [
-      Ce,
-      Ne,
-      a,
-      w,
-      te
-    ]), Ve = u(() => {
-      if (ye != null) return ye;
-      if (Je) {
-        if (Q != null) return Q;
-        if (Z && D)
-          return Z(D);
-        if (D && (K || ee))
-          return /* @__PURE__ */ i(
-            ar,
+      We,
+      ke,
+      l,
+      v,
+      oe
+    ]), tt = w(() => {
+      if (me != null) return me;
+      if (et) {
+        if (re != null) return re;
+        if (ne && J)
+          return ne(J);
+        if (J && (ie || se))
+          return /* @__PURE__ */ o(
+            Wr,
             {
-              count: ke,
-              onDuplicate: K,
-              onDelete: ee,
-              onClearSelection: D.clearSelection,
-              busy: te
+              count: Ie,
+              onDuplicate: ie,
+              onDelete: se,
+              onClearSelection: J.clearSelection,
+              busy: oe
             }
           );
       }
-      return h ? /* @__PURE__ */ i(
-        lr,
+      return y ? /* @__PURE__ */ o(
+        Lr,
         {
-          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: je,
-          trailing: Fe,
-          searchCollapsible: De,
-          disableExtendedTools: ue,
-          undoRedo: h.undoRedo ? {
-            ...h.undoRedo,
-            isDisabled: h.undoRedo.isDisabled ?? ue
+          sort: y.sort,
+          filter: y.filter,
+          search: y.search,
+          rowHeight: y.rowHeight,
+          hideFields: y.hideFields,
+          align: y.align,
+          groupBy: y.groupBy,
+          summary: y.summary,
+          sortContent: y.sortContent,
+          filterContent: y.filterContent,
+          fallbackTitle: qe,
+          trailing: He,
+          searchCollapsible: Ve,
+          disableExtendedTools: be,
+          undoRedo: y.undoRedo ? {
+            ...y.undoRedo,
+            isDisabled: y.undoRedo.isDisabled ?? be
           } : void 0
         }
       ) : null;
     }, [
-      ye,
-      Je,
-      Q,
-      Z,
-      D,
-      K,
-      ee,
-      te,
-      ke,
-      h,
-      je,
-      Fe,
-      De,
-      ue
-    ]), Xe = Ve != null && wt !== !1, Ye = !!x && (x == null ? void 0 : x.showPagination) !== !1, Et = Xe || Ye, He = !P && a.length === 0 && Me != null, m = !!(xt && v), Se = !!(v != null && v.showFooterRow), T = gt ?? (m || Se || be), Pt = He && !(Se && v), U = l.length + (W ? 1 : 0) + (m ? 1 : 0), Tt = !!(bt && pe), y = H ? "border-r border-secondary last:border-r-0" : void 0, I = u(() => {
-      if (!p) return null;
-      const e = l.reduce(
-        (s, f) => G(f) ? s + Te(f.maxWidth) : s,
+      me,
+      et,
+      re,
+      ne,
+      J,
+      ie,
+      se,
+      oe,
+      Ie,
+      y,
+      qe,
+      He,
+      Ve,
+      be
+    ]), rt = tt != null && Et !== !1, nt = !!R && (R == null ? void 0 : R.showPagination) !== !1, Xt = rt || nt, it = !O && l.length === 0 && Je != null, k = !!(Pt && E), Le = !!(E != null && E.showFooterRow), F = _t ?? (k || Le || Ne), Bt = it && !(Le && E), V = c.length + (P ? 1 : 0) + (k ? 1 : 0), qt = !!(Tt && ve), g = te ? "border-r border-secondary last:border-r-0" : void 0, D = w(() => {
+      if (!b) return null;
+      const e = c.reduce(
+        (a, i) => Z(i) ? a + Ge($e(i)) : a,
         0
       );
-      return { minTableWidth: l.filter(
-        (s) => !G(s)
+      return { minTableWidth: c.filter(
+        (a) => !Z(a)
       ).reduce(
-        (s, f) => s + Te(f.minWidth),
+        (a, i) => a + Ge(i.minWidth),
         0
       ) + e };
-    }, [l, p]), Ot = u(() => {
+    }, [c, b]), Ht = w(() => {
       const e = /* @__PURE__ */ new Map();
-      return re && l.forEach((r) => {
+      return ae && c.forEach((t) => {
         e.set(
-          r.key,
-          (n) => re(r.key, n)
+          t.key,
+          (r) => ae(t.key, r)
         );
       }), e;
-    }, [l, re]), R = Jt(null), [q, Qe] = J(null), ve = V(
-      (e, r, n) => {
-        var f;
-        let s = n ?? null;
-        if (s == null) {
-          const N = (f = er(
-            R.current,
+    }, [c, ae]), I = yt(null), [A, st] = U(null), Ee = T(
+      (e, t, r) => {
+        var i;
+        let a = r ?? null;
+        if (a == null) {
+          const d = (i = yr(
+            I.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 : i.getAttribute("data-grid-source-index"), m = d != null && d !== "" ? Number(d) : NaN;
+          a = Number.isNaN(m) ? null : m;
         }
-        ge({ rowId: e, columnKey: r, sourceIndex: s });
+        Se({ rowId: e, columnKey: t, sourceIndex: a });
       },
       []
-    ), Lt = V(
+    ), Jt = T(
       (e) => {
-        var le, oe, de;
-        const r = e.key in it;
-        if (e.key !== "Enter" && e.key !== "Tab" && e.key !== "Escape" && !r || tr(e.target)) return;
+        var pe, ye, we;
+        const t = e.key in gt;
+        if (e.key !== "Enter" && e.key !== "Tab" && e.key !== "Escape" && !t || wr(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 (!C) return;
+          e.preventDefault(), e.stopPropagation(), Se(null), (pe = I.current) != null && pe.contains(document.activeElement) && document.activeElement.blur();
           return;
         }
-        const n = (de = (oe = e.target).closest) == null ? void 0 : de.call(
-          oe,
+        const r = (we = (ye = e.target).closest) == null ? void 0 : we.call(
+          ye,
           "[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(
+        ), a = r == null ? void 0 : r.getAttribute("data-grid-row-id"), i = r == null ? void 0 : r.getAttribute("data-grid-col-key"), d = r == null ? void 0 : r.getAttribute(
           "data-grid-source-index"
-        ), _ = N != null && N !== "" ? Number(N) : NaN, o = Number.isNaN(_) ? null : _, C = b ?? (s && f ? {
-          rowId: s,
-          columnKey: f,
-          sourceIndex: o
+        ), m = d != null && d !== "" ? Number(d) : NaN, W = Number.isNaN(m) ? null : m, p = C ?? (a && i ? {
+          rowId: a,
+          columnKey: i,
+          sourceIndex: W
         } : null);
-        if (!C) return;
+        if (!p) return;
         if (e.key === "Enter") {
-          if (!xe) return;
-          e.preventDefault(), e.stopPropagation(), xe({
-            rowId: C.rowId,
-            columnKey: C.columnKey,
-            sourceIndex: C.sourceIndex
+          if (!Re) return;
+          e.preventDefault(), e.stopPropagation(), Re({
+            rowId: p.rowId,
+            columnKey: p.columnKey,
+            sourceIndex: p.sourceIndex
           });
           return;
         }
-        const E = r ? rr(
-          R.current,
-          g,
-          se,
-          C.rowId,
-          C.columnKey,
-          it[e.key]
-        ) : nr(
-          R.current,
-          g,
-          se,
-          C.rowId,
-          C.columnKey,
+        const s = t ? xr(
+          I.current,
+          S,
+          ue,
+          p.rowId,
+          p.columnKey,
+          gt[e.key]
+        ) : gr(
+          I.current,
+          S,
+          ue,
+          p.rowId,
+          p.columnKey,
           !e.shiftKey
         );
-        if (!E) {
-          r && (e.preventDefault(), e.stopPropagation());
+        if (!s) {
+          t && (e.preventDefault(), e.stopPropagation());
           return;
         }
-        e.preventDefault(), e.stopPropagation(), ve(E.rowId, E.columnKey, E.sourceIndex), requestAnimationFrame(
-          () => ir(
-            R.current,
-            E.rowId,
-            E.columnKey
+        e.preventDefault(), e.stopPropagation(), Ee(s.rowId, s.columnKey, s.sourceIndex), requestAnimationFrame(
+          () => br(
+            I.current,
+            s.rowId,
+            s.columnKey
           )
         );
       },
-      [b, g, se, xe, ve]
+      [C, S, ue, Re, Ee]
     );
-    Vt(() => {
-      if (!T || !b) return;
-      const e = (r) => {
-        const n = R.current;
-        n && !n.contains(r.target) && ge(null);
+    Fe(() => {
+      if (!F || !C) return;
+      const e = (t) => {
+        const r = I.current;
+        r && !r.contains(t.target) && Se(null);
       };
       return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-    }, [T, b]);
-    const Ze = u(() => {
+    }, [F, C]);
+    const ot = w(() => {
       let e = 0;
-      return W && (e += 40), m && (e += 56), l.forEach((r) => {
-        G(r) && (e += Te(r.maxWidth));
+      return P && (e += 40), k && (e += 56), c.forEach((t) => {
+        Z(t) && (e += Ge($e(t)));
       }), e;
-    }, [l, m, W]), We = u(
-      () => l.filter((e) => !G(e)).length,
-      [l]
-    ), Re = u(() => {
-      if (!p || !I) return null;
-      const { minTableWidth: e } = I;
-      return q ? Math.max(q, e) : e;
-    }, [q, p, I]), Ie = !!(p && I && q && q < I.minTableWidth), _e = u(() => !Re || We === 0 ? null : Math.max(
+    }, [c, k, P]), Pe = w(
+      () => c.filter((e) => !Z(e)).length,
+      [c]
+    ), _e = w(() => {
+      if (!b || !D) return null;
+      const { minTableWidth: e } = D;
+      return A ? Math.max(A, e) : e;
+    }, [A, b, D]), Te = !!(b && D && A && A < D.minTableWidth), Oe = w(() => !_e || Pe === 0 ? null : Math.max(
       0,
-      (Re - Ze) / We
-    ), [Re, Ze, We]);
-    Xt(() => {
-      if (!p) {
-        Qe(null);
+      (_e - ot) / Pe
+    ), [_e, ot, Pe]);
+    dr(() => {
+      if (!b) {
+        st(null);
         return;
       }
-      const e = R.current;
+      const e = I.current;
       if (!e) return;
-      const r = () => {
-        const s = e.clientWidth;
-        s > 0 && Qe((f) => f === s ? f : s);
+      const t = () => {
+        const a = e.clientWidth;
+        a > 0 && st((i) => i === a ? i : a);
       };
-      r();
-      const n = new ResizeObserver(r);
-      return n.observe(e), () => {
-        n.disconnect();
+      t();
+      const r = new ResizeObserver(t);
+      return r.observe(e), () => {
+        r.disconnect();
       };
     }, [
+      c.length,
       l.length,
-      a.length,
-      p,
-      P,
-      m,
-      W
+      b,
+      O,
+      k,
+      P
     ]);
-    const Ee = V(
-      (e) => p ? G(e) && e.maxWidth ? lt(e) : _e != null ? {
-        width: `${_e}px`,
+    const De = T(
+      (e) => b ? Z(e) ? vt(e) : Oe != null ? {
+        width: `${Oe}px`,
         minWidth: e.minWidth,
-        maxWidth: e.maxWidth ?? Oe
-      } : lt(e) : kr(e),
-      [p, _e]
-    ), zt = u(() => {
-      if (!(!p || !I))
-        return Ie ? {
-          width: `${I.minTableWidth}px`,
+        maxWidth: e.maxWidth ?? Me
+      } : vt(e) : Xr(e),
+      [b, Oe]
+    ), Vt = w(() => {
+      if (!(!b || !D))
+        return Te ? {
+          width: `${D.minTableWidth}px`,
           tableLayout: "fixed"
         } : {
           width: "100%",
           tableLayout: "fixed"
         };
-    }, [p, I, Ie]), At = V(
+    }, [b, D, Te]), At = T(
       (e) => {
-        R.current = e, typeof M == "function" ? M(e) : M && (M.current = e);
+        I.current = e, typeof H == "function" ? H(e) : H && (H.current = e);
       },
-      [M]
-    ), Gt = ie ? {
-      selectionMode: $,
-      selectedKeys: k === "all" ? "all" : k,
-      onSelectionChange: mr(w)
-    } : {}, $t = (e) => {
+      [H]
+    ), Qt = de && ee ? {
+      selectionMode: X,
+      selectedKeys: L === "all" ? "all" : L,
+      onSelectionChange: jr(v)
+    } : {}, Zt = (e, t = 0) => {
       const r = e.__sourceIndex;
-      return typeof r == "number" ? r : 0;
-    }, Pe = ie && gr(k, g), jt = ie && br(k, g), Ft = () => {
-      if (w) {
-        if (Pe) {
-          w(/* @__PURE__ */ new Set());
+      return typeof r == "number" ? r : t;
+    }, he = T(
+      (e) => {
+        const t = z.current;
+        if (!t) return;
+        const { fromSourceIndex: r, toSourceIndex: a, item: i, active: d } = t;
+        Y(null), e && d && r !== a && (x != null && x.onReorderRows) && x.onReorderRows(r, a, i);
+      },
+      [x, Y]
+    ), at = T(
+      (e, t) => {
+        const r = z.current;
+        if (!r) return;
+        const a = e - r.startX, i = t - r.startY, d = Math.hypot(a, i), m = r.active || d >= vr;
+        let W = {
+          ...r,
+          currentX: e,
+          currentY: t,
+          active: m
+        };
+        if (m) {
+          r.active || Ze(null);
+          const p = I.current;
+          if (p) {
+            const s = Rr(
+              p,
+              t,
+              r.fromSourceIndex,
+              r.rowId
+            );
+            s && (W = {
+              ...W,
+              toSourceIndex: s.toSourceIndex,
+              dropLineY: s.dropLineY,
+              dropLineLeft: s.dropLineLeft,
+              dropLineWidth: s.dropLineWidth
+            });
+          }
+        }
+        Y(W);
+      },
+      [Y]
+    ), Kt = T(
+      (e, t, r, a) => {
+        var p, s;
+        if (!Ce || e.button !== 0) return;
+        const i = (p = I.current) == null ? void 0 : p.querySelector(
+          `tr[${wt}="${CSS.escape(t)}"]`
+        );
+        if (!i) return;
+        e.preventDefault();
+        try {
+          e.currentTarget.setPointerCapture(e.pointerId);
+        } catch {
+        }
+        const d = Sr(i), m = Nr(i), W = ((s = i.closest("table")) == null ? void 0 : s.getBoundingClientRect()) ?? i.getBoundingClientRect();
+        Y({
+          rowId: t,
+          fromSourceIndex: r,
+          item: a,
+          pointerId: e.pointerId,
+          startX: e.clientX,
+          startY: e.clientY,
+          currentX: e.clientX,
+          currentY: e.clientY,
+          active: !1,
+          preview: d,
+          toSourceIndex: r,
+          dropLineY: null,
+          dropLineLeft: W.left,
+          dropLineWidth: W.width,
+          rowClone: m
+        });
+      },
+      [Ce, Y]
+    ), lt = h != null;
+    Fe(() => {
+      if (!lt) return;
+      const e = (i) => {
+        var d;
+        i.pointerId === ((d = z.current) == null ? void 0 : d.pointerId) && at(i.clientX, i.clientY);
+      }, t = (i) => {
+        var d;
+        i.pointerId === ((d = z.current) == null ? void 0 : d.pointerId) && he(!0);
+      }, r = (i) => {
+        var d;
+        i.pointerId === ((d = z.current) == null ? void 0 : d.pointerId) && he(!1);
+      }, a = (i) => {
+        i.key === "Escape" && (i.preventDefault(), he(!1));
+      };
+      return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), window.addEventListener("pointercancel", r), window.addEventListener("keydown", a), () => {
+        window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t), window.removeEventListener("pointercancel", r), window.removeEventListener("keydown", a);
+      };
+    }, [lt, he, at]), Fe(() => {
+      if (!(h != null && h.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;
+      };
+    }, [h == null ? void 0 : h.active]);
+    const ze = de && Mr(L, S), er = de && Yr(L, S), tr = () => {
+      if (v) {
+        if (ze) {
+          v(/* @__PURE__ */ new Set());
           return;
         }
-        w("all");
+        v("all");
       }
-    }, Mt = (e, r) => {
-      if (!w) return;
-      if ($ === "single") {
-        w(r ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
+    }, rr = (e, t) => {
+      if (!v) return;
+      if (X === "single") {
+        v(t ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
         return;
       }
-      const n = k === "all" ? new Set(g) : new Set(st(k, g));
-      r ? n.add(e) : n.delete(e), w(n);
-    }, Dt = (e) => {
-      const r = ne.has(e.key);
-      return qe ? /* @__PURE__ */ i(
-        d.Row,
+      const r = L === "all" ? new Set(S) : new Set(bt(L, S));
+      t ? r.add(e) : r.delete(e), v(r);
+    }, nr = (e) => {
+      const t = le.has(e.key);
+      return Qe ? /* @__PURE__ */ o(
+        u.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
-          children: /* @__PURE__ */ i(d.Cell, { colSpan: U, className: c(y), children: qe(e) })
+          children: /* @__PURE__ */ o(u.Cell, { colSpan: V, className: f(g), children: Qe(e) })
         },
         `group-${e.key}`
-      ) : /* @__PURE__ */ i(
-        d.Row,
+      ) : /* @__PURE__ */ o(
+        u.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
-          children: /* @__PURE__ */ i(
-            d.Cell,
+          children: /* @__PURE__ */ o(
+            u.Cell,
             {
-              colSpan: U,
-              className: c("py-1.5", y),
-              children: /* @__PURE__ */ S(
+              colSpan: V,
+              className: f("py-1.5", g),
+              children: /* @__PURE__ */ N(
                 "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: () => Ut(e.key),
+                  "aria-expanded": !t,
                   children: [
-                    /* @__PURE__ */ i(
-                      Yt,
+                    /* @__PURE__ */ o(
+                      cr,
                       {
-                        className: c(
+                        className: f(
                           "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__ */ S("span", { className: "text-tertiary", children: [
+                    /* @__PURE__ */ o("span", { className: "truncate", children: e.label || "(Empty)" }),
+                    /* @__PURE__ */ N("span", { className: "text-tertiary", children: [
                       "(",
                       e.rows.length,
                       ")"
@@ -460,48 +566,55 @@ const Oe = "300px", Te = (t) => {
         },
         `group-${e.key}`
       );
-    }, Ke = (e, r) => {
-      const n = Ge ? Ge(e) : !1, s = X(e), f = $t(e), N = wr(k, s, g), _ = vt === s;
-      return /* @__PURE__ */ S(
-        d.Row,
+    }, dt = (e, t, r = 0) => {
+      const a = Xe ? Xe(e) : !1, i = Q(e), d = Zt(e, r), m = Gr(L, i, S), W = $t === i, p = (h == null ? void 0 : h.active) === !0 && h.rowId === i;
+      return /* @__PURE__ */ N(
+        u.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: s,
+          onAction: () => {
+            var s;
+            (s = z.current) != null && s.active || K == null || K(e);
+          },
+          onMouseEnter: () => G == null ? void 0 : G(e, !0),
+          onMouseLeave: () => G == null ? void 0 : G(e, !1),
+          id: i,
           value: e,
-          columns: l,
-          expandedColSpan: U,
-          isExpandable: n,
-          highlightSelectedRow: !he,
-          renderExpandedContent: n ? yt : void 0,
-          className: c(
-            Y && "cursor-pointer",
-            ct ? "prose" : "",
-            Ae && "[&>td]:after:hidden",
-            be && "group/rowactions",
-            _ && "bg-utility-brand-25 hover:bg-utility-brand-25",
-            Ue,
-            fe == null ? void 0 : fe(e)
+          columns: c,
+          expandedColSpan: V,
+          isExpandable: a,
+          highlightSelectedRow: ee,
+          renderExpandedContent: a ? Wt : void 0,
+          [wt]: i,
+          [Ir]: String(d),
+          className: f(
+            K && "cursor-pointer",
+            Nt ? "prose" : "",
+            Ue && "[&>td]:after:hidden",
+            Ne && "group/rowactions",
+            W && "bg-utility-brand-25 hover:bg-utility-brand-25",
+            P && m && "bg-secondary",
+            p && "opacity-40 blur-[1.5px] [&_*]:!pointer-events-none",
+            Ae,
+            ge == null ? void 0 : ge(e)
           ),
           children: [
-            W && /* @__PURE__ */ i(
-              d.Cell,
+            P && /* @__PURE__ */ o(
+              u.Cell,
               {
-                className: c("relative w-10 text-center", y),
+                className: f("relative w-10 text-center", g),
                 style: { minWidth: "40px", width: "40px" },
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ o(
                   "div",
                   {
                     className: "flex items-center justify-center",
-                    onClick: (o) => o.stopPropagation(),
-                    onKeyDown: (o) => o.stopPropagation(),
-                    children: /* @__PURE__ */ i(
-                      nt,
+                    onClick: (s) => s.stopPropagation(),
+                    onKeyDown: (s) => s.stopPropagation(),
+                    children: /* @__PURE__ */ o(
+                      xt,
                       {
-                        checked: N,
-                        onCheckedChange: (o) => Mt(s, o === !0),
-                        "aria-label": `Select row ${s}`,
+                        checked: m,
+                        onCheckedChange: (s) => rr(i, s === !0),
+                        "aria-label": `Select row ${i}`,
                         className: "items-center justify-center"
                       }
                     )
@@ -509,188 +622,203 @@ const Oe = "300px", Te = (t) => {
                 )
               }
             ),
-            l.map((o, C) => {
-              const E = Be.get(o.key), le = at(
-                o.key,
-                z,
-                E
-              ), oe = (A == null ? void 0 : A.rowId) === s && (A == null ? void 0 : A.columnKey) === o.key, de = T && !oe && (b == null ? void 0 : b.rowId) === s && (b == null ? void 0 : b.columnKey) === o.key;
-              return /* @__PURE__ */ i(
-                d.Cell,
+            c.map((s, pe) => {
+              const ye = Ke.get(s.key), we = mt(
+                s.key,
+                M,
+                ye
+              ), or = (j == null ? void 0 : j.rowId) === i && (j == null ? void 0 : j.columnKey) === s.key, ar = F && !or && (C == null ? void 0 : C.rowId) === i && (C == null ? void 0 : C.columnKey) === s.key;
+              return /* @__PURE__ */ o(
+                u.Cell,
                 {
-                  sticky: o.sticky,
-                  stickyOffset: o.stickyOffset,
-                  style: Ee(o),
+                  sticky: s.sticky,
+                  stickyOffset: s.stickyOffset,
+                  style: De(s),
                   "data-grid-cell": "",
-                  "data-grid-row-id": s,
-                  "data-grid-col-key": o.key,
-                  "data-grid-source-index": f,
-                  className: c(
+                  "data-grid-row-id": i,
+                  "data-grid-col-key": s.key,
+                  "data-grid-source-index": d,
+                  className: f(
                     "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,
-                    Kt(le),
-                    y
+                    ar && "z-1 outline-hidden ring-2 ring-inset ring-brand after:opacity-0",
+                    s.cellClassName,
+                    pr(we),
+                    g
                   ),
                   children: (() => {
-                    const rt = C === 0 && (n || be) ? /* @__PURE__ */ S("div", { className: "flex items-center", children: [
-                      we && /* @__PURE__ */ i(
+                    const ht = pe === 0 && (a || Ne) ? /* @__PURE__ */ N("div", { className: "flex items-center", children: [
+                      x && /* @__PURE__ */ o(
                         "div",
                         {
                           className: "flex items-center justify-center",
-                          onClick: (B) => B.stopPropagation(),
-                          onKeyDown: (B) => B.stopPropagation(),
-                          children: /* @__PURE__ */ i(
-                            fr,
+                          onClick: (_) => _.stopPropagation(),
+                          onContextMenu: (_) => _.stopPropagation(),
+                          onKeyDown: (_) => _.stopPropagation(),
+                          children: /* @__PURE__ */ o(
+                            Tr,
                             {
-                              config: we,
-                              sourceRowIndex: f,
+                              config: x,
+                              sourceRowIndex: d,
                               item: e,
-                              triggerClassName: c(
+                              enableDrag: Ce,
+                              isDragging: p,
+                              onDragHandlePointerDown: (_) => Kt(
+                                _,
+                                i,
+                                d,
+                                e
+                              ),
+                              triggerClassName: f(
+                                // 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"
+                                W || p ? "opacity-100" : "opacity-0"
                               ),
-                              onOpenChange: (B) => Wt(B ? s : null)
+                              onOpenChange: (_) => Ze(_ ? i : null)
                             }
                           )
                         }
                       ),
-                      /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: Le(o.key, e[o.key], e) })
-                    ] }) : Le(o.key, e[o.key], e);
-                    return T ? /* @__PURE__ */ i(
+                      /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", children: Ye(s.key, e[s.key], e) })
+                    ] }) : Ye(s.key, e[s.key], e);
+                    return F ? /* @__PURE__ */ o(
                       "div",
                       {
                         "data-grid-focus": !0,
                         tabIndex: -1,
                         className: "outline-hidden",
-                        children: rt
+                        children: ht
                       }
-                    ) : rt;
+                    ) : ht;
                   })()
                 },
-                o.key
+                s.key
               );
             }),
-            m && v && /* @__PURE__ */ i(
-              d.Cell,
+            k && E && /* @__PURE__ */ o(
+              u.Cell,
               {
-                className: c("relative w-14 text-center", y),
+                className: f("relative w-14 text-center", g),
                 style: { minWidth: "56px", width: "56px" },
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ o(
                   "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(), E.onDeleteRow(d);
                     },
-                    children: /* @__PURE__ */ i(hr, { name: "Trash02", className: "size-3" })
+                    children: /* @__PURE__ */ o(Or, { name: "Trash02", className: "size-3" })
                   }
                 )
               }
             )
           ]
         },
-        s
+        i
       );
-    }, Ut = (e) => /* @__PURE__ */ S(
-      d.Row,
+    }, ir = (e) => /* @__PURE__ */ N(
+      u.Row,
       {
         id: String(e.id),
         isExpandable: !1,
-        className: c(Ae && "[&>td]:after:hidden", Ue),
+        className: f(Ue && "[&>td]:after:hidden", Ae),
         children: [
-          W && /* @__PURE__ */ i(
-            d.Cell,
+          P && /* @__PURE__ */ o(
+            u.Cell,
             {
-              className: c("relative w-10", y),
+              className: f("relative w-10", g),
               style: { minWidth: "40px", width: "40px" }
             }
           ),
-          l.map((r) => /* @__PURE__ */ i(
-            d.Cell,
+          c.map((t) => /* @__PURE__ */ o(
+            u.Cell,
             {
-              sticky: r.sticky,
-              stickyOffset: r.stickyOffset,
-              style: Ee(r),
-              className: c(
+              sticky: t.sticky,
+              stickyOffset: t.stickyOffset,
+              style: De(t),
+              className: f(
                 "overflow-x-hidden text-left",
-                r.cellClassName,
-                y
+                t.cellClassName,
+                g
               ),
-              children: /* @__PURE__ */ i(ur, { height: "14px", width: "75%", className: "rounded" })
+              children: /* @__PURE__ */ o(Dr, { height: "14px", width: "75%", className: "rounded" })
             },
-            r.key
+            t.key
           )),
-          m && /* @__PURE__ */ i(
-            d.Cell,
+          k && /* @__PURE__ */ o(
+            u.Cell,
             {
-              className: c("w-14", y),
+              className: f("w-14", g),
               style: { minWidth: "56px", width: "56px" }
             }
           )
         ]
       },
       String(e.id)
-    ), qt = () => P ? ae.map((e) => Ut(e)) : me && L ? L.flatMap((e) => {
-      const r = ne.has(e.key);
+    ), sr = () => O ? fe.map((e) => ir(e)) : ce && $ ? $.flatMap((e) => {
+      const t = le.has(e.key);
       return [
-        Dt(e),
-        ...r ? [] : e.rows.map((n) => Ke(n))
+        nr(e),
+        ...t ? [] : e.rows.map(
+          (r, a) => dt(r, void 0, a)
+        )
       ];
-    }) : ae.map((e) => Ke(e)), et = /* @__PURE__ */ i(
-      Ht.Root,
+    }) : fe.map(
+      (e, t) => dt(e, void 0, t)
+    ), ct = /* @__PURE__ */ o(
+      ur.Root,
       {
         ref: At,
-        onKeyDownCapture: T ? Lt : void 0,
-        className: c(
+        onKeyDownCapture: F ? Jt : void 0,
+        className: f(
           "w-full",
-          !p || Ie ? "overflow-x-auto" : "overflow-x-hidden",
-          H && "border border-secondary rounded-xl",
+          !b || Te ? "overflow-x-auto" : "overflow-x-hidden",
+          te && "border border-secondary rounded-xl",
           "[&_tr:hover>td]:!bg-secondary_subtle",
-          ht
+          kt
         ),
-        size: ze,
-        children: /* @__PURE__ */ S(
-          d,
+        size: je,
+        children: /* @__PURE__ */ N(
+          u,
           {
-            "aria-label": dt,
-            size: ze,
-            isEditable: T,
-            inlineSelection: he,
-            className: c(p && "min-w-full", pt),
-            style: zt,
-            ...Gt,
+            "aria-label": St,
+            size: je,
+            isEditable: F,
+            inlineSelection: ee,
+            className: f(b && "min-w-full", Lt),
+            style: Vt,
+            ...Qt,
             children: [
-              /* @__PURE__ */ S(
-                d.Header,
+              /* @__PURE__ */ N(
+                u.Header,
                 {
-                  className: c(
+                  className: f(
                     "sticky top-0",
-                    H && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none z-1",
-                    ut
+                    te && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none z-1",
+                    It
                   ),
                   children: [
-                    W && /* @__PURE__ */ i(
-                      d.Head,
+                    P && /* @__PURE__ */ o(
+                      u.Head,
                       {
                         label: "",
                         allowsSorting: !1,
                         isRowHeader: !1,
                         style: { minWidth: "40px", width: "40px" },
-                        className: c(y),
+                        className: f(g),
                         headerCellClass: "justify-center",
-                        children: $ === "multiple" && w && /* @__PURE__ */ i("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ i(
-                          nt,
+                        children: X === "multiple" && v && /* @__PURE__ */ o("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ o(
+                          xt,
                           {
-                            checked: Pe ? !0 : jt && !Pe ? "indeterminate" : !1,
-                            onCheckedChange: () => Ft(),
+                            checked: ze ? !0 : er && !ze ? "indeterminate" : !1,
+                            onCheckedChange: () => tr(),
                             "aria-label": "Select all rows",
                             className: "items-center justify-center"
                           }
@@ -698,111 +826,111 @@ const Oe = "300px", Te = (t) => {
                       },
                       "selection"
                     ),
-                    l.map((e, r) => {
-                      const n = mt ? It.get(e.key) : void 0, s = Be.get(e.key), f = at(
+                    c.map((e, t) => {
+                      const r = Ot ? jt.get(e.key) : void 0, a = Ke.get(e.key), i = mt(
                         e.key,
-                        z,
-                        s
-                      ), N = ft.includes(e.key) || f === "center" ? "justify-center" : f === "right" ? "justify-end" : "";
-                      return /* @__PURE__ */ i(
-                        d.Head,
+                        M,
+                        a
+                      ), d = Ct.includes(e.key) || i === "center" ? "justify-center" : i === "right" ? "justify-end" : "";
+                      return /* @__PURE__ */ o(
+                        u.Head,
                         {
                           sticky: e.sticky,
                           stickyOffset: e.stickyOffset,
                           id: e.key,
                           label: e.label,
-                          isRowHeader: r === 0 && !W,
+                          isRowHeader: t === 0,
                           allowsSorting: e.allowsSorting,
-                          headerCellClass: `${e.headerCellClass} ${N}`,
-                          style: Ee(e),
-                          className: c(
+                          headerCellClass: `${e.headerCellClass} ${d}`,
+                          style: De(e),
+                          className: f(
                             "overflow-hidden",
                             e.headClassName,
-                            y
+                            g
                           ),
-                          headerAction: n && re ? /* @__PURE__ */ i(
-                            or,
+                          headerAction: r && ae ? /* @__PURE__ */ o(
+                            Er,
                             {
-                              column: n,
-                              columnLabel: n.label ?? (s ? Zt(s, kt) : e.label),
-                              currentAlignment: s ? ot(
-                                s,
-                                z ?? /* @__PURE__ */ new Map()
-                              ) : (z == null ? void 0 : z.get(e.key)) ?? "left",
-                              capabilities: Nt,
-                              hideDisabled: l.length <= 1,
-                              onAction: Ot.get(e.key),
-                              renderExtraItems: Ct,
+                              column: r,
+                              columnLabel: r.label ?? (a ? hr(a, zt) : e.label),
+                              currentAlignment: a ? Rt(
+                                a,
+                                M ?? /* @__PURE__ */ new Map()
+                              ) : (M == null ? void 0 : M.get(e.key)) ?? "left",
+                              capabilities: Dt,
+                              hideDisabled: c.length <= 1,
+                              onAction: Ht.get(e.key),
+                              renderExtraItems: Ft,
                               showOnHeaderHover: !0
                             }
                           ) : void 0,
-                          children: (ce == null ? void 0 : ce(e.key)) ?? null
+                          children: (xe == null ? void 0 : xe(e.key)) ?? null
                         },
                         e.key
                       );
                     }),
-                    m && /* @__PURE__ */ i(
-                      d.Head,
+                    k && /* @__PURE__ */ o(
+                      u.Head,
                       {
                         label: "",
                         allowsSorting: !1,
                         isRowHeader: !1,
                         style: { minWidth: "56px", width: "56px" },
-                        className: c(y)
+                        className: f(g)
                       },
                       "actions"
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ S(d.Body, { children: [
-                !He && qt(),
-                Pt && /* @__PURE__ */ i(
-                  d.Row,
+              /* @__PURE__ */ N(u.Body, { children: [
+                !it && sr(),
+                Bt && /* @__PURE__ */ o(
+                  u.Row,
                   {
                     id: "empty-state",
                     highlightSelectedRow: !1,
-                    children: /* @__PURE__ */ i(
-                      d.Cell,
+                    children: /* @__PURE__ */ o(
+                      u.Cell,
                       {
-                        colSpan: U,
-                        className: c(
+                        colSpan: V,
+                        className: f(
                           "text-left text-placeholder_subtle border-b border-secondary py-3",
-                          y
+                          g
                         ),
-                        children: Me
+                        children: Je
                       }
                     )
                   },
                   "empty-state"
                 ),
-                Se && v && /* @__PURE__ */ S(
-                  d.Row,
+                Le && E && /* @__PURE__ */ N(
+                  u.Row,
                   {
                     id: "add-row-footer",
                     highlightSelectedRow: !1,
                     children: [
-                      /* @__PURE__ */ i(
-                        d.Cell,
+                      /* @__PURE__ */ o(
+                        u.Cell,
                         {
-                          colSpan: U - (m ? 1 : 0),
-                          className: c(y),
-                          children: /* @__PURE__ */ i(
-                            dr,
+                          colSpan: V - (k ? 1 : 0),
+                          className: f(g),
+                          children: /* @__PURE__ */ o(
+                            Pr,
                             {
                               color: "tertiary",
                               className: "bg-secondary text-primary",
                               size: "xs",
-                              onClick: v.onAddRow,
+                              onClick: E.onAddRow,
                               children: "+ Add Row"
                             }
                           )
                         }
                       ),
-                      m && /* @__PURE__ */ i(
-                        d.Cell,
+                      k && /* @__PURE__ */ o(
+                        u.Cell,
                         {
-                          className: c("w-14", y),
+                          className: f("w-14", g),
                           style: { minWidth: "56px", width: "56px" }
                         }
                       )
@@ -810,13 +938,13 @@ const Oe = "300px", Te = (t) => {
                   },
                   "add-row-footer"
                 ),
-                Tt && pe && /* @__PURE__ */ i(
-                  cr,
+                qt && ve && /* @__PURE__ */ o(
+                  _r,
                   {
-                    ...pe,
-                    hasActionsColumn: m,
-                    hasSelectionColumn: W,
-                    showBorders: !!H
+                    ...ve,
+                    hasActionsColumn: k,
+                    hasSelectionColumn: P,
+                    showBorders: !!te
                   }
                 )
               ] })
@@ -824,35 +952,49 @@ const Oe = "300px", Te = (t) => {
           }
         )
       }
-    ), tt = T ? /* @__PURE__ */ i(
-      sr,
+    ), ut = F ? /* @__PURE__ */ o(
+      mr,
       {
-        rowIds: g,
-        columnKeys: se,
-        containerRef: R,
-        onSelectCell: ve,
-        onEditingCellChange: Rt,
-        children: et
+        rowIds: S,
+        columnKeys: ue,
+        containerRef: I,
+        onSelectCell: Ee,
+        onEditingCellChange: Yt,
+        children: ct
       }
-    ) : et;
-    return Et ? /* @__PURE__ */ S("div", { className: "flex flex-col gap-3", children: [
-      Xe && Ve,
-      tt,
-      Ye && x && /* @__PURE__ */ i(
-        Qt,
+    ) : ct, ft = h != null && h.active ? /* @__PURE__ */ N(pt, { children: [
+      /* @__PURE__ */ o(Cr, { session: h }),
+      h.dropLineY != null && /* @__PURE__ */ o(
+        kr,
         {
-          currentPage: x.currentPage,
-          pageSize: x.pageSize,
-          totalPages: x.totalPages,
-          totalItems: x.totalItems,
-          onPageChange: x.onPageChange,
-          onPageSizeChange: x.onPageSizeChange,
-          showPagination: x.showPagination
+          y: h.dropLineY,
+          left: h.dropLineLeft,
+          width: h.dropLineWidth
         }
       )
-    ] }) : tt;
+    ] }) : null;
+    return Xt ? /* @__PURE__ */ N("div", { className: "flex flex-col gap-3", children: [
+      rt && tt,
+      ut,
+      nt && R && /* @__PURE__ */ o(
+        fr,
+        {
+          currentPage: R.currentPage,
+          pageSize: R.pageSize,
+          totalPages: R.totalPages,
+          totalItems: R.totalItems,
+          onPageChange: R.onPageChange,
+          onPageSizeChange: R.onPageSizeChange,
+          showPagination: R.showPagination
+        }
+      ),
+      ft
+    ] }) : /* @__PURE__ */ N(pt, { children: [
+      ut,
+      ft
+    ] });
   }
 );
 export {
-  Mr as TableWrapper
+  un as TableWrapper
 };