@assassin1717/aifelib 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,342 @@
+import { ClassValue } from 'clsx';
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+type ButtonVariant = "primary" | "secondary" | "ghost" | "destructive" | "outline";
+type ButtonSize = "sm" | "md" | "lg";
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    fullWidth?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    error?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    error?: boolean;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    options: SelectOption[];
+    placeholder?: string;
+    error?: boolean;
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+
+interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
+    label?: string;
+    error?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+
+interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    required?: boolean;
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+
+interface FormFieldProps {
+    label?: string;
+    htmlFor?: string;
+    required?: boolean;
+    hint?: string;
+    error?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+declare function FormField({ label, htmlFor, required, hint, error, className, children, }: FormFieldProps): react_jsx_runtime.JSX.Element;
+
+type SpinnerSize = "sm" | "md" | "lg";
+interface SpinnerProps {
+    size?: SpinnerSize;
+    label?: string;
+    className?: string;
+}
+declare function Spinner({ size, label, className }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+type BadgeVariant = "default" | "success" | "warning" | "destructive" | "info" | "outline";
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+}
+declare function Badge({ variant, className, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+type AlertVariant = "info" | "success" | "warning" | "destructive";
+interface AlertProps {
+    variant?: AlertVariant;
+    title?: string;
+    children?: React.ReactNode;
+    className?: string;
+    onDismiss?: () => void;
+}
+declare function Alert({ variant, title, children, className, onDismiss }: AlertProps): react_jsx_runtime.JSX.Element;
+
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    padding?: "none" | "sm" | "md" | "lg";
+}
+declare function Card({ className, padding, children, ...props }: CardProps): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    description?: string;
+    size?: ModalSize;
+    className?: string;
+    children: React.ReactNode;
+    /** Footer slot — place action Buttons here, they stay inside the Modal */
+    footer?: React.ReactNode;
+}
+declare function Modal({ open, onClose, title, description, size, className, children, footer, }: ModalProps): React.ReactPortal | null;
+
+interface ConfirmDialogProps {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    /** Use "destructive" for delete/danger actions */
+    variant?: "primary" | "destructive";
+    loading?: boolean;
+}
+declare function ConfirmDialog({ open, onClose, onConfirm, title, description, confirmLabel, cancelLabel, variant, loading, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+
+type ToastType = "success" | "error" | "warning" | "info";
+interface Toast {
+    id: string;
+    type: ToastType;
+    title: string;
+    description?: string;
+    duration?: number;
+}
+
+interface ToastContextValue {
+    addToast: (opts: {
+        type: ToastType;
+        title: string;
+        description?: string;
+        duration?: number;
+    }) => void;
+    removeToast: (id: string) => void;
+}
+declare function ToastProvider({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function useToast(): ToastContextValue;
+
+/**
+ * Wrapper.
+ * - Mobile: each TableRow renders as a card (block layout), no horizontal scroll needed.
+ * - sm+: classic table with overflow-x-auto.
+ */
+declare function Table({ className, children, ...props }: React.HTMLAttributes<HTMLTableElement>): react_jsx_runtime.JSX.Element;
+/** Hidden on mobile — column labels come from TableCell's `label` prop instead */
+declare function TableHeader({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): react_jsx_runtime.JSX.Element;
+declare function TableBody({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): react_jsx_runtime.JSX.Element;
+declare function TableRow({ className, ...props }: React.HTMLAttributes<HTMLTableRowElement>): react_jsx_runtime.JSX.Element;
+interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+    align?: "left" | "center" | "right";
+}
+declare function TableHead({ className, align, ...props }: TableHeadProps): react_jsx_runtime.JSX.Element;
+interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    align?: "left" | "center" | "right";
+    /**
+     * Column label shown on mobile (before the value).
+     * Should match the corresponding TableHead content.
+     * Example: <TableCell label="Status">Active</TableCell>
+     */
+    label?: string;
+}
+declare function TableCell({ className, align, label, children, ...props }: TableCellProps): react_jsx_runtime.JSX.Element;
+
+interface TableToolbarProps {
+    /** Left side — search input or filters. Stay inside TableToolbar. */
+    filters?: React.ReactNode;
+    /** Right side — action buttons. Stay inside TableToolbar. */
+    actions?: React.ReactNode;
+    className?: string;
+}
+declare function TableToolbar({ filters, actions, className }: TableToolbarProps): react_jsx_runtime.JSX.Element;
+
+interface TableEmptyStateProps {
+    colSpan: number;
+    title?: string;
+    description?: string;
+    /** Action button — stays inside the table, never leaks out */
+    action?: React.ReactNode;
+    icon?: React.ReactNode;
+    className?: string;
+}
+declare function TableEmptyState({ colSpan, title, description, action, icon, className, }: TableEmptyStateProps): react_jsx_runtime.JSX.Element;
+
+interface PageHeaderProps {
+    title: string;
+    description?: string;
+    /** Breadcrumb or back link slot */
+    prefix?: React.ReactNode;
+    /** Action buttons — defined by caller but rendered inside PageHeader, never escape */
+    actions?: React.ReactNode;
+    className?: string;
+}
+declare function PageHeader({ title, description, prefix, actions, className }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface EmptyStateProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    /** Primary action button — stays inside EmptyState */
+    action?: React.ReactNode;
+    /** Secondary action button */
+    secondaryAction?: React.ReactNode;
+    className?: string;
+}
+declare function EmptyState({ icon, title, description, action, secondaryAction, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarNavItem {
+    label: string;
+    href?: string;
+    icon?: React.ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    /** Badge count or label shown on the right */
+    badge?: string | number;
+}
+interface SidebarNavGroup {
+    title?: string;
+    items: SidebarNavItem[];
+}
+interface SidebarProps {
+    /** Logo or brand slot */
+    logo?: React.ReactNode;
+    /** Navigation groups */
+    groups: SidebarNavGroup[];
+    /** Bottom slot — user avatar, settings, logout */
+    footer?: React.ReactNode;
+    className?: string;
+}
+declare function Sidebar({ logo, groups, footer, className }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+interface TopbarProps {
+    /** Called when the hamburger is pressed — open the Drawer/Sidebar */
+    onMenuOpen?: () => void;
+    /** Center slot — page title or breadcrumb */
+    title?: React.ReactNode;
+    /** Right slot — user avatar, notifications, etc. Stays inside Topbar. */
+    actions?: React.ReactNode;
+    /** Hide the hamburger button (e.g. when sidebar is always visible) */
+    hideMenuButton?: boolean;
+    className?: string;
+}
+declare function Topbar({ onMenuOpen, title, actions, hideMenuButton, className, }: TopbarProps): react_jsx_runtime.JSX.Element;
+
+interface AppShellProps {
+    /** Props forwarded to the Sidebar */
+    sidebar: SidebarProps;
+    /** Props forwarded to the Topbar (onMenuOpen is wired automatically) */
+    topbar?: Omit<TopbarProps, "onMenuOpen" | "hideMenuButton">;
+    /** Page content */
+    children: React.ReactNode;
+    className?: string;
+}
+declare function AppShell({ sidebar, topbar, children, className }: AppShellProps): react_jsx_runtime.JSX.Element;
+
+interface Tab {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface TabsProps {
+    tabs: Tab[];
+    value: string;
+    onChange: (value: string) => void;
+    /** Content panels — use TabPanel to associate with a tab value */
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function Tabs({ tabs, value, onChange, children, className }: TabsProps): react_jsx_runtime.JSX.Element;
+interface TabPanelProps {
+    value: string;
+    activeValue: string;
+    children: React.ReactNode;
+    className?: string;
+}
+declare function TabPanel({ value, activeValue, children, className }: TabPanelProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownMenuItem {
+    label: string;
+    onClick?: () => void;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    destructive?: boolean;
+    /** Renders a visual divider above this item */
+    divider?: boolean;
+}
+type DropdownAlign = "left" | "right";
+interface DropdownMenuProps {
+    /** The trigger element — button or icon button. Stays inside DropdownMenu. */
+    trigger: React.ReactNode;
+    items: DropdownMenuItem[];
+    align?: DropdownAlign;
+    className?: string;
+}
+declare function DropdownMenu({ trigger, items, align, className }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+
+interface PaginationProps {
+    page: number;
+    totalPages: number;
+    onChange: (page: number) => void;
+    /** Max page buttons to show (default 5) */
+    siblingCount?: number;
+    className?: string;
+}
+declare function Pagination({ page, totalPages, onChange, siblingCount, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+
+type DrawerSide = "right" | "left";
+interface DrawerProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    description?: string;
+    side?: DrawerSide;
+    /** Width on sm+ (default: "sm:w-96") */
+    widthClass?: string;
+    className?: string;
+    children: React.ReactNode;
+    /** Footer slot — action buttons stay inside the Drawer */
+    footer?: React.ReactNode;
+}
+declare function Drawer({ open, onClose, title, description, side, widthClass, className, children, footer, }: DrawerProps): React.ReactPortal | null;
+
+type TooltipSide = "top" | "bottom" | "left" | "right";
+interface TooltipProps {
+    content: string;
+    side?: TooltipSide;
+    children: React.ReactElement;
+    className?: string;
+}
+declare function Tooltip({ content, side, children, className }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+export { Alert, type AlertProps, type AlertVariant, AppShell, type AppShellProps, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, ConfirmDialog, type ConfirmDialogProps, Drawer, type DrawerProps, type DrawerSide, type DropdownAlign, DropdownMenu, type DropdownMenuItem, type DropdownMenuProps, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, type ModalSize, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Select, type SelectOption, type SelectProps, Sidebar, type SidebarNavGroup, type SidebarNavItem, type SidebarProps, Spinner, type SpinnerProps, type SpinnerSize, type Tab, TabPanel, type TabPanelProps, Table, TableBody, TableCell, type TableCellProps, TableEmptyState, type TableEmptyStateProps, TableHead, type TableHeadProps, TableHeader, TableRow, TableToolbar, type TableToolbarProps, Tabs, type TabsProps, Textarea, type TextareaProps, type Toast, ToastProvider, type ToastType, Tooltip, type TooltipProps, type TooltipSide, Topbar, type TopbarProps, cn, useToast };