lingui-ui 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,1309 @@
+import * as React$1 from 'react';
+import React__default, { ButtonHTMLAttributes, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLMotionProps } from 'framer-motion';
+import { LucideIcon } from 'lucide-react';
+import { ClassValue } from 'clsx';
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'default' | 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'success' | 'warning';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'icon';
+    loading?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    fullWidth?: boolean;
+    animation?: 'none' | 'scale' | 'bounce' | 'pulse' | 'slide';
+    enableAudio?: boolean;
+}
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface CardProps {
+    children: ReactNode;
+    title?: string;
+    subtitle?: string;
+    actions?: ReactNode;
+    variant?: 'default' | 'outlined' | 'elevated' | 'filled' | 'glass';
+    padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+    hover?: boolean;
+    onClick?: () => void;
+    headerClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
+    footer?: ReactNode;
+    animation?: 'none' | 'fade' | 'slide' | 'scale' | 'flip';
+    delay?: number;
+}
+declare const Card: ({ children, title, subtitle, actions, variant, padding, className, hover, onClick, headerClassName, bodyClassName, footerClassName, footer, animation, delay }: CardProps) => react_jsx_runtime.JSX.Element;
+declare const CardHeader: ({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardTitle: ({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardDescription: ({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardContent: ({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardFooter: ({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+type Size = 'sm' | 'md' | 'lg';
+type BaseMotionInputProps = Omit<HTMLMotionProps<'input'>, 'size'>;
+interface InputProps extends BaseMotionInputProps {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
+    size?: Size;
+    loading?: boolean;
+    showCount?: boolean;
+    countMax?: number;
+    onValueChange?: (value: string) => void;
+    changeDebounceMs?: number;
+    wrapperClassName?: string;
+    inputClassName?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+}
+declare const Input: React$1.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+interface SelectProps {
+    value: string;
+    onValueChange: (value: string) => void;
+    children: React__default.ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+interface SelectTriggerProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+interface SelectContentProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+interface SelectItemProps {
+    value: string;
+    children: React__default.ReactNode;
+    className?: string;
+}
+interface SelectValueProps {
+    placeholder?: string;
+    children?: React__default.ReactNode;
+}
+declare const Select: React__default.FC<SelectProps>;
+declare const SelectTrigger: React__default.FC<SelectTriggerProps & {
+    onClick?: () => void;
+    isOpen?: boolean;
+    disabled?: boolean;
+    selectedValue?: string;
+}>;
+declare const SelectValue: React__default.FC<SelectValueProps>;
+declare const SelectContent: React__default.FC<SelectContentProps & {
+    onItemClick?: (value: string) => void;
+    selectedValue?: string;
+}>;
+declare const SelectItem: React__default.FC<SelectItemProps & {
+    onClick?: () => void;
+    isSelected?: boolean;
+}>;
+
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: ReactNode;
+    title?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    showCloseButton?: boolean;
+    className?: string;
+}
+declare const Modal: ({ isOpen, onClose, children, title, size, closeOnOverlayClick, closeOnEscape, showCloseButton, className }: ModalProps) => react_jsx_runtime.JSX.Element;
+
+interface BadgeProps {
+    children: ReactNode;
+    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'outline' | 'muted';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    shape?: 'rounded' | 'pill' | 'square';
+    icon?: ReactNode;
+    className?: string;
+    onClick?: () => void;
+    animation?: 'none' | 'bounce' | 'pulse' | 'scale' | 'fade';
+    delay?: number;
+}
+declare const Badge: ({ children, variant, size, shape, icon, className, onClick, animation, delay }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+interface AvatarProps {
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+    onClick?: () => void;
+}
+declare const Avatar: ({ src, alt, fallback, size, className, onClick }: AvatarProps) => react_jsx_runtime.JSX.Element;
+
+interface TabsProps {
+    value: string;
+    onValueChange: (value: string) => void;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const Tabs: React__default.FC<TabsProps>;
+
+interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    trigger?: 'hover' | 'click' | 'focus';
+    delay?: number;
+    className?: string;
+    disabled?: boolean;
+}
+declare const Tooltip: ({ content, children, placement, trigger, delay, className, disabled }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+interface PopoverProps {
+    children: React.ReactNode;
+    content: React.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    trigger?: 'click' | 'hover';
+    className?: string;
+    contentClassName?: string;
+    showCloseButton?: boolean;
+    closeOnClickOutside?: boolean;
+}
+declare const Popover: ({ children, content, open: controlledOpen, onOpenChange, placement, trigger, className, contentClassName, showCloseButton, closeOnClickOutside }: PopoverProps) => react_jsx_runtime.JSX.Element;
+
+interface SwitchProps {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const Switch: React__default.FC<SwitchProps>;
+
+interface SliderProps {
+    value: number[];
+    onValueChange: (value: number[]) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    className?: string;
+}
+declare const Slider: React__default.FC<SliderProps>;
+
+interface Step {
+    title: string;
+    description?: string;
+    content?: ReactNode;
+    completed?: boolean;
+    disabled?: boolean;
+}
+interface StepperProps {
+    steps: Step[];
+    currentStep: number;
+    onStepClick?: (stepIndex: number) => void;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+    showContent?: boolean;
+}
+declare const Stepper: ({ steps, currentStep, onStepClick, orientation, className, showContent }: StepperProps) => react_jsx_runtime.JSX.Element;
+
+interface DatePickerProps {
+    value?: Date | null;
+    onChange: (date: Date | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    label?: string;
+    error?: string;
+    minDate?: Date;
+    maxDate?: Date;
+}
+declare const DatePicker: ({ value, onChange, placeholder, disabled, className, label, error, minDate, maxDate }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+
+interface FileUploadProps {
+    onFileSelect: (files: File[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    maxFiles?: number;
+    className?: string;
+    label?: string;
+    error?: string;
+    disabled?: boolean;
+}
+declare const FileUpload: ({ onFileSelect, accept, multiple, maxSize, maxFiles, className, label, error, disabled }: FileUploadProps) => react_jsx_runtime.JSX.Element;
+
+interface DragSortItem {
+    id: string | number;
+    data: any;
+    disabled?: boolean;
+}
+interface DragSortProps {
+    items: DragSortItem[];
+    onSort: (newItems: DragSortItem[]) => void;
+    children: (item: DragSortItem, index: number, isDragging: boolean) => React__default.ReactNode;
+    className?: string;
+    itemClassName?: string;
+    disabled?: boolean;
+    direction?: 'horizontal' | 'vertical';
+    gap?: number;
+    placeholder?: React__default.ReactNode;
+    placeholderClassName?: string;
+    animation?: boolean;
+    animationDuration?: number;
+}
+declare const DragSort: React__default.FC<DragSortProps>;
+
+interface EmptyStateProps {
+    icon?: LucideIcon;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    className?: string;
+    iconClassName?: string;
+    buttonClassName?: string;
+}
+declare const EmptyState: ({ icon: Icon, title, description, action, className, iconClassName, buttonClassName }: EmptyStateProps) => react_jsx_runtime.JSX.Element;
+
+interface ChartData$1 {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface ChartProps {
+    data: ChartData$1[];
+    type?: 'bar' | 'line' | 'pie' | 'doughnut';
+    width?: number;
+    height?: number;
+    className?: string;
+    showLegend?: boolean;
+    showValues?: boolean;
+}
+declare const Chart: ({ data, type, width, height, className, showLegend, showValues }: ChartProps) => react_jsx_runtime.JSX.Element;
+
+interface MarkdownRendererProps {
+    content: string;
+    className?: string;
+}
+declare const MarkdownRenderer: React__default.FC<MarkdownRendererProps>;
+
+interface MarkdownPreviewProps {
+    content: string;
+    className?: string;
+}
+declare const MarkdownPreviewComponent: React__default.FC<MarkdownPreviewProps>;
+
+interface TypewriterMarkdownProps {
+    content: string;
+    speed?: number;
+    className?: string;
+    showMarkdownAfterTypewriter?: boolean;
+    onComplete?: () => void;
+}
+declare const TypewriterMarkdown: React__default.FC<TypewriterMarkdownProps>;
+
+interface InfiniteScrollProps {
+    children: React.ReactNode;
+    hasMore: boolean;
+    loadMore: () => void;
+    threshold?: number;
+    className?: string;
+    loadingComponent?: React.ReactNode;
+    endMessage?: React.ReactNode;
+}
+declare const InfiniteScroll: ({ children, hasMore, loadMore, threshold, className, loadingComponent, endMessage }: InfiniteScrollProps) => react_jsx_runtime.JSX.Element;
+
+interface VirtualListProps<T> {
+    items: T[];
+    itemHeight: number;
+    containerHeight: number;
+    renderItem: (item: T, index: number) => React.ReactNode;
+    className?: string;
+    overscan?: number;
+}
+declare const VirtualList: <T>({ items, itemHeight, containerHeight, renderItem, className, overscan }: VirtualListProps<T>) => react_jsx_runtime.JSX.Element;
+
+interface PositionedToastProps {
+    id: string;
+    type: 'success' | 'error' | 'warning' | 'info';
+    title: string;
+    message?: string;
+    duration?: number;
+    onClose: (id: string) => void;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+    scrollToPosition?: {
+        x: number;
+        y: number;
+        behavior?: 'smooth' | 'instant' | 'auto';
+    };
+    className?: string;
+}
+declare const PositionedToast: ({ id, type, title, message, duration, onClose, position, scrollToPosition, className }: PositionedToastProps) => react_jsx_runtime.JSX.Element;
+
+interface ConfirmDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    description: string;
+    confirmText?: string;
+    cancelText?: string;
+    variant?: 'default' | 'danger' | 'warning' | 'success';
+    icon?: React.ReactNode;
+}
+declare const ConfirmDialog: ({ isOpen, onClose, onConfirm, title, description, confirmText, cancelText, variant, icon }: ConfirmDialogProps) => react_jsx_runtime.JSX.Element;
+
+interface AudioControllerProps {
+    className?: string;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+}
+declare const AudioController: ({ className, position }: AudioControllerProps) => react_jsx_runtime.JSX.Element;
+
+interface EnhancedMagneticButtonProps {
+    children: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    intensity?: number;
+    enableAudio?: boolean;
+    enableRipple?: boolean;
+    enableGlow?: boolean;
+    className?: string;
+    onClick?: () => void;
+}
+declare const EnhancedMagneticButton: ({ children, variant, size, intensity, enableAudio, enableRipple, enableGlow, className, onClick }: EnhancedMagneticButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface EpicRatingEffectProps {
+    score: number;
+    maxScore?: number;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    showAnimation?: boolean;
+    showParticles?: boolean;
+    showSound?: boolean;
+    className?: string;
+    onScoreChange?: (score: number) => void;
+}
+declare const EpicRatingEffect: React__default.FC<EpicRatingEffectProps>;
+
+interface AutocompleteOption {
+    value: string;
+    label: string;
+    description?: string;
+}
+interface AutocompleteInputProps {
+    label?: string;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    options: AutocompleteOption[];
+    leftIcon?: React.ReactNode;
+    helperText?: string;
+    error?: string;
+}
+declare const AutocompleteInput: ({ label, value, onChange, placeholder, options, leftIcon, helperText, error, }: AutocompleteInputProps) => react_jsx_runtime.JSX.Element;
+
+type SearchResult = {
+    id: string;
+    title: string;
+    description?: string;
+    url?: string;
+    type: string;
+    icon?: string;
+    fragments?: Record<string, any>;
+};
+interface GlobalSearchProps {
+    isOpen?: boolean;
+    query?: string;
+    results?: SearchResult[];
+    isLoading?: boolean;
+    selectedIndex?: number;
+    searchEnabled?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onSelect?: (result: SearchResult) => void;
+    onQueryChange?: (query: string) => void;
+}
+declare const GlobalSearch: ({ isOpen, query, results, isLoading, selectedIndex, searchEnabled, onOpen, onClose, onSelect, onQueryChange }: GlobalSearchProps) => react_jsx_runtime.JSX.Element;
+
+interface IconTextProps {
+    icon: ReactNode;
+    children: ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'muted';
+    direction?: 'horizontal' | 'vertical';
+    spacing?: 'tight' | 'normal' | 'loose';
+    className?: string;
+    iconClassName?: string;
+    textClassName?: string;
+    onClick?: () => void;
+    animation?: 'none' | 'fade' | 'slide' | 'scale' | 'bounce' | 'pulse' | 'glow';
+    delay?: number;
+}
+declare const IconText: ({ icon, children, size, variant, direction, spacing, className, iconClassName, textClassName, onClick, animation, delay }: IconTextProps) => react_jsx_runtime.JSX.Element;
+
+interface Chapter {
+    id: string;
+    title: string;
+    summary: string;
+    content: string;
+    wordCount: number;
+    targetWordCount: number;
+    status: 'draft' | 'writing' | 'editing' | 'completed';
+    order: number;
+    isVisible: boolean;
+    tags: string[];
+    characters: string[];
+    plotPoints: string[];
+    createdAt: string;
+    updatedAt: string;
+}
+interface ChapterOutlineProps {
+    chapters: Chapter[];
+    onAdd: (chapter: Omit<Chapter, 'id' | 'createdAt' | 'updatedAt'>) => void;
+    onUpdate: (id: string, chapter: Partial<Chapter>) => void;
+    onDelete: (id: string) => void;
+    onReorder: (fromIndex: number, toIndex: number) => void;
+    onToggleVisibility: (id: string) => void;
+    onChapterSelect: (chapter: Chapter) => void;
+    className?: string;
+}
+declare const ChapterOutline: ({ chapters, onAdd, onUpdate, onDelete, onToggleVisibility, onChapterSelect, className }: ChapterOutlineProps) => react_jsx_runtime.JSX.Element;
+
+interface PageTurnerProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    onBookmark?: (page: number) => void;
+    bookmarks?: number[];
+    className?: string;
+    showPageNumbers?: boolean;
+    showProgress?: boolean;
+    autoSave?: boolean;
+    onAutoSave?: (page: number) => void;
+}
+declare const PageTurner: ({ currentPage, totalPages, onPageChange, onBookmark, bookmarks, className, showPageNumbers, showProgress, autoSave, onAutoSave }: PageTurnerProps) => react_jsx_runtime.JSX.Element;
+
+interface PlotPoint {
+    id: string;
+    title: string;
+    description: string;
+    type: 'exposition' | 'rising_action' | 'climax' | 'falling_action' | 'resolution' | 'custom';
+    chapter?: string;
+    characters: string[];
+    location?: string;
+    time?: string;
+    isImportant: boolean;
+    isVisible: boolean;
+    order: number;
+    tags: string[];
+    createdAt: string;
+    updatedAt: string;
+}
+interface PlotManagerProps {
+    plotPoints: PlotPoint[];
+    onAdd: (plotPoint: Omit<PlotPoint, 'id' | 'createdAt' | 'updatedAt'>) => void;
+    onUpdate: (id: string, plotPoint: Partial<PlotPoint>) => void;
+    onDelete: (id: string) => void;
+    onReorder: (fromIndex: number, toIndex: number) => void;
+    onToggleVisibility: (id: string) => void;
+    onToggleImportance: (id: string) => void;
+    className?: string;
+}
+declare const PlotManager: ({ plotPoints, onAdd, onUpdate, onDelete, onToggleVisibility, onToggleImportance, className }: PlotManagerProps) => react_jsx_runtime.JSX.Element;
+
+interface LayoutProps {
+    children: ReactNode;
+}
+declare const Layout: ({ children }: LayoutProps) => react_jsx_runtime.JSX.Element;
+
+interface NavigationItem {
+    name: string;
+    href: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+}
+interface SidebarProps {
+    logo?: React.ReactNode;
+    logoText?: string;
+    navigation?: NavigationItem[];
+    isAuthenticated?: boolean;
+    user?: {
+        displayName?: string;
+        avatar?: string;
+    };
+    groups?: Array<{
+        id: number | string;
+        name: string;
+        avatar?: string;
+    }>;
+    currentOrganizationId?: number | string | null;
+    onOrganizationChange?: (id: number | string) => void;
+    onLogin?: () => void;
+    onLogout?: () => void;
+    onNavigate?: (path: string) => void;
+    currentPath?: string;
+    className?: string;
+}
+declare const Sidebar: ({ logo, logoText, navigation, isAuthenticated, user, groups, currentOrganizationId, onOrganizationChange, onLogin, onLogout, onNavigate, currentPath, className }: SidebarProps) => react_jsx_runtime.JSX.Element;
+
+interface FooterProps {
+    teamName?: string;
+    teamDesc?: string;
+    icpNumber?: string;
+    icpUrl?: string;
+    className?: string;
+}
+declare const Footer: React__default.FC<FooterProps>;
+
+interface GridProps {
+    children: ReactNode;
+    cols?: 1 | 2 | 3 | 4 | 5 | 6 | 12;
+    gap?: 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+}
+declare const Grid: ({ children, cols, gap, className }: GridProps) => react_jsx_runtime.JSX.Element;
+
+interface PageContainerProps {
+    children: ReactNode;
+    className?: string;
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+}
+declare const PageContainer: ({ children, className, maxWidth, padding }: PageContainerProps) => react_jsx_runtime.JSX.Element;
+
+interface PageHeaderProps {
+    title: string;
+    subtitle?: string;
+    children?: ReactNode;
+    className?: string;
+    breadcrumbs?: Array<{
+        label: string;
+        href?: string;
+    }>;
+}
+declare const PageHeader: ({ title, subtitle, children, className, breadcrumbs }: PageHeaderProps) => react_jsx_runtime.JSX.Element;
+
+interface FormField$1 {
+    name: string;
+    label: string;
+    type: 'text' | 'email' | 'password' | 'textarea' | 'select' | 'checkbox' | 'radio' | 'date' | 'file';
+    required?: boolean;
+    placeholder?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    validation?: (value: any) => string | null;
+    className?: string;
+}
+interface AdvancedFormProps {
+    fields: FormField$1[];
+    onSubmit: (data: Record<string, any>) => void;
+    submitText?: string;
+    className?: string;
+    animated?: boolean;
+    showProgress?: boolean;
+    autoSave?: boolean;
+    autoSaveDelay?: number;
+}
+declare const AdvancedForm: ({ fields, onSubmit, submitText, className, animated, showProgress, autoSave, autoSaveDelay }: AdvancedFormProps) => react_jsx_runtime.JSX.Element;
+
+interface FormFieldProps {
+    label?: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+    children: ReactNode;
+    className?: string;
+    labelClassName?: string;
+}
+declare const FormField: ({ label, error, hint, required, children, className, labelClassName }: FormFieldProps) => react_jsx_runtime.JSX.Element;
+
+interface FormSectionProps {
+    title?: string;
+    description?: string;
+    children: ReactNode;
+    className?: string;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+}
+declare const FormSection: ({ title, description, children, className }: FormSectionProps) => react_jsx_runtime.JSX.Element;
+
+interface Column<T> {
+    key: keyof T;
+    title: string;
+    sortable?: boolean;
+    render?: (value: any, record: T) => React.ReactNode;
+    width?: string | number;
+    minWidth?: string | number;
+    align?: 'left' | 'center' | 'right';
+}
+interface DataTableProps<T> {
+    data: T[];
+    columns: Column<T>[];
+    loading?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    onSearch?: (searchTerm: string) => void;
+    onSort?: (key: keyof T, direction: 'asc' | 'desc') => void;
+    onRowClick?: (record: T) => void;
+    className?: string;
+    emptyText?: string;
+    pageSize?: number;
+    showPagination?: boolean;
+}
+declare const DataTable: <T extends Record<string, any>>({ data, columns, loading, searchable, searchPlaceholder, onSearch, onSort, onRowClick, className, emptyText, pageSize, showPagination }: DataTableProps<T>) => react_jsx_runtime.JSX.Element;
+
+interface ProgressBarProps {
+    value: number;
+    max?: number;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'success' | 'warning' | 'error';
+    showValue?: boolean;
+    label?: string;
+    description?: string;
+    className?: string;
+    children?: ReactNode;
+}
+declare const ProgressBar: ({ value, max, size, variant, showValue, label, description, className, children }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
+
+interface StatCardProps {
+    title: string;
+    value: string | number;
+    change?: {
+        value: number;
+        type: 'increase' | 'decrease' | 'neutral';
+    };
+    icon?: LucideIcon;
+    iconColor?: string;
+    description?: string;
+    className?: string;
+    onClick?: () => void;
+}
+declare const StatCard: ({ title, value, change, icon: Icon, iconColor, description, className, onClick }: StatCardProps) => react_jsx_runtime.JSX.Element;
+
+interface TimelineItem {
+    id: string;
+    title: string;
+    description?: string;
+    time: string;
+    status?: 'completed' | 'current' | 'upcoming';
+    icon?: ReactNode;
+    color?: string;
+}
+interface TimelineProps {
+    items: TimelineItem[];
+    orientation?: 'vertical' | 'horizontal';
+    className?: string;
+}
+declare const Timeline: ({ items, orientation, className }: TimelineProps) => react_jsx_runtime.JSX.Element;
+
+interface ChartData {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface AdvancedChartProps {
+    data: ChartData[];
+    type?: 'bar' | 'line' | 'pie' | 'area';
+    animated?: boolean;
+    interactive?: boolean;
+    className?: string;
+    height?: number;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+}
+declare const AdvancedChart: ({ data, type, animated, interactive, className, height, showLegend, showTooltip }: AdvancedChartProps) => react_jsx_runtime.JSX.Element;
+
+interface FadeInProps {
+    children: ReactNode;
+    direction?: 'up' | 'down' | 'left' | 'right';
+    delay?: number;
+    duration?: number;
+    className?: string;
+}
+declare const FadeIn: ({ children, direction, delay, duration, className }: FadeInProps) => react_jsx_runtime.JSX.Element;
+
+interface LoadingAnimationProps {
+    type?: 'spinner' | 'dots' | 'pulse' | 'wave' | 'bounce';
+    size?: 'sm' | 'md' | 'lg';
+    color?: string;
+    className?: string;
+}
+declare const LoadingAnimation: ({ type, size, color, className }: LoadingAnimationProps) => react_jsx_runtime.JSX.Element;
+
+interface StaggeredListProps {
+    children: ReactNode[];
+    className?: string;
+    staggerDelay?: number;
+    direction?: 'up' | 'down' | 'left' | 'right';
+}
+declare const StaggeredList: ({ children, className, staggerDelay, direction }: StaggeredListProps) => react_jsx_runtime.JSX.Element;
+
+interface WaveProps {
+    children: ReactNode;
+    className?: string;
+    amplitude?: number;
+    frequency?: number;
+    speed?: number;
+    direction?: 'horizontal' | 'vertical';
+}
+declare const Wave: ({ children, className, amplitude, speed, direction }: WaveProps) => react_jsx_runtime.JSX.Element;
+
+interface MagneticButtonProps {
+    children: ReactNode;
+    className?: string;
+    intensity?: number;
+    onClick?: () => void;
+    disabled?: boolean;
+    variant?: 'default' | 'primary' | 'secondary' | 'outline' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const MagneticButton: ({ children, className, intensity, onClick, disabled, variant, size }: MagneticButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface OnboardingStep {
+    id: string;
+    title: string;
+    description: string;
+    target?: string;
+    position?: 'top' | 'bottom' | 'left' | 'right' | 'center';
+    image?: string;
+    video?: string;
+    action?: {
+        text: string;
+        onClick: () => void;
+    };
+    highlight?: boolean;
+    animation?: 'fade' | 'slide' | 'scale' | 'bounce' | 'glow';
+}
+interface PremiumOnboardingProps {
+    steps: OnboardingStep[];
+    isOpen: boolean;
+    onClose: () => void;
+    onComplete?: () => void;
+    className?: string;
+    autoPlay?: boolean;
+    showProgress?: boolean;
+    allowSkip?: boolean;
+}
+declare const PremiumOnboarding: ({ steps, isOpen, onClose, onComplete, className, autoPlay, showProgress, allowSkip }: PremiumOnboardingProps) => react_jsx_runtime.JSX.Element | null;
+
+interface PasswordStrengthProps {
+    password: string;
+    minLength?: number;
+    requireUppercase?: boolean;
+    requireLowercase?: boolean;
+    requireNumber?: boolean;
+    requireSpecialChar?: boolean;
+}
+declare const PasswordStrength: React__default.FC<PasswordStrengthProps>;
+
+interface AnnouncerProps {
+    message: string;
+    priority?: 'polite' | 'assertive';
+    className?: string;
+    animation?: 'none' | 'fade' | 'slide' | 'scale';
+    delay?: number;
+    duration?: number;
+}
+declare const Announcer: ({ message, priority, className, animation, delay, duration }: AnnouncerProps) => react_jsx_runtime.JSX.Element | null;
+
+interface FocusTrapProps {
+    children: ReactNode;
+    active?: boolean;
+    className?: string;
+    animation?: 'none' | 'fade' | 'scale' | 'slide';
+    delay?: number;
+    onEscape?: () => void;
+    onFocusOut?: () => void;
+}
+declare const FocusTrap: ({ children, active, className, animation, delay, onEscape, onFocusOut }: FocusTrapProps) => react_jsx_runtime.JSX.Element;
+
+interface SkipLinkProps {
+    href: string;
+    children: ReactNode;
+    className?: string;
+    animation?: 'none' | 'fade' | 'slide' | 'scale';
+    delay?: number;
+}
+declare const SkipLink: ({ href, children, className, animation, delay }: SkipLinkProps) => react_jsx_runtime.JSX.Element;
+
+interface BackgroundEffectsProps {
+    theme?: 'default' | 'neon' | 'cyber' | 'fire' | 'ice' | 'rainbow' | 'matrix' | 'stars';
+    intensity?: 'low' | 'medium' | 'high';
+    enableParticles?: boolean;
+    enableWaves?: boolean;
+    enableGrid?: boolean;
+    enableGlow?: boolean;
+}
+declare const BackgroundEffects: React__default.FC<BackgroundEffectsProps>;
+
+interface GlobalEffectsProps {
+    children: React__default.ReactNode;
+    enableParticles?: boolean;
+    enableBackground?: boolean;
+    enableTransitions?: boolean;
+    enableSound?: boolean;
+    theme?: 'default' | 'neon' | 'cyber' | 'fire' | 'ice' | 'rainbow';
+}
+declare const GlobalEffects: React__default.FC<GlobalEffectsProps>;
+
+interface TypewriterProps {
+    text: string;
+    speed?: number;
+    delay?: number;
+    className?: string;
+    onComplete?: () => void;
+}
+declare const Typewriter: ({ text, speed, delay, className, onComplete }: TypewriterProps) => react_jsx_runtime.JSX.Element;
+
+interface HoverCardProps {
+    children: React.ReactNode;
+    className?: string;
+    intensity?: 'low' | 'medium' | 'high';
+}
+declare const HoverCard: ({ children, className, intensity }: HoverCardProps) => react_jsx_runtime.JSX.Element;
+
+interface SkeletonProps {
+    className?: string;
+    lines?: number;
+    animated?: boolean;
+}
+declare const Skeleton: ({ className, lines, animated }: SkeletonProps) => react_jsx_runtime.JSX.Element;
+
+interface ProgressIndicatorProps {
+    current: number;
+    total: number;
+    className?: string;
+    showPercentage?: boolean;
+    animated?: boolean;
+}
+declare const ProgressIndicator: ({ current, total, className, showPercentage, animated }: ProgressIndicatorProps) => react_jsx_runtime.JSX.Element;
+
+interface PulseProps {
+    children: React.ReactNode;
+    className?: string;
+    intensity?: 'low' | 'medium' | 'high';
+    duration?: number;
+}
+declare const Pulse: ({ children, className, intensity, duration }: PulseProps) => react_jsx_runtime.JSX.Element;
+
+interface ScrollRevealProps {
+    children: React.ReactNode;
+    className?: string;
+    direction?: 'up' | 'down' | 'left' | 'right';
+    delay?: number;
+    duration?: number;
+}
+declare const ScrollReveal: ({ children, className, direction, delay, duration }: ScrollRevealProps) => react_jsx_runtime.JSX.Element;
+
+interface MagneticProps {
+    children: React.ReactNode;
+    className?: string;
+    strength?: number;
+}
+declare const Magnetic: ({ children, className, strength }: MagneticProps) => react_jsx_runtime.JSX.Element;
+
+interface RippleProps {
+    children: React.ReactNode;
+    className?: string;
+    color?: string;
+    duration?: number;
+}
+declare const Ripple: ({ children, className, color, duration }: RippleProps) => react_jsx_runtime.JSX.Element;
+
+interface ParticleBackgroundProps {
+    className?: string;
+    particleCount?: number;
+    color?: string;
+    speed?: number;
+}
+declare const ParticleBackground: ({ className, particleCount, color, speed }: ParticleBackgroundProps) => react_jsx_runtime.JSX.Element;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare const getThemeColors: (theme?: string) => {
+    primary: string;
+    primaryHover: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryHover: string;
+    accent: string;
+    muted: string;
+    mutedForeground: string;
+    border: string;
+    background: string;
+    foreground: string;
+} | {
+    primary: string;
+    primaryHover: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryHover: string;
+    accent: string;
+    muted: string;
+    mutedForeground: string;
+    border: string;
+    background: string;
+    foreground: string;
+} | {
+    primary: string;
+    primaryHover: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryHover: string;
+    accent: string;
+    muted: string;
+    mutedForeground: string;
+    border: string;
+    background: string;
+    foreground: string;
+} | {
+    primary: string;
+    primaryHover: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryHover: string;
+    accent: string;
+    muted: string;
+    mutedForeground: string;
+    border: string;
+    background: string;
+    foreground: string;
+} | {
+    primary: string;
+    primaryHover: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryHover: string;
+    accent: string;
+    muted: string;
+    mutedForeground: string;
+    border: string;
+    background: string;
+    foreground: string;
+} | {
+    primary: string;
+    primaryHover: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryHover: string;
+    accent: string;
+    muted: string;
+    mutedForeground: string;
+    border: string;
+    background: string;
+    foreground: string;
+} | {
+    primary: string;
+    primaryHover: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryHover: string;
+    accent: string;
+    muted: string;
+    mutedForeground: string;
+    border: string;
+    background: string;
+    foreground: string;
+} | {
+    primary: string;
+    primaryHover: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryHover: string;
+    accent: string;
+    muted: string;
+    mutedForeground: string;
+    border: string;
+    background: string;
+    foreground: string;
+};
+declare const getThemeClasses: (theme?: string, variant?: "primary" | "secondary" | "accent" | "muted") => {
+    bg: string;
+    hover: string;
+    text: string;
+    border: string;
+    ring: string;
+    shadow: string;
+} | {
+    bg: string;
+    hover: string;
+    text: string;
+    border: string;
+    ring: string;
+    shadow: string;
+} | {
+    bg: string;
+    hover: string;
+    text: string;
+    border: string;
+    ring: string;
+    shadow: string;
+} | {
+    bg: string;
+    hover: string;
+    text: string;
+    border: string;
+    ring: string;
+    shadow: string;
+};
+declare const getCurrentTheme: () => string;
+declare const getCurrentThemeMode: () => "light" | "dark";
+declare const setTheme: (theme: string) => void;
+declare const setCustomThemeColor: (color: string) => void;
+declare const createThemeAwareStyles: (theme?: string) => {
+    button: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+    };
+    card: {
+        default: string;
+        elevated: string;
+        filled: string;
+        glass: string;
+    };
+    input: {
+        default: string;
+        filled: string;
+    };
+    badge: {
+        primary: string;
+        secondary: string;
+        accent: string;
+        muted: string;
+    };
+};
+declare const useTheme: () => {
+    theme: string;
+    changeTheme: (newTheme: string) => void;
+    colors: {
+        primary: string;
+        primaryHover: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryHover: string;
+        accent: string;
+        muted: string;
+        mutedForeground: string;
+        border: string;
+        background: string;
+        foreground: string;
+    } | {
+        primary: string;
+        primaryHover: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryHover: string;
+        accent: string;
+        muted: string;
+        mutedForeground: string;
+        border: string;
+        background: string;
+        foreground: string;
+    } | {
+        primary: string;
+        primaryHover: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryHover: string;
+        accent: string;
+        muted: string;
+        mutedForeground: string;
+        border: string;
+        background: string;
+        foreground: string;
+    } | {
+        primary: string;
+        primaryHover: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryHover: string;
+        accent: string;
+        muted: string;
+        mutedForeground: string;
+        border: string;
+        background: string;
+        foreground: string;
+    } | {
+        primary: string;
+        primaryHover: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryHover: string;
+        accent: string;
+        muted: string;
+        mutedForeground: string;
+        border: string;
+        background: string;
+        foreground: string;
+    } | {
+        primary: string;
+        primaryHover: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryHover: string;
+        accent: string;
+        muted: string;
+        mutedForeground: string;
+        border: string;
+        background: string;
+        foreground: string;
+    } | {
+        primary: string;
+        primaryHover: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryHover: string;
+        accent: string;
+        muted: string;
+        mutedForeground: string;
+        border: string;
+        background: string;
+        foreground: string;
+    } | {
+        primary: string;
+        primaryHover: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryHover: string;
+        accent: string;
+        muted: string;
+        mutedForeground: string;
+        border: string;
+        background: string;
+        foreground: string;
+    };
+    classes: {
+        bg: string;
+        hover: string;
+        text: string;
+        border: string;
+        ring: string;
+        shadow: string;
+    } | {
+        bg: string;
+        hover: string;
+        text: string;
+        border: string;
+        ring: string;
+        shadow: string;
+    } | {
+        bg: string;
+        hover: string;
+        text: string;
+        border: string;
+        ring: string;
+        shadow: string;
+    } | {
+        bg: string;
+        hover: string;
+        text: string;
+        border: string;
+        ring: string;
+        shadow: string;
+    };
+};
+
+declare class AudioEffectManager {
+    private audioContext;
+    private masterGain;
+    private isEnabled;
+    private volume;
+    constructor();
+    private initAudioContext;
+    setEnabled(enabled: boolean): void;
+    setVolume(volume: number): void;
+    playClickSound(): void;
+    playSuccessSound(): void;
+    playErrorSound(): void;
+    playWarningSound(): void;
+    playInfoSound(): void;
+    playHoverSound(): void;
+    playPageTransitionSound(): void;
+    playMagicSound(): void;
+    playParticleSound(): void;
+}
+declare const audioManager: AudioEffectManager;
+declare const playClickSound: () => void;
+declare const playSuccessSound: () => void;
+declare const playErrorSound: () => void;
+declare const playWarningSound: () => void;
+declare const playInfoSound: () => void;
+declare const playHoverSound: () => void;
+declare const playPageTransitionSound: () => void;
+declare const playMagicSound: () => void;
+declare const playParticleSound: () => void;
+declare const setAudioEnabled: (enabled: boolean) => void;
+declare const setAudioVolume: (volume: number) => void;
+
+type WidgetType = 'stat-card' | 'hero-banner' | 'chart-line' | 'chart-bar' | 'chart-pie' | 'chart-area' | 'chart-radar' | 'activity-feed' | 'table' | 'feature-grid' | 'testimonial' | 'timeline' | 'progress-ring' | 'metric-comparison' | 'image' | 'video' | 'iframe' | 'markdown' | 'custom-html';
+type WidgetSize = 'small' | 'medium' | 'large';
+interface WidgetPosition {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+interface WidgetConfig {
+    id: string;
+    type: WidgetType;
+    title: string;
+    size: WidgetSize;
+    position: WidgetPosition;
+    props: Record<string, any>;
+    visible: boolean;
+}
+interface OverviewConfig {
+    widgets: WidgetConfig[];
+    theme?: PageTheme;
+    layout?: {
+        columns?: number;
+        gap?: number;
+    };
+}
+interface ThemeStyle {
+    primaryColor?: string;
+    secondaryColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    borderRadius?: string;
+    spacing?: string;
+}
+interface PageTheme {
+    name: string;
+    styles: ThemeStyle;
+}
+declare const widgetSizeMap: {
+    small: number;
+    medium: number;
+    large: number;
+};
+declare const widgetHeightMap: Record<WidgetType, number>;
+declare const themePresets: Record<string, PageTheme>;
+
+export { AdvancedChart, AdvancedForm, Announcer, AudioController, AutocompleteInput, Avatar, BackgroundEffects, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChapterOutline, Chart, ConfirmDialog, DataTable, DatePicker, DragSort, EmptyState, EnhancedMagneticButton, EpicRatingEffect, FadeIn, FileUpload, FocusTrap, Footer, FormField, FormSection, GlobalEffects, GlobalSearch, Grid, HoverCard, IconText, InfiniteScroll, Input, Layout, LoadingAnimation, Magnetic, MagneticButton, MarkdownPreviewComponent as MarkdownPreview, MarkdownRenderer, Modal, PremiumOnboarding as OnboardingGuide, PageContainer, PageHeader, PageTurner, ParticleBackground, PasswordStrength, PlotManager, Popover, PositionedToast, PremiumOnboarding, ProgressBar, ProgressIndicator, Pulse, Ripple, ScrollReveal, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Sidebar, Skeleton, SkipLink, Slider, StaggeredList, StatCard, Stepper, Switch, Tabs, Timeline, Tooltip, Typewriter, TypewriterMarkdown, VirtualList, Wave, audioManager, cn, createThemeAwareStyles, getCurrentTheme, getCurrentThemeMode, getThemeClasses, getThemeColors, playClickSound, playErrorSound, playHoverSound, playInfoSound, playMagicSound, playPageTransitionSound, playParticleSound, playSuccessSound, playWarningSound, setAudioEnabled, setAudioVolume, setCustomThemeColor, setTheme, themePresets, useTheme, widgetHeightMap, widgetSizeMap };
+export type { ButtonProps, CardProps, FooterProps, GlobalSearchProps, InputProps, NavigationItem, OverviewConfig, PageTheme, SearchResult, SidebarProps, ThemeStyle, WidgetConfig, WidgetPosition, WidgetSize, WidgetType };