@optilogic/core 1.0.0-beta.7 → 1.0.0-beta.9

package/dist/index.d.cts

@@ -118,7 +118,7 @@ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$
  * Badge variant styles using class-variance-authority.
  */
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "muted" | "success" | "warning" | "accent" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "muted" | "accent" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
@@ -515,7 +515,7 @@ declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDia
  */
 declare const cardVariants: (props?: ({
     size?: "sm" | "lg" | "auto" | "md" | "xl" | "full" | null | undefined;
-    hover?: "none" | "scale" | "border" | "lift" | "glow" | "border-success" | "border-warning" | "border-destructive" | "border-muted" | null | undefined;
+    hover?: "none" | "scale" | "lift" | "glow" | "border" | "border-success" | "border-warning" | "border-destructive" | "border-muted" | null | undefined;
     interactive?: boolean | null | undefined;
     padding?: "sm" | "lg" | "none" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -584,7 +584,7 @@ interface CardFooterProps extends React$1.HTMLAttributes<HTMLDivElement> {
  */
 declare const CardFooter: React$1.ForwardRefExoticComponent<CardFooterProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const cardImageVariants: (props?: ({
-    aspectRatio?: "video" | "auto" | "square" | "wide" | "portrait" | null | undefined;
+    aspectRatio?: "auto" | "video" | "square" | "wide" | "portrait" | null | undefined;
     position?: "fill" | "top" | "bottom" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CardImageProps extends React$1.ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof cardImageVariants> {
@@ -694,7 +694,7 @@ interface SelectableCardProps extends CardProps {
  */
 declare const SelectableCard: React$1.ForwardRefExoticComponent<SelectableCardProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const cardGridVariants: (props?: ({
-    columns?: 1 | 2 | 3 | 4 | "auto" | null | undefined;
+    columns?: 1 | "auto" | 2 | 3 | 4 | null | undefined;
     gap?: "sm" | "lg" | "none" | "md" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CardGridProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardGridVariants> {
@@ -858,6 +858,110 @@ interface TableCaptionProps extends React$1.HTMLAttributes<HTMLTableCaptionEleme
 }
 declare const TableCaption: React$1.ForwardRefExoticComponent<TableCaptionProps & React$1.RefAttributes<HTMLTableCaptionElement>>;
 
+/**
+ * Column definition for the DataTable.
+ */
+interface DataTableColumn<T> {
+    /** Unique key identifying this column */
+    key: string;
+    /** Header label (string or ReactNode) */
+    header: string | React$1.ReactNode;
+    /**
+     * Custom cell renderer. When omitted the table renders
+     * `String(accessor(row))` or `String(row[key])`.
+     */
+    cell?: (row: T, rowIndex: number) => React$1.ReactNode;
+    /** Accessor function to pull the raw value from a row (used for sorting & default rendering) */
+    accessor?: (row: T) => string | number | boolean | null | undefined;
+    /** Whether this column is sortable (default false) */
+    sortable?: boolean;
+    /** Custom sort comparator. Receives two rows, return negative / 0 / positive. */
+    sortFn?: (a: T, b: T) => number;
+    /** Text alignment */
+    align?: "left" | "center" | "right";
+    /** Extra class name applied to every `<td>` in this column */
+    className?: string;
+    /** Extra class name applied to the `<th>` for this column */
+    headerClassName?: string;
+    /** Tailwind width class or inline width, e.g. "w-[100px]" */
+    width?: string;
+}
+/** Sort descriptor */
+interface DataTableSort {
+    /** Column key */
+    key: string;
+    /** Direction */
+    direction: "asc" | "desc";
+}
+/**
+ * Props for the DataTable component.
+ */
+interface DataTableProps<T> {
+    /** Array of row data */
+    data: T[];
+    /** Column definitions */
+    columns: DataTableColumn<T>[];
+    /** Return a stable unique key for each row */
+    getRowKey: (row: T, index: number) => string;
+    /** Default sort (uncontrolled) */
+    defaultSort?: DataTableSort;
+    /** Controlled sort */
+    sort?: DataTableSort | null;
+    /** Called when sort changes (controlled) */
+    onSortChange?: (sort: DataTableSort | null) => void;
+    /**
+     * Enable the search bar. Pass `true` for defaults or a config object.
+     * Search is always controlled by the consumer via `searchValue` /
+     * `onSearchChange`, or managed internally when omitted.
+     */
+    searchable?: boolean;
+    /** Placeholder text for the search input */
+    searchPlaceholder?: string;
+    /** Controlled search value */
+    searchValue?: string;
+    /** Called when the search value changes */
+    onSearchChange?: (value: string) => void;
+    /** Custom search predicate. When omitted, a case-insensitive substring
+     *  match across all columns (using accessor / row[key]) is used. */
+    searchFn?: (row: T, query: string) => boolean;
+    /** Pass a number to enable pagination with that default page size */
+    pageSize?: number;
+    /** Options shown in the rows-per-page selector */
+    pageSizeOptions?: number[];
+    /** Controlled current page (0-indexed) */
+    currentPage?: number;
+    /** Called when page changes */
+    onPageChange?: (page: number) => void;
+    /** Called when page size changes */
+    onPageSizeChange?: (size: number) => void;
+    /** Enable selection mode: "checkbox" adds a checkbox column, "highlight" selects on row click */
+    selectable?: "checkbox" | "highlight";
+    /** Currently selected row keys */
+    selectedRows?: string[];
+    /** Called when selection changes */
+    onSelectedRowsChange?: (keys: string[]) => void;
+    /** Called when a row is clicked (independent of selection) */
+    onRowClick?: (row: T, index: number) => void;
+    /** Dynamic row class name */
+    rowClassName?: (row: T, index: number) => string;
+    /** Row keys that should be pinned to the top */
+    pinnedRows?: string[];
+    /** Custom toolbar rendered between search bar and table */
+    toolbar?: React$1.ReactNode;
+    /** Custom empty state */
+    emptyState?: React$1.ReactNode;
+    /** Table caption */
+    caption?: string;
+    /** Show loading state */
+    loading?: boolean;
+    /** Class name for the outermost wrapper */
+    className?: string;
+}
+declare function DataTable<T>({ data, columns, getRowKey, defaultSort, sort: controlledSort, onSortChange, searchable, searchPlaceholder, searchValue: controlledSearchValue, onSearchChange, searchFn, pageSize: defaultPageSize, pageSizeOptions, currentPage: controlledPage, onPageChange, onPageSizeChange, selectable, selectedRows: controlledSelectedRows, onSelectedRowsChange, onRowClick, rowClassName, pinnedRows, toolbar, emptyState, caption, loading, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace DataTable {
+    var displayName: string;
+}
+
 interface ModalProps {
     /**
      * Whether the modal is open
@@ -2609,4 +2713,4 @@ type SortingConfig = {
     onSort: (field: string) => void;
 };
 
-export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, Button, type ButtonProps, CYBERPUNK_THEME, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColorFieldConfig, type ColumnDef, ConfirmationModal, type ConfirmationModalProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, DARK_ELEGANT_THEME, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, FOREST_THEME, FUTURISTIC_THEME, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, GREEN_THEME, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, Modal, ModalButton, type ModalButtonProps, type ModalProps, NATURE_THEME, type NumberFilterOperator, OCEAN_THEME, OPTILOGIC_LEGACY_THEME, PRESET_THEMES, type PaginationConfig, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, SCIFI_THEME, SUNSET_THEME, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, labelVariants, loadingSpinnerVariants, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };
+export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, Button, type ButtonProps, CYBERPUNK_THEME, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColorFieldConfig, type ColumnDef, ConfirmationModal, type ConfirmationModalProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, DARK_ELEGANT_THEME, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, FOREST_THEME, FUTURISTIC_THEME, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, GREEN_THEME, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, Modal, ModalButton, type ModalButtonProps, type ModalProps, NATURE_THEME, type NumberFilterOperator, OCEAN_THEME, OPTILOGIC_LEGACY_THEME, PRESET_THEMES, type PaginationConfig, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, SCIFI_THEME, SUNSET_THEME, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, labelVariants, loadingSpinnerVariants, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };

package/dist/index.d.ts

@@ -118,7 +118,7 @@ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$
  * Badge variant styles using class-variance-authority.
  */
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "muted" | "success" | "warning" | "accent" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "muted" | "accent" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
@@ -515,7 +515,7 @@ declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDia
  */
 declare const cardVariants: (props?: ({
     size?: "sm" | "lg" | "auto" | "md" | "xl" | "full" | null | undefined;
-    hover?: "none" | "scale" | "border" | "lift" | "glow" | "border-success" | "border-warning" | "border-destructive" | "border-muted" | null | undefined;
+    hover?: "none" | "scale" | "lift" | "glow" | "border" | "border-success" | "border-warning" | "border-destructive" | "border-muted" | null | undefined;
     interactive?: boolean | null | undefined;
     padding?: "sm" | "lg" | "none" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -584,7 +584,7 @@ interface CardFooterProps extends React$1.HTMLAttributes<HTMLDivElement> {
  */
 declare const CardFooter: React$1.ForwardRefExoticComponent<CardFooterProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const cardImageVariants: (props?: ({
-    aspectRatio?: "video" | "auto" | "square" | "wide" | "portrait" | null | undefined;
+    aspectRatio?: "auto" | "video" | "square" | "wide" | "portrait" | null | undefined;
     position?: "fill" | "top" | "bottom" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CardImageProps extends React$1.ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof cardImageVariants> {
@@ -694,7 +694,7 @@ interface SelectableCardProps extends CardProps {
  */
 declare const SelectableCard: React$1.ForwardRefExoticComponent<SelectableCardProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const cardGridVariants: (props?: ({
-    columns?: 1 | 2 | 3 | 4 | "auto" | null | undefined;
+    columns?: 1 | "auto" | 2 | 3 | 4 | null | undefined;
     gap?: "sm" | "lg" | "none" | "md" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CardGridProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardGridVariants> {
@@ -858,6 +858,110 @@ interface TableCaptionProps extends React$1.HTMLAttributes<HTMLTableCaptionEleme
 }
 declare const TableCaption: React$1.ForwardRefExoticComponent<TableCaptionProps & React$1.RefAttributes<HTMLTableCaptionElement>>;
 
+/**
+ * Column definition for the DataTable.
+ */
+interface DataTableColumn<T> {
+    /** Unique key identifying this column */
+    key: string;
+    /** Header label (string or ReactNode) */
+    header: string | React$1.ReactNode;
+    /**
+     * Custom cell renderer. When omitted the table renders
+     * `String(accessor(row))` or `String(row[key])`.
+     */
+    cell?: (row: T, rowIndex: number) => React$1.ReactNode;
+    /** Accessor function to pull the raw value from a row (used for sorting & default rendering) */
+    accessor?: (row: T) => string | number | boolean | null | undefined;
+    /** Whether this column is sortable (default false) */
+    sortable?: boolean;
+    /** Custom sort comparator. Receives two rows, return negative / 0 / positive. */
+    sortFn?: (a: T, b: T) => number;
+    /** Text alignment */
+    align?: "left" | "center" | "right";
+    /** Extra class name applied to every `<td>` in this column */
+    className?: string;
+    /** Extra class name applied to the `<th>` for this column */
+    headerClassName?: string;
+    /** Tailwind width class or inline width, e.g. "w-[100px]" */
+    width?: string;
+}
+/** Sort descriptor */
+interface DataTableSort {
+    /** Column key */
+    key: string;
+    /** Direction */
+    direction: "asc" | "desc";
+}
+/**
+ * Props for the DataTable component.
+ */
+interface DataTableProps<T> {
+    /** Array of row data */
+    data: T[];
+    /** Column definitions */
+    columns: DataTableColumn<T>[];
+    /** Return a stable unique key for each row */
+    getRowKey: (row: T, index: number) => string;
+    /** Default sort (uncontrolled) */
+    defaultSort?: DataTableSort;
+    /** Controlled sort */
+    sort?: DataTableSort | null;
+    /** Called when sort changes (controlled) */
+    onSortChange?: (sort: DataTableSort | null) => void;
+    /**
+     * Enable the search bar. Pass `true` for defaults or a config object.
+     * Search is always controlled by the consumer via `searchValue` /
+     * `onSearchChange`, or managed internally when omitted.
+     */
+    searchable?: boolean;
+    /** Placeholder text for the search input */
+    searchPlaceholder?: string;
+    /** Controlled search value */
+    searchValue?: string;
+    /** Called when the search value changes */
+    onSearchChange?: (value: string) => void;
+    /** Custom search predicate. When omitted, a case-insensitive substring
+     *  match across all columns (using accessor / row[key]) is used. */
+    searchFn?: (row: T, query: string) => boolean;
+    /** Pass a number to enable pagination with that default page size */
+    pageSize?: number;
+    /** Options shown in the rows-per-page selector */
+    pageSizeOptions?: number[];
+    /** Controlled current page (0-indexed) */
+    currentPage?: number;
+    /** Called when page changes */
+    onPageChange?: (page: number) => void;
+    /** Called when page size changes */
+    onPageSizeChange?: (size: number) => void;
+    /** Enable selection mode: "checkbox" adds a checkbox column, "highlight" selects on row click */
+    selectable?: "checkbox" | "highlight";
+    /** Currently selected row keys */
+    selectedRows?: string[];
+    /** Called when selection changes */
+    onSelectedRowsChange?: (keys: string[]) => void;
+    /** Called when a row is clicked (independent of selection) */
+    onRowClick?: (row: T, index: number) => void;
+    /** Dynamic row class name */
+    rowClassName?: (row: T, index: number) => string;
+    /** Row keys that should be pinned to the top */
+    pinnedRows?: string[];
+    /** Custom toolbar rendered between search bar and table */
+    toolbar?: React$1.ReactNode;
+    /** Custom empty state */
+    emptyState?: React$1.ReactNode;
+    /** Table caption */
+    caption?: string;
+    /** Show loading state */
+    loading?: boolean;
+    /** Class name for the outermost wrapper */
+    className?: string;
+}
+declare function DataTable<T>({ data, columns, getRowKey, defaultSort, sort: controlledSort, onSortChange, searchable, searchPlaceholder, searchValue: controlledSearchValue, onSearchChange, searchFn, pageSize: defaultPageSize, pageSizeOptions, currentPage: controlledPage, onPageChange, onPageSizeChange, selectable, selectedRows: controlledSelectedRows, onSelectedRowsChange, onRowClick, rowClassName, pinnedRows, toolbar, emptyState, caption, loading, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace DataTable {
+    var displayName: string;
+}
+
 interface ModalProps {
     /**
      * Whether the modal is open
@@ -2609,4 +2713,4 @@ type SortingConfig = {
     onSort: (field: string) => void;
 };
 
-export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, Button, type ButtonProps, CYBERPUNK_THEME, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColorFieldConfig, type ColumnDef, ConfirmationModal, type ConfirmationModalProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, DARK_ELEGANT_THEME, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, FOREST_THEME, FUTURISTIC_THEME, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, GREEN_THEME, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, Modal, ModalButton, type ModalButtonProps, type ModalProps, NATURE_THEME, type NumberFilterOperator, OCEAN_THEME, OPTILOGIC_LEGACY_THEME, PRESET_THEMES, type PaginationConfig, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, SCIFI_THEME, SUNSET_THEME, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, labelVariants, loadingSpinnerVariants, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };
+export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, Button, type ButtonProps, CYBERPUNK_THEME, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColorFieldConfig, type ColumnDef, ConfirmationModal, type ConfirmationModalProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, DARK_ELEGANT_THEME, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, FOREST_THEME, FUTURISTIC_THEME, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, GREEN_THEME, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, Modal, ModalButton, type ModalButtonProps, type ModalProps, NATURE_THEME, type NumberFilterOperator, OCEAN_THEME, OPTILOGIC_LEGACY_THEME, PRESET_THEMES, type PaginationConfig, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, SCIFI_THEME, SUNSET_THEME, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, labelVariants, loadingSpinnerVariants, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };