react-kd-grid 5.0.3 → 5.0.8

package/dist/components/ui/CustomSelect.d.ts

@@ -0,0 +1,14 @@
+interface Option {
+    label: string;
+    value: string;
+}
+interface CustomSelectProps {
+    options: Option[];
+    value?: string;
+    placeholder?: string;
+    onChange: (value: string) => void;
+    searchable?: boolean;
+    className?: string;
+}
+export declare const CustomSelect: ({ options, value, placeholder, onChange, searchable, className, }: CustomSelectProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/Popover.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { type Placement } from "@floating-ui/react";
+interface PopoverProps {
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    placement?: Placement;
+    offset?: number;
+    sameWidth?: boolean;
+    maxHeight?: number | string;
+    zIndex?: number;
+    className?: string;
+    children: React.ReactNode;
+    shouldIgnoreClose?: (target: Node) => boolean;
+}
+export declare const Popover: React.FC<PopoverProps>;
+export default Popover;

package/dist/grid/components/Filters/BooleanFilter.d.ts

@@ -0,0 +1,7 @@
+import { ColumnFilterValue } from "../../types";
+interface BooleanFilterProps {
+    value: ColumnFilterValue | null;
+    onChange: (value: ColumnFilterValue | null) => void;
+}
+export declare const BooleanFilter: ({ value, onChange }: BooleanFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Filters/DateFilter.d.ts

@@ -0,0 +1,9 @@
+import { ColumnFilterValue } from "../../types";
+interface DateFilterProps {
+    value: ColumnFilterValue | null;
+    onChange: (value: ColumnFilterValue | null) => void;
+    min?: number;
+    max?: number;
+}
+export declare const DateFilter: ({ value, onChange, min, max }: DateFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Filters/FilterContent.d.ts

@@ -0,0 +1,9 @@
+import { ColumnFilterValue, GridColumn, GridRow } from "../../types";
+interface FilterContentProps {
+    column: GridColumn;
+    data: GridRow[];
+    value: ColumnFilterValue | null;
+    onChange: (val: ColumnFilterValue | null) => void;
+}
+export declare const FilterContent: ({ column, data, value, onChange }: FilterContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Filters/FilterPopup.d.ts

@@ -0,0 +1,2 @@
+import { FilterPopupProps } from "../../types";
+export declare const FilterPopup: ({ column, data, currentFilter, onApplyFilter, onClose, position, autoApply, }: FilterPopupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/grid/components/Filters/MultiselectFilter.d.ts

@@ -0,0 +1,10 @@
+import { ColumnFilterValue, FilterOption, GridRow } from "../../types";
+interface MultiselectFilterProps {
+    value: ColumnFilterValue | null;
+    onChange: (value: ColumnFilterValue | null) => void;
+    options?: FilterOption[];
+    data: GridRow[];
+    columnKey: string;
+}
+export declare const MultiselectFilter: ({ value, onChange, options, data, columnKey, }: MultiselectFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Filters/NumberFilter.d.ts

@@ -0,0 +1,9 @@
+import { ColumnFilterValue } from "../../types";
+interface NumberFilterProps {
+    value: ColumnFilterValue | null;
+    onChange: (value: ColumnFilterValue | null) => void;
+    min?: number;
+    max?: number;
+}
+export declare const NumberFilter: ({ value, onChange, min, max, }: NumberFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Filters/TextFilter.d.ts

@@ -0,0 +1,8 @@
+import { ColumnFilterValue } from "../../types";
+interface TextFilterProps {
+    value: ColumnFilterValue | null;
+    onChange: (value: ColumnFilterValue | null) => void;
+    placeholder?: string;
+}
+export declare const TextFilter: ({ value, onChange, placeholder, }: TextFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Filters/index.d.ts

@@ -0,0 +1,6 @@
+export { TextFilter } from './TextFilter';
+export { NumberFilter } from './NumberFilter';
+export { DateFilter } from './DateFilter';
+export { MultiselectFilter } from './MultiselectFilter';
+export { BooleanFilter } from './BooleanFilter';
+export { FilterPopup } from './FilterPopup';

package/dist/grid/components/Popovers/BulkActionPopover.d.ts

@@ -0,0 +1,17 @@
+import { BulkActionOption } from "../../types";
+interface BulkActionPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    bulkActions: BulkActionOption[];
+    selectedRowsCount: number;
+    onBulkAction: (action: BulkActionOption) => void;
+}
+/**
+ * BulkActionPopover
+ *
+ * Displays a menu of actions that can be globally applied to all currently selected grid rows.
+ * Features customizable icons and labels per action.
+ */
+export declare const BulkActionPopover: ({ isOpen, anchorEl, onClose, bulkActions, selectedRowsCount, onBulkAction, }: BulkActionPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Popovers/ColumnVisibilityPopover.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+interface ColumnDefinition {
+    key: string;
+    header: string;
+}
+interface ColumnVisibilityPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    filteredColumns: ColumnDefinition[];
+    columnVisibility: Record<string, boolean>;
+    onColumnToggle: (columnKey: string) => void;
+    columnSearch: string;
+    onColumnSearchChange: (value: string) => void;
+    onResetColumns: () => void;
+    onScrollToColumn?: (columnKey: string) => void;
+    onColumnVisibilityChange?: (columnKey: string, visible: boolean) => void;
+    draggingKey: string | null;
+    dragOver: {
+        key: string;
+        position: "before" | "after";
+    } | null;
+    handleDragStart: (columnKey: string, e: React.DragEvent) => void;
+    handleDragOver: (targetKey: string, e: React.DragEvent) => void;
+    handleDrop: (targetKey: string) => void;
+    handleDragEnd: () => void;
+}
+/**
+ * ColumnVisibilityPopover
+ *
+ * Provides the UI for toggling column visibility and reordering columns via drag-and-drop.
+ * Includes column search and reset functionality.
+ */
+export declare const ColumnVisibilityPopover: ({ isOpen, anchorEl, onClose, filteredColumns, columnVisibility, onColumnToggle, columnSearch, onColumnSearchChange, onResetColumns, onScrollToColumn, onColumnVisibilityChange, draggingKey, dragOver, handleDragStart, handleDragOver, handleDrop, handleDragEnd, }: ColumnVisibilityPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Popovers/ExportPopover.d.ts

@@ -0,0 +1,18 @@
+import { ExportFormat } from "../../types";
+interface ExportPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    exportFormats: ExportFormat[];
+    filteredDataLength: number;
+    selectedRowsCount: number;
+    onExport: (format: ExportFormat, exportSelected: boolean) => void;
+}
+/**
+ * ExportPopover
+ *
+ * Provides the UI for exporting grid data in various formats (CSV, JSON, Excel).
+ * Allows exporting either all filtered data or only the currently selected rows.
+ */
+export declare const ExportPopover: ({ isOpen, anchorEl, onClose, exportFormats, filteredDataLength, selectedRowsCount, onExport, }: ExportPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Popovers/FilterPopover.d.ts

@@ -0,0 +1,29 @@
+interface ColumnDefinition {
+    key: string;
+    header: string;
+    visible?: boolean;
+    filterOptions?: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    filterType?: "text" | "select" | "multiselect";
+    filterable?: any;
+}
+interface FilterPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    onClearFilters?: () => void;
+    columns: ColumnDefinition[];
+    columnFilters: Record<string, any>;
+    onColumnFilter?: (columnKey: string, filter: any) => void;
+    hasFilterableColumns: boolean;
+}
+/**
+ * FilterPopover
+ *
+ * Provides the UI for managing column-specific filters.
+ * Includes a search/select interface for each filterable column and a clear all action.
+ */
+export declare const FilterPopover: ({ isOpen, anchorEl, onClose, onClearFilters, columns, columnFilters, onColumnFilter, hasFilterableColumns, }: FilterPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Popovers/SettingsPopover.d.ts

@@ -0,0 +1,17 @@
+import { Density } from "../../types";
+interface SettingsPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    density: Density;
+    onDensityChange?: (density: Density) => void;
+    showDensityControl?: boolean;
+}
+/**
+ * SettingsPopover
+ *
+ * Provides a menu for general grid configurations.
+ * Currently supports Row Density selection and is easily extensible for future settings.
+ */
+export declare const SettingsPopover: ({ isOpen, anchorEl, onClose, density, onDensityChange, showDensityControl, }: SettingsPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Shared/CellEditor.d.ts

@@ -0,0 +1,23 @@
+/**
+ * CellEditor
+ *
+ * Renders the appropriate input control for an inline cell edit session.
+ * Lifecycle:
+ *   • mounts → auto-focuses, selects all existing text
+ *   • Enter / Tab → commit  (Tab also moves focus to next cell conceptually)
+ *   • Escape      → cancel
+ *   • blur        → commit  (unless blur was caused by Escape)
+ *
+ * Props are intentionally minimal — the parent hook owns the "editing cell"
+ * identity; this component only owns the *draft value* and input DOM state.
+ */
+import type { GridColumn, GridRow } from "../../types";
+interface CellEditorProps {
+    column: GridColumn;
+    row: GridRow;
+    initialValue: any;
+    onCommit: (newValue: any) => void;
+    onCancel: () => void;
+}
+export declare const CellEditor: ({ column, row, initialValue, onCommit, onCancel, }: CellEditorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Shared/ColumnFilterSelector.d.ts

@@ -0,0 +1,18 @@
+interface ColumnFilterSelectorProps {
+    columns: Array<{
+        key: string;
+        header: string;
+        filterable?: {
+            type?: string;
+            options?: Array<{
+                label: string;
+                value: string | number;
+            }>;
+            placeholder?: string;
+        };
+    }>;
+    columnFilters: Record<string, any>;
+    onColumnFilter?: (columnKey: string, filter: any) => void;
+}
+export declare const ColumnFilterSelector: ({ columns, columnFilters, onColumnFilter, }: ColumnFilterSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Shared/FooterAggregate.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { GridColumn, GridRow } from "../../types";
+interface FooterAggregateProps {
+    columns: (GridColumn & {
+        width: number;
+    })[];
+    data: GridRow[];
+    selectable: boolean;
+    /** Resolved row height so footer matches density */
+    rowHeight: number;
+    /** Pinned columns (same semantics as grid body) */
+    pinnedColumns?: Set<string>;
+    getRowId?: (row: GridRow) => string | number;
+}
+export declare const FooterAggregate: React.NamedExoticComponent<FooterAggregateProps>;
+export {};

package/dist/grid/components/Shared/GridHeader.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import { GridColumn, SortConfig, ActiveFilters, ColumnFilterValue, GridRow } from "../../types";
+interface GridHeaderProps {
+    pinnedColumns: GridColumn[];
+    unpinnedColumns: GridColumn[];
+    hvPadLeft?: number;
+    hvPadRight?: number;
+    headerHeight: number;
+    sortConfig: SortConfig;
+    columnFilters: ActiveFilters;
+    selectable: boolean;
+    selectedRows: Set<string | number>;
+    totalRows: number;
+    data: GridRow[];
+    onSort: (key: string) => void;
+    onColumnFilter: (key: string, filter: ColumnFilterValue | null) => void;
+    onSelectAll: () => void;
+    onColumnResize?: (columnKey: string, width: number) => void;
+    pinnedKeySet?: Set<string>;
+    onColumnPin?: (columnKey: string, pinned: boolean) => void;
+    groupable?: boolean;
+    groupedByColumn?: string | null;
+    onGroupBy?: (columnKey: string | null) => void;
+    groupedByColumns?: string[];
+    onGroupToggle?: (columnKey: string, nextGrouped: boolean) => void;
+    onAutosizeColumn?: (columnKey: string) => void;
+    onAutosizeAllColumns?: () => void;
+    onResetColumns?: () => void;
+    columnOrder: string[];
+    onColumnOrderChange: (order: string[]) => void;
+    paginationMode?: "client" | "server" | null;
+    /** Minimum column width enforced during drag-resize. Defaults to 80px. */
+    minResizeWidth?: number;
+}
+export declare const GridHeader: React.MemoExoticComponent<{
+    ({ pinnedColumns, unpinnedColumns, hvPadLeft, hvPadRight, headerHeight, sortConfig, columnFilters, selectable, selectedRows, totalRows, data, onSort, onColumnFilter, onSelectAll, onColumnResize, pinnedKeySet, onColumnPin, groupable, groupedByColumn, onGroupBy, groupedByColumns, onGroupToggle, onAutosizeColumn, onAutosizeAllColumns, onResetColumns, columnOrder, onColumnOrderChange, paginationMode, minResizeWidth, }: GridHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export {};

package/dist/grid/components/Shared/GridRows.d.ts

@@ -0,0 +1,53 @@
+import { CSSProperties, MouseEvent } from "react";
+import { GridRow, GridColumn, VirtualizedRange, ContextMenuItem, RowEventParams, CellClickParams, CellContextMenuParams } from "../../types";
+interface GridRowsProps {
+    data: GridRow[];
+    columns: GridColumn[];
+    selectedRows: Set<string | number>;
+    virtualized: boolean;
+    virtualizedRange: VirtualizedRange;
+    rowHeight: number;
+    selectable: boolean;
+    isRowSelectable?: (row: GridRow) => boolean;
+    onRowSelect: (rowId: string | number, isSelected: boolean) => void;
+    pinnedColumns?: Set<string>;
+    hvPadLeft?: number;
+    hvPadRight?: number;
+    rowStyle?: (row: GridRow) => CSSProperties | undefined;
+    globalFilter?: string;
+    onContextMenu?: (params: RowEventParams) => void;
+    onRowDoubleClick?: (params: RowEventParams) => void;
+    onRowClick?: (params: RowEventParams) => void;
+    onCellClick?: (params: CellClickParams) => void;
+    isCellFocused?: (rowId: string | number, columnKey: string) => boolean;
+    isCellSelected?: (rowId: string | number, columnKey: string) => boolean;
+    onCellContextMenu?: (params: CellContextMenuParams) => void;
+    onCellMouseDown?: (args: {
+        row: GridRow;
+        column: GridColumn;
+        event: MouseEvent;
+    }) => void;
+    onCellMouseEnter?: (args: {
+        row: GridRow;
+        column: GridColumn;
+        event: MouseEvent;
+    }) => void;
+    /** Custom items for the row right-click context menu. */
+    contextMenuItems?: ContextMenuItem[];
+    getRowId?: (row: GridRow) => string | number;
+    /** Returns true when a specific (rowId, columnKey) pair is currently being edited. */
+    isEditing?: (rowId: string | number, columnKey: string) => boolean;
+    /** Called when the user double-clicks (or presses F2 on) an editable cell. */
+    onStartEdit?: (row: GridRow, column: GridColumn) => void;
+    /** Called by CellEditor when the user commits a value. */
+    onCommitEdit?: (newValue: any) => void;
+    /** Called by CellEditor when the user cancels without saving. */
+    onCancelEdit?: () => void;
+    /** The current edit initial value — passed down to CellEditor to initialise draft state. */
+    editingInitialValue?: any;
+}
+export declare const GridRows: import("react").MemoExoticComponent<{
+    ({ data, columns, selectedRows, virtualized, virtualizedRange, rowHeight, selectable, isRowSelectable, onRowSelect, pinnedColumns, hvPadLeft, hvPadRight, rowStyle, globalFilter, onContextMenu, onRowDoubleClick, onRowClick, onCellClick, isCellFocused, isCellSelected, onCellContextMenu, onCellMouseDown, onCellMouseEnter, contextMenuItems, getRowId, isEditing, onStartEdit, onCommitEdit, onCancelEdit, editingInitialValue, }: GridRowsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export {};

package/dist/grid/components/Shared/GroupBar.d.ts

@@ -0,0 +1,12 @@
+import type { GridColumn } from "../../types";
+interface GroupBarProps {
+    columns: GridColumn[];
+    groupedKeys: string[];
+    onRemove: (columnKey: string) => void;
+    onReorder: (newOrder: string[]) => void;
+    onDropColumnKey: (columnKey: string) => void;
+    onToggleExpandAll?: () => void;
+    isAnyExpanded?: boolean;
+}
+export declare const GroupBar: ({ columns, groupedKeys, onRemove, onReorder, onDropColumnKey, onToggleExpandAll, isAnyExpanded, }: GroupBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Shared/GroupHeader.d.ts

@@ -0,0 +1,29 @@
+import { GridRow, KDGridProps } from "../../types";
+interface GroupHeaderProps {
+    row: GridRow & {
+        _isGroupHeader?: boolean;
+        _groupKey?: string;
+        _groupCount?: number;
+    };
+    isExpanded: boolean;
+    onToggle: (groupKey: string) => void;
+    viewportWidth: number;
+    selectable: boolean;
+    rowHeight?: number;
+    /**
+     * Optional function to map a column key to its display label (header).
+     * If not provided, the raw column key will be used as a fallback.
+     */
+    getHeaderLabel?: (columnKey: string) => string;
+    /**
+     * Optional function to map a column key and raw group value to a display label.
+     * Useful to apply the column's formatter for group headers.
+     */
+    getValueLabel?: (columnKey: string, rawValue: any) => string;
+    /**
+     * Optional custom renderer for actions on grouped rows.
+     */
+    renderGroupActions?: KDGridProps["renderGroupActions"];
+}
+export declare const GroupHeader: import("react").MemoExoticComponent<({ row, isExpanded, onToggle, viewportWidth, selectable, rowHeight, getHeaderLabel, getValueLabel, renderGroupActions, }: GroupHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/grid/components/Shared/LicenseError.d.ts

@@ -0,0 +1,9 @@
+/**
+ * LicenseError
+ *
+ * Shown inside the grid body when an invalid or missing `licenseKey` is
+ * detected. Rendering it in the body (rather than replacing the entire
+ * component) keeps the column header visible so consumers can still see
+ * the grid structure and understand what data *should* be there.
+ */
+export declare const LicenseError: () => import("react/jsx-runtime").JSX.Element;

package/dist/grid/components/Shared/NoDataMessage.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+interface NoDataMessageProps {
+    hasFilters?: boolean;
+    hasData?: boolean;
+    /** Custom text message. Overridden by `renderer` if both are set. */
+    message?: string;
+    /** Fully custom empty-state renderer — takes precedence over `message`. */
+    renderer?: () => ReactNode;
+}
+export declare const NoDataMessage: ({ hasFilters, hasData, message, renderer, }: NoDataMessageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Shared/PaginationControls.d.ts

@@ -0,0 +1,18 @@
+import { PaginationConfig } from "../../types";
+interface PaginationControlsProps {
+    paginationConfig: PaginationConfig;
+    currentPage: number;
+    isServerLoading: boolean;
+    selectedRowsCount: number;
+    totalDataLength: number;
+    filteredDataLength?: number;
+    paginationMode?: "client" | "server";
+    onPageChange: (page: number, pageSize: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+    showNoDataMessage?: boolean;
+}
+export declare const PaginationControls: import("react").MemoExoticComponent<{
+    ({ paginationConfig, currentPage, isServerLoading, selectedRowsCount, totalDataLength, filteredDataLength, paginationMode, onPageChange, onPageSizeChange, }: PaginationControlsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export {};

package/dist/grid/components/Shared/RowContextMenu.d.ts

@@ -0,0 +1,18 @@
+import { GridRow, ContextMenuItem } from "../../types";
+/** Ready-made starter items — ONLY for development / demos.
+ *  All items are no-ops in dev environments (they log in DEV only).
+ *  Do NOT rely on these in production; wire your own `contextMenuItems`. */
+export declare const defaultContextMenuItems: ContextMenuItem[];
+interface RowContextMenuProps {
+    row: GridRow;
+    position: {
+        x: number;
+        y: number;
+    };
+    isVisible: boolean;
+    onClose: () => void;
+    /** Custom menu items. If not provided the menu will not render. */
+    menuItems?: ContextMenuItem[];
+}
+export declare const RowContextMenu: ({ row, position, isVisible, onClose, menuItems, }: RowContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,70 @@
+import { ChangeEvent, ReactNode } from "react";
+import type { BulkActionOption, Density, ExportFormat, SavedFilter } from "../../types";
+interface ColumnVisibility {
+    [columnKey: string]: boolean;
+}
+interface SearchToolbarProps {
+    globalFilter: string;
+    filteredDataLength: number;
+    totalDataLength: number;
+    paginationMode?: "client" | "server";
+    totalRows?: number;
+    selectedRowsCount?: number;
+    selectedRows?: Set<string | number>;
+    showExport?: boolean;
+    showRefresh?: boolean;
+    showColumnToggle?: boolean;
+    showBulkActions?: boolean;
+    showSavedFilters?: boolean;
+    columns?: Array<{
+        key: string;
+        header: string;
+        visible?: boolean;
+        filterOptions?: Array<{
+            label: string;
+            value: string | number;
+        }>;
+        filterType?: "text" | "select" | "multiselect";
+        filterable?: any;
+    }>;
+    columnVisibility?: ColumnVisibility;
+    columnFilters?: Record<string, any>;
+    savedFilters?: SavedFilter[];
+    bulkActions?: BulkActionOption[];
+    loading?: boolean;
+    exportOptions?: {
+        enabled: boolean;
+        formats?: ExportFormat[];
+        filename?: string;
+        onExport?: (format: ExportFormat, exportSelected: boolean) => void;
+    };
+    onGlobalFilterChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onClearFilters?: () => void;
+    onRefresh?: () => void;
+    onColumnVisibilityChange?: (columnKey: string, visible: boolean) => void;
+    onColumnFilter?: (columnKey: string, filter: any) => void;
+    onSaveFilter?: (filter: Omit<SavedFilter, "id">) => void;
+    onLoadFilter?: (filter: SavedFilter) => void;
+    onDeleteFilter?: (filterId: string) => void;
+    onRowSelect?: (selectedRows: number[]) => void;
+    onToggleFilters?: (show: boolean) => void;
+    onResetColumns?: () => void;
+    columnOrder?: string[];
+    onColumnOrderChange?: (order: string[]) => void;
+    pinnedColumns?: Set<string>;
+    onScrollToColumn?: (columnKey: string) => void;
+    density?: Density;
+    onDensityChange?: (density: Density) => void;
+    showDensityControl?: boolean;
+    customLeftContent?: ReactNode;
+    customRightContent?: ReactNode;
+}
+/**
+ * Optimized SearchToolbar using React.memo to prevent unnecessary re-renders
+ * as users type in the global search or modify filters.
+ */
+export declare const Toolbar: import("react").MemoExoticComponent<{
+    ({ globalFilter, filteredDataLength, totalDataLength, selectedRowsCount, selectedRows, showExport, showColumnToggle, showBulkActions, columns, columnVisibility, columnFilters, bulkActions, exportOptions, onGlobalFilterChange, onClearFilters, onColumnVisibilityChange, onColumnFilter, onResetColumns, columnOrder, onColumnOrderChange, pinnedColumns, onScrollToColumn, density, onDensityChange, showDensityControl, customLeftContent, customRightContent, }: SearchToolbarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export {};

package/dist/grid/constants/index.d.ts

@@ -0,0 +1 @@
+export declare const SELECT_COL_WIDTH = 48;

package/dist/grid/constants/toolbar.d.ts

@@ -0,0 +1,17 @@
+import { ExportFormat, Density } from "../types";
+/**
+ * Mappings for Export formats to their respective icons.
+ */
+export declare const getExportIcon: (format: ExportFormat) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Mappings for Bulk Action IDs to their respective icons.
+ */
+export declare const getBulkActionIcon: (action: string) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Human-readable labels for export formats.
+ */
+export declare const getFormatLabel: (format: ExportFormat) => "CSV" | "JSON" | "Excel";
+/**
+ * Default density options for the grid.
+ */
+export declare const DENSITY_OPTIONS: Density[];

package/dist/grid/core/DataGrid.d.ts

@@ -0,0 +1,3 @@
+import type { KDGridProps, KDGridRef } from "../types";
+export declare const KDGrid: import("react").ForwardRefExoticComponent<KDGridProps & import("react").RefAttributes<KDGridRef>>;
+export default KDGrid;