@nccirtu/tablefy 0.1.7 → 0.5.0

package/dist/src/components/ui/data-table/data-table-empty.d.ts

@@ -1,8 +0,0 @@
-import { EmptyStateConfig } from "@/lib/table/types";
-interface DataTableEmptyProps {
-    config: EmptyStateConfig;
-    colSpan: number;
-    className?: string;
-}
-export declare function DataTableEmpty({ config, colSpan, className, }: DataTableEmptyProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/ui/data-table/data-table-header.d.ts

@@ -1,15 +0,0 @@
-import { Table as TanstackTable } from "@tanstack/react-table";
-import { HeaderAction, SearchConfig } from "@/lib/table/types";
-interface DataTableHeaderProps<TData> {
-    title?: string;
-    description?: string;
-    actions?: HeaderAction<TData>[];
-    search?: SearchConfig;
-    searchValue?: string;
-    onSearchChange?: (value: string) => void;
-    table?: TanstackTable<TData>;
-    selectedCount?: number;
-    className?: string;
-}
-export declare function DataTableHeader<TData>({ title, description, actions, search, searchValue, onSearchChange, table, selectedCount, className, }: DataTableHeaderProps<TData>): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/src/components/ui/data-table/data-table-pagination.d.ts

@@ -1,9 +0,0 @@
-import { Table as TanstackTable } from "@tanstack/react-table";
-import { PaginationConfig } from "@/lib/table/types";
-interface DataTablePaginationProps<TData> {
-    table: TanstackTable<TData>;
-    config?: PaginationConfig;
-    className?: string;
-}
-export declare function DataTablePagination<TData>({ table, config, className, }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/src/components/ui/data-table/data-table-schema.d.ts

@@ -1,5 +0,0 @@
-interface DataTableSchemaProps {
-    [key: string]: any;
-}
-export declare const DataTableSchema: (props: DataTableSchemaProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/ui/data-table/data-table.d.ts

@@ -1,13 +0,0 @@
-import { ColumnDef } from "@tanstack/react-table";
-import { DataTableConfig } from "@/lib/table/types";
-interface DataTableProps<TData, TValue> {
-    columns: ColumnDef<TData, TValue>[];
-    data: TData[];
-    config?: DataTableConfig<TData>;
-    className?: string;
-    isLoading?: boolean;
-    isError?: boolean;
-    onRetry?: () => void;
-}
-export declare function DataTable<TData, TValue>({ columns, data, config, className, isLoading, isError, onRetry, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/ui/dropdown-menu.d.ts

@@ -1,25 +0,0 @@
-import * as React from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/src/components/ui/input.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
-export { Input };

package/dist/src/components/ui/progress.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { Progress as ProgressPrimitive } from "radix-ui";
-declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export { Progress };

package/dist/src/components/ui/select.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { Select as SelectPrimitive } from "radix-ui";
-declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function SelectGroup({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-    size?: "sm" | "default";
-}): import("react/jsx-runtime").JSX.Element;
-declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
-declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/src/components/ui/table.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
-declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
-declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
-declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
-declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
-declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
-declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
-declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/src/components/ui/tooltip.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { Tooltip as TooltipPrimitive } from "radix-ui";
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/src/index.d.ts

@@ -1,15 +0,0 @@
-export { DataTable } from "./components/ui/data-table/data-table";
-export { TableSchema } from "./schema";
-export { DataTableSchema } from "./components/ui/data-table/data-table-schema";
-export { EmptyStateBuilder } from "./lib/table/schema/empty-state";
-export { AvatarGroupColumn as avatarGroupColumn } from "./columns/avatar-group-column";
-export { BadgeColumn as badgeColumn } from "./columns/badge-column";
-export { ButtonColumn as buttonColumn } from "./columns/button-column";
-export { CheckboxColumn as checkboxColumn } from "./columns/checkbox-column";
-export { DateColumn as dateColumn } from "./columns/date-column";
-export { DropdownColumn as dropdownColumn } from "./columns/dropdown-column";
-export { IconColumn as iconColumn } from "./columns/icon-column";
-export { InputColumn as inputColumn } from "./columns/input-column";
-export { ProgressColumn as progressColumn } from "./columns/progress-column";
-export { SelectColumn as selectColumn } from "./columns/select-column";
-export { TextColumn as textColumn } from "./columns/text-column";

package/dist/src/lib/table/schema/empty-state.d.ts

@@ -1,23 +0,0 @@
-import { EmptyStateConfig } from "../types";
-import React from "react";
-export declare class EmptyStateBuilder {
-    private config;
-    static make(): EmptyStateBuilder;
-    title(title: string): this;
-    description(description: string): this;
-    icon(icon: React.ReactNode): this;
-    imageUrl(imageUrl: string): this;
-    action(label: string, onClick?: () => void, href?: string, icon?: React.ReactNode): this;
-    variant(variant: "default" | "search" | "filter" | "error" | "custom"): this;
-    error(params?: {
-        onRetry?: () => void;
-    }): this;
-    noSearchResults(params?: {
-        onClear?: () => void;
-    }): this;
-    noFilterResults(params?: {
-        onReset?: () => void;
-    }): this;
-    noData(): this;
-    build(): EmptyStateConfig;
-}

package/dist/src/lib/table/types.d.ts

@@ -1,76 +0,0 @@
-import { ReactNode } from "react";
-export interface HeaderAction<TData = unknown> {
-    id: string;
-    label: string;
-    icon?: ReactNode;
-    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive";
-    size?: "default" | "sm" | "lg" | "icon";
-    onClick?: () => void;
-    href?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    bulk?: boolean;
-    bulkOnClick?: (selectedRows: TData[]) => void;
-    hidden?: boolean;
-    children?: Omit<HeaderAction<TData>, "children" | "bulk">[];
-}
-export interface EmptyStateConfig {
-    icon?: ReactNode;
-    imageUrl?: string;
-    title: string;
-    description?: string;
-    action?: {
-        label: string;
-        onClick?: () => void;
-        href?: string;
-        icon?: ReactNode;
-    };
-    variant?: "default" | "search" | "filter" | "error" | "custom";
-}
-export interface FilterConfig {
-    id: string;
-    label: string;
-    type: "text" | "select" | "multi-select" | "date" | "date-range" | "boolean";
-    column: string;
-    placeholder?: string;
-    options?: Array<{
-        label: string;
-        value: string;
-    }>;
-}
-export interface SearchConfig {
-    enabled: boolean;
-    placeholder?: string;
-    columns?: string[];
-    debounce?: number;
-}
-export interface PaginationConfig {
-    enabled: boolean;
-    pageSize?: number;
-    pageSizeOptions?: number[];
-    showPageInfo?: boolean;
-    showPageSizeSelector?: boolean;
-}
-export interface DataTableConfig<TData> {
-    title?: string;
-    description?: string;
-    headerActions?: HeaderAction<TData>[];
-    emptyState?: EmptyStateConfig;
-    searchEmptyState?: EmptyStateConfig;
-    filterEmptyState?: EmptyStateConfig;
-    search?: SearchConfig;
-    filters?: FilterConfig[];
-    pagination?: PaginationConfig;
-    enableRowSelection?: boolean;
-    enableMultiRowSelection?: boolean;
-    enableSorting?: boolean;
-    defaultSort?: {
-        id: string;
-        desc: boolean;
-    };
-    enableColumnVisibility?: boolean;
-    density?: "compact" | "default" | "comfortable";
-    bordered?: boolean;
-    striped?: boolean;
-    hoverable?: boolean;
-}

package/dist/src/lib/utils.d.ts

@@ -1 +0,0 @@
-export declare function cn(...inputs: Array<string | boolean | undefined | null>): string;

package/dist/src/schema/data-table-schema.d.ts

@@ -1,75 +0,0 @@
-import { ColumnDef } from '@tanstack/react-table';
-import { ReactNode } from 'react';
-import { DataTableConfig, EmptyStateConfig, HeaderAction } from '../types';
-type ColumnBuilder<TData> = {
-    build(): ColumnDef<TData, unknown>;
-};
-export declare class DataTableSchema<TData> {
-    private config;
-    private columnBuilders;
-    static make<TData>(): DataTableSchema<TData>;
-    title(title: string): this;
-    description(description: string): this;
-    headerActions(builder: (b: HeaderActionsBuilder<TData>) => HeaderActionsBuilder<TData>): this;
-    emptyState(config: EmptyStateConfig): this;
-    searchEmptyState(config: EmptyStateConfig): this;
-    filterEmptyState(config: EmptyStateConfig): this;
-    searchable(config?: {
-        placeholder?: string;
-        columns?: string[];
-        debounce?: number;
-    }): this;
-    paginated(config?: {
-        pageSize?: number;
-        pageSizeOptions?: number[];
-    }): this;
-    selectable(multi?: boolean): this;
-    sortable(defaultSort?: {
-        id: string;
-        desc: boolean;
-    }): this;
-    bordered(bordered?: boolean): this;
-    striped(striped?: boolean): this;
-    hoverable(hoverable?: boolean): this;
-    density(density: 'compact' | 'default' | 'comfortable'): this;
-    columns(...builders: ColumnBuilder<TData>[]): this;
-    build(): {
-        columns: ColumnDef<TData, unknown>[];
-        config: DataTableConfig<TData>;
-    };
-}
-declare class HeaderActionsBuilder<TData> {
-    private actions;
-    create(config: {
-        label: string;
-        href?: string;
-        onClick?: () => void;
-        icon?: ReactNode;
-    }): this;
-    export(config: {
-        label: string;
-        icon?: ReactNode;
-        formats?: Array<{
-            label: string;
-            onClick: () => void;
-        }>;
-    }): this;
-    import(config: {
-        label: string;
-        icon?: ReactNode;
-        onClick?: () => void;
-    }): this;
-    bulkExport(config: {
-        label: string;
-        icon?: ReactNode;
-        onExport: (rows: TData[]) => void;
-    }): this;
-    bulkDelete(config: {
-        label: string;
-        icon?: ReactNode;
-        onDelete: (rows: TData[]) => void;
-    }): this;
-    action(config: HeaderAction<TData>): this;
-    build(): HeaderAction<TData>[];
-}
-export { HeaderActionsBuilder };

package/dist/src/schema/empty-state.d.ts

@@ -1,45 +0,0 @@
-import { ReactNode } from 'react';
-import { EmptyStateConfig } from '../types';
-export declare class EmptyStateBuilder {
-    private config;
-    static make(): EmptyStateBuilder;
-    title(title: string): this;
-    description(description: string): this;
-    icon(icon: ReactNode): this;
-    imageUrl(imageUrl: string): this;
-    variant(variant: EmptyStateConfig['variant']): this;
-    action(config: {
-        label: string;
-        onClick?: () => void;
-        href?: string;
-        icon?: ReactNode;
-    }): this;
-    static noData(config?: {
-        title?: string;
-        description?: string;
-        createLabel?: string;
-        onCreate?: () => void;
-        createHref?: string;
-    }): EmptyStateBuilder;
-    static noSearchResults(config?: {
-        title?: string;
-        description?: string;
-        onClear?: () => void;
-    }): EmptyStateBuilder;
-    static noFilterResults(config?: {
-        title?: string;
-        description?: string;
-        onClear?: () => void;
-    }): EmptyStateBuilder;
-    static error(config?: {
-        title?: string;
-        description?: string;
-        onRetry?: () => void;
-    }): EmptyStateBuilder;
-    private createInboxIcon;
-    private createSearchIcon;
-    private createFilterIcon;
-    private createAlertIcon;
-    private createPlusIcon;
-    build(): EmptyStateConfig;
-}

package/dist/src/schema/table-schema.d.ts

@@ -1,44 +0,0 @@
-import { ReactNode } from 'react';
-import { EmptyStateConfig } from '../types';
-export declare class EmptyStateBuilder {
-    private config;
-    static make(): EmptyStateBuilder;
-    title(title: string): this;
-    description(description: string): this;
-    icon(icon: ReactNode): this;
-    variant(variant: EmptyStateConfig['variant']): this;
-    action(config: {
-        label: string;
-        onClick?: () => void;
-        href?: string;
-        icon?: ReactNode;
-    }): this;
-    static noData(config?: {
-        title?: string;
-        description?: string;
-        createLabel?: string;
-        onCreate?: () => void;
-        createHref?: string;
-    }): EmptyStateBuilder;
-    static noSearchResults(config?: {
-        title?: string;
-        description?: string;
-        onClear?: () => void;
-    }): EmptyStateBuilder;
-    static noFilterResults(config?: {
-        title?: string;
-        description?: string;
-        onClear?: () => void;
-    }): EmptyStateBuilder;
-    static error(config?: {
-        title?: string;
-        description?: string;
-        onRetry?: () => void;
-    }): EmptyStateBuilder;
-    private createInboxIcon;
-    private createSearchIcon;
-    private createFilterIcon;
-    private createAlertIcon;
-    private createPlusIcon;
-    build(): EmptyStateConfig;
-}

package/dist/src/schema.d.ts

@@ -1,11 +0,0 @@
-import { ColumnDef } from '@tanstack/react-table';
-type ColumnBuilder<TData> = {
-    build(): ColumnDef<TData, unknown>;
-};
-export declare class TableSchema<TData> {
-    private columnBuilders;
-    static make<TData>(): TableSchema<TData>;
-    columns(...builders: ColumnBuilder<TData>[]): this;
-    build(): ColumnDef<TData, unknown>[];
-}
-export {};

package/dist/src/types.d.ts

@@ -1,76 +0,0 @@
-import { ReactNode } from "react";
-export interface HeaderAction<TData = unknown> {
-    id: string;
-    label: string;
-    icon?: ReactNode;
-    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive";
-    size?: "default" | "sm" | "lg" | "icon";
-    onClick?: () => void;
-    href?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    bulk?: boolean;
-    bulkOnClick?: (selectedRows: TData[]) => void;
-    hidden?: boolean;
-    children?: Omit<HeaderAction<TData>, "children" | "bulk">[];
-}
-export interface EmptyStateConfig {
-    icon?: ReactNode;
-    imageUrl?: string;
-    title: string;
-    description?: string;
-    action?: {
-        label: string;
-        onClick?: () => void;
-        href?: string;
-        icon?: ReactNode;
-    };
-    variant?: "default" | "search" | "filter" | "error" | "custom";
-}
-export interface FilterConfig {
-    id: string;
-    label: string;
-    type: "text" | "select" | "multi-select" | "date" | "date-range" | "boolean";
-    column: string;
-    placeholder?: string;
-    options?: Array<{
-        label: string;
-        value: string;
-    }>;
-}
-export interface SearchConfig {
-    enabled: boolean;
-    placeholder?: string;
-    columns?: string[];
-    debounce?: number;
-}
-export interface PaginationConfig {
-    enabled: boolean;
-    pageSize?: number;
-    pageSizeOptions?: number[];
-    showPageInfo?: boolean;
-    showPageSizeSelector?: boolean;
-}
-export interface DataTableConfig<TData> {
-    title?: string;
-    description?: string;
-    headerActions?: HeaderAction<TData>[];
-    emptyState?: EmptyStateConfig;
-    searchEmptyState?: EmptyStateConfig;
-    filterEmptyState?: EmptyStateConfig;
-    search?: SearchConfig;
-    filters?: FilterConfig[];
-    pagination?: PaginationConfig;
-    enableRowSelection?: boolean;
-    enableMultiRowSelection?: boolean;
-    enableSorting?: boolean;
-    defaultSort?: {
-        id: string;
-        desc: boolean;
-    };
-    enableColumnVisibility?: boolean;
-    density?: "compact" | "default" | "comfortable";
-    bordered?: boolean;
-    striped?: boolean;
-    hoverable?: boolean;
-}

package/dist/types.d.ts

@@ -1,76 +0,0 @@
-import { ReactNode } from "react";
-export interface HeaderAction<TData = unknown> {
-    id: string;
-    label: string;
-    icon?: ReactNode;
-    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive";
-    size?: "default" | "sm" | "lg" | "icon";
-    onClick?: () => void;
-    href?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    bulk?: boolean;
-    bulkOnClick?: (selectedRows: TData[]) => void;
-    hidden?: boolean;
-    children?: Omit<HeaderAction<TData>, "children" | "bulk">[];
-}
-export interface EmptyStateConfig {
-    icon?: ReactNode;
-    imageUrl?: string;
-    title: string;
-    description?: string;
-    action?: {
-        label: string;
-        onClick?: () => void;
-        href?: string;
-        icon?: ReactNode;
-    };
-    variant?: "default" | "search" | "filter" | "error" | "custom";
-}
-export interface FilterConfig {
-    id: string;
-    label: string;
-    type: "text" | "select" | "multi-select" | "date" | "date-range" | "boolean";
-    column: string;
-    placeholder?: string;
-    options?: Array<{
-        label: string;
-        value: string;
-    }>;
-}
-export interface SearchConfig {
-    enabled: boolean;
-    placeholder?: string;
-    columns?: string[];
-    debounce?: number;
-}
-export interface PaginationConfig {
-    enabled: boolean;
-    pageSize?: number;
-    pageSizeOptions?: number[];
-    showPageInfo?: boolean;
-    showPageSizeSelector?: boolean;
-}
-export interface DataTableConfig<TData> {
-    title?: string;
-    description?: string;
-    headerActions?: HeaderAction<TData>[];
-    emptyState?: EmptyStateConfig;
-    searchEmptyState?: EmptyStateConfig;
-    filterEmptyState?: EmptyStateConfig;
-    search?: SearchConfig;
-    filters?: FilterConfig[];
-    pagination?: PaginationConfig;
-    enableRowSelection?: boolean;
-    enableMultiRowSelection?: boolean;
-    enableSorting?: boolean;
-    defaultSort?: {
-        id: string;
-        desc: boolean;
-    };
-    enableColumnVisibility?: boolean;
-    density?: "compact" | "default" | "comfortable";
-    bordered?: boolean;
-    striped?: boolean;
-    hoverable?: boolean;
-}