@acsrocha/ui 1.0.0

package/dist/index.d.cts

@@ -0,0 +1,395 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { ClassValue } from 'clsx';
+
+type ViewMode = 'cards' | 'table' | 'list' | 'grid';
+interface ViewModeOption {
+    value: ViewMode;
+    icon: LucideIcon;
+    label: string;
+}
+interface TabOption {
+    value: string;
+    label: string;
+    icon: LucideIcon;
+    badge?: number;
+}
+interface PageHeaderProps {
+    title: string;
+    subtitle?: string;
+    icon?: LucideIcon;
+    actions?: ReactNode;
+    badge?: {
+        label: string;
+        variant?: 'default' | 'secondary' | 'destructive' | 'outline';
+    };
+    viewMode?: ViewMode;
+    onViewModeChange?: (mode: ViewMode) => void;
+    viewModeOptions?: ViewMode[];
+    loading?: boolean;
+    tabs?: TabOption[];
+    activeTab?: string;
+    onTabChange?: (value: string) => void;
+    onRefresh?: () => void;
+}
+declare function PageHeader({ title, subtitle, icon: Icon, actions, badge, viewMode, onViewModeChange, viewModeOptions, loading, tabs, activeTab, onTabChange, onRefresh, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+
+type AccentColor = 'blue' | 'purple' | 'green' | 'amber' | 'teal' | 'rose';
+declare const STAT_ACCENT_SEQUENCE: AccentColor[];
+interface StatCardProps {
+    icon?: LucideIcon;
+    title?: string;
+    label?: string;
+    value: string | number;
+    subtitle?: string;
+    sublabel?: string;
+    gradient?: string;
+    accentColor?: AccentColor;
+    color?: string;
+    onClick?: () => void;
+    variant?: 'default' | 'slim';
+    loading?: boolean;
+    active?: boolean;
+}
+declare function StatCard({ icon: Icon, title, label, value, subtitle, sublabel, gradient, accentColor, color, onClick, variant, loading, active, }: StatCardProps): react_jsx_runtime.JSX.Element;
+
+interface PageLayoutProps {
+    header: ReactNode;
+    stats?: StatCardProps[];
+    statsCols?: 2 | 3 | 4 | 5 | 6;
+    content?: ReactNode;
+    viewMode?: 'table' | 'cards' | string;
+    tableContent?: ReactNode;
+    cardContent?: ReactNode;
+    paddingX?: string;
+    paddingTop?: string;
+    paddingBottom?: string;
+    gapHeaderStats?: string;
+    gapStatsContent?: string;
+    maxWidth?: string;
+    extras?: ReactNode;
+    fillHeight?: boolean;
+}
+declare function PageLayout({ header, stats, statsCols, content, viewMode, tableContent, cardContent, paddingX, paddingTop, paddingBottom, gapHeaderStats, gapStatsContent, maxWidth, extras, fillHeight, }: PageLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface DataTableColumn<T> {
+    key: keyof T | string;
+    label: string;
+    width?: string;
+    render?: (item: T, index: number) => ReactNode;
+    sortable?: boolean;
+}
+interface DataTableAction<T> {
+    label: string | ((item: T) => string);
+    icon: LucideIcon;
+    onClick: (item: T) => void;
+    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+    className?: string | ((item: T) => string);
+    condition?: (item: T) => boolean;
+}
+interface DataTableFilter {
+    key: string;
+    label: string;
+    type: 'select' | 'multiselect' | 'text' | 'date';
+    options?: {
+        value: string;
+        label: string;
+        color?: string;
+    }[];
+    value?: any;
+    onChange: (value: any) => void;
+}
+interface DataTableProps<T> {
+    data?: T[];
+    columns: DataTableColumn<T>[];
+    title?: string;
+    subtitle?: string;
+    icon?: LucideIcon;
+    loading?: boolean;
+    hideHeader?: boolean;
+    total?: number;
+    page?: number;
+    pageSize?: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    search?: string;
+    onSearchChange?: (search: string) => void;
+    filters?: DataTableFilter[];
+    actions?: DataTableAction<T>[];
+    selectable?: boolean;
+    selectedItems?: any[];
+    onSelectionChange?: (items: any[]) => void;
+    onBulkDelete?: (ids: any[]) => void;
+    bulkDeleteLabel?: string;
+    onRefresh?: () => void;
+    onExport?: () => void;
+    emptyMessage?: string;
+    emptyIcon?: LucideIcon;
+    stats?: StatCardProps[];
+    enablePagination?: boolean;
+    customActions?: ReactNode;
+    sortBy?: string;
+    sortOrder?: 'asc' | 'desc';
+    onSort?: (key: string) => void;
+    searchDebounce?: boolean;
+    tableBodyHeight?: string;
+    fillHeight?: boolean;
+    onRowClick?: (item: T) => void;
+    renderDrawer?: (item: T, onClose: () => void) => ReactNode;
+}
+declare function DataTable<T extends {
+    id: number | string;
+}>({ data, columns, title, subtitle, icon: Icon, loading, total, page, pageSize, onPageChange, onPageSizeChange, search, onSearchChange, filters, actions, selectable, selectedItems, onSelectionChange, onBulkDelete, bulkDeleteLabel, onRefresh, onExport, emptyMessage, emptyIcon: EmptyIcon, stats, enablePagination, customActions, sortBy, sortOrder, onSort, hideHeader, searchDebounce, tableBodyHeight, fillHeight, onRowClick, renderDrawer, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+interface CardViewColumn<T> {
+    key: keyof T;
+    searchable?: boolean;
+}
+interface CardViewStat extends Omit<StatCardProps, 'onClick'> {
+}
+interface CardViewFilter {
+    key: string;
+    label: string;
+    value: string;
+    color?: 'gray' | 'green' | 'blue' | 'orange' | 'red' | 'purple' | 'cyan';
+    badge?: boolean;
+    emoji?: string;
+}
+interface CardViewProps<T> {
+    queryKey: string[];
+    queryFn: () => Promise<T[] | {
+        data?: T[];
+        assets?: T[];
+    }>;
+    title?: string;
+    subtitle?: string;
+    icon?: LucideIcon;
+    hideHeader?: boolean;
+    emptyMessage?: string;
+    emptyIcon?: LucideIcon;
+    renderCard: (item: T, isSelected: boolean, onDelete?: (id: number) => void) => ReactNode;
+    onCardClick: (item: T) => void;
+    selectedItem?: T | null;
+    onSelectedItemChange?: (item: T | null) => void;
+    stats?: CardViewStat[] | ((items: T[]) => CardViewStat[]);
+    filters?: CardViewFilter[] | ((items: T[]) => CardViewFilter[]);
+    filterFn?: (item: T, filterValue: string) => boolean;
+    activeFilters?: string[];
+    onActiveFiltersChange?: (filters: string[]) => void;
+    searchPlaceholder?: string;
+    searchColumns?: CardViewColumn<T>[];
+    persistKey?: string;
+    enablePresets?: boolean;
+    enableHistory?: boolean;
+    enableUrlSync?: boolean;
+    onNew?: () => void;
+    newButtonLabel?: string;
+    onExport?: () => void;
+    renderDrawer?: (item: T | null, onClose: () => void, onEdit: (item: T) => void, onDelete: (id: number) => void) => ReactNode;
+    deleteFn?: (id: number) => Promise<void>;
+    deleteTitle?: string;
+    deleteMessage?: (item: T) => string;
+    renderAdvancedFilters?: (open: boolean, onOpenChange: (open: boolean) => void) => ReactNode;
+}
+declare function CardView<T extends {
+    id: number;
+}>({ queryKey, queryFn, title, subtitle, icon: Icon, hideHeader, emptyMessage, emptyIcon: EmptyIcon, renderCard, onCardClick, selectedItem: externalSelectedItem, onSelectedItemChange, stats, filters, filterFn, activeFilters: externalActiveFilters, onActiveFiltersChange, searchPlaceholder, searchColumns, persistKey, enablePresets, enableHistory, enableUrlSync, onNew, newButtonLabel, onExport, renderDrawer, deleteFn, deleteTitle, deleteMessage, renderAdvancedFilters, }: CardViewProps<T>): react_jsx_runtime.JSX.Element;
+
+interface FilterOption {
+    value: string;
+    label: string;
+    emoji?: string;
+    color: {
+        bg: string;
+        text: string;
+        border: string;
+        darkBg: string;
+        darkText: string;
+        darkBorder: string;
+    };
+}
+interface FilterGroup {
+    key: string;
+    label: string;
+    options: FilterOption[];
+    selectedValues: string[];
+    onChange: (values: string[]) => void;
+    renderType?: 'badges' | 'select';
+    allLabel?: string;
+    allColor?: {
+        bg: string;
+        text: string;
+        border: string;
+        darkBg: string;
+        darkText: string;
+        darkBorder: string;
+    };
+}
+interface FilterPreset {
+    id: string;
+    name: string;
+    filters: Record<string, string[]>;
+    searchValue?: string;
+    createdAt: Date;
+}
+interface SmartFilterPanelProps {
+    filterGroups: FilterGroup[];
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    resultsCount?: number;
+    onClearAll?: () => void;
+    defaultExpanded?: boolean;
+    persistKey?: string;
+    enablePresets?: boolean;
+    enableUrlSync?: boolean;
+    enableHistory?: boolean;
+    maxHistoryItems?: number;
+    onFiltersChange?: (filters: Record<string, string[]>) => void;
+}
+declare const SmartFilterPanel: ({ filterGroups, searchValue, onSearchChange, searchPlaceholder, resultsCount, onClearAll, defaultExpanded, persistKey, enablePresets, enableUrlSync, enableHistory, maxHistoryItems, onFiltersChange, }: SmartFilterPanelProps) => react_jsx_runtime.JSX.Element;
+
+interface ConfirmDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    message: string;
+    type?: 'delete' | 'edit' | 'create' | 'warning' | 'danger';
+    confirmText?: string;
+    cancelText?: string;
+    loading?: boolean;
+    requireConfirmation?: boolean;
+    confirmationText?: string;
+    details?: string[];
+    impact?: string;
+}
+declare const ConfirmDialog: React__default.FC<ConfirmDialogProps>;
+
+interface ToastProps {
+    message?: string;
+    type: 'success' | 'error';
+    onClose: () => void;
+    duration?: number;
+    entity?: string;
+    action?: 'created' | 'updated' | 'deleted' | 'error';
+}
+declare const Toast: React__default.FC<ToastProps>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "success" | "warning" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+interface DialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: React__default.ReactNode;
+}
+interface DialogContentProps {
+    className?: string;
+    children: React__default.ReactNode;
+    [key: string]: any;
+}
+interface DialogHeaderProps {
+    className?: string;
+    children: React__default.ReactNode;
+}
+interface DialogTitleProps {
+    className?: string;
+    children: React__default.ReactNode;
+}
+interface DialogDescriptionProps {
+    children: React__default.ReactNode;
+}
+interface DialogFooterProps {
+    children: React__default.ReactNode;
+}
+interface DialogTriggerProps {
+    asChild?: boolean;
+    children: React__default.ReactNode;
+    onClick?: () => void;
+}
+declare function Dialog({ open, onOpenChange, children }: DialogProps): react_jsx_runtime.JSX.Element | null;
+declare const DialogContent: React__default.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare function DialogHeader({ className, children }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, children }: DialogTitleProps): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ children }: DialogDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function DialogFooter({ children }: DialogFooterProps): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ asChild, children, onClick }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
+
+interface Theme {
+    /** HSL sem parênteses. Ex: "142 76% 36%" */
+    primary?: string;
+    primaryForeground?: string;
+    secondary?: string;
+    secondaryForeground?: string;
+    background?: string;
+    foreground?: string;
+    card?: string;
+    cardForeground?: string;
+    muted?: string;
+    mutedForeground?: string;
+    accent?: string;
+    accentForeground?: string;
+    destructive?: string;
+    destructiveForeground?: string;
+    border?: string;
+    input?: string;
+    inputBg?: string;
+    ring?: string;
+    radius?: string;
+}
+declare const defaultTheme: Theme;
+declare const defaultDarkTheme: Theme;
+
+interface ThemeProviderProps {
+    children: React__default.ReactNode;
+    /** Tokens para o tema claro — sobrescreve os padrões */
+    theme?: Theme;
+    /** Tokens para o tema escuro — sobrescreve os padrões */
+    darkTheme?: Theme;
+}
+declare function ThemeProvider({ children, theme, darkTheme }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { type AccentColor, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardView, type CardViewColumn, type CardViewFilter, type CardViewProps, type CardViewStat, Checkbox, ConfirmDialog, DataTable, type DataTableAction, type DataTableColumn, type DataTableFilter, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, type FilterGroup, type FilterOption, type FilterPreset, Input, type InputProps, PageHeader, type PageHeaderProps, PageLayout, STAT_ACCENT_SEQUENCE, SmartFilterPanel, StatCard, type StatCardProps, type TabOption, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type Theme, ThemeProvider, Toast, type ViewMode, type ViewModeOption, badgeVariants, buttonVariants, cn, defaultDarkTheme, defaultTheme };