lucent-ui 0.5.0 → 0.6.0

package/dist/index.d.ts

@@ -301,7 +301,7 @@ export declare const darkTokens: LucentTokens;
 
 export declare const DATA_TABLE_MANIFEST: ComponentManifest;
 
-export declare function DataTable<T extends object>({ columns, rows, pageSize, page: controlledPage, onPageChange, emptyState, style, }: DataTableProps<T>): JSX_2.Element;
+export declare function DataTable<T extends object>({ columns, rows, pageSize, page: controlledPage, onPageChange, onFilterChange, emptyState, style, }: DataTableProps<T>): JSX_2.Element;
 
 export declare interface DataTableColumn<T> {
     key: string;
@@ -309,6 +309,8 @@ export declare interface DataTableColumn<T> {
     /** Custom cell renderer — defaults to `String(row[key])` */
     render?: (row: T, index: number) => ReactNode;
     sortable?: boolean;
+    /** Adds a searchable, multi-select dropdown filter above the table for this column */
+    filterable?: boolean;
     width?: string;
     align?: 'left' | 'center' | 'right';
 }
@@ -321,6 +323,11 @@ export declare interface DataTableProps<T extends object> {
     /** Controlled current page (0-indexed) */
     page?: number;
     onPageChange?: (page: number) => void;
+    /**
+     * Called with the current filter map whenever any filter changes.
+     * Keys are column keys; values are arrays of selected filter strings (empty arrays are omitted).
+     */
+    onFilterChange?: (filters: Record<string, string[]>) => void;
     /** Empty state slot */
     emptyState?: ReactNode;
     style?: CSSProperties;