luxtable 0.3.4 → 0.3.6

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ColumnDef, SortingState, RowSelectionState, Column, Table as Table$1, HeaderContext, CellContext } from '@tanstack/react-table';
+import { CellContext, ColumnDef, SortingState, RowSelectionState, Column, Table as Table$1, HeaderContext } from '@tanstack/react-table';
 export { ColumnDef, RowSelectionState, SortingState, flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel } from '@tanstack/react-table';
 import * as React$1 from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -12,6 +12,133 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { ClassValue } from 'clsx';
 
+/**
+ * Cell renderer tipi
+ */
+type CellRendererType = "status" | "progress" | "boolean" | "date" | "currency" | "copyable" | "custom";
+/**
+ * Status cell config
+ */
+interface StatusCellConfig {
+    type: "status";
+    /** Custom status colors - default status'leri override eder veya üzerine ekler */
+    colors?: Record<string, {
+        bg: string;
+        text: string;
+        darkBg?: string;
+        darkText?: string;
+    }>;
+}
+/**
+ * Progress cell config
+ */
+interface ProgressCellConfig {
+    type: "progress";
+    /** Bar color */
+    barColor?: string;
+    /** Show percentage label */
+    showLabel?: boolean;
+}
+/**
+ * Boolean cell config
+ */
+interface BooleanCellConfig {
+    type: "boolean";
+    /** True label */
+    trueLabel?: string;
+    /** False label */
+    falseLabel?: string;
+    /** True color classes */
+    trueColor?: string;
+    /** False color classes */
+    falseColor?: string;
+}
+/**
+ * Date cell config
+ */
+interface DateCellConfig {
+    type: "date";
+    /** Date format */
+    format?: "short" | "long" | "relative";
+    /** Locale */
+    locale?: string;
+}
+/**
+ * Currency cell config
+ */
+interface CurrencyCellConfig {
+    type: "currency";
+    /** Currency code (e.g., "USD", "EUR") */
+    currency?: string;
+    /** Locale */
+    locale?: string;
+}
+/**
+ * Copyable cell config
+ */
+interface CopyableCellConfig {
+    type: "copyable";
+    /** Always show icon */
+    alwaysShowIcon?: boolean;
+    /** Tooltip text */
+    tooltip?: string;
+    /** Callback called after copying */
+    onCopy?: (value: string) => void;
+}
+/**
+ * Custom cell config
+ */
+interface CustomCellConfig {
+    type: "custom";
+    /** Custom renderer function */
+    render: (context: CellContext<any, unknown>) => React$1.ReactNode;
+}
+/**
+ * Field cell config - her field için cell renderer tanımı
+ */
+type FieldCellConfig = StatusCellConfig | ProgressCellConfig | BooleanCellConfig | DateCellConfig | CurrencyCellConfig | CopyableCellConfig | CustomCellConfig;
+/**
+ * Global cell config - field bazlı cell renderer'ları tanımlar
+ */
+interface GlobalCellConfig {
+    /** Field bazlı cell config'leri - field adı -> config */
+    fields?: Record<string, FieldCellConfig>;
+    /** Default status colors - tüm status field'ları için geçerli */
+    defaultStatusColors?: Record<string, {
+        bg: string;
+        text: string;
+        darkBg?: string;
+        darkText?: string;
+    }>;
+    /** Auto-detect field types from field names and values (default: true) */
+    autoDetect?: boolean;
+    /** Field name patterns for auto-detection */
+    patterns?: {
+        /** Field names that should be treated as status (default: ['status', 'state', 'stage']) */
+        status?: string[];
+        /** Field names that should be treated as date (default: ['date', 'createdAt', 'updatedAt', 'joinDate', 'startDate', 'endDate']) */
+        date?: string[];
+        /** Field names that should be treated as currency (default: ['price', 'amount', 'salary', 'cost', 'revenue', 'total']) */
+        currency?: string[];
+        /** Field names that should be treated as boolean (default: ['isActive', 'isVerified', 'isEnabled', 'isDeleted']) */
+        boolean?: string[];
+        /** Field names that should be treated as copyable (default: ['id', 'email', 'phone', 'code', 'token']) */
+        copyable?: string[];
+    };
+}
+/**
+ * Get field config with auto-detection
+ */
+declare function getFieldConfig(fieldName: string, value: unknown, config?: GlobalCellConfig): FieldCellConfig | null;
+/**
+ * Default global cell config
+ */
+declare const defaultGlobalCellConfig: GlobalCellConfig;
+/**
+ * Cell renderer'ı çalıştırır
+ */
+declare function renderCell<TData>(context: CellContext<TData, unknown>, fieldName: string, config?: GlobalCellConfig): React$1.ReactNode;
+
 /**
  * All type definitions for LuxTable
  */
@@ -22,6 +149,10 @@ interface LuxTableOptions {
     pageSize?: number;
     /** Sorting feature (default: true) */
     sorting?: boolean;
+    /** Multi-column sorting - hold Shift and click to sort by multiple columns (default: true) */
+    multiSort?: boolean;
+    /** Maximum number of columns that can be sorted at once (default: unlimited) */
+    maxMultiSortColCount?: number;
     /** Column filtering feature (default: false) */
     filtering?: boolean;
     /** Row selection mode - "single": single select, "multiple": multi-select, "none": disabled */
@@ -36,14 +167,16 @@ interface LuxTableOptions {
     showColumnVisibility?: boolean;
 }
 interface LuxTableProps<TData> {
-    /** Column definitions */
-    columns: ColumnDef<TData, any>[];
+    /** Column definitions - if not provided, columns will be auto-generated from data */
+    columns?: ColumnDef<TData, any>[];
     /** Table data */
     data: TData[];
     /** Additional CSS classes */
     className?: string;
     /** Table options */
     options?: LuxTableOptions;
+    /** Global cell config - field bazlı otomatik cell renderer'ları tanımlar */
+    cellConfig?: GlobalCellConfig;
     /** Controlled sorting state */
     sorting?: SortingState;
     /** Called when sorting changes */
@@ -62,8 +195,8 @@ interface LuxTableProps<TData> {
  * Can be used in the meta field in column definitions
  */
 interface ColumnMeta {
-    /** Filter type: text or select */
-    filterVariant?: "text" | "select";
+    /** Filter type: text, select, date, slider, or status */
+    filterVariant?: "text" | "select" | "date" | "slider" | "status";
 }
 /**
  * Pagination information
@@ -107,21 +240,22 @@ interface PaginationInfo {
  * />
  * ```
  */
-declare function LuxTable<TData>({ columns, data, className, options, sorting: controlledSorting, onSortingChange, rowSelection: controlledRowSelection, onRowSelectionChange, onSelectedRowsChange, getRowId, }: LuxTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function LuxTable<TData>({ columns, data, className, options, cellConfig, sorting: controlledSorting, onSortingChange, rowSelection: controlledRowSelection, onRowSelectionChange, onSelectedRowsChange, getRowId, }: LuxTableProps<TData>): react_jsx_runtime.JSX.Element;
 
 interface ColumnFilterProps<TData, TValue> {
     column: Column<TData, TValue>;
+    data?: TData[];
 }
 /**
  * Column filter component
- * Rendered as text input or select dropdown using shadcn/ui components
+ * Supports multiple filter types: text, select, date, slider, status
  *
  * @example
  * ```tsx
- * <ColumnFilter column={column} />
+ * <ColumnFilter column={column} data={data} />
  * ```
  */
-declare function ColumnFilter<TData, TValue>({ column }: ColumnFilterProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function ColumnFilter<TData, TValue>({ column, data }: ColumnFilterProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 
 interface TablePaginationProps<TData> {
     table: Table$1<TData>;
@@ -162,6 +296,9 @@ interface LuxDataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttribu
     column: Column<TData, TValue>;
     title: string;
 }
+/**
+ * Column header component with sort indicator and actions menu
+ */
 declare function LuxDataTableColumnHeader<TData, TValue>({ column, title, className, }: LuxDataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 
 declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
@@ -184,15 +321,6 @@ interface SortIconProps {
  */
 declare function SortIcon({ direction }: SortIconProps): react_jsx_runtime.JSX.Element;
 
-/**
- * Default colors for Status Cell
- *
- * 4 values are defined for each status:
- * - bg: Light theme background color
- * - text: Light theme text color
- * - darkBg: Dark theme background color
- * - darkText: Dark theme text color
- */
 declare const defaultStatusColors: Record<string, {
     bg: string;
     text: string;
@@ -206,10 +334,13 @@ interface StatusCellProps {
      * Custom color definitions
      * Used to override default colors or add new colors
      *
+     * Note: CSS variables automatically handle dark mode, so darkBg and darkText are optional.
+     * You can use CSS variables like: bg-[hsl(var(--lux-status-active-bg))] or custom colors.
+     *
      * @example
      * ```tsx
      * colors={{
-     *   Custom: { bg: "bg-purple-100", text: "text-purple-800" }
+     *   Custom: { bg: "bg-[hsl(var(--lux-status-active-bg))]", text: "text-[hsl(var(--lux-status-active-text))]" }
      * }}
      * ```
      */
@@ -343,12 +474,12 @@ interface BooleanCellProps {
     falseLabel?: string;
     /**
      * True değeri için renk sınıfları
-     * @default "text-green-600 dark:text-green-400"
+     * @default Uses CSS variable: text-[hsl(var(--lux-boolean-true))]
      */
     trueColor?: string;
     /**
      * False değeri için renk sınıfları
-     * @default "text-red-600 dark:text-red-400"
+     * @default Uses CSS variable: text-[hsl(var(--lux-boolean-false))]
      */
     falseColor?: string;
 }
@@ -638,7 +769,7 @@ declare function createCopyableCell(value: string | number, options?: Omit<Copya
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
@@ -699,6 +830,8 @@ interface ColumnOptions<TData, TValue> {
     id?: string;
     header?: string | ((context: HeaderContext<TData, TValue>) => React$1.ReactNode);
     cell?: (info: CellContext<TData, TValue>) => React$1.ReactNode;
+    /** Column width/size */
+    size?: number;
     enableSorting?: boolean;
     /** Column meta information (e.g. filterVariant) */
     meta?: {
@@ -787,4 +920,4 @@ declare function createColumnsFromData<TData extends Record<string, unknown>>(da
     cells?: Partial<Record<keyof TData, (info: CellContext<TData, unknown>) => React$1.ReactNode>>;
 }): ColumnDef<TData, unknown>[];
 
-export { BooleanCell, type BooleanCellProps, Button, Checkbox, ColumnFilter, type ColumnMeta, type ColumnOptions, type ColumnType, CopyableCell, type CopyableCellProps, CurrencyCell, type CurrencyCellProps, DateCell, type DateCellProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, LuxDataTableColumnHeader, LuxTable, type LuxTableOptions, type LuxTableProps, type PaginationInfo, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProgressCell, type ProgressCellProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SmartColumnOptions, SortIcon, type SortIconProps, StatusCell, type StatusCellProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TablePagination, TableRow, TableToolbar, buttonVariants, cn, createColumnHelper, createColumnsFromData, createCopyableCell, defaultStatusColors };
+export { BooleanCell, type BooleanCellConfig, type BooleanCellProps, Button, type CellRendererType, Checkbox, ColumnFilter, type ColumnMeta, type ColumnOptions, type ColumnType, CopyableCell, type CopyableCellConfig, type CopyableCellProps, CurrencyCell, type CurrencyCellConfig, type CurrencyCellProps, type CustomCellConfig, DateCell, type DateCellConfig, type DateCellProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FieldCellConfig, type GlobalCellConfig, Input, Label, LuxDataTableColumnHeader, LuxTable, type LuxTableOptions, type LuxTableProps, type PaginationInfo, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProgressCell, type ProgressCellConfig, type ProgressCellProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SmartColumnOptions, SortIcon, type SortIconProps, StatusCell, type StatusCellConfig, type StatusCellProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TablePagination, TableRow, TableToolbar, buttonVariants, cn, createColumnHelper, createColumnsFromData, createCopyableCell, defaultGlobalCellConfig, defaultStatusColors, getFieldConfig, renderCell };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ColumnDef, SortingState, RowSelectionState, Column, Table as Table$1, HeaderContext, CellContext } from '@tanstack/react-table';
+import { CellContext, ColumnDef, SortingState, RowSelectionState, Column, Table as Table$1, HeaderContext } from '@tanstack/react-table';
 export { ColumnDef, RowSelectionState, SortingState, flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel } from '@tanstack/react-table';
 import * as React$1 from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -12,6 +12,133 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { ClassValue } from 'clsx';
 
+/**
+ * Cell renderer tipi
+ */
+type CellRendererType = "status" | "progress" | "boolean" | "date" | "currency" | "copyable" | "custom";
+/**
+ * Status cell config
+ */
+interface StatusCellConfig {
+    type: "status";
+    /** Custom status colors - default status'leri override eder veya üzerine ekler */
+    colors?: Record<string, {
+        bg: string;
+        text: string;
+        darkBg?: string;
+        darkText?: string;
+    }>;
+}
+/**
+ * Progress cell config
+ */
+interface ProgressCellConfig {
+    type: "progress";
+    /** Bar color */
+    barColor?: string;
+    /** Show percentage label */
+    showLabel?: boolean;
+}
+/**
+ * Boolean cell config
+ */
+interface BooleanCellConfig {
+    type: "boolean";
+    /** True label */
+    trueLabel?: string;
+    /** False label */
+    falseLabel?: string;
+    /** True color classes */
+    trueColor?: string;
+    /** False color classes */
+    falseColor?: string;
+}
+/**
+ * Date cell config
+ */
+interface DateCellConfig {
+    type: "date";
+    /** Date format */
+    format?: "short" | "long" | "relative";
+    /** Locale */
+    locale?: string;
+}
+/**
+ * Currency cell config
+ */
+interface CurrencyCellConfig {
+    type: "currency";
+    /** Currency code (e.g., "USD", "EUR") */
+    currency?: string;
+    /** Locale */
+    locale?: string;
+}
+/**
+ * Copyable cell config
+ */
+interface CopyableCellConfig {
+    type: "copyable";
+    /** Always show icon */
+    alwaysShowIcon?: boolean;
+    /** Tooltip text */
+    tooltip?: string;
+    /** Callback called after copying */
+    onCopy?: (value: string) => void;
+}
+/**
+ * Custom cell config
+ */
+interface CustomCellConfig {
+    type: "custom";
+    /** Custom renderer function */
+    render: (context: CellContext<any, unknown>) => React$1.ReactNode;
+}
+/**
+ * Field cell config - her field için cell renderer tanımı
+ */
+type FieldCellConfig = StatusCellConfig | ProgressCellConfig | BooleanCellConfig | DateCellConfig | CurrencyCellConfig | CopyableCellConfig | CustomCellConfig;
+/**
+ * Global cell config - field bazlı cell renderer'ları tanımlar
+ */
+interface GlobalCellConfig {
+    /** Field bazlı cell config'leri - field adı -> config */
+    fields?: Record<string, FieldCellConfig>;
+    /** Default status colors - tüm status field'ları için geçerli */
+    defaultStatusColors?: Record<string, {
+        bg: string;
+        text: string;
+        darkBg?: string;
+        darkText?: string;
+    }>;
+    /** Auto-detect field types from field names and values (default: true) */
+    autoDetect?: boolean;
+    /** Field name patterns for auto-detection */
+    patterns?: {
+        /** Field names that should be treated as status (default: ['status', 'state', 'stage']) */
+        status?: string[];
+        /** Field names that should be treated as date (default: ['date', 'createdAt', 'updatedAt', 'joinDate', 'startDate', 'endDate']) */
+        date?: string[];
+        /** Field names that should be treated as currency (default: ['price', 'amount', 'salary', 'cost', 'revenue', 'total']) */
+        currency?: string[];
+        /** Field names that should be treated as boolean (default: ['isActive', 'isVerified', 'isEnabled', 'isDeleted']) */
+        boolean?: string[];
+        /** Field names that should be treated as copyable (default: ['id', 'email', 'phone', 'code', 'token']) */
+        copyable?: string[];
+    };
+}
+/**
+ * Get field config with auto-detection
+ */
+declare function getFieldConfig(fieldName: string, value: unknown, config?: GlobalCellConfig): FieldCellConfig | null;
+/**
+ * Default global cell config
+ */
+declare const defaultGlobalCellConfig: GlobalCellConfig;
+/**
+ * Cell renderer'ı çalıştırır
+ */
+declare function renderCell<TData>(context: CellContext<TData, unknown>, fieldName: string, config?: GlobalCellConfig): React$1.ReactNode;
+
 /**
  * All type definitions for LuxTable
  */
@@ -22,6 +149,10 @@ interface LuxTableOptions {
     pageSize?: number;
     /** Sorting feature (default: true) */
     sorting?: boolean;
+    /** Multi-column sorting - hold Shift and click to sort by multiple columns (default: true) */
+    multiSort?: boolean;
+    /** Maximum number of columns that can be sorted at once (default: unlimited) */
+    maxMultiSortColCount?: number;
     /** Column filtering feature (default: false) */
     filtering?: boolean;
     /** Row selection mode - "single": single select, "multiple": multi-select, "none": disabled */
@@ -36,14 +167,16 @@ interface LuxTableOptions {
     showColumnVisibility?: boolean;
 }
 interface LuxTableProps<TData> {
-    /** Column definitions */
-    columns: ColumnDef<TData, any>[];
+    /** Column definitions - if not provided, columns will be auto-generated from data */
+    columns?: ColumnDef<TData, any>[];
     /** Table data */
     data: TData[];
     /** Additional CSS classes */
     className?: string;
     /** Table options */
     options?: LuxTableOptions;
+    /** Global cell config - field bazlı otomatik cell renderer'ları tanımlar */
+    cellConfig?: GlobalCellConfig;
     /** Controlled sorting state */
     sorting?: SortingState;
     /** Called when sorting changes */
@@ -62,8 +195,8 @@ interface LuxTableProps<TData> {
  * Can be used in the meta field in column definitions
  */
 interface ColumnMeta {
-    /** Filter type: text or select */
-    filterVariant?: "text" | "select";
+    /** Filter type: text, select, date, slider, or status */
+    filterVariant?: "text" | "select" | "date" | "slider" | "status";
 }
 /**
  * Pagination information
@@ -107,21 +240,22 @@ interface PaginationInfo {
  * />
  * ```
  */
-declare function LuxTable<TData>({ columns, data, className, options, sorting: controlledSorting, onSortingChange, rowSelection: controlledRowSelection, onRowSelectionChange, onSelectedRowsChange, getRowId, }: LuxTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function LuxTable<TData>({ columns, data, className, options, cellConfig, sorting: controlledSorting, onSortingChange, rowSelection: controlledRowSelection, onRowSelectionChange, onSelectedRowsChange, getRowId, }: LuxTableProps<TData>): react_jsx_runtime.JSX.Element;
 
 interface ColumnFilterProps<TData, TValue> {
     column: Column<TData, TValue>;
+    data?: TData[];
 }
 /**
  * Column filter component
- * Rendered as text input or select dropdown using shadcn/ui components
+ * Supports multiple filter types: text, select, date, slider, status
  *
  * @example
  * ```tsx
- * <ColumnFilter column={column} />
+ * <ColumnFilter column={column} data={data} />
  * ```
  */
-declare function ColumnFilter<TData, TValue>({ column }: ColumnFilterProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function ColumnFilter<TData, TValue>({ column, data }: ColumnFilterProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 
 interface TablePaginationProps<TData> {
     table: Table$1<TData>;
@@ -162,6 +296,9 @@ interface LuxDataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttribu
     column: Column<TData, TValue>;
     title: string;
 }
+/**
+ * Column header component with sort indicator and actions menu
+ */
 declare function LuxDataTableColumnHeader<TData, TValue>({ column, title, className, }: LuxDataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 
 declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
@@ -184,15 +321,6 @@ interface SortIconProps {
  */
 declare function SortIcon({ direction }: SortIconProps): react_jsx_runtime.JSX.Element;
 
-/**
- * Default colors for Status Cell
- *
- * 4 values are defined for each status:
- * - bg: Light theme background color
- * - text: Light theme text color
- * - darkBg: Dark theme background color
- * - darkText: Dark theme text color
- */
 declare const defaultStatusColors: Record<string, {
     bg: string;
     text: string;
@@ -206,10 +334,13 @@ interface StatusCellProps {
      * Custom color definitions
      * Used to override default colors or add new colors
      *
+     * Note: CSS variables automatically handle dark mode, so darkBg and darkText are optional.
+     * You can use CSS variables like: bg-[hsl(var(--lux-status-active-bg))] or custom colors.
+     *
      * @example
      * ```tsx
      * colors={{
-     *   Custom: { bg: "bg-purple-100", text: "text-purple-800" }
+     *   Custom: { bg: "bg-[hsl(var(--lux-status-active-bg))]", text: "text-[hsl(var(--lux-status-active-text))]" }
      * }}
      * ```
      */
@@ -343,12 +474,12 @@ interface BooleanCellProps {
     falseLabel?: string;
     /**
      * True değeri için renk sınıfları
-     * @default "text-green-600 dark:text-green-400"
+     * @default Uses CSS variable: text-[hsl(var(--lux-boolean-true))]
      */
     trueColor?: string;
     /**
      * False değeri için renk sınıfları
-     * @default "text-red-600 dark:text-red-400"
+     * @default Uses CSS variable: text-[hsl(var(--lux-boolean-false))]
      */
     falseColor?: string;
 }
@@ -638,7 +769,7 @@ declare function createCopyableCell(value: string | number, options?: Omit<Copya
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
@@ -699,6 +830,8 @@ interface ColumnOptions<TData, TValue> {
     id?: string;
     header?: string | ((context: HeaderContext<TData, TValue>) => React$1.ReactNode);
     cell?: (info: CellContext<TData, TValue>) => React$1.ReactNode;
+    /** Column width/size */
+    size?: number;
     enableSorting?: boolean;
     /** Column meta information (e.g. filterVariant) */
     meta?: {
@@ -787,4 +920,4 @@ declare function createColumnsFromData<TData extends Record<string, unknown>>(da
     cells?: Partial<Record<keyof TData, (info: CellContext<TData, unknown>) => React$1.ReactNode>>;
 }): ColumnDef<TData, unknown>[];
 
-export { BooleanCell, type BooleanCellProps, Button, Checkbox, ColumnFilter, type ColumnMeta, type ColumnOptions, type ColumnType, CopyableCell, type CopyableCellProps, CurrencyCell, type CurrencyCellProps, DateCell, type DateCellProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, LuxDataTableColumnHeader, LuxTable, type LuxTableOptions, type LuxTableProps, type PaginationInfo, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProgressCell, type ProgressCellProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SmartColumnOptions, SortIcon, type SortIconProps, StatusCell, type StatusCellProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TablePagination, TableRow, TableToolbar, buttonVariants, cn, createColumnHelper, createColumnsFromData, createCopyableCell, defaultStatusColors };
+export { BooleanCell, type BooleanCellConfig, type BooleanCellProps, Button, type CellRendererType, Checkbox, ColumnFilter, type ColumnMeta, type ColumnOptions, type ColumnType, CopyableCell, type CopyableCellConfig, type CopyableCellProps, CurrencyCell, type CurrencyCellConfig, type CurrencyCellProps, type CustomCellConfig, DateCell, type DateCellConfig, type DateCellProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FieldCellConfig, type GlobalCellConfig, Input, Label, LuxDataTableColumnHeader, LuxTable, type LuxTableOptions, type LuxTableProps, type PaginationInfo, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProgressCell, type ProgressCellConfig, type ProgressCellProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SmartColumnOptions, SortIcon, type SortIconProps, StatusCell, type StatusCellConfig, type StatusCellProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TablePagination, TableRow, TableToolbar, buttonVariants, cn, createColumnHelper, createColumnsFromData, createCopyableCell, defaultGlobalCellConfig, defaultStatusColors, getFieldConfig, renderCell };