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

package/dist/patterns/table/cellRangeSelection.d.ts

@@ -57,8 +57,27 @@ export declare function getDragScrollDeltas(scrollContainer: HTMLElement, client
     dy: number;
 };
 export declare function resolveCellCoordFromElement(cell: HTMLElement): TableCellCoord | null;
+/**
+ * First selectable data cell of the row a keystroke came from.
+ *
+ * Row chrome (selection checkbox, row actions, delete button) is marked `data-grid-no-range`, so a
+ * keystroke that starts there resolves to no cell at all. Anchoring on the row's first data cell
+ * keeps the leading column inside the range instead of starting one column in.
+ */
+export declare function resolveRowAnchorCoordFromTarget(target: EventTarget | null, container: HTMLElement | null): TableCellCoord | null;
 /** Find the grid cell under the pointer (for drag updates while scrolling). */
 export declare function hitTestGridCell(container: HTMLElement, clientX: number, clientY: number): HTMLElement | null;
 export declare function canStartCellRangeFromTarget(target: EventTarget | null, container: HTMLElement | null): HTMLElement | null;
 export declare function selectionFromSingleCell(cell: TableCellCoord): TableCellSelection;
+/**
+ * Selection after a keyboard move from `current` towards `neighbor` (`null` at a grid edge).
+ *
+ * `extend` is Shift+Arrow. Starting a range with nothing selected yet anchors on `current`, not on
+ * `neighbor` — anchoring on the neighbor would drop the column the user started from and shift the
+ * whole range one column across.
+ *
+ * Returns `selection` unchanged when the move is a no-op, and `null` when there is nothing to
+ * select (plain arrow at a grid edge).
+ */
+export declare function nextKeyboardCellSelection(current: TableCellCoord, neighbor: TableCellCoord | null, selection: TableCellSelection | null | undefined, extend: boolean): TableCellSelection | null;
 //# sourceMappingURL=cellRangeSelection.d.ts.map

package/dist/patterns/table/cellRangeSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cellRangeSelection.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/cellRangeSelection.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"cellRangeSelection.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/cellRangeSelection.ts"],"names":[],"mappings":"AAOA,sFAAsF;AACtF,eAAO,MAAM,4BAA4B,IAAwB,CAAC;AAElE,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,+EAA+E;AAC/E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,qDAAqD;IACrD,MAAM,EAAE,cAAc,CAAC;IACvB,2DAA2D;IAC3D,KAAK,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,4DAA4D;AAC5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,aAAa,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpC,gEAAgE;IAChE,KAAK,EAAE,cAAc,CAAC;IACtB,qCAAqC;IACrC,GAAG,EAAE,cAAc,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,OAAO,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAMF,iFAAiF;AACjF,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,kBAAkB,EAC7B,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,UAAU,EAAE,SAAS,MAAM,EAAE,GAC5B;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAY3E;AAED,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,kBAAkB,GAAG,OAAO,CAK5E;AAED,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,kBAAkB,EAC7B,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,UAAU,EAAE,SAAS,MAAM,EAAE,GAC5B,kBAAkB,GAAG,IAAI,CAgC3B;AAED,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,EAChD,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,UAAU,EAAE,SAAS,MAAM,EAAE,GAC5B,oBAAoB,CAwDtB;AAED,qFAAqF;AACrF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,GAAG,SAAS,CAQpF;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,eAAe,EAAE,WAAW,EAC5B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,MAAM,SAA0B,EAChC,UAAU,SAAyB,GAClC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CA4C5B;AAED,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,WAAW,GAChB,cAAc,GAAG,IAAI,CAWvB;AAED;;;;;;GAMG;AACH,wBAAgB,+BAA+B,CAC7C,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,SAAS,EAAE,WAAW,GAAG,IAAI,GAC5B,cAAc,GAAG,IAAI,CAQvB;AAED,+EAA+E;AAC/E,wBAAgB,eAAe,CAC7B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,GACd,WAAW,GAAG,IAAI,CAQpB;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,SAAS,EAAE,WAAW,GAAG,IAAI,GAC5B,WAAW,GAAG,IAAI,CAcpB;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,cAAc,GAAG,kBAAkB,CAEhF;AAED;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,cAAc,GAAG,IAAI,EAC/B,SAAS,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,EAChD,MAAM,EAAE,OAAO,GACd,kBAAkB,GAAG,IAAI,CAM3B"}

package/dist/patterns/table/cellRangeSelection.js

@@ -1,42 +1,42 @@
-import { ROW_DRAG_THRESHOLD_PX as x, ROW_DRAG_SCROLL_EDGE_PX as p, ROW_DRAG_SCROLL_MAX_PX as I } from "./rowReorderDrag.js";
-const C = x;
+import { ROW_REORDER_ATTR as p, ROW_DRAG_THRESHOLD_PX as b, ROW_DRAG_SCROLL_EDGE_PX as E, ROW_DRAG_SCROLL_MAX_PX as _ } from "./rowReorderDrag.js";
+const y = b;
 function M(n, t) {
   return n.indexOf(t);
 }
-function b(n, t, o) {
-  const r = M(t, n.anchor.rowId), e = M(t, n.focus.rowId), c = M(o, n.anchor.columnKey), l = M(o, n.focus.columnKey);
-  return r < 0 || e < 0 || c < 0 || l < 0 ? null : {
-    rowMin: Math.min(r, e),
-    rowMax: Math.max(r, e),
-    colMin: Math.min(c, l),
-    colMax: Math.max(c, l)
+function x(n, t, o) {
+  const r = M(t, n.anchor.rowId), l = M(t, n.focus.rowId), i = M(o, n.anchor.columnKey), e = M(o, n.focus.columnKey);
+  return r < 0 || l < 0 || i < 0 || e < 0 ? null : {
+    rowMin: Math.min(r, l),
+    rowMax: Math.max(r, l),
+    colMin: Math.min(i, e),
+    colMax: Math.max(i, e)
   };
 }
 function w(n) {
   return n.anchor.rowId === n.focus.rowId && n.anchor.columnKey === n.focus.columnKey;
 }
-function S(n, t, o) {
-  const r = b(n, t, o);
+function A(n, t, o) {
+  const r = x(n, t, o);
   if (!r) return null;
-  const { rowMin: e, rowMax: c, colMin: l, colMax: a } = r, s = t.slice(e, c + 1), u = o.slice(l, a + 1), f = s.map((i) => i === n.anchor.rowId ? n.anchor.sourceIndex : i === n.focus.rowId ? n.focus.sourceIndex : null), d = {
+  const { rowMin: l, rowMax: i, colMin: e, colMax: u } = r, s = t.slice(l, i + 1), a = o.slice(e, u + 1), f = s.map((c) => c === n.anchor.rowId ? n.anchor.sourceIndex : c === n.focus.rowId ? n.focus.sourceIndex : null), h = {
     rowId: s[0],
-    columnKey: u[0],
+    columnKey: a[0],
     sourceIndex: f[0] ?? null
   }, m = {
     rowId: s[s.length - 1],
-    columnKey: u[u.length - 1],
+    columnKey: a[a.length - 1],
     sourceIndex: f[f.length - 1] ?? null
   };
   return {
     rowIds: s,
-    columnKeys: u,
+    columnKeys: a,
     sourceIndices: f,
-    start: d,
+    start: h,
     end: m
   };
 }
-function y(n, t, o, r, e) {
-  const c = {
+function L(n, t, o, r, l) {
+  const i = {
     top: !1,
     bottom: !1,
     left: !1,
@@ -48,83 +48,90 @@ function y(n, t, o, r, e) {
       isAnchor: !1,
       isFocus: !1,
       isSingle: !1,
-      edges: c
+      edges: i
     };
-  const l = b(n, r, e), a = M(r, t), s = M(e, o);
-  if (!l || a < 0 || s < 0)
+  const e = x(n, r, l), u = M(r, t), s = M(l, o);
+  if (!e || u < 0 || s < 0)
     return {
       inRange: !1,
       isAnchor: !1,
       isFocus: !1,
       isSingle: w(n),
-      edges: c
+      edges: i
     };
-  const u = a >= l.rowMin && a <= l.rowMax && s >= l.colMin && s <= l.colMax, f = n.anchor.rowId === t && n.anchor.columnKey === o, d = n.focus.rowId === t && n.focus.columnKey === o, m = w(n);
+  const a = u >= e.rowMin && u <= e.rowMax && s >= e.colMin && s <= e.colMax, f = n.anchor.rowId === t && n.anchor.columnKey === o, h = n.focus.rowId === t && n.focus.columnKey === o, m = w(n);
   return {
-    inRange: u,
+    inRange: a,
     isAnchor: f,
-    isFocus: d,
+    isFocus: h,
     isSingle: m,
-    edges: u ? {
-      top: a === l.rowMin,
-      bottom: a === l.rowMax,
-      left: s === l.colMin,
-      right: s === l.colMax
-    } : c
+    edges: a ? {
+      top: u === e.rowMin,
+      bottom: u === e.rowMax,
+      left: s === e.colMin,
+      right: s === e.colMax
+    } : i
   };
 }
-function E(n) {
+function T(n) {
   const t = "var(--color-border-brand, var(--color-brand-500, #7f56d9))", o = [];
   return n.top && o.push(`inset 0 2px 0 0 ${t}`), n.bottom && o.push(`inset 0 -2px 0 0 ${t}`), n.left && o.push(`inset 2px 0 0 0 ${t}`), n.right && o.push(`inset -2px 0 0 0 ${t}`), o.length > 0 ? o.join(", ") : void 0;
 }
-function A(n, t, o, r = p, e = I) {
+function H(n, t, o, r = E, l = _) {
   const {
-    scrollTop: c,
-    scrollLeft: l,
-    scrollHeight: a,
+    scrollTop: i,
+    scrollLeft: e,
+    scrollHeight: u,
     scrollWidth: s,
-    clientHeight: u,
+    clientHeight: a,
     clientWidth: f
-  } = n, d = a - u, m = s - f, i = n.getBoundingClientRect();
-  let g = 0;
-  if (d > 0) {
-    if (o < i.top + r) {
-      const h = o < i.top ? 1 : (i.top + r - o) / r;
-      g = -Math.ceil(e * Math.min(1, Math.max(0, h))), c <= 0 && (g = 0);
-    } else if (o > i.bottom - r) {
-      const h = o > i.bottom ? 1 : (o - (i.bottom - r)) / r;
-      g = Math.ceil(e * Math.min(1, Math.max(0, h))), c >= d && (g = 0);
+  } = n, h = u - a, m = s - f, c = n.getBoundingClientRect();
+  let R = 0;
+  if (h > 0) {
+    if (o < c.top + r) {
+      const d = o < c.top ? 1 : (c.top + r - o) / r;
+      R = -Math.ceil(l * Math.min(1, Math.max(0, d))), i <= 0 && (R = 0);
+    } else if (o > c.bottom - r) {
+      const d = o > c.bottom ? 1 : (o - (c.bottom - r)) / r;
+      R = Math.ceil(l * Math.min(1, Math.max(0, d))), i >= h && (R = 0);
     }
   }
-  let R = 0;
+  let g = 0;
   if (m > 0) {
-    if (t < i.left + r) {
-      const h = t < i.left ? 1 : (i.left + r - t) / r;
-      R = -Math.ceil(e * Math.min(1, Math.max(0, h))), l <= 0 && (R = 0);
-    } else if (t > i.right - r) {
-      const h = t > i.right ? 1 : (t - (i.right - r)) / r;
-      R = Math.ceil(e * Math.min(1, Math.max(0, h))), l >= m && (R = 0);
+    if (t < c.left + r) {
+      const d = t < c.left ? 1 : (c.left + r - t) / r;
+      g = -Math.ceil(l * Math.min(1, Math.max(0, d))), e <= 0 && (g = 0);
+    } else if (t > c.right - r) {
+      const d = t > c.right ? 1 : (t - (c.right - r)) / r;
+      g = Math.ceil(l * Math.min(1, Math.max(0, d))), e >= m && (g = 0);
     }
   }
-  return { dx: R, dy: g };
+  return { dx: g, dy: R };
 }
-function L(n) {
+function C(n) {
   const t = n.getAttribute("data-grid-row-id"), o = n.getAttribute("data-grid-col-key");
   if (!t || !o) return null;
-  const r = n.getAttribute("data-grid-source-index"), e = r != null && r !== "" ? Number(r) : NaN;
+  const r = n.getAttribute("data-grid-source-index"), l = r != null && r !== "" ? Number(r) : NaN;
   return {
     rowId: t,
     columnKey: o,
-    sourceIndex: Number.isNaN(e) ? null : e
+    sourceIndex: Number.isNaN(l) ? null : l
   };
 }
+function O(n, t) {
+  if (!(n instanceof HTMLElement) || !t || !t.contains(n)) return null;
+  const o = n.closest(`[${p}]`);
+  if (!(o instanceof HTMLElement) || !t.contains(o)) return null;
+  const r = o.querySelector("[data-grid-cell]");
+  return !r || r.closest("[data-grid-no-range]") ? null : C(r);
+}
 function D(n, t, o) {
   const r = document.elementFromPoint(t, o);
   if (!(r instanceof Element)) return null;
-  const e = r.closest("[data-grid-cell]");
-  return !(e instanceof HTMLElement) || !n.contains(e) || e.closest("[data-grid-no-range]") ? null : e;
+  const l = r.closest("[data-grid-cell]");
+  return !(l instanceof HTMLElement) || !n.contains(l) || l.closest("[data-grid-no-range]") ? null : l;
 }
-function H(n, t) {
+function F(n, t) {
   if (!(n instanceof HTMLElement) || !t || !t.contains(n) || n.closest("[data-grid-no-range]") || n.closest(
     'input, textarea, select, [contenteditable]:not([contenteditable="false"]), [role="textbox"]'
   ))
@@ -132,19 +139,24 @@ function H(n, t) {
   const o = n.closest("[data-grid-cell]");
   return !(o instanceof HTMLElement) || !t.contains(o) ? null : o;
 }
-function O(n) {
+function I(n) {
   return { anchor: n, focus: n };
 }
+function N(n, t, o, r) {
+  return r ? o ? t ? { anchor: o.anchor, focus: t } : o : { anchor: n, focus: t ?? n } : t ? I(t) : null;
+}
 export {
-  C as CELL_RANGE_DRAG_THRESHOLD_PX,
-  S as buildCellRangeRect,
-  H as canStartCellRangeFromTarget,
-  E as cellRangeEdgeBoxShadow,
-  y as getCellRangeVisualState,
-  A as getDragScrollDeltas,
-  b as getSelectionIndexBounds,
+  y as CELL_RANGE_DRAG_THRESHOLD_PX,
+  A as buildCellRangeRect,
+  F as canStartCellRangeFromTarget,
+  T as cellRangeEdgeBoxShadow,
+  L as getCellRangeVisualState,
+  H as getDragScrollDeltas,
+  x as getSelectionIndexBounds,
   D as hitTestGridCell,
   w as isSingleCellSelection,
-  L as resolveCellCoordFromElement,
-  O as selectionFromSingleCell
+  N as nextKeyboardCellSelection,
+  C as resolveCellCoordFromElement,
+  O as resolveRowAnchorCoordFromTarget,
+  I as selectionFromSingleCell
 };

package/dist/patterns/table/table.js

@@ -200,7 +200,7 @@ const $ = ({
         const S = o ? {
           position: "sticky",
           [o]: t,
-          zIndex: 30
+          zIndex: 20
         } : {};
         return { ...typeof p.style == "function" ? p.style(m) : p.style || {}, ...S };
       },
@@ -334,7 +334,7 @@ const U = ({ className: s, children: i, sticky: n, stickyOffset: a = 0, ...o })
         const p = n ? {
           position: "sticky",
           [n]: a,
-          zIndex: 20,
+          zIndex: 10,
           backgroundColor: "white",
           boxShadow: n === "right" ? "inset 2px 0 0px 0px var(--color-border-tertiary)" : "inset -2px 0 0px 0px var(--color-border-tertiary)"
         } : {};

package/dist/patterns/table/toolbar/HideFieldsDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HideFieldsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/HideFieldsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAsDD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8J1D,CAAC"}
+{"version":3,"file":"HideFieldsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/HideFieldsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAmED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAuL1D,CAAC"}

package/dist/patterns/table/toolbar/HideFieldsDropdown.js

@@ -1,18 +1,24 @@
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { useState as g, useEffect as j, useMemo as x } from "react";
+import { useState as g, useEffect as j, useMemo as u } from "react";
 import { EyeOff as q, Eye as K } from "@untitledui/icons";
 import _ from "../../../primitives/select/SearchInput.js";
 import { cx as I } from "../../../utils/cn.js";
 import { TOOLBAR_ICONS as $ } from "../toolbar-icons.js";
-import { resolveColumnLabel as F } from "./tableToolbarHelpers.js";
+import { resolveColumnLabel as G } from "./tableToolbarHelpers.js";
 import { Dropdown as H } from "../../../primitives/dropdown/dropdown.js";
 import { Button as z } from "../../../primitives/button/button.js";
-import { useDragControls as G } from "../../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
-import { Toggle as M } from "../../../primitives/toggle/toggle.js";
+import { useDragControls as M } from "../../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
+import { Toggle as F } from "../../../primitives/toggle/toggle.js";
 import { ReorderGroup as J } from "../../../node_modules/framer-motion/dist/es/components/Reorder/Group.js";
 import { ReorderItem as Q } from "../../../node_modules/framer-motion/dist/es/components/Reorder/Item.js";
-const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u }) => {
-  const l = G();
+const U = ({
+  columnKey: a,
+  label: o,
+  isHidden: p,
+  isDisabled: i,
+  onToggle: x
+}) => {
+  const l = M();
   return /* @__PURE__ */ d(
     Q,
     {
@@ -31,12 +37,12 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
       transition: { type: "spring", stiffness: 300, damping: 25 },
       children: [
         /* @__PURE__ */ s(
-          M,
+          F,
           {
             "aria-label": `Toggle visibility of ${o}`,
             isSelected: !p,
             isDisabled: i,
-            onChange: u,
+            onChange: x,
             size: "sm",
             slim: !0
           }
@@ -44,7 +50,10 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
         /* @__PURE__ */ s(
           "span",
           {
-            className: I("flex-1 truncate text-xs", p ? "text-tertiary" : "text-secondary"),
+            className: I(
+              "flex-1 truncate text-xs",
+              p ? "text-tertiary" : "text-secondary"
+            ),
             title: o,
             children: o
           }
@@ -56,7 +65,14 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
             className: "shrink-0 cursor-grab text-fg-quaternary hover:text-fg-secondary touch-none select-none",
             "aria-label": `Drag ${o}`,
             title: "Drag to reorder",
-            children: /* @__PURE__ */ s("img", { src: $.reorderDots, alt: "", className: "h-4 w-4 pointer-events-none" })
+            children: /* @__PURE__ */ s(
+              "img",
+              {
+                src: $.reorderDots,
+                alt: "",
+                className: "h-4 w-4 pointer-events-none"
+              }
+            )
           }
         )
       ]
@@ -67,38 +83,47 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
   hiddenColumns: o,
   setHiddenColumns: p,
   columnOrder: i,
-  setColumnOrder: u,
+  setColumnOrder: x,
   labelMeta: l,
   isDisabled: v
 }) => {
-  const [y, D] = g(!1), [b, R] = g(""), [f, w] = g(() => new Set(o)), [N, m] = g(() => [...i]);
+  const [y, D] = g(!1), [b, R] = g(""), [m, w] = g(
+    () => new Set(o)
+  ), [N, f] = g(() => [
+    ...i
+  ]);
   j(() => {
-    y && (w(new Set(o)), m([...i]), R(""));
+    y && (w(new Set(o)), f([...i]), R(""));
   }, [y, o, i]);
-  const c = x(() => {
+  const c = u(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const r of a) e.set(r.value, F(r, l));
+    for (const r of a)
+      e.set(r.value, G(r, l));
     return e;
-  }, [a, l]), n = x(() => {
+  }, [a, l]), n = u(() => {
     const e = /* @__PURE__ */ new Set(), r = [];
     for (const t of N)
       c.has(t) && !e.has(t) && (e.add(t), r.push(t));
     for (const t of a)
       e.has(t.value) || (e.add(t.value), r.push(t.value));
     return r;
-  }, [N, a, c]), h = x(() => {
+  }, [N, a, c]), h = u(() => {
     const e = b.trim().toLowerCase();
-    return e ? n.filter((r) => (c.get(r) ?? r).toLowerCase().includes(e)) : n;
+    return e ? n.filter(
+      (r) => (c.get(r) ?? r).toLowerCase().includes(e)
+    ) : n;
   }, [n, b, c]), T = (e) => {
     if (e.length === n.length) {
-      m(e);
+      f(e);
       return;
     }
-    const r = new Set(h), t = [...e], C = n.map((L) => r.has(L) ? t.shift() : L);
-    m(C);
-  }, A = x(
-    () => n.filter((e) => !f.has(e)).length,
-    [n, f]
+    const r = new Set(h), t = [...e], C = n.map(
+      (L) => r.has(L) ? t.shift() : L
+    );
+    f(C);
+  }, A = u(
+    () => n.filter((e) => !m.has(e)).length,
+    [n, m]
   ), P = (e) => {
     w((r) => {
       const t = new Set(r);
@@ -112,9 +137,9 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
       return t;
     });
   }, B = () => {
-    w(/* @__PURE__ */ new Set()), m(a.map((e) => e.value));
+    w(/* @__PURE__ */ new Set()), f(a.map((e) => e.value));
   }, E = () => {
-    p(new Set(f)), u([...N]), D(!1);
+    p(new Set(m)), x([...N]), D(!1);
   }, O = o.size, S = O > 0;
   return /* @__PURE__ */ d(H.Root, { isOpen: y, onOpenChange: D, children: [
     /* @__PURE__ */ d(
@@ -128,7 +153,7 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
           S && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
         ),
         children: [
-          "Hide Fields",
+          "Hide Columns",
           S && /* @__PURE__ */ s("span", { className: "text-xs font-semibold text-brand-600 ml-1", children: O })
         ]
       }
@@ -138,13 +163,13 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
         _,
         {
           size: "sm",
-          placeholder: "Search fields",
+          placeholder: "Search columns",
           value: b,
           onChange: (e) => R(e),
           className: "w-full ring-0 outline-hidden bg-secondary rounded-lg"
         }
       ),
-      /* @__PURE__ */ s("div", { className: "max-h-[40vh] overflow-y-auto scrollbar-hide pr-0.5", children: h.length === 0 ? /* @__PURE__ */ s("p", { className: "px-2 py-3 text-xs text-tertiary", children: "No fields match." }) : /* @__PURE__ */ s(
+      /* @__PURE__ */ s("div", { className: "max-h-[40vh] overflow-y-auto scrollbar-hide pr-0.5", children: h.length === 0 ? /* @__PURE__ */ s("p", { className: "px-2 py-3 text-xs text-tertiary", children: "No columns match." }) : /* @__PURE__ */ s(
         J,
         {
           as: "div",
@@ -153,7 +178,7 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
           onReorder: T,
           className: "flex flex-col gap-0.5",
           children: h.map((e) => {
-            const r = f.has(e);
+            const r = m.has(e);
             return /* @__PURE__ */ s(
               U,
               {
@@ -169,8 +194,26 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
         }
       ) }),
       /* @__PURE__ */ d("div", { className: "flex gap-2 pt-1 px-2 pb-2", children: [
-        /* @__PURE__ */ s(z, { color: "secondary", size: "xs", onClick: B, className: "flex-1", children: "Reset" }),
-        /* @__PURE__ */ s(z, { color: "primary", size: "xs", onClick: E, className: "flex-1", children: "Apply" })
+        /* @__PURE__ */ s(
+          z,
+          {
+            color: "secondary",
+            size: "xs",
+            onClick: B,
+            className: "flex-1",
+            children: "Reset"
+          }
+        ),
+        /* @__PURE__ */ s(
+          z,
+          {
+            color: "primary",
+            size: "xs",
+            onClick: E,
+            className: "flex-1",
+            children: "Apply"
+          }
+        )
       ] })
     ] }) })
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pibit.ai/cure-design-system",
-  "version": "0.3.30",
+  "version": "0.3.35",
   "description": "CURE Design System - React component library",
   "author": "Pibit",
   "license": "MIT",