@infinite-table/infinite-react 2.0.8 → 3.0.1

package/index.dev.mjs

@@ -1357,8 +1357,8 @@ function stripVar(cssVariableWithVarString) {
 }
 
 // src/components/InfiniteTable/theme.css.ts
-var InternalVars = { currentColumnWidth: "var(--currentColumnWidth__1slvgu90)", currentColumnTransformX: "var(--currentColumnTransformX__1slvgu91)", currentColumnTransformY: "var(--currentColumnTransformY__1slvgu92)", activeCellRowOffset: "var(--activeCellRowOffset__1slvgu93)", activeCellRowHeight: "var(--activeCellRowHeight__1slvgu94)", activeCellOffsetX: "var(--activeCellOffsetX__1slvgu95)", activeCellOffsetY: "var(--activeCellOffsetY__1slvgu96)", scrollTopForActiveRow: "var(--scrollTopForActiveRow__1slvgu97)", activeCellColWidth: "var(--activeCellColWidth__1slvgu98)", activeCellColOffset: "var(--activeCellColOffset__1slvgu99)", columnReorderEffectDurationAtIndex: "var(--columnReorderEffectDurationAtIndex__1slvgu9a)", columnWidthAtIndex: "var(--columnWidthAtIndex__1slvgu9b)", columnOffsetAtIndex: "var(--columnOffsetAtIndex__1slvgu9c)", columnOffsetAtIndexWhileReordering: "var(--columnOffsetAtIndexWhileReordering__1slvgu9d)", columnZIndexAtIndex: "var(--columnZIndexAtIndex__1slvgu9e)", pinnedStartWidth: "var(--pinnedStartWidth__1slvgu9f)", pinnedEndWidth: "var(--pinnedEndWidth__1slvgu9g)", pinnedEndOffset: "var(--pinnedEndOffset__1slvgu9h)", computedVisibleColumnsCount: "var(--computedVisibleColumnsCount__1slvgu9i)", baseZIndexForCells: "var(--baseZIndexForCells__1slvgu9j)", bodyWidth: "var(--bodyWidth__1slvgu9k)", bodyHeight: "var(--bodyHeight__1slvgu9l)", scrollbarWidthHorizontal: "var(--scrollbarWidthHorizontal__1slvgu9m)", scrollbarWidthVertical: "var(--scrollbarWidthVertical__1slvgu9n)", scrollLeft: "var(--scrollLeft__1slvgu9o)", scrollTop: "var(--scrollTop__1slvgu9p)" };
-var ThemeVars = { color: { accent: "var(--infinite-accent-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", color: "var(--infinite-cell-color)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", selectedBackground: "var(--infinite-row-selected-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
+var InternalVars = { currentColumnTransformX: "var(--currentColumnTransformX__1slvgu90)", currentColumnTransformY: "var(--currentColumnTransformY__1slvgu91)", activeCellRowOffset: "var(--activeCellRowOffset__1slvgu92)", activeCellRowHeight: "var(--activeCellRowHeight__1slvgu93)", activeCellOffsetX: "var(--activeCellOffsetX__1slvgu94)", activeCellOffsetY: "var(--activeCellOffsetY__1slvgu95)", scrollTopForActiveRow: "var(--scrollTopForActiveRow__1slvgu96)", activeCellColWidth: "var(--activeCellColWidth__1slvgu97)", activeCellColOffset: "var(--activeCellColOffset__1slvgu98)", columnReorderEffectDurationAtIndex: "var(--columnReorderEffectDurationAtIndex__1slvgu99)", columnWidthAtIndex: "var(--columnWidthAtIndex__1slvgu9a)", columnOffsetAtIndex: "var(--columnOffsetAtIndex__1slvgu9b)", columnOffsetAtIndexWhileReordering: "var(--columnOffsetAtIndexWhileReordering__1slvgu9c)", columnZIndexAtIndex: "var(--columnZIndexAtIndex__1slvgu9d)", pinnedStartWidth: "var(--pinnedStartWidth__1slvgu9e)", pinnedEndWidth: "var(--pinnedEndWidth__1slvgu9f)", pinnedEndOffset: "var(--pinnedEndOffset__1slvgu9g)", computedVisibleColumnsCount: "var(--computedVisibleColumnsCount__1slvgu9h)", baseZIndexForCells: "var(--baseZIndexForCells__1slvgu9i)", bodyWidth: "var(--bodyWidth__1slvgu9j)", bodyHeight: "var(--bodyHeight__1slvgu9k)", scrollbarWidthHorizontal: "var(--scrollbarWidthHorizontal__1slvgu9l)", scrollbarWidthVertical: "var(--scrollbarWidthVertical__1slvgu9m)", scrollLeft: "var(--scrollLeft__1slvgu9n)", scrollTop: "var(--scrollTop__1slvgu9o)" };
+var ThemeVars = { color: { accent: "var(--infinite-accent-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", selectedBackground: "var(--infinite-row-selected-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
 var columnHeaderHeightName = "column-header-height";
 
 // src/utils/selectParent.ts
@@ -5126,22 +5126,22 @@ var createRuntimeFn = (config) => (options) => {
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
 var CellCls = "cell_CellCls__1eexc2a5 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_position_absolute__16lm1iw2 utilities_willChange_transform__16lm1iw21 utilities_whiteSpace_nowrap__16lm1iw22 utilities_userSelect_none__16lm1iw16";
-var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellContentRecipe__12zfob11v utilities_height_100%__16lm1iw18 utilities_width_100%__16lm1iw1a utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_justifyContent_start__16lm1iw1u", variantClassNames: { filtered: { false: "header_HeaderCellContentRecipe_filtered_false__12zfob11w", true: "header_HeaderCellContentRecipe_filtered_true__12zfob11x" }, verticalAlign: { start: "header_HeaderCellContentRecipe_verticalAlign_start__12zfob11y", end: "header_HeaderCellContentRecipe_verticalAlign_end__12zfob11z", center: "header_HeaderCellContentRecipe_verticalAlign_center__12zfob120" }, align: { start: "header_HeaderCellContentRecipe_align_start__12zfob121", end: "header_HeaderCellContentRecipe_align_end__12zfob122", center: "header_HeaderCellContentRecipe_align_center__12zfob123" } }, defaultVariants: {}, compoundVariants: [] });
+var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellContentRecipe__12zfob11x utilities_height_100%__16lm1iw18 utilities_width_100%__16lm1iw1a utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_justifyContent_start__16lm1iw1u", variantClassNames: { filtered: { false: "header_HeaderCellContentRecipe_filtered_false__12zfob11y", true: "header_HeaderCellContentRecipe_filtered_true__12zfob11z" }, verticalAlign: { start: "header_HeaderCellContentRecipe_verticalAlign_start__12zfob120", end: "header_HeaderCellContentRecipe_verticalAlign_end__12zfob121", center: "header_HeaderCellContentRecipe_verticalAlign_center__12zfob122" }, align: { start: "header_HeaderCellContentRecipe_align_start__12zfob123", end: "header_HeaderCellContentRecipe_align_end__12zfob124", center: "header_HeaderCellContentRecipe_align_center__12zfob125" } }, defaultVariants: {}, compoundVariants: [] });
 var HeaderCellProxy = "header_HeaderCellProxy__12zfob1m utilities_whiteSpace_nowrap__16lm1iw22 utilities_textOverflow_ellipsis__16lm1iw23 utilities_overflow_hidden__16lm1iw1w";
-var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellRecipe__12zfob1n utilities_display_block__16lm1iw11", variantClassNames: { rowActive: { false: "header_HeaderCellRecipe_rowActive_false__12zfob1o", true: "header_HeaderCellRecipe_rowActive_true__12zfob1p" }, rowSelected: { false: "header_HeaderCellRecipe_rowSelected_false__12zfob1q", true: "header_HeaderCellRecipe_rowSelected_true__12zfob1r", null: "header_HeaderCellRecipe_rowSelected_null__12zfob1s" }, groupRow: { false: "header_HeaderCellRecipe_groupRow_false__12zfob1t", true: "header_HeaderCellRecipe_groupRow_true__12zfob1u" }, groupCell: { false: "header_HeaderCellRecipe_groupCell_false__12zfob1v", true: "header_HeaderCellRecipe_groupCell_true__12zfob1w" }, align: { start: "header_HeaderCellRecipe_align_start__12zfob1x", end: "header_HeaderCellRecipe_align_end__12zfob1y", center: "header_HeaderCellRecipe_align_center__12zfob1z" }, verticalAlign: { start: "header_HeaderCellRecipe_verticalAlign_start__12zfob110", end: "header_HeaderCellRecipe_verticalAlign_end__12zfob111", center: "header_HeaderCellRecipe_verticalAlign_center__12zfob112" }, zebra: { false: "header_HeaderCellRecipe_zebra_false__12zfob113", even: "header_HeaderCellRecipe_zebra_even__12zfob114", odd: "header_HeaderCellRecipe_zebra_odd__12zfob115" }, dragging: { true: "header_HeaderCellRecipe_dragging_true__12zfob116", false: "header_HeaderCellRecipe_dragging_false__12zfob117" }, first: { true: "header_HeaderCellRecipe_first_true__12zfob118", false: "header_HeaderCellRecipe_first_false__12zfob119" }, last: { true: "header_HeaderCellRecipe_last_true__12zfob11a", false: "header_HeaderCellRecipe_last_false__12zfob11b" }, groupByField: { true: "header_HeaderCellRecipe_groupByField_true__12zfob11c", false: "header_HeaderCellRecipe_groupByField_false__12zfob11d" }, firstInCategory: { true: "header_HeaderCellRecipe_firstInCategory_true__12zfob11e", false: "header_HeaderCellRecipe_firstInCategory_false__12zfob11f" }, lastInCategory: { true: "header_HeaderCellRecipe_lastInCategory_true__12zfob11g", false: "header_HeaderCellRecipe_lastInCategory_false__12zfob11h" }, pinned: { start: "header_HeaderCellRecipe_pinned_start__12zfob11i", end: "header_HeaderCellRecipe_pinned_end__12zfob11j", false: "header_HeaderCellRecipe_pinned_false__12zfob11k" }, filtered: { true: "header_HeaderCellRecipe_filtered_true__12zfob11l", false: "header_HeaderCellRecipe_filtered_false__12zfob11m" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "header_HeaderCellRecipe_compound_0__12zfob11n"], [{ pinned: "end", firstInCategory: true }, "header_HeaderCellRecipe_compound_1__12zfob11o"], [{ pinned: false, lastInCategory: true }, "header_HeaderCellRecipe_compound_2__12zfob11p"]] });
+var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellRecipe__12zfob1n utilities_display_block__16lm1iw11", variantClassNames: { rowActive: { false: "header_HeaderCellRecipe_rowActive_false__12zfob1o", true: "header_HeaderCellRecipe_rowActive_true__12zfob1p" }, cellSelected: { false: "header_HeaderCellRecipe_cellSelected_false__12zfob1q", true: "header_HeaderCellRecipe_cellSelected_true__12zfob1r" }, rowSelected: { false: "header_HeaderCellRecipe_rowSelected_false__12zfob1s", true: "header_HeaderCellRecipe_rowSelected_true__12zfob1t", null: "header_HeaderCellRecipe_rowSelected_null__12zfob1u" }, groupRow: { false: "header_HeaderCellRecipe_groupRow_false__12zfob1v", true: "header_HeaderCellRecipe_groupRow_true__12zfob1w" }, groupCell: { false: "header_HeaderCellRecipe_groupCell_false__12zfob1x", true: "header_HeaderCellRecipe_groupCell_true__12zfob1y" }, align: { start: "header_HeaderCellRecipe_align_start__12zfob1z", end: "header_HeaderCellRecipe_align_end__12zfob110", center: "header_HeaderCellRecipe_align_center__12zfob111" }, verticalAlign: { start: "header_HeaderCellRecipe_verticalAlign_start__12zfob112", end: "header_HeaderCellRecipe_verticalAlign_end__12zfob113", center: "header_HeaderCellRecipe_verticalAlign_center__12zfob114" }, zebra: { false: "header_HeaderCellRecipe_zebra_false__12zfob115", even: "header_HeaderCellRecipe_zebra_even__12zfob116", odd: "header_HeaderCellRecipe_zebra_odd__12zfob117" }, dragging: { true: "header_HeaderCellRecipe_dragging_true__12zfob118", false: "header_HeaderCellRecipe_dragging_false__12zfob119" }, first: { true: "header_HeaderCellRecipe_first_true__12zfob11a", false: "header_HeaderCellRecipe_first_false__12zfob11b" }, last: { true: "header_HeaderCellRecipe_last_true__12zfob11c", false: "header_HeaderCellRecipe_last_false__12zfob11d" }, groupByField: { true: "header_HeaderCellRecipe_groupByField_true__12zfob11e", false: "header_HeaderCellRecipe_groupByField_false__12zfob11f" }, firstInCategory: { true: "header_HeaderCellRecipe_firstInCategory_true__12zfob11g", false: "header_HeaderCellRecipe_firstInCategory_false__12zfob11h" }, lastInCategory: { true: "header_HeaderCellRecipe_lastInCategory_true__12zfob11i", false: "header_HeaderCellRecipe_lastInCategory_false__12zfob11j" }, pinned: { start: "header_HeaderCellRecipe_pinned_start__12zfob11k", end: "header_HeaderCellRecipe_pinned_end__12zfob11l", false: "header_HeaderCellRecipe_pinned_false__12zfob11m" }, filtered: { true: "header_HeaderCellRecipe_filtered_true__12zfob11n", false: "header_HeaderCellRecipe_filtered_false__12zfob11o" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "header_HeaderCellRecipe_compound_0__12zfob11p"], [{ pinned: "end", firstInCategory: true }, "header_HeaderCellRecipe_compound_1__12zfob11q"], [{ pinned: false, lastInCategory: true }, "header_HeaderCellRecipe_compound_2__12zfob11r"]] });
 var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "header_HeaderClsRecipe__12zfob18 utilities_display_block__16lm1iw11 utilities_position_absolute__16lm1iw2", variantClassNames: { pinned: { start: "header_HeaderClsRecipe_pinned_start__12zfob19", end: "header_HeaderClsRecipe_pinned_end__12zfob1a", false: "header_HeaderClsRecipe_pinned_false__12zfob1b" }, firstInCategory: { true: "header_HeaderClsRecipe_firstInCategory_true__12zfob1c", false: "header_HeaderClsRecipe_firstInCategory_false__12zfob1d" }, lastInCategory: { true: "header_HeaderClsRecipe_lastInCategory_true__12zfob1e", false: "header_HeaderClsRecipe_lastInCategory_false__12zfob1f" }, overflow: { true: "header_HeaderClsRecipe_overflow_true__12zfob1g", false: "header_HeaderClsRecipe_overflow_false__12zfob1h" } }, defaultVariants: {}, compoundVariants: [[{ overflow: true, pinned: "start" }, "header_HeaderClsRecipe_compound_0__12zfob1i"], [{ pinned: "start", firstInCategory: true }, "header_HeaderClsRecipe_compound_1__12zfob1j"], [{ overflow: true, pinned: "end" }, "header_HeaderClsRecipe_compound_2__12zfob1k"], [{ pinned: "end", lastInCategory: true }, "header_HeaderClsRecipe_compound_3__12zfob1l"]] });
-var HeaderFilterCls = "header_HeaderFilterCls__12zfob126 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_stretch__16lm1iw1q utilities_position_relative__16lm1iw1";
-var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12b utilities_width_100%__16lm1iw1a utilities_height_100%__16lm1iw18";
+var HeaderFilterCls = "header_HeaderFilterCls__12zfob128 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_stretch__16lm1iw1q utilities_position_relative__16lm1iw1";
+var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12d utilities_width_100%__16lm1iw1a utilities_height_100%__16lm1iw18";
 var HeaderFilterIconIndexCls = "header_HeaderFilterIconIndexCls__12zfob16";
-var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob127 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_position_relative__16lm1iw1";
-var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterOperatorIconRecipe__12zfob128 utilities_position_relative__16lm1iw1 utilities_top_0__16lm1iw1b", variantClassNames: { disabled: { true: "header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob129", false: "header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12a" } }, defaultVariants: {}, compoundVariants: [] });
-var HeaderGroupCls = "header_HeaderGroupCls__12zfob125 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p";
-var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "header_HeaderMenuIconCls__12zfob11q utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwy utilities_flexFlow_column__16lm1iw1l utilities_justifyContent_spaceAround__16lm1iw1t utilities_visibility_hidden__16lm1iw20", variantClassNames: { menuVisible: { true: "header_HeaderMenuIconCls_menuVisible_true__12zfob11r" }, reserveSpaceWhenHidden: { true: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_true__12zfob11s", false: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob11t" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "header_HeaderMenuIconCls_compound_0__12zfob11u"]] });
+var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob129 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_position_relative__16lm1iw1";
+var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterOperatorIconRecipe__12zfob12a utilities_position_relative__16lm1iw1 utilities_top_0__16lm1iw1b", variantClassNames: { disabled: { true: "header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob12b", false: "header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12c" } }, defaultVariants: {}, compoundVariants: [] });
+var HeaderGroupCls = "header_HeaderGroupCls__12zfob127 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p";
+var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "header_HeaderMenuIconCls__12zfob11s utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwy utilities_flexFlow_column__16lm1iw1l utilities_justifyContent_spaceAround__16lm1iw1t utilities_visibility_hidden__16lm1iw20", variantClassNames: { menuVisible: { true: "header_HeaderMenuIconCls_menuVisible_true__12zfob11t" }, reserveSpaceWhenHidden: { true: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_true__12zfob11u", false: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob11v" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "header_HeaderMenuIconCls_compound_0__12zfob11w"]] });
 var HeaderScrollbarPlaceholderCls = "header_HeaderScrollbarPlaceholderCls__12zfob17 utilities_position_absolute__16lm1iw2";
 var HeaderSortIconCls = "utilities_position_relative__16lm1iw1";
 var HeaderSortIconIndexCls = "header_HeaderSortIconIndexCls__12zfob15";
 var HeaderSortIconRecipe = createRuntimeFn({ defaultClassName: "", variantClassNames: { align: { start: "header_HeaderSortIconRecipe_align_start__12zfob12", center: "header_HeaderSortIconRecipe_align_center__12zfob13", end: "header_HeaderSortIconRecipe_align_end__12zfob14" } }, defaultVariants: {}, compoundVariants: [] });
-var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob124 utilities_overflow_hidden__16lm1iw1w utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n";
+var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob126 utilities_overflow_hidden__16lm1iw1w utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n";
 
 // src/components/InfiniteTable/components/icons/InfiniteTableIconClassName.ts
 var InfiniteTableIconClassName = "InfiniteTableIcon";
@@ -6548,6 +6548,7 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
     firstInCategory: column.computedFirstInCategory,
     lastInCategory: column.computedLastInCategory,
     pinned: column.computedPinned || false,
+    cellSelected: extraFlags.cellSelected || false,
     rowSelected: (_a = extraFlags.rowSelected) != null ? _a : "null",
     rowActive: extraFlags.rowActive,
     dragging: extraFlags.dragging,
@@ -6577,6 +6578,9 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
   if (extraFlags.rowSelected) {
     result.push(...baseClasses.map((c) => `${c}--row-selected`));
   }
+  if (extraFlags.cellSelected) {
+    result.push(...baseClasses.map((c) => `${c}--cell-selected`));
+  }
   if (extraFlags.groupRow) {
     result.push(...baseClasses.map((c) => `${c}--group-row`));
     result.push(
@@ -6605,9 +6609,7 @@ var InfiniteClsHasPinnedEnd = "InfiniteCls_InfiniteClsHasPinnedEnd__1yeub2vo";
 var InfiniteClsHasPinnedStart = "InfiniteCls_InfiniteClsHasPinnedStart__1yeub2vn";
 var InfiniteClsRecipe = createRuntimeFn({ defaultClassName: "", variantClassNames: { focused: { true: "InfiniteCls_InfiniteClsRecipe_focused_true__1yeub2v2", false: "InfiniteCls_InfiniteClsRecipe_focused_false__1yeub2v3" }, focusedWithin: { true: "InfiniteCls_InfiniteClsRecipe_focusedWithin_true__1yeub2v4", false: "InfiniteCls_InfiniteClsRecipe_focusedWithin_false__1yeub2v5" }, hasPinnedStart: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedStart_true__1yeub2v6", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedStart_false__1yeub2v7" }, hasPinnedEnd: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedEnd_true__1yeub2v8", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedEnd_false__1yeub2v9" }, hasPinnedStartOverflow: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedStartOverflow_true__1yeub2va", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedStartOverflow_false__1yeub2vb" }, hasPinnedEndOverflow: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedEndOverflow_true__1yeub2vc", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedEndOverflow_false__1yeub2vd" } }, defaultVariants: {}, compoundVariants: [[{ focused: false, focusedWithin: false }, "InfiniteCls_InfiniteClsRecipe_compound_0__1yeub2ve"]] });
 var InfiniteClsShiftingColumns = "InfiniteCls_shiftingcols__1yeub2vl";
-var PinnedEndIndicatorBorder = "InfiniteCls_PinnedEndIndicatorBorder__1yeub2vr InfiniteCls_PinnedIndicatorCls__1yeub2vp utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1b utilities_cursor_colResize__16lm1iwj utilities_userSelect_none__16lm1iw16 utilities_width_0__16lm1iw19 utilities_visibility_hidden__16lm1iw20 utilities_pointerEvents_none__16lm1iwk utilities_zIndex_10000000__16lm1iwu";
 var PinnedRowsContainerClsVariants = createRuntimeFn({ defaultClassName: "", variantClassNames: { pinned: { start: "InfiniteCls_PinnedRowsContainerClsVariants_pinned_start__1yeub2vi", end: "InfiniteCls_PinnedRowsContainerClsVariants_pinned_end__1yeub2vj", false: "InfiniteCls_PinnedRowsContainerClsVariants_pinned_false__1yeub2vk" } }, defaultVariants: {}, compoundVariants: [] });
-var PinnedStartIndicatorBorder = "InfiniteCls_PinnedStartIndicatorBorder__1yeub2vq InfiniteCls_PinnedIndicatorCls__1yeub2vp utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1b utilities_cursor_colResize__16lm1iwj utilities_userSelect_none__16lm1iw16 utilities_width_0__16lm1iw19 utilities_visibility_hidden__16lm1iw20 utilities_pointerEvents_none__16lm1iwk utilities_zIndex_10000000__16lm1iwu";
 
 // src/components/InfiniteTable/utils/rafFn.ts
 var rafFn = (fn) => {
@@ -7744,7 +7746,8 @@ function objectValuesExcept(obj, exceptList) {
 
 // src/components/InfiniteTable/components/cell.css.ts
 var ColumnCellCls = "cell_ColumnCellCls__1eexc2a6 cell_CellCls__1eexc2a5 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_position_absolute__16lm1iw2 utilities_willChange_transform__16lm1iw21 utilities_whiteSpace_nowrap__16lm1iw22 utilities_userSelect_none__16lm1iw16";
-var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellRecipe__1eexc2a8", variantClassNames: { dragging: { false: "cell_ColumnCellRecipe_dragging_false__1eexc2a9", true: "cell_ColumnCellRecipe_dragging_true__1eexc2aa" }, align: { start: "cell_ColumnCellRecipe_align_start__1eexc2ab", end: "cell_ColumnCellRecipe_align_end__1eexc2ac", center: "cell_ColumnCellRecipe_align_center__1eexc2ad" }, verticalAlign: { start: "cell_ColumnCellRecipe_verticalAlign_start__1eexc2ae", end: "cell_ColumnCellRecipe_verticalAlign_end__1eexc2af", center: "cell_ColumnCellRecipe_verticalAlign_center__1eexc2ag" }, rowActive: { false: "cell_ColumnCellRecipe_rowActive_false__1eexc2ah", true: "cell_ColumnCellRecipe_rowActive_true__1eexc2ai" }, groupRow: { false: "cell_ColumnCellRecipe_groupRow_false__1eexc2aj", true: "cell_ColumnCellRecipe_groupRow_true__1eexc2ak" }, groupCell: { false: "cell_ColumnCellRecipe_groupCell_false__1eexc2al", true: "cell_ColumnCellRecipe_groupCell_true__1eexc2am" }, zebra: { false: "cell_ColumnCellRecipe_zebra_false__1eexc2an", even: "cell_ColumnCellRecipe_zebra_even__1eexc2ao", odd: "cell_ColumnCellRecipe_zebra_odd__1eexc2ap" }, rowSelected: { true: "cell_ColumnCellRecipe_rowSelected_true__1eexc2aq", false: "cell_ColumnCellRecipe_rowSelected_false__1eexc2ar", null: "cell_ColumnCellRecipe_rowSelected_null__1eexc2as" }, first: { true: "cell_ColumnCellRecipe_first_true__1eexc2at", false: "cell_ColumnCellRecipe_first_false__1eexc2au" }, last: { true: "cell_ColumnCellRecipe_last_true__1eexc2av", false: "cell_ColumnCellRecipe_last_false__1eexc2aw" }, groupByField: { true: "cell_ColumnCellRecipe_groupByField_true__1eexc2ax", false: "cell_ColumnCellRecipe_groupByField_false__1eexc2ay" }, firstInCategory: { true: "cell_ColumnCellRecipe_firstInCategory_true__1eexc2az", false: "cell_ColumnCellRecipe_firstInCategory_false__1eexc2a10" }, lastInCategory: { true: "cell_ColumnCellRecipe_lastInCategory_true__1eexc2a11", false: "cell_ColumnCellRecipe_lastInCategory_false__1eexc2a12" }, pinned: { start: "cell_ColumnCellRecipe_pinned_start__1eexc2a13", end: "cell_ColumnCellRecipe_pinned_end__1eexc2a14", false: "cell_ColumnCellRecipe_pinned_false__1eexc2a15" }, filtered: { true: "cell_ColumnCellRecipe_filtered_true__1eexc2a16", false: "cell_ColumnCellRecipe_filtered_false__1eexc2a17" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "cell_ColumnCellRecipe_compound_0__1eexc2a18"], [{ pinned: "start", firstInCategory: true }, "cell_ColumnCellRecipe_compound_1__1eexc2a19"], [{ pinned: "end", firstInCategory: true }, "cell_ColumnCellRecipe_compound_2__1eexc2a1a"], [{ pinned: "end", lastInCategory: true }, "cell_ColumnCellRecipe_compound_3__1eexc2a1b"], [{ align: "center", groupCell: false }, "cell_ColumnCellRecipe_compound_4__1eexc2a1c"]] });
+var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellRecipe__1eexc2ah", variantClassNames: { dragging: { false: "cell_ColumnCellRecipe_dragging_false__1eexc2ai", true: "cell_ColumnCellRecipe_dragging_true__1eexc2aj" }, cellSelected: { false: "cell_ColumnCellRecipe_cellSelected_false__1eexc2ak", true: "cell_ColumnCellRecipe_cellSelected_true__1eexc2al" }, align: { start: "cell_ColumnCellRecipe_align_start__1eexc2am", end: "cell_ColumnCellRecipe_align_end__1eexc2an", center: "cell_ColumnCellRecipe_align_center__1eexc2ao" }, verticalAlign: { start: "cell_ColumnCellRecipe_verticalAlign_start__1eexc2ap", end: "cell_ColumnCellRecipe_verticalAlign_end__1eexc2aq", center: "cell_ColumnCellRecipe_verticalAlign_center__1eexc2ar" }, rowActive: { false: "cell_ColumnCellRecipe_rowActive_false__1eexc2as", true: "cell_ColumnCellRecipe_rowActive_true__1eexc2at" }, groupRow: { false: "cell_ColumnCellRecipe_groupRow_false__1eexc2au", true: "cell_ColumnCellRecipe_groupRow_true__1eexc2av" }, groupCell: { false: "cell_ColumnCellRecipe_groupCell_false__1eexc2aw", true: "cell_ColumnCellRecipe_groupCell_true__1eexc2ax" }, zebra: { false: "cell_ColumnCellRecipe_zebra_false__1eexc2ay", even: "cell_ColumnCellRecipe_zebra_even__1eexc2az", odd: "cell_ColumnCellRecipe_zebra_odd__1eexc2a10" }, rowSelected: { true: "cell_ColumnCellRecipe_rowSelected_true__1eexc2a11", false: "cell_ColumnCellRecipe_rowSelected_false__1eexc2a12", null: "cell_ColumnCellRecipe_rowSelected_null__1eexc2a13" }, first: { true: "cell_ColumnCellRecipe_first_true__1eexc2a14", false: "cell_ColumnCellRecipe_first_false__1eexc2a15" }, last: { true: "cell_ColumnCellRecipe_last_true__1eexc2a16", false: "cell_ColumnCellRecipe_last_false__1eexc2a17" }, groupByField: { true: "cell_ColumnCellRecipe_groupByField_true__1eexc2a18", false: "cell_ColumnCellRecipe_groupByField_false__1eexc2a19" }, firstInCategory: { true: "cell_ColumnCellRecipe_firstInCategory_true__1eexc2a1a", false: "cell_ColumnCellRecipe_firstInCategory_false__1eexc2a1b" }, lastInCategory: { true: "cell_ColumnCellRecipe_lastInCategory_true__1eexc2a1c", false: "cell_ColumnCellRecipe_lastInCategory_false__1eexc2a1d" }, pinned: { start: "cell_ColumnCellRecipe_pinned_start__1eexc2a1e", end: "cell_ColumnCellRecipe_pinned_end__1eexc2a1f", false: "cell_ColumnCellRecipe_pinned_false__1eexc2a1g" }, filtered: { true: "cell_ColumnCellRecipe_filtered_true__1eexc2a1h", false: "cell_ColumnCellRecipe_filtered_false__1eexc2a1i" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "cell_ColumnCellRecipe_compound_0__1eexc2a1j"], [{ pinned: "start", firstInCategory: true }, "cell_ColumnCellRecipe_compound_1__1eexc2a1k"], [{ pinned: "end", firstInCategory: true }, "cell_ColumnCellRecipe_compound_2__1eexc2a1l"], [{ pinned: "end", lastInCategory: true }, "cell_ColumnCellRecipe_compound_3__1eexc2a1m"], [{ align: "center", groupCell: false }, "cell_ColumnCellRecipe_compound_4__1eexc2a1n"]] });
+var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellSelectionIndicatorRecipe__1eexc2a8", variantClassNames: { right: { true: "cell_ColumnCellSelectionIndicatorRecipe_right_true__1eexc2a9", false: "cell_ColumnCellSelectionIndicatorRecipe_right_false__1eexc2aa" }, left: { true: "cell_ColumnCellSelectionIndicatorRecipe_left_true__1eexc2ab", false: "cell_ColumnCellSelectionIndicatorRecipe_left_false__1eexc2ac" }, top: { true: "cell_ColumnCellSelectionIndicatorRecipe_top_true__1eexc2ad", false: "cell_ColumnCellSelectionIndicatorRecipe_top_false__1eexc2ae" }, bottom: { true: "cell_ColumnCellSelectionIndicatorRecipe_bottom_true__1eexc2af", false: "cell_ColumnCellSelectionIndicatorRecipe_bottom_false__1eexc2ag" } }, defaultVariants: {}, compoundVariants: [] });
 var SelectionCheckboxCls = "cell_SelectionCheckboxCls__1eexc2a7";
 
 // src/components/InfiniteTable/components/CheckBox.tsx
@@ -7931,6 +7934,7 @@ function getColumnRenderingParams(options) {
   };
 }
 function getColumnRenderParam(options) {
+  var _a;
   const {
     column,
     context,
@@ -7946,7 +7950,7 @@ function getColumnRenderParam(options) {
   const { editingCell } = getState();
   const { indexInAll: rowIndex } = rowInfo;
   const dataSourceState = getDataSourceState();
-  const { selectionMode } = dataSourceState;
+  const { selectionMode, cellSelection } = dataSourceState;
   const groupByColumn = getGroupByColumnReference({
     rowInfo,
     column,
@@ -7954,21 +7958,35 @@ function getColumnRenderParam(options) {
     groupRenderStrategy: context.getState().groupRenderStrategy
   });
   const toggleGroupRow = imperativeApi.toggleGroupRow;
+  const cellSelected = (_a = cellSelection == null ? void 0 : cellSelection.isCellSelected(rowInfo.id, column.id)) != null ? _a : false;
   const renderParam = __spreadProps(__spreadValues({
     column,
     columnsMap,
     fieldsToColumn,
     align: align2,
-    verticalAlign
+    verticalAlign,
+    cellSelected
   }, formattedValueContext), {
     editError: editingCell && editingCell.primaryKey === rowInfo.id && editingCell.columnId === column.id && !editingCell.active && editingCell.accepted instanceof Error ? editingCell.accepted : void 0,
     groupByColumn,
     selectionMode,
     api: imperativeApi,
-    selectRow: imperativeApi.selectionApi.selectRow,
-    deselectRow: imperativeApi.selectionApi.deselectRow,
-    toggleRowSelection: imperativeApi.selectionApi.toggleRowSelection,
-    toggleGroupRowSelection: imperativeApi.selectionApi.toggleGroupRowSelection,
+    selectRow: imperativeApi.rowSelectionApi.selectRow,
+    deselectRow: imperativeApi.rowSelectionApi.deselectRow,
+    toggleRowSelection: imperativeApi.rowSelectionApi.toggleRowSelection,
+    toggleGroupRowSelection: imperativeApi.rowSelectionApi.toggleGroupRowSelection,
+    selectCell: () => {
+      imperativeApi.cellSelectionApi.selectCell({
+        rowId: rowInfo.id,
+        colId: column.id
+      });
+    },
+    deselectCell: () => {
+      imperativeApi.cellSelectionApi.deselectCell({
+        rowId: rowInfo.id,
+        colId: column.id
+      });
+    },
     renderBag: {
       all: null,
       value: typeof value === "boolean" ? `${value}` : value,
@@ -7976,13 +7994,13 @@ function getColumnRenderParam(options) {
       groupIcon: null
     },
     selectCurrentRow: () => {
-      return imperativeApi.selectionApi.selectRow(
+      return imperativeApi.rowSelectionApi.selectRow(
         rowInfo.id,
         rowInfo.dataSourceHasGrouping ? rowInfo.groupKeys : void 0
       );
     },
     deselectCurrentRow: () => {
-      return imperativeApi.selectionApi.deselectRow(
+      return imperativeApi.rowSelectionApi.deselectRow(
         rowInfo.id,
         rowInfo.dataSourceHasGrouping ? rowInfo.groupKeys : void 0
       );
@@ -7999,13 +8017,13 @@ function getColumnRenderParam(options) {
       if (rowInfo.isGroupRow) {
         return;
       }
-      return imperativeApi.selectionApi.toggleRowSelection(rowInfo.id);
+      return imperativeApi.rowSelectionApi.toggleRowSelection(rowInfo.id);
     },
     toggleCurrentGroupRowSelection: () => {
       if (!rowInfo.isGroupRow) {
         return;
       }
-      return imperativeApi.selectionApi.toggleGroupRowSelection(
+      return imperativeApi.rowSelectionApi.toggleGroupRowSelection(
         rowInfo.isGroupRow ? rowInfo.groupKeys : []
       );
     },
@@ -8246,7 +8264,9 @@ function InfiniteTableColumnCellFn(props) {
     rowInfo,
     rowStyle,
     rowClassName,
-    // getData,
+    getData,
+    cellStyle,
+    cellClassName,
     width,
     column,
     onMouseLeave,
@@ -8267,6 +8287,7 @@ function InfiniteTableColumnCellFn(props) {
   const {
     getState,
     actions: componentActions,
+    computed,
     api: imperativeApi
   } = useInfiniteTable();
   const {
@@ -8332,7 +8353,8 @@ function InfiniteTableColumnCellFn(props) {
     },
     [rowIndex, column.computedVisibleIndex, keyboardNavigation]
   );
-  const { selectionMode } = dataSourceState;
+  const { selectionMode, cellSelection } = dataSourceState;
+  const cellSelected = renderParam.cellSelected;
   renderParam.domRef = domRef;
   renderParam.selectCurrentRow = useCallback12(renderParam.selectCurrentRow, [
     rowInfo
@@ -8462,6 +8484,12 @@ function InfiniteTableColumnCellFn(props) {
       stylingParam
     );
   }
+  if (cellClassName) {
+    colClassName = join(
+      colClassName,
+      applyColumnClassName(cellClassName, stylingParam)
+    );
+  }
   if (column.className) {
     colClassName = join(
       colClassName,
@@ -8475,6 +8503,9 @@ function InfiniteTableColumnCellFn(props) {
   if (rowStyle) {
     style2 = typeof rowStyle === "function" ? __spreadValues(__spreadValues({}, style2), rowStyle(rowPropsAndStyleArgs)) : __spreadValues(__spreadValues({}, style2), rowStyle);
   }
+  if (cellStyle) {
+    style2 = applyColumnStyle(style2, cellStyle, stylingParam);
+  }
   if (groupByColumnReference == null ? void 0 : groupByColumnReference.style) {
     style2 = applyColumnStyle(style2, groupByColumnReference.style, stylingParam);
   }
@@ -8490,6 +8521,36 @@ function InfiniteTableColumnCellFn(props) {
   );
   const odd = (rowInfo.indexInAll != null ? rowInfo.indexInAll : rowIndex) % 2 === 1;
   const zebra = showZebraRows ? odd ? "odd" : "even" : false;
+  let topSelectionBorder = false;
+  let leftSelectionBorder = false;
+  let rightSelectionBorder = false;
+  let bottomSelectionBorder = false;
+  if (cellSelection && cellSelected) {
+    const arr = getData();
+    const topRowInfo = arr[rowInfo.indexInAll - 1];
+    const bottomRowInfo = arr[rowInfo.indexInAll + 1];
+    const nextColumn = computed.computedVisibleColumns[column.computedVisibleIndex + 1];
+    const prevColumn = computed.computedVisibleColumns[column.computedVisibleIndex - 1];
+    topSelectionBorder = topRowInfo ? !cellSelection.isCellSelected(topRowInfo.id, column.id) : true;
+    if (column.computedPinned === "end" && column.computedFirstInCategory) {
+      leftSelectionBorder = true;
+    } else {
+      leftSelectionBorder = prevColumn ? !cellSelection.isCellSelected(rowInfo.id, prevColumn.id) : true;
+    }
+    if (column.computedPinned === "start" && column.computedLastInCategory) {
+      rightSelectionBorder = true;
+    } else {
+      rightSelectionBorder = nextColumn ? !cellSelection.isCellSelected(rowInfo.id, nextColumn.id) : true;
+    }
+    bottomSelectionBorder = bottomRowInfo ? !cellSelection.isCellSelected(bottomRowInfo.id, column.id) : true;
+  }
+  const cellSelectionBorders = cellSelection && cellSelected ? {
+    top: topSelectionBorder,
+    left: leftSelectionBorder,
+    right: rightSelectionBorder,
+    bottom: bottomSelectionBorder
+  } : null;
+  const afterChildren = editor;
   const cellProps = {
     domRef,
     cellType: "body",
@@ -8500,10 +8561,11 @@ function InfiniteTableColumnCellFn(props) {
     onMouseLeave,
     onMouseEnter,
     onClick,
-    afterChildren: editor,
+    afterChildren,
     onMouseDown,
     cssEllipsis: (_c = column.cssEllipsis) != null ? _c : true,
     className: join(
+      cellSelectionBorders ? ColumnCellSelectionIndicatorRecipe(cellSelectionBorders) : "",
       useCellClassName(
         column,
         [InfiniteTableColumnCellClassName, InfiniteTableCellClassName],
@@ -8514,6 +8576,7 @@ function InfiniteTableColumnCellFn(props) {
           align: align2,
           verticalAlign,
           rowActive,
+          cellSelected,
           rowSelected,
           groupRow: rowInfo.isGroupRow,
           groupCell: rowInfo.isGroupRow ? !!column.groupByForColumn : false,
@@ -8869,7 +8932,7 @@ function getColumnGroupResizer(colIndexes, config) {
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/ResizeHandle.css.ts
 var ResizeHandleCls = "ResizeHandle_ResizeHandleCls__zneyzh0 utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1b utilities_right_0__16lm1iw1i utilities_bottom_0__16lm1iw1g utilities_cursor_colResize__16lm1iwj utilities_overflow_hidden__16lm1iw1w";
-var ResizeHandleDraggerClsRecipe = createRuntimeFn({ defaultClassName: "ResizeHandle_ResizeHandleDraggerClsRecipe__zneyzhb utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1b utilities_bottom_0__16lm1iw1g", variantClassNames: { constrained: { false: "ResizeHandle_ResizeHandleDraggerClsRecipe_constrained_false__zneyzhc", true: "ResizeHandle_ResizeHandleDraggerClsRecipe_constrained_true__zneyzhd" } }, defaultVariants: {}, compoundVariants: [] });
+var ResizeHandleDraggerClsRecipe = createRuntimeFn({ defaultClassName: "ResizeHandle_ResizeHandleDraggerClsRecipe__zneyzhb utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1b utilities_bottom_0__16lm1iw1g", variantClassNames: { constrained: { false: "ResizeHandle_ResizeHandleDraggerClsRecipe_constrained_false__zneyzhc", true: "ResizeHandle_ResizeHandleDraggerClsRecipe_constrained_true__zneyzhd" }, computedPinned: { start: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedPinned_start__zneyzhe", end: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedPinned_end__zneyzhf", false: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedPinned_false__zneyzhg" }, computedFirstInCategory: { true: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedFirstInCategory_true__zneyzhh", false: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedFirstInCategory_false__zneyzhi" }, computedLastInCategory: { true: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedLastInCategory_true__zneyzhj", false: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedLastInCategory_false__zneyzhk" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "start", computedLastInCategory: true }, "ResizeHandle_ResizeHandleDraggerClsRecipe_compound_0__zneyzhl"], [{ computedPinned: "end", computedFirstInCategory: true }, "ResizeHandle_ResizeHandleDraggerClsRecipe_compound_1__zneyzhm"]] });
 var ResizeHandleRecipeCls = createRuntimeFn({ defaultClassName: "", variantClassNames: { computedPinned: { start: "ResizeHandle_ResizeHandleRecipeCls_computedPinned_start__zneyzh1", end: "ResizeHandle_ResizeHandleRecipeCls_computedPinned_end__zneyzh2 utilities_left_0__16lm1iw1d utilities_right_auto__16lm1iw1k", false: "ResizeHandle_ResizeHandleRecipeCls_computedPinned_false__zneyzh3" }, computedFirstInCategory: { true: "ResizeHandle_ResizeHandleRecipeCls_computedFirstInCategory_true__zneyzh4", false: "ResizeHandle_ResizeHandleRecipeCls_computedFirstInCategory_false__zneyzh5" }, computedLastInCategory: { true: "ResizeHandle_ResizeHandleRecipeCls_computedLastInCategory_true__zneyzh6", false: "ResizeHandle_ResizeHandleRecipeCls_computedLastInCategory_false__zneyzh7" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "end", computedLastInCategory: false, computedFirstInCategory: true }, "ResizeHandle_ResizeHandleRecipeCls_compound_0__zneyzh8"], [{ computedPinned: false, computedFirstInCategory: false, computedLastInCategory: true }, "ResizeHandle_ResizeHandleRecipeCls_compound_1__zneyzh9"], [{ computedPinned: "start", computedFirstInCategory: false, computedLastInCategory: true }, "ResizeHandle_ResizeHandleRecipeCls_compound_2__zneyzha"]] });
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/index.tsx
@@ -8949,7 +9012,10 @@ function ResizeHandleFn(props) {
       {
         style: style2,
         className: ResizeHandleDraggerClsRecipe({
-          constrained
+          constrained,
+          computedPinned,
+          computedFirstInCategory,
+          computedLastInCategory
         })
       }
     )
@@ -9043,9 +9109,9 @@ var defaultRenderSelectionCheckBox2 = (params) => {
       },
       onChange: (selected2) => {
         if (selected2) {
-          api.selectionApi.selectAll();
+          api.rowSelectionApi.selectAll();
         } else {
-          api.selectionApi.deselectAll();
+          api.rowSelectionApi.deselectAll();
         }
       },
       checked: selected
@@ -9382,6 +9448,7 @@ function InfiniteTableHeaderCell(props) {
             align: align2,
             verticalAlign,
             rowSelected: false,
+            cellSelected: false,
             zebra: false,
             rowActive: false,
             groupCell: false,
@@ -10177,6 +10244,9 @@ var sharedValueGetterParamsFlyweightObject = Object.seal({
 // src/utils/groupAndPivot/index.ts
 var LAZY_ROOT_KEY_FOR_GROUPS = "____root____";
 var NOT_LOADED_YET_KEY_PREFIX = "____not_loaded_yet____";
+function returnFalse() {
+  return false;
+}
 function initReducers(reducers) {
   if (!reducers || !Object.keys(reducers).length) {
     return {};
@@ -10609,6 +10679,7 @@ function getEnhancedGroupData(options, deepMapValue) {
     //TODO improve this
     collapsed: false,
     dataSourceHasGrouping: true,
+    isCellSelected: returnFalse,
     selfLoaded,
     error: options.error,
     parents,
@@ -10744,6 +10815,7 @@ function enhancedFlatten(param) {
               const rowInfo = {
                 id: itemId,
                 data: item,
+                isCellSelected: returnFalse,
                 dataSourceHasGrouping: true,
                 isGroupRow: false,
                 selfLoaded: !!item,
@@ -10984,6 +11056,14 @@ var DataSourceCache = class {
   }
 };
 
+// src/components/DataSource/dataSourceGetters.ts
+function getRowInfoAt(rowIndex, getState) {
+  return getState().dataArray[rowIndex];
+}
+function getRowInfoArray(getState) {
+  return getState().dataArray;
+}
+
 // src/components/DataSource/getDataSourceApi.ts
 function getDataSourceApi(param) {
   return new DataSourceApiImpl(param);
@@ -10993,15 +11073,149 @@ var DataSourceApiImpl = class {
     this.pendingOperations = [];
     this.pendingPromise = null;
     this.resolvePendingPromise = null;
+    this.toPrimaryKey = (data) => {
+      return this.getState().toPrimaryKey(data);
+    };
+    this.getRowInfoArray = () => {
+      return getRowInfoArray(this.getState);
+    };
+    this.getRowInfoByIndex = (index) => {
+      var _a;
+      return (_a = getRowInfoAt(index, this.getState)) != null ? _a : null;
+    };
+    this.getRowInfoByPrimaryKey = (id) => {
+      const index = this.getIndexByPrimaryKey(id);
+      return this.getRowInfoByIndex(index);
+    };
+    this.getIndexByPrimaryKey = (id) => {
+      var _a;
+      const map2 = this.getState().idToIndexMap;
+      return (_a = map2.get(id)) != null ? _a : -1;
+    };
+    this.getPrimaryKeyByIndex = (index) => {
+      const rowInfo = this.getRowInfoByIndex(index);
+      return rowInfo ? rowInfo.id : void 0;
+    };
     this.getOriginalDataArray = () => {
       return this.getState().originalDataArray;
     };
+    this.getDataByPrimaryKey = (id) => {
+      var _a;
+      const { indexer } = this.getState();
+      return (_a = indexer.getDataForPrimaryKey(id)) != null ? _a : null;
+    };
+    this.updateData = (data, options) => {
+      return this.updateDataArray([data], options);
+    };
+    this.updateDataArray = (data, options) => {
+      const result = this.batchOperation({
+        type: "update",
+        array: data,
+        primaryKeys: data.map((d) => {
+          return this.toPrimaryKey(d);
+        }),
+        metadata: options == null ? void 0 : options.metadata
+      });
+      if (options == null ? void 0 : options.flush) {
+        this.commit();
+      }
+      return result;
+    };
+    this.removeDataByPrimaryKey = (id, options) => {
+      const result = this.batchOperation({
+        type: "delete",
+        primaryKeys: [id],
+        metadata: options == null ? void 0 : options.metadata
+      });
+      if (options == null ? void 0 : options.flush) {
+        this.commit();
+      }
+      return result;
+    };
+    this.removeData = (data, options) => {
+      const result = this.batchOperation({
+        type: "delete",
+        primaryKeys: [this.toPrimaryKey(data)],
+        metadata: options == null ? void 0 : options.metadata
+      });
+      if (options == null ? void 0 : options.flush) {
+        this.commit();
+      }
+      return result;
+    };
+    this.removeDataArrayByPrimaryKeys = (ids, options) => {
+      const result = this.batchOperation({
+        type: "delete",
+        primaryKeys: ids,
+        metadata: options == null ? void 0 : options.metadata
+      });
+      if (options == null ? void 0 : options.flush) {
+        this.commit();
+      }
+      return result;
+    };
+    this.removeDataArray = (data, options) => {
+      const result = this.batchOperation({
+        type: "delete",
+        primaryKeys: data.map(this.toPrimaryKey),
+        metadata: options == null ? void 0 : options.metadata
+      });
+      if (options == null ? void 0 : options.flush) {
+        this.commit();
+      }
+      return result;
+    };
+    this.addData = (data, options) => {
+      return this.addDataArray([data], options);
+    };
+    this.addDataArray = (data, options) => {
+      return this.insertDataArray(data, __spreadProps(__spreadValues({}, options), {
+        position: "end"
+      }));
+    };
+    this.insertData = (data, options) => {
+      return this.insertDataArray([data], options);
+    };
+    this.insertDataArray = (data, options) => {
+      let position2 = "before";
+      let primaryKey = void 0;
+      if (options.position === "before" || options.position === "after") {
+        position2 = options.position;
+        primaryKey = options.primaryKey;
+      } else {
+        const arr = this.getOriginalDataArray();
+        if (options.position === "start") {
+          position2 = "before";
+          primaryKey = this.toPrimaryKey(arr[0]);
+        } else {
+          position2 = "after";
+          primaryKey = this.toPrimaryKey(arr[arr.length - 1]);
+        }
+      }
+      const result = this.batchOperation({
+        type: "insert",
+        array: data,
+        position: position2,
+        metadata: options == null ? void 0 : options.metadata,
+        primaryKey
+      });
+      if (options == null ? void 0 : options.flush) {
+        this.commit();
+      }
+      return result;
+    };
+    this.setSortInfo = (sortInfo) => {
+      const multiSort = this.getState().multiSort;
+      if (Array.isArray(sortInfo)) {
+        this.actions.sortInfo = sortInfo.length ? multiSort ? sortInfo : sortInfo[0] : null;
+        return;
+      }
+      this.actions.sortInfo = sortInfo;
+      return;
+    };
     this.getState = param.getState;
     this.actions = param.actions;
   }
-  toPrimaryKey(data) {
-    return this.getState().toPrimaryKey(data);
-  }
   batchOperation(operation) {
     if (!this.pendingPromise) {
       this.pendingPromise = new Promise((resolve) => {
@@ -11072,140 +11286,6 @@ var DataSourceApiImpl = class {
       this.resolvePendingPromise = null;
     }
   }
-  getRowInfoArray() {
-    return this.getState().dataArray;
-  }
-  getRowInfoByIndex(index) {
-    var _a;
-    return (_a = this.getRowInfoArray()[index]) != null ? _a : null;
-  }
-  getRowInfoByPrimaryKey(id) {
-    const index = this.getIndexByPrimaryKey(id);
-    return this.getRowInfoByIndex(index);
-  }
-  getIndexByPrimaryKey(id) {
-    var _a;
-    const map2 = this.getState().idToIndexMap;
-    return (_a = map2.get(id)) != null ? _a : -1;
-  }
-  getPrimaryKeyByIndex(index) {
-    const rowInfo = this.getRowInfoByIndex(index);
-    return rowInfo ? rowInfo.id : void 0;
-  }
-  getDataByPrimaryKey(id) {
-    var _a;
-    const { indexer } = this.getState();
-    return (_a = indexer.getDataForPrimaryKey(id)) != null ? _a : null;
-  }
-  updateData(data, options) {
-    return this.updateDataArray([data], options);
-  }
-  updateDataArray(data, options) {
-    const result = this.batchOperation({
-      type: "update",
-      array: data,
-      primaryKeys: data.map((d) => {
-        return this.toPrimaryKey(d);
-      }),
-      metadata: options == null ? void 0 : options.metadata
-    });
-    if (options == null ? void 0 : options.flush) {
-      this.commit();
-    }
-    return result;
-  }
-  removeDataByPrimaryKey(id, options) {
-    const result = this.batchOperation({
-      type: "delete",
-      primaryKeys: [id],
-      metadata: options == null ? void 0 : options.metadata
-    });
-    if (options == null ? void 0 : options.flush) {
-      this.commit();
-    }
-    return result;
-  }
-  removeData(data, options) {
-    const result = this.batchOperation({
-      type: "delete",
-      primaryKeys: [this.toPrimaryKey(data)],
-      metadata: options == null ? void 0 : options.metadata
-    });
-    if (options == null ? void 0 : options.flush) {
-      this.commit();
-    }
-    return result;
-  }
-  removeDataArrayByPrimaryKeys(ids, options) {
-    const result = this.batchOperation({
-      type: "delete",
-      primaryKeys: ids,
-      metadata: options == null ? void 0 : options.metadata
-    });
-    if (options == null ? void 0 : options.flush) {
-      this.commit();
-    }
-    return result;
-  }
-  removeDataArray(data, options) {
-    const result = this.batchOperation({
-      type: "delete",
-      primaryKeys: data.map(this.toPrimaryKey),
-      metadata: options == null ? void 0 : options.metadata
-    });
-    if (options == null ? void 0 : options.flush) {
-      this.commit();
-    }
-    return result;
-  }
-  addData(data, options) {
-    return this.addDataArray([data], options);
-  }
-  addDataArray(data, options) {
-    return this.insertDataArray(data, __spreadProps(__spreadValues({}, options), {
-      position: "end"
-    }));
-  }
-  insertData(data, options) {
-    return this.insertDataArray([data], options);
-  }
-  insertDataArray(data, options) {
-    let position2 = "before";
-    let primaryKey = void 0;
-    if (options.position === "before" || options.position === "after") {
-      position2 = options.position;
-      primaryKey = options.primaryKey;
-    } else {
-      const arr = this.getOriginalDataArray();
-      if (options.position === "start") {
-        position2 = "before";
-        primaryKey = this.toPrimaryKey(arr[0]);
-      } else {
-        position2 = "after";
-        primaryKey = this.toPrimaryKey(arr[arr.length - 1]);
-      }
-    }
-    const result = this.batchOperation({
-      type: "insert",
-      array: data,
-      position: position2,
-      metadata: options == null ? void 0 : options.metadata,
-      primaryKey
-    });
-    if (options == null ? void 0 : options.flush) {
-      this.commit();
-    }
-    return result;
-  }
-  setSortInfo(sortInfo) {
-    const multiSort = this.getState().multiSort;
-    if (Array.isArray(sortInfo)) {
-      this.actions.sortInfo = sortInfo.length ? multiSort ? sortInfo : sortInfo[0] : null;
-      return;
-    }
-    this.actions.sortInfo = sortInfo;
-    return;
-  }
 };
 function getCacheAffectedParts(state) {
   const cache = state.cache;
@@ -11529,6 +11609,18 @@ function useEffectWithChanges(fn, deps) {
   }, useEffectDeps);
 }
 
+// src/utils/composeFunctions.ts
+function composeFunctions(...fns) {
+  const f = (...args) => {
+    fns.forEach((fn) => {
+      if (typeof fn === "function") {
+        fn(...args);
+      }
+    });
+  };
+  return f;
+}
+
 // src/utils/groupAndPivot/getPivotColumnsAndColumnGroups.ts
 function prepareColumn(column) {
   const { pivotByAtIndex: pivotByForColumn, pivotAggregator } = column;
@@ -11778,7 +11870,7 @@ function getGroupKeysForDataItem(data, groupBy) {
   }, []);
 }
 
-// src/components/InfiniteTable/api/getSelectionApi.ts
+// src/components/InfiniteTable/api/getRowSelectionApi.ts
 function cloneRowSelection(rowSelection, stateOrGetDataSourceState) {
   return new RowSelectionState(
     rowSelection,
@@ -11799,7 +11891,7 @@ function rowSelectionStateConfigGetter(stateOrStateGetter) {
     };
   };
 }
-function getSelectionApi(param) {
+function getRowSelectionApi(param) {
   const {
     // getComputed,
     // getState,
@@ -11807,7 +11899,7 @@ function getSelectionApi(param) {
     // componentActions,
     dataSourceActions
   } = param;
-  const selectionApi = {
+  const rowSelectionApi = {
     get allRowsSelected() {
       return getDataSourceState().allRowsSelected;
     },
@@ -12010,11 +12102,307 @@ function getSelectionApi(param) {
     }
   };
   if (false) {
-    globalThis.selectionApi = selectionApi;
+    globalThis.rowSelectionApi = rowSelectionApi;
   }
-  return selectionApi;
+  return rowSelectionApi;
 }
 
+// src/components/DataSource/CellSelectionState.ts
+var WILDCARD = "*";
+var CellSelectionState = class {
+  constructor(clone) {
+    this.wildcard = WILDCARD;
+    this.cache = new DeepMap();
+    this.selectedRowsToColumns = /* @__PURE__ */ new Map();
+    this.selectedColumnsToRows = /* @__PURE__ */ new Map();
+    this.deselectedRowsToColumns = /* @__PURE__ */ new Map();
+    this.deselectedColumnsToRows = /* @__PURE__ */ new Map();
+    this.defaultSelection = false;
+    this.deselectAll = () => {
+      this.update({
+        defaultSelection: false,
+        selectedCells: []
+      });
+    };
+    this.selectAll = () => {
+      this.update({
+        defaultSelection: true,
+        deselectedCells: []
+      });
+    };
+    const stateObject = clone && clone instanceof Object.getPrototypeOf(this).constructor ? clone.getState() : clone;
+    if (stateObject) {
+      this.update(stateObject);
+    }
+  }
+  selectCell(rowId, colId) {
+    this.setCellSelected(rowId, colId, true);
+  }
+  deselectCell(rowId, colId) {
+    this.setCellSelected(rowId, colId, false);
+  }
+  selectColumn(colId) {
+    this.setCellSelected(this.wildcard, colId, true);
+  }
+  deselectColumn(colId) {
+    this.setCellSelected(this.wildcard, colId, false);
+  }
+  setCellSelected(rowId, colId, selected) {
+    const wildcardRow = rowId === this.wildcard;
+    const wildcardColumn = colId === this.wildcard;
+    const isSelected = this.isCellSelected(rowId, colId);
+    if (isSelected === selected) {
+      return;
+    }
+    const clearKeys = [];
+    if (wildcardRow) {
+      const deselectedRowsForColumn = this.deselectedColumnsToRows.get(colId);
+      const selectedRowsForColumn = this.selectedColumnsToRows.get(colId);
+      deselectedRowsForColumn == null ? void 0 : deselectedRowsForColumn.forEach((rowId2) => {
+        if (rowId2 === this.wildcard) {
+          return;
+        }
+        this.setCellInDeselection(rowId2, colId, false);
+      });
+      selectedRowsForColumn == null ? void 0 : selectedRowsForColumn.forEach((rowId2) => {
+        if (rowId2 === this.wildcard) {
+          return;
+        }
+        this.setCellInSelection(rowId2, colId, false);
+      });
+      [...this.cache.keys()].forEach((key) => {
+        const [rowId2, c] = key;
+        if (c === colId) {
+          clearKeys.push([rowId2, colId]);
+        }
+      });
+    }
+    if (wildcardColumn) {
+      const deselectedColumnsForRow = this.deselectedRowsToColumns.get(colId);
+      const selectedColumnsForRow = this.selectedRowsToColumns.get(colId);
+      deselectedColumnsForRow == null ? void 0 : deselectedColumnsForRow.forEach((colId2) => {
+        if (colId2 === this.wildcard) {
+          return;
+        }
+        this.setCellInDeselection(rowId, colId2, false);
+      });
+      selectedColumnsForRow == null ? void 0 : selectedColumnsForRow.forEach((colId2) => {
+        if (colId2 === this.wildcard) {
+          return;
+        }
+        this.setCellInSelection(rowId, colId2, false);
+      });
+      [...this.cache.keys()].forEach((key) => {
+        const [row] = key;
+        if (row === rowId) {
+          clearKeys.push([rowId, colId]);
+        }
+      });
+    }
+    const cacheKey = [rowId, colId];
+    clearKeys.forEach((key) => {
+      this.cache.delete(key);
+    });
+    this.cache.delete(cacheKey);
+    if (selected) {
+      if (this.defaultSelection) {
+        const cellsForThisRow = this.deselectedRowsToColumns.get(rowId);
+        if (cellsForThisRow && cellsForThisRow.has(colId)) {
+          this.setCellInDeselection(rowId, colId, false);
+        }
+        const deselectedColumnsForWildcardRow = this.deselectedRowsToColumns.get(this.wildcard);
+        const deselectedRowsForWildcardColumn = this.deselectedColumnsToRows.get(this.wildcard);
+        if ((deselectedColumnsForWildcardRow == null ? void 0 : deselectedColumnsForWildcardRow.has(colId)) || (deselectedRowsForWildcardColumn == null ? void 0 : deselectedRowsForWildcardColumn.has(rowId))) {
+          this.setCellInSelection(rowId, colId, true);
+        }
+      } else {
+        const cellsForThisRow = this.deselectedRowsToColumns.get(rowId);
+        if (cellsForThisRow && cellsForThisRow.has(colId)) {
+          this.setCellInDeselection(rowId, colId, false);
+        }
+        this.setCellInSelection(rowId, colId, true);
+      }
+    } else {
+      if (this.defaultSelection) {
+        const cellsForThisRow = this.selectedRowsToColumns.get(rowId);
+        if (cellsForThisRow == null ? void 0 : cellsForThisRow.has(colId)) {
+          this.setCellInSelection(rowId, colId, false);
+        }
+        this.setCellInDeselection(rowId, colId, true);
+      } else {
+        const cellsForThisRow = this.selectedRowsToColumns.get(rowId);
+        if (cellsForThisRow == null ? void 0 : cellsForThisRow.has(colId)) {
+          this.setCellInSelection(rowId, colId, false);
+        }
+        const selectedColumnsForWildcardRow = this.selectedRowsToColumns.get(
+          this.wildcard
+        );
+        const selectedRowsForWildcardColumn = this.selectedColumnsToRows.get(
+          this.wildcard
+        );
+        if ((selectedColumnsForWildcardRow == null ? void 0 : selectedColumnsForWildcardRow.has(colId)) || (selectedRowsForWildcardColumn == null ? void 0 : selectedRowsForWildcardColumn.has(rowId))) {
+          this.setCellInDeselection(rowId, colId, true);
+          return;
+        }
+      }
+    }
+  }
+  setCellInDeselection(rowId, colId, selected) {
+    if (selected) {
+      const deselectedColsForRow = this.deselectedRowsToColumns.get(rowId) || /* @__PURE__ */ new Set();
+      deselectedColsForRow.add(colId);
+      this.deselectedRowsToColumns.set(rowId, deselectedColsForRow);
+    } else {
+      const deselectedColsForRow = this.deselectedRowsToColumns.get(rowId);
+      if (deselectedColsForRow) {
+        deselectedColsForRow.delete(colId);
+        if (deselectedColsForRow.size === 0) {
+          this.deselectedRowsToColumns.delete(rowId);
+        }
+      }
+    }
+    if (selected) {
+      const deselectedRowsForColumn = this.deselectedColumnsToRows.get(colId) || /* @__PURE__ */ new Set();
+      deselectedRowsForColumn.add(rowId);
+      this.deselectedColumnsToRows.set(colId, deselectedRowsForColumn);
+    } else {
+      const deselectedRowsForColumn = this.deselectedColumnsToRows.get(colId);
+      if (deselectedRowsForColumn) {
+        deselectedRowsForColumn.delete(rowId);
+        if (deselectedRowsForColumn.size === 0) {
+          this.deselectedColumnsToRows.delete(colId);
+        }
+      }
+    }
+  }
+  setCellInSelection(rowId, colId, selected) {
+    if (rowId === this.wildcard && colId === this.wildcard) {
+      throw new Error(
+        "rowId and colId cannot be used as a wildcard at the same time!"
+      );
+    }
+    if (selected) {
+      const selectedColsForRow = this.selectedRowsToColumns.get(rowId) || /* @__PURE__ */ new Set();
+      selectedColsForRow.add(colId);
+      this.selectedRowsToColumns.set(rowId, selectedColsForRow);
+    } else {
+      const selectedColsForRow = this.selectedRowsToColumns.get(rowId);
+      if (selectedColsForRow) {
+        selectedColsForRow.delete(colId);
+        if (selectedColsForRow.size === 0) {
+          this.selectedRowsToColumns.delete(rowId);
+        }
+      }
+    }
+    if (selected) {
+      const selectedRowsForColumn = this.selectedColumnsToRows.get(colId) || /* @__PURE__ */ new Set();
+      selectedRowsForColumn.add(rowId);
+      this.selectedColumnsToRows.set(colId, selectedRowsForColumn);
+    } else {
+      const selectedRowsForColumn = this.selectedColumnsToRows.get(colId);
+      if (selectedRowsForColumn) {
+        selectedRowsForColumn.delete(rowId);
+        if (selectedRowsForColumn.size === 0) {
+          this.selectedColumnsToRows.delete(colId);
+        }
+      }
+    }
+  }
+  update(stateObject) {
+    const selectedCells = stateObject.selectedCells || null;
+    const deselectedCells = stateObject.deselectedCells || null;
+    this.selectedRowsToColumns.clear();
+    this.selectedColumnsToRows.clear();
+    this.deselectedRowsToColumns.clear();
+    this.deselectedColumnsToRows.clear();
+    this.cache.clear();
+    if (selectedCells) {
+      selectedCells.forEach(([rowId, colId]) => {
+        this.setCellInSelection(rowId, colId, true);
+      });
+    }
+    if (deselectedCells) {
+      deselectedCells.forEach(([rowId, colId]) => {
+        this.setCellInDeselection(rowId, colId, true);
+      });
+    }
+    this.defaultSelection = stateObject.defaultSelection;
+  }
+  isCellSelected(rowId, colId) {
+    var _a, _b;
+    const cacheKey = [rowId, colId];
+    const { cache } = this;
+    const selected = cache.get(cacheKey);
+    if (selected != null) {
+      return selected;
+    }
+    const returnFalse3 = () => {
+      cache.set(cacheKey, false);
+      return false;
+    };
+    const returnTrue = () => {
+      cache.set(cacheKey, true);
+      return true;
+    };
+    const deselectedRowsForWildcardColumn = this.deselectedColumnsToRows.get(
+      this.wildcard
+    );
+    const deselectedColumnsForWildcardRow = this.deselectedRowsToColumns.get(
+      this.wildcard
+    );
+    const selectedRowsForWildcardColumn = this.selectedColumnsToRows.get(
+      this.wildcard
+    );
+    const selectedColumnsForWildcardRow = this.selectedRowsToColumns.get(
+      this.wildcard
+    );
+    let defaultSelection = this.defaultSelection;
+    if (defaultSelection) {
+      const cols2 = this.deselectedRowsToColumns.get(rowId);
+      if (cols2 && cols2.has(colId)) {
+        return returnFalse3();
+      }
+      if ((deselectedRowsForWildcardColumn == null ? void 0 : deselectedRowsForWildcardColumn.has(rowId)) || (deselectedColumnsForWildcardRow == null ? void 0 : deselectedColumnsForWildcardRow.has(colId))) {
+        if ((_a = this.selectedRowsToColumns.get(rowId)) == null ? void 0 : _a.has(colId)) {
+          return returnTrue();
+        }
+        return returnFalse3();
+      }
+      return returnTrue();
+    }
+    const cols = this.selectedRowsToColumns.get(rowId);
+    if (cols && cols.has(colId)) {
+      return returnTrue();
+    }
+    if ((selectedRowsForWildcardColumn == null ? void 0 : selectedRowsForWildcardColumn.has(rowId)) || (selectedColumnsForWildcardRow == null ? void 0 : selectedColumnsForWildcardRow.has(colId))) {
+      if ((_b = this.deselectedRowsToColumns.get(rowId)) == null ? void 0 : _b.has(colId)) {
+        return returnFalse3();
+      }
+      return returnTrue();
+    }
+    return returnFalse3();
+  }
+  getState() {
+    const deselectedCells = [];
+    const selectedCells = [];
+    this.deselectedRowsToColumns.forEach((cols, rowId) => {
+      cols.forEach((colId) => {
+        deselectedCells.push([rowId, colId]);
+      });
+    });
+    this.selectedRowsToColumns.forEach((cols, rowId) => {
+      cols.forEach((colId) => {
+        selectedCells.push([rowId, colId]);
+      });
+    });
+    return {
+      defaultSelection: this.defaultSelection,
+      deselectedCells,
+      selectedCells
+    };
+  }
+};
+
 // src/components/DataSource/RowSelectionState.ts
 var RowSelectionState = class {
   constructor(state, getConfig, _forTestingOnly) {
@@ -12576,7 +12964,10 @@ var haveDepsChanged = (state1, state2, deps) => {
   }
   return false;
 };
-function toRowInfo(data, id, index, isRowSelected) {
+function returnFalse2() {
+  return false;
+}
+function toRowInfo(data, id, index, isRowSelected, cellSelectionState) {
   const rowInfo = {
     dataSourceHasGrouping: false,
     data,
@@ -12584,11 +12975,17 @@ function toRowInfo(data, id, index, isRowSelected) {
     indexInAll: index,
     isGroupRow: false,
     selfLoaded: true,
-    rowSelected: false
+    rowSelected: false,
+    isCellSelected: returnFalse2
   };
   if (isRowSelected) {
     rowInfo.rowSelected = isRowSelected(rowInfo);
   }
+  if (cellSelectionState) {
+    rowInfo.isCellSelected = (colId) => {
+      return cellSelectionState.isCellSelected(rowInfo.id, colId);
+    };
+  }
   return rowInfo;
 }
 function filterDataSource(params) {
@@ -12769,6 +13166,7 @@ function concludeReducer(params) {
   state.postSortDataArray = dataArray;
   let rowInfoDataArray = state.dataArray;
   const rowSelectionState = state.rowSelection instanceof RowSelectionState ? state.rowSelection : void 0;
+  const cellSelectionState = state.cellSelection instanceof CellSelectionState ? state.cellSelection : void 0;
   rowSelectionState == null ? void 0 : rowSelectionState.xcache();
   let isRowSelected = state.selectionMode === "single-row" ? (rowInfo) => {
     return rowInfo.id === state.rowSelection;
@@ -12827,6 +13225,19 @@ function concludeReducer(params) {
         reducerKeys: rowInfoReducerKeys,
         rowInfo: {}
       };
+      const withRowInfoForReducers = rowInfoReducerResults ? (rowInfo) => {
+        rowInfoReducersShape.rowInfo = rowInfo;
+        computeRowInfoReducersFor(rowInfoReducersShape);
+      } : void 0;
+      const withRowInfoForCellSelection = cellSelectionState ? (rowInfo) => {
+        rowInfo.isCellSelected = (colId) => {
+          return cellSelectionState.isCellSelected(rowInfo.id, colId);
+        };
+      } : void 0;
+      const withRowInfo = withRowInfoForReducers || withRowInfoForCellSelection ? composeFunctions(
+        withRowInfoForReducers,
+        withRowInfoForCellSelection
+      ) : void 0;
       const flattenResult = enhancedFlatten({
         groupResult,
         lazyLoad: !!state.lazyLoad,
@@ -12834,10 +13245,7 @@ function concludeReducer(params) {
         toPrimaryKey,
         isRowSelected,
         rowSelectionState,
-        withRowInfo: rowInfoReducerResults ? (rowInfo) => {
-          rowInfoReducersShape.rowInfo = rowInfo;
-          computeRowInfoReducersFor(rowInfoReducersShape);
-        } : void 0,
+        withRowInfo,
         groupRowsState: state.groupRowsState,
         generateGroupRows: state.generateGroupRows
       });
@@ -12887,7 +13295,8 @@ function concludeReducer(params) {
           data,
           data ? toPrimaryKey(data) : index,
           index,
-          isRowSelected
+          isRowSelected,
+          cellSelectionState
         );
         if (rowInfoReducerResults) {
           rowInfoReducersShape.rowInfo = rowInfo;
@@ -13761,7 +14170,9 @@ function deriveStateFromProps(params) {
     }
   }
   let rowSelectionState = null;
+  let cellSelectionState = null;
   let currentRowSelection = props.rowSelection !== void 0 ? props.rowSelection : state.rowSelection === void 0 ? props.defaultRowSelection !== void 0 ? props.defaultRowSelection : null : state.rowSelection;
+  let currentCellSelection = props.cellSelection !== void 0 ? props.cellSelection : state.cellSelection === void 0 ? props.defaultCellSelection !== void 0 ? props.defaultCellSelection : null : state.cellSelection || null;
   if (selectionMode !== false) {
     if (selectionMode === "single-row" || selectionMode === "multi-row") {
       if (currentRowSelection === null) {
@@ -13780,6 +14191,15 @@ function deriveStateFromProps(params) {
         );
       }
     }
+    if (selectionMode === "single-cell" || selectionMode === "multi-cell") {
+      if (currentCellSelection === null) {
+        cellSelectionState = selectionMode === "single-cell" ? null : new CellSelectionState();
+      } else {
+        cellSelectionState = currentCellSelection instanceof CellSelectionState ? currentCellSelection : new CellSelectionState(
+          currentCellSelection
+        );
+      }
+    }
   }
   const primaryKeyDescriptor = state.primaryKey;
   const toPrimaryKey = typeof primaryKeyDescriptor === "function" ? (data) => primaryKeyDescriptor(data) : (data) => data[primaryKeyDescriptor];
@@ -13796,8 +14216,8 @@ function deriveStateFromProps(params) {
   const result = {
     selectionMode,
     groupRowsState,
-    // for whatever reason I had to do this cast to appease TS
     rowSelection: rowSelectionState,
+    cellSelection: cellSelectionState,
     toPrimaryKey,
     operatorsByFilterType,
     controlledSort,
@@ -13849,6 +14269,22 @@ function getMappedCallbacks() {
           "multi-row"
         ]
       };
+    },
+    cellSelection: (cellSelection, state) => {
+      if (state.selectionMode === "single-cell") {
+        return {
+          callbackParams: [
+            cellSelection instanceof CellSelectionState ? cellSelection.getState().selectedCells : null,
+            "single-cell"
+          ]
+        };
+      }
+      return {
+        callbackParams: [
+          cellSelection.getState(),
+          "multi-cell"
+        ]
+      };
     }
   };
 }
@@ -14065,6 +14501,157 @@ function notNullable(value) {
   return true;
 }
 
+// src/components/InfiniteTable/api/getCellSelectionApi.ts
+function ensureMinMaxCellPositionByIndex(start, end) {
+  let { rowIndex: startRowIndex, colIndex: startColIndex } = start;
+  let { rowIndex: endRowIndex, colIndex: endColIndex } = end;
+  const [colStart, colEnd] = startColIndex > endColIndex ? [endColIndex, startColIndex] : [startColIndex, endColIndex];
+  const [rowStart, rowEnd] = startRowIndex > endRowIndex ? [endRowIndex, startRowIndex] : [startRowIndex, endRowIndex];
+  return [
+    { rowIndex: rowStart, colIndex: colStart },
+    { rowIndex: rowEnd, colIndex: colEnd }
+  ];
+}
+function getCellSelectionApi(param) {
+  const {
+    getComputed,
+    // getState,
+    getDataSourceState,
+    // componentActions,
+    dataSourceActions
+  } = param;
+  const getCellSelectionPosition = (options) => {
+    var _a, _b, _c;
+    const rowId = (_b = options.rowId) != null ? _b : (_a = getRowInfoAt(options.rowIndex, getDataSourceState)) == null ? void 0 : _a.id;
+    const colId = (_c = options.colId) != null ? _c : getComputed().computedVisibleColumns[options.colIndex].id;
+    return [rowId, colId];
+  };
+  const cellSelectionApi = {
+    deselectAll: () => {
+      const dataSourceState = getDataSourceState();
+      const cellSelection = dataSourceState.cellSelection;
+      if (!cellSelection) {
+        return;
+      }
+      const newCellSelection = new CellSelectionState(cellSelection);
+      newCellSelection.deselectAll();
+      dataSourceActions.cellSelection = newCellSelection;
+    },
+    clear: () => {
+      cellSelectionApi.deselectAll();
+    },
+    selectAll: () => {
+      const dataSourceState = getDataSourceState();
+      const cellSelection = dataSourceState.cellSelection;
+      if (!cellSelection) {
+        return;
+      }
+      const newCellSelection = new CellSelectionState(cellSelection);
+      newCellSelection.selectAll();
+      dataSourceActions.cellSelection = newCellSelection;
+    },
+    selectRange: (startOptions, endOptions) => {
+      cellSelectionApi.setRangeSelected(startOptions, endOptions, true);
+    },
+    deselectRange: (startOptions, endOptions) => {
+      cellSelectionApi.setRangeSelected(startOptions, endOptions, false);
+    },
+    setRangeSelected: (startOptions, endOptions, selected) => {
+      const dataSourceState = getDataSourceState();
+      const cellSelection = dataSourceState.cellSelection;
+      if (!cellSelection) {
+        return;
+      }
+      const newCellSelection = new CellSelectionState(cellSelection);
+      const [startRowId, startColId] = getCellSelectionPosition(startOptions);
+      const [endRowId, endColId] = getCellSelectionPosition(endOptions);
+      const startCol = getComputed().computedVisibleColumnsMap.get(startColId);
+      const endCol = getComputed().computedVisibleColumnsMap.get(endColId);
+      if (!startCol || !endCol) {
+        return;
+      }
+      const startColIndex = startCol.computedVisibleIndex;
+      const endColIndex = endCol.computedVisibleIndex;
+      const startRowInfo = getRowInfoAt(startRowId, getDataSourceState);
+      const endRowInfo = getRowInfoAt(endRowId, getDataSourceState);
+      if (!startRowInfo || !endRowInfo) {
+        return;
+      }
+      const startRowIndex = startRowInfo.indexInAll;
+      const endRowIndex = endRowInfo.indexInAll;
+      const [start, end] = ensureMinMaxCellPositionByIndex(
+        { rowIndex: startRowIndex, colIndex: startColIndex },
+        { rowIndex: endRowIndex, colIndex: endColIndex }
+      );
+      for (let i = start.rowIndex; i <= end.rowIndex; i++) {
+        for (let j = start.colIndex; j <= end.colIndex; j++) {
+          const pos = {
+            rowIndex: i,
+            colIndex: j
+          };
+          const [pk, colId] = getCellSelectionPosition(pos);
+          if (selected) {
+            newCellSelection.selectCell(pk, colId);
+          } else {
+            newCellSelection.deselectCell(pk, colId);
+          }
+        }
+      }
+      dataSourceActions.cellSelection = newCellSelection;
+    },
+    isCellSelected: (options) => {
+      var _a, _b;
+      const [pk, colId] = getCellSelectionPosition(options);
+      return (_b = (_a = getDataSourceState().cellSelection) == null ? void 0 : _a.isCellSelected(pk, colId)) != null ? _b : false;
+    },
+    selectCell: (options) => {
+      const cellSelection = getDataSourceState().cellSelection;
+      if (!cellSelection) {
+        return;
+      }
+      const [pk, colId] = getCellSelectionPosition(options);
+      const newCellSelection = options.clear ? new CellSelectionState() : new CellSelectionState(cellSelection);
+      newCellSelection.selectCell(pk, colId);
+      dataSourceActions.cellSelection = newCellSelection;
+    },
+    deselectCell: (options) => {
+      const cellSelection = getDataSourceState().cellSelection;
+      if (!cellSelection) {
+        return;
+      }
+      const [pk, colId] = getCellSelectionPosition(options);
+      const newCellSelection = new CellSelectionState(cellSelection);
+      newCellSelection.deselectCell(pk, colId);
+      dataSourceActions.cellSelection = newCellSelection;
+    },
+    selectColumn: (colId, options) => {
+      if (options == null ? void 0 : options.clear) {
+        cellSelectionApi.deselectAll();
+      }
+      const cellSelection = getDataSourceState().cellSelection;
+      if (!cellSelection) {
+        return;
+      }
+      const newCellSelection = new CellSelectionState(cellSelection);
+      newCellSelection.selectColumn(colId);
+      dataSourceActions.cellSelection = newCellSelection;
+    },
+    deselectColumn: (colId) => {
+      const cellSelection = getDataSourceState().cellSelection;
+      if (!cellSelection) {
+        return;
+      }
+      const newCellSelection = new CellSelectionState(cellSelection);
+      newCellSelection.deselectColumn(colId);
+      dataSourceActions.cellSelection = newCellSelection;
+    }
+  };
+  if (false) {
+    globalThis.cellSelectionApi = cellSelectionApi;
+  }
+  return cellSelectionApi;
+}
+
 // src/components/InfiniteTable/api/getImperativeApi.ts
 function isSortInfoForColumn(sortInfo, col) {
   if (sortInfo.id) {
@@ -14449,10 +15036,15 @@ var InfiniteTableApiImpl = class {
       return true;
     };
     this.context = context;
-    this.selectionApi = getSelectionApi({
+    this.rowSelectionApi = getRowSelectionApi({
       dataSourceActions: context.dataSourceActions,
       getDataSourceState: context.getDataSourceState
     });
+    this.cellSelectionApi = getCellSelectionApi({
+      dataSourceActions: context.dataSourceActions,
+      getDataSourceState: context.getDataSourceState,
+      getComputed: context.getComputed
+    });
   }
   get actions() {
     return this.context.actions;
@@ -15064,6 +15656,8 @@ function useCellRendering(param) {
     groupRenderStrategy,
     brain,
     showZebraRows,
+    cellClassName,
+    cellStyle,
     rowStyle,
     rowClassName,
     onScrollToTop,
@@ -15170,7 +15764,9 @@ function useCellRendering(param) {
         columnsMap: computedColumnsMap,
         fieldsToColumn,
         rowStyle,
-        rowClassName
+        rowClassName,
+        cellStyle,
+        cellClassName
       };
       return /* @__PURE__ */ React51.createElement(InfiniteTableColumnCell, __spreadValues({}, cellProps));
     },
@@ -15185,7 +15781,9 @@ function useCellRendering(param) {
       showZebraRows,
       repaintId,
       rowStyle,
-      rowClassName
+      rowClassName,
+      cellClassName,
+      cellStyle
     ]
   );
   return {
@@ -15197,6 +15795,118 @@ function useCellRendering(param) {
 // src/components/InfiniteTable/hooks/useComputed.ts
 import { useEffect as useEffect28, useState as useState17 } from "react";
 
+// src/components/InfiniteTable/utils/MultiCellSelector.ts
+var MultiCellSelector = class {
+  constructor(options) {
+    this.multiSelectStartPosition = { rowIndex: 0, colIndex: 0 };
+    this.getPrimaryKeyByIndex = options.getPrimaryKeyByIndex;
+    this.getColumnIdByIndex = options.getColumnIdByIndex;
+  }
+  getCellSelectionPosition(position2) {
+    const { rowIndex, colIndex } = position2;
+    const rowId = this.getPrimaryKeyByIndex(rowIndex);
+    const columnId = this.getColumnIdByIndex(colIndex);
+    if (rowId === void 0 || !columnId) {
+      return void 0;
+    }
+    return [rowId, columnId];
+  }
+  set cellSelectionState(cellSelectionState) {
+    this._cellSelectionState = cellSelectionState;
+  }
+  get cellSelectionState() {
+    return this._cellSelectionState;
+  }
+  /**
+   * This is the single click, without any modifier
+   */
+  resetClick(position2) {
+    this.cellSelectionState.deselectAll();
+    const cellSelectionPosition = this.getCellSelectionPosition(position2);
+    if (!cellSelectionPosition) {
+      return;
+    }
+    this.cellSelectionState.deselectAll();
+    this.cellSelectionState.selectCell(...cellSelectionPosition);
+    this.multiSelectStartPosition = position2;
+    this.multiSelectEndPosition = void 0;
+  }
+  /**
+   * This is the click with ctrl/cmd key pressed
+   * @param position CellPosition
+   */
+  singleAddClick(position2) {
+    const cellSelectionPosition = this.getCellSelectionPosition(position2);
+    if (!cellSelectionPosition) {
+      return;
+    }
+    if (this.cellSelectionState.isCellSelected(...cellSelectionPosition)) {
+      this.cellSelectionState.deselectCell(...cellSelectionPosition);
+      const nextPos = {
+        rowIndex: position2.rowIndex + 1,
+        colIndex: position2.colIndex
+      };
+      if (this.getCellSelectionPosition(nextPos)) {
+        this.multiSelectStartPosition = nextPos;
+      }
+    } else {
+      this.cellSelectionState.selectCell(...cellSelectionPosition);
+      this.multiSelectStartPosition = position2;
+      this.multiSelectEndPosition = void 0;
+    }
+  }
+  multiSelectClick(position2) {
+    if (!this.multiSelectStartPosition) {
+      return;
+    }
+    const cellSelectionPosition = this.getCellSelectionPosition(position2);
+    if (!cellSelectionPosition) {
+      return;
+    }
+    if (this.multiSelectEndPosition) {
+      this.deselectRange(
+        this.multiSelectStartPosition,
+        this.multiSelectEndPosition
+      );
+    }
+    this.selectRange(this.multiSelectStartPosition, position2);
+    this.multiSelectEndPosition = position2;
+  }
+  setRangeSelected(startPosition, endPosition, selected) {
+    const [start, end] = ensureMinMaxCellPositionByIndex(
+      startPosition,
+      endPosition
+    );
+    const startSelectionPosition = this.getCellSelectionPosition(start);
+    const endSelectionPosition = this.getCellSelectionPosition(end);
+    if (!startSelectionPosition || !endSelectionPosition) {
+      return;
+    }
+    for (let i = start.rowIndex; i <= end.rowIndex; i++) {
+      for (let j = start.colIndex; j <= end.colIndex; j++) {
+        const selectionPosition = this.getCellSelectionPosition({
+          rowIndex: i,
+          colIndex: j
+        });
+        if (!selectionPosition) {
+          continue;
+        }
+        if (selected) {
+          this.cellSelectionState.selectCell(...selectionPosition);
+        } else {
+          this.cellSelectionState.deselectCell(...selectionPosition);
+        }
+      }
+    }
+  }
+  deselectRange(startPosition, endPosition) {
+    this.setRangeSelected(startPosition, endPosition, false);
+  }
+  selectRange(startPosition, endPosition) {
+    this.setRangeSelected(startPosition, endPosition, true);
+  }
+};
+
 // src/components/InfiniteTable/utils/MultiRowSelector.ts
 function ensureMinMax(start, end) {
   return start < end ? [start, end] : [end, start];
@@ -15632,8 +16342,10 @@ var forwardProps4 = (setupState) => {
     columnDefaultFilterable: 1,
     columnDefaultSortable: 1,
     rowStyle: 1,
+    cellStyle: 1,
     rowProps: 1,
     rowClassName: 1,
+    cellClassName: 1,
     pinnedStartMaxWidth: 1,
     pinnedEndMaxWidth: 1,
     pivotColumn: 1,
@@ -16491,7 +17203,8 @@ function useComputed() {
   const {
     componentActions: dataSourceActions,
     componentState: dataSourceState,
-    getState: getDataSourceState
+    getState: getDataSourceState,
+    api: dataSourceApi
   } = useDataSourceContextValue();
   const {
     columnOrder,
@@ -16594,8 +17307,19 @@ function useComputed() {
     });
     return multiRowSelector2;
   });
+  const getComputedVisibleColumns = useLatest(computedVisibleColumns);
+  const [multiCellSelector] = useState17(() => {
+    return new MultiCellSelector({
+      getPrimaryKeyByIndex: dataSourceApi.getPrimaryKeyByIndex,
+      getColumnIdByIndex: (colIndex) => {
+        var _a2;
+        return ((_a2 = getComputedVisibleColumns()[colIndex]) == null ? void 0 : _a2.id) || "";
+      }
+    });
+  });
   return {
     multiRowSelector,
+    multiCellSelector,
     scrollbars,
     columnSize,
     rowspan,
@@ -16797,7 +17521,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "2.0.8"
+      version: "3.0.1"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -16893,6 +17617,7 @@ import { useCallback as useCallback22, useMemo as useMemo12, useEffect as useEff
 function onCellClick(context, event) {
   var _a, _b;
   updateRowSelectionOnCellClick(context, event);
+  updateCellSelectionOnCellClick(context, event);
   if (event.detail === 2) {
     onCellDoubleClick(context, event);
   }
@@ -16906,6 +17631,38 @@ function onCellDoubleClick(context, _event) {
     columnId: column.id
   });
 }
+function updateCellSelectionOnCellClick(context, event) {
+  const {
+    getDataSourceState,
+    getComputed,
+    rowIndex,
+    colIndex,
+    dataSourceActions
+  } = context;
+  const dataSourceState = getDataSourceState();
+  const { selectionMode, cellSelection: existingCellSelection } = dataSourceState;
+  if (!existingCellSelection) {
+    return;
+  }
+  if (selectionMode !== "multi-cell") {
+    return;
+  }
+  const { multiCellSelector } = getComputed();
+  const cellSelection = new CellSelectionState(existingCellSelection);
+  multiCellSelector.cellSelectionState = cellSelection;
+  const position2 = {
+    rowIndex,
+    colIndex
+  };
+  if (event.metaKey || event.ctrlKey) {
+    multiCellSelector.singleAddClick(position2);
+  } else if (event.shiftKey) {
+    multiCellSelector.multiSelectClick(position2);
+  } else {
+    multiCellSelector.resetClick(position2);
+  }
+  dataSourceActions.cellSelection = cellSelection;
+}
 function updateRowSelectionOnCellClick(context, event) {
   const {
     rowIndex,
@@ -16944,14 +17701,24 @@ function updateRowSelectionOnCellClick(context, event) {
   } else if (selectionMode === "single-row") {
     const id = dataArray[rowIndex].id;
     if (event.metaKey || event.ctrlKey) {
-      api.selectionApi.toggleRowSelection(id);
+      api.rowSelectionApi.toggleRowSelection(id);
     } else {
-      api.selectionApi.selectRow(id);
+      api.rowSelectionApi.selectRow(id);
     }
   }
   return false;
 }
 
+// src/components/InfiniteTable/eventHandlers/onCellMouseDown.ts
+function onCellMouseDown(context, event) {
+  if (event.detail === 2) {
+    return;
+  }
+  updateCellSelectionOnCellMouseDown(context);
+}
+function updateCellSelectionOnCellMouseDown(_context) {
+}
+
 // src/components/utils/clamp.ts
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
@@ -17206,7 +17973,7 @@ function handleKeyboardSelection(context, keyboardEvent) {
     return false;
   }
   if (selectionMode === "single-row" && key === " ") {
-    imperativeApi.selectionApi.toggleRowSelection(rowInfo.id);
+    imperativeApi.rowSelectionApi.toggleRowSelection(rowInfo.id);
     return true;
   }
   if (selectionMode !== "multi-row") {
@@ -17223,9 +17990,11 @@ function handleKeyboardSelection(context, keyboardEvent) {
   if (key === " ") {
     if (groupBy.length) {
       if (rowInfo.isGroupRow && rowInfo.groupKeys) {
-        imperativeApi.selectionApi.toggleGroupRowSelection(rowInfo.groupKeys);
+        imperativeApi.rowSelectionApi.toggleGroupRowSelection(
+          rowInfo.groupKeys
+        );
       } else {
-        imperativeApi.selectionApi.toggleRowSelection(rowInfo.id);
+        imperativeApi.rowSelectionApi.toggleRowSelection(rowInfo.id);
       }
       return true;
     } else {
@@ -17610,9 +18379,23 @@ function handleDOMEvents() {
       );
     }
     const removeOnCellClick = context.getState().cellClick.onChange(cellClickHandler);
+    function cellMouseDownHandler(param) {
+      if (!param) {
+        return;
+      }
+      const { event, rowIndex, colIndex } = param;
+      const column = context.getComputed().computedVisibleColumns[colIndex];
+      const columnApi = getColumnApiForColumn(column.id, context);
+      onCellMouseDown(
+        __spreadProps(__spreadValues({}, context), { rowIndex, colIndex, column, columnApi }),
+        event
+      );
+    }
+    const removeOnCellMouseDown = context.getState().cellMouseDown.onChange(cellMouseDownHandler);
     return () => {
       removeOnKeyDown();
       removeOnCellClick();
+      removeOnCellMouseDown();
     };
   }, []);
 }
@@ -20295,18 +21078,6 @@ var InfiniteTableComponent = React64.memo(
         scrollerDOMRef
       }
     ), /* @__PURE__ */ React64.createElement(LoadMaskCmp, { visible: loading }, loadingText)), /* @__PURE__ */ React64.createElement(
-      "div",
-      {
-        "data-name": "pinned-start-border",
-        className: PinnedStartIndicatorBorder
-      }
-    ), /* @__PURE__ */ React64.createElement(
-      "div",
-      {
-        "data-name": "pinned-end-border",
-        className: PinnedEndIndicatorBorder
-      }
-    ), /* @__PURE__ */ React64.createElement(
       "div",
       {
         ref: portalDOMRef,
@@ -20418,6 +21189,7 @@ var components = {
   NumberFilterEditor
 };
 export {
+  CellSelectionState,
   DataSource,
   DataSourceActionType,
   DeepMap,