eidos-ui 1.2.0 → 2.1.0

package/dist/{chunk-6XB3QTHO.cjs → chunk-SKTDGCWJ.cjs}

@@ -11,22 +11,22 @@
 
 
 
-var _chunkTKLWQWMTcjs = require('./chunk-TKLWQWMT.cjs');
+var _chunkLIFUHQH5cjs = require('./chunk-LIFUHQH5.cjs');
 
 
 var _chunkTROYIUDHcjs = require('./chunk-TROYIUDH.cjs');
 
 
-var _chunkEQEV7GPTcjs = require('./chunk-EQEV7GPT.cjs');
+var _chunkSKEWTQJ7cjs = require('./chunk-SKEWTQJ7.cjs');
 
 
-var _chunkISABZ2VXcjs = require('./chunk-ISABZ2VX.cjs');
+var _chunkAXBYJ2OYcjs = require('./chunk-AXBYJ2OY.cjs');
 
 
-var _chunkDKZTDYH5cjs = require('./chunk-DKZTDYH5.cjs');
+var _chunkAAA6TR5Icjs = require('./chunk-AAA6TR5I.cjs');
 
 
-var _chunkHLNKIAE5cjs = require('./chunk-HLNKIAE5.cjs');
+var _chunkKJZUYC4Xcjs = require('./chunk-KJZUYC4X.cjs');
 
 
 var _chunkKV3V2CPHcjs = require('./chunk-KV3V2CPH.cjs');
@@ -35,22 +35,23 @@ var _chunkKV3V2CPHcjs = require('./chunk-KV3V2CPH.cjs');
 var _chunkIJ4DXG7Dcjs = require('./chunk-IJ4DXG7D.cjs');
 
 
-var _chunkHNUTV3HRcjs = require('./chunk-HNUTV3HR.cjs');
+var _chunkWUBQJVB7cjs = require('./chunk-WUBQJVB7.cjs');
 
 
-var _chunkG5IGADJIcjs = require('./chunk-G5IGADJI.cjs');
+var _chunk5VM2256Wcjs = require('./chunk-5VM2256W.cjs');
 
 
-var _chunkFMPXSF3Hcjs = require('./chunk-FMPXSF3H.cjs');
+var _chunkDAXZRNNOcjs = require('./chunk-DAXZRNNO.cjs');
 
 
 var _chunkFRUOA2QUcjs = require('./chunk-FRUOA2QU.cjs');
 
 
-var _chunkA7Z2QAFZcjs = require('./chunk-A7Z2QAFZ.cjs');
+var _chunkAPK5OQRVcjs = require('./chunk-APK5OQRV.cjs');
 
 
-var _chunkGOR642KKcjs = require('./chunk-GOR642KK.cjs');
+
+var _chunkGEHL4LKKcjs = require('./chunk-GEHL4LKK.cjs');
 
 // src/components/DataGrid/DataGrid.component.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -67,10 +68,16 @@ var _reactdom = require('react-dom');
 
 
 
-
 var _lucidereact = require('lucide-react');
 var _jsxruntime = require('react/jsx-runtime');
-var MIN_COLUMN_WIDTH_PX = 100;
+var MIN_DATA_COLUMN_WIDTH_PX = 100;
+var ACTIONS_COLUMN_WIDTH_PX = 48;
+var CHECKBOX_COLUMN_WIDTH_PX = 40;
+var ROW_NUMBER_COLUMN_WIDTH_PX = 40;
+var DRAG_HANDLE_COLUMN_WIDTH_PX = 32;
+var EXPAND_COLUMN_WIDTH_PX = 32;
+var COMPACT_TOOLBAR_WIDTH_PX = 560;
+var cellOf = (row, key) => row[key];
 var QUICK_FILTER_RESET_VALUE = "";
 var hasFilterValue = (value) => {
   if (value === void 0 || value === null || value === "") return false;
@@ -84,7 +91,7 @@ function SortableTableRow({
   className,
   children
 }) {
-  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = _chunkTKLWQWMTcjs.useSortable.call(void 0, {
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = _chunkLIFUHQH5cjs.useSortable.call(void 0, {
     id,
     disabled
   });
@@ -94,7 +101,7 @@ function SortableTableRow({
       ref: setNodeRef,
       className: [className, isDragging ? "eidos-datagrid-row--dragging" : ""].filter(Boolean).join(" "),
       style: {
-        transform: _chunkTKLWQWMTcjs.CSS.Transform.toString(transform),
+        transform: _chunkLIFUHQH5cjs.CSS.Transform.toString(transform),
         transition: _nullishCoalesce(transition, () => ( void 0)),
         opacity: isDragging ? 0.4 : 1
       },
@@ -167,9 +174,9 @@ function ExpandedCardPanel({
 }
 function DataGridInner({
   // ── Existing props ─────────────────────────────────────────────────────────
-  columns,
+  columns: columnsProp,
   data,
-  rowKey = "id",
+  rowKey,
   onChange,
   onRowAdd,
   editable = false,
@@ -202,6 +209,8 @@ function DataGridInner({
   selectedRows: controlledSelectedRows,
   defaultSelectedRows,
   onSelectionChange,
+  selectAllScope = "all",
+  onSelectAllMatching,
   bulkActions,
   // ── Row expansion ────────────────────────────────────────────────────────────
   expandable = false,
@@ -219,6 +228,8 @@ function DataGridInner({
   cardViewBreakpoint = 640,
   cardMinWidth = 280
 }) {
+  const columns = columnsProp;
+  const rowKeyField = _nullishCoalesce(rowKey, () => ( "id"));
   const [localData, _setLocalData] = _react.useState.call(void 0, data);
   const localDataRef = _react.useRef.call(void 0, data);
   const [editingCell, _setEditingCell] = _react.useState.call(void 0, null);
@@ -272,22 +283,26 @@ function DataGridInner({
   );
   const [containerWidth, setContainerWidth] = _react.useState.call(void 0, null);
   const resizeObserverRef = _react.useRef.call(void 0, null);
-  const setContainerRef = _react.useCallback.call(void 0, 
-    (el) => {
-      _optionalChain([resizeObserverRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.disconnect, 'call', _3 => _3()]);
-      resizeObserverRef.current = null;
-      if (!el || !hasCardView) return;
-      const observer = new ResizeObserver((entries) => {
-        const width = _optionalChain([entries, 'access', _4 => _4[0], 'optionalAccess', _5 => _5.contentRect, 'access', _6 => _6.width]);
-        if (width != null) setContainerWidth(width);
-      });
-      observer.observe(el);
-      resizeObserverRef.current = observer;
-    },
-    [hasCardView]
+  const setContainerRef = _react.useCallback.call(void 0, (el) => {
+    _optionalChain([resizeObserverRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.disconnect, 'call', _3 => _3()]);
+    resizeObserverRef.current = null;
+    if (!el) return;
+    const observer = new ResizeObserver((entries) => {
+      const width = _optionalChain([entries, 'access', _4 => _4[0], 'optionalAccess', _5 => _5.contentRect, 'access', _6 => _6.width]);
+      if (width != null) setContainerWidth(width);
+    });
+    observer.observe(el);
+    resizeObserverRef.current = observer;
+  }, []);
+  const minTableWidth = _react.useMemo.call(void 0, 
+    () => columns.reduce(
+      (total, column) => total + (column.type === "actions" ? ACTIONS_COLUMN_WIDTH_PX : MIN_DATA_COLUMN_WIDTH_PX),
+      (showRowNumbers ? ROW_NUMBER_COLUMN_WIDTH_PX : 0) + (draggableRows ? DRAG_HANDLE_COLUMN_WIDTH_PX : 0) + (selectable ? CHECKBOX_COLUMN_WIDTH_PX : 0) + (expandable ? EXPAND_COLUMN_WIDTH_PX : 0)
+    ),
+    [columns, showRowNumbers, draggableRows, selectable, expandable]
   );
-  const columnCountForCardView = columns.length + (showRowNumbers ? 1 : 0) + (draggableRows ? 1 : 0) + (selectable ? 1 : 0) + (expandable ? 1 : 0);
-  const isCardView = hasCardView && containerWidth !== null && (containerWidth < cardViewBreakpoint || containerWidth < columnCountForCardView * MIN_COLUMN_WIDTH_PX);
+  const isCardView = hasCardView && containerWidth !== null && (containerWidth < cardViewBreakpoint || containerWidth < minTableWidth);
+  const isCompactToolbar = containerWidth !== null && containerWidth < COMPACT_TOOLBAR_WIDTH_PX;
   const cardHeaderColumn = _react.useMemo.call(void 0, () => columns.find((c) => c.cardHeader), [columns]);
   const cardSubheaderColumn = _react.useMemo.call(void 0, () => columns.find((c) => c.cardSubheader), [columns]);
   const actionsColumn = _react.useMemo.call(void 0, () => columns.find((c) => c.type === "actions"), [columns]);
@@ -295,6 +310,7 @@ function DataGridInner({
     () => columns.filter((c) => c !== actionsColumn),
     [columns, actionsColumn]
   );
+  const hasCardToolbar = selectable || showRowNumbers || expandable || !!cardHeaderColumn || !!cardSubheaderColumn || !!actionsColumn;
   const cardFieldColumns = _react.useMemo.call(void 0, 
     () => dataColumns.filter((c) => c !== cardHeaderColumn && c !== cardSubheaderColumn),
     [dataColumns, cardHeaderColumn, cardSubheaderColumn]
@@ -325,16 +341,36 @@ function DataGridInner({
     () => new Set(isControlledSelection ? _nullishCoalesce(controlledSelectedRows, () => ( [])) : [...internalSelectedKeys]),
     [isControlledSelection, controlledSelectedRows, internalSelectedKeys]
   );
-  const allKeys = _react.useMemo.call(void 0, 
-    () => localData.map((row, idx) => String(_nullishCoalesce(row[rowKey], () => ( idx)))),
-    [localData, rowKey]
-  );
-  const allSelected = allKeys.length > 0 && allKeys.every((k) => selectedSet.has(k));
-  const someSelected = !allSelected && allKeys.some((k) => selectedSet.has(k));
   const hasSelection = selectedSet.size > 0;
+  const selectedRowCacheRef = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const rowsForKeys = _react.useCallback.call(void 0, 
+    (keys) => {
+      const current = /* @__PURE__ */ new Map();
+      localDataRef.current.forEach(
+        (row, idx) => current.set(String(_nullishCoalesce(cellOf(row, rowKeyField), () => ( idx))), row)
+      );
+      const cache = selectedRowCacheRef.current;
+      return keys.map((key) => _nullishCoalesce(current.get(key), () => ( cache.get(key)))).filter((row) => row !== void 0);
+    },
+    [rowKeyField]
+  );
+  _react.useEffect.call(void 0, () => {
+    const cache = selectedRowCacheRef.current;
+    const current = /* @__PURE__ */ new Map();
+    localData.forEach((row, idx) => current.set(String(_nullishCoalesce(cellOf(row, rowKeyField), () => ( idx))), row));
+    const next = /* @__PURE__ */ new Map();
+    selectedSet.forEach((key) => {
+      const row = _nullishCoalesce(current.get(key), () => ( cache.get(key)));
+      if (row) next.set(key, row);
+    });
+    selectedRowCacheRef.current = next;
+  }, [localData, selectedSet, rowKeyField]);
   const selectedItems = _react.useMemo.call(void 0, 
-    () => localData.filter((row, idx) => selectedSet.has(String(_nullishCoalesce(row[rowKey], () => ( idx))))),
-    [localData, selectedSet, rowKey]
+    () => rowsForKeys([...selectedSet]),
+    // `localData` isn't read directly here - `rowsForKeys` reads it through a
+    // ref - but it must still retrigger this when the loaded rows change.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [rowsForKeys, selectedSet, localData]
   );
   const expandedSet = _react.useMemo.call(void 0, 
     () => new Set(isControlledExpansion ? _nullishCoalesce(controlledExpandedRows, () => ( [])) : [...internalExpandedKeys]),
@@ -373,7 +409,7 @@ function DataGridInner({
     if (filterEntries.length === 0) return localData;
     return localData.filter(
       (row) => filterEntries.every(([key, filterValue]) => {
-        const cellValue = row[key];
+        const cellValue = cellOf(row, key);
         if (Array.isArray(filterValue)) {
           return filterValue.includes(String(_nullishCoalesce(cellValue, () => ( ""))));
         }
@@ -394,8 +430,8 @@ function DataGridInner({
   const sortedData = _react.useMemo.call(void 0, () => {
     if (onSortChange || !activeSort) return filteredData;
     return [...filteredData].sort((a, b) => {
-      const aVal = a[activeSort.key];
-      const bVal = b[activeSort.key];
+      const aVal = cellOf(a, activeSort.key);
+      const bVal = cellOf(b, activeSort.key);
       if (aVal == null && bVal == null) return 0;
       if (aVal == null) return 1;
       if (bVal == null) return -1;
@@ -411,6 +447,22 @@ function DataGridInner({
   }, [sortedData, showPagination, currentPage, currentPageSize, onPageChange]);
   const totalItemCount = _nullishCoalesce(totalRowsProp, () => ( sortedData.length));
   const totalPages = Math.max(1, Math.ceil(totalItemCount / currentPageSize));
+  const selectAllKeys = _react.useMemo.call(void 0, 
+    () => (selectAllScope === "page" ? displayData : localData).map(
+      (row, idx) => String(_nullishCoalesce(cellOf(row, rowKeyField), () => ( idx)))
+    ),
+    [selectAllScope, displayData, localData, rowKeyField]
+  );
+  const allSelected = selectAllKeys.length > 0 && selectAllKeys.every((key) => selectedSet.has(key));
+  const someSelected = !allSelected && selectAllKeys.some((key) => selectedSet.has(key));
+  _react.useEffect.call(void 0, () => {
+    if (!selectable || selectAllScope !== "all") return;
+    if (totalItemCount <= localData.length) return;
+    _chunkGEHL4LKKcjs.devWarn.call(void 0, 
+      `datagrid-select-all-scope:${localData.length}/${totalItemCount}`,
+      `DataGrid: selectAllScope="all" can only select the ${localData.length} row(s) currently loaded, but there are ${totalItemCount} in total. The keys of rows the grid has never received cannot be known here - use selectAllScope="page" to make the scope explicit, or resolve the full key set yourself and pass it as \`selectedRows\`.`
+    );
+  }, [selectable, selectAllScope, totalItemCount, localData.length]);
   const activeFiltersKey = _react.useMemo.call(void 0, () => JSON.stringify(activeFilters), [activeFilters]);
   _react.useEffect.call(void 0, () => {
     setCurrentPage(1);
@@ -509,7 +561,7 @@ function DataGridInner({
     localData.forEach((row, rowIndex) => {
       for (const col of columns) {
         if (!isCellEditable(col)) continue;
-        const error = validateCell(col, row[col.key]);
+        const error = validateCell(col, cellOf(row, col.key));
         if (error) errors[cellErrorKey(rowIndex, col.key)] = error;
       }
     });
@@ -575,19 +627,20 @@ function DataGridInner({
   );
   const handleCellClick = _react.useCallback.call(void 0, 
     (rowIndex, col) => {
-      const value = _optionalChain([localDataRef, 'access', _12 => _12.current, 'access', _13 => _13[rowIndex], 'optionalAccess', _14 => _14[col.key]]);
+      const row = localDataRef.current[rowIndex];
+      const value = row === void 0 ? void 0 : cellOf(row, col.key);
       if (col.type === "checkbox") {
         if (!editable || col.editable === false) return;
         const newData = localDataRef.current.map(
-          (row, idx) => idx === rowIndex ? { ...row, [col.key]: !value } : row
+          (row2, idx) => idx === rowIndex ? { ...row2, [col.key]: !value } : row2
         );
         setLocalData(newData);
-        _optionalChain([onChange, 'optionalCall', _15 => _15(newData)]);
+        _optionalChain([onChange, 'optionalCall', _12 => _12(newData)]);
         return;
       }
       if (!isCellEditable(col)) return;
       const cell = editingCellRef.current;
-      if (_optionalChain([cell, 'optionalAccess', _16 => _16.rowIndex]) === rowIndex && _optionalChain([cell, 'optionalAccess', _17 => _17.colKey]) === col.key) return;
+      if (_optionalChain([cell, 'optionalAccess', _13 => _13.rowIndex]) === rowIndex && _optionalChain([cell, 'optionalAccess', _14 => _14.colKey]) === col.key) return;
       if (cell) commitEdit();
       startEdit(rowIndex, col.key, value);
     },
@@ -620,7 +673,7 @@ function DataGridInner({
         commitValue(rowIndex, colKey, editValueRef.current);
         if (next) {
           setEditingCell(next);
-          setEditValue(localDataRef.current[next.rowIndex][next.colKey]);
+          setEditValue(cellOf(localDataRef.current[next.rowIndex], next.colKey));
           setEditError(_nullishCoalesce(cellErrors[cellErrorKey(next.rowIndex, next.colKey)], () => ( null)));
         } else {
           setEditingCell(null);
@@ -644,18 +697,15 @@ function DataGridInner({
     const newRow = onRowAdd();
     const newData = [newRow, ...localDataRef.current];
     setLocalData(newData);
-    _optionalChain([onChange, 'optionalCall', _18 => _18(newData)]);
+    _optionalChain([onChange, 'optionalCall', _15 => _15(newData)]);
     setCurrentPage(1);
   }, [onRowAdd, onChange, setLocalData]);
   const commitSelection = _react.useCallback.call(void 0, 
     (keys) => {
       if (!isControlledSelection) setInternalSelectedKeys(new Set(keys));
-      const rows = localDataRef.current.filter(
-        (row, idx) => keys.includes(String(_nullishCoalesce(row[rowKey], () => ( idx))))
-      );
-      _optionalChain([onSelectionChange, 'optionalCall', _19 => _19(keys, rows)]);
+      _optionalChain([onSelectionChange, 'optionalCall', _16 => _16(keys, rowsForKeys(keys))]);
     },
-    [isControlledSelection, rowKey, onSelectionChange]
+    [isControlledSelection, onSelectionChange, rowsForKeys]
   );
   const toggleRow = _react.useCallback.call(void 0, 
     (key) => {
@@ -664,14 +714,35 @@ function DataGridInner({
     },
     [selectedSet, commitSelection]
   );
+  const [isSelectingAllMatching, setIsSelectingAllMatching] = _react.useState.call(void 0, false);
+  const holdsEveryRow = totalItemCount <= localData.length;
+  const hasSelectedAllMatching = !holdsEveryRow && selectedSet.size >= totalItemCount;
+  const canSelectAllMatching = !!onSelectAllMatching && selectable && !holdsEveryRow && allSelected && !hasSelectedAllMatching;
+  const selectAllMatching = _react.useCallback.call(void 0, async () => {
+    if (!onSelectAllMatching) return;
+    setIsSelectingAllMatching(true);
+    try {
+      commitSelection(await onSelectAllMatching());
+    } catch (error) {
+      _chunkGEHL4LKKcjs.devWarn.call(void 0, 
+        "datagrid-select-all-matching-failed",
+        `DataGrid: onSelectAllMatching() rejected, so the selection was left untouched. ${String(error)}`
+      );
+    } finally {
+      setIsSelectingAllMatching(false);
+    }
+  }, [onSelectAllMatching, commitSelection]);
   const toggleAll = _react.useCallback.call(void 0, () => {
-    commitSelection(allSelected ? [] : allKeys);
-  }, [allSelected, allKeys, commitSelection]);
+    const inScope = new Set(selectAllKeys);
+    commitSelection(
+      allSelected ? [...selectedSet].filter((key) => !inScope.has(key)) : [.../* @__PURE__ */ new Set([...selectedSet, ...selectAllKeys])]
+    );
+  }, [allSelected, selectAllKeys, selectedSet, commitSelection]);
   const clearSelection = _react.useCallback.call(void 0, () => commitSelection([]), [commitSelection]);
   const commitExpanded = _react.useCallback.call(void 0, 
     (keys) => {
       if (!isControlledExpansion) setInternalExpandedKeys(new Set(keys));
-      _optionalChain([onExpandedRowsChange, 'optionalCall', _20 => _20(keys)]);
+      _optionalChain([onExpandedRowsChange, 'optionalCall', _17 => _17(keys)]);
     },
     [isControlledExpansion, onExpandedRowsChange]
   );
@@ -686,11 +757,11 @@ function DataGridInner({
   const handleSortClick = _react.useCallback.call(void 0, 
     (colKey) => {
       if (onSortChange) {
-        const newDir = _optionalChain([currentSort, 'optionalAccess', _21 => _21.key]) === colKey && _optionalChain([currentSort, 'optionalAccess', _22 => _22.direction]) === "asc" ? "desc" : "asc";
+        const newDir = _optionalChain([currentSort, 'optionalAccess', _18 => _18.key]) === colKey && _optionalChain([currentSort, 'optionalAccess', _19 => _19.direction]) === "asc" ? "desc" : "asc";
         onSortChange(colKey, newDir);
       } else {
         setInternalSort((prev) => {
-          if (_optionalChain([prev, 'optionalAccess', _23 => _23.key]) === colKey) {
+          if (_optionalChain([prev, 'optionalAccess', _20 => _20.key]) === colKey) {
             return prev.direction === "asc" ? { key: colKey, direction: "desc" } : null;
           }
           return { key: colKey, direction: "asc" };
@@ -735,7 +806,7 @@ function DataGridInner({
   const handlePageChange = _react.useCallback.call(void 0, 
     (page) => {
       setCurrentPage(page);
-      _optionalChain([onPageChange, 'optionalCall', _24 => _24(page, currentPageSize)]);
+      _optionalChain([onPageChange, 'optionalCall', _21 => _21(page, currentPageSize)]);
     },
     [currentPageSize, onPageChange]
   );
@@ -743,13 +814,13 @@ function DataGridInner({
     (newPageSize) => {
       setCurrentPageSize(newPageSize);
       setCurrentPage(1);
-      _optionalChain([onPageChange, 'optionalCall', _25 => _25(1, newPageSize)]);
+      _optionalChain([onPageChange, 'optionalCall', _22 => _22(1, newPageSize)]);
     },
     [onPageChange]
   );
-  const sensors = _chunkTKLWQWMTcjs.useSensors.call(void 0, 
-    _chunkTKLWQWMTcjs.useSensor.call(void 0, _chunkTKLWQWMTcjs.PointerSensor, { activationConstraint: { distance: 5 } }),
-    _chunkTKLWQWMTcjs.useSensor.call(void 0, _chunkTKLWQWMTcjs.KeyboardSensor)
+  const sensors = _chunkLIFUHQH5cjs.useSensors.call(void 0, 
+    _chunkLIFUHQH5cjs.useSensor.call(void 0, _chunkLIFUHQH5cjs.PointerSensor, { activationConstraint: { distance: 5 } }),
+    _chunkLIFUHQH5cjs.useSensor.call(void 0, _chunkLIFUHQH5cjs.KeyboardSensor)
   );
   const handleRowDragEnd = _react.useCallback.call(void 0, 
     (event) => {
@@ -757,18 +828,18 @@ function DataGridInner({
       const { active, over } = event;
       if (!over || active.id === over.id) return;
       const oldIndex = localDataRef.current.findIndex(
-        (row, i) => String(_nullishCoalesce(row[rowKey], () => ( i))) === String(active.id)
+        (row, i) => String(_nullishCoalesce(cellOf(row, rowKeyField), () => ( i))) === String(active.id)
       );
       const newIndex = localDataRef.current.findIndex(
-        (row, i) => String(_nullishCoalesce(row[rowKey], () => ( i))) === String(over.id)
+        (row, i) => String(_nullishCoalesce(cellOf(row, rowKeyField), () => ( i))) === String(over.id)
       );
       if (oldIndex === -1 || newIndex === -1) return;
-      const newData = _chunkTKLWQWMTcjs.arrayMove.call(void 0, localDataRef.current, oldIndex, newIndex);
+      const newData = _chunkLIFUHQH5cjs.arrayMove.call(void 0, localDataRef.current, oldIndex, newIndex);
       setLocalData(newData);
-      _optionalChain([onChange, 'optionalCall', _26 => _26(newData)]);
-      _optionalChain([onRowReorder, 'optionalCall', _27 => _27(newData)]);
+      _optionalChain([onChange, 'optionalCall', _23 => _23(newData)]);
+      _optionalChain([onRowReorder, 'optionalCall', _24 => _24(newData)]);
     },
-    [draggableRows, rowKey, setLocalData, onChange, onRowReorder]
+    [draggableRows, rowKeyField, setLocalData, onChange, onRowReorder]
   );
   const renderViewCell = (col, value, row, rowIndex) => {
     if (col.renderCell) return col.renderCell(value, row, rowIndex);
@@ -784,7 +855,7 @@ function DataGridInner({
           }
         );
       case "select": {
-        const option = _optionalChain([col, 'access', _28 => _28.options, 'optionalAccess', _29 => _29.find, 'call', _30 => _30((o) => o.value === String(_nullishCoalesce(value, () => ( ""))))]);
+        const option = _optionalChain([col, 'access', _25 => _25.options, 'optionalAccess', _26 => _26.find, 'call', _27 => _27((o) => o.value === String(_nullishCoalesce(value, () => ( ""))))]);
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: option ? option.label : String(_nullishCoalesce(value, () => ( ""))) });
       }
       case "readonly":
@@ -804,7 +875,7 @@ function DataGridInner({
     switch (col.type) {
       case "number":
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkG5IGADJIcjs.Input,
+          _chunk5VM2256Wcjs.Input,
           {
             type: "number",
             variant,
@@ -818,7 +889,7 @@ function DataGridInner({
         );
       case "date":
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkG5IGADJIcjs.Input,
+          _chunk5VM2256Wcjs.Input,
           {
             type: "date",
             variant,
@@ -837,7 +908,7 @@ function DataGridInner({
           label: o.label
         }));
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHLNKIAE5cjs.Select,
+          _chunkKJZUYC4Xcjs.Select,
           {
             options: selectOptions,
             value: String(_nullishCoalesce(value, () => ( ""))),
@@ -850,7 +921,7 @@ function DataGridInner({
                 (r, i) => i === rowIndex ? { ...r, [col.key]: selected } : r
               );
               setLocalData(newData);
-              _optionalChain([onChange, 'optionalCall', _31 => _31(newData)]);
+              _optionalChain([onChange, 'optionalCall', _28 => _28(newData)]);
               setEditingCell(null);
             },
             clearable: false
@@ -859,7 +930,7 @@ function DataGridInner({
       }
       default:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkG5IGADJIcjs.Input,
+          _chunk5VM2256Wcjs.Input,
           {
             type: "text",
             variant,
@@ -874,8 +945,8 @@ function DataGridInner({
     }
   };
   const renderCardValue = (col, row, localIndex, baseClassName) => {
-    const value = row[col.key];
-    const isEditing = _optionalChain([editingCell, 'optionalAccess', _32 => _32.rowIndex]) === localIndex && _optionalChain([editingCell, 'optionalAccess', _33 => _33.colKey]) === col.key;
+    const value = cellOf(row, col.key);
+    const isEditing = _optionalChain([editingCell, 'optionalAccess', _29 => _29.rowIndex]) === localIndex && _optionalChain([editingCell, 'optionalAccess', _30 => _30.colKey]) === col.key;
     const canEdit = isCellEditable(col);
     const isFlagged = cellErrorKey(localIndex, col.key) in cellErrors;
     const hasError = isEditing && Boolean(editError);
@@ -932,9 +1003,9 @@ function DataGridInner({
     });
     if (!items.length) return null;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFMPXSF3Hcjs.Menu,
+      _chunkDAXZRNNOcjs.Menu,
       {
-        trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "eidos-datagrid-actions-trigger", "aria-label": "Row actions", children: actionsColumn.actionsIcon ? _chunkGOR642KKcjs.renderIcon.call(void 0, actionsColumn.actionsIcon, "eidos-datagrid-actions-trigger-icon") : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreVertical, { size: 16 }) }),
+        trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "eidos-datagrid-actions-trigger", "aria-label": "Row actions", children: actionsColumn.actionsIcon ? _chunkGEHL4LKKcjs.renderIcon.call(void 0, actionsColumn.actionsIcon, "eidos-datagrid-actions-trigger-icon") : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreVertical, { size: 16 }) }),
         items
       }
     );
@@ -948,7 +1019,7 @@ function DataGridInner({
     [dataColumns]
   );
   const totalCols = dataColumns.length + (showRowNumbers ? 1 : 0) + (actionsColumn ? 1 : 0) + (draggableRows ? 1 : 0) + (selectable ? 1 : 0) + (expandable ? 1 : 0);
-  const rowIds = displayData.map((row, i) => String(_nullishCoalesce(row[rowKey], () => ( i))));
+  const rowIds = displayData.map((row, i) => String(_nullishCoalesce(cellOf(row, rowKeyField), () => ( i))));
   const containerStyle = {};
   if (stickyHeader && maxHeight) {
     containerStyle.maxHeight = typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight;
@@ -965,11 +1036,12 @@ function DataGridInner({
       switch (quickFilter.type) {
         case "segmented":
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkDKZTDYH5cjs.SegmentedControl,
+            _chunkAAA6TR5Icjs.SegmentedControl,
             {
               size: "sm",
               color: quickFilter.color,
               disabled,
+              fullWidth: isCompactToolbar,
               options: [
                 { value: QUICK_FILTER_RESET_VALUE, label: _nullishCoalesce(quickFilter.allLabel, () => ( "All")) },
                 ...quickFilter.options
@@ -980,7 +1052,7 @@ function DataGridInner({
           );
         case "combobox":
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHNUTV3HRcjs.Combobox,
+            _chunkWUBQJVB7cjs.Combobox,
             {
               size: "sm",
               fullWidth: true,
@@ -1002,7 +1074,7 @@ function DataGridInner({
         case "select":
         default:
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHLNKIAE5cjs.Select,
+            _chunkKJZUYC4Xcjs.Select,
             {
               fullWidth: true,
               inputProps: { size: "sm" },
@@ -1069,17 +1141,48 @@ function DataGridInner({
       children: [
         showToolbar && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-datagrid-toolbar", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-datagrid-toolbar-left", children: [
-            showQuickFilters && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-datagrid-quick-filters", children: quickFilters.map(renderQuickFilter) }),
+            selectable && isCardView && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkIJ4DXG7Dcjs.Checkbox,
+              {
+                size: "sm",
+                checked: allSelected,
+                indeterminate: someSelected,
+                onChange: toggleAll,
+                label: "Select all",
+                "aria-label": "Select all rows"
+              }
+            ),
+            showQuickFilters && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: [
+                  "eidos-datagrid-quick-filters",
+                  isCompactToolbar && "eidos-datagrid-quick-filters--compact"
+                ].filter(Boolean).join(" "),
+                children: quickFilters.map(renderQuickFilter)
+              }
+            ),
             selectable && hasSelection && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-datagrid-selection-count", children: [
                 selectedSet.size,
                 " selected"
               ] }),
+              canSelectAllMatching && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkAPK5OQRVcjs.Button,
+                {
+                  variant: "text",
+                  size: "sm",
+                  loading: isSelectingAllMatching,
+                  onClick: () => void selectAllMatching(),
+                  children: `Select all ${totalItemCount}`
+                }
+              ),
+              hasSelectedAllMatching && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPK5OQRVcjs.Button, { variant: "text", size: "sm", color: "secondary", onClick: clearSelection, children: "Clear selection" }),
               bulkActions && bulkActions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-datagrid-bulk-actions", children: bulkActions.map((action) => {
                 const isDisabled = typeof action.disabled === "function" ? action.disabled(selectedItems) : _nullishCoalesce(action.disabled, () => ( false));
                 if (action.type === "split-button") {
                   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkEQEV7GPTcjs.SplitButton,
+                    _chunkSKEWTQJ7cjs.SplitButton,
                     {
                       size: "sm",
                       variant: _nullishCoalesce(action.variant, () => ( "outlined")),
@@ -1100,7 +1203,7 @@ function DataGridInner({
                   );
                 }
                 return action.label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkA7Z2QAFZcjs.Button,
+                  _chunkAPK5OQRVcjs.Button,
                   {
                     size: "sm",
                     variant: _nullishCoalesce(action.variant, () => ( "outlined")),
@@ -1113,7 +1216,7 @@ function DataGridInner({
                   },
                   action.id
                 ) : action.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkA7Z2QAFZcjs.Button,
+                  _chunkAPK5OQRVcjs.Button,
                   {
                     size: "sm",
                     variant: _nullishCoalesce(action.variant, () => ( "outlined")),
@@ -1124,17 +1227,7 @@ function DataGridInner({
                   },
                   action.id
                 ) : null;
-              }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "button",
-                {
-                  type: "button",
-                  className: "eidos-datagrid-clear-selection",
-                  onClick: clearSelection,
-                  "aria-label": "Clear selection",
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { size: 14 })
-                }
-              )
+              }) })
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-datagrid-toolbar-right", children: [
@@ -1144,7 +1237,7 @@ function DataGridInner({
                 placement: "bottom",
                 align: "end",
                 autoWidth: false,
-                trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA7Z2QAFZcjs.Button, { variant: "text", size: "sm", preIcon: _lucidereact.AlignJustify, children: "Density" }),
+                trigger: isCompactToolbar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPK5OQRVcjs.Button, { variant: "text", size: "sm", icon: _lucidereact.AlignJustify, tooltip: "Density" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPK5OQRVcjs.Button, { variant: "text", size: "sm", preIcon: _lucidereact.AlignJustify, children: "Density" }),
                 content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-menu-panel", children: [
                   { value: "compact", label: "Compact" },
                   { value: "comfortable", label: "Comfortable" },
@@ -1167,14 +1260,23 @@ function DataGridInner({
               }
             ),
             showFilters && filterDropdownColumns.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkTKLWQWMTcjs.TableFiltersDropdown,
+              _chunkLIFUHQH5cjs.TableFiltersDropdown,
               {
                 columns: filterDropdownColumns,
                 filters: dropdownFilters,
                 onFiltersChange: handleFiltersChange
               }
             ),
-            onRowAdd && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA7Z2QAFZcjs.Button, { variant: "outlined", size: "sm", preIcon: _lucidereact.Plus, onClick: handleRowAdd, children: "Add row" })
+            onRowAdd && (isCompactToolbar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkAPK5OQRVcjs.Button,
+              {
+                variant: "outlined",
+                size: "sm",
+                icon: _lucidereact.Plus,
+                tooltip: "Add row",
+                onClick: handleRowAdd
+              }
+            ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPK5OQRVcjs.Button, { variant: "outlined", size: "sm", preIcon: _lucidereact.Plus, onClick: handleRowAdd, children: "Add row" }))
           ] })
         ] }),
         isCardView ? (
@@ -1186,7 +1288,7 @@ function DataGridInner({
               style: { "--eidos-datagrid-card-min-width": `${cardMinWidth}px` },
               children: displayData.length > 0 ? displayData.map((row, displayIndex) => {
                 const localIndex = localData.indexOf(row);
-                const rowKeyValue = String(_nullishCoalesce(row[rowKey], () => ( displayIndex)));
+                const rowKeyValue = String(_nullishCoalesce(cellOf(row, rowKeyField), () => ( displayIndex)));
                 const isRowSelected = selectable && selectedSet.has(rowKeyValue);
                 const isRowExpanded = expandable && expandedSet.has(rowKeyValue);
                 const canExpandRow = !isRowExpandable || isRowExpandable(row);
@@ -1198,51 +1300,58 @@ function DataGridInner({
                       isRowSelected && "eidos-datagrid-card--selected"
                     ].filter(Boolean).join(" "),
                     children: [
-                      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-datagrid-card-toolbar", onClick: (e) => e.stopPropagation(), children: [
-                        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-datagrid-card-toolbar-left", children: [
-                          expandable && canExpandRow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                            "button",
-                            {
-                              type: "button",
-                              className: [
-                                "eidos-datagrid-expand-toggle",
-                                isRowExpanded && "eidos-datagrid-expand-toggle--open"
-                              ].filter(Boolean).join(" "),
-                              onClick: () => toggleExpanded(rowKeyValue),
-                              "aria-expanded": isRowExpanded,
-                              "aria-label": isRowExpanded ? "Collapse row" : "Expand row",
-                              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { size: 14 })
-                            }
-                          ),
-                          selectable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                            _chunkIJ4DXG7Dcjs.Checkbox,
-                            {
-                              checked: isRowSelected,
-                              onChange: () => toggleRow(rowKeyValue),
-                              size: "sm"
-                            }
-                          ),
-                          showRowNumbers && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-datagrid-card-row-number", children: [
-                            "#",
-                            localIndex + 1
-                          ] })
-                        ] }),
-                        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-datagrid-card-heading", children: [
-                          cardHeaderColumn && renderCardValue(
-                            cardHeaderColumn,
-                            row,
-                            localIndex,
-                            "eidos-datagrid-card-heading-title"
-                          ),
-                          cardSubheaderColumn && renderCardValue(
-                            cardSubheaderColumn,
-                            row,
-                            localIndex,
-                            "eidos-datagrid-card-heading-subtitle"
-                          )
-                        ] }),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-datagrid-card-toolbar-right", children: renderActionsMenu(row, localIndex) })
-                      ] }),
+                      hasCardToolbar && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                        "div",
+                        {
+                          className: "eidos-datagrid-card-toolbar",
+                          onClick: (e) => e.stopPropagation(),
+                          children: [
+                            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-datagrid-card-toolbar-left", children: [
+                              expandable && canExpandRow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                                "button",
+                                {
+                                  type: "button",
+                                  className: [
+                                    "eidos-datagrid-expand-toggle",
+                                    isRowExpanded && "eidos-datagrid-expand-toggle--open"
+                                  ].filter(Boolean).join(" "),
+                                  onClick: () => toggleExpanded(rowKeyValue),
+                                  "aria-expanded": isRowExpanded,
+                                  "aria-label": isRowExpanded ? "Collapse row" : "Expand row",
+                                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { size: 14 })
+                                }
+                              ),
+                              selectable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                                _chunkIJ4DXG7Dcjs.Checkbox,
+                                {
+                                  checked: isRowSelected,
+                                  onChange: () => toggleRow(rowKeyValue),
+                                  size: "sm"
+                                }
+                              ),
+                              showRowNumbers && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-datagrid-card-row-number", children: [
+                                "#",
+                                localIndex + 1
+                              ] })
+                            ] }),
+                            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-datagrid-card-heading", children: [
+                              cardHeaderColumn && renderCardValue(
+                                cardHeaderColumn,
+                                row,
+                                localIndex,
+                                "eidos-datagrid-card-heading-title"
+                              ),
+                              cardSubheaderColumn && renderCardValue(
+                                cardSubheaderColumn,
+                                row,
+                                localIndex,
+                                "eidos-datagrid-card-heading-subtitle"
+                              )
+                            ] }),
+                            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-datagrid-card-toolbar-right", children: renderActionsMenu(row, localIndex) })
+                          ]
+                        }
+                      ),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-datagrid-card-fields", children: cardFieldColumns.map((col) => renderCardField(col, row, localIndex)) }),
                       expandable && renderExpandedContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                         ExpandedCardPanel,
@@ -1261,7 +1370,7 @@ function DataGridInner({
                   icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.SearchX, {}),
                   title: "No results found",
                   description: "Try adjusting your filters or search terms.",
-                  action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA7Z2QAFZcjs.Button, { size: "sm", variant: "outlined", color: "primary", onClick: clearAllFilters, children: "Clear filters" }),
+                  action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPK5OQRVcjs.Button, { size: "sm", variant: "outlined", color: "primary", onClick: clearAllFilters, children: "Clear filters" }),
                   size: "sm"
                 }
               ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1276,10 +1385,10 @@ function DataGridInner({
             }
           )
         ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkTKLWQWMTcjs.DndContext,
+          _chunkLIFUHQH5cjs.DndContext,
           {
             sensors,
-            collisionDetection: _chunkTKLWQWMTcjs.closestCenter,
+            collisionDetection: _chunkLIFUHQH5cjs.closestCenter,
             onDragEnd: handleRowDragEnd,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-data-grid-scroll", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: ["eidos-data-grid", densityClass].filter(Boolean).join(" "), children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { ref: theadRef, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
@@ -1344,7 +1453,7 @@ function DataGridInner({
                 sortedColumns.map((col) => {
                   const colKey = col.key;
                   const isSortable = !!col.sortable;
-                  const isCurrentlySorted = _optionalChain([activeSort, 'optionalAccess', _34 => _34.key]) === colKey;
+                  const isCurrentlySorted = _optionalChain([activeSort, 'optionalAccess', _31 => _31.key]) === colKey;
                   const sortDir = isCurrentlySorted ? activeSort.direction : null;
                   const alignClass = `eidos-datagrid-align-${_nullishCoalesce(col.align, () => ( "left"))}`;
                   const { style: pinnedStyle, className: pinnedClass } = getHeaderPinnedProps(colKey);
@@ -1385,9 +1494,9 @@ function DataGridInner({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTKLWQWMTcjs.SortableContext, { items: rowIds, strategy: _chunkTKLWQWMTcjs.verticalListSortingStrategy, children: displayData.length > 0 ? displayData.map((row, displayIndex) => {
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLIFUHQH5cjs.SortableContext, { items: rowIds, strategy: _chunkLIFUHQH5cjs.verticalListSortingStrategy, children: displayData.length > 0 ? displayData.map((row, displayIndex) => {
                 const localIndex = localData.indexOf(row);
-                const rowKeyValue = String(_nullishCoalesce(row[rowKey], () => ( displayIndex)));
+                const rowKeyValue = String(_nullishCoalesce(cellOf(row, rowKeyField), () => ( displayIndex)));
                 const isRowSelected = selectable && selectedSet.has(rowKeyValue);
                 const isRowExpanded = expandable && expandedSet.has(rowKeyValue);
                 const canExpandRow = !isRowExpandable || isRowExpandable(row);
@@ -1489,8 +1598,8 @@ function DataGridInner({
                             }
                           ),
                           sortedColumns.map((col) => {
-                            const value = row[col.key];
-                            const isEditing = _optionalChain([editingCell, 'optionalAccess', _35 => _35.rowIndex]) === localIndex && _optionalChain([editingCell, 'optionalAccess', _36 => _36.colKey]) === col.key;
+                            const value = cellOf(row, col.key);
+                            const isEditing = _optionalChain([editingCell, 'optionalAccess', _32 => _32.rowIndex]) === localIndex && _optionalChain([editingCell, 'optionalAccess', _33 => _33.colKey]) === col.key;
                             const canEdit = isCellEditable(col);
                             const isFlagged = cellErrorKey(localIndex, col.key) in cellErrors;
                             const hasError = isEditing && Boolean(editError);
@@ -1552,7 +1661,7 @@ function DataGridInner({
                       title: "No results found",
                       description: "Try adjusting your filters or search terms.",
                       action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkA7Z2QAFZcjs.Button,
+                        _chunkAPK5OQRVcjs.Button,
                         {
                           size: "sm",
                           variant: "outlined",
@@ -1578,7 +1687,7 @@ function DataGridInner({
           }
         ) }),
         showPagination && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-datagrid-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkISABZ2VXcjs.Pagination,
+          _chunkAXBYJ2OYcjs.Pagination,
           {
             page: currentPage,
             totalPages,
@@ -1609,4 +1718,4 @@ var DataGrid = Object.assign(DataGridInner, { displayName: "DataGrid" });
 
 
 exports.DataGrid = DataGrid;
-//# sourceMappingURL=chunk-6XB3QTHO.cjs.map
+//# sourceMappingURL=chunk-SKTDGCWJ.cjs.map