@infinite-table/infinite-react 6.1.1-canary.0 → 6.2.0

package/index.dev.mjs

@@ -1186,7 +1186,7 @@ function SpacePlaceholderFn(props) {
 var SpacePlaceholder = React6.memo(SpacePlaceholderFn);
 
 // src/components/VirtualList/VirtualList.css.ts
-var scrollTransformTargetCls = "VirtualList_scrollTransformTarget__mlx2t3";
+var scrollTransformTargetCls = "mlx2t3";
 
 // src/components/VirtualScrollContainer/index.tsx
 import * as React7 from "react";
@@ -1215,11 +1215,11 @@ var useOnScroll = (domRef, onScroll) => {
 };
 
 // src/components/VirtualScrollContainer/VirtualScrollContainer.css.ts
-var ScrollableCls = { true: "VirtualScrollContainer_getOverflowFor_true__1ueijco2", false: "VirtualScrollContainer_getOverflowFor_false__1ueijco3", visible: "VirtualScrollContainer_getOverflowFor_visible__1ueijco4", auto: "VirtualScrollContainer_getOverflowFor_auto__1ueijco5", hidden: "VirtualScrollContainer_getOverflowFor_hidden__1ueijco6" };
-var ScrollableHorizontalCls = { true: "VirtualScrollContainer_getOverflowFor_true__1ueijco7", false: "VirtualScrollContainer_getOverflowFor_false__1ueijco8", visible: "VirtualScrollContainer_getOverflowFor_visible__1ueijco9", auto: "VirtualScrollContainer_getOverflowFor_auto__1ueijcoa", hidden: "VirtualScrollContainer_getOverflowFor_hidden__1ueijcob" };
-var ScrollableVerticalCls = { true: "VirtualScrollContainer_getOverflowFor_true__1ueijcoc", false: "VirtualScrollContainer_getOverflowFor_false__1ueijcod", visible: "VirtualScrollContainer_getOverflowFor_visible__1ueijcoe", auto: "VirtualScrollContainer_getOverflowFor_auto__1ueijcof", hidden: "VirtualScrollContainer_getOverflowFor_hidden__1ueijcog" };
-var VirtualScrollContainerChildToScrollCls = "VirtualScrollContainer_VirtualScrollContainerChildToScrollCls__1ueijco1";
-var VirtualScrollContainerCls = "VirtualScrollContainer_VirtualScrollContainerCls__1ueijco0 utilities_boxSizingBorderBox__16lm1iw0";
+var ScrollableCls = { true: "_1ueijco2", false: "_1ueijco3", visible: "_1ueijco4", auto: "_1ueijco5", hidden: "_1ueijco6" };
+var ScrollableHorizontalCls = { true: "_1ueijco7", false: "_1ueijco8", visible: "_1ueijco9", auto: "_1ueijcoa", hidden: "_1ueijcob" };
+var ScrollableVerticalCls = { true: "_1ueijcoc", false: "_1ueijcod", visible: "_1ueijcoe", auto: "_1ueijcof", hidden: "_1ueijcog" };
+var VirtualScrollContainerChildToScrollCls = "_1ueijco1";
+var VirtualScrollContainerCls = "_1ueijco0 _16lm1iw0";
 
 // src/components/VirtualScrollContainer/getScrollableClassName.ts
 var getScrollableClassName = (scrollable) => {
@@ -1394,7 +1394,7 @@ var internalProps = {
 };
 
 // src/components/InfiniteTable/internalVars.css.ts
-var InternalVars = { currentColumnTransformX: "var(--currentColumnTransformX__16hkbkc0)", y: "var(--y__16hkbkc1)", currentFlashingBackground: "var(--currentFlashingBackground__16hkbkc2)", currentFlashingDuration: "var(--currentFlashingDuration__16hkbkc3)", activeCellRowOffset: "var(--activeCellRowOffset__16hkbkc4)", activeCellRowOffsetX: "var(--activeCellRowOffsetX__16hkbkc5)", activeCellRowHeight: "var(--activeCellRowHeight__16hkbkc6)", activeCellOffsetX: "var(--activeCellOffsetX__16hkbkc7)", activeCellOffsetY: "var(--activeCellOffsetY__16hkbkc8)", scrollTopForActiveRow: "var(--scrollTopForActiveRow__16hkbkc9)", scrollLeftForActiveRowWhenHorizontalLayout: "var(--scrollLeftForActiveRowWhenHorizontalLayout__16hkbkca)", activeCellColWidth: "var(--activeCellColWidth__16hkbkcb)", activeCellColOffset: "var(--activeCellColOffset__16hkbkcc)", columnReorderEffectDurationAtIndex: "var(--columnReorderEffectDurationAtIndex__16hkbkcd)", columnWidthAtIndex: "var(--columnWidthAtIndex__16hkbkce)", columnOffsetAtIndex: "var(--columnOffsetAtIndex__16hkbkcf)", columnOffsetAtIndexWhileReordering: "var(--columnOffsetAtIndexWhileReordering__16hkbkcg)", columnZIndexAtIndex: "var(--columnZIndexAtIndex__16hkbkch)", pinnedStartWidth: "var(--pinnedStartWidth__16hkbkci)", pinnedEndWidth: "var(--pinnedEndWidth__16hkbkcj)", pinnedEndOffset: "var(--pinnedEndOffset__16hkbkck)", computedVisibleColumnsCount: "var(--computedVisibleColumnsCount__16hkbkcl)", baseZIndexForCells: "var(--baseZIndexForCells__16hkbkcm)", bodyWidth: "var(--bodyWidth__16hkbkcn)", bodyHeight: "var(--bodyHeight__16hkbkco)", scrollbarWidthHorizontal: "var(--scrollbarWidthHorizontal__16hkbkcp)", scrollbarWidthVertical: "var(--scrollbarWidthVertical__16hkbkcq)", scrollLeft: "var(--scrollLeft__16hkbkcr)", scrollTop: "var(--scrollTop__16hkbkcs)", virtualScrollLeftOffset: "var(--virtualScrollLeftOffset__16hkbkct)", virtualScrollTopOffset: "var(--virtualScrollTopOffset__16hkbkcu)" };
+var InternalVars = { currentColumnTransformX: "var(--_16hkbkc0)", y: "var(--_16hkbkc1)", currentFlashingBackground: "var(--_16hkbkc2)", currentFlashingDuration: "var(--_16hkbkc3)", activeCellRowOffset: "var(--_16hkbkc4)", activeCellRowOffsetX: "var(--_16hkbkc5)", activeCellRowHeight: "var(--_16hkbkc6)", activeCellOffsetX: "var(--_16hkbkc7)", activeCellOffsetY: "var(--_16hkbkc8)", scrollTopForActiveRow: "var(--_16hkbkc9)", scrollLeftForActiveRowWhenHorizontalLayout: "var(--_16hkbkca)", activeCellColWidth: "var(--_16hkbkcb)", activeCellColOffset: "var(--_16hkbkcc)", columnReorderEffectDurationAtIndex: "var(--_16hkbkcd)", columnWidthAtIndex: "var(--_16hkbkce)", columnOffsetAtIndex: "var(--_16hkbkcf)", columnOffsetAtIndexWhileReordering: "var(--_16hkbkcg)", columnZIndexAtIndex: "var(--_16hkbkch)", pinnedStartWidth: "var(--_16hkbkci)", pinnedEndWidth: "var(--_16hkbkcj)", pinnedEndOffset: "var(--_16hkbkck)", computedVisibleColumnsCount: "var(--_16hkbkcl)", baseZIndexForCells: "var(--_16hkbkcm)", bodyWidth: "var(--_16hkbkcn)", bodyHeight: "var(--_16hkbkco)", scrollbarWidthHorizontal: "var(--_16hkbkcp)", scrollbarWidthVertical: "var(--_16hkbkcq)", scrollLeft: "var(--_16hkbkcr)", scrollTop: "var(--_16hkbkcs)", virtualScrollLeftOffset: "var(--_16hkbkct)", virtualScrollTopOffset: "var(--_16hkbkcu)" };
 
 // src/components/InfiniteTable/vars.css.ts
 var CSS_LOADED_VALUE = "true";
@@ -5181,11 +5181,11 @@ var createRuntimeFn = (config) => {
 };
 
 // src/components/InfiniteTable/components/ActiveCellIndicator.css.ts
-var ActiveCellIndicatorRecipe = createRuntimeFn({ defaultClassName: "ActiveCellIndicator_ActiveCellIndicator__nxbq1c1 utilities_pointerEvents_none__16lm1iwl utilities_position_absolute__16lm1iw2", variantClassNames: { visible: { true: "ActiveCellIndicator_ActiveCellIndicatorRecipe_visible_true__nxbq1c3", false: "ActiveCellIndicator_ActiveCellIndicatorRecipe_visible_false__nxbq1c4" } }, defaultVariants: {}, compoundVariants: [] });
-var ActiveIndicatorWrapperCls = "ActiveCellIndicator_ActiveIndicatorWrapperCls__nxbq1c0 utilities_pointerEvents_none__16lm1iwl utilities_position_sticky__16lm1iw4 utilities_left_0__16lm1iw1f utilities_top_0__16lm1iw1d utilities_height_0__16lm1iw18 utilities_zIndex_1000000__16lm1iwu";
+var ActiveCellIndicatorRecipe = createRuntimeFn({ defaultClassName: "nxbq1c1 _16lm1iwl _16lm1iw2", variantClassNames: { visible: { true: "nxbq1c3", false: "nxbq1c4" } }, defaultVariants: {}, compoundVariants: [] });
+var ActiveIndicatorWrapperCls = "nxbq1c0 _16lm1iwl _16lm1iw4 _16lm1iw1f _16lm1iw1d _16lm1iw18 _16lm1iwu";
 
 // src/components/InfiniteTable/components/ActiveRowIndicator.css.ts
-var ActiveRowIndicatorRecipe = createRuntimeFn({ defaultClassName: "ActiveRowIndicator_ActiveRowIndicator__j26lrx0 utilities_pointerEvents_none__16lm1iwl utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_left_0__16lm1iw1f", variantClassNames: { active: { true: "ActiveRowIndicator_ActiveRowIndicatorRecipe_active_true__j26lrx2", false: "ActiveRowIndicator_ActiveRowIndicatorRecipe_active_false__j26lrx3" } }, defaultVariants: {}, compoundVariants: [] });
+var ActiveRowIndicatorRecipe = createRuntimeFn({ defaultClassName: "j26lrx0 _16lm1iwl _16lm1iw2 _16lm1iw1d _16lm1iw1f", variantClassNames: { active: { true: "j26lrx2", false: "j26lrx3" } }, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/InfiniteTable/components/ActiveRowIndicator.tsx
 var { rootClassName: rootClassName3 } = internalProps;
@@ -5334,12 +5334,12 @@ var ActiveCellIndicator = React13.memo(
 );
 
 // src/components/InfiniteTable/components/cell.css.ts
-var ColumnCellCls = "cell_ColumnCellCls__1eexc2a7 cell_CellCls__1eexc2a6";
-var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellRecipe__1eexc2an", variantClassNames: { dragging: { false: "cell_ColumnCellRecipe_dragging_false__1eexc2ao", true: "cell_ColumnCellRecipe_dragging_true__1eexc2ap" }, insideDisabledDraggingPage: { true: "cell_ColumnCellRecipe_insideDisabledDraggingPage_true__1eexc2aq", false: "cell_ColumnCellRecipe_insideDisabledDraggingPage_false__1eexc2ar" }, cellSelected: { false: "cell_ColumnCellRecipe_cellSelected_false__1eexc2as", true: "cell_ColumnCellRecipe_cellSelected_true__1eexc2at" }, treeNode: { parent: "cell_ColumnCellRecipe_treeNode_parent__1eexc2au", leaf: "cell_ColumnCellRecipe_treeNode_leaf__1eexc2av", false: "cell_ColumnCellRecipe_treeNode_false__1eexc2aw" }, align: { start: "cell_ColumnCellRecipe_align_start__1eexc2ax", end: "cell_ColumnCellRecipe_align_end__1eexc2ay", center: "cell_ColumnCellRecipe_align_center__1eexc2az" }, verticalAlign: { start: "cell_ColumnCellRecipe_verticalAlign_start__1eexc2a10", end: "cell_ColumnCellRecipe_verticalAlign_end__1eexc2a11", center: "cell_ColumnCellRecipe_verticalAlign_center__1eexc2a12" }, rowActive: { false: "cell_ColumnCellRecipe_rowActive_false__1eexc2a13", true: "cell_ColumnCellRecipe_rowActive_true__1eexc2a14" }, groupRow: { false: "cell_ColumnCellRecipe_groupRow_false__1eexc2a15", true: "cell_ColumnCellRecipe_groupRow_true__1eexc2a16" }, groupCell: { false: "cell_ColumnCellRecipe_groupCell_false__1eexc2a17", true: "cell_ColumnCellRecipe_groupCell_true__1eexc2a18" }, rowDisabled: { false: "cell_ColumnCellRecipe_rowDisabled_false__1eexc2a19", true: "cell_ColumnCellRecipe_rowDisabled_true__1eexc2a1a" }, zebra: { false: "cell_ColumnCellRecipe_zebra_false__1eexc2a1b", even: "cell_ColumnCellRecipe_zebra_even__1eexc2a1c", odd: "cell_ColumnCellRecipe_zebra_odd__1eexc2a1d" }, rowSelected: { true: "cell_ColumnCellRecipe_rowSelected_true__1eexc2a1e", false: "cell_ColumnCellRecipe_rowSelected_false__1eexc2a1f", null: "cell_ColumnCellRecipe_rowSelected_null__1eexc2a1g" }, first: { true: "cell_ColumnCellRecipe_first_true__1eexc2a1h", false: "cell_ColumnCellRecipe_first_false__1eexc2a1i" }, last: { true: "cell_ColumnCellRecipe_last_true__1eexc2a1j", false: "cell_ColumnCellRecipe_last_false__1eexc2a1k" }, groupByField: { true: "cell_ColumnCellRecipe_groupByField_true__1eexc2a1l", false: "cell_ColumnCellRecipe_groupByField_false__1eexc2a1m" }, firstInCategory: { true: "cell_ColumnCellRecipe_firstInCategory_true__1eexc2a1n", false: "cell_ColumnCellRecipe_firstInCategory_false__1eexc2a1o" }, firstRow: { true: "cell_ColumnCellRecipe_firstRow_true__1eexc2a1p", false: "cell_ColumnCellRecipe_firstRow_false__1eexc2a1q" }, firstRowInHorizontalLayoutPage: { true: "cell_ColumnCellRecipe_firstRowInHorizontalLayoutPage_true__1eexc2a1r", false: "cell_ColumnCellRecipe_firstRowInHorizontalLayoutPage_false__1eexc2a1s" }, lastInCategory: { true: "cell_ColumnCellRecipe_lastInCategory_true__1eexc2a1t", false: "cell_ColumnCellRecipe_lastInCategory_false__1eexc2a1u" }, pinned: { start: "cell_ColumnCellRecipe_pinned_start__1eexc2a1v", end: "cell_ColumnCellRecipe_pinned_end__1eexc2a1w", false: "cell_ColumnCellRecipe_pinned_false__1eexc2a1x" }, filtered: { true: "cell_ColumnCellRecipe_filtered_true__1eexc2a1y", false: "cell_ColumnCellRecipe_filtered_false__1eexc2a1z" } }, defaultVariants: {}, compoundVariants: [[{ firstRowInHorizontalLayoutPage: true, firstRow: false }, "cell_ColumnCellRecipe_compound_0__1eexc2a20"], [{ pinned: "start", lastInCategory: true }, "cell_ColumnCellRecipe_compound_1__1eexc2a21"], [{ pinned: "start", firstInCategory: true }, "cell_ColumnCellRecipe_compound_2__1eexc2a22"], [{ pinned: "end", firstInCategory: true }, "cell_ColumnCellRecipe_compound_3__1eexc2a23"], [{ pinned: "end", lastInCategory: true }, "cell_ColumnCellRecipe_compound_4__1eexc2a24"], [{ align: "center", groupCell: false }, "cell_ColumnCellRecipe_compound_5__1eexc2a25"], [{ rowDisabled: true, zebra: "odd" }, "cell_ColumnCellRecipe_compound_6__1eexc2a26"]] });
-var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellSelectionIndicatorRecipe__1eexc2ae", variantClassNames: { right: { true: "cell_ColumnCellSelectionIndicatorRecipe_right_true__1eexc2af", false: "cell_ColumnCellSelectionIndicatorRecipe_right_false__1eexc2ag" }, left: { true: "cell_ColumnCellSelectionIndicatorRecipe_left_true__1eexc2ah", false: "cell_ColumnCellSelectionIndicatorRecipe_left_false__1eexc2ai" }, top: { true: "cell_ColumnCellSelectionIndicatorRecipe_top_true__1eexc2aj", false: "cell_ColumnCellSelectionIndicatorRecipe_top_false__1eexc2ak" }, bottom: { true: "cell_ColumnCellSelectionIndicatorRecipe_bottom_true__1eexc2al", false: "cell_ColumnCellSelectionIndicatorRecipe_bottom_false__1eexc2am" } }, defaultVariants: {}, compoundVariants: [] });
-var DetachedCellCls = "cell_DetachedCellCls__1eexc2a5";
-var FlashingColumnCellRecipe = createRuntimeFn({ defaultClassName: "cell_FlashingColumnCellRecipe__1eexc2aa", variantClassNames: { direction: { up: "cell_FlashingColumnCellRecipe_direction_up__1eexc2ab", down: "cell_FlashingColumnCellRecipe_direction_down__1eexc2ac", neutral: "cell_FlashingColumnCellRecipe_direction_neutral__1eexc2ad" } }, defaultVariants: {}, compoundVariants: [] });
-var SelectionCheckboxCls = "cell_SelectionCheckboxCls__1eexc2a8";
+var ColumnCellCls = "_1eexc2a7 _1eexc2a6";
+var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "_1eexc2an", variantClassNames: { dragging: { false: "_1eexc2ao", true: "_1eexc2ap" }, insideDisabledDraggingPage: { true: "_1eexc2aq", false: "_1eexc2ar" }, cellSelected: { false: "_1eexc2as", true: "_1eexc2at" }, treeNode: { parent: "_1eexc2au", leaf: "_1eexc2av", false: "_1eexc2aw" }, align: { start: "_1eexc2ax", end: "_1eexc2ay", center: "_1eexc2az" }, verticalAlign: { start: "_1eexc2a10", end: "_1eexc2a11", center: "_1eexc2a12" }, rowActive: { false: "_1eexc2a13", true: "_1eexc2a14" }, groupRow: { false: "_1eexc2a15", true: "_1eexc2a16" }, groupCell: { false: "_1eexc2a17", true: "_1eexc2a18" }, rowDisabled: { false: "_1eexc2a19", true: "_1eexc2a1a" }, zebra: { false: "_1eexc2a1b", even: "_1eexc2a1c", odd: "_1eexc2a1d" }, rowSelected: { true: "_1eexc2a1e", false: "_1eexc2a1f", null: "_1eexc2a1g" }, first: { true: "_1eexc2a1h", false: "_1eexc2a1i" }, last: { true: "_1eexc2a1j", false: "_1eexc2a1k" }, groupByField: { true: "_1eexc2a1l", false: "_1eexc2a1m" }, firstInCategory: { true: "_1eexc2a1n", false: "_1eexc2a1o" }, firstRow: { true: "_1eexc2a1p", false: "_1eexc2a1q" }, firstRowInHorizontalLayoutPage: { true: "_1eexc2a1r", false: "_1eexc2a1s" }, lastInCategory: { true: "_1eexc2a1t", false: "_1eexc2a1u" }, pinned: { start: "_1eexc2a1v", end: "_1eexc2a1w", false: "_1eexc2a1x" }, filtered: { true: "_1eexc2a1y", false: "_1eexc2a1z" } }, defaultVariants: {}, compoundVariants: [[{ firstRowInHorizontalLayoutPage: true, firstRow: false }, "_1eexc2a20"], [{ pinned: "start", lastInCategory: true }, "_1eexc2a21"], [{ pinned: "start", firstInCategory: true }, "_1eexc2a22"], [{ pinned: "end", firstInCategory: true }, "_1eexc2a23"], [{ pinned: "end", lastInCategory: true }, "_1eexc2a24"], [{ align: "center", groupCell: false }, "_1eexc2a25"], [{ rowDisabled: true, zebra: "odd" }, "_1eexc2a26"]] });
+var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "_1eexc2ae", variantClassNames: { right: { true: "_1eexc2af", false: "_1eexc2ag" }, left: { true: "_1eexc2ah", false: "_1eexc2ai" }, top: { true: "_1eexc2aj", false: "_1eexc2ak" }, bottom: { true: "_1eexc2al", false: "_1eexc2am" } }, defaultVariants: {}, compoundVariants: [] });
+var DetachedCellCls = "_1eexc2a5";
+var FlashingColumnCellRecipe = createRuntimeFn({ defaultClassName: "_1eexc2aa", variantClassNames: { direction: { up: "_1eexc2ab", down: "_1eexc2ac", neutral: "_1eexc2ad" } }, defaultVariants: {}, compoundVariants: [] });
+var SelectionCheckboxCls = "_1eexc2a8";
 
 // src/components/InfiniteTable/components/cellDetachedCls.ts
 var CELL_DETACHED_CLASSNAMES = [
@@ -5935,24 +5935,24 @@ var useInternalProps = () => {
 };
 
 // src/components/InfiniteTable/utilities.css.ts
-var absoluteCover = "utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_left_0__16lm1iw1f utilities_right_0__16lm1iw1k utilities_bottom_0__16lm1iw1i";
-var alignItems = { center: "utilities_alignItems_center__16lm1iw1r", stretch: "utilities_alignItems_stretch__16lm1iw1s" };
-var cssEllipsisClassName = "utilities_whiteSpace_nowrap__16lm1iw24 utilities_textOverflow_ellipsis__16lm1iw25 utilities_overflow_hidden__16lm1iw1y";
-var cursor = { pointer: "utilities_cursor_pointer__16lm1iwi", "default": "utilities_cursor_default__16lm1iwj", colResize: "utilities_cursor_colResize__16lm1iwk" };
-var display = { flex: "utilities_display_flex__16lm1iwz", contents: "utilities_display_contents__16lm1iw10", none: "utilities_display_none__16lm1iw11", block: "utilities_display_block__16lm1iw12", grid: "utilities_display_grid__16lm1iw13", inlineBlock: "utilities_display_inlineBlock__16lm1iw14", inlineFlex: "utilities_display_inlineFlex__16lm1iw15", inlineGrid: "utilities_display_inlineGrid__16lm1iw16" };
-var flex = { "1": "utilities_flex_1__16lm1iwm", none: "utilities_flex_none__16lm1iwn" };
-var flexFlow = { column: "utilities_flexFlow_column__16lm1iw1n", columnReverse: "utilities_flexFlow_columnReverse__16lm1iw1o", row: "utilities_flexFlow_row__16lm1iw1p", rowReverse: "utilities_flexFlow_rowReverse__16lm1iw1q" };
-var height = { "0": "utilities_height_0__16lm1iw18", "100%": "utilities_height_100%__16lm1iw19", "50%": "utilities_height_50%__16lm1iw1a" };
-var justifyContent = { center: "utilities_justifyContent_center__16lm1iw1t", spaceBetween: "utilities_justifyContent_spaceBetween__16lm1iw1u", spaceAround: "utilities_justifyContent_spaceAround__16lm1iw1v", start: "utilities_justifyContent_start__16lm1iw1w", end: "utilities_justifyContent_end__16lm1iw1x" };
-var left = { "0": "utilities_left_0__16lm1iw1f", "100%": "utilities_left_100%__16lm1iw1g", auto: "utilities_left_auto__16lm1iw1h" };
-var outline = { none: "utilities_outline_none__16lm1iwd" };
-var overflow = { hidden: "utilities_overflow_hidden__16lm1iw1y", auto: "utilities_overflow_auto__16lm1iw1z", visible: "utilities_overflow_visible__16lm1iw20" };
-var position = { relative: "utilities_position_relative__16lm1iw1", absolute: "utilities_position_absolute__16lm1iw2", "static": "utilities_position_static__16lm1iw3", sticky: "utilities_position_sticky__16lm1iw4", fixed: "utilities_position_fixed__16lm1iw5" };
-var top = { "0": "utilities_top_0__16lm1iw1d", "100%": "utilities_top_100%__16lm1iw1e" };
-var transformTranslateZero = "utilities_transformTranslateZero__16lm1iwe";
-var userSelect = { none: "utilities_userSelect_none__16lm1iw17" };
-var visibility = { visible: "utilities_visibility_visible__16lm1iw21", hidden: "utilities_visibility_hidden__16lm1iw22" };
-var zIndex = { "1": "utilities_zIndex_1__16lm1iwo", "10": "utilities_zIndex_10__16lm1iwp", "100": "utilities_zIndex_100__16lm1iwq", "1000": "utilities_zIndex_1000__16lm1iwr", "10000": "utilities_zIndex_10000__16lm1iws", "100000": "utilities_zIndex_100000__16lm1iwt", "1000000": "utilities_zIndex_1000000__16lm1iwu", "10000000": "utilities_zIndex_10000000__16lm1iwv", "1k": "utilities_zIndex_1k__16lm1iww", "10k": "utilities_zIndex_10k__16lm1iwx", "100k": "utilities_zIndex_100k__16lm1iwy" };
+var absoluteCover = "_16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i";
+var alignItems = { center: "_16lm1iw1r", stretch: "_16lm1iw1s" };
+var cssEllipsisClassName = "_16lm1iw24 _16lm1iw25 _16lm1iw1y";
+var cursor = { pointer: "_16lm1iwi", "default": "_16lm1iwj", colResize: "_16lm1iwk" };
+var display = { flex: "_16lm1iwz", contents: "_16lm1iw10", none: "_16lm1iw11", block: "_16lm1iw12", grid: "_16lm1iw13", inlineBlock: "_16lm1iw14", inlineFlex: "_16lm1iw15", inlineGrid: "_16lm1iw16" };
+var flex = { "1": "_16lm1iwm", none: "_16lm1iwn" };
+var flexFlow = { column: "_16lm1iw1n", columnReverse: "_16lm1iw1o", row: "_16lm1iw1p", rowReverse: "_16lm1iw1q" };
+var height = { "0": "_16lm1iw18", "100%": "_16lm1iw19", "50%": "_16lm1iw1a" };
+var justifyContent = { center: "_16lm1iw1t", spaceBetween: "_16lm1iw1u", spaceAround: "_16lm1iw1v", start: "_16lm1iw1w", end: "_16lm1iw1x" };
+var left = { "0": "_16lm1iw1f", "100%": "_16lm1iw1g", auto: "_16lm1iw1h" };
+var outline = { none: "_16lm1iwd" };
+var overflow = { hidden: "_16lm1iw1y", auto: "_16lm1iw1z", visible: "_16lm1iw20" };
+var position = { relative: "_16lm1iw1", absolute: "_16lm1iw2", "static": "_16lm1iw3", sticky: "_16lm1iw4", fixed: "_16lm1iw5" };
+var top = { "0": "_16lm1iw1d", "100%": "_16lm1iw1e" };
+var transformTranslateZero = "_16lm1iwe";
+var userSelect = { none: "_16lm1iw17" };
+var visibility = { visible: "_16lm1iw21", hidden: "_16lm1iw22" };
+var zIndex = { "1": "_16lm1iwo", "10": "_16lm1iwp", "100": "_16lm1iwq", "1000": "_16lm1iwr", "10000": "_16lm1iws", "100000": "_16lm1iwt", "1000000": "_16lm1iwu", "10000000": "_16lm1iwv", "1k": "_16lm1iww", "10k": "_16lm1iwx", "100k": "_16lm1iwy" };
 
 // src/components/InfiniteTable/components/InfiniteTableFooter/InfiniteTableFooter.tsx
 function InfiniteTableFooter(props) {
@@ -6098,29 +6098,29 @@ import * as React27 from "react";
 import { useEffect as useEffect10, useLayoutEffect as useLayoutEffect8, useState as useState5 } from "react";
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
-var CellCls = "cell_CellCls__1eexc2a6";
-var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellContentRecipe__12zfob129 utilities_height_100%__16lm1iw19 utilities_width_100%__16lm1iw1c utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1p utilities_alignItems_center__16lm1iw1r utilities_justifyContent_start__16lm1iw1w", variantClassNames: { filtered: { false: "header_HeaderCellContentRecipe_filtered_false__12zfob12a", true: "header_HeaderCellContentRecipe_filtered_true__12zfob12b" }, verticalAlign: { start: "header_HeaderCellContentRecipe_verticalAlign_start__12zfob12c", end: "header_HeaderCellContentRecipe_verticalAlign_end__12zfob12d", center: "header_HeaderCellContentRecipe_verticalAlign_center__12zfob12e" }, align: { start: "header_HeaderCellContentRecipe_align_start__12zfob12f", end: "header_HeaderCellContentRecipe_align_end__12zfob12g", center: "header_HeaderCellContentRecipe_align_center__12zfob12h" } }, defaultVariants: {}, compoundVariants: [] });
-var HeaderCellProxy = "header_HeaderCellProxy__12zfob1n utilities_whiteSpace_nowrap__16lm1iw24 utilities_textOverflow_ellipsis__16lm1iw25 utilities_overflow_hidden__16lm1iw1y";
-var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellRecipe__12zfob1o", variantClassNames: { rowActive: { false: "header_HeaderCellRecipe_rowActive_false__12zfob1p", true: "header_HeaderCellRecipe_rowActive_true__12zfob1q" }, cellSelected: { false: "header_HeaderCellRecipe_cellSelected_false__12zfob1r", true: "header_HeaderCellRecipe_cellSelected_true__12zfob1s" }, rowSelected: { false: "header_HeaderCellRecipe_rowSelected_false__12zfob1t", true: "header_HeaderCellRecipe_rowSelected_true__12zfob1u", null: "header_HeaderCellRecipe_rowSelected_null__12zfob1v" }, rowDisabled: { false: "header_HeaderCellRecipe_rowDisabled_false__12zfob1w", true: "header_HeaderCellRecipe_rowDisabled_true__12zfob1x" }, firstRow: { false: "header_HeaderCellRecipe_firstRow_false__12zfob1y", true: "header_HeaderCellRecipe_firstRow_true__12zfob1z" }, treeNode: { parent: "header_HeaderCellRecipe_treeNode_parent__12zfob110", leaf: "header_HeaderCellRecipe_treeNode_leaf__12zfob111", false: "header_HeaderCellRecipe_treeNode_false__12zfob112" }, firstRowInHorizontalLayoutPage: { false: "header_HeaderCellRecipe_firstRowInHorizontalLayoutPage_false__12zfob113", true: "header_HeaderCellRecipe_firstRowInHorizontalLayoutPage_true__12zfob114" }, groupRow: { false: "header_HeaderCellRecipe_groupRow_false__12zfob115", true: "header_HeaderCellRecipe_groupRow_true__12zfob116" }, groupCell: { false: "header_HeaderCellRecipe_groupCell_false__12zfob117", true: "header_HeaderCellRecipe_groupCell_true__12zfob118" }, align: { start: "header_HeaderCellRecipe_align_start__12zfob119", end: "header_HeaderCellRecipe_align_end__12zfob11a", center: "header_HeaderCellRecipe_align_center__12zfob11b" }, verticalAlign: { start: "header_HeaderCellRecipe_verticalAlign_start__12zfob11c", end: "header_HeaderCellRecipe_verticalAlign_end__12zfob11d", center: "header_HeaderCellRecipe_verticalAlign_center__12zfob11e" }, zebra: { false: "header_HeaderCellRecipe_zebra_false__12zfob11f", even: "header_HeaderCellRecipe_zebra_even__12zfob11g", odd: "header_HeaderCellRecipe_zebra_odd__12zfob11h" }, dragging: { true: "header_HeaderCellRecipe_dragging_true__12zfob11i", false: "header_HeaderCellRecipe_dragging_false__12zfob11j" }, insideDisabledDraggingPage: { true: "header_HeaderCellRecipe_insideDisabledDraggingPage_true__12zfob11k", false: "header_HeaderCellRecipe_insideDisabledDraggingPage_false__12zfob11l" }, first: { true: "header_HeaderCellRecipe_first_true__12zfob11m", false: "header_HeaderCellRecipe_first_false__12zfob11n" }, last: { true: "header_HeaderCellRecipe_last_true__12zfob11o", false: "header_HeaderCellRecipe_last_false__12zfob11p" }, groupByField: { true: "header_HeaderCellRecipe_groupByField_true__12zfob11q", false: "header_HeaderCellRecipe_groupByField_false__12zfob11r" }, firstInCategory: { true: "header_HeaderCellRecipe_firstInCategory_true__12zfob11s", false: "header_HeaderCellRecipe_firstInCategory_false__12zfob11t" }, lastInCategory: { true: "header_HeaderCellRecipe_lastInCategory_true__12zfob11u", false: "header_HeaderCellRecipe_lastInCategory_false__12zfob11v" }, pinned: { start: "header_HeaderCellRecipe_pinned_start__12zfob11w", end: "header_HeaderCellRecipe_pinned_end__12zfob11x", false: "header_HeaderCellRecipe_pinned_false__12zfob11y" }, filtered: { true: "header_HeaderCellRecipe_filtered_true__12zfob11z", false: "header_HeaderCellRecipe_filtered_false__12zfob120" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "header_HeaderCellRecipe_compound_0__12zfob121"], [{ pinned: "end", firstInCategory: true }, "header_HeaderCellRecipe_compound_1__12zfob122"], [{ pinned: false, lastInCategory: true }, "header_HeaderCellRecipe_compound_2__12zfob123"]] });
-var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "header_HeaderClsRecipe__12zfob19 utilities_display_block__16lm1iw12 utilities_position_absolute__16lm1iw2", variantClassNames: { pinned: { start: "header_HeaderClsRecipe_pinned_start__12zfob1a", end: "header_HeaderClsRecipe_pinned_end__12zfob1b", false: "header_HeaderClsRecipe_pinned_false__12zfob1c" }, firstInCategory: { true: "header_HeaderClsRecipe_firstInCategory_true__12zfob1d", false: "header_HeaderClsRecipe_firstInCategory_false__12zfob1e" }, lastInCategory: { true: "header_HeaderClsRecipe_lastInCategory_true__12zfob1f", false: "header_HeaderClsRecipe_lastInCategory_false__12zfob1g" }, overflow: { true: "header_HeaderClsRecipe_overflow_true__12zfob1h", false: "header_HeaderClsRecipe_overflow_false__12zfob1i" } }, defaultVariants: {}, compoundVariants: [[{ overflow: true, pinned: "start" }, "header_HeaderClsRecipe_compound_0__12zfob1j"], [{ pinned: "start", firstInCategory: true }, "header_HeaderClsRecipe_compound_1__12zfob1k"], [{ overflow: true, pinned: "end" }, "header_HeaderClsRecipe_compound_2__12zfob1l"], [{ pinned: "end", lastInCategory: true }, "header_HeaderClsRecipe_compound_3__12zfob1m"]] });
-var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12r utilities_width_100%__16lm1iw1c utilities_height_100%__16lm1iw19";
-var HeaderFilterIconIndexCls = "header_HeaderFilterIconIndexCls__12zfob17";
-var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob12n utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1p utilities_alignItems_center__16lm1iw1r utilities_position_relative__16lm1iw1";
-var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterOperatorIconRecipe__12zfob12o utilities_position_relative__16lm1iw1 utilities_top_0__16lm1iw1d", variantClassNames: { disabled: { true: "header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob12p", false: "header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12q" } }, defaultVariants: {}, compoundVariants: [] });
-var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterRecipe__12zfob12k utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1p utilities_alignItems_stretch__16lm1iw1s utilities_position_relative__16lm1iw1", variantClassNames: { active: { true: "header_HeaderFilterRecipe_active_true__12zfob12l", false: "header_HeaderFilterRecipe_active_false__12zfob12m" } }, defaultVariants: {}, compoundVariants: [] });
-var HeaderGroupCls = "header_HeaderGroupCls__12zfob12j utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1p utilities_alignItems_center__16lm1iw1r";
-var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "header_HeaderMenuIconCls__12zfob124 utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_column__16lm1iw1n utilities_justifyContent_spaceAround__16lm1iw1v utilities_visibility_hidden__16lm1iw22", variantClassNames: { menuVisible: { true: "header_HeaderMenuIconCls_menuVisible_true__12zfob125" }, reserveSpaceWhenHidden: { true: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_true__12zfob126", false: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob127" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "header_HeaderMenuIconCls_compound_0__12zfob128"]] });
-var HeaderScrollbarPlaceholderCls = "header_HeaderScrollbarPlaceholderCls__12zfob18 utilities_position_absolute__16lm1iw2";
-var HeaderSortIconCls = "utilities_position_relative__16lm1iw1";
-var HeaderSortIconIndexCls = "header_HeaderSortIconIndexCls__12zfob16";
-var HeaderSortIconRecipe = createRuntimeFn({ defaultClassName: "header__12zfob12", variantClassNames: { align: { start: "header_HeaderSortIconRecipe_align_start__12zfob13", center: "header_HeaderSortIconRecipe_align_center__12zfob14", end: "header_HeaderSortIconRecipe_align_end__12zfob15" } }, defaultVariants: {}, compoundVariants: [] });
-var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob12i utilities_overflow_hidden__16lm1iw1y utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1p";
+var CellCls = "_1eexc2a6";
+var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "_12zfob129 _16lm1iw19 _16lm1iw1c _16lm1iwz _16lm1iw1p _16lm1iw1r _16lm1iw1w", variantClassNames: { filtered: { false: "_12zfob12a", true: "_12zfob12b" }, verticalAlign: { start: "_12zfob12c", end: "_12zfob12d", center: "_12zfob12e" }, align: { start: "_12zfob12f", end: "_12zfob12g", center: "_12zfob12h" } }, defaultVariants: {}, compoundVariants: [] });
+var HeaderCellProxy = "_12zfob1n _16lm1iw24 _16lm1iw25 _16lm1iw1y";
+var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "_12zfob1o", variantClassNames: { rowActive: { false: "_12zfob1p", true: "_12zfob1q" }, cellSelected: { false: "_12zfob1r", true: "_12zfob1s" }, rowSelected: { false: "_12zfob1t", true: "_12zfob1u", null: "_12zfob1v" }, rowDisabled: { false: "_12zfob1w", true: "_12zfob1x" }, firstRow: { false: "_12zfob1y", true: "_12zfob1z" }, treeNode: { parent: "_12zfob110", leaf: "_12zfob111", false: "_12zfob112" }, firstRowInHorizontalLayoutPage: { false: "_12zfob113", true: "_12zfob114" }, groupRow: { false: "_12zfob115", true: "_12zfob116" }, groupCell: { false: "_12zfob117", true: "_12zfob118" }, align: { start: "_12zfob119", end: "_12zfob11a", center: "_12zfob11b" }, verticalAlign: { start: "_12zfob11c", end: "_12zfob11d", center: "_12zfob11e" }, zebra: { false: "_12zfob11f", even: "_12zfob11g", odd: "_12zfob11h" }, dragging: { true: "_12zfob11i", false: "_12zfob11j" }, insideDisabledDraggingPage: { true: "_12zfob11k", false: "_12zfob11l" }, first: { true: "_12zfob11m", false: "_12zfob11n" }, last: { true: "_12zfob11o", false: "_12zfob11p" }, groupByField: { true: "_12zfob11q", false: "_12zfob11r" }, firstInCategory: { true: "_12zfob11s", false: "_12zfob11t" }, lastInCategory: { true: "_12zfob11u", false: "_12zfob11v" }, pinned: { start: "_12zfob11w", end: "_12zfob11x", false: "_12zfob11y" }, filtered: { true: "_12zfob11z", false: "_12zfob120" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "_12zfob121"], [{ pinned: "end", firstInCategory: true }, "_12zfob122"], [{ pinned: false, lastInCategory: true }, "_12zfob123"]] });
+var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "_12zfob19 _16lm1iw12 _16lm1iw2", variantClassNames: { pinned: { start: "_12zfob1a", end: "_12zfob1b", false: "_12zfob1c" }, firstInCategory: { true: "_12zfob1d", false: "_12zfob1e" }, lastInCategory: { true: "_12zfob1f", false: "_12zfob1g" }, overflow: { true: "_12zfob1h", false: "_12zfob1i" } }, defaultVariants: {}, compoundVariants: [[{ overflow: true, pinned: "start" }, "_12zfob1j"], [{ pinned: "start", firstInCategory: true }, "_12zfob1k"], [{ overflow: true, pinned: "end" }, "_12zfob1l"], [{ pinned: "end", lastInCategory: true }, "_12zfob1m"]] });
+var HeaderFilterEditorCls = "_12zfob12r _16lm1iw1c _16lm1iw19";
+var HeaderFilterIconIndexCls = "_12zfob17";
+var HeaderFilterOperatorCls = "_12zfob12n _16lm1iwz _16lm1iw1p _16lm1iw1r _16lm1iw1";
+var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "_12zfob12o _16lm1iw1 _16lm1iw1d", variantClassNames: { disabled: { true: "_12zfob12p", false: "_12zfob12q" } }, defaultVariants: {}, compoundVariants: [] });
+var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "_12zfob12k _16lm1iwz _16lm1iw1p _16lm1iw1s _16lm1iw1", variantClassNames: { active: { true: "_12zfob12l", false: "_12zfob12m" } }, defaultVariants: {}, compoundVariants: [] });
+var HeaderGroupCls = "_12zfob12j _16lm1iwz _16lm1iw1p _16lm1iw1r";
+var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "_12zfob124 _16lm1iw1 _16lm1iwz _16lm1iw1n _16lm1iw1v _16lm1iw22", variantClassNames: { menuVisible: { true: "_12zfob125" }, reserveSpaceWhenHidden: { true: "_12zfob126", false: "_12zfob127" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "_12zfob128"]] });
+var HeaderScrollbarPlaceholderCls = "_12zfob18 _16lm1iw2";
+var HeaderSortIconCls = "_16lm1iw1";
+var HeaderSortIconIndexCls = "_12zfob16";
+var HeaderSortIconRecipe = createRuntimeFn({ defaultClassName: "_12zfob12", variantClassNames: { align: { start: "_12zfob13", center: "_12zfob14", end: "_12zfob15" } }, defaultVariants: {}, compoundVariants: [] });
+var HeaderWrapperCls = "_12zfob12i _16lm1iw1y _16lm1iw1 _16lm1iwz _16lm1iw1p";
 
 // src/components/InfiniteTable/components/icons/InfiniteIconClassName.ts
 var InfiniteIconClassName = "InfiniteIcon";
 
 // src/components/InfiniteTable/components/icons/FilterIcon.css.ts
-var FilterIconCls = "FilterIcon_FilterIconCls__6aunoi0 utilities_display_flex__16lm1iwz utilities_flexFlow_column__16lm1iw1n utilities_position_relative__16lm1iw1 utilities_justifyContent_spaceAround__16lm1iw1v utilities_alignItems_center__16lm1iw1r";
+var FilterIconCls = "_6aunoi0 _16lm1iwz _16lm1iw1n _16lm1iw1 _16lm1iw1v _16lm1iw1r";
 
 // src/components/InfiniteTable/components/icons/FilterIcon.tsx
 var defaultLineStyle = {
@@ -7630,13 +7630,13 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
 import { useCallback as useCallback8, useState as useState7 } from "react";
 
 // src/components/InfiniteTable/InfiniteCls.css.ts
-var FooterCls = "utilities_position_relative__16lm1iw1";
-var InfiniteCls = "InfiniteCls_InfiniteCls__1yeub2v0 utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_column__16lm1iw1n utilities_boxSizingBorderBox__16lm1iw0";
-var InfiniteClsHasPinnedEnd = "InfiniteCls_InfiniteClsHasPinnedEnd__1yeub2vs";
-var InfiniteClsHasPinnedStart = "InfiniteCls_InfiniteClsHasPinnedStart__1yeub2vr";
-var InfiniteClsRecipe = createRuntimeFn({ defaultClassName: "InfiniteCls__1yeub2v2", variantClassNames: { horizontalLayout: { true: "InfiniteCls_InfiniteClsRecipe_horizontalLayout_true__1yeub2v3", false: "InfiniteCls_InfiniteClsRecipe_horizontalLayout_false__1yeub2v4" }, focused: { true: "InfiniteCls_InfiniteClsRecipe_focused_true__1yeub2v5", false: "InfiniteCls_InfiniteClsRecipe_focused_false__1yeub2v6" }, focusedWithin: { true: "InfiniteCls_InfiniteClsRecipe_focusedWithin_true__1yeub2v7", false: "InfiniteCls_InfiniteClsRecipe_focusedWithin_false__1yeub2v8" }, hasPinnedStart: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedStart_true__1yeub2v9", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedStart_false__1yeub2va" }, hasPinnedEnd: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedEnd_true__1yeub2vb", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedEnd_false__1yeub2vc" }, hasPinnedStartOverflow: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedStartOverflow_true__1yeub2vd", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedStartOverflow_false__1yeub2ve" }, hasPinnedEndOverflow: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedEndOverflow_true__1yeub2vf", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedEndOverflow_false__1yeub2vg" } }, defaultVariants: {}, compoundVariants: [[{ focused: false, focusedWithin: false }, "InfiniteCls_InfiniteClsRecipe_compound_0__1yeub2vh"]] });
-var InfiniteClsShiftingColumns = "InfiniteCls_shiftingcols__1yeub2vp";
-var PinnedRowsContainerClsVariants = createRuntimeFn({ defaultClassName: "InfiniteCls__1yeub2vl", variantClassNames: { pinned: { start: "InfiniteCls_PinnedRowsContainerClsVariants_pinned_start__1yeub2vm", end: "InfiniteCls_PinnedRowsContainerClsVariants_pinned_end__1yeub2vn", false: "InfiniteCls_PinnedRowsContainerClsVariants_pinned_false__1yeub2vo" } }, defaultVariants: {}, compoundVariants: [] });
+var FooterCls = "_16lm1iw1";
+var InfiniteCls = "_1yeub2v0 _16lm1iw1 _16lm1iwz _16lm1iw1n _16lm1iw0";
+var InfiniteClsHasPinnedEnd = "_1yeub2vs";
+var InfiniteClsHasPinnedStart = "_1yeub2vr";
+var InfiniteClsRecipe = createRuntimeFn({ defaultClassName: "_1yeub2v2", variantClassNames: { horizontalLayout: { true: "_1yeub2v3", false: "_1yeub2v4" }, focused: { true: "_1yeub2v5", false: "_1yeub2v6" }, focusedWithin: { true: "_1yeub2v7", false: "_1yeub2v8" }, hasPinnedStart: { true: "_1yeub2v9", false: "_1yeub2va" }, hasPinnedEnd: { true: "_1yeub2vb", false: "_1yeub2vc" }, hasPinnedStartOverflow: { true: "_1yeub2vd", false: "_1yeub2ve" }, hasPinnedEndOverflow: { true: "_1yeub2vf", false: "_1yeub2vg" } }, defaultVariants: {}, compoundVariants: [[{ focused: false, focusedWithin: false }, "_1yeub2vh"]] });
+var InfiniteClsShiftingColumns = "_1yeub2vp";
+var PinnedRowsContainerClsVariants = createRuntimeFn({ defaultClassName: "_1yeub2vl", variantClassNames: { pinned: { start: "_1yeub2vm", end: "_1yeub2vn", false: "_1yeub2vo" } }, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/InfiniteTable/utils/rafFn.ts
 var rafFn = (fn) => {
@@ -8674,8 +8674,8 @@ import * as React31 from "react";
 import { useState as useState8 } from "react";
 
 // src/components/InfiniteTable/components/icons/ExpandCollapseIcon.css.ts
-var ExpanderIconCls = "ExpandCollapseIcon_ExpanderIconCls__6rdmyg0 utilities_flex_none__16lm1iwn utilities_cursor_pointer__16lm1iwi utilities_verticalAlign_middle__16lm1iw9";
-var ExpanderIconClsVariants = createRuntimeFn({ defaultClassName: "ExpandCollapseIcon__6rdmyg1", variantClassNames: { expanded: { true: "utilities_transform_rotate90__16lm1iwg", false: "ExpandCollapseIcon_ExpanderIconClsVariants_expanded_false__6rdmyg3" }, direction: { end: "ExpandCollapseIcon_ExpanderIconClsVariants_direction_end__6rdmyg4", start: "ExpandCollapseIcon_ExpanderIconClsVariants_direction_start__6rdmyg5" }, disabled: { true: "ExpandCollapseIcon_ExpanderIconClsVariants_disabled_true__6rdmyg6", false: "ExpandCollapseIcon_ExpanderIconClsVariants_disabled_false__6rdmyg7" } }, defaultVariants: {}, compoundVariants: [[{ expanded: false, direction: "end" }, "utilities_transform_rotate180__16lm1iwh"]] });
+var ExpanderIconCls = "_6rdmyg0 _16lm1iwn _16lm1iwi _16lm1iw9";
+var ExpanderIconClsVariants = createRuntimeFn({ defaultClassName: "_6rdmyg1", variantClassNames: { expanded: { true: "_16lm1iwg", false: "_6rdmyg3" }, direction: { end: "_6rdmyg4", start: "_6rdmyg5" }, disabled: { true: "_6rdmyg6", false: "_6rdmyg7" } }, defaultVariants: {}, compoundVariants: [[{ expanded: false, direction: "end" }, "_16lm1iwh"]] });
 
 // src/components/InfiniteTable/components/icons/ExpandCollapseIcon.tsx
 var THIS_ICON = `${InfiniteIconClassName}-expand-collapse`;
@@ -8731,7 +8731,7 @@ function ExpandCollapseIcon(props) {
 import * as React32 from "react";
 
 // src/components/InfiniteTable/components/icons/LoadingIcon.css.ts
-var LoadingIconCls = "utilities_stroke_accentColor__16lm1iwb utilities_flex_none__16lm1iwn utilities_cursor_pointer__16lm1iwi";
+var LoadingIconCls = "_16lm1iwb _16lm1iwn _16lm1iwi";
 
 // src/components/InfiniteTable/components/icons/LoadingIcon.tsx
 var LoadingIcon = (props) => {
@@ -8781,9 +8781,9 @@ var LoadingIcon = (props) => {
 };
 
 // src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts
-var GroupRowExpanderCls = createRuntimeFn({ defaultClassName: "row__7pupv01", variantClassNames: { align: { start: "row_GroupRowExpanderCls_align_start__7pupv02", center: "row_GroupRowExpanderCls_align_center__7pupv03", end: "row_GroupRowExpanderCls_align_end__7pupv04" } }, defaultVariants: {}, compoundVariants: [] });
-var RowHoverCls = "row_RowHoverCls__7pupv00";
-var TreeColumnCellExpanderCls = createRuntimeFn({ defaultClassName: "row__7pupv05", variantClassNames: { align: { start: "row_TreeColumnCellExpanderCls_align_start__7pupv06", center: "row_TreeColumnCellExpanderCls_align_center__7pupv07", end: "row_TreeColumnCellExpanderCls_align_end__7pupv08" } }, defaultVariants: {}, compoundVariants: [] });
+var GroupRowExpanderCls = createRuntimeFn({ defaultClassName: "_7pupv01", variantClassNames: { align: { start: "_7pupv02", center: "_7pupv03", end: "_7pupv04" } }, defaultVariants: {}, compoundVariants: [] });
+var RowHoverCls = "_7pupv00";
+var TreeColumnCellExpanderCls = createRuntimeFn({ defaultClassName: "_7pupv05", variantClassNames: { align: { start: "_7pupv06", center: "_7pupv07", end: "_7pupv08" } }, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/InfiniteTable/utils/getColumnForGroupBy.tsx
 function styleForGroupColumn({
@@ -8963,7 +8963,7 @@ import * as React34 from "react";
 import { useEffect as useEffect13, useRef as useRef12 } from "react";
 
 // src/components/InfiniteTable/components/CheckBox.css.ts
-var CheckBoxCls = "CheckBox_CheckBoxCls__qz8ht90 utilities_cursor_pointer__16lm1iwi";
+var CheckBoxCls = "qz8ht90 _16lm1iwi";
 
 // src/components/InfiniteTable/components/CheckBox.tsx
 function forwardProps2() {
@@ -10259,7 +10259,7 @@ import * as React40 from "react";
 import { useEffect as useEffect14, useState as useState10 } from "react";
 
 // src/components/InfiniteTable/components/icons/SortIcon.css.ts
-var SortIconCls = "SortIcon_SortIconCls__1ek6mqy0 utilities_display_flex__16lm1iwz utilities_flexFlow_column__16lm1iw1n utilities_position_relative__16lm1iw1 utilities_justifyContent_spaceAround__16lm1iw1v";
+var SortIconCls = "_1ek6mqy0 _16lm1iwz _16lm1iw1n _16lm1iw1 _16lm1iw1v";
 
 // src/components/InfiniteTable/components/icons/SortIcon.tsx
 var defaultLineStyle3 = {
@@ -10477,9 +10477,9 @@ 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__16lm1iw1d utilities_right_0__16lm1iw1k utilities_bottom_0__16lm1iw1i utilities_cursor_colResize__16lm1iwk utilities_overflow_hidden__16lm1iw1y";
-var ResizeHandleDraggerClsRecipe = createRuntimeFn({ defaultClassName: "ResizeHandle_ResizeHandleDraggerClsRecipe__zneyzhc utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_bottom_0__16lm1iw1i", variantClassNames: { constrained: { false: "ResizeHandle_ResizeHandleDraggerClsRecipe_constrained_false__zneyzhd", true: "ResizeHandle_ResizeHandleDraggerClsRecipe_constrained_true__zneyzhe" }, computedPinned: { start: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedPinned_start__zneyzhf", end: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedPinned_end__zneyzhg", false: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedPinned_false__zneyzhh" }, computedFirstInCategory: { true: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedFirstInCategory_true__zneyzhi", false: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedFirstInCategory_false__zneyzhj" }, computedLastInCategory: { true: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedLastInCategory_true__zneyzhk", false: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedLastInCategory_false__zneyzhl" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "start", computedLastInCategory: true }, "ResizeHandle_ResizeHandleDraggerClsRecipe_compound_0__zneyzhm"], [{ computedPinned: "end", computedFirstInCategory: true }, "ResizeHandle_ResizeHandleDraggerClsRecipe_compound_1__zneyzhn"]] });
-var ResizeHandleRecipeCls = createRuntimeFn({ defaultClassName: "ResizeHandle__zneyzh1", variantClassNames: { computedPinned: { start: "ResizeHandle_ResizeHandleRecipeCls_computedPinned_start__zneyzh2", end: "ResizeHandle_ResizeHandleRecipeCls_computedPinned_end__zneyzh3 utilities_left_0__16lm1iw1f utilities_right_auto__16lm1iw1m", false: "ResizeHandle_ResizeHandleRecipeCls_computedPinned_false__zneyzh4" }, computedFirstInCategory: { true: "ResizeHandle_ResizeHandleRecipeCls_computedFirstInCategory_true__zneyzh5", false: "ResizeHandle_ResizeHandleRecipeCls_computedFirstInCategory_false__zneyzh6" }, computedLastInCategory: { true: "ResizeHandle_ResizeHandleRecipeCls_computedLastInCategory_true__zneyzh7", false: "ResizeHandle_ResizeHandleRecipeCls_computedLastInCategory_false__zneyzh8" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "end", computedLastInCategory: false, computedFirstInCategory: true }, "ResizeHandle_ResizeHandleRecipeCls_compound_0__zneyzh9"], [{ computedPinned: false, computedFirstInCategory: false, computedLastInCategory: true }, "ResizeHandle_ResizeHandleRecipeCls_compound_1__zneyzha"], [{ computedPinned: "start", computedFirstInCategory: false, computedLastInCategory: true }, "ResizeHandle_ResizeHandleRecipeCls_compound_2__zneyzhb"]] });
+var ResizeHandleCls = "zneyzh0 _16lm1iw2 _16lm1iw1d _16lm1iw1k _16lm1iw1i _16lm1iwk _16lm1iw1y";
+var ResizeHandleDraggerClsRecipe = createRuntimeFn({ defaultClassName: "zneyzhc _16lm1iw2 _16lm1iw1d _16lm1iw1i", variantClassNames: { constrained: { false: "zneyzhd", true: "zneyzhe" }, computedPinned: { start: "zneyzhf", end: "zneyzhg", false: "zneyzhh" }, computedFirstInCategory: { true: "zneyzhi", false: "zneyzhj" }, computedLastInCategory: { true: "zneyzhk", false: "zneyzhl" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "start", computedLastInCategory: true }, "zneyzhm"], [{ computedPinned: "end", computedFirstInCategory: true }, "zneyzhn"]] });
+var ResizeHandleRecipeCls = createRuntimeFn({ defaultClassName: "zneyzh1", variantClassNames: { computedPinned: { start: "zneyzh2", end: "zneyzh3 _16lm1iw1f _16lm1iw1m", false: "zneyzh4" }, computedFirstInCategory: { true: "zneyzh5", false: "zneyzh6" }, computedLastInCategory: { true: "zneyzh7", false: "zneyzh8" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "end", computedLastInCategory: false, computedFirstInCategory: true }, "zneyzh9"], [{ computedPinned: false, computedFirstInCategory: false, computedLastInCategory: true }, "zneyzha"], [{ computedPinned: "start", computedFirstInCategory: false, computedLastInCategory: true }, "zneyzhb"]] });
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/index.tsx
 var { rootClassName: rootClassName7 } = internalProps;
@@ -11821,9 +11821,9 @@ var InfiniteTableLicenseFooter = React49.forwardRef(
 import * as React50 from "react";
 
 // src/components/InfiniteTable/components/LoadMask.css.ts
-var LoadMaskCls = { visible: "LoadMask_LoadMaskCls_visible__qy58ya1 LoadMask_LoadMaskBaseCls__qy58ya0 utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_left_0__16lm1iw1f utilities_right_0__16lm1iw1k utilities_bottom_0__16lm1iw1i", hidden: "LoadMask_LoadMaskCls_hidden__qy58ya2 LoadMask_LoadMaskBaseCls__qy58ya0 utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_left_0__16lm1iw1f utilities_right_0__16lm1iw1k utilities_bottom_0__16lm1iw1i" };
-var LoadMaskOverlayCls = "LoadMask_LoadMaskOverlayCls__qy58ya3 utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_left_0__16lm1iw1f utilities_right_0__16lm1iw1k utilities_bottom_0__16lm1iw1i";
-var LoadMaskTextCls = "LoadMask_LoadMaskTextCls__qy58ya4";
+var LoadMaskCls = { visible: "qy58ya1 qy58ya0 _16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i", hidden: "qy58ya2 qy58ya0 _16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i" };
+var LoadMaskOverlayCls = "qy58ya3 _16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i";
+var LoadMaskTextCls = "qy58ya4";
 
 // src/components/InfiniteTable/components/LoadMask.tsx
 var { rootClassName: rootClassName10 } = internalProps;
@@ -19517,6 +19517,377 @@ function getRowDetailApi(param) {
   return rowDetailApi;
 }
 
+// src/components/utils/clamp.ts
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+
+// src/components/InfiniteTable/eventHandlers/keyboardNavigation.ts
+function getNextEnabledRowIndex(getDataSourceState, activeRowIndex, direction) {
+  const dataArray = getDataSourceState().dataArray;
+  const min = 0;
+  const max = dataArray.length - 1;
+  let i = activeRowIndex;
+  do {
+    i += direction;
+    const rowInfo = dataArray[i];
+    if (!rowInfo) {
+      return i < min ? min : max;
+    }
+    if (!rowInfo.rowDisabled) {
+      return i;
+    }
+  } while (i >= min && i <= max);
+  return clamp(i, min, max);
+}
+function handleRowNavigation(options, event) {
+  const { getState, getDataSourceState, actions, api, dataSourceApi } = options;
+  const { key } = event;
+  const dataArray = getDataSourceState().dataArray;
+  const arrLength = dataArray.length;
+  const state = getState();
+  const { brain } = state;
+  let { activeRowIndex } = state;
+  if (activeRowIndex == null) {
+    return false;
+  }
+  const {
+    start: [startRow],
+    end: [endRow]
+  } = brain.getRenderRange();
+  const initialActiveRowIndex = activeRowIndex;
+  const renderRowCount = endRow - startRow - 1;
+  const min = 0;
+  const max = arrLength - 1;
+  const KeyToFunction = {
+    ArrowDown: () => {
+      activeRowIndex = getNextEnabledRowIndex(
+        getDataSourceState,
+        activeRowIndex,
+        1
+      );
+    },
+    ArrowUp: () => {
+      activeRowIndex = getNextEnabledRowIndex(
+        getDataSourceState,
+        activeRowIndex,
+        -1
+      );
+    },
+    ArrowLeft: () => {
+      const rowInfo = dataArray[activeRowIndex];
+      if (brain.isHorizontalLayoutBrain) {
+        const rowsPerPage = brain.rowsPerPage;
+        if (activeRowIndex - rowsPerPage >= min) {
+          activeRowIndex = activeRowIndex - rowsPerPage;
+        } else {
+          KeyToFunction.ArrowUp();
+        }
+        return;
+      }
+      if (rowInfo && rowInfo.isGroupRow) {
+        return api.collapseGroupRow(rowInfo.groupKeys);
+      }
+      if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
+        return api.rowDetailApi.collapseRowDetail(rowInfo.id);
+      }
+      return false;
+    },
+    ArrowRight: () => {
+      const rowInfo = dataArray[activeRowIndex];
+      if (brain.isHorizontalLayoutBrain) {
+        const rowsPerPage = brain.rowsPerPage;
+        if (activeRowIndex + rowsPerPage <= max) {
+          activeRowIndex = activeRowIndex + rowsPerPage;
+        } else {
+          KeyToFunction.ArrowDown();
+        }
+        return;
+      }
+      if (rowInfo && rowInfo.isGroupRow) {
+        return api.expandGroupRow(rowInfo.groupKeys);
+      }
+      if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
+        return api.rowDetailApi.expandRowDetail(rowInfo.id);
+      }
+      return false;
+    },
+    Enter: () => {
+      const rowInfo = dataArray[activeRowIndex];
+      if (rowInfo && rowInfo.isGroupRow) {
+        return api.toggleGroupRow(rowInfo.groupKeys);
+      }
+      if (rowInfo && rowInfo.isTreeNode && rowInfo.isParentNode) {
+        return dataSourceApi.treeApi.toggleNode(rowInfo.nodePath);
+      }
+      const hasRowDetail = api.rowDetailApi.isRowDetailEnabledForRow(
+        rowInfo.id
+      );
+      if (hasRowDetail) {
+        return api.rowDetailApi.toggleRowDetail(rowInfo.id);
+      }
+      return false;
+    },
+    PageDown: () => {
+      activeRowIndex = Math.min(
+        activeRowIndex + renderRowCount,
+        arrLength - 1
+      );
+    },
+    PageUp: () => {
+      activeRowIndex = Math.max(activeRowIndex - renderRowCount, min);
+    },
+    End: () => {
+      activeRowIndex = max;
+    },
+    Home: () => {
+      activeRowIndex = min;
+    }
+  };
+  const Fn = KeyToFunction[key];
+  if (!Fn) {
+    return false;
+  }
+  Fn();
+  if (initialActiveRowIndex !== activeRowIndex) {
+    actions.activeRowIndex = activeRowIndex;
+    return true;
+  }
+  return false;
+}
+function computeNextActiveCellIndex(options, event) {
+  const {
+    api,
+    getState,
+    getComputed,
+    getDataSourceState,
+    dataSourceApi
+  } = options;
+  const { key, shiftKey } = event;
+  const dataArray = getDataSourceState().dataArray;
+  const state = getState();
+  const { activeCellIndex, brain } = state;
+  if (!activeCellIndex) {
+    return false;
+  }
+  let [rowIndex, colIndex] = activeCellIndex;
+  const {
+    start: [startRow, startCol],
+    end: [endRow, endCol]
+  } = brain.getRenderRange();
+  const renderRowCount = endRow - startRow - 1;
+  const renderColCount = endCol - startCol - 1;
+  const maxRow = getDataSourceState().dataArray.length - 1;
+  const maxCol = getComputed().computedVisibleColumns.length - 1;
+  const minRow = 0;
+  const minCol = 0;
+  rowIndex = clamp(rowIndex, 0, maxRow);
+  colIndex = clamp(colIndex, 0, maxCol);
+  const KeyToFunction = {
+    ArrowDown: () => {
+      rowIndex = clamp(rowIndex + 1, minRow, maxRow);
+    },
+    ArrowUp: () => {
+      rowIndex = clamp(rowIndex - 1, minRow, maxRow);
+    },
+    ArrowLeft: () => {
+      if (colIndex === minCol) {
+        if (rowIndex !== minRow) {
+          colIndex = maxCol;
+        }
+        if (brain.isHorizontalLayoutBrain) {
+          const rowsPerPage = brain.rowsPerPage;
+          if (rowIndex - rowsPerPage >= minRow) {
+            rowIndex = rowIndex - rowsPerPage;
+          } else {
+            KeyToFunction.ArrowUp();
+          }
+        } else {
+          KeyToFunction.ArrowUp();
+        }
+      } else {
+        colIndex = clamp(colIndex - 1, minCol, maxCol);
+      }
+    },
+    ArrowRight: () => {
+      if (colIndex === maxCol) {
+        if (rowIndex !== maxRow) {
+          colIndex = minCol;
+        }
+        if (brain.isHorizontalLayoutBrain) {
+          const rowsPerPage = brain.rowsPerPage;
+          if (rowIndex + rowsPerPage <= maxRow) {
+            rowIndex = rowIndex + rowsPerPage;
+          } else {
+            KeyToFunction.ArrowDown();
+          }
+        } else {
+          KeyToFunction.ArrowDown();
+        }
+      } else {
+        colIndex = clamp(colIndex + 1, minCol, maxCol);
+      }
+    },
+    Enter: () => {
+      const rowInfo = dataArray[rowIndex];
+      if (rowInfo && rowInfo.isGroupRow) {
+        return api.toggleGroupRow(rowInfo.groupKeys);
+      }
+      if (rowInfo && rowInfo.isTreeNode && rowInfo.isParentNode) {
+        return dataSourceApi.treeApi.toggleNode(rowInfo.nodePath);
+      }
+      if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
+        return api.rowDetailApi.toggleRowDetail(rowInfo.id);
+      }
+      return false;
+    },
+    PageDown: () => {
+      if (!shiftKey) {
+        rowIndex = Math.min(rowIndex + renderRowCount, maxRow);
+      } else {
+        colIndex = Math.min(colIndex + renderColCount, maxCol);
+      }
+    },
+    PageUp: () => {
+      if (!shiftKey) {
+        rowIndex = Math.max(rowIndex - renderRowCount, minRow);
+      } else {
+        colIndex = Math.max(colIndex - renderColCount, minCol);
+      }
+    },
+    End: () => {
+      if (!shiftKey) {
+        rowIndex = maxRow;
+      } else {
+        colIndex = maxCol;
+      }
+    },
+    Home: () => {
+      if (!shiftKey) {
+        rowIndex = minRow;
+      } else {
+        colIndex = minCol;
+      }
+    }
+  };
+  const Fn = KeyToFunction[key];
+  if (!Fn) {
+    return false;
+  }
+  Fn();
+  return [rowIndex, colIndex];
+}
+function handleCellNavigation(options, event) {
+  const result = computeNextActiveCellIndex(
+    options,
+    event
+  );
+  if (result) {
+    options.actions.activeCellIndex = result;
+    return true;
+  }
+  return false;
+}
+var validKeys = {
+  ArrowUp: true,
+  ArrowDown: true,
+  ArrowLeft: true,
+  ArrowRight: true,
+  PageUp: true,
+  PageDown: true,
+  Home: true,
+  End: true,
+  Enter: true,
+  " ": true
+};
+function handleKeyboardNavigation(options, event) {
+  const { key } = event;
+  const { getState } = options;
+  const state = getState();
+  const {
+    activeRowIndex,
+    activeCellIndex,
+    keyboardNavigation,
+    cellContextMenuVisibleFor,
+    contextMenuVisibleFor
+  } = state;
+  if (cellContextMenuVisibleFor || contextMenuVisibleFor) {
+    return false;
+  }
+  if (!validKeys[key]) {
+    return false;
+  }
+  if (activeRowIndex != null && keyboardNavigation === "row") {
+    return handleRowNavigation(options, event);
+  }
+  if (activeCellIndex != null && keyboardNavigation === "cell") {
+    return handleCellNavigation(options, event);
+  }
+  return false;
+}
+
+// src/components/InfiniteTable/api/getKeyboardNavigationApi.ts
+var KeyboardNavigationApi = class {
+  constructor(param) {
+    this.param = param;
+  }
+  setKeyboardNavigation(keyboardNavigation) {
+    this.param.actions.keyboardNavigation = keyboardNavigation;
+  }
+  setActiveCellIndex(activeCellIndex) {
+    this.param.actions.activeCellIndex = activeCellIndex;
+  }
+  setActiveRowIndex(activeRowIndex) {
+    this.param.actions.activeRowIndex = activeRowIndex;
+  }
+  gotoRowWithDirection(direction) {
+    const { getDataSourceState, getState } = this.param;
+    const { activeRowIndex, keyboardNavigation } = getState();
+    if (keyboardNavigation !== "row") {
+      console.error("Keyboard navigation is not enabled for rows");
+      return false;
+    }
+    if (activeRowIndex == null) {
+      return false;
+    }
+    const newActiveRowIndex = getNextEnabledRowIndex(
+      getDataSourceState,
+      activeRowIndex,
+      direction
+    );
+    if (newActiveRowIndex !== activeRowIndex) {
+      this.param.actions.activeRowIndex = newActiveRowIndex;
+      return newActiveRowIndex;
+    }
+    return false;
+  }
+  gotoRow(direction) {
+    return this.gotoRowWithDirection(direction);
+  }
+  gotoNextRow() {
+    return this.gotoRow(1);
+  }
+  gotoPreviousRow() {
+    return this.gotoRow(-1);
+  }
+  gotoCell(config) {
+    const { direction } = config;
+    const key = direction == "top" ? "ArrowUp" : direction == "bottom" ? "ArrowDown" : direction == "left" ? "ArrowLeft" : "ArrowRight";
+    const activeCellIndex = computeNextActiveCellIndex(this.param, {
+      key,
+      shiftKey: false
+    });
+    if (activeCellIndex === false) {
+      return false;
+    }
+    this.param.actions.activeCellIndex = activeCellIndex;
+    return activeCellIndex;
+  }
+};
+function getKeyboardNavigationApi(param) {
+  return new KeyboardNavigationApi(param);
+}
+
 // src/components/InfiniteTable/api/getImperativeApi.ts
 function isSortInfoForColumn(sortInfo, col) {
   if (sortInfo.id) {
@@ -19951,6 +20322,14 @@ var InfiniteTableApiImpl = class {
       dataSourceActions: context.dataSourceActions,
       getDataSourceState: context.getDataSourceState
     });
+    this.keyboardNavigationApi = getKeyboardNavigationApi({
+      getState: context.getState,
+      getDataSourceState: context.getDataSourceState,
+      actions: context.actions,
+      getComputed: context.getComputed,
+      api: this,
+      dataSourceApi: context.dataSourceApi
+    });
     this.rowDetailApi = getRowDetailApi({
       getState: context.getState,
       actions: context.actions,
@@ -20621,7 +21000,7 @@ function useYourBrain(param) {
 import * as React53 from "react";
 
 // src/components/InfiniteTable/components/rowDetail.css.ts
-var RowDetailRecipe = createRuntimeFn({ defaultClassName: "rowDetail_RowDetailRecipe__evqes20", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var RowDetailRecipe = createRuntimeFn({ defaultClassName: "evqes20", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/InfiniteTable/components/InfiniteTableRow/useRegisterDetail.ts
 import { useMemo as useMemo8, useRef as useRef23 } from "react";
@@ -23172,7 +23551,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "6.1.1-canary.0"
+      version: "6.2.0"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -23280,431 +23659,130 @@ function onCellDoubleClick(context, event) {
   };
   if (onCellDoubleClick2) {
     const result = onCellDoubleClick2(context, event);
-    if (result && typeof result === "object") {
-      dblClickResult = { ...dblClickResult, ...result };
-    }
-  }
-  if (dblClickResult.preventEdit) {
-    return;
-  }
-  const computed = context.getComputed();
-  const column = computed.computedVisibleColumns[context.colIndex];
-  context.api.startEdit({
-    rowIndex: context.rowIndex,
-    columnId: column.id
-  });
-}
-function updateCellSelectionOnCellClick(context, event) {
-  const {
-    getDataSourceState,
-    getState,
-    getComputed,
-    rowIndex,
-    colIndex,
-    dataSourceActions
-  } = context;
-  const dataSourceState = getDataSourceState();
-  const { selectionMode, cellSelection: existingCellSelection } = dataSourceState;
-  if (!existingCellSelection) {
-    return;
-  }
-  if (selectionMode !== "multi-cell") {
-    return;
-  }
-  const { multiCellSelector, computedVisibleColumns } = getComputed();
-  const { brain } = getState();
-  const { rowsPerPage } = brain;
-  const columnsPerSet = computedVisibleColumns.length;
-  const cellSelection = new CellSelectionState(existingCellSelection);
-  multiCellSelector.cellSelectionState = cellSelection;
-  const position2 = {
-    rowIndex,
-    colIndex
-  };
-  if (event.metaKey || event.ctrlKey) {
-    multiCellSelector.singleAddClick(position2);
-  } else if (event.shiftKey) {
-    const horizontalLayout = !!getState().wrapRowsHorizontally;
-    multiCellSelector.multiSelectClick(
-      position2,
-      horizontalLayout ? {
-        horizontalLayout,
-        rowsPerPage,
-        columnsPerSet
-      } : {
-        horizontalLayout
-      }
-    );
-  } else {
-    multiCellSelector.resetClick(position2);
-  }
-  dataSourceActions.cellSelection = cellSelection;
-}
-function updateRowSelectionOnCellClick(context, event) {
-  const {
-    rowIndex,
-    getDataSourceState,
-    getComputed,
-    dataSourceActions,
-    api,
-    cloneRowSelection: cloneRowSelection2
-  } = context;
-  const { multiRowSelector, renderSelectionCheckBox } = getComputed();
-  const dataSourceState = getDataSourceState();
-  const { selectionMode, groupBy, dataArray, isTree } = dataSourceState;
-  if (groupBy.length) {
-    return false;
-  }
-  if (isTree) {
-    return false;
-  }
-  const rowInfo = dataArray[rowIndex];
-  if (rowInfo?.rowDisabled) {
-    return false;
-  }
-  if (selectionMode === "multi-row") {
-    if (renderSelectionCheckBox && !event.key) {
-      return false;
-    }
-    let { rowSelection: rowSelectionState } = dataSourceState;
-    rowSelectionState = cloneRowSelection2(
-      rowSelectionState
-    );
-    multiRowSelector.rowSelectionState = rowSelectionState;
-    if (rowSelectionState && typeof rowSelectionState === "object") {
-      if (event.shiftKey) {
-        multiRowSelector.multiSelectClick(rowIndex);
-      } else if (event.metaKey || event.ctrlKey) {
-        multiRowSelector.singleAddClick(rowIndex);
-      } else {
-        multiRowSelector.resetClick(rowIndex);
-      }
-      dataSourceActions.rowSelection = rowSelectionState;
-      return true;
-    }
-  } else if (selectionMode === "single-row") {
-    const rowInfo2 = dataArray[rowIndex];
-    const id = rowInfo2.id;
-    if (event.metaKey || event.ctrlKey) {
-      api.rowSelectionApi.toggleRowSelection(id);
-    } else {
-      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);
-}
-
-// src/components/InfiniteTable/eventHandlers/keyboardNavigation.ts
-function getNextEnabledRowIndex(getDataSourceState, activeRowIndex, direction) {
-  const dataArray = getDataSourceState().dataArray;
-  const min = 0;
-  const max = dataArray.length - 1;
-  let i = activeRowIndex;
-  do {
-    i += direction;
-    const rowInfo = dataArray[i];
-    if (!rowInfo) {
-      return i < min ? min : max;
-    }
-    if (!rowInfo.rowDisabled) {
-      return i;
-    }
-  } while (i >= min && i <= max);
-  return clamp(i, min, max);
-}
-function handleRowNavigation(options, event) {
-  const { getState, getDataSourceState, actions, api, dataSourceApi } = options;
-  const { key } = event;
-  const dataArray = getDataSourceState().dataArray;
-  const arrLength = dataArray.length;
-  const state = getState();
-  const { brain } = state;
-  let { activeRowIndex } = state;
-  if (activeRowIndex == null) {
-    return false;
-  }
-  const {
-    start: [startRow],
-    end: [endRow]
-  } = brain.getRenderRange();
-  const initialActiveRowIndex = activeRowIndex;
-  const renderRowCount = endRow - startRow - 1;
-  const min = 0;
-  const max = arrLength - 1;
-  const KeyToFunction = {
-    ArrowDown: () => {
-      activeRowIndex = getNextEnabledRowIndex(
-        getDataSourceState,
-        activeRowIndex,
-        1
-      );
-    },
-    ArrowUp: () => {
-      activeRowIndex = getNextEnabledRowIndex(
-        getDataSourceState,
-        activeRowIndex,
-        -1
-      );
-    },
-    ArrowLeft: () => {
-      const rowInfo = dataArray[activeRowIndex];
-      if (brain.isHorizontalLayoutBrain) {
-        const rowsPerPage = brain.rowsPerPage;
-        if (activeRowIndex - rowsPerPage >= min) {
-          activeRowIndex = activeRowIndex - rowsPerPage;
-        } else {
-          KeyToFunction.ArrowUp();
-        }
-        return;
-      }
-      if (rowInfo && rowInfo.isGroupRow) {
-        return api.collapseGroupRow(rowInfo.groupKeys);
-      }
-      if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
-        return api.rowDetailApi.collapseRowDetail(rowInfo.id);
-      }
-      return false;
-    },
-    ArrowRight: () => {
-      const rowInfo = dataArray[activeRowIndex];
-      if (brain.isHorizontalLayoutBrain) {
-        const rowsPerPage = brain.rowsPerPage;
-        if (activeRowIndex + rowsPerPage <= max) {
-          activeRowIndex = activeRowIndex + rowsPerPage;
-        } else {
-          KeyToFunction.ArrowDown();
-        }
-        return;
-      }
-      if (rowInfo && rowInfo.isGroupRow) {
-        return api.expandGroupRow(rowInfo.groupKeys);
-      }
-      if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
-        return api.rowDetailApi.expandRowDetail(rowInfo.id);
-      }
-      return false;
-    },
-    Enter: () => {
-      const rowInfo = dataArray[activeRowIndex];
-      if (rowInfo && rowInfo.isGroupRow) {
-        return api.toggleGroupRow(rowInfo.groupKeys);
-      }
-      if (rowInfo && rowInfo.isTreeNode && rowInfo.isParentNode) {
-        return dataSourceApi.treeApi.toggleNode(rowInfo.nodePath);
-      }
-      const hasRowDetail = api.rowDetailApi.isRowDetailEnabledForRow(
-        rowInfo.id
-      );
-      if (hasRowDetail) {
-        return api.rowDetailApi.toggleRowDetail(rowInfo.id);
-      }
-      return false;
-    },
-    PageDown: () => {
-      activeRowIndex = Math.min(
-        activeRowIndex + renderRowCount,
-        arrLength - 1
-      );
-    },
-    PageUp: () => {
-      activeRowIndex = Math.max(activeRowIndex - renderRowCount, min);
-    },
-    End: () => {
-      activeRowIndex = max;
-    },
-    Home: () => {
-      activeRowIndex = min;
+    if (result && typeof result === "object") {
+      dblClickResult = { ...dblClickResult, ...result };
     }
-  };
-  const Fn = KeyToFunction[key];
-  if (!Fn) {
-    return false;
   }
-  Fn();
-  if (initialActiveRowIndex !== activeRowIndex) {
-    actions.activeRowIndex = activeRowIndex;
-    return true;
+  if (dblClickResult.preventEdit) {
+    return;
   }
-  return false;
+  const computed = context.getComputed();
+  const column = computed.computedVisibleColumns[context.colIndex];
+  context.api.startEdit({
+    rowIndex: context.rowIndex,
+    columnId: column.id
+  });
 }
-function handleCellNavigation(options, event) {
+function updateCellSelectionOnCellClick(context, event) {
   const {
-    api,
+    getDataSourceState,
     getState,
     getComputed,
-    getDataSourceState,
-    dataSourceApi,
-    actions
-  } = options;
-  const { key, shiftKey } = event;
-  const dataArray = getDataSourceState().dataArray;
-  const state = getState();
-  const { activeCellIndex, brain } = state;
-  if (!activeCellIndex) {
-    return false;
+    rowIndex,
+    colIndex,
+    dataSourceActions
+  } = context;
+  const dataSourceState = getDataSourceState();
+  const { selectionMode, cellSelection: existingCellSelection } = dataSourceState;
+  if (!existingCellSelection) {
+    return;
   }
-  let [rowIndex, colIndex] = activeCellIndex;
-  const {
-    start: [startRow, startCol],
-    end: [endRow, endCol]
-  } = brain.getRenderRange();
-  const renderRowCount = endRow - startRow - 1;
-  const renderColCount = endCol - startCol - 1;
-  const maxRow = getDataSourceState().dataArray.length - 1;
-  const maxCol = getComputed().computedVisibleColumns.length - 1;
-  const minRow = 0;
-  const minCol = 0;
-  rowIndex = clamp(rowIndex, 0, maxRow);
-  colIndex = clamp(colIndex, 0, maxCol);
-  actions.activeCellIndex = [rowIndex, colIndex];
-  const KeyToFunction = {
-    ArrowDown: () => {
-      rowIndex = clamp(rowIndex + 1, minRow, maxRow);
-    },
-    ArrowUp: () => {
-      rowIndex = clamp(rowIndex - 1, minRow, maxRow);
-    },
-    ArrowLeft: () => {
-      if (colIndex === minCol) {
-        if (rowIndex !== minRow) {
-          colIndex = maxCol;
-        }
-        if (brain.isHorizontalLayoutBrain) {
-          const rowsPerPage = brain.rowsPerPage;
-          if (rowIndex - rowsPerPage >= minRow) {
-            rowIndex = rowIndex - rowsPerPage;
-          } else {
-            KeyToFunction.ArrowUp();
-          }
-        } else {
-          KeyToFunction.ArrowUp();
-        }
-      } else {
-        colIndex = clamp(colIndex - 1, minCol, maxCol);
-      }
-    },
-    ArrowRight: () => {
-      if (colIndex === maxCol) {
-        if (rowIndex !== maxRow) {
-          colIndex = minCol;
-        }
-        if (brain.isHorizontalLayoutBrain) {
-          const rowsPerPage = brain.rowsPerPage;
-          if (rowIndex + rowsPerPage <= maxRow) {
-            rowIndex = rowIndex + rowsPerPage;
-          } else {
-            KeyToFunction.ArrowDown();
-          }
-        } else {
-          KeyToFunction.ArrowDown();
-        }
-      } else {
-        colIndex = clamp(colIndex + 1, minCol, maxCol);
-      }
-    },
-    Enter: () => {
-      const rowInfo = dataArray[rowIndex];
-      if (rowInfo && rowInfo.isGroupRow) {
-        return api.toggleGroupRow(rowInfo.groupKeys);
-      }
-      if (rowInfo && rowInfo.isTreeNode && rowInfo.isParentNode) {
-        return dataSourceApi.treeApi.toggleNode(rowInfo.nodePath);
-      }
-      if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
-        return api.rowDetailApi.toggleRowDetail(rowInfo.id);
-      }
-      return false;
-    },
-    PageDown: () => {
-      if (!shiftKey) {
-        rowIndex = Math.min(rowIndex + renderRowCount, maxRow);
-      } else {
-        colIndex = Math.min(colIndex + renderColCount, maxCol);
-      }
-    },
-    PageUp: () => {
-      if (!shiftKey) {
-        rowIndex = Math.max(rowIndex - renderRowCount, minRow);
-      } else {
-        colIndex = Math.max(colIndex - renderColCount, minCol);
-      }
-    },
-    End: () => {
-      if (!shiftKey) {
-        rowIndex = maxRow;
-      } else {
-        colIndex = maxCol;
-      }
-    },
-    Home: () => {
-      if (!shiftKey) {
-        rowIndex = minRow;
-      } else {
-        colIndex = minCol;
-      }
-    }
+  if (selectionMode !== "multi-cell") {
+    return;
+  }
+  const { multiCellSelector, computedVisibleColumns } = getComputed();
+  const { brain } = getState();
+  const { rowsPerPage } = brain;
+  const columnsPerSet = computedVisibleColumns.length;
+  const cellSelection = new CellSelectionState(existingCellSelection);
+  multiCellSelector.cellSelectionState = cellSelection;
+  const position2 = {
+    rowIndex,
+    colIndex
   };
-  const Fn = KeyToFunction[key];
-  if (!Fn) {
-    return false;
+  if (event.metaKey || event.ctrlKey) {
+    multiCellSelector.singleAddClick(position2);
+  } else if (event.shiftKey) {
+    const horizontalLayout = !!getState().wrapRowsHorizontally;
+    multiCellSelector.multiSelectClick(
+      position2,
+      horizontalLayout ? {
+        horizontalLayout,
+        rowsPerPage,
+        columnsPerSet
+      } : {
+        horizontalLayout
+      }
+    );
+  } else {
+    multiCellSelector.resetClick(position2);
   }
-  Fn();
-  actions.activeCellIndex = [rowIndex, colIndex];
-  return true;
+  dataSourceActions.cellSelection = cellSelection;
 }
-var validKeys = {
-  ArrowUp: true,
-  ArrowDown: true,
-  ArrowLeft: true,
-  ArrowRight: true,
-  PageUp: true,
-  PageDown: true,
-  Home: true,
-  End: true,
-  Enter: true,
-  " ": true
-};
-function handleKeyboardNavigation(options, event) {
-  const { key } = event;
-  const { getState } = options;
-  const state = getState();
+function updateRowSelectionOnCellClick(context, event) {
   const {
-    activeRowIndex,
-    activeCellIndex,
-    keyboardNavigation,
-    cellContextMenuVisibleFor,
-    contextMenuVisibleFor
-  } = state;
-  if (cellContextMenuVisibleFor || contextMenuVisibleFor) {
+    rowIndex,
+    getDataSourceState,
+    getComputed,
+    dataSourceActions,
+    api,
+    cloneRowSelection: cloneRowSelection2
+  } = context;
+  const { multiRowSelector, renderSelectionCheckBox } = getComputed();
+  const dataSourceState = getDataSourceState();
+  const { selectionMode, groupBy, dataArray, isTree } = dataSourceState;
+  if (groupBy.length) {
     return false;
   }
-  if (!validKeys[key]) {
+  if (isTree) {
     return false;
   }
-  if (activeRowIndex != null && keyboardNavigation === "row") {
-    return handleRowNavigation(options, event);
+  const rowInfo = dataArray[rowIndex];
+  if (rowInfo?.rowDisabled) {
+    return false;
   }
-  if (activeCellIndex != null && keyboardNavigation === "cell") {
-    return handleCellNavigation(options, event);
+  if (selectionMode === "multi-row") {
+    if (renderSelectionCheckBox && !event.key) {
+      return false;
+    }
+    let { rowSelection: rowSelectionState } = dataSourceState;
+    rowSelectionState = cloneRowSelection2(
+      rowSelectionState
+    );
+    multiRowSelector.rowSelectionState = rowSelectionState;
+    if (rowSelectionState && typeof rowSelectionState === "object") {
+      if (event.shiftKey) {
+        multiRowSelector.multiSelectClick(rowIndex);
+      } else if (event.metaKey || event.ctrlKey) {
+        multiRowSelector.singleAddClick(rowIndex);
+      } else {
+        multiRowSelector.resetClick(rowIndex);
+      }
+      dataSourceActions.rowSelection = rowSelectionState;
+      return true;
+    }
+  } else if (selectionMode === "single-row") {
+    const rowInfo2 = dataArray[rowIndex];
+    const id = rowInfo2.id;
+    if (event.metaKey || event.ctrlKey) {
+      api.rowSelectionApi.toggleRowSelection(id);
+    } else {
+      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/InfiniteTable/eventHandlers/keyboardSelection.ts
 var validKeys2 = {
   Enter: true,
@@ -24951,10 +25029,10 @@ MenuItem.defaultProps = {
 };
 
 // src/components/Menu/MenuCls.css.ts
-var MenuCls = "MenuCls_MenuCls__db3arf0 utilities_boxSizingBorderBox__16lm1iw0 utilities_position_relative__16lm1iw1 utilities_display_inlineGrid__16lm1iw16 utilities_flexFlow_column__16lm1iw1n utilities_margin_none__16lm1iw8";
-var MenuItemCls = createRuntimeFn({ defaultClassName: "MenuCls_MenuItemCls__db3arf2 utilities_display_flex__16lm1iwz utilities_alignItems_center__16lm1iw1r utilities_userSelect_none__16lm1iw17", variantClassNames: { disabled: { true: "MenuCls_MenuItemCls_disabled_true__db3arf3 utilities_cursor_default__16lm1iwj utilities_userSelect_none__16lm1iw17", false: "utilities_cursor_pointer__16lm1iwi" }, active: { true: "MenuCls_MenuItemCls_active_true__db3arf5", false: "MenuCls_MenuItemCls_active_false__db3arf6" }, pressed: { false: "MenuCls_MenuItemCls_pressed_false__db3arf7", true: "MenuCls_MenuItemCls_pressed_true__db3arf8" }, keyboardActive: { true: "MenuCls_MenuItemCls_keyboardActive_true__db3arf9", false: "MenuCls_MenuItemCls_keyboardActive_false__db3arfa" } }, defaultVariants: {}, compoundVariants: [[{ active: true, disabled: false }, "MenuCls_MenuItemCls_compound_0__db3arfb"], [{ pressed: true, active: true, disabled: false }, "MenuCls_MenuItemCls_compound_1__db3arfc"]] });
-var MenuRowCls = "MenuCls_MenuRowCls__db3arf1";
-var MenuSeparatorCls = "MenuCls_MenuSeparatorCls__db3arfd";
+var MenuCls = "db3arf0 _16lm1iw0 _16lm1iw1 _16lm1iw16 _16lm1iw1n _16lm1iw8";
+var MenuItemCls = createRuntimeFn({ defaultClassName: "db3arf2 _16lm1iwz _16lm1iw1r _16lm1iw17", variantClassNames: { disabled: { true: "db3arf3 _16lm1iwj _16lm1iw17", false: "_16lm1iwi" }, active: { true: "db3arf5", false: "db3arf6" }, pressed: { false: "db3arf7", true: "db3arf8" }, keyboardActive: { true: "db3arf9", false: "db3arfa" } }, defaultVariants: {}, compoundVariants: [[{ active: true, disabled: false }, "db3arfb"], [{ pressed: true, active: true, disabled: false }, "db3arfc"]] });
+var MenuRowCls = "db3arf1";
+var MenuSeparatorCls = "db3arfd";
 
 // src/components/Menu/childrenToRuntimeItems.tsx
 var SEPARATOR = "-";
@@ -26906,7 +26984,7 @@ function useGridScroll(onScroll, deps) {
 }
 
 // src/components/InfiniteTable/components/HScrollSyncContent.css.ts
-var HScrollSyncContentCls = "HScrollSyncContent_HScrollSyncContentCls__yzx0vj0";
+var HScrollSyncContentCls = "yzx0vj0";
 
 // src/components/InfiniteTable/components/HScrollSyncContent.tsx
 function HScrollSyncContent(props) {