@jameskabz/nextcraft-ui 0.4.0 → 0.5.0

package/dist/index.d.cts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
+import { FieldValues, UseFormReturn, Path, RegisterOptions } from 'react-hook-form';
 
 type ThemeName = "aurora" | "ember" | "ocean" | "midnight" | "cosmic";
 type ThemeMode = "light" | "dark" | "system";
@@ -208,6 +209,227 @@ declare const CraftCurrencyInput: React$1.ForwardRefExoticComponent<Omit<React$1
     currencySymbol?: string;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
+type CraftFormProps<TValues extends FieldValues> = {
+    form: UseFormReturn<TValues>;
+    onSubmit: (values: TValues) => void | Promise<void>;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    submitLabel?: React$1.ReactNode;
+    cancelLabel?: React$1.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+    children?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+    disableSubmitWhenInvalid?: boolean;
+    closeOnSubmit?: boolean;
+    formClassName?: string;
+};
+declare function CraftForm<TValues extends FieldValues>({ form, onSubmit, open, defaultOpen, onOpenChange, trigger, title, description, submitLabel, cancelLabel, tone, className, children, footer, disableSubmitWhenInvalid, closeOnSubmit, formClassName, }: CraftFormProps<TValues>): react_jsx_runtime.JSX.Element;
+
+type CraftFormFieldOption = {
+    label: React$1.ReactNode;
+    value: string;
+    disabled?: boolean;
+};
+type CraftFormFieldType = "text" | "number" | "password" | "textarea" | "select" | "checkbox" | "slider" | "date" | "color" | "email" | "tel" | "url" | "time" | "datetime-local" | "month" | "week" | "file" | "multifile" | "radio" | "switch" | "range" | "search" | "hidden" | "multiselect" | "currency";
+type CraftFormFieldProps<TValues extends FieldValues = FieldValues> = {
+    name: Path<TValues>;
+    label?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    type?: CraftFormFieldType;
+    options?: CraftFormFieldOption[];
+    placeholder?: string;
+    tone?: ThemeName;
+    className?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    descriptionClassName?: string;
+    rules?: RegisterOptions<TValues>;
+    disabled?: boolean;
+    fieldProps?: Record<string, unknown>;
+};
+declare function CraftFormField<TValues extends FieldValues = FieldValues>({ name, label, description, type, options, placeholder, tone, className, inputClassName, labelClassName, descriptionClassName, rules, disabled, fieldProps, }: CraftFormFieldProps<TValues>): react_jsx_runtime.JSX.Element;
+
+type CraftFormBuilderField<TValues extends FieldValues> = {
+    name: Path<TValues>;
+    label?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    type: CraftFormFieldType;
+    placeholder?: string;
+    options?: CraftFormFieldOption[];
+    required?: boolean;
+    disabled?: boolean;
+    rules?: RegisterOptions<TValues>;
+    defaultValue?: unknown;
+    min?: number;
+    max?: number;
+    step?: number;
+    rows?: number;
+    accept?: string;
+    minFiles?: number;
+    maxFiles?: number;
+    helpText?: React$1.ReactNode;
+    fieldProps?: Record<string, unknown>;
+    validate?: (value: unknown, values: TValues) => string | boolean | undefined;
+};
+type CraftFormBuilderProps<TValues extends FieldValues> = {
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    fields: Array<CraftFormBuilderField<TValues>>;
+    initialData?: Partial<TValues> | null;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React$1.ReactNode;
+    submitLabel?: React$1.ReactNode;
+    cancelLabel?: React$1.ReactNode;
+    resetLabel?: React$1.ReactNode;
+    showReset?: boolean;
+    showCancel?: boolean;
+    tone?: ThemeName;
+    className?: string;
+    formClassName?: string;
+    loading?: boolean;
+    disableSubmitWhenInvalid?: boolean;
+    closeOnSubmit?: boolean;
+    closeOnCancel?: boolean;
+    onSubmit: (values: TValues) => void | Promise<void>;
+    onReset?: () => void;
+    onCancel?: () => void;
+    customValidation?: (values: TValues) => Partial<Record<Path<TValues>, string>>;
+};
+declare function CraftFormBuilder<TValues extends FieldValues>({ title, description, fields, initialData, open, defaultOpen, onOpenChange, trigger, submitLabel, cancelLabel, resetLabel, showReset, showCancel, tone, className, formClassName, loading, disableSubmitWhenInvalid, closeOnSubmit, closeOnCancel, onSubmit, onReset, onCancel, customValidation, }: CraftFormBuilderProps<TValues>): react_jsx_runtime.JSX.Element;
+
+type CraftSubmitButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    tone?: ThemeName;
+    loading?: boolean;
+    loadingLabel?: React$1.ReactNode;
+    disableWhenInvalid?: boolean;
+};
+declare function CraftSubmitButton({ className, tone, loading, loadingLabel, disableWhenInvalid, disabled, children, ...props }: CraftSubmitButtonProps): react_jsx_runtime.JSX.Element;
+
+type CraftConfirmDialogProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    tone?: ThemeName;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    confirmLabel?: React$1.ReactNode;
+    cancelLabel?: React$1.ReactNode;
+    onConfirm?: () => void | Promise<void>;
+    trigger?: React$1.ReactNode;
+    className?: string;
+    confirmVariant?: "solid" | "gradient" | "outline";
+};
+declare function CraftConfirmDialog({ open, defaultOpen, onOpenChange, tone, title, description, confirmLabel, cancelLabel, onConfirm, trigger, className, confirmVariant, }: CraftConfirmDialogProps): react_jsx_runtime.JSX.Element;
+
+type CraftCreateEditDrawerProps<TValues extends FieldValues> = {
+    mode?: "create" | "edit";
+    form: UseFormReturn<TValues>;
+    onSubmit: (values: TValues) => void | Promise<void>;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    submitLabel?: React$1.ReactNode;
+    cancelLabel?: React$1.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+    children?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+    disableSubmitWhenInvalid?: boolean;
+    closeOnSubmit?: boolean;
+    side?: "left" | "right";
+};
+declare function CraftCreateEditDrawer<TValues extends FieldValues>({ mode, form, onSubmit, open, defaultOpen, onOpenChange, trigger, title, description, submitLabel, cancelLabel, tone, className, children, footer, disableSubmitWhenInvalid, closeOnSubmit, side, }: CraftCreateEditDrawerProps<TValues>): react_jsx_runtime.JSX.Element;
+
+type CraftFilterBarProps = {
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    actions?: React$1.ReactNode;
+    filters?: React$1.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftFilterBar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, tone, className, }: CraftFilterBarProps): react_jsx_runtime.JSX.Element;
+
+type CraftDataTableColumn<T> = {
+    id: string;
+    header: React$1.ReactNode;
+    accessor?: keyof T | ((row: T) => unknown);
+    cell?: (row: T) => React$1.ReactNode;
+    sortable?: boolean;
+    filterable?: boolean;
+    width?: string | number;
+    align?: "left" | "center" | "right";
+    hidden?: boolean;
+    headerClassName?: string;
+    cellClassName?: string;
+};
+type CraftDataTableSort = {
+    id: string;
+    desc?: boolean;
+};
+type CraftDataTableProps<T> = {
+    data: T[];
+    columns: CraftDataTableColumn<T>[];
+    tone?: ThemeName;
+    className?: string;
+    loading?: boolean;
+    emptyState?: React$1.ReactNode;
+    toolbar?: React$1.ReactNode;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    enableColumnVisibility?: boolean;
+    enableRowSelection?: boolean;
+    enablePagination?: boolean;
+    showGlobalFilter?: boolean;
+    manualSorting?: boolean;
+    manualFiltering?: boolean;
+    manualPagination?: boolean;
+    sortBy?: CraftDataTableSort | null;
+    onSortChange?: (sort: CraftDataTableSort | null) => void;
+    filters?: Record<string, string>;
+    onFiltersChange?: (filters: Record<string, string>) => void;
+    globalFilter?: string;
+    onGlobalFilterChange?: (value: string) => void;
+    columnVisibility?: Record<string, boolean>;
+    onColumnVisibilityChange?: (visibility: Record<string, boolean>) => void;
+    selectedRowIds?: Record<string, boolean>;
+    onRowSelectionChange?: (selection: Record<string, boolean>) => void;
+    getRowId?: (row: T, index: number) => string;
+    pageIndex?: number;
+    pageSize?: number;
+    pageCount?: number;
+    onPageChange?: (pageIndex: number) => void;
+    onPageSizeChange?: (size: number) => void;
+};
+declare function CraftDataTable<T>({ data, columns, tone, className, loading, emptyState, toolbar, enableSorting, enableFiltering, enableColumnVisibility, enableRowSelection, enablePagination, showGlobalFilter, manualSorting, manualFiltering, manualPagination, sortBy, onSortChange, filters, onFiltersChange, globalFilter, onGlobalFilterChange, columnVisibility, onColumnVisibilityChange, selectedRowIds, onRowSelectionChange, getRowId, pageIndex, pageSize, pageCount, onPageChange, onPageSizeChange, }: CraftDataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+type CraftPaginationProps = {
+    pageIndex: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    canPrevious?: boolean;
+    canNext?: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (size: number) => void;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftPagination({ pageIndex, pageCount, onPageChange, canPrevious, canNext, pageSize, pageSizeOptions, onPageSizeChange, tone, className, }: CraftPaginationProps): react_jsx_runtime.JSX.Element;
+
 type AppShellProps = React$1.HTMLAttributes<HTMLDivElement> & {
     sidebar?: React$1.ReactNode;
     topNav?: React$1.ReactNode;
@@ -274,4 +496,4 @@ type ThemeSwitcherProps = React$1.HTMLAttributes<HTMLDivElement> & {
 };
 declare function ThemeSwitcher({ className, showLabels, ...props }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
 
-export { AppShell, type AppShellProps, AuthLayout, type AuthLayoutProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Container, type ContainerProps, CraftBadge, type CraftBadgeProps, CraftButton, type CraftButtonProps, CraftCard, type CraftCardProps, CraftCheckbox, type CraftCheckboxProps, CraftCurrencyInput, type CraftCurrencyInputProps, CraftDatePicker, type CraftDatePickerProps, CraftDrawer, type CraftDrawerProps, CraftEmptyState, type CraftEmptyStateProps, CraftInput, type CraftInputProps, CraftModal, type CraftModalProps, CraftNumberInput, type CraftNumberInputProps, CraftSelect, type CraftSelectProps, CraftSkeleton, type CraftSkeletonProps, CraftSwitch, type CraftSwitchProps, CraftTabs, type CraftTabsProps, CraftTextarea, type CraftTextareaProps, type CraftToast, CraftToastHost, type CraftToastHostProps, CraftTooltip, type CraftTooltipProps, GlassCard, type GlassCardProps, Grid, type GridProps, PageHeader, type PageHeaderProps, Sidebar, type SidebarItem, type SidebarProps, type ThemeMode, type ThemeName, ThemeProvider, ThemeSwitcher, type ThemeSwitcherProps, TopNav, type TopNavProps, useCraftToast, useTheme };
+export { AppShell, type AppShellProps, AuthLayout, type AuthLayoutProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Container, type ContainerProps, CraftBadge, type CraftBadgeProps, CraftButton, type CraftButtonProps, CraftCard, type CraftCardProps, CraftCheckbox, type CraftCheckboxProps, CraftConfirmDialog, type CraftConfirmDialogProps, CraftCreateEditDrawer, type CraftCreateEditDrawerProps, CraftCurrencyInput, type CraftCurrencyInputProps, CraftDataTable, type CraftDataTableColumn, type CraftDataTableProps, type CraftDataTableSort, CraftDatePicker, type CraftDatePickerProps, CraftDrawer, type CraftDrawerProps, CraftEmptyState, type CraftEmptyStateProps, CraftFilterBar, type CraftFilterBarProps, CraftForm, CraftFormBuilder, type CraftFormBuilderField, type CraftFormBuilderProps, CraftFormField, type CraftFormFieldOption, type CraftFormFieldProps, type CraftFormFieldType, type CraftFormProps, CraftInput, type CraftInputProps, CraftModal, type CraftModalProps, CraftNumberInput, type CraftNumberInputProps, CraftPagination, type CraftPaginationProps, CraftSelect, type CraftSelectProps, CraftSkeleton, type CraftSkeletonProps, CraftSubmitButton, type CraftSubmitButtonProps, CraftSwitch, type CraftSwitchProps, CraftTabs, type CraftTabsProps, CraftTextarea, type CraftTextareaProps, type CraftToast, CraftToastHost, type CraftToastHostProps, CraftTooltip, type CraftTooltipProps, GlassCard, type GlassCardProps, Grid, type GridProps, PageHeader, type PageHeaderProps, Sidebar, type SidebarItem, type SidebarProps, type ThemeMode, type ThemeName, ThemeProvider, ThemeSwitcher, type ThemeSwitcherProps, TopNav, type TopNavProps, useCraftToast, useTheme };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
+import { FieldValues, UseFormReturn, Path, RegisterOptions } from 'react-hook-form';
 
 type ThemeName = "aurora" | "ember" | "ocean" | "midnight" | "cosmic";
 type ThemeMode = "light" | "dark" | "system";
@@ -208,6 +209,227 @@ declare const CraftCurrencyInput: React$1.ForwardRefExoticComponent<Omit<React$1
     currencySymbol?: string;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
+type CraftFormProps<TValues extends FieldValues> = {
+    form: UseFormReturn<TValues>;
+    onSubmit: (values: TValues) => void | Promise<void>;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    submitLabel?: React$1.ReactNode;
+    cancelLabel?: React$1.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+    children?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+    disableSubmitWhenInvalid?: boolean;
+    closeOnSubmit?: boolean;
+    formClassName?: string;
+};
+declare function CraftForm<TValues extends FieldValues>({ form, onSubmit, open, defaultOpen, onOpenChange, trigger, title, description, submitLabel, cancelLabel, tone, className, children, footer, disableSubmitWhenInvalid, closeOnSubmit, formClassName, }: CraftFormProps<TValues>): react_jsx_runtime.JSX.Element;
+
+type CraftFormFieldOption = {
+    label: React$1.ReactNode;
+    value: string;
+    disabled?: boolean;
+};
+type CraftFormFieldType = "text" | "number" | "password" | "textarea" | "select" | "checkbox" | "slider" | "date" | "color" | "email" | "tel" | "url" | "time" | "datetime-local" | "month" | "week" | "file" | "multifile" | "radio" | "switch" | "range" | "search" | "hidden" | "multiselect" | "currency";
+type CraftFormFieldProps<TValues extends FieldValues = FieldValues> = {
+    name: Path<TValues>;
+    label?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    type?: CraftFormFieldType;
+    options?: CraftFormFieldOption[];
+    placeholder?: string;
+    tone?: ThemeName;
+    className?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    descriptionClassName?: string;
+    rules?: RegisterOptions<TValues>;
+    disabled?: boolean;
+    fieldProps?: Record<string, unknown>;
+};
+declare function CraftFormField<TValues extends FieldValues = FieldValues>({ name, label, description, type, options, placeholder, tone, className, inputClassName, labelClassName, descriptionClassName, rules, disabled, fieldProps, }: CraftFormFieldProps<TValues>): react_jsx_runtime.JSX.Element;
+
+type CraftFormBuilderField<TValues extends FieldValues> = {
+    name: Path<TValues>;
+    label?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    type: CraftFormFieldType;
+    placeholder?: string;
+    options?: CraftFormFieldOption[];
+    required?: boolean;
+    disabled?: boolean;
+    rules?: RegisterOptions<TValues>;
+    defaultValue?: unknown;
+    min?: number;
+    max?: number;
+    step?: number;
+    rows?: number;
+    accept?: string;
+    minFiles?: number;
+    maxFiles?: number;
+    helpText?: React$1.ReactNode;
+    fieldProps?: Record<string, unknown>;
+    validate?: (value: unknown, values: TValues) => string | boolean | undefined;
+};
+type CraftFormBuilderProps<TValues extends FieldValues> = {
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    fields: Array<CraftFormBuilderField<TValues>>;
+    initialData?: Partial<TValues> | null;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React$1.ReactNode;
+    submitLabel?: React$1.ReactNode;
+    cancelLabel?: React$1.ReactNode;
+    resetLabel?: React$1.ReactNode;
+    showReset?: boolean;
+    showCancel?: boolean;
+    tone?: ThemeName;
+    className?: string;
+    formClassName?: string;
+    loading?: boolean;
+    disableSubmitWhenInvalid?: boolean;
+    closeOnSubmit?: boolean;
+    closeOnCancel?: boolean;
+    onSubmit: (values: TValues) => void | Promise<void>;
+    onReset?: () => void;
+    onCancel?: () => void;
+    customValidation?: (values: TValues) => Partial<Record<Path<TValues>, string>>;
+};
+declare function CraftFormBuilder<TValues extends FieldValues>({ title, description, fields, initialData, open, defaultOpen, onOpenChange, trigger, submitLabel, cancelLabel, resetLabel, showReset, showCancel, tone, className, formClassName, loading, disableSubmitWhenInvalid, closeOnSubmit, closeOnCancel, onSubmit, onReset, onCancel, customValidation, }: CraftFormBuilderProps<TValues>): react_jsx_runtime.JSX.Element;
+
+type CraftSubmitButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    tone?: ThemeName;
+    loading?: boolean;
+    loadingLabel?: React$1.ReactNode;
+    disableWhenInvalid?: boolean;
+};
+declare function CraftSubmitButton({ className, tone, loading, loadingLabel, disableWhenInvalid, disabled, children, ...props }: CraftSubmitButtonProps): react_jsx_runtime.JSX.Element;
+
+type CraftConfirmDialogProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    tone?: ThemeName;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    confirmLabel?: React$1.ReactNode;
+    cancelLabel?: React$1.ReactNode;
+    onConfirm?: () => void | Promise<void>;
+    trigger?: React$1.ReactNode;
+    className?: string;
+    confirmVariant?: "solid" | "gradient" | "outline";
+};
+declare function CraftConfirmDialog({ open, defaultOpen, onOpenChange, tone, title, description, confirmLabel, cancelLabel, onConfirm, trigger, className, confirmVariant, }: CraftConfirmDialogProps): react_jsx_runtime.JSX.Element;
+
+type CraftCreateEditDrawerProps<TValues extends FieldValues> = {
+    mode?: "create" | "edit";
+    form: UseFormReturn<TValues>;
+    onSubmit: (values: TValues) => void | Promise<void>;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    submitLabel?: React$1.ReactNode;
+    cancelLabel?: React$1.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+    children?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+    disableSubmitWhenInvalid?: boolean;
+    closeOnSubmit?: boolean;
+    side?: "left" | "right";
+};
+declare function CraftCreateEditDrawer<TValues extends FieldValues>({ mode, form, onSubmit, open, defaultOpen, onOpenChange, trigger, title, description, submitLabel, cancelLabel, tone, className, children, footer, disableSubmitWhenInvalid, closeOnSubmit, side, }: CraftCreateEditDrawerProps<TValues>): react_jsx_runtime.JSX.Element;
+
+type CraftFilterBarProps = {
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    actions?: React$1.ReactNode;
+    filters?: React$1.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftFilterBar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, tone, className, }: CraftFilterBarProps): react_jsx_runtime.JSX.Element;
+
+type CraftDataTableColumn<T> = {
+    id: string;
+    header: React$1.ReactNode;
+    accessor?: keyof T | ((row: T) => unknown);
+    cell?: (row: T) => React$1.ReactNode;
+    sortable?: boolean;
+    filterable?: boolean;
+    width?: string | number;
+    align?: "left" | "center" | "right";
+    hidden?: boolean;
+    headerClassName?: string;
+    cellClassName?: string;
+};
+type CraftDataTableSort = {
+    id: string;
+    desc?: boolean;
+};
+type CraftDataTableProps<T> = {
+    data: T[];
+    columns: CraftDataTableColumn<T>[];
+    tone?: ThemeName;
+    className?: string;
+    loading?: boolean;
+    emptyState?: React$1.ReactNode;
+    toolbar?: React$1.ReactNode;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    enableColumnVisibility?: boolean;
+    enableRowSelection?: boolean;
+    enablePagination?: boolean;
+    showGlobalFilter?: boolean;
+    manualSorting?: boolean;
+    manualFiltering?: boolean;
+    manualPagination?: boolean;
+    sortBy?: CraftDataTableSort | null;
+    onSortChange?: (sort: CraftDataTableSort | null) => void;
+    filters?: Record<string, string>;
+    onFiltersChange?: (filters: Record<string, string>) => void;
+    globalFilter?: string;
+    onGlobalFilterChange?: (value: string) => void;
+    columnVisibility?: Record<string, boolean>;
+    onColumnVisibilityChange?: (visibility: Record<string, boolean>) => void;
+    selectedRowIds?: Record<string, boolean>;
+    onRowSelectionChange?: (selection: Record<string, boolean>) => void;
+    getRowId?: (row: T, index: number) => string;
+    pageIndex?: number;
+    pageSize?: number;
+    pageCount?: number;
+    onPageChange?: (pageIndex: number) => void;
+    onPageSizeChange?: (size: number) => void;
+};
+declare function CraftDataTable<T>({ data, columns, tone, className, loading, emptyState, toolbar, enableSorting, enableFiltering, enableColumnVisibility, enableRowSelection, enablePagination, showGlobalFilter, manualSorting, manualFiltering, manualPagination, sortBy, onSortChange, filters, onFiltersChange, globalFilter, onGlobalFilterChange, columnVisibility, onColumnVisibilityChange, selectedRowIds, onRowSelectionChange, getRowId, pageIndex, pageSize, pageCount, onPageChange, onPageSizeChange, }: CraftDataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+type CraftPaginationProps = {
+    pageIndex: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    canPrevious?: boolean;
+    canNext?: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (size: number) => void;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftPagination({ pageIndex, pageCount, onPageChange, canPrevious, canNext, pageSize, pageSizeOptions, onPageSizeChange, tone, className, }: CraftPaginationProps): react_jsx_runtime.JSX.Element;
+
 type AppShellProps = React$1.HTMLAttributes<HTMLDivElement> & {
     sidebar?: React$1.ReactNode;
     topNav?: React$1.ReactNode;
@@ -274,4 +496,4 @@ type ThemeSwitcherProps = React$1.HTMLAttributes<HTMLDivElement> & {
 };
 declare function ThemeSwitcher({ className, showLabels, ...props }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
 
-export { AppShell, type AppShellProps, AuthLayout, type AuthLayoutProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Container, type ContainerProps, CraftBadge, type CraftBadgeProps, CraftButton, type CraftButtonProps, CraftCard, type CraftCardProps, CraftCheckbox, type CraftCheckboxProps, CraftCurrencyInput, type CraftCurrencyInputProps, CraftDatePicker, type CraftDatePickerProps, CraftDrawer, type CraftDrawerProps, CraftEmptyState, type CraftEmptyStateProps, CraftInput, type CraftInputProps, CraftModal, type CraftModalProps, CraftNumberInput, type CraftNumberInputProps, CraftSelect, type CraftSelectProps, CraftSkeleton, type CraftSkeletonProps, CraftSwitch, type CraftSwitchProps, CraftTabs, type CraftTabsProps, CraftTextarea, type CraftTextareaProps, type CraftToast, CraftToastHost, type CraftToastHostProps, CraftTooltip, type CraftTooltipProps, GlassCard, type GlassCardProps, Grid, type GridProps, PageHeader, type PageHeaderProps, Sidebar, type SidebarItem, type SidebarProps, type ThemeMode, type ThemeName, ThemeProvider, ThemeSwitcher, type ThemeSwitcherProps, TopNav, type TopNavProps, useCraftToast, useTheme };
+export { AppShell, type AppShellProps, AuthLayout, type AuthLayoutProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Container, type ContainerProps, CraftBadge, type CraftBadgeProps, CraftButton, type CraftButtonProps, CraftCard, type CraftCardProps, CraftCheckbox, type CraftCheckboxProps, CraftConfirmDialog, type CraftConfirmDialogProps, CraftCreateEditDrawer, type CraftCreateEditDrawerProps, CraftCurrencyInput, type CraftCurrencyInputProps, CraftDataTable, type CraftDataTableColumn, type CraftDataTableProps, type CraftDataTableSort, CraftDatePicker, type CraftDatePickerProps, CraftDrawer, type CraftDrawerProps, CraftEmptyState, type CraftEmptyStateProps, CraftFilterBar, type CraftFilterBarProps, CraftForm, CraftFormBuilder, type CraftFormBuilderField, type CraftFormBuilderProps, CraftFormField, type CraftFormFieldOption, type CraftFormFieldProps, type CraftFormFieldType, type CraftFormProps, CraftInput, type CraftInputProps, CraftModal, type CraftModalProps, CraftNumberInput, type CraftNumberInputProps, CraftPagination, type CraftPaginationProps, CraftSelect, type CraftSelectProps, CraftSkeleton, type CraftSkeletonProps, CraftSubmitButton, type CraftSubmitButtonProps, CraftSwitch, type CraftSwitchProps, CraftTabs, type CraftTabsProps, CraftTextarea, type CraftTextareaProps, type CraftToast, CraftToastHost, type CraftToastHostProps, CraftTooltip, type CraftTooltipProps, GlassCard, type GlassCardProps, Grid, type GridProps, PageHeader, type PageHeaderProps, Sidebar, type SidebarItem, type SidebarProps, type ThemeMode, type ThemeName, ThemeProvider, ThemeSwitcher, type ThemeSwitcherProps, TopNav, type TopNavProps, useCraftToast, useTheme };