@pibit.ai/cure-design-system 0.6.2 → 0.6.4

package/dist/patterns/table/TableWrapper.js

@@ -1,227 +1,228 @@
-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 { jsx as c, jsxs as S, Fragment as Qt } from "react/jsx-runtime";
+import { forwardRef as en, useRef as oe, useState as K, useMemo as k, useCallback as E, useEffect as Z, useLayoutEffect as er } from "react";
+import { ChevronRight as tn } 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 = {
+import { TableCard as rn, Table as m } from "./table.js";
+import { TablePagination as nn } from "./TablePagination.js";
+import { TableZoomControl as sn } from "./TableZoomControl.js";
+import { useFitTableToViewport as on } from "./useFitTableToViewport.js";
+import { useTableZoomState as an } from "./useTableZoomState.js";
+import { getEffectiveAlignment as lr, resolveColumnLabel as cn, alignmentClass as dn } from "./toolbar/tableToolbarHelpers.js";
+import { parsePxValue as yt, DEFAULT_ZOOMABLE_COLUMN_MIN_WIDTH as tr, supportsCssZoom as ln, DEFAULT_TABLE_ZOOM_MIN as un, computeFillBaseWidth as fn, computeEffectiveTableWidth as pn, computeFlexColumnWidth as hn, DEFAULT_COLUMN_MAX_WIDTH as ur, getTableZoomFontSize as yn, computeNeedsHorizontalScroll as wn } from "./tableZoomLayout.js";
+import { findGridCell as rr, isWithinCellEditor as Be, getGridNeighbor as mn, getGridTabNeighbor as gn, focusGridCell as nr, GridNavProvider as xn } from "./useGridKeyboardNavigation.js";
+import { scrollGridCellIntoView as Rn } from "./scrollCellIntoView.js";
+import { ROW_DRAG_THRESHOLD_PX as vn, computeDropTarget as kn, clipDropLineToScrollport as En, ROW_REORDER_ATTR as ir, measureRowPreview as In, cloneRowForPreview as Ln, FloatingRowPreview as bn, DropIndicatorLine as Nn, getRowDragScrollDelta as Dn, ROW_DRAG_SOURCE_STYLE as Wn, ROW_SOURCE_INDEX_ATTR as _n } from "./rowReorderDrag.js";
+import { selectionFromSingleCell as wt, resolveCellCoordFromElement as Xe, resolveRowAnchorCoordFromTarget as Pn, buildCellRangeRect as mt, nextKeyboardCellSelection as Sn, CELL_RANGE_DRAG_THRESHOLD_PX as Cn, hitTestGridCell as Tn, canStartCellRangeFromTarget as sr, getDragScrollDeltas as Fn, getCellRangeVisualState as On, cellRangeEdgeBoxShadow as zn } from "./cellRangeSelection.js";
+import { BulkActionBar as Gn } from "./toolbar/BulkActionBar.js";
+import { TableToolbar as Mn } from "./toolbar/TableToolbar.js";
+import { Checkbox as or } from "../../primitives/checkbox/checkbox.js";
+import { ColumnHeaderMenu as Un } from "./toolbar/ColumnHeaderMenu.js";
+import { Button as Yn } from "../../primitives/button/button.js";
+import { SummaryFooterRow as An } from "./toolbar/SummaryFooter.js";
+import { RowActionsMenu as Bn } from "./toolbar/RowActionsMenu.js";
+import { Icon as Xn } from "../../primitives/icon/icon.js";
+import { ShimmerLine as $n } from "../../primitives/shimmer/shimmer.js";
+const jn = ln(), Zn = 5, qn = "__all__", ar = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, xe = (s) => s.__rowId ?? s.id ?? s.rule_id ?? String(s);
-function ar(s, u) {
+}, Re = (s) => s.__rowId ?? s.id ?? s.rule_id ?? String(s);
+function cr(s, u) {
   return s === "all" ? new Set(u) : s ?? /* @__PURE__ */ new Set();
 }
-function qn(s, u, f) {
+function Kn(s, u, f) {
   return s ? s === "all" ? f.includes(u) : s.has(u) : !1;
 }
-function Kn(s, u) {
+function Hn(s, u) {
   return s ? s === "all" ? u.length : s.size : 0;
 }
-function Hn(s, u) {
+function Vn(s, u) {
   return u.length === 0 ? !1 : s === "all" ? !0 : u.every((f) => (s == null ? void 0 : s.has(f)) ?? !1);
 }
-function Vn(s, u) {
+function Jn(s, u) {
   return s === "all" ? u.length > 0 : u.some((f) => (s == null ? void 0 : s.has(f)) ?? !1);
 }
-function Jn(s) {
+function Qn(s) {
   if (s)
     return (u) => {
       s(u === "all" ? "all" : new Set([...u].map(String)));
     };
 }
-function Qn(s) {
+function ei(s) {
   var u;
-  return s != null && s.length ? s.length > 1 ? !0 : ((u = s[0]) == null ? void 0 : u.key) !== Zn : !1;
+  return s != null && s.length ? s.length > 1 ? !0 : ((u = s[0]) == null ? void 0 : u.key) !== qn : !1;
 }
-function cr(s, u, f) {
-  return f ? dr(f, u ?? /* @__PURE__ */ new Map()) : (u == null ? void 0 : u.get(s)) ?? "left";
+function dr(s, u, f) {
+  return f ? lr(f, u ?? /* @__PURE__ */ new Map()) : (u == null ? void 0 : u.get(s)) ?? "left";
 }
-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) => ({
+const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s) => s.width ?? (s.maxWidth && s.sticky === "right" ? s.maxWidth : void 0), ti = (s) => ({
   width: s.width,
-  maxWidth: s.maxWidth ?? lr,
+  maxWidth: s.maxWidth ?? ur,
   minWidth: s.minWidth ?? s.width
-}), bi = Qr(
+}), Ni = en(
   function({
     data: u,
     columns: f,
-    renderRowCell: gt,
-    onRowClick: ve,
+    renderRowCell: xt,
+    onRowClick: ke,
     onRowHover: H,
-    arialabel: ur,
-    size: xt = "sm",
-    allowDefaultRowClass: fr = !1,
-    centeredHeaders: pr = [],
-    rootClassName: hr,
-    removeBorders: Rt,
-    headerClassName: yr,
-    isRowExpandable: vt,
-    renderExpandedContent: wr,
+    arialabel: fr,
+    size: Rt = "sm",
+    allowDefaultRowClass: pr = !1,
+    centeredHeaders: hr = [],
+    rootClassName: yr,
+    removeBorders: vt,
+    headerClassName: wr,
+    isRowExpandable: kt,
+    renderExpandedContent: mr,
     loading: X = !1,
-    loadingRowCount: kt = jn,
-    renderHeaderCell: Xe,
-    tableClassName: mr,
-    getRowClassName: $e,
-    selectionMode: oe = "none",
-    selectedKeys: C,
-    onSelectionChange: D,
-    inlineSelection: ke = !1,
+    loadingRowCount: Et = Zn,
+    renderHeaderCell: $e,
+    tableClassName: gr,
+    getRowClassName: je,
+    selectionMode: ae = "none",
+    selectedKeys: T,
+    onSelectionChange: W,
+    inlineSelection: Ee = !1,
     toolbar: d,
-    showToolbar: gr,
-    toolbarTitle: Et,
-    toolbarTrailing: It,
-    disableExtendedTools: Ee,
+    showToolbar: xr,
+    toolbarTitle: It,
+    toolbarTrailing: Lt,
+    disableExtendedTools: Ie,
     pagination: _,
-    showBorders: Ie,
-    emptyState: Lt,
+    showBorders: Le,
+    emptyState: bt,
     editChrome: z,
-    showEditActions: xr = !1,
-    searchCollapsible: bt,
-    isEditable: Rr,
-    isEditMode: Nt = !0,
-    toolbarSlot: je,
+    showEditActions: Rr = !1,
+    searchCollapsible: Nt,
+    isEditable: vr,
+    isEditMode: Dt = !0,
+    toolbarSlot: Ze,
     rowHeightClass: Wt,
     groupedData: V,
-    showSummaryFooter: vr,
-    summaryFooterProps: Ze,
-    bulkActionBar: Le,
-    renderBulkActionBar: be,
-    onBulkDuplicate: Ne,
+    showSummaryFooter: kr,
+    summaryFooterProps: qe,
+    bulkActionBar: be,
+    renderBulkActionBar: Ne,
+    onBulkDuplicate: De,
     onBulkDelete: We,
-    bulkActionBusy: De,
+    bulkActionBusy: _e,
     columnAlignments: J,
-    onColumnHeaderAction: _e,
-    showColumnHeaderMenu: kr,
-    columnMenuCapabilities: Er,
-    renderGroupHeader: Dt,
-    columnMenuSchema: ae,
-    columnSchema: ce,
-    labelMeta: Ir,
-    renderColumnHeaderMenuExtraItems: Lr,
-    fillWidth: br = !1,
-    zoom: Nr,
+    columnTextWrap: Q,
+    onColumnHeaderAction: Pe,
+    showColumnHeaderMenu: Er,
+    columnMenuCapabilities: Ir,
+    renderGroupHeader: _t,
+    columnMenuSchema: ce,
+    columnSchema: de,
+    labelMeta: Lr,
+    renderColumnHeaderMenuExtraItems: br,
+    fillWidth: Nr = !1,
+    zoom: Dr,
     rowActions: I,
-    onCellActivate: Q,
+    onCellActivate: ee,
     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({
+    onCopyCells: Ke,
+    onPasteCells: He,
+    onClearCells: Ve
+  }, le) {
+    const { zoomConfig: G, zoomPercent: ue, setZoomPercent: Pt } = an(Dr), F = G !== null && jn, fe = ue / 100, Se = F ? yn(ue) : void 0, D = Nr, g = oe(null), [pe, St] = K(null), Wr = on({
       containerRef: g,
       zoomConfig: G,
-      zoomPercent: le,
-      setZoomPercent: _t
-    }), ee = k(() => {
-      if (!W) return null;
+      zoomPercent: ue,
+      setZoomPercent: Pt
+    }), te = k(() => {
+      if (!D) return null;
       const e = f.reduce(
-        (i, n) => Re(n) ? i + ht(mt(n)) : i,
+        (i, n) => ve(n) ? i + yt(gt(n)) : i,
         0
       );
       return { minTableWidth: f.filter(
-        (i) => !Re(i)
+        (i) => !ve(i)
       ).reduce(
-        (i, n) => i + ht(
-          n.minWidth ?? (F ? er : void 0)
+        (i, n) => i + yt(
+          n.minWidth ?? (F ? tr : void 0)
         ),
         0
       ) + e };
-    }, [f, W, F]), St = (G == null ? void 0 : G.minZoom) ?? ln, [Se, Dr] = K(
+    }, [f, D, F]), Ct = (G == null ? void 0 : G.minZoom) ?? un, [Ce, _r] = K(
       () => /* @__PURE__ */ new Set()
-    ), [_r, Tt] = K(
+    ), [Pr, Tt] = K(
       null
-    ), [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(
+    ), [p, Sr] = K(null), M = oe(null), Je = oe({ x: 0, y: 0 }), re = E((e) => {
+      M.current = e, Sr(e);
+    }, []), [q, Ft] = K(null), [ne, Cr] = K(null), y = typeof N == "function", $ = oe(null), Qe = oe({ x: 0, y: 0 }), [ie, Ot] = K(!1), et = oe(null), Te = ae === "single" || ae === "multiple", tt = !!I, U = Te && !Ee, Fe = ei(V), rt = !!(I != null && I.onReorderRows) && (I == null ? void 0 : I.enableRowReorder) !== !1 && !Fe && !X, Tr = k(() => ce != null && ce.length ? new Map(ce.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [ce]), zt = k(() => de != null && de.length ? new Map(de.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [de]), Y = k(
       () => f.map((e) => e.key),
       [f]
-    ), Cr = E((e) => {
-      Dr((t) => {
+    ), Fr = E((e) => {
+      _r((t) => {
         const r = new Set(t);
         return r.has(e) ? r.delete(e) : r.add(e), r;
       });
-    }, []), Fe = k(() => X ? Array.from({ length: kt }, (e, t) => ({
+    }, []), Oe = k(() => X ? Array.from({ length: Et }, (e, t) => ({
       id: `loading-${t}`
     })) : u.map((e) => {
       const t = e;
       if (t.__rowId != null)
         return t;
-      const r = xe(t);
+      const r = Re(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;
+    }), [X, u, Et]), R = k(() => X ? [] : Fe && V ? V.flatMap(
+      (e) => Ce.has(e.key) ? [] : e.rows.map((t) => Re(t))
+    ) : Oe.map((e) => Re(e)), [X, Fe, V, Ce, Oe]), he = k(
+      () => cr(T, R),
+      [T, R]
+    ), nt = Hn(T, R), it = nt > 0, Gt = it && !!(be ?? Ne ?? De ?? We), ye = k(() => {
+      if (!it) return;
       const e = u.filter(
-        (t) => pe.has(xe(t))
+        (t) => he.has(Re(t))
       );
       return {
-        selectedKeys: pe,
+        selectedKeys: he,
         selectedRows: e,
-        clearSelection: () => D == null ? void 0 : D(/* @__PURE__ */ new Set()),
-        busy: De
+        clearSelection: () => W == null ? void 0 : W(/* @__PURE__ */ new Set()),
+        busy: _e
       };
     }, [
-      nt,
-      pe,
+      it,
+      he,
       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))
+      W,
+      _e
+    ]), Mt = k(() => {
+      if (Ze != null) return Ze;
+      if (Gt) {
+        if (be != null) return be;
+        if (Ne && ye)
+          return Ne(ye);
+        if (ye && (De || We))
           return /* @__PURE__ */ c(
-            zn,
+            Gn,
             {
-              count: rt,
-              onDuplicate: Ne,
+              count: nt,
+              onDuplicate: De,
               onDelete: We,
-              onClearSelection: he.clearSelection,
-              busy: De
+              onClearSelection: ye.clearSelection,
+              busy: _e
             }
           );
       }
       const e = F && G ? /* @__PURE__ */ c(
-        nn,
+        sn,
         {
-          value: le,
-          minValue: St,
+          value: ue,
+          minValue: Ct,
           maxValue: G.maxZoom,
           step: G.step,
-          onChange: _t,
+          onChange: Pt,
           onFitToViewport: Wr,
-          isDisabled: Ee
+          isDisabled: Ie
         }
-      ) : null, t = It;
+      ) : null, t = Lt;
       return !d && !t && !e ? null : /* @__PURE__ */ c(
-        Gn,
+        Mn,
         {
           sort: d == null ? void 0 : d.sort,
           filter: d == null ? void 0 : d.filter,
@@ -234,52 +235,52 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
           sortContent: d == null ? void 0 : d.sortContent,
           filterContent: d == null ? void 0 : d.filterContent,
           views: d == null ? void 0 : d.views,
-          fallbackTitle: Et,
+          fallbackTitle: It,
           beforeSearch: e,
           trailing: t,
-          searchCollapsible: bt,
-          disableExtendedTools: Ee,
-          isEditMode: Nt,
+          searchCollapsible: Nt,
+          disableExtendedTools: Ie,
+          isEditMode: Dt,
           undoRedo: d != null && d.undoRedo ? {
             ...d.undoRedo,
-            isDisabled: d.undoRedo.isDisabled ?? Ee
+            isDisabled: d.undoRedo.isDisabled ?? Ie
           } : void 0
         }
       );
     }, [
-      je,
-      zt,
-      Le,
+      Ze,
+      Gt,
       be,
-      he,
       Ne,
-      We,
+      ye,
       De,
-      rt,
+      We,
+      _e,
+      nt,
       d,
-      Et,
       It,
-      bt,
+      Lt,
       Nt,
-      Ee,
+      Dt,
+      Ie,
       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(() => {
+      ue,
+      Ct
+    ]), Ut = Mt != null && xr !== !1, Yt = !!_ && (_ == null ? void 0 : _.showPagination) !== !1, Or = Ut || Yt, At = !X && u.length === 0 && bt != null, C = !!(Rr && z), st = !!(z != null && z.showFooterRow), L = vr ?? (C || st || tt), zr = At && !(st && z), we = f.length + (U ? 1 : 0) + (C ? 1 : 0), Gr = !!(kr && qe), b = Le ? "border-r border-secondary last:border-r-0" : void 0, Mr = k(() => {
       const e = /* @__PURE__ */ new Map();
-      return _e && f.forEach((t) => {
+      return Pe && f.forEach((t) => {
         e.set(
           t.key,
-          (r) => _e(t.key, r)
+          (r) => Pe(t.key, r)
         );
       }), e;
-    }, [f, _e]), st = E(
+    }, [f, Pe]), ot = E(
       (e, t, r) => {
         var a;
         let i = r ?? null;
         if (i == null) {
-          const l = (a = tr(
+          const l = (a = rr(
             g.current,
             e,
             t
@@ -292,47 +293,47 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
           sourceIndex: i
         };
         if (y) {
-          N == null || N(yt(n));
+          N == null || N(wt(n));
           return;
         }
-        Ct(n);
+        Ft(n);
       },
       [y, N]
-    ), Oe = E(() => {
+    ), ze = E(() => {
       if (y) {
         N == null || N(null);
         return;
       }
-      Ct(null);
+      Ft(null);
     }, [y, N]), P = y ? (w == null ? void 0 : w.focus) ?? null : q, A = E(
       (e) => {
         y && (N == null || N(e));
       },
       [y, N]
-    ), Mr = E(
+    ), Ur = E(
       (e) => {
-        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;
+        var Ae, se, xe;
+        const t = e.key in ar;
+        if (e.key !== "Enter" && e.key !== "Tab" && e.key !== "Escape" && e.key !== "Delete" && e.key !== "Backspace" && !t || Be(e.target)) return;
         if (e.key === "Escape") {
           if (!P && !w) return;
-          e.preventDefault(), e.stopPropagation(), Oe(), (Ye = g.current) != null && Ye.contains(document.activeElement) && document.activeElement.blur();
+          e.preventDefault(), e.stopPropagation(), ze(), (Ae = g.current) != null && Ae.contains(document.activeElement) && document.activeElement.blur();
           return;
         }
-        const r = (ge = (ie = e.target).closest) == null ? void 0 : ge.call(
-          ie,
+        const r = (xe = (se = e.target).closest) == null ? void 0 : xe.call(
+          se,
           "[data-grid-cell]"
-        ), 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);
+        ), i = r ? Xe(r) : null, n = y && t && e.shiftKey && !P && !i ? Pn(e.target, g.current) : null, a = n != null && he.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(
+          if (!y || !w || !Ve) return;
+          const j = mt(
             w,
             R,
             Y
           );
           if (!j) return;
-          e.preventDefault(), e.stopPropagation(), He({
+          e.preventDefault(), e.stopPropagation(), Ve({
             selection: w,
             rect: j,
             event: e.nativeEvent
@@ -340,22 +341,22 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
           return;
         }
         if (e.key === "Enter") {
-          if (!Q) return;
-          e.preventDefault(), e.stopPropagation(), Q({
+          if (!ee) return;
+          e.preventDefault(), e.stopPropagation(), ee({
             rowId: l.rowId,
             columnKey: l.columnKey,
             sourceIndex: l.sourceIndex
           });
           return;
         }
-        const h = y && e.shiftKey && t, v = t ? or[e.key] : e.shiftKey ? "left" : "right", o = t ? wn(
+        const h = y && e.shiftKey && t, v = t ? ar[e.key] : e.shiftKey ? "left" : "right", o = t ? mn(
           g.current,
           R,
           Y,
           l.rowId,
           l.columnKey,
           v
-        ) : mn(
+        ) : gn(
           g.current,
           R,
           Y,
@@ -368,27 +369,27 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
           return;
         }
         e.preventDefault(), e.stopPropagation();
-        const pt = o ? {
+        const ht = 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(
+        } : null, me = a ? null : ht, ge = me ? v : null;
+        if (et.current = ge, y) {
+          const j = Sn(
             l,
-            we,
+            me,
             w,
             h
           );
           j && j !== w && A(j);
-        } else o && st(o.rowId, o.columnKey, o.sourceIndex);
-        const O = we ?? l;
+        } else o && ot(o.rowId, o.columnKey, o.sourceIndex);
+        const O = me ?? l;
         requestAnimationFrame(
-          () => rr(
+          () => nr(
             g.current,
             O.rowId,
             O.columnKey,
-            { dir: me }
+            { dir: ge }
           )
         );
       },
@@ -397,65 +398,65 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
         R,
         y,
         w,
-        Oe,
+        ze,
         Y,
         A,
-        pe,
-        Q,
-        He,
-        st
+        he,
+        ee,
+        Ve,
+        ot
       ]
     );
     Z(() => {
       if (!L || !P && !w) return;
       const e = (t) => {
         const r = g.current;
-        r && !r.contains(t.target) && Oe();
+        r && !r.contains(t.target) && ze();
       };
       return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-    }, [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(
+    }, [L, P, w, ze]);
+    const at = (P == null ? void 0 : P.rowId) ?? null, ct = (P == null ? void 0 : P.columnKey) ?? null;
+    er(() => {
+      if (!L || ie || !at || !ct) return;
+      const e = rr(
         g.current,
-        ot,
-        at
+        at,
+        ct
       );
-      e && xn(e, { dir: Qe.current });
-    }, [L, ne, ot, at]);
-    const At = k(() => {
+      e && Rn(e, { dir: et.current });
+    }, [L, ie, at, ct]);
+    const Bt = k(() => {
       let e = 0;
-      return U && (e += 40), T && (e += 56), f.forEach((t) => {
-        Re(t) && (e += ht(mt(t)));
+      return U && (e += 40), C && (e += 56), f.forEach((t) => {
+        ve(t) && (e += yt(gt(t)));
       }), e;
-    }, [f, T, U]), Bt = k(
-      () => f.filter((e) => !Re(e)).length,
+    }, [f, C, U]), Xt = k(
+      () => f.filter((e) => !ve(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
+      () => D && te ? fn(pe, te.minTableWidth) : null,
+      [pe, D, te]
+    ), $t = D && wn(dt, pe, fe), Ge = k(
+      () => pn(dt, pe, fe),
+      [dt, pe, fe]
+    ), lt = k(
+      () => hn(
+        Ge,
+        Bt,
+        Xt
       ),
-      [ze, At, Bt]
+      [Ge, Bt, Xt]
     );
-    Qt(() => {
-      if (!W) {
-        Pt(null);
+    er(() => {
+      if (!D) {
+        St(null);
         return;
       }
       const e = g.current;
       if (!e) return;
       const t = () => {
         const i = e.clientWidth;
-        i > 0 && Pt((n) => n === i ? n : i);
+        i > 0 && St((n) => n === i ? n : i);
       };
       t();
       const r = new ResizeObserver(t);
@@ -465,72 +466,72 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
     }, [
       f.length,
       u.length,
-      W,
+      D,
       X,
-      T,
+      C,
       U
     ]);
-    const lt = E(
+    const ut = 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 ? {
+        if (!D)
+          return ti(e);
+        const t = e.minWidth ?? (F ? tr : void 0), r = gt(e), i = r, n = e.maxWidth ?? r ?? ur;
+        return ve(e) && i ? {
           minWidth: i,
           width: i,
           maxWidth: n ?? i
-        } : dt != null ? {
-          width: `${dt}px`,
+        } : lt != null ? {
+          width: `${lt}px`,
           minWidth: t
         } : { minWidth: t, maxWidth: n };
       },
-      [W, dt, F]
-    ), Ur = k(() => {
+      [D, lt, F]
+    ), Yr = k(() => {
       const e = F ? {
-        zoom: ue,
-        "--table-zoom-font-size": Pe ? `${Pe}px` : void 0
+        zoom: fe,
+        "--table-zoom-font-size": Se ? `${Se}px` : void 0
       } : void 0;
-      return !W || !ee ? F ? { ...e, width: "max-content", minWidth: "100%" } : void 0 : {
+      return !D || !te ? 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`,
+        width: `${Ge ?? te.minTableWidth}px`,
         tableLayout: "fixed"
       };
     }, [
-      W,
-      ee,
-      Xt,
-      ze,
+      D,
+      te,
+      $t,
+      Ge,
       F,
-      ue,
-      Pe
-    ]), Yr = E(
+      fe,
+      Se
+    ]), Ar = E(
       (e) => {
-        g.current = e, typeof de == "function" ? de(e) : de && (de.current = e);
+        g.current = e, typeof le == "function" ? le(e) : le && (le.current = e);
       },
-      [de]
-    ), Ar = Te && ke ? {
-      selectionMode: oe,
-      selectedKeys: C === "all" ? "all" : C,
-      onSelectionChange: Jn(D)
-    } : {}, Br = (e, t = 0) => {
+      [le]
+    ), Br = Te && Ee ? {
+      selectionMode: ae,
+      selectedKeys: T === "all" ? "all" : T,
+      onSelectionChange: Qn(W)
+    } : {}, Xr = (e, t = 0) => {
       const r = e.__sourceIndex;
       return typeof r == "number" ? r : t;
-    }, Ge = E(
+    }, Me = 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);
+        re(null), e && a && r !== i && (I != null && I.onReorderRows) && I.onReorderRows(r, i, n);
       },
-      [I, te]
-    ), Me = E(
+      [I, re]
+    ), Ue = 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;
+        Je.current = { x: e, y: t };
+        const i = e - r.startX, n = t - r.startY, a = Math.hypot(i, n), l = r.active || a >= vn;
         let h = {
           ...r,
           currentX: e,
@@ -541,7 +542,7 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
           r.active || Tt(null);
           const v = g.current;
           if (v) {
-            const o = vn(
+            const o = kn(
               v,
               t,
               r.fromSourceIndex,
@@ -551,7 +552,7 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
               ...h,
               toSourceIndex: o.toSourceIndex,
               // Clip to scrollport so the line never draws over the header / outside the card.
-              dropLineY: kn(
+              dropLineY: En(
                 o.dropLineY,
                 v
               ),
@@ -560,15 +561,15 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
             });
           }
         }
-        te(h);
+        re(h);
       },
-      [te]
-    ), Xr = E(
+      [re]
+    ), $r = E(
       (e, t, r, i) => {
         var v, o;
-        if (!tt || e.button !== 0) return;
+        if (!rt || e.button !== 0) return;
         const n = (v = g.current) == null ? void 0 : v.querySelector(
-          `tr[${nr}="${CSS.escape(t)}"]`
+          `tr[${ir}="${CSS.escape(t)}"]`
         );
         if (!n) return;
         e.preventDefault();
@@ -576,8 +577,8 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
           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({
+        const a = In(n), l = Ln(n), h = ((o = n.closest("table")) == null ? void 0 : o.getBoundingClientRect()) ?? n.getBoundingClientRect();
+        Je.current = { x: e.clientX, y: e.clientY }, re({
           rowId: t,
           fromSourceIndex: r,
           item: i,
@@ -595,26 +596,26 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
           rowClone: l
         });
       },
-      [tt, te]
-    ), $t = p != null;
+      [rt, re]
+    ), jt = p != null;
     Z(() => {
-      if (!$t) return;
+      if (!jt) return;
       const e = (n) => {
         var a;
-        n.pointerId === ((a = M.current) == null ? void 0 : a.pointerId) && Me(n.clientX, n.clientY);
+        n.pointerId === ((a = M.current) == null ? void 0 : a.pointerId) && Ue(n.clientX, n.clientY);
       }, t = (n) => {
         var a;
-        n.pointerId === ((a = M.current) == null ? void 0 : a.pointerId) && Ge(!0);
+        n.pointerId === ((a = M.current) == null ? void 0 : a.pointerId) && Me(!0);
       }, r = (n) => {
         var a;
-        n.pointerId === ((a = M.current) == null ? void 0 : a.pointerId) && Ge(!1);
+        n.pointerId === ((a = M.current) == null ? void 0 : a.pointerId) && Me(!1);
       }, i = (n) => {
-        n.key === "Escape" && (n.preventDefault(), Ge(!1));
+        n.key === "Escape" && (n.preventDefault(), Me(!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(() => {
+    }, [jt, Me, Ue]), 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", () => {
@@ -626,62 +627,62 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
       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);
+        const { x: n, y: a } = Je.current, l = Dn(i, a);
+        l !== 0 && (i.scrollTop += l, Ue(n, a)), e = requestAnimationFrame(t);
       };
       return e = requestAnimationFrame(t), () => cancelAnimationFrame(e);
-    }, [p == null ? void 0 : p.active, Me]);
-    const Ue = E(
+    }, [p == null ? void 0 : p.active, Ue]);
+    const Ye = 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;
+        Qe.current = { x: e, y: t };
+        const n = e - r.startX, a = t - r.startY, l = Math.hypot(n, a), h = r.active || l >= Cn;
+        if (h && !r.active && (r.active = !0, Ot(!0)), !h) return;
+        const v = Tn(i, e, t), o = v ? Xe(v) : null;
         o && (r.focus = o, A({
           anchor: r.anchor,
           focus: o
         }));
       },
       [A]
-    ), ut = E((e) => {
+    ), ft = E((e) => {
       const t = $.current;
-      $.current = null, Ft(!1), t && requestAnimationFrame(
-        () => rr(
+      $.current = null, Ot(!1), t && requestAnimationFrame(
+        () => nr(
           g.current,
           t.focus.rowId,
           t.focus.columnKey
         )
       );
-    }, []), $r = E(
+    }, []), jr = E(
       (e) => {
-        if (!y || !L || !Q || Ae(e.target)) return;
-        const t = ir(
+        if (!y || !L || !ee || Be(e.target)) return;
+        const t = sr(
           e.target,
           g.current
         );
         if (!t) return;
-        const r = Be(t);
-        r && (e.preventDefault(), e.stopPropagation(), A(yt(r)), Q({
+        const r = Xe(t);
+        r && (e.preventDefault(), e.stopPropagation(), A(wt(r)), ee({
           rowId: r.rowId,
           columnKey: r.columnKey,
           sourceIndex: r.sourceIndex
         }));
       },
-      [y, A, L, Q]
-    ), jr = E(
+      [y, A, L, ee]
+    ), Zr = E(
       (e) => {
         if (!y || !L || e.button !== 0 || M.current) return;
-        const t = ir(
+        const t = sr(
           e.target,
           g.current
         );
         if (!t) return;
-        const r = Be(t);
+        const r = Xe(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 = {
+        et.current = null, Qe.current = { x: e.clientX, y: e.clientY }, $.current = {
           pointerId: e.pointerId,
           startX: e.clientX,
           startY: e.clientY,
@@ -690,7 +691,7 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
           origin: r,
           focus: r,
           extend: i
-        }, A(i ? { anchor: n, focus: r } : yt(r));
+        }, A(i ? { anchor: n, focus: r } : wt(r));
       },
       [y, w, A, L]
     );
@@ -698,64 +699,64 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
       if (!y) return;
       const e = (i) => {
         const n = $.current;
-        !n || i.pointerId !== n.pointerId || (i.preventDefault(), Ue(i.clientX, i.clientY));
+        !n || i.pointerId !== n.pointerId || (i.preventDefault(), Ye(i.clientX, i.clientY));
       }, t = (i) => {
         const n = $.current;
-        !n || i.pointerId !== n.pointerId || ut(!0);
+        !n || i.pointerId !== n.pointerId || ft(!0);
       }, r = (i) => {
         const n = $.current;
-        !n || i.pointerId !== n.pointerId || ut(!1);
+        !n || i.pointerId !== n.pointerId || ft(!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;
+    }, [y, ft, Ye]), Z(() => {
+      if (!ie) return;
       const e = document.body.style.userSelect;
       return document.body.style.userSelect = "none", () => {
         document.body.style.userSelect = e;
       };
-    }, [ne]), Z(() => {
-      if (!ne) return;
+    }, [ie]), Z(() => {
+      if (!ie) 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);
+        const { x: n, y: a } = Qe.current, { dx: l, dy: h } = Fn(i, n, a);
+        (l !== 0 || h !== 0) && (l !== 0 && (i.scrollLeft += l), h !== 0 && (i.scrollTop += h), Ye(n, a)), e = requestAnimationFrame(t);
       };
       return e = requestAnimationFrame(t), () => cancelAnimationFrame(e);
-    }, [ne, Ue]), Z(() => {
+    }, [ie, Ye]), Z(() => {
       if (!y || !w) return;
       const e = (r) => {
-        if (Ae(r.target)) return;
+        if (Be(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(
+        const a = mt(
           w,
           R,
           Y
         );
-        !a || !qe || (r.preventDefault(), qe({ selection: w, rect: a, event: r }));
+        !a || !Ke || (r.preventDefault(), Ke({ selection: w, rect: a, event: r }));
       }, t = (r) => {
         var h;
-        if (Ae(r.target)) return;
+        if (Be(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(
+        const a = mt(
           w,
           R,
           Y
         );
-        if (!a || !Ke) return;
+        if (!a || !He) return;
         const l = ((h = r.clipboardData) == null ? void 0 : h.getData("text/plain")) ?? "";
-        r.preventDefault(), Ke({ selection: w, rect: a, text: l, event: r });
+        r.preventDefault(), He({ 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);
@@ -765,34 +766,34 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
       y,
       w,
       Y,
-      qe,
-      Ke
+      Ke,
+      He
     ]);
-    const ft = Te && Hn(C, R), Zr = Te && Vn(C, R), qr = () => {
-      if (D) {
-        if (ft) {
-          D(/* @__PURE__ */ new Set());
+    const pt = Te && Vn(T, R), qr = Te && Jn(T, R), Kr = () => {
+      if (W) {
+        if (pt) {
+          W(/* @__PURE__ */ new Set());
           return;
         }
-        D("all");
+        W("all");
       }
-    }, Kr = (e, t) => {
-      if (!D) return;
-      if (oe === "single") {
-        D(t ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
+    }, Hr = (e, t) => {
+      if (!W) return;
+      if (ae === "single") {
+        W(t ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
         return;
       }
-      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(
+      const r = T === "all" ? new Set(R) : new Set(cr(T, R));
+      t ? r.add(e) : r.delete(e), W(r);
+    }, Vr = (e) => {
+      const t = Ce.has(e.key);
+      return _t ? /* @__PURE__ */ c(
         m.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
-          children: /* @__PURE__ */ c(m.Cell, { colSpan: ye, className: x(b), children: Dt(e) })
+          children: /* @__PURE__ */ c(m.Cell, { colSpan: we, className: x(b), children: _t(e) })
         },
         `group-${e.key}`
       ) : /* @__PURE__ */ c(
@@ -804,18 +805,18 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
           children: /* @__PURE__ */ c(
             m.Cell,
             {
-              colSpan: ye,
+              colSpan: we,
               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: () => Cr(e.key),
+                  onClick: () => Fr(e.key),
                   "aria-expanded": !t,
                   children: [
                     /* @__PURE__ */ c(
-                      en,
+                      tn,
                       {
                         className: x(
                           "size-4 shrink-0 text-fg-quaternary transition-transform",
@@ -837,35 +838,35 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
         },
         `group-${e.key}`
       );
-    }, 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;
+    }, Zt = (e, t, r = 0) => {
+      const i = kt ? kt(e) : !1, n = Re(e), a = Xr(e, r), l = Kn(T, n, R), h = Pr === n, v = (p == null ? void 0 : p.active) === !0 && p.rowId === n;
       return /* @__PURE__ */ S(
         m.Row,
         {
           onAction: () => {
             var o;
-            (o = M.current) != null && o.active || ve == null || ve(e);
+            (o = M.current) != null && o.active || ke == null || ke(e);
           },
           onMouseEnter: () => H == null ? void 0 : H(e, !0),
           onMouseLeave: () => H == null ? void 0 : H(e, !1),
           id: n,
           value: e,
           columns: f,
-          expandedColSpan: ye,
+          expandedColSpan: we,
           isExpandable: i,
-          highlightSelectedRow: ke,
-          renderExpandedContent: i ? wr : void 0,
-          [nr]: n,
-          [Dn]: String(a),
+          highlightSelectedRow: Ee,
+          renderExpandedContent: i ? mr : void 0,
+          [ir]: n,
+          [_n]: String(a),
           className: x(
-            ve && "cursor-pointer",
-            fr ? "prose" : "",
-            Rt && "[&>td]:after:hidden",
-            et && "group/rowactions",
+            ke && "cursor-pointer",
+            pr ? "prose" : "",
+            vt && "[&>td]:after:hidden",
+            tt && "group/rowactions",
             h && "bg-utility-brand-25 hover:bg-utility-brand-25",
             U && l && "bg-secondary",
             Wt,
-            $e == null ? void 0 : $e(e)
+            je == null ? void 0 : je(e)
           ),
           style: v ? Wn : void 0,
           children: [
@@ -882,10 +883,10 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                     onClick: (o) => o.stopPropagation(),
                     onKeyDown: (o) => o.stopPropagation(),
                     children: /* @__PURE__ */ c(
-                      sr,
+                      or,
                       {
                         checked: l,
-                        onCheckedChange: (o) => Kr(n, o === !0),
+                        onCheckedChange: (o) => Hr(n, o === !0),
                         "aria-label": `Select row ${n}`,
                         className: "items-center justify-center"
                       }
@@ -894,18 +895,18 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                 )
               }
             ),
-            f.map((o, Ht) => {
-              const pt = Ot.get(o.key), we = cr(
+            f.map((o, Vt) => {
+              const ht = zt.get(o.key), me = dr(
                 o.key,
                 J,
-                pt
-              ), me = (re == null ? void 0 : re.rowId) === n && (re == null ? void 0 : re.columnKey) === o.key, O = y ? Fn(
+                ht
+              ), ge = (ne == null ? void 0 : ne.rowId) === n && (ne == null ? void 0 : ne.columnKey) === o.key, O = y ? On(
                 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);
+              ) : null, Ae = !y && L && !ge && (q == null ? void 0 : q.rowId) === n && (q == null ? void 0 : q.columnKey) === o.key, se = !!(O != null && O.inRange) && L && !ge, xe = se && O ? zn(O.edges) : void 0, j = ut(o);
               return /* @__PURE__ */ c(
                 m.Cell,
                 {
@@ -913,7 +914,7 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                   stickyOffset: o.stickyOffset,
                   style: {
                     ...j,
-                    ...ge ? { boxShadow: ge } : null
+                    ...xe ? { boxShadow: xe } : null
                   },
                   "data-grid-cell": "",
                   "data-grid-row-id": n,
@@ -922,16 +923,19 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                   className: x(
                     "relative overflow-x-hidden",
                     // Uncontrolled single-cell highlight (legacy).
-                    Ye && "z-1 outline-hidden ring-2 ring-inset ring-brand after:opacity-0",
+                    Ae && "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",
+                    se && "z-1 outline-hidden after:opacity-0",
+                    se && O && !O.isAnchor && "bg-utility-brand-25",
+                    // Row heights are minimums on <tr>, so wrapped rows grow; `renderRowCell`
+                    // content must not truncate itself for wrapping to show.
+                    (Q == null ? void 0 : Q.has(o.key)) && "whitespace-normal break-words",
                     o.cellClassName,
-                    cn(we),
+                    dn(me),
                     b
                   ),
                   children: (() => {
-                    const Vt = Ht === 0 && (i || et) ? /* @__PURE__ */ S("div", { className: "flex items-center", children: [
+                    const Jt = Vt === 0 && (i || tt) ? /* @__PURE__ */ S("div", { className: "flex items-center", children: [
                       I && /* @__PURE__ */ c(
                         "div",
                         {
@@ -941,14 +945,14 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                           onContextMenu: (B) => B.stopPropagation(),
                           onKeyDown: (B) => B.stopPropagation(),
                           children: /* @__PURE__ */ c(
-                            An,
+                            Bn,
                             {
                               config: I,
                               sourceRowIndex: a,
                               item: e,
-                              enableDrag: tt,
+                              enableDrag: rt,
                               isDragging: v,
-                              onDragHandlePointerDown: (B) => Xr(
+                              onDragHandlePointerDown: (B) => $r(
                                 B,
                                 n,
                                 a,
@@ -965,23 +969,23 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                           )
                         }
                       ),
-                      /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: gt(o.key, e[o.key], e) })
-                    ] }) : gt(o.key, e[o.key], e);
+                      /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: xt(o.key, e[o.key], e) })
+                    ] }) : xt(o.key, e[o.key], e);
                     return L ? /* @__PURE__ */ c(
                       "div",
                       {
                         "data-grid-focus": !0,
                         tabIndex: -1,
                         className: "outline-hidden",
-                        children: Vt
+                        children: Jt
                       }
-                    ) : Vt;
+                    ) : Jt;
                   })()
                 },
                 o.key
               );
             }),
-            T && z && /* @__PURE__ */ c(
+            C && z && /* @__PURE__ */ c(
               m.Cell,
               {
                 "data-grid-no-range": "",
@@ -997,7 +1001,7 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                     onClick: (o) => {
                       o.stopPropagation(), z.onDeleteRow(a);
                     },
-                    children: /* @__PURE__ */ c(Bn, { name: "Trash02", className: "size-3" })
+                    children: /* @__PURE__ */ c(Xn, { name: "Trash02", className: "size-3" })
                   }
                 )
               }
@@ -1006,12 +1010,12 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
         },
         n
       );
-    }, Vr = (e) => /* @__PURE__ */ S(
+    }, Jr = (e) => /* @__PURE__ */ S(
       m.Row,
       {
         id: String(e.id),
         isExpandable: !1,
-        className: x(Rt && "[&>td]:after:hidden", Wt),
+        className: x(vt && "[&>td]:after:hidden", Wt),
         children: [
           U && /* @__PURE__ */ c(
             m.Cell,
@@ -1025,17 +1029,17 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
             {
               sticky: t.sticky,
               stickyOffset: t.stickyOffset,
-              style: lt(t),
+              style: ut(t),
               className: x(
                 "overflow-x-hidden text-left",
                 t.cellClassName,
                 b
               ),
-              children: /* @__PURE__ */ c(Xn, { height: "14px", width: "75%", className: "rounded" })
+              children: /* @__PURE__ */ c($n, { height: "14px", width: "75%", className: "rounded" })
             },
             t.key
           )),
-          T && /* @__PURE__ */ c(
+          C && /* @__PURE__ */ c(
             m.Cell,
             {
               className: x("w-14", b),
@@ -1045,53 +1049,53 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
         ]
       },
       String(e.id)
-    ), Jr = () => X ? Fe.map((e) => Vr(e)) : Ce && V ? V.flatMap((e) => {
-      const t = Se.has(e.key);
+    ), Qr = () => X ? Oe.map((e) => Jr(e)) : Fe && V ? V.flatMap((e) => {
+      const t = Ce.has(e.key);
       return [
-        Hr(e),
+        Vr(e),
         ...t ? [] : e.rows.map(
-          (r, i) => jt(r, void 0, i)
+          (r, i) => Zt(r, void 0, i)
         )
       ];
-    }) : Fe.map(
-      (e, t) => jt(e, void 0, t)
-    ), Zt = /* @__PURE__ */ c(
-      tn.Root,
+    }) : Oe.map(
+      (e, t) => Zt(e, void 0, t)
+    ), qt = /* @__PURE__ */ c(
+      rn.Root,
       {
-        ref: Yr,
-        onKeyDownCapture: L ? Mr : void 0,
-        onPointerDownCapture: y ? jr : void 0,
-        onDoubleClickCapture: y ? $r : void 0,
+        ref: Ar,
+        onKeyDownCapture: L ? Ur : void 0,
+        onPointerDownCapture: y ? Zr : void 0,
+        onDoubleClickCapture: y ? jr : void 0,
         className: x(
           "w-full",
-          !W || Xt ? "overflow-x-auto" : "overflow-x-hidden",
-          Ie && "border border-secondary rounded-xl",
+          !D || $t ? "overflow-x-auto" : "overflow-x-hidden",
+          Le && "border border-secondary rounded-xl",
           "[&_tr:hover>td]:!bg-secondary_subtle",
-          hr
+          yr
         ),
-        size: xt,
+        size: Rt,
         children: /* @__PURE__ */ S(
           m,
           {
-            "data-table-zoom-typography": Pe !== void 0 ? "" : void 0,
-            "aria-label": ur,
-            size: xt,
+            "data-table-zoom-typography": Se !== void 0 ? "" : void 0,
+            "aria-label": fr,
+            size: Rt,
             isEditable: L,
-            inlineSelection: ke,
+            inlineSelection: Ee,
             className: x(
-              W && "min-w-full",
-              mr
+              D && "min-w-full",
+              gr
             ),
-            style: Ur,
-            ...Ar,
+            style: Yr,
+            ...Br,
             children: [
               /* @__PURE__ */ S(
                 m.Header,
                 {
                   className: x(
                     "sticky top-0 z-20",
-                    Ie && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none",
-                    yr
+                    Le && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none",
+                    wr
                   ),
                   children: [
                     U && /* @__PURE__ */ c(
@@ -1103,11 +1107,11 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                         style: { minWidth: "40px", width: "40px" },
                         className: x(b),
                         headerCellClass: "justify-center",
-                        children: oe === "multiple" && D && /* @__PURE__ */ c("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ c(
-                          sr,
+                        children: ae === "multiple" && W && /* @__PURE__ */ c("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ c(
+                          or,
                           {
-                            checked: ft ? !0 : Zr && !ft ? "indeterminate" : !1,
-                            onCheckedChange: () => qr(),
+                            checked: pt ? !0 : qr && !pt ? "indeterminate" : !1,
+                            onCheckedChange: () => Kr(),
                             "aria-label": "Select all rows",
                             className: "items-center justify-center"
                           }
@@ -1116,11 +1120,11 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                       "selection"
                     ),
                     f.map((e, t) => {
-                      const r = kr ? Tr.get(e.key) : void 0, i = Ot.get(e.key), n = cr(
+                      const r = Er ? Tr.get(e.key) : void 0, i = zt.get(e.key), n = dr(
                         e.key,
                         J,
                         i
-                      ), a = pr.includes(e.key) || n === "center" ? "justify-center" : n === "right" ? "justify-end" : "";
+                      ), a = hr.includes(e.key) || n === "center" ? "justify-center" : n === "right" ? "justify-end" : "";
                       return /* @__PURE__ */ c(
                         m.Head,
                         {
@@ -1131,34 +1135,35 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                           isRowHeader: t === 0,
                           allowsSorting: e.allowsSorting,
                           headerCellClass: `${e.headerCellClass} ${a}`,
-                          style: lt(e),
+                          style: ut(e),
                           className: x(
                             "overflow-hidden",
                             e.headClassName,
                             b
                           ),
-                          headerAction: r && _e ? /* @__PURE__ */ c(
-                            Mn,
+                          headerAction: r && Pe ? /* @__PURE__ */ c(
+                            Un,
                             {
                               column: r,
-                              columnLabel: r.label ?? (i ? an(i, Ir) : e.label),
-                              currentAlignment: i ? dr(
+                              columnLabel: r.label ?? (i ? cn(i, Lr) : e.label),
+                              currentAlignment: i ? lr(
                                 i,
                                 J ?? /* @__PURE__ */ new Map()
                               ) : (J == null ? void 0 : J.get(e.key)) ?? "left",
-                              capabilities: Er,
+                              textWrapped: (Q == null ? void 0 : Q.has(e.key)) ?? !1,
+                              capabilities: Ir,
                               hideDisabled: f.length <= 1,
-                              onAction: Gr.get(e.key),
-                              renderExtraItems: Lr,
+                              onAction: Mr.get(e.key),
+                              renderExtraItems: br,
                               showOnHeaderHover: !0
                             }
                           ) : void 0,
-                          children: (Xe == null ? void 0 : Xe(e.key)) ?? null
+                          children: ($e == null ? void 0 : $e(e.key)) ?? null
                         },
                         e.key
                       );
                     }),
-                    T && /* @__PURE__ */ c(
+                    C && /* @__PURE__ */ c(
                       m.Head,
                       {
                         label: "",
@@ -1173,8 +1178,8 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                 }
               ),
               /* @__PURE__ */ S(m.Body, { children: [
-                !Yt && Jr(),
-                Or && /* @__PURE__ */ c(
+                !At && Qr(),
+                zr && /* @__PURE__ */ c(
                   m.Row,
                   {
                     id: "empty-state",
@@ -1182,18 +1187,18 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                     children: /* @__PURE__ */ c(
                       m.Cell,
                       {
-                        colSpan: ye,
+                        colSpan: we,
                         className: x(
                           "text-left text-placeholder_subtle border-b border-secondary py-3",
                           b
                         ),
-                        children: Lt
+                        children: bt
                       }
                     )
                   },
                   "empty-state"
                 ),
-                it && z && /* @__PURE__ */ S(
+                st && z && /* @__PURE__ */ S(
                   m.Row,
                   {
                     id: "add-row-footer",
@@ -1202,10 +1207,10 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                       /* @__PURE__ */ c(
                         m.Cell,
                         {
-                          colSpan: ye - (T ? 1 : 0),
+                          colSpan: we - (C ? 1 : 0),
                           className: x(b),
                           children: /* @__PURE__ */ c(
-                            Un,
+                            Yn,
                             {
                               color: "tertiary",
                               className: "bg-secondary text-primary",
@@ -1216,7 +1221,7 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                           )
                         }
                       ),
-                      T && /* @__PURE__ */ c(
+                      C && /* @__PURE__ */ c(
                         m.Cell,
                         {
                           className: x("w-14", b),
@@ -1227,13 +1232,13 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
                   },
                   "add-row-footer"
                 ),
-                zr && Ze && /* @__PURE__ */ c(
-                  Yn,
+                Gr && qe && /* @__PURE__ */ c(
+                  An,
                   {
-                    ...Ze,
-                    hasActionsColumn: T,
+                    ...qe,
+                    hasActionsColumn: C,
                     hasSelectionColumn: U,
-                    showBorders: !!Ie
+                    showBorders: !!Le
                   }
                 )
               ] })
@@ -1241,20 +1246,20 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
           }
         )
       }
-    ), qt = L ? /* @__PURE__ */ c(
-      gn,
+    ), Kt = L ? /* @__PURE__ */ c(
+      xn,
       {
         rowIds: R,
         columnKeys: Y,
         containerRef: g,
-        onSelectCell: st,
-        onEditingCellChange: Sr,
-        children: Zt
+        onSelectCell: ot,
+        onEditingCellChange: Cr,
+        children: qt
       }
-    ) : Zt, Kt = p != null && p.active ? /* @__PURE__ */ S(Jt, { children: [
-      /* @__PURE__ */ c(Ln, { session: p }),
+    ) : qt, Ht = p != null && p.active ? /* @__PURE__ */ S(Qt, { children: [
+      /* @__PURE__ */ c(bn, { session: p }),
       p.dropLineY != null && /* @__PURE__ */ c(
-        bn,
+        Nn,
         {
           y: p.dropLineY,
           left: p.dropLineLeft,
@@ -1262,11 +1267,11 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
         }
       )
     ] }) : null;
-    return Fr ? /* @__PURE__ */ S("div", { className: "flex flex-col gap-3", children: [
-      Mt && Gt,
-      qt,
-      Ut && _ && /* @__PURE__ */ c(
-        rn,
+    return Or ? /* @__PURE__ */ S("div", { className: "flex flex-col gap-3", children: [
+      Ut && Mt,
+      Kt,
+      Yt && _ && /* @__PURE__ */ c(
+        nn,
         {
           currentPage: _.currentPage,
           pageSize: _.pageSize,
@@ -1277,13 +1282,13 @@ const Re = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), mt = (s)
           showPagination: _.showPagination
         }
       ),
-      Kt
-    ] }) : /* @__PURE__ */ S(Jt, { children: [
-      qt,
-      Kt
+      Ht
+    ] }) : /* @__PURE__ */ S(Qt, { children: [
+      Kt,
+      Ht
     ] });
   }
 );
 export {
-  bi as TableWrapper
+  Ni as TableWrapper
 };