@pixonui/react 0.1.1 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React$1 from 'react';
2
- import React__default, { RefObject, FormEvent, ReactNode } from 'react';
2
+ import React__default, { ReactNode, RefObject, FormEvent } from 'react';
3
3
  import * as class_variance_authority_types from 'class-variance-authority/types';
4
4
  import { VariantProps } from 'class-variance-authority';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -51,6 +51,13 @@ interface MetricCardProps extends React__default.HTMLAttributes<HTMLDivElement>
51
51
  }
52
52
  declare const MetricCard: React__default.ForwardRefExoticComponent<MetricCardProps & React__default.RefAttributes<HTMLDivElement>>;
53
53
 
54
+ declare const Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
55
+ declare const CardHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
56
+ declare const CardTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLParagraphElement>>;
57
+ declare const CardDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
58
+ declare const CardContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
59
+ declare const CardFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
60
+
54
61
  interface TextProps extends React__default.HTMLAttributes<HTMLElement> {
55
62
  as?: 'p' | 'span' | 'div' | 'label' | 'code';
56
63
  variant?: 'default' | 'muted' | 'subtle' | 'lead' | 'error' | 'success' | 'warning' | 'info';
@@ -291,6 +298,38 @@ interface TextareaProps extends React__default.TextareaHTMLAttributes<HTMLTextAr
291
298
  }
292
299
  declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
293
300
 
301
+ interface PasswordInputProps extends Omit<TextInputProps, 'type' | 'rightIcon'> {
302
+ }
303
+ /**
304
+ * A specialized input for passwords with a built-in visibility toggle.
305
+ */
306
+ declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<HTMLInputElement>>;
307
+
308
+ interface TagInputProps {
309
+ label?: string;
310
+ placeholder?: string;
311
+ tags: string[];
312
+ onChange: (tags: string[]) => void;
313
+ error?: string;
314
+ className?: string;
315
+ }
316
+ /**
317
+ * An input component for managing a list of tags.
318
+ */
319
+ declare function TagInput({ label, placeholder, tags, onChange, error, className, }: TagInputProps): react_jsx_runtime.JSX.Element;
320
+
321
+ interface ColorPickerProps {
322
+ label?: string;
323
+ value: string;
324
+ onChange: (value: string) => void;
325
+ error?: string;
326
+ className?: string;
327
+ }
328
+ /**
329
+ * A styled color picker component.
330
+ */
331
+ declare function ColorPicker({ label, value, onChange, error, className, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
332
+
294
333
  interface RadioGroupProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
295
334
  value?: string;
296
335
  onChange?: (value: string) => void;
@@ -311,6 +350,57 @@ declare const FormControl: React__default.ForwardRefExoticComponent<React__defau
311
350
  declare const FormDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
312
351
  declare const FormMessage: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
313
352
 
353
+ interface FileDropzoneProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onDrop'> {
354
+ onDrop?: (files: File[]) => void;
355
+ accept?: Record<string, string[]>;
356
+ maxFiles?: number;
357
+ maxSize?: number;
358
+ label?: string;
359
+ description?: string;
360
+ }
361
+ declare const FileDropzone: React__default.ForwardRefExoticComponent<FileDropzoneProps & React__default.RefAttributes<HTMLDivElement>>;
362
+
363
+ declare const otpInputVariants: (props?: ({
364
+ size?: "sm" | "md" | "lg" | null | undefined;
365
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
366
+ interface OTPInputProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof otpInputVariants> {
367
+ length?: number;
368
+ value?: string;
369
+ onChange?: (value: string) => void;
370
+ onComplete?: (value: string) => void;
371
+ disabled?: boolean;
372
+ error?: boolean;
373
+ }
374
+ declare const OTPInput: React__default.ForwardRefExoticComponent<OTPInputProps & React__default.RefAttributes<HTMLDivElement>>;
375
+
376
+ declare const numberInputVariants: (props?: ({
377
+ size?: "sm" | "md" | "lg" | null | undefined;
378
+ error?: boolean | null | undefined;
379
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
380
+ interface NumberInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'>, VariantProps<typeof numberInputVariants> {
381
+ value?: number;
382
+ onChange?: (value: number) => void;
383
+ min?: number;
384
+ max?: number;
385
+ step?: number;
386
+ }
387
+ declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLInputElement>>;
388
+
389
+ declare const toggleGroupVariants: (props?: ({
390
+ size?: "sm" | "md" | "lg" | null | undefined;
391
+ fullWidth?: boolean | null | undefined;
392
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
393
+ interface ToggleGroupProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof toggleGroupVariants> {
394
+ value?: string;
395
+ onChange?: (value: string) => void;
396
+ options: {
397
+ label: string;
398
+ value: string;
399
+ icon?: React__default.ReactNode;
400
+ }[];
401
+ }
402
+ declare const ToggleGroup: React__default.ForwardRefExoticComponent<ToggleGroupProps & React__default.RefAttributes<HTMLDivElement>>;
403
+
314
404
  type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info' | 'loading';
315
405
  interface ToastProps {
316
406
  id: string;
@@ -359,6 +449,100 @@ interface ProgressProps extends React__default.HTMLAttributes<HTMLDivElement> {
359
449
  }
360
450
  declare const Progress: React__default.ForwardRefExoticComponent<ProgressProps & React__default.RefAttributes<HTMLDivElement>>;
361
451
 
452
+ interface EmptyStateProps extends React__default.HTMLAttributes<HTMLDivElement> {
453
+ icon?: React__default.ReactNode;
454
+ title: string;
455
+ description?: string;
456
+ action?: React__default.ReactNode;
457
+ }
458
+ declare const EmptyState: React__default.ForwardRefExoticComponent<EmptyStateProps & React__default.RefAttributes<HTMLDivElement>>;
459
+
460
+ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
461
+ variant?: 'default' | 'circle' | 'text';
462
+ }
463
+ declare function Skeleton({ className, variant, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
464
+
465
+ interface RatingProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
466
+ max?: number;
467
+ value?: number;
468
+ onChange?: (value: number) => void;
469
+ readOnly?: boolean;
470
+ size?: 'sm' | 'md' | 'lg';
471
+ }
472
+ declare const Rating: React__default.ForwardRefExoticComponent<RatingProps & React__default.RefAttributes<HTMLDivElement>>;
473
+
474
+ declare const motionVariants: (props?: ({
475
+ preset?: "blur" | "fade" | "spring" | "slide-right" | "slide-left" | "3d-flip" | null | undefined;
476
+ visibleState?: "blur" | "fade" | "spring" | "slide-right" | "slide-left" | "3d-flip" | null | undefined;
477
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
478
+ interface MotionProps extends React__default.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof motionVariants>, 'visibleState'> {
479
+ asChild?: boolean;
480
+ viewport?: boolean;
481
+ visible?: boolean;
482
+ delay?: number;
483
+ once?: boolean;
484
+ }
485
+ declare function Motion({ className, preset, viewport, visible, delay, once, asChild, children, style, ...props }: MotionProps): react_jsx_runtime.JSX.Element;
486
+
487
+ interface MotionGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
488
+ children: React__default.ReactNode;
489
+ stagger?: number;
490
+ delay?: number;
491
+ }
492
+ declare function MotionGroup({ children, stagger, delay, className, ...props }: MotionGroupProps): react_jsx_runtime.JSX.Element;
493
+
494
+ interface TextMotionProps extends React__default.HTMLAttributes<HTMLDivElement> {
495
+ text: string;
496
+ type?: 'char' | 'word';
497
+ stagger?: number;
498
+ delay?: number;
499
+ }
500
+ declare function TextMotion({ text, type, stagger, delay, className, ...props }: TextMotionProps): react_jsx_runtime.JSX.Element;
501
+
502
+ interface ParallaxProps extends React__default.HTMLAttributes<HTMLDivElement> {
503
+ speed?: number;
504
+ direction?: 'vertical' | 'horizontal';
505
+ }
506
+ declare function Parallax({ children, speed, direction, className, ...props }: ParallaxProps): react_jsx_runtime.JSX.Element;
507
+
508
+ interface MagneticProps {
509
+ children: React__default.ReactElement;
510
+ strength?: number;
511
+ className?: string;
512
+ }
513
+ declare function Magnetic({ children, strength, className }: MagneticProps): react_jsx_runtime.JSX.Element;
514
+
515
+ interface NumberTickerProps extends React__default.HTMLAttributes<HTMLSpanElement> {
516
+ value: number;
517
+ duration?: number;
518
+ delay?: number;
519
+ decimalPlaces?: number;
520
+ }
521
+ declare function NumberTicker({ value, duration, delay, decimalPlaces, className, ...props }: NumberTickerProps): react_jsx_runtime.JSX.Element;
522
+
523
+ interface RevealProps extends React__default.HTMLAttributes<HTMLDivElement> {
524
+ children: React__default.ReactNode;
525
+ direction?: 'up' | 'down' | 'left' | 'right';
526
+ duration?: number;
527
+ delay?: number;
528
+ boxColor?: string;
529
+ }
530
+ declare function Reveal({ children, direction, duration, delay, boxColor, className, ...props }: RevealProps): react_jsx_runtime.JSX.Element;
531
+
532
+ interface PageLoaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
533
+ variant?: 'spinner' | 'bar' | 'dots' | 'logo' | 'glass';
534
+ text?: string;
535
+ fullscreen?: boolean;
536
+ }
537
+ declare function PageLoader({ variant, text, fullscreen, className, ...props }: PageLoaderProps): react_jsx_runtime.JSX.Element;
538
+
539
+ interface PageTransitionProps extends React__default.HTMLAttributes<HTMLDivElement> {
540
+ preset?: 'fade' | 'slide-up' | 'scale' | 'blur' | 'none';
541
+ duration?: number;
542
+ useViewTransition?: boolean;
543
+ }
544
+ declare function PageTransition({ preset, duration, useViewTransition, className, children, ...props }: PageTransitionProps): react_jsx_runtime.JSX.Element;
545
+
362
546
  interface AvatarProps extends React__default.HTMLAttributes<HTMLDivElement> {
363
547
  src?: string;
364
548
  alt?: string;
@@ -398,478 +582,925 @@ interface CalendarProps {
398
582
  }
399
583
  declare function Calendar({ className, value, onChange, minDate, maxDate }: CalendarProps): react_jsx_runtime.JSX.Element;
400
584
 
401
- interface TabsProps extends React__default.HTMLAttributes<HTMLDivElement> {
402
- defaultValue: string;
403
- value?: string;
404
- onValueChange?: (value: string) => void;
405
- children: React__default.ReactNode;
406
- }
407
- declare function Tabs({ defaultValue, value, onValueChange, className, children, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
408
- interface TabsListProps extends React__default.HTMLAttributes<HTMLDivElement> {
409
- children: React__default.ReactNode;
410
- }
411
- declare function TabsList({ className, children, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
412
- interface TabsTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
413
- value: string;
414
- children: React__default.ReactNode;
585
+ interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {
586
+ wrapperClassName?: string;
587
+ rounded?: boolean;
588
+ maxHeight?: string | number;
415
589
  }
416
- declare function TabsTrigger({ className, value, children, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
417
- interface TabsContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
418
- value: string;
419
- children: React__default.ReactNode;
590
+ declare const Table: React__default.ForwardRefExoticComponent<TableProps & React__default.RefAttributes<HTMLTableElement>>;
591
+ declare const TableHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableSectionElement> & React__default.RefAttributes<HTMLTableSectionElement>>;
592
+ declare const TableBody: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableSectionElement> & React__default.RefAttributes<HTMLTableSectionElement>>;
593
+ interface TableRowProps extends React__default.HTMLAttributes<HTMLTableRowElement> {
594
+ hoverable?: boolean;
595
+ optimized?: boolean;
420
596
  }
421
- declare function TabsContent({ className, value, children, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element | null;
597
+ declare const TableRow: React__default.ForwardRefExoticComponent<TableRowProps & React__default.RefAttributes<HTMLTableRowElement>>;
598
+ declare const TableHead: React__default.ForwardRefExoticComponent<React__default.ThHTMLAttributes<HTMLTableCellElement> & React__default.RefAttributes<HTMLTableCellElement>>;
599
+ declare const TableCell: React__default.ForwardRefExoticComponent<React__default.TdHTMLAttributes<HTMLTableCellElement> & React__default.RefAttributes<HTMLTableCellElement>>;
422
600
 
423
- interface SidebarProps extends React__default.HTMLAttributes<HTMLDivElement> {
424
- children: React__default.ReactNode;
425
- }
426
- declare const Sidebar: React__default.ForwardRefExoticComponent<SidebarProps & React__default.RefAttributes<HTMLDivElement>>;
427
- interface SidebarHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
428
- }
429
- declare const SidebarHeader: React__default.ForwardRefExoticComponent<SidebarHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
430
- interface SidebarContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
431
- }
432
- declare const SidebarContent: React__default.ForwardRefExoticComponent<SidebarContentProps & React__default.RefAttributes<HTMLDivElement>>;
433
- interface SidebarFooterProps extends React__default.HTMLAttributes<HTMLDivElement> {
434
- }
435
- declare const SidebarFooter: React__default.ForwardRefExoticComponent<SidebarFooterProps & React__default.RefAttributes<HTMLDivElement>>;
436
- interface SidebarItemProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
437
- active?: boolean;
438
- icon?: React__default.ReactNode;
439
- badge?: React__default.ReactNode;
601
+ interface Column<T> {
602
+ key: keyof T | string;
603
+ header: string;
604
+ sortable?: boolean;
605
+ render?: (item: T) => React__default.ReactNode;
606
+ className?: string;
440
607
  }
441
- declare const SidebarItem: React__default.ForwardRefExoticComponent<SidebarItemProps & React__default.RefAttributes<HTMLButtonElement>>;
442
- interface SidebarGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
443
- label?: string;
608
+ interface DataTableProps<T> {
609
+ data: T[];
610
+ columns: Column<T>[];
611
+ searchPlaceholder?: string;
612
+ searchKeys?: (keyof T)[];
613
+ onRowClick?: (item: T) => void;
614
+ className?: string;
615
+ maxHeight?: number;
616
+ rounded?: boolean;
444
617
  }
445
- declare const SidebarGroup: React__default.ForwardRefExoticComponent<SidebarGroupProps & React__default.RefAttributes<HTMLDivElement>>;
618
+ declare function DataTable<T extends Record<string, unknown>>({ data, columns, searchPlaceholder, searchKeys, onRowClick, className, maxHeight, rounded }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
446
619
 
447
- interface NavbarProps {
448
- logo?: React__default.ReactNode;
449
- links?: {
450
- label: string;
451
- href: string;
452
- }[];
453
- actions?: React__default.ReactNode;
454
- className?: string;
455
- maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
620
+ interface ScrollAreaProps extends React__default.HTMLAttributes<HTMLDivElement> {
621
+ orientation?: 'vertical' | 'horizontal' | 'both';
622
+ scrollbarSize?: 'sm' | 'md' | 'lg';
456
623
  }
457
- declare function Navbar({ logo, links, actions, className, maxWidth, }: NavbarProps): react_jsx_runtime.JSX.Element;
624
+ declare const ScrollArea: React__default.ForwardRefExoticComponent<ScrollAreaProps & React__default.RefAttributes<HTMLDivElement>>;
458
625
 
459
- interface UserMenuProps {
626
+ interface ImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
627
+ fallback?: React__default.ReactNode;
628
+ containerClassName?: string;
629
+ }
630
+ declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
631
+
632
+ declare const userPreviewVariants: (props?: ({
633
+ variant?: "default" | "glass" | null | undefined;
634
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
635
+ interface UserPreviewProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof userPreviewVariants> {
636
+ user: {
637
+ name: string;
638
+ email?: string;
639
+ avatarSrc?: string;
640
+ role?: string;
641
+ bio?: string;
642
+ stats?: {
643
+ label: string;
644
+ value: string | number;
645
+ }[];
646
+ };
647
+ onFollow?: () => void;
648
+ onMessage?: () => void;
649
+ }
650
+ declare const UserPreview: React__default.ForwardRefExoticComponent<UserPreviewProps & React__default.RefAttributes<HTMLDivElement>>;
651
+
652
+ declare const timelineItemVariants: (props?: ({
653
+ status?: "success" | "default" | "error" | "active" | null | undefined;
654
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
655
+ interface TimelineItemProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof timelineItemVariants> {
656
+ title: string;
657
+ date?: string;
658
+ description?: React__default.ReactNode;
659
+ icon?: React__default.ReactNode;
660
+ isLast?: boolean;
661
+ }
662
+ declare const TimelineItem: React__default.ForwardRefExoticComponent<TimelineItemProps & React__default.RefAttributes<HTMLDivElement>>;
663
+ declare const Timeline: ({ children, className }: {
664
+ children: React__default.ReactNode;
665
+ className?: string;
666
+ }) => react_jsx_runtime.JSX.Element;
667
+
668
+ interface TreeNode {
669
+ id: string;
670
+ label: string;
671
+ icon?: React__default.ReactNode;
672
+ children?: TreeNode[];
673
+ }
674
+ interface TreeProps {
675
+ data: TreeNode[];
676
+ className?: string;
677
+ onSelect?: (node: TreeNode) => void;
678
+ }
679
+ declare const Tree: ({ data, className, onSelect }: TreeProps) => react_jsx_runtime.JSX.Element;
680
+
681
+ interface KanbanUser {
682
+ id: string;
460
683
  name: string;
684
+ avatar?: string;
685
+ status?: 'online' | 'offline' | 'away' | 'busy';
686
+ }
687
+ interface Subtask {
688
+ id: string;
689
+ title: string;
690
+ completed: boolean;
691
+ }
692
+ interface ChecklistItem {
693
+ id: string;
694
+ title: string;
695
+ completed: boolean;
696
+ }
697
+ interface KanbanLabel {
698
+ id: string;
699
+ name: string;
700
+ color: string;
701
+ }
702
+ interface KanbanTask {
703
+ id: string;
704
+ columnId: string;
705
+ title: string;
461
706
  description?: string;
462
- avatarSrc?: string;
463
- avatarFallback?: string;
707
+ priority?: 'low' | 'medium' | 'high' | 'urgent';
708
+ tags?: string[];
709
+ assignee?: KanbanUser;
710
+ dueDate?: string;
711
+ progress?: number;
712
+ comments?: number;
713
+ attachments?: number;
714
+ timeSpent?: number;
715
+ blockedBy?: string[];
716
+ createdAt?: Date;
717
+ updatedAt?: Date;
718
+ createdBy?: KanbanUser;
719
+ subtasks?: Subtask[];
720
+ checklist?: ChecklistItem[];
721
+ estimatedTime?: number;
722
+ customFields?: Record<string, any>;
723
+ labels?: KanbanLabel[];
724
+ watchers?: KanbanUser[];
725
+ order?: number;
726
+ archived?: boolean;
727
+ parentId?: string;
728
+ [key: string]: any;
729
+ }
730
+ interface KanbanColumnDef {
731
+ id: string;
732
+ title: string;
733
+ color?: string;
734
+ limit?: number;
735
+ description?: string;
736
+ isCollapsed?: boolean;
737
+ order?: number;
738
+ icon?: ReactNode;
739
+ autoMove?: {
740
+ when: 'overdue' | 'completed';
741
+ toColumnId: string;
742
+ };
743
+ }
744
+ type DropPosition = 'top' | 'bottom' | 'left' | 'right';
745
+ interface KanbanProps {
746
+ columns: KanbanColumnDef[];
747
+ tasks: KanbanTask[];
748
+ onTaskMove?: (taskId: string, toColumnId: string, toTaskId?: string, position?: 'top' | 'bottom') => void;
749
+ onColumnMove?: (columnId: string, toColumnId: string, position?: 'left' | 'right') => void;
750
+ onTaskClick?: (task: KanbanTask) => void;
751
+ onTaskAdd?: (columnId: string, title: string) => void;
752
+ onTaskFullAdd?: (columnId: string) => void;
753
+ onTaskRemove?: (taskId: string) => void;
754
+ onColumnAction?: (columnId: string, action: string) => void;
755
+ onTaskDrop?: (taskId: string, fromColumnId: string, toColumnId: string, index: number) => void;
756
+ onTaskDragStart?: (taskId: string) => void;
757
+ onTaskDragEnd?: (taskId: string) => void;
758
+ onTaskSelectionChange?: (selectedIds: string[]) => void;
759
+ onTaskTimerToggle?: (taskId: string) => void;
760
+ onColumnAdd?: () => void;
761
+ onColumnEdit?: (columnId: string) => void;
762
+ onColumnDelete?: (columnId: string) => void;
763
+ onColumnCollapse?: (columnId: string) => void;
764
+ collapsedColumns?: string[];
765
+ onBulkAction?: (taskIds: string[], action: string) => void;
766
+ sortBy?: 'priority' | 'dueDate' | 'title' | 'created' | 'order';
767
+ sortOrder?: 'asc' | 'desc';
768
+ view?: 'board' | 'list' | 'calendar' | 'timeline' | 'table';
769
+ onViewChange?: (view: string) => void;
770
+ swimlanes?: boolean;
771
+ swimlaneBy?: keyof KanbanTask;
772
+ showColumnActions?: boolean;
773
+ showQuickAdd?: boolean;
774
+ enableKeyboardNavigation?: boolean;
775
+ renderCard?: (task: KanbanTask) => ReactNode;
464
776
  className?: string;
465
- side?: 'top' | 'bottom' | 'left' | 'right';
466
- align?: 'start' | 'end' | 'center';
777
+ columnClassName?: string;
778
+ cardClassName?: string;
779
+ groupBy?: keyof KanbanTask;
780
+ accentColor?: string;
781
+ showTaskCount?: boolean;
782
+ showDividers?: boolean;
783
+ columnHeight?: number | string;
784
+ pageSize?: number;
785
+ selectable?: boolean;
786
+ selectedTaskIds?: string[];
787
+ activeTimerTaskId?: string | null;
788
+ }
789
+ interface SortConfig {
790
+ field: 'title' | 'priority' | 'dueDate' | 'created' | 'order';
791
+ direction: 'asc' | 'desc';
792
+ }
793
+ interface FilterOption {
794
+ label: string;
795
+ value: string;
796
+ }
797
+ interface SavedFilter {
798
+ id: string;
799
+ name: string;
800
+ query: any;
467
801
  }
468
- declare function UserMenu({ name, description, avatarSrc, avatarFallback, className, side, align }: UserMenuProps): react_jsx_runtime.JSX.Element;
469
802
 
470
- declare const Breadcrumb: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
471
- separator?: React__default.ReactNode;
472
- } & React__default.RefAttributes<HTMLElement>>;
473
- declare const BreadcrumbList: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React__default.RefAttributes<HTMLOListElement>>;
474
- declare const BreadcrumbItem: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React__default.RefAttributes<HTMLLIElement>>;
475
- declare const BreadcrumbLink: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
476
- asChild?: boolean;
477
- } & React__default.RefAttributes<HTMLAnchorElement>>;
478
- declare const BreadcrumbPage: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
479
- declare const BreadcrumbSeparator: {
480
- ({ children, className, ...props }: React__default.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
481
- displayName: string;
482
- };
483
- declare const BreadcrumbEllipsis: {
484
- ({ className, ...props }: React__default.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
485
- displayName: string;
486
- };
803
+ declare function KanbanBoard({ columns: initialColumns, tasks: initialTasks, onTaskMove, onColumnMove, onTaskClick, onTaskAdd, onColumnAction, swimlanes, swimlaneBy, view: propView, onViewChange, className, ...props }: KanbanProps): react_jsx_runtime.JSX.Element;
487
804
 
488
- declare const Pagination: {
489
- ({ className, ...props }: React__default.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
490
- displayName: string;
491
- };
492
- declare const PaginationContent: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React__default.RefAttributes<HTMLUListElement>>;
493
- declare const PaginationItem: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React__default.RefAttributes<HTMLLIElement>>;
494
- type PaginationLinkProps = {
495
- isActive?: boolean;
496
- } & React__default.ComponentProps<"a">;
497
- declare const PaginationLink: {
498
- ({ className, isActive, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
499
- displayName: string;
805
+ interface KanbanCardProps {
806
+ task: KanbanTask;
807
+ isSelected?: boolean;
808
+ showTimer?: boolean;
809
+ onEdit?: (task: KanbanTask) => void;
810
+ onDelete?: (taskId: string) => void;
811
+ draggable?: boolean;
812
+ activeTimerTaskId?: string | null;
813
+ selectable?: boolean;
814
+ cardClassName?: string;
815
+ onTaskClick?: (e: React__default.MouseEvent, task: KanbanTask) => void;
816
+ onTaskSelectionChange?: (selectedIds: string[]) => void;
817
+ onTaskTimerToggle?: (taskId: string) => void;
818
+ onDragStart?: (e: React__default.DragEvent) => void;
819
+ onDragOver?: (e: React__default.DragEvent) => void;
820
+ onDrop?: (e: React__default.DragEvent) => void;
821
+ renderCard?: (task: KanbanTask) => React__default.ReactNode;
822
+ }
823
+ declare const KanbanCard: React__default.MemoExoticComponent<({ task, isSelected, showTimer, onEdit, onDelete, draggable, activeTimerTaskId, selectable, cardClassName, onTaskClick, onTaskSelectionChange, onTaskTimerToggle, onDragStart, onDragOver, onDrop, renderCard }: KanbanCardProps) => react_jsx_runtime.JSX.Element>;
824
+
825
+ interface KanbanColumnProps {
826
+ column: KanbanColumnDef;
827
+ tasks: KanbanTask[];
828
+ onAddTask?: (columnId: string) => void;
829
+ onCollapse?: (columnId: string) => void;
830
+ onTaskClick?: (task: KanbanTask) => void;
831
+ onAction?: (action: string) => void;
832
+ onDragStart?: (e: React__default.DragEvent, id: string, type: 'task' | 'column') => void;
833
+ onDragOver?: (e: React__default.DragEvent, taskId?: string) => void;
834
+ onDrop?: (e: React__default.DragEvent, taskId?: string) => void;
835
+ isCollapsed?: boolean;
836
+ children?: React__default.ReactNode;
837
+ className?: string;
838
+ }
839
+ declare function KanbanColumn({ column, tasks, onAddTask, onCollapse, onTaskClick, onAction, onDragStart, onDragOver, onDrop, isCollapsed, children, className }: KanbanColumnProps): react_jsx_runtime.JSX.Element;
840
+
841
+ interface KanbanHeaderProps {
842
+ title: string;
843
+ view?: string;
844
+ onViewChange?: (view: string) => void;
845
+ onFilter?: () => void;
846
+ onSort?: () => void;
847
+ onAddColumn?: () => void;
848
+ canUndo?: boolean;
849
+ canRedo?: boolean;
850
+ onUndo?: () => void;
851
+ onRedo?: () => void;
852
+ className?: string;
853
+ }
854
+ declare function KanbanHeader({ title, view, onViewChange, onFilter, onSort, onAddColumn, canUndo, canRedo, onUndo, onRedo, className }: KanbanHeaderProps): react_jsx_runtime.JSX.Element;
855
+
856
+ interface KanbanQuickAddProps {
857
+ columnId: string;
858
+ onAdd: (columnId: string, title: string) => void;
859
+ placeholder?: string;
860
+ className?: string;
861
+ }
862
+ declare function KanbanQuickAdd({ columnId, onAdd, placeholder, className }: KanbanQuickAddProps): react_jsx_runtime.JSX.Element;
863
+
864
+ interface KanbanSwimlaneProps {
865
+ title: string;
866
+ count: number;
867
+ isCollapsed?: boolean;
868
+ onToggle?: () => void;
869
+ children: React__default.ReactNode;
870
+ className?: string;
871
+ }
872
+ declare function KanbanSwimlane({ title, count, isCollapsed, onToggle, children, className }: KanbanSwimlaneProps): react_jsx_runtime.JSX.Element;
873
+
874
+ interface KanbanFilterBarProps {
875
+ onSearchChange?: (query: string) => void;
876
+ onFilterChange?: (filters: Record<string, string[]>) => void;
877
+ onSortChange?: (sortBy: string, order: 'asc' | 'desc') => void;
878
+ onViewChange?: (view: string) => void;
879
+ onGroupChange?: (groupBy: string) => void;
880
+ priorityOptions?: FilterOption[];
881
+ tagOptions?: FilterOption[];
882
+ assigneeOptions?: FilterOption[];
883
+ viewOptions?: ('board' | 'list' | 'calendar' | 'timeline')[];
884
+ sortOptions?: FilterOption[];
885
+ groupOptions?: FilterOption[];
886
+ savedFilters?: SavedFilter[];
887
+ onSaveFilter?: (filter: SavedFilter) => void;
888
+ className?: string;
889
+ }
890
+ declare function KanbanFilterBar({ onSearchChange, onFilterChange, onSortChange, onViewChange, onGroupChange, priorityOptions, tagOptions, assigneeOptions, viewOptions, sortOptions, groupOptions, savedFilters, onSaveFilter, className }: KanbanFilterBarProps): react_jsx_runtime.JSX.Element;
891
+
892
+ interface KanbanTaskModalProps {
893
+ isOpen: boolean;
894
+ onClose: () => void;
895
+ onSave: (task: Partial<KanbanTask>) => void;
896
+ onDelete?: (taskId: string) => void;
897
+ onDuplicate?: (task: KanbanTask) => void;
898
+ onArchive?: (taskId: string) => void;
899
+ task?: KanbanTask;
900
+ columnId?: string;
901
+ columns?: KanbanColumnDef[];
902
+ users?: KanbanUser[];
903
+ availableLabels?: KanbanLabel[];
904
+ showSubtasks?: boolean;
905
+ showChecklist?: boolean;
906
+ showAttachments?: boolean;
907
+ showComments?: boolean;
908
+ showActivity?: boolean;
909
+ }
910
+ declare function KanbanTaskModal({ isOpen, onClose, onSave, onDelete, onDuplicate, onArchive, task, columnId, columns, users, availableLabels, showSubtasks, showChecklist, showAttachments, showComments, showActivity }: KanbanTaskModalProps): react_jsx_runtime.JSX.Element;
911
+
912
+ interface KanbanListViewProps {
913
+ tasks: KanbanTask[];
914
+ columns: KanbanColumnDef[];
915
+ onTaskClick?: (task: KanbanTask) => void;
916
+ className?: string;
917
+ }
918
+ declare function KanbanListView({ tasks, columns, onTaskClick, className }: KanbanListViewProps): react_jsx_runtime.JSX.Element;
919
+
920
+ interface KanbanTimelineViewProps {
921
+ tasks: KanbanTask[];
922
+ className?: string;
923
+ }
924
+ declare function KanbanTimelineView({ tasks, className }: KanbanTimelineViewProps): react_jsx_runtime.JSX.Element;
925
+
926
+ interface KanbanTableViewProps {
927
+ tasks: KanbanTask[];
928
+ columns: KanbanColumnDef[];
929
+ onTaskClick?: (task: KanbanTask) => void;
930
+ className?: string;
931
+ }
932
+ declare function KanbanTableView({ tasks, columns, onTaskClick, className }: KanbanTableViewProps): react_jsx_runtime.JSX.Element;
933
+
934
+ interface KanbanCalendarViewProps {
935
+ tasks: KanbanTask[];
936
+ onTaskClick?: (task: KanbanTask) => void;
937
+ onAddTask?: (date: Date) => void;
938
+ className?: string;
939
+ }
940
+ declare function KanbanCalendarView({ tasks, onTaskClick, onAddTask, className }: KanbanCalendarViewProps): react_jsx_runtime.JSX.Element;
941
+
942
+ declare function useKanbanFilters(tasks: KanbanTask[]): {
943
+ searchQuery: string;
944
+ setSearchQuery: React$1.Dispatch<React$1.SetStateAction<string>>;
945
+ activeFilters: Record<string, any[]>;
946
+ setActiveFilters: React$1.Dispatch<React$1.SetStateAction<Record<string, any[]>>>;
947
+ filteredTasks: KanbanTask[];
948
+ toggleFilter: (category: string, value: any) => void;
949
+ clearFilters: () => void;
500
950
  };
501
- declare const PaginationPrevious: {
502
- ({ className, ...props }: React__default.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
503
- displayName: string;
951
+
952
+ interface KanbanState {
953
+ tasks: KanbanTask[];
954
+ columns: KanbanColumnDef[];
955
+ }
956
+ declare function useKanbanUndo(initialState: KanbanState): {
957
+ state: KanbanState | undefined;
958
+ pushState: (newState: KanbanState) => void;
959
+ undo: () => void;
960
+ redo: () => void;
961
+ canUndo: boolean;
962
+ canRedo: boolean;
504
963
  };
505
- declare const PaginationNext: {
506
- ({ className, ...props }: React__default.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
507
- displayName: string;
964
+
965
+ interface UseKanbanKeyboardProps {
966
+ onUndo?: () => void;
967
+ onRedo?: () => void;
968
+ onSearch?: () => void;
969
+ onNewTask?: () => void;
970
+ onNewColumn?: () => void;
971
+ enabled?: boolean;
972
+ }
973
+ declare function useKanbanKeyboard({ onUndo, onRedo, onSearch, onNewTask, onNewColumn, enabled }: UseKanbanKeyboardProps): void;
974
+
975
+ interface UseKanbanSyncProps {
976
+ onSync?: (data: {
977
+ tasks: KanbanTask[];
978
+ columns: KanbanColumnDef[];
979
+ }) => Promise<void>;
980
+ interval?: number;
981
+ enabled?: boolean;
982
+ }
983
+ declare function useKanbanSync({ onSync, interval, enabled }: UseKanbanSyncProps): {
984
+ sync: (data: {
985
+ tasks: KanbanTask[];
986
+ columns: KanbanColumnDef[];
987
+ }) => Promise<void>;
988
+ isSyncing: boolean;
989
+ lastSynced: Date | null;
990
+ error: Error | null;
508
991
  };
509
- declare const PaginationEllipsis: {
510
- ({ className, ...props }: React__default.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
511
- displayName: string;
992
+
993
+ interface KanbanHistoryEntry {
994
+ id: string;
995
+ taskId?: string;
996
+ columnId?: string;
997
+ user: KanbanUser;
998
+ action: string;
999
+ details?: string;
1000
+ timestamp: Date;
1001
+ }
1002
+ declare function useKanbanHistory(): {
1003
+ history: KanbanHistoryEntry[];
1004
+ addEntry: (entry: Omit<KanbanHistoryEntry, "id" | "timestamp">) => void;
1005
+ clearHistory: () => void;
512
1006
  };
513
1007
 
514
- interface ModalProps {
515
- isOpen: boolean;
516
- onClose: () => void;
517
- children: React__default.ReactNode;
1008
+ interface SubtaskListProps {
1009
+ subtasks: Subtask[];
1010
+ onToggle?: (id: string) => void;
518
1011
  className?: string;
519
1012
  }
520
- declare function Modal({ isOpen, onClose, children, className }: ModalProps): React__default.ReactPortal;
521
- declare function ModalHeader({ className, children }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
522
- declare function ModalFooter({ className, children }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
523
- declare function ModalTitle({ className, children }: React__default.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
524
- declare function ModalDescription({ className, children }: React__default.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
1013
+ declare function SubtaskList({ subtasks, onToggle, className }: SubtaskListProps): react_jsx_runtime.JSX.Element | null;
525
1014
 
526
- interface DialogProps {
527
- isOpen: boolean;
528
- onClose: () => void;
529
- children: React__default.ReactNode;
1015
+ interface ChecklistProps {
1016
+ items: ChecklistItem[];
1017
+ onToggle?: (id: string) => void;
530
1018
  className?: string;
531
1019
  }
532
- declare function Dialog({ isOpen, onClose, children, className }: DialogProps): React__default.ReactPortal;
533
- declare function DialogHeader({ className, children }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
534
- declare function DialogFooter({ className, children }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
535
- declare function DialogTitle({ className, children }: React__default.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
536
- declare function DialogDescription({ className, children }: React__default.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
1020
+ declare function Checklist({ items, onToggle, className }: ChecklistProps): react_jsx_runtime.JSX.Element | null;
537
1021
 
538
- interface DrawerProps {
539
- isOpen: boolean;
540
- onClose: () => void;
541
- position?: 'left' | 'right' | 'bottom';
542
- children: React__default.ReactNode;
1022
+ interface Activity {
1023
+ id: string;
1024
+ user: KanbanUser;
1025
+ action: string;
1026
+ target?: string;
1027
+ timestamp: Date;
1028
+ }
1029
+ interface TaskActivityProps {
1030
+ activities: Activity[];
543
1031
  className?: string;
544
1032
  }
545
- declare function Drawer({ isOpen, onClose, position, children, className }: DrawerProps): React__default.ReactPortal | null;
546
- declare function DrawerHeader({ className, children, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
547
- declare function DrawerFooter({ className, children, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
548
- declare function DrawerTitle({ className, children, ...props }: React__default.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
549
- declare function DrawerDescription({ className, children, ...props }: React__default.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
1033
+ declare function TaskActivity({ activities, className }: TaskActivityProps): react_jsx_runtime.JSX.Element;
550
1034
 
551
- interface DropdownMenuProps {
552
- children: React__default.ReactNode;
1035
+ interface Comment {
1036
+ id: string;
1037
+ user: KanbanUser;
1038
+ content: string;
1039
+ timestamp: Date;
553
1040
  }
554
- declare function DropdownMenu({ children }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
555
- interface DropdownMenuTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
556
- children: React__default.ReactNode;
1041
+ interface TaskCommentsProps {
1042
+ comments: Comment[];
1043
+ onAddComment?: (content: string) => void;
1044
+ className?: string;
557
1045
  }
558
- declare function DropdownMenuTrigger({ className, children, ...props }: DropdownMenuTriggerProps): react_jsx_runtime.JSX.Element;
559
- interface DropdownMenuContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
560
- children: React__default.ReactNode;
561
- align?: 'start' | 'end' | 'center';
562
- side?: 'top' | 'bottom' | 'left' | 'right';
1046
+ declare function TaskComments({ comments, onAddComment, className }: TaskCommentsProps): react_jsx_runtime.JSX.Element;
1047
+
1048
+ interface Attachment$1 {
1049
+ id: string;
1050
+ name: string;
1051
+ size: string;
1052
+ type: string;
1053
+ url: string;
1054
+ thumbnail?: string;
563
1055
  }
564
- declare function DropdownMenuContent({ className, children, align, side, ...props }: DropdownMenuContentProps): React__default.ReactPortal | null;
565
- interface DropdownMenuItemProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
566
- children: React__default.ReactNode;
1056
+ interface TaskAttachmentsProps {
1057
+ attachments: Attachment$1[];
1058
+ onRemove?: (id: string) => void;
1059
+ onDownload?: (attachment: Attachment$1) => void;
1060
+ className?: string;
567
1061
  }
568
- declare function DropdownMenuItem({ className, children, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
569
- declare function DropdownMenuLabel({ className, children, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
570
- declare function DropdownMenuSeparator({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1062
+ declare function TaskAttachments({ attachments, onRemove, onDownload, className }: TaskAttachmentsProps): react_jsx_runtime.JSX.Element;
571
1063
 
572
- interface PopoverProps {
573
- children: React__default.ReactNode;
574
- open?: boolean;
575
- onOpenChange?: (open: boolean) => void;
1064
+ interface LabelPickerProps {
1065
+ labels: KanbanLabel[];
1066
+ selectedIds: string[];
1067
+ onToggle: (id: string) => void;
1068
+ className?: string;
576
1069
  }
577
- declare function Popover({ children, open, onOpenChange }: PopoverProps): react_jsx_runtime.JSX.Element;
578
- interface PopoverTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
579
- children: React__default.ReactNode;
1070
+ declare function LabelPicker({ labels, selectedIds, onToggle, className }: LabelPickerProps): react_jsx_runtime.JSX.Element;
1071
+
1072
+ interface AssigneePickerProps {
1073
+ users: KanbanUser[];
1074
+ selectedId?: string;
1075
+ onSelect: (id: string) => void;
1076
+ className?: string;
580
1077
  }
581
- declare function PopoverTrigger({ className, children, ...props }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
582
- interface PopoverContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
583
- children: React__default.ReactNode;
584
- align?: 'start' | 'end' | 'center';
585
- sideOffset?: number;
1078
+ declare function AssigneePicker({ users, selectedId, onSelect, className }: AssigneePickerProps): react_jsx_runtime.JSX.Element;
1079
+
1080
+ interface DueDatePickerProps {
1081
+ date?: Date;
1082
+ onChange: (date: Date | undefined) => void;
1083
+ className?: string;
586
1084
  }
587
- declare function PopoverContent({ className, children, align, sideOffset, ...props }: PopoverContentProps): React__default.ReactPortal | null;
1085
+ declare function DueDatePicker({ date, onChange, className }: DueDatePickerProps): react_jsx_runtime.JSX.Element;
588
1086
 
589
- type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
590
- interface TooltipProps {
591
- content: React__default.ReactNode;
1087
+ interface TimeTrackerProps {
1088
+ initialSeconds?: number;
1089
+ onTimeUpdate?: (seconds: number) => void;
1090
+ className?: string;
1091
+ }
1092
+ declare function TimeTracker({ initialSeconds, onTimeUpdate, className }: TimeTrackerProps): react_jsx_runtime.JSX.Element;
1093
+
1094
+ interface ColumnLimitProps {
1095
+ count: number;
1096
+ limit?: number;
1097
+ className?: string;
1098
+ }
1099
+ declare function ColumnLimit({ count, limit, className }: ColumnLimitProps): react_jsx_runtime.JSX.Element | null;
1100
+
1101
+ interface TerminalProps extends React__default.HTMLAttributes<HTMLDivElement> {
1102
+ title?: string;
592
1103
  children: React__default.ReactNode;
593
- position?: TooltipPosition;
594
- delay?: number;
1104
+ }
1105
+ declare const Terminal: React__default.ForwardRefExoticComponent<TerminalProps & React__default.RefAttributes<HTMLDivElement>>;
1106
+ declare const TerminalLine: ({ children, prefix, className }: {
1107
+ children: React__default.ReactNode;
1108
+ prefix?: string;
595
1109
  className?: string;
1110
+ }) => react_jsx_runtime.JSX.Element;
1111
+
1112
+ interface MarqueeProps extends React__default.HTMLAttributes<HTMLDivElement> {
1113
+ pauseOnHover?: boolean;
1114
+ direction?: 'left' | 'right';
1115
+ speed?: 'slow' | 'normal' | 'fast';
1116
+ children: React__default.ReactNode;
596
1117
  }
597
- declare function Tooltip({ content, children, position, delay, className }: TooltipProps): react_jsx_runtime.JSX.Element;
1118
+ declare const Marquee: ({ className, pauseOnHover, direction, speed, children, ...props }: MarqueeProps) => react_jsx_runtime.JSX.Element;
598
1119
 
599
- interface CommandDialogProps extends ComboboxProps {
600
- open: boolean;
601
- onOpenChange: (open: boolean) => void;
1120
+ declare const statusDotVariants: (props?: ({
1121
+ variant?: "success" | "error" | "warning" | "info" | "neutral" | null | undefined;
1122
+ size?: "sm" | "md" | "lg" | null | undefined;
1123
+ animate?: boolean | null | undefined;
1124
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1125
+ interface StatusDotProps extends React__default.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusDotVariants> {
602
1126
  }
603
- declare function Command({ children, ...props }: ComboboxProps): react_jsx_runtime.JSX.Element;
604
- declare function CommandDialog({ children, open, onOpenChange, ...props }: CommandDialogProps): React__default.ReactPortal | null;
605
- declare function CommandInput({ className, ...props }: React__default.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime.JSX.Element;
606
- declare function CommandList({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
607
- declare function CommandEmpty(props: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
608
- declare function CommandGroup({ children, heading, className, ...props }: React__default.HTMLAttributes<HTMLDivElement> & {
609
- heading?: React__default.ReactNode;
610
- }): react_jsx_runtime.JSX.Element;
611
- declare function CommandItem({ className, ...props }: React__default.ComponentProps<typeof ComboboxItem>): react_jsx_runtime.JSX.Element;
612
- declare function CommandShortcut({ className, ...props }: React__default.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
1127
+ declare const StatusDot: React__default.ForwardRefExoticComponent<StatusDotProps & React__default.RefAttributes<HTMLSpanElement>>;
613
1128
 
614
- declare function useToast(): ToastContextType;
1129
+ declare const separatorVariants: (props?: ({
1130
+ orientation?: "horizontal" | "vertical" | null | undefined;
1131
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1132
+ interface SeparatorProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof separatorVariants> {
1133
+ orientation?: "horizontal" | "vertical";
1134
+ decorative?: boolean;
1135
+ }
1136
+ declare const Separator: React__default.ForwardRefExoticComponent<SeparatorProps & React__default.RefAttributes<HTMLDivElement>>;
615
1137
 
616
- declare function useTimer(initialSeconds?: number): {
617
- seconds: number;
618
- isActive: boolean;
619
- start: () => void;
620
- pause: () => void;
621
- reset: () => void;
622
- formattedTime: string;
623
- };
1138
+ interface CollapseProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'> {
1139
+ title?: React__default.ReactNode;
1140
+ open?: boolean;
1141
+ defaultOpen?: boolean;
1142
+ onOpenChange?: (open: boolean) => void;
1143
+ disabled?: boolean;
1144
+ children: React__default.ReactNode;
1145
+ triggerClassName?: string;
1146
+ contentClassName?: string;
1147
+ }
1148
+ declare function Collapse({ title, open: controlledOpen, defaultOpen, onOpenChange, disabled, children, className, triggerClassName, contentClassName, ...props }: CollapseProps): react_jsx_runtime.JSX.Element;
624
1149
 
625
- type Side = 'top' | 'bottom' | 'left' | 'right';
626
- type Align = 'start' | 'center' | 'end';
627
- interface UseFloatingOptions {
628
- side?: Side;
629
- align?: Align;
630
- sideOffset?: number;
631
- alignOffset?: number;
632
- isOpen?: boolean;
1150
+ type ChartDataPoint<T = Record<string, any>> = {
1151
+ label: string;
1152
+ value: number;
1153
+ } & T;
1154
+ interface ChartContextValue<T = any> {
1155
+ width: number;
1156
+ height: number;
1157
+ data: ChartDataPoint<T>[];
1158
+ maxValue: number;
1159
+ padding: {
1160
+ top: number;
1161
+ right: number;
1162
+ bottom: number;
1163
+ left: number;
1164
+ };
1165
+ hoveredIndex: number | null;
1166
+ setHoveredIndex: (index: number | null) => void;
633
1167
  }
634
- interface Position {
635
- top: number;
636
- left: number;
1168
+ declare function useChart<T = any>(): ChartContextValue<T>;
1169
+ declare function normalize(value: number, max: number, height: number): number;
1170
+ interface ChartContainerProps<T = any> extends React__default.HTMLAttributes<HTMLDivElement> {
1171
+ data: ChartDataPoint<T>[];
1172
+ height?: number;
1173
+ padding?: {
1174
+ top: number;
1175
+ right: number;
1176
+ bottom: number;
1177
+ left: number;
1178
+ };
1179
+ children: React__default.ReactNode;
637
1180
  }
638
- declare function useFloating(triggerRef: RefObject<HTMLElement>, contentRef: RefObject<HTMLElement>, options?: UseFloatingOptions): {
639
- position: Position;
640
- isPositioned: boolean;
641
- updatePosition: () => void;
642
- };
1181
+ declare function ChartContainer<T = any>({ data, height, padding, className, children, ...props }: ChartContainerProps<T>): react_jsx_runtime.JSX.Element;
1182
+ declare function ChartGrid({ lines }: {
1183
+ lines?: number;
1184
+ }): react_jsx_runtime.JSX.Element;
1185
+ declare function ChartXAxis(): react_jsx_runtime.JSX.Element;
1186
+ declare function ChartTooltip({ renderTooltip }: {
1187
+ renderTooltip?: (data: ChartDataPoint) => React__default.ReactNode;
1188
+ }): react_jsx_runtime.JSX.Element | null;
1189
+ declare function ChartSkeleton(): react_jsx_runtime.JSX.Element;
643
1190
 
644
- interface UseIntersectionOptions extends IntersectionObserverInit {
645
- freezeOnceVisible?: boolean;
1191
+ interface BarChartProps<T = any> {
1192
+ color?: 'cyan' | 'purple' | 'emerald' | 'amber' | 'rose';
1193
+ showValues?: boolean;
1194
+ animationDelay?: number;
1195
+ onValueClick?: (data: ChartDataPoint<T>) => void;
1196
+ }
1197
+ declare function BarChart<T = any>({ color, showValues, animationDelay, onValueClick }: BarChartProps<T>): react_jsx_runtime.JSX.Element;
1198
+
1199
+ interface AreaChartProps<T = any> {
1200
+ color?: 'cyan' | 'purple' | 'emerald' | 'amber' | 'rose';
1201
+ showValues?: boolean;
1202
+ animationDelay?: number;
1203
+ onValueClick?: (data: ChartDataPoint<T>) => void;
1204
+ }
1205
+ declare function AreaChart<T = any>({ color, showValues, animationDelay, onValueClick }: AreaChartProps<T>): react_jsx_runtime.JSX.Element;
1206
+
1207
+ interface LineChartProps<T = any> {
1208
+ color?: 'cyan' | 'purple' | 'emerald' | 'amber' | 'rose';
1209
+ showValues?: boolean;
1210
+ animationDelay?: number;
1211
+ curve?: 'linear' | 'smooth' | 'step';
1212
+ strokeWidth?: number;
1213
+ align?: 'center' | 'edge';
1214
+ onValueClick?: (data: ChartDataPoint<T>) => void;
646
1215
  }
647
- declare function useIntersection(elementRef: RefObject<Element>, { threshold, root, rootMargin, freezeOnceVisible, }?: UseIntersectionOptions): IntersectionObserverEntry | undefined;
1216
+ declare function LineChart<T = any>({ color, showValues, animationDelay, curve, strokeWidth, align, onValueClick }: LineChartProps<T>): react_jsx_runtime.JSX.Element;
648
1217
 
649
- interface UseFormOptions<T> {
650
- initialValues: T;
651
- onSubmit: (values: T) => void | Promise<void>;
1218
+ interface PieChartProps<T = any> {
1219
+ innerRadius?: number;
1220
+ padAngle?: number;
1221
+ showLabels?: boolean;
1222
+ colors?: string[];
1223
+ onValueClick?: (data: ChartDataPoint<T>) => void;
652
1224
  }
653
- declare function useForm<T extends Record<string, unknown>>({ initialValues, onSubmit, }: UseFormOptions<T>): {
654
- values: T;
655
- errors: Partial<Record<keyof T, string>>;
656
- isSubmitting: boolean;
657
- handleChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
658
- handleSubmit: (e: FormEvent<HTMLFormElement>) => Promise<void>;
659
- register: (name: keyof T) => {
660
- name: string;
661
- value: string | number | readonly string[] | undefined;
662
- onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
663
- error: Partial<Record<keyof T, string>>[keyof T];
664
- };
665
- setValues: React$1.Dispatch<React$1.SetStateAction<T>>;
666
- setErrors: React$1.Dispatch<React$1.SetStateAction<Partial<Record<keyof T, string>>>>;
667
- };
1225
+ declare function PieChart<T = any>({ innerRadius, padAngle, showLabels, colors, onValueClick }: PieChartProps<T>): react_jsx_runtime.JSX.Element;
668
1226
 
669
- type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
670
- declare function useMediaQuery(query: string): boolean;
671
- declare function useBreakpoint(breakpoint: Breakpoint): boolean;
672
- interface ContainerSize {
673
- width: number;
674
- height: number;
1227
+ type RadarDataPoint<T = Record<string, any>> = {
1228
+ subject: string;
1229
+ } & T;
1230
+ interface RadarChartProps<T = any> extends React__default.HTMLAttributes<HTMLDivElement> {
1231
+ data: RadarDataPoint<T>[];
1232
+ keys: (keyof T)[];
1233
+ colors?: string[];
1234
+ maxValue?: number;
1235
+ height?: number;
675
1236
  }
676
- declare function useContainerQuery(ref: RefObject<HTMLElement>): ContainerSize;
1237
+ declare function RadarChart<T = any>({ data, keys, colors, maxValue: userMaxValue, height, className, ...props }: RadarChartProps<T>): react_jsx_runtime.JSX.Element;
677
1238
 
678
- interface ScrollValues {
679
- scrollX: number;
680
- scrollY: number;
681
- scrollProgressX: number;
682
- scrollProgressY: number;
1239
+ interface SparklineProps extends React__default.HTMLAttributes<HTMLDivElement> {
1240
+ data: number[];
1241
+ color?: 'cyan' | 'purple' | 'emerald' | 'amber' | 'rose' | 'white';
1242
+ height?: number;
1243
+ strokeWidth?: number;
1244
+ fill?: boolean;
683
1245
  }
684
- declare function useScroll(): ScrollValues;
1246
+ declare function Sparkline({ data, color, height, strokeWidth, fill, className, ...props }: SparklineProps): react_jsx_runtime.JSX.Element;
685
1247
 
686
- declare const surfaceVariants: (props?: ({
687
- variant?: "ghost" | "default" | null | undefined;
688
- } & class_variance_authority_types.ClassProp) | undefined) => string;
689
- interface SurfaceProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof surfaceVariants> {
690
- asChild?: boolean;
1248
+ interface YAxisProps {
1249
+ ticks?: number;
1250
+ format?: (value: number) => string;
691
1251
  }
692
- declare const Surface: React__default.ForwardRefExoticComponent<SurfaceProps & React__default.RefAttributes<HTMLDivElement>>;
1252
+ declare function ChartYAxis({ ticks, format }: YAxisProps): react_jsx_runtime.JSX.Element;
693
1253
 
694
- interface ScrollProgressProps extends React__default.HTMLAttributes<HTMLDivElement> {
695
- color?: string;
696
- height?: number | string;
697
- position?: 'top' | 'bottom';
1254
+ interface TabsProps extends React__default.HTMLAttributes<HTMLDivElement> {
1255
+ defaultValue: string;
1256
+ value?: string;
1257
+ onValueChange?: (value: string) => void;
1258
+ children: React__default.ReactNode;
698
1259
  }
699
- declare function ScrollProgress({ className, color, height, position, ...props }: ScrollProgressProps): react_jsx_runtime.JSX.Element;
700
-
701
- declare const badgeVariants: (props?: ({
702
- variant?: "outline" | "danger" | "success" | "default" | "warning" | "info" | "neutral" | null | undefined;
703
- } & class_variance_authority_types.ClassProp) | undefined) => string;
704
- interface BadgeProps extends React__default.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
1260
+ declare function Tabs({ defaultValue, value, onValueChange, className, children, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
1261
+ interface TabsListProps extends React__default.HTMLAttributes<HTMLDivElement> {
705
1262
  children: React__default.ReactNode;
706
1263
  }
707
- declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
708
-
709
- interface DividerProps extends React__default.HTMLAttributes<HTMLHRElement> {
710
- orientation?: 'horizontal' | 'vertical';
1264
+ declare function TabsList({ className, children, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
1265
+ interface TabsTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
1266
+ value: string;
1267
+ children: React__default.ReactNode;
711
1268
  }
712
- declare const Divider: React__default.ForwardRefExoticComponent<DividerProps & React__default.RefAttributes<HTMLHRElement>>;
713
-
714
- interface KbdProps extends React__default.HTMLAttributes<HTMLElement> {
1269
+ declare function TabsTrigger({ className, value, children, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
1270
+ interface TabsContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
1271
+ value: string;
715
1272
  children: React__default.ReactNode;
716
1273
  }
717
- declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLElement>>;
1274
+ declare function TabsContent({ className, value, children, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element | null;
718
1275
 
719
- interface EmptyStateProps extends React__default.HTMLAttributes<HTMLDivElement> {
720
- icon?: React__default.ReactNode;
721
- title: string;
722
- description?: string;
723
- action?: React__default.ReactNode;
1276
+ interface SidebarProps extends React__default.HTMLAttributes<HTMLDivElement> {
1277
+ children: React__default.ReactNode;
724
1278
  }
725
- declare const EmptyState: React__default.ForwardRefExoticComponent<EmptyStateProps & React__default.RefAttributes<HTMLDivElement>>;
726
-
727
- interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
728
- variant?: 'default' | 'circle' | 'text';
1279
+ declare const Sidebar: React__default.ForwardRefExoticComponent<SidebarProps & React__default.RefAttributes<HTMLDivElement>>;
1280
+ interface SidebarHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
729
1281
  }
730
- declare function Skeleton({ className, variant, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
731
-
732
- interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {
733
- wrapperClassName?: string;
734
- rounded?: boolean;
735
- maxHeight?: string | number;
1282
+ declare const SidebarHeader: React__default.ForwardRefExoticComponent<SidebarHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
1283
+ interface SidebarContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
736
1284
  }
737
- declare const Table: React__default.ForwardRefExoticComponent<TableProps & React__default.RefAttributes<HTMLTableElement>>;
738
- declare const TableHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableSectionElement> & React__default.RefAttributes<HTMLTableSectionElement>>;
739
- declare const TableBody: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableSectionElement> & React__default.RefAttributes<HTMLTableSectionElement>>;
740
- interface TableRowProps extends React__default.HTMLAttributes<HTMLTableRowElement> {
741
- hoverable?: boolean;
742
- optimized?: boolean;
1285
+ declare const SidebarContent: React__default.ForwardRefExoticComponent<SidebarContentProps & React__default.RefAttributes<HTMLDivElement>>;
1286
+ interface SidebarFooterProps extends React__default.HTMLAttributes<HTMLDivElement> {
743
1287
  }
744
- declare const TableRow: React__default.ForwardRefExoticComponent<TableRowProps & React__default.RefAttributes<HTMLTableRowElement>>;
745
- declare const TableHead: React__default.ForwardRefExoticComponent<React__default.ThHTMLAttributes<HTMLTableCellElement> & React__default.RefAttributes<HTMLTableCellElement>>;
746
- declare const TableCell: React__default.ForwardRefExoticComponent<React__default.TdHTMLAttributes<HTMLTableCellElement> & React__default.RefAttributes<HTMLTableCellElement>>;
747
-
748
- interface Column<T> {
749
- key: keyof T | string;
750
- header: string;
751
- sortable?: boolean;
752
- render?: (item: T) => React__default.ReactNode;
753
- className?: string;
1288
+ declare const SidebarFooter: React__default.ForwardRefExoticComponent<SidebarFooterProps & React__default.RefAttributes<HTMLDivElement>>;
1289
+ interface SidebarItemProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
1290
+ active?: boolean;
1291
+ icon?: React__default.ReactNode;
1292
+ badge?: React__default.ReactNode;
754
1293
  }
755
- interface DataTableProps<T> {
756
- data: T[];
757
- columns: Column<T>[];
758
- searchPlaceholder?: string;
759
- searchKeys?: (keyof T)[];
760
- onRowClick?: (item: T) => void;
1294
+ declare const SidebarItem: React__default.ForwardRefExoticComponent<SidebarItemProps & React__default.RefAttributes<HTMLButtonElement>>;
1295
+ interface SidebarGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
1296
+ label?: string;
1297
+ }
1298
+ declare const SidebarGroup: React__default.ForwardRefExoticComponent<SidebarGroupProps & React__default.RefAttributes<HTMLDivElement>>;
1299
+
1300
+ interface NavbarProps {
1301
+ logo?: React__default.ReactNode;
1302
+ links?: {
1303
+ label: string;
1304
+ href: string;
1305
+ }[];
1306
+ actions?: React__default.ReactNode;
761
1307
  className?: string;
762
- maxHeight?: number;
763
- rounded?: boolean;
1308
+ maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
764
1309
  }
765
- declare function DataTable<T extends Record<string, unknown>>({ data, columns, searchPlaceholder, searchKeys, onRowClick, className, maxHeight, rounded }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
1310
+ declare function Navbar({ logo, links, actions, className, maxWidth, }: NavbarProps): react_jsx_runtime.JSX.Element;
766
1311
 
767
- interface KanbanTask {
768
- id: string;
769
- columnId: string;
770
- title: string;
1312
+ interface UserMenuProps {
1313
+ name: string;
771
1314
  description?: string;
772
- priority?: 'low' | 'medium' | 'high' | 'urgent';
773
- tags?: string[];
774
- assignee?: {
775
- name: string;
776
- avatar?: string;
777
- };
778
- dueDate?: string;
779
- progress?: number;
780
- comments?: number;
781
- attachments?: number;
782
- timeSpent?: number;
783
- blockedBy?: string[];
784
- [key: string]: any;
1315
+ avatarSrc?: string;
1316
+ avatarFallback?: string;
1317
+ className?: string;
1318
+ side?: 'top' | 'bottom' | 'left' | 'right';
1319
+ align?: 'start' | 'end' | 'center';
785
1320
  }
786
- interface KanbanColumn {
787
- id: string;
788
- title: string;
789
- color?: string;
790
- limit?: number;
1321
+ declare function UserMenu({ name, description, avatarSrc, avatarFallback, className, side, align }: UserMenuProps): react_jsx_runtime.JSX.Element;
1322
+
1323
+ declare const Breadcrumb: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
1324
+ separator?: React__default.ReactNode;
1325
+ } & React__default.RefAttributes<HTMLElement>>;
1326
+ declare const BreadcrumbList: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React__default.RefAttributes<HTMLOListElement>>;
1327
+ declare const BreadcrumbItem: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React__default.RefAttributes<HTMLLIElement>>;
1328
+ declare const BreadcrumbLink: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
1329
+ asChild?: boolean;
1330
+ } & React__default.RefAttributes<HTMLAnchorElement>>;
1331
+ declare const BreadcrumbPage: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
1332
+ declare const BreadcrumbSeparator: {
1333
+ ({ children, className, ...props }: React__default.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
1334
+ displayName: string;
1335
+ };
1336
+ declare const BreadcrumbEllipsis: {
1337
+ ({ className, ...props }: React__default.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
1338
+ displayName: string;
1339
+ };
1340
+
1341
+ interface SkipToContentProps {
1342
+ contentId?: string;
1343
+ className?: string;
1344
+ children?: React__default.ReactNode;
791
1345
  }
792
- interface KanbanProps {
793
- columns: KanbanColumn[];
794
- tasks: KanbanTask[];
795
- onTaskMove?: (taskId: string, toColumnId: string, toTaskId?: string, position?: 'top' | 'bottom') => void;
796
- onColumnMove?: (columnId: string, toColumnId: string, position?: 'left' | 'right') => void;
797
- onTaskClick?: (task: KanbanTask) => void;
798
- onTaskAdd?: (columnId: string, title: string) => void;
799
- onTaskFullAdd?: (columnId: string) => void;
800
- onTaskRemove?: (taskId: string) => void;
801
- onColumnAction?: (columnId: string, action: string) => void;
802
- onTaskDrop?: (taskId: string, fromColumnId: string, toColumnId: string, index: number) => void;
803
- onTaskDragStart?: (taskId: string) => void;
804
- onTaskDragEnd?: (taskId: string) => void;
805
- onTaskSelectionChange?: (selectedIds: string[]) => void;
806
- onTaskTimerToggle?: (taskId: string) => void;
807
- renderCard?: (task: KanbanTask) => ReactNode;
1346
+ /**
1347
+ * A component that allows keyboard users to skip navigation and jump to the main content.
1348
+ * It is hidden by default and becomes visible on focus.
1349
+ */
1350
+ declare function SkipToContent({ contentId, className, children, }: SkipToContentProps): react_jsx_runtime.JSX.Element;
1351
+
1352
+ declare const Pagination: {
1353
+ ({ className, ...props }: React__default.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
1354
+ displayName: string;
1355
+ };
1356
+ declare const PaginationContent: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React__default.RefAttributes<HTMLUListElement>>;
1357
+ declare const PaginationItem: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React__default.RefAttributes<HTMLLIElement>>;
1358
+ type PaginationLinkProps = {
1359
+ isActive?: boolean;
1360
+ } & React__default.ComponentProps<"a">;
1361
+ declare const PaginationLink: {
1362
+ ({ className, isActive, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
1363
+ displayName: string;
1364
+ };
1365
+ declare const PaginationPrevious: {
1366
+ ({ className, ...props }: React__default.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
1367
+ displayName: string;
1368
+ };
1369
+ declare const PaginationNext: {
1370
+ ({ className, ...props }: React__default.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
1371
+ displayName: string;
1372
+ };
1373
+ declare const PaginationEllipsis: {
1374
+ ({ className, ...props }: React__default.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
1375
+ displayName: string;
1376
+ };
1377
+
1378
+ interface StepperProps {
1379
+ steps: {
1380
+ title: string;
1381
+ description?: string;
1382
+ }[];
1383
+ currentStep: number;
808
1384
  className?: string;
809
- columnClassName?: string;
810
- cardClassName?: string;
811
- groupBy?: keyof KanbanTask;
812
- accentColor?: string;
813
- showTaskCount?: boolean;
814
- showDividers?: boolean;
815
- columnHeight?: number | string;
816
- pageSize?: number;
817
- selectable?: boolean;
818
- selectedTaskIds?: string[];
819
- activeTimerTaskId?: string | null;
1385
+ onStepClick?: (step: number) => void;
820
1386
  }
1387
+ declare const Stepper: ({ steps, currentStep, className, onStepClick }: StepperProps) => react_jsx_runtime.JSX.Element;
821
1388
 
822
- declare function Kanban({ columns, tasks, onTaskMove, onColumnMove, onTaskClick, onTaskAdd, onTaskFullAdd, onTaskRemove, onColumnAction, onTaskDrop, onTaskDragStart, onTaskDragEnd, onTaskSelectionChange, onTaskTimerToggle, renderCard, className, columnClassName, cardClassName, groupBy, accentColor, showTaskCount, showDividers, columnHeight, pageSize, selectable, selectedTaskIds, activeTimerTaskId, }: KanbanProps): react_jsx_runtime.JSX.Element;
823
-
824
- interface KanbanTaskModalProps {
1389
+ interface ModalProps {
825
1390
  isOpen: boolean;
826
1391
  onClose: () => void;
827
- onSave: (task: Partial<KanbanTask>) => void;
828
- task?: KanbanTask;
829
- columnId?: string;
1392
+ children: React__default.ReactNode;
1393
+ className?: string;
830
1394
  }
831
- declare function KanbanTaskModal({ isOpen, onClose, onSave, task, columnId }: KanbanTaskModalProps): react_jsx_runtime.JSX.Element;
1395
+ declare function Modal({ isOpen, onClose, children, className }: ModalProps): React__default.ReactPortal;
1396
+ declare function ModalHeader({ className, children }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1397
+ declare function ModalFooter({ className, children }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1398
+ declare function ModalTitle({ className, children }: React__default.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
1399
+ declare function ModalDescription({ className, children }: React__default.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
832
1400
 
833
- interface FilterOption {
834
- label: string;
835
- value: string;
1401
+ interface ConfirmDialogProps {
1402
+ isOpen: boolean;
1403
+ onClose: () => void;
1404
+ onConfirm: () => void;
1405
+ title: string;
1406
+ description: string;
1407
+ confirmText?: string;
1408
+ cancelText?: string;
1409
+ variant?: 'danger' | 'primary';
1410
+ isLoading?: boolean;
836
1411
  }
837
- interface KanbanFilterBarProps {
838
- onSearchChange?: (query: string) => void;
839
- onFilterChange?: (filters: Record<string, string[]>) => void;
840
- priorityOptions?: FilterOption[];
841
- tagOptions?: FilterOption[];
842
- assigneeOptions?: FilterOption[];
1412
+ /**
1413
+ * A specialized modal for confirming destructive or important actions.
1414
+ */
1415
+ declare function ConfirmDialog({ isOpen, onClose, onConfirm, title, description, confirmText, cancelText, variant, isLoading, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
1416
+
1417
+ interface DialogProps {
1418
+ isOpen: boolean;
1419
+ onClose: () => void;
1420
+ children: React__default.ReactNode;
843
1421
  className?: string;
844
1422
  }
845
- declare function KanbanFilterBar({ onSearchChange, onFilterChange, priorityOptions, tagOptions, assigneeOptions, className }: KanbanFilterBarProps): react_jsx_runtime.JSX.Element;
1423
+ declare function Dialog({ isOpen, onClose, children, className }: DialogProps): React__default.ReactPortal;
1424
+ declare function DialogHeader({ className, children }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1425
+ declare function DialogFooter({ className, children }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1426
+ declare function DialogTitle({ className, children }: React__default.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
1427
+ declare function DialogDescription({ className, children }: React__default.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
846
1428
 
847
- interface KanbanCalendarViewProps {
848
- tasks: KanbanTask[];
849
- onTaskClick?: (task: KanbanTask) => void;
850
- onAddTask?: (date: Date) => void;
1429
+ interface DrawerProps {
1430
+ isOpen: boolean;
1431
+ onClose: () => void;
1432
+ position?: 'left' | 'right' | 'bottom';
1433
+ children: React__default.ReactNode;
851
1434
  className?: string;
852
1435
  }
853
- declare function KanbanCalendarView({ tasks, onTaskClick, onAddTask, className }: KanbanCalendarViewProps): react_jsx_runtime.JSX.Element;
1436
+ declare function Drawer({ isOpen, onClose, position, children, className }: DrawerProps): React__default.ReactPortal | null;
1437
+ declare function DrawerHeader({ className, children, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1438
+ declare function DrawerFooter({ className, children, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1439
+ declare function DrawerTitle({ className, children, ...props }: React__default.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
1440
+ declare function DrawerDescription({ className, children, ...props }: React__default.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
854
1441
 
855
- interface ScrollAreaProps extends React__default.HTMLAttributes<HTMLDivElement> {
856
- orientation?: 'vertical' | 'horizontal' | 'both';
857
- scrollbarSize?: 'sm' | 'md' | 'lg';
1442
+ interface DropdownMenuProps {
1443
+ children: React__default.ReactNode;
858
1444
  }
859
- declare const ScrollArea: React__default.ForwardRefExoticComponent<ScrollAreaProps & React__default.RefAttributes<HTMLDivElement>>;
1445
+ declare function DropdownMenu({ children }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
1446
+ interface DropdownMenuTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
1447
+ children: React__default.ReactNode;
1448
+ }
1449
+ declare function DropdownMenuTrigger({ className, children, ...props }: DropdownMenuTriggerProps): react_jsx_runtime.JSX.Element;
1450
+ interface DropdownMenuContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
1451
+ children: React__default.ReactNode;
1452
+ align?: 'start' | 'end' | 'center';
1453
+ side?: 'top' | 'bottom' | 'left' | 'right';
1454
+ }
1455
+ declare function DropdownMenuContent({ className, children, align, side, ...props }: DropdownMenuContentProps): React__default.ReactPortal | null;
1456
+ interface DropdownMenuItemProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
1457
+ children: React__default.ReactNode;
1458
+ }
1459
+ declare function DropdownMenuItem({ className, children, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
1460
+ declare function DropdownMenuLabel({ className, children, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1461
+ declare function DropdownMenuSeparator({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
860
1462
 
861
- declare const Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
862
- declare const CardHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
863
- declare const CardTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLParagraphElement>>;
864
- declare const CardDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
865
- declare const CardContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
866
- declare const CardFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
1463
+ interface PopoverProps {
1464
+ children: React__default.ReactNode;
1465
+ open?: boolean;
1466
+ onOpenChange?: (open: boolean) => void;
1467
+ }
1468
+ declare function Popover({ children, open, onOpenChange }: PopoverProps): react_jsx_runtime.JSX.Element;
1469
+ interface PopoverTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
1470
+ children: React__default.ReactNode;
1471
+ }
1472
+ declare function PopoverTrigger({ className, children, ...props }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
1473
+ interface PopoverContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
1474
+ children: React__default.ReactNode;
1475
+ align?: 'start' | 'end' | 'center';
1476
+ sideOffset?: number;
1477
+ }
1478
+ declare function PopoverContent({ className, children, align, sideOffset, ...props }: PopoverContentProps): React__default.ReactPortal | null;
867
1479
 
868
- interface ImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
869
- fallback?: React__default.ReactNode;
870
- containerClassName?: string;
1480
+ type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
1481
+ interface TooltipProps {
1482
+ content: React__default.ReactNode;
1483
+ children: React__default.ReactNode;
1484
+ position?: TooltipPosition;
1485
+ delay?: number;
1486
+ className?: string;
871
1487
  }
872
- declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
1488
+ declare function Tooltip({ content, children, position, delay, className }: TooltipProps): react_jsx_runtime.JSX.Element;
1489
+
1490
+ interface CommandDialogProps extends ComboboxProps {
1491
+ open: boolean;
1492
+ onOpenChange: (open: boolean) => void;
1493
+ }
1494
+ declare function Command({ children, ...props }: ComboboxProps): react_jsx_runtime.JSX.Element;
1495
+ declare function CommandDialog({ children, open, onOpenChange, ...props }: CommandDialogProps): React__default.ReactPortal | null;
1496
+ declare function CommandInput({ className, ...props }: React__default.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime.JSX.Element;
1497
+ declare function CommandList({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1498
+ declare function CommandEmpty(props: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
1499
+ declare function CommandGroup({ children, heading, className, ...props }: React__default.HTMLAttributes<HTMLDivElement> & {
1500
+ heading?: React__default.ReactNode;
1501
+ }): react_jsx_runtime.JSX.Element;
1502
+ declare function CommandItem({ className, ...props }: React__default.ComponentProps<typeof ComboboxItem>): react_jsx_runtime.JSX.Element;
1503
+ declare function CommandShortcut({ className, ...props }: React__default.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
873
1504
 
874
1505
  interface ContainerProps extends React__default.HTMLAttributes<HTMLDivElement> {
875
1506
  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
@@ -937,547 +1568,961 @@ interface BackgroundProps extends React__default.HTMLAttributes<HTMLDivElement>
937
1568
  */
938
1569
  bgColor?: string;
939
1570
  }
940
- declare const Background: React__default.ForwardRefExoticComponent<BackgroundProps & React__default.RefAttributes<HTMLDivElement>>;
1571
+ declare const Background: React__default.ForwardRefExoticComponent<BackgroundProps & React__default.RefAttributes<HTMLDivElement>>;
1572
+
1573
+ interface SpotlightProps extends React__default.HTMLAttributes<HTMLDivElement> {
1574
+ children: React__default.ReactNode;
1575
+ size?: number;
1576
+ color?: string;
1577
+ }
1578
+ declare const Spotlight: ({ children, className, size, color, ...props }: SpotlightProps) => react_jsx_runtime.JSX.Element;
1579
+
1580
+ declare const aiPromptInputVariants: (props?: ({
1581
+ variant?: "ghost" | "default" | null | undefined;
1582
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1583
+ interface Attachment {
1584
+ id: string;
1585
+ name: string;
1586
+ type?: string;
1587
+ url?: string;
1588
+ }
1589
+ interface AIPromptInputProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onSubmit'>, VariantProps<typeof aiPromptInputVariants> {
1590
+ /** Callback fired when the user submits the prompt (Enter or Click) */
1591
+ onSubmit?: (value: string) => void;
1592
+ /** Whether the AI is currently generating a response */
1593
+ isGenerating?: boolean;
1594
+ /** Callback fired when the attach button is clicked. If onFilesSelected is provided, this is ignored. */
1595
+ onAttach?: () => void;
1596
+ /** Callback fired when files are selected via the built-in file picker */
1597
+ onFilesSelected?: (files: FileList) => void;
1598
+ /** Callback fired when the stop button is clicked */
1599
+ onStop?: () => void;
1600
+ /** Callback fired when the microphone button is clicked */
1601
+ onMic?: () => void;
1602
+ /** Maximum number of characters allowed */
1603
+ maxLength?: number;
1604
+ /** Custom footer content to render below the input */
1605
+ footer?: React__default.ReactNode;
1606
+ /** List of attached files to display */
1607
+ attachments?: Attachment[];
1608
+ /** Callback fired when an attachment is removed */
1609
+ onRemoveAttachment?: (attachmentId: string) => void;
1610
+ /** Accepted file types for the built-in file picker */
1611
+ accept?: string;
1612
+ /** Whether to allow multiple files in the built-in file picker */
1613
+ multiple?: boolean;
1614
+ }
1615
+ /**
1616
+ * A specialized input component for AI prompts with support for attachments,
1617
+ * voice input, and generation control.
1618
+ */
1619
+ declare const AIPromptInput: React__default.ForwardRefExoticComponent<AIPromptInputProps & React__default.RefAttributes<HTMLTextAreaElement>>;
1620
+
1621
+ declare const aiResponseVariants: (props?: ({
1622
+ variant?: "outline" | "ghost" | "default" | null | undefined;
1623
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1624
+ interface AIResponseSource {
1625
+ title: string;
1626
+ url: string;
1627
+ }
1628
+ interface AIResponseProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof aiResponseVariants> {
1629
+ /** The content of the response */
1630
+ children: React__default.ReactNode;
1631
+ /** Callback fired when the copy button is clicked */
1632
+ onCopy?: () => void;
1633
+ /** Callback fired when the regenerate button is clicked */
1634
+ onRegenerate?: () => void;
1635
+ /** Callback fired when feedback buttons are clicked */
1636
+ onFeedback?: (type: 'up' | 'down') => void;
1637
+ /** Callback fired when the share button is clicked */
1638
+ onShare?: () => void;
1639
+ /** Callback fired when the edit button is clicked */
1640
+ onEdit?: () => void;
1641
+ /** Timestamp string to display (e.g., "Just now", "2 mins ago") */
1642
+ timestamp?: string;
1643
+ /** List of sources/citations to display */
1644
+ sources?: AIResponseSource[];
1645
+ /** Name of the model used (e.g., "GPT-4") */
1646
+ model?: string;
1647
+ /** Usage information (e.g., "245 tokens") */
1648
+ usage?: string | number;
1649
+ }
1650
+ /**
1651
+ * A container component for displaying AI-generated responses with
1652
+ * built-in actions for copying, regenerating, and providing feedback.
1653
+ */
1654
+ declare const AIResponse: React__default.ForwardRefExoticComponent<AIResponseProps & React__default.RefAttributes<HTMLDivElement>>;
1655
+
1656
+ type UserStatus = 'online' | 'offline' | 'away' | 'busy';
1657
+ interface User {
1658
+ id: string;
1659
+ name: string;
1660
+ avatar?: string;
1661
+ status?: UserStatus;
1662
+ lastSeen?: Date;
1663
+ bio?: string;
1664
+ phone?: string;
1665
+ isOnline?: boolean;
1666
+ }
1667
+ type MessageType = 'text' | 'image' | 'file' | 'system' | 'audio' | 'video' | 'location' | 'contact' | 'poll' | 'sticker';
1668
+ type MessageStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'failed';
1669
+ interface ChatAttachment {
1670
+ id: string;
1671
+ type: 'image' | 'file' | 'audio' | 'video';
1672
+ url: string;
1673
+ name?: string;
1674
+ size?: string;
1675
+ duration?: number;
1676
+ thumbnail?: string;
1677
+ }
1678
+ interface PollOption {
1679
+ id: string;
1680
+ text: string;
1681
+ votes: string[];
1682
+ }
1683
+ interface Message {
1684
+ id: string;
1685
+ content: string;
1686
+ senderId: string;
1687
+ timestamp: Date;
1688
+ status?: MessageStatus;
1689
+ type?: MessageType;
1690
+ attachments?: ChatAttachment[];
1691
+ replyToId?: string;
1692
+ replyTo?: Message;
1693
+ reactions?: Record<string, string[]>;
1694
+ location?: {
1695
+ latitude: number;
1696
+ longitude: number;
1697
+ address?: string;
1698
+ };
1699
+ contact?: {
1700
+ name: string;
1701
+ phone: string;
1702
+ avatar?: string;
1703
+ };
1704
+ poll?: {
1705
+ question: string;
1706
+ options: PollOption[];
1707
+ multipleChoice?: boolean;
1708
+ expiresAt?: Date;
1709
+ };
1710
+ isEdited?: boolean;
1711
+ isPinned?: boolean;
1712
+ }
1713
+ interface Conversation {
1714
+ id: string;
1715
+ user?: User;
1716
+ group?: GroupInfo;
1717
+ lastMessage?: Message;
1718
+ unreadCount?: number;
1719
+ isTyping?: boolean;
1720
+ typingUsers?: string[];
1721
+ isMuted?: boolean;
1722
+ isPinned?: boolean;
1723
+ isArchived?: boolean;
1724
+ }
1725
+ interface GroupInfo {
1726
+ id: string;
1727
+ name: string;
1728
+ avatar?: string;
1729
+ description?: string;
1730
+ members: User[];
1731
+ admins: string[];
1732
+ createdBy: string;
1733
+ createdAt: Date;
1734
+ }
941
1735
 
942
- type Theme = "dark" | "light" | "system";
943
- type ThemeProviderProps = {
1736
+ interface ChatLayoutProps extends React__default.HTMLAttributes<HTMLDivElement> {
944
1737
  children: React__default.ReactNode;
945
- defaultTheme?: Theme;
946
- storageKey?: string;
947
- };
948
- type ThemeProviderState = {
949
- theme: Theme;
950
- setTheme: (theme: Theme) => void;
951
- };
952
- declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
953
- declare const useTheme: () => ThemeProviderState;
1738
+ }
1739
+ declare function ChatLayout({ children, className, ...props }: ChatLayoutProps): react_jsx_runtime.JSX.Element;
954
1740
 
955
- declare function ThemeToggle(): react_jsx_runtime.JSX.Element;
1741
+ interface ChatSidebarProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
1742
+ conversations: Conversation[];
1743
+ activeId?: string;
1744
+ onSelect?: (id: string) => void;
1745
+ onNewChat?: () => void;
1746
+ onSearch?: (query: string) => void;
1747
+ onArchive?: (id: string) => void;
1748
+ onPin?: (id: string) => void;
1749
+ onMute?: (id: string) => void;
1750
+ onDelete?: (id: string) => void;
1751
+ filter?: 'all' | 'unread' | 'groups';
1752
+ sortBy?: 'recent' | 'unread' | 'name';
1753
+ }
1754
+ declare function ChatSidebar({ conversations, activeId, onSelect, onNewChat, onSearch, onArchive, onPin, onMute, onDelete, filter, sortBy, className, ...props }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
956
1755
 
957
- type ChartDataPoint<T = Record<string, any>> = {
958
- label: string;
959
- value: number;
960
- } & T;
961
- interface ChartContextValue<T = any> {
962
- width: number;
963
- height: number;
964
- data: ChartDataPoint<T>[];
965
- maxValue: number;
966
- padding: {
967
- top: number;
968
- right: number;
969
- bottom: number;
970
- left: number;
971
- };
972
- hoveredIndex: number | null;
973
- setHoveredIndex: (index: number | null) => void;
1756
+ interface ChatHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
1757
+ user: User;
1758
+ onBack?: () => void;
1759
+ onInfo?: () => void;
1760
+ onCall?: () => void;
1761
+ onVideoCall?: () => void;
1762
+ onSearch?: () => void;
1763
+ onMute?: () => void;
1764
+ isTyping?: boolean;
1765
+ isMuted?: boolean;
1766
+ actions?: React__default.ReactNode;
974
1767
  }
975
- declare function useChart<T = any>(): ChartContextValue<T>;
976
- declare function normalize(value: number, max: number, height: number): number;
977
- interface ChartContainerProps<T = any> extends React__default.HTMLAttributes<HTMLDivElement> {
978
- data: ChartDataPoint<T>[];
979
- height?: number;
980
- padding?: {
981
- top: number;
982
- right: number;
983
- bottom: number;
984
- left: number;
985
- };
986
- children: React__default.ReactNode;
1768
+ declare function ChatHeader({ user, onBack, onInfo, onCall, onVideoCall, onSearch, onMute, isTyping, isMuted, actions, className, ...props }: ChatHeaderProps): react_jsx_runtime.JSX.Element;
1769
+
1770
+ interface MessageListProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onCopy' | 'onSelect'> {
1771
+ messages: Message[];
1772
+ currentUserId: string;
1773
+ onReply?: (message: Message) => void;
1774
+ onReact?: (message: Message, emoji: string) => void;
1775
+ onDelete?: (message: Message) => void;
1776
+ onEdit?: (message: Message) => void;
1777
+ onForward?: (message: Message) => void;
1778
+ onCopy?: (message: Message) => void;
1779
+ onPin?: (message: Message) => void;
1780
+ onSelect?: (message: Message) => void;
1781
+ onLoadMore?: () => void;
1782
+ hasMore?: boolean;
1783
+ isLoadingMore?: boolean;
1784
+ selectedMessages?: string[];
1785
+ dateFormat?: string;
1786
+ groupByDate?: boolean;
987
1787
  }
988
- declare function ChartContainer<T = any>({ data, height, padding, className, children, ...props }: ChartContainerProps<T>): react_jsx_runtime.JSX.Element;
989
- declare function ChartGrid({ lines }: {
990
- lines?: number;
991
- }): react_jsx_runtime.JSX.Element;
992
- declare function ChartXAxis(): react_jsx_runtime.JSX.Element;
993
- declare function ChartTooltip({ renderTooltip }: {
994
- renderTooltip?: (data: ChartDataPoint) => React__default.ReactNode;
995
- }): react_jsx_runtime.JSX.Element | null;
996
- declare function ChartSkeleton(): react_jsx_runtime.JSX.Element;
1788
+ declare function MessageList({ messages, currentUserId, className, onReply, onReact, onDelete, onEdit, onForward, onCopy, onPin, onSelect, onLoadMore, hasMore, isLoadingMore, selectedMessages, dateFormat, groupByDate, ...props }: MessageListProps): react_jsx_runtime.JSX.Element;
997
1789
 
998
- interface BarChartProps<T = any> {
999
- color?: 'cyan' | 'purple' | 'emerald' | 'amber' | 'rose';
1000
- showValues?: boolean;
1001
- animationDelay?: number;
1002
- onValueClick?: (data: ChartDataPoint<T>) => void;
1790
+ interface MessageBubbleProps {
1791
+ message: Message;
1792
+ isOwn: boolean;
1793
+ showAvatar?: boolean;
1794
+ showStatus?: boolean;
1795
+ className?: string;
1796
+ onReply?: () => void;
1797
+ onReact?: (emoji: string) => void;
1798
+ onDelete?: () => void;
1799
+ onEdit?: () => void;
1800
+ onForward?: () => void;
1801
+ onCopy?: () => void;
1802
+ onPin?: () => void;
1803
+ onSelect?: () => void;
1804
+ isSelected?: boolean;
1003
1805
  }
1004
- declare function BarChart<T = any>({ color, showValues, animationDelay, onValueClick }: BarChartProps<T>): react_jsx_runtime.JSX.Element;
1806
+ declare function MessageBubble({ message, isOwn, showAvatar, showStatus, className, onReply, onReact, onDelete, onEdit, onForward, onCopy, onPin, onSelect, isSelected }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
1005
1807
 
1006
- interface AreaChartProps<T = any> {
1007
- color?: 'cyan' | 'purple' | 'emerald' | 'amber' | 'rose';
1008
- showValues?: boolean;
1009
- animationDelay?: number;
1010
- onValueClick?: (data: ChartDataPoint<T>) => void;
1808
+ interface ChatInputProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
1809
+ onSend?: (content: string) => void;
1810
+ onAttach?: () => void;
1811
+ onMic?: () => void;
1812
+ onEmoji?: () => void;
1813
+ onGif?: () => void;
1814
+ onLocation?: () => void;
1815
+ onCancelReply?: () => void;
1816
+ placeholder?: string;
1817
+ users?: User[];
1818
+ replyingTo?: Message;
1819
+ isRecording?: boolean;
1820
+ maxLength?: number;
1821
+ disabled?: boolean;
1011
1822
  }
1012
- declare function AreaChart<T = any>({ color, showValues, animationDelay, onValueClick }: AreaChartProps<T>): react_jsx_runtime.JSX.Element;
1823
+ declare function ChatInput({ onSend, onAttach, onMic, onEmoji, onGif, onLocation, onCancelReply, placeholder, users, replyingTo, isRecording, maxLength, disabled, className, ...props }: ChatInputProps): react_jsx_runtime.JSX.Element;
1013
1824
 
1014
- interface LineChartProps<T = any> {
1015
- color?: 'cyan' | 'purple' | 'emerald' | 'amber' | 'rose';
1016
- showValues?: boolean;
1017
- animationDelay?: number;
1018
- curve?: 'linear' | 'smooth' | 'step';
1019
- strokeWidth?: number;
1020
- align?: 'center' | 'edge';
1021
- onValueClick?: (data: ChartDataPoint<T>) => void;
1825
+ interface ChatProfileProps extends React__default.HTMLAttributes<HTMLDivElement> {
1826
+ user: User;
1827
+ onClose?: () => void;
1022
1828
  }
1023
- declare function LineChart<T = any>({ color, showValues, animationDelay, curve, strokeWidth, align, onValueClick }: LineChartProps<T>): react_jsx_runtime.JSX.Element;
1829
+ declare function ChatProfile({ user, onClose, className, ...props }: ChatProfileProps): react_jsx_runtime.JSX.Element;
1024
1830
 
1025
- interface PieChartProps<T = any> {
1026
- innerRadius?: number;
1027
- padAngle?: number;
1028
- showLabels?: boolean;
1029
- colors?: string[];
1030
- onValueClick?: (data: ChartDataPoint<T>) => void;
1831
+ interface TypingIndicatorProps extends React__default.HTMLAttributes<HTMLDivElement> {
1832
+ users?: string[];
1833
+ variant?: 'default' | 'bubble';
1031
1834
  }
1032
- declare function PieChart<T = any>({ innerRadius, padAngle, showLabels, colors, onValueClick }: PieChartProps<T>): react_jsx_runtime.JSX.Element;
1835
+ declare function TypingIndicator({ users, variant, className, ...props }: TypingIndicatorProps): react_jsx_runtime.JSX.Element;
1033
1836
 
1034
- type RadarDataPoint<T = Record<string, any>> = {
1035
- subject: string;
1036
- } & T;
1037
- interface RadarChartProps<T = any> extends React__default.HTMLAttributes<HTMLDivElement> {
1038
- data: RadarDataPoint<T>[];
1039
- keys: (keyof T)[];
1040
- colors?: string[];
1041
- maxValue?: number;
1042
- height?: number;
1837
+ interface ReplyPreviewProps extends React__default.HTMLAttributes<HTMLDivElement> {
1838
+ message: Message;
1839
+ onCancel?: () => void;
1043
1840
  }
1044
- declare function RadarChart<T = any>({ data, keys, colors, maxValue: userMaxValue, height, className, ...props }: RadarChartProps<T>): react_jsx_runtime.JSX.Element;
1841
+ declare function ReplyPreview({ message, onCancel, className, ...props }: ReplyPreviewProps): react_jsx_runtime.JSX.Element;
1045
1842
 
1046
- interface SparklineProps extends React__default.HTMLAttributes<HTMLDivElement> {
1047
- data: number[];
1048
- color?: 'cyan' | 'purple' | 'emerald' | 'amber' | 'rose' | 'white';
1049
- height?: number;
1050
- strokeWidth?: number;
1051
- fill?: boolean;
1843
+ interface ChatBannerProps extends React__default.HTMLAttributes<HTMLDivElement> {
1844
+ type?: 'info' | 'warning' | 'error' | 'success';
1845
+ message: string;
1846
+ action?: {
1847
+ label: string;
1848
+ onClick: () => void;
1849
+ };
1850
+ onClose?: () => void;
1052
1851
  }
1053
- declare function Sparkline({ data, color, height, strokeWidth, fill, className, ...props }: SparklineProps): react_jsx_runtime.JSX.Element;
1852
+ declare function ChatBanner({ type, message, action, onClose, className, ...props }: ChatBannerProps): react_jsx_runtime.JSX.Element;
1054
1853
 
1055
- interface YAxisProps {
1056
- ticks?: number;
1057
- format?: (value: number) => string;
1854
+ interface AudioPlayerProps extends React__default.HTMLAttributes<HTMLDivElement> {
1855
+ src: string;
1856
+ duration?: number;
1857
+ isMe?: boolean;
1058
1858
  }
1059
- declare function ChartYAxis({ ticks, format }: YAxisProps): react_jsx_runtime.JSX.Element;
1859
+ declare function AudioPlayer({ src, duration, isMe, className, ...props }: AudioPlayerProps): react_jsx_runtime.JSX.Element;
1060
1860
 
1061
- declare const userPreviewVariants: (props?: ({
1062
- variant?: "default" | "glass" | null | undefined;
1063
- } & class_variance_authority_types.ClassProp) | undefined) => string;
1064
- interface UserPreviewProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof userPreviewVariants> {
1065
- user: {
1066
- name: string;
1067
- email?: string;
1068
- avatarSrc?: string;
1069
- role?: string;
1070
- bio?: string;
1071
- stats?: {
1072
- label: string;
1073
- value: string | number;
1074
- }[];
1075
- };
1076
- onFollow?: () => void;
1077
- onMessage?: () => void;
1861
+ interface DateSeparatorProps extends React__default.HTMLAttributes<HTMLDivElement> {
1862
+ date: string;
1078
1863
  }
1079
- declare const UserPreview: React__default.ForwardRefExoticComponent<UserPreviewProps & React__default.RefAttributes<HTMLDivElement>>;
1864
+ declare function DateSeparator({ date, className, ...props }: DateSeparatorProps): react_jsx_runtime.JSX.Element;
1080
1865
 
1081
- declare const timelineItemVariants: (props?: ({
1082
- status?: "success" | "default" | "error" | "active" | null | undefined;
1083
- } & class_variance_authority_types.ClassProp) | undefined) => string;
1084
- interface TimelineItemProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof timelineItemVariants> {
1085
- title: string;
1086
- date?: string;
1087
- description?: React__default.ReactNode;
1088
- icon?: React__default.ReactNode;
1089
- isLast?: boolean;
1866
+ interface OnlineIndicatorProps extends React__default.HTMLAttributes<HTMLSpanElement> {
1867
+ status?: 'online' | 'offline' | 'away' | 'busy';
1868
+ size?: 'sm' | 'md' | 'lg';
1090
1869
  }
1091
- declare const TimelineItem: React__default.ForwardRefExoticComponent<TimelineItemProps & React__default.RefAttributes<HTMLDivElement>>;
1092
- declare const Timeline: ({ children, className }: {
1093
- children: React__default.ReactNode;
1094
- className?: string;
1095
- }) => react_jsx_runtime.JSX.Element;
1870
+ declare function OnlineIndicator({ status, size, className, ...props }: OnlineIndicatorProps): react_jsx_runtime.JSX.Element;
1096
1871
 
1097
- interface TreeNode {
1098
- id: string;
1099
- label: string;
1100
- icon?: React__default.ReactNode;
1101
- children?: TreeNode[];
1872
+ interface ReadReceiptProps extends React__default.HTMLAttributes<HTMLDivElement> {
1873
+ status: MessageStatus;
1102
1874
  }
1103
- interface TreeProps {
1104
- data: TreeNode[];
1105
- className?: string;
1106
- onSelect?: (node: TreeNode) => void;
1875
+ declare function ReadReceipt({ status, className, ...props }: ReadReceiptProps): react_jsx_runtime.JSX.Element;
1876
+
1877
+ interface SystemMessageProps extends React__default.HTMLAttributes<HTMLDivElement> {
1878
+ content: string;
1107
1879
  }
1108
- declare const Tree: ({ data, className, onSelect }: TreeProps) => react_jsx_runtime.JSX.Element;
1880
+ declare function SystemMessage({ content, className, ...props }: SystemMessageProps): react_jsx_runtime.JSX.Element;
1109
1881
 
1110
- interface TerminalProps extends React__default.HTMLAttributes<HTMLDivElement> {
1882
+ interface LinkPreviewProps extends React__default.HTMLAttributes<HTMLAnchorElement> {
1883
+ url: string;
1111
1884
  title?: string;
1112
- children: React__default.ReactNode;
1885
+ description?: string;
1886
+ image?: string;
1887
+ siteName?: string;
1113
1888
  }
1114
- declare const Terminal: React__default.ForwardRefExoticComponent<TerminalProps & React__default.RefAttributes<HTMLDivElement>>;
1115
- declare const TerminalLine: ({ children, prefix, className }: {
1116
- children: React__default.ReactNode;
1117
- prefix?: string;
1118
- className?: string;
1119
- }) => react_jsx_runtime.JSX.Element;
1889
+ declare function LinkPreview({ url, title, description, image, siteName, className, ...props }: LinkPreviewProps): react_jsx_runtime.JSX.Element;
1120
1890
 
1121
- interface MarqueeProps extends React__default.HTMLAttributes<HTMLDivElement> {
1122
- pauseOnHover?: boolean;
1123
- direction?: 'left' | 'right';
1124
- speed?: 'slow' | 'normal' | 'fast';
1125
- children: React__default.ReactNode;
1891
+ interface GroupHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
1892
+ group: GroupInfo;
1893
+ onBack?: () => void;
1894
+ onInfo?: () => void;
1895
+ isTyping?: boolean;
1896
+ typingUsers?: string[];
1126
1897
  }
1127
- declare const Marquee: ({ className, pauseOnHover, direction, speed, children, ...props }: MarqueeProps) => react_jsx_runtime.JSX.Element;
1898
+ declare function GroupHeader({ group, onBack, onInfo, isTyping, typingUsers, className, ...props }: GroupHeaderProps): react_jsx_runtime.JSX.Element;
1128
1899
 
1129
- declare const statusDotVariants: (props?: ({
1130
- variant?: "success" | "error" | "warning" | "info" | "neutral" | null | undefined;
1131
- size?: "sm" | "md" | "lg" | null | undefined;
1132
- animate?: boolean | null | undefined;
1133
- } & class_variance_authority_types.ClassProp) | undefined) => string;
1134
- interface StatusDotProps extends React__default.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusDotVariants> {
1900
+ interface MentionListProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
1901
+ users: User[];
1902
+ selectedIndex: number;
1903
+ onSelect: (user: User) => void;
1135
1904
  }
1136
- declare const StatusDot: React__default.ForwardRefExoticComponent<StatusDotProps & React__default.RefAttributes<HTMLSpanElement>>;
1905
+ declare function MentionList({ users, selectedIndex, onSelect, className, ...props }: MentionListProps): react_jsx_runtime.JSX.Element | null;
1137
1906
 
1138
- interface FileDropzoneProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onDrop'> {
1139
- onDrop?: (files: File[]) => void;
1140
- accept?: Record<string, string[]>;
1141
- maxFiles?: number;
1142
- maxSize?: number;
1143
- label?: string;
1144
- description?: string;
1907
+ interface EmojiPickerProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
1908
+ onSelect: (emoji: string) => void;
1909
+ }
1910
+ declare function EmojiPicker({ onSelect, className, ...props }: EmojiPickerProps): react_jsx_runtime.JSX.Element;
1911
+
1912
+ interface VoiceRecorderProps extends React__default.HTMLAttributes<HTMLDivElement> {
1913
+ onSend: (blob: Blob, duration: number) => void;
1914
+ onCancel: () => void;
1145
1915
  }
1146
- declare const FileDropzone: React__default.ForwardRefExoticComponent<FileDropzoneProps & React__default.RefAttributes<HTMLDivElement>>;
1916
+ declare function VoiceRecorder({ onSend, onCancel, className, ...props }: VoiceRecorderProps): react_jsx_runtime.JSX.Element;
1147
1917
 
1148
- declare const otpInputVariants: (props?: ({
1149
- size?: "sm" | "md" | "lg" | null | undefined;
1150
- } & class_variance_authority_types.ClassProp) | undefined) => string;
1151
- interface OTPInputProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof otpInputVariants> {
1152
- length?: number;
1153
- value?: string;
1154
- onChange?: (value: string) => void;
1155
- onComplete?: (value: string) => void;
1156
- disabled?: boolean;
1157
- error?: boolean;
1918
+ interface MessageSearchProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onSearch' | 'results'> {
1919
+ onSearch: (query: string) => void;
1920
+ results: Message[];
1921
+ onResultClick: (message: Message) => void;
1922
+ onClose: () => void;
1158
1923
  }
1159
- declare const OTPInput: React__default.ForwardRefExoticComponent<OTPInputProps & React__default.RefAttributes<HTMLDivElement>>;
1924
+ declare function MessageSearch({ onSearch, results, onResultClick, onClose, className, ...props }: MessageSearchProps): react_jsx_runtime.JSX.Element;
1160
1925
 
1161
- declare const numberInputVariants: (props?: ({
1162
- size?: "sm" | "md" | "lg" | null | undefined;
1163
- error?: boolean | null | undefined;
1926
+ declare const surfaceVariants: (props?: ({
1927
+ variant?: "ghost" | "default" | null | undefined;
1164
1928
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1165
- interface NumberInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'>, VariantProps<typeof numberInputVariants> {
1166
- value?: number;
1167
- onChange?: (value: number) => void;
1168
- min?: number;
1169
- max?: number;
1170
- step?: number;
1929
+ interface SurfaceProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof surfaceVariants> {
1930
+ asChild?: boolean;
1171
1931
  }
1172
- declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLInputElement>>;
1932
+ declare const Surface: React__default.ForwardRefExoticComponent<SurfaceProps & React__default.RefAttributes<HTMLDivElement>>;
1173
1933
 
1174
- declare const toggleGroupVariants: (props?: ({
1175
- size?: "sm" | "md" | "lg" | null | undefined;
1176
- fullWidth?: boolean | null | undefined;
1177
- } & class_variance_authority_types.ClassProp) | undefined) => string;
1178
- interface ToggleGroupProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof toggleGroupVariants> {
1179
- value?: string;
1180
- onChange?: (value: string) => void;
1181
- options: {
1182
- label: string;
1183
- value: string;
1184
- icon?: React__default.ReactNode;
1185
- }[];
1934
+ interface ScrollProgressProps extends React__default.HTMLAttributes<HTMLDivElement> {
1935
+ color?: string;
1936
+ height?: number | string;
1937
+ position?: 'top' | 'bottom';
1186
1938
  }
1187
- declare const ToggleGroup: React__default.ForwardRefExoticComponent<ToggleGroupProps & React__default.RefAttributes<HTMLDivElement>>;
1939
+ declare function ScrollProgress({ className, color, height, position, ...props }: ScrollProgressProps): react_jsx_runtime.JSX.Element;
1188
1940
 
1189
- interface RatingProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
1190
- max?: number;
1191
- value?: number;
1192
- onChange?: (value: number) => void;
1193
- readOnly?: boolean;
1194
- size?: 'sm' | 'md' | 'lg';
1941
+ declare const badgeVariants: (props?: ({
1942
+ variant?: "outline" | "danger" | "success" | "default" | "warning" | "info" | "neutral" | null | undefined;
1943
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1944
+ interface BadgeProps extends React__default.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
1945
+ children: React__default.ReactNode;
1195
1946
  }
1196
- declare const Rating: React__default.ForwardRefExoticComponent<RatingProps & React__default.RefAttributes<HTMLDivElement>>;
1947
+ declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
1197
1948
 
1198
- interface StepperProps {
1199
- steps: {
1200
- title: string;
1201
- description?: string;
1202
- }[];
1203
- currentStep: number;
1204
- className?: string;
1205
- onStepClick?: (step: number) => void;
1949
+ interface DividerProps extends React__default.HTMLAttributes<HTMLHRElement> {
1950
+ orientation?: 'horizontal' | 'vertical';
1206
1951
  }
1207
- declare const Stepper: ({ steps, currentStep, className, onStepClick }: StepperProps) => react_jsx_runtime.JSX.Element;
1952
+ declare const Divider: React__default.ForwardRefExoticComponent<DividerProps & React__default.RefAttributes<HTMLHRElement>>;
1208
1953
 
1209
- interface SpotlightProps extends React__default.HTMLAttributes<HTMLDivElement> {
1954
+ interface KbdProps extends React__default.HTMLAttributes<HTMLElement> {
1210
1955
  children: React__default.ReactNode;
1211
- size?: number;
1212
- color?: string;
1213
1956
  }
1214
- declare const Spotlight: ({ children, className, size, color, ...props }: SpotlightProps) => react_jsx_runtime.JSX.Element;
1957
+ declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLElement>>;
1215
1958
 
1216
- declare const aiPromptInputVariants: (props?: ({
1217
- variant?: "ghost" | "default" | null | undefined;
1218
- } & class_variance_authority_types.ClassProp) | undefined) => string;
1219
- interface Attachment {
1959
+ type Theme = "dark" | "light" | "system";
1960
+ type ThemeProviderProps = {
1961
+ children: React__default.ReactNode;
1962
+ defaultTheme?: Theme;
1963
+ storageKey?: string;
1964
+ };
1965
+ type ThemeProviderState = {
1966
+ theme: Theme;
1967
+ setTheme: (theme: Theme) => void;
1968
+ };
1969
+ declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
1970
+ declare const useTheme: () => ThemeProviderState;
1971
+
1972
+ declare function ThemeToggle(): react_jsx_runtime.JSX.Element;
1973
+
1974
+ /**
1975
+ * A hook for managing asynchronous operations.
1976
+ */
1977
+ declare function useAsync<T>(asyncFunction: () => Promise<T>, immediate?: boolean): {
1978
+ execute: () => Promise<T>;
1979
+ data: T | null;
1980
+ error: Error | null;
1981
+ isLoading: boolean;
1982
+ };
1983
+ /**
1984
+ * A hook for fetching data from a URL.
1985
+ */
1986
+ declare function useFetch<T>(url: string, options?: RequestInit): {
1987
+ execute: () => Promise<T>;
1988
+ data: T | null;
1989
+ error: Error | null;
1990
+ isLoading: boolean;
1991
+ };
1992
+
1993
+ interface ChatMessage {
1220
1994
  id: string;
1221
- name: string;
1222
- type?: string;
1223
- url?: string;
1995
+ content: string;
1996
+ senderId: string;
1997
+ timestamp: Date;
1998
+ status: 'sending' | 'sent' | 'error';
1999
+ metadata?: Record<string, any>;
1224
2000
  }
1225
- interface AIPromptInputProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onSubmit'>, VariantProps<typeof aiPromptInputVariants> {
1226
- /** Callback fired when the user submits the prompt (Enter or Click) */
1227
- onSubmit?: (value: string) => void;
1228
- /** Whether the AI is currently generating a response */
1229
- isGenerating?: boolean;
1230
- /** Callback fired when the attach button is clicked. If onFilesSelected is provided, this is ignored. */
1231
- onAttach?: () => void;
1232
- /** Callback fired when files are selected via the built-in file picker */
1233
- onFilesSelected?: (files: FileList) => void;
1234
- /** Callback fired when the stop button is clicked */
1235
- onStop?: () => void;
1236
- /** Callback fired when the microphone button is clicked */
1237
- onMic?: () => void;
1238
- /** Maximum number of characters allowed */
1239
- maxLength?: number;
1240
- /** Custom footer content to render below the input */
1241
- footer?: React__default.ReactNode;
1242
- /** List of attached files to display */
1243
- attachments?: Attachment[];
1244
- /** Callback fired when an attachment is removed */
1245
- onRemoveAttachment?: (attachmentId: string) => void;
1246
- /** Accepted file types for the built-in file picker */
1247
- accept?: string;
1248
- /** Whether to allow multiple files in the built-in file picker */
1249
- multiple?: boolean;
2001
+ interface UseChatOptions {
2002
+ /** Initial messages to populate the chat */
2003
+ initialMessages?: ChatMessage[];
2004
+ /** Callback function to handle sending messages to a backend */
2005
+ onSendMessage?: (content: string) => Promise<void>;
2006
+ /** Threshold in pixels to trigger auto-scroll */
2007
+ scrollThreshold?: number;
1250
2008
  }
1251
2009
  /**
1252
- * A specialized input component for AI prompts with support for attachments,
1253
- * voice input, and generation control.
2010
+ * A comprehensive hook for managing chat state, optimistic updates, and scroll behavior.
2011
+ *
2012
+ * @example
2013
+ * const { messages, sendMessage, scrollRef } = useChat({
2014
+ * onSendMessage: async (content) => await api.post('/messages', { content })
2015
+ * });
1254
2016
  */
1255
- declare const AIPromptInput: React__default.ForwardRefExoticComponent<AIPromptInputProps & React__default.RefAttributes<HTMLTextAreaElement>>;
2017
+ declare function useChat({ initialMessages, onSendMessage, scrollThreshold }?: UseChatOptions): {
2018
+ messages: ChatMessage[];
2019
+ setMessages: React$1.Dispatch<React$1.SetStateAction<ChatMessage[]>>;
2020
+ sendMessage: (content: string, senderId: string) => Promise<void>;
2021
+ clearMessages: () => void;
2022
+ isTyping: boolean;
2023
+ setIsTyping: React$1.Dispatch<React$1.SetStateAction<boolean>>;
2024
+ isLoading: boolean;
2025
+ setIsLoading: React$1.Dispatch<React$1.SetStateAction<boolean>>;
2026
+ scrollRef: React$1.RefObject<HTMLDivElement>;
2027
+ handleScroll: () => void;
2028
+ scrollToBottom: (behavior?: ScrollBehavior) => void;
2029
+ };
1256
2030
 
1257
- declare const aiResponseVariants: (props?: ({
1258
- variant?: "outline" | "ghost" | "default" | null | undefined;
1259
- } & class_variance_authority_types.ClassProp) | undefined) => string;
1260
- interface AIResponseSource {
1261
- title: string;
1262
- url: string;
2031
+ declare function useChatMessages(initialMessages?: Message[]): {
2032
+ messages: Message[];
2033
+ setMessages: React$1.Dispatch<React$1.SetStateAction<Message[]>>;
2034
+ addMessage: (message: Message) => void;
2035
+ updateMessageStatus: (id: string, status: MessageStatus) => void;
2036
+ deleteMessage: (id: string) => void;
2037
+ editMessage: (id: string, content: string) => void;
2038
+ addReaction: (messageId: string, emoji: string, userId: string) => void;
2039
+ clearMessages: () => void;
2040
+ };
2041
+
2042
+ declare function useChatSearch(messages: Message[]): {
2043
+ query: string;
2044
+ setQuery: React$1.Dispatch<React$1.SetStateAction<string>>;
2045
+ results: Message[];
2046
+ };
2047
+
2048
+ /**
2049
+ * Hook that alerts when clicks happen outside of the passed ref.
2050
+ */
2051
+ declare function useClickOutside<T extends HTMLElement = HTMLElement>(handler: (event: MouseEvent | TouchEvent) => void): React.RefObject<T>;
2052
+
2053
+ interface UseClipboardOptions {
2054
+ /** Time in ms to reset the 'copied' state */
2055
+ timeout?: number;
1263
2056
  }
1264
- interface AIResponseProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof aiResponseVariants> {
1265
- /** The content of the response */
1266
- children: React__default.ReactNode;
1267
- /** Callback fired when the copy button is clicked */
1268
- onCopy?: () => void;
1269
- /** Callback fired when the regenerate button is clicked */
1270
- onRegenerate?: () => void;
1271
- /** Callback fired when feedback buttons are clicked */
1272
- onFeedback?: (type: 'up' | 'down') => void;
1273
- /** Callback fired when the share button is clicked */
1274
- onShare?: () => void;
1275
- /** Callback fired when the edit button is clicked */
1276
- onEdit?: () => void;
1277
- /** Timestamp string to display (e.g., "Just now", "2 mins ago") */
1278
- timestamp?: string;
1279
- /** List of sources/citations to display */
1280
- sources?: AIResponseSource[];
1281
- /** Name of the model used (e.g., "GPT-4") */
1282
- model?: string;
1283
- /** Usage information (e.g., "245 tokens") */
1284
- usage?: string | number;
2057
+ /**
2058
+ * A hook to interact with the system clipboard.
2059
+ *
2060
+ * @example
2061
+ * const { copy, copied } = useClipboard();
2062
+ * return <button onClick={() => copy('Hello')}> {copied ? 'Copied!' : 'Copy'} </button>;
2063
+ */
2064
+ declare function useClipboard({ timeout }?: UseClipboardOptions): {
2065
+ copy: (text: string) => Promise<void>;
2066
+ copied: boolean;
2067
+ error: Error | null;
2068
+ };
2069
+
2070
+ /**
2071
+ * A hook that returns a debounced version of the provided value.
2072
+ * Useful for search inputs or any value that changes frequently.
2073
+ */
2074
+ declare function useDebounce<T>(value: T, delay: number): T;
2075
+
2076
+ interface DragState {
2077
+ isDragging: boolean;
2078
+ offset: {
2079
+ x: number;
2080
+ y: number;
2081
+ };
2082
+ velocity: {
2083
+ x: number;
2084
+ y: number;
2085
+ };
1285
2086
  }
1286
2087
  /**
1287
- * A container component for displaying AI-generated responses with
1288
- * built-in actions for copying, regenerating, and providing feedback.
2088
+ * Hook to provide basic drag gesture support.
2089
+ * Zero dependencies, works with mouse and touch.
1289
2090
  */
1290
- declare const AIResponse: React__default.ForwardRefExoticComponent<AIResponseProps & React__default.RefAttributes<HTMLDivElement>>;
2091
+ declare function useDrag(onDrag?: (state: DragState) => void): {
2092
+ isDragging: boolean;
2093
+ offset: {
2094
+ x: number;
2095
+ y: number;
2096
+ };
2097
+ dragProps: {
2098
+ onMouseDown: (e: React.MouseEvent) => void;
2099
+ onTouchStart: (e: React.TouchEvent) => void;
2100
+ style: {
2101
+ cursor: string;
2102
+ touchAction: string;
2103
+ };
2104
+ };
2105
+ };
1291
2106
 
1292
- type UserStatus = 'online' | 'offline' | 'away' | 'busy';
1293
- interface User {
1294
- id: string;
1295
- name: string;
1296
- avatar?: string;
1297
- status?: UserStatus;
1298
- lastSeen?: Date;
1299
- bio?: string;
1300
- phone?: string;
2107
+ interface ElementScrollValues {
2108
+ progress: number;
2109
+ scrollY: number;
2110
+ isIntersecting: boolean;
2111
+ }
2112
+ /**
2113
+ * Hook to track the scroll progress of a specific element relative to the viewport.
2114
+ * Perfect for parallax effects on specific sections.
2115
+ */
2116
+ declare function useElementScroll(ref: React.RefObject<HTMLElement>): ElementScrollValues;
2117
+
2118
+ /**
2119
+ * Hook to implement the FLIP (First, Last, Invert, Play) technique.
2120
+ * Enables smooth layout transitions when elements change position or size.
2121
+ */
2122
+ declare function useFlip(id: string, dependencies: any[]): {
2123
+ 'data-flip-id': string;
2124
+ };
2125
+
2126
+ type Side = 'top' | 'bottom' | 'left' | 'right';
2127
+ type Align = 'start' | 'center' | 'end';
2128
+ interface UseFloatingOptions {
2129
+ side?: Side;
2130
+ align?: Align;
2131
+ sideOffset?: number;
2132
+ alignOffset?: number;
2133
+ isOpen?: boolean;
2134
+ }
2135
+ interface Position {
2136
+ top: number;
2137
+ left: number;
2138
+ }
2139
+ declare function useFloating(triggerRef: RefObject<HTMLElement>, contentRef: RefObject<HTMLElement>, options?: UseFloatingOptions): {
2140
+ position: Position;
2141
+ isPositioned: boolean;
2142
+ updatePosition: () => void;
2143
+ };
2144
+
2145
+ interface UseFormOptions<T> {
2146
+ initialValues: T;
2147
+ onSubmit: (values: T) => void | Promise<void>;
2148
+ }
2149
+ declare function useForm<T extends Record<string, unknown>>({ initialValues, onSubmit, }: UseFormOptions<T>): {
2150
+ values: T;
2151
+ errors: Partial<Record<keyof T, string>>;
2152
+ isSubmitting: boolean;
2153
+ handleChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
2154
+ handleSubmit: (e: FormEvent<HTMLFormElement>) => Promise<void>;
2155
+ register: (name: keyof T) => {
2156
+ name: string;
2157
+ value: string | number | readonly string[] | undefined;
2158
+ onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
2159
+ error: Partial<Record<keyof T, string>>[keyof T];
2160
+ };
2161
+ setValues: React$1.Dispatch<React$1.SetStateAction<T>>;
2162
+ setErrors: React$1.Dispatch<React$1.SetStateAction<Partial<Record<keyof T, string>>>>;
2163
+ };
2164
+
2165
+ interface HistoryState<T> {
2166
+ past: T[];
2167
+ present: T;
2168
+ future: T[];
2169
+ }
2170
+ /**
2171
+ * A generic hook for managing state with Undo and Redo capabilities.
2172
+ *
2173
+ * @example
2174
+ * const { state, set, undo, redo, canUndo, canRedo } = useHistory(initialData);
2175
+ */
2176
+ declare function useHistory<T>(initialState: T): {
2177
+ state: T;
2178
+ set: (newPresent: T | ((prev: T) => T)) => void;
2179
+ undo: () => void;
2180
+ redo: () => void;
2181
+ clear: () => void;
2182
+ canUndo: boolean;
2183
+ canRedo: boolean;
2184
+ history: HistoryState<T>;
2185
+ };
2186
+
2187
+ /**
2188
+ * Hook to detect user inactivity.
2189
+ * Useful for dimming UI or triggering ambient animations.
2190
+ */
2191
+ declare function useIdle(timeout?: number): boolean;
2192
+
2193
+ interface UseInfiniteScrollOptions {
2194
+ /** Callback function to load more data */
2195
+ onLoadMore: () => void;
2196
+ /** Whether more data is currently being loaded */
2197
+ isLoading: boolean;
2198
+ /** Whether there is more data to load */
2199
+ hasMore: boolean;
2200
+ /** Distance from the bottom in pixels to trigger loading */
2201
+ threshold?: number;
2202
+ /** Root element for the IntersectionObserver (defaults to viewport) */
2203
+ root?: Element | null;
2204
+ }
2205
+ /**
2206
+ * A hook to implement infinite scrolling using the Intersection Observer API.
2207
+ *
2208
+ * @example
2209
+ * const loaderRef = useInfiniteScroll({ onLoadMore: fetchNextPage, hasMore, isLoading });
2210
+ * return <div ref={loaderRef}>{isLoading && <Spinner />}</div>;
2211
+ */
2212
+ declare function useInfiniteScroll({ onLoadMore, isLoading, hasMore, threshold, root, }: UseInfiniteScrollOptions): React$1.RefObject<HTMLDivElement>;
2213
+
2214
+ interface UseIntersectionOptions extends IntersectionObserverInit {
2215
+ freezeOnceVisible?: boolean;
1301
2216
  }
1302
- type MessageType = 'text' | 'image' | 'file' | 'system';
1303
- type MessageStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'failed';
1304
- interface ChatAttachment {
1305
- id: string;
1306
- type: 'image' | 'file';
1307
- url: string;
1308
- name?: string;
1309
- size?: string;
2217
+ declare function useIntersection(elementRef: RefObject<Element>, { threshold, root, rootMargin, freezeOnceVisible, }?: UseIntersectionOptions): IntersectionObserverEntry | undefined;
2218
+
2219
+ interface UseInViewOptions {
2220
+ threshold?: number | number[];
2221
+ rootMargin?: string;
2222
+ root?: Element | null;
2223
+ enabled?: boolean;
1310
2224
  }
1311
- interface Message {
2225
+ declare function useInView(options?: UseInViewOptions): {
2226
+ ref: React$1.RefObject<HTMLDivElement>;
2227
+ isInView: boolean;
2228
+ hasAnimated: boolean;
2229
+ };
2230
+
2231
+ interface KanbanBoardTask {
1312
2232
  id: string;
1313
- content: string;
1314
- senderId: string;
1315
- timestamp: Date;
1316
- status?: MessageStatus;
1317
- type?: MessageType;
1318
- attachments?: ChatAttachment[];
1319
- replyToId?: string;
1320
- reactions?: Record<string, string[]>;
2233
+ columnId: string;
2234
+ title: string;
2235
+ description?: string;
2236
+ priority?: 'low' | 'medium' | 'high';
2237
+ assignee?: {
2238
+ name: string;
2239
+ avatar?: string;
2240
+ };
2241
+ tags?: string[];
2242
+ [key: string]: any;
1321
2243
  }
1322
- interface Conversation {
2244
+ interface KanbanBoardColumn {
1323
2245
  id: string;
1324
- user: User;
1325
- lastMessage?: Message;
1326
- unreadCount?: number;
1327
- isTyping?: boolean;
2246
+ title: string;
2247
+ taskIds: string[];
1328
2248
  }
1329
-
1330
- interface ChatLayoutProps extends React__default.HTMLAttributes<HTMLDivElement> {
1331
- children: React__default.ReactNode;
2249
+ interface KanbanBoardState {
2250
+ columns: Record<string, KanbanBoardColumn>;
2251
+ columnOrder: string[];
2252
+ tasks: Record<string, KanbanBoardTask>;
1332
2253
  }
1333
- declare function ChatLayout({ children, className, ...props }: ChatLayoutProps): react_jsx_runtime.JSX.Element;
2254
+ /**
2255
+ * A specialized hook for managing Kanban board logic, including task movement and reordering.
2256
+ *
2257
+ * @example
2258
+ * const { board, moveTask } = useKanban(initialData);
2259
+ */
2260
+ declare function useKanban(initialBoard: KanbanBoardState): {
2261
+ board: KanbanBoardState;
2262
+ setBoard: React$1.Dispatch<React$1.SetStateAction<KanbanBoardState>>;
2263
+ moveTask: (taskId: string, sourceColumnId: string, destinationColumnId: string, destinationIndex: number) => void;
2264
+ moveColumn: (columnId: string, destinationIndex: number) => void;
2265
+ addTask: (columnId: string, task: KanbanBoardTask) => void;
2266
+ removeTask: (taskId: string) => void;
2267
+ };
1334
2268
 
1335
- interface ChatSidebarProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
1336
- conversations: Conversation[];
1337
- activeId?: string;
1338
- onSelect?: (id: string) => void;
1339
- onNewChat?: () => void;
2269
+ type ShortcutHandler = (event: KeyboardEvent) => void;
2270
+ interface ShortcutMap {
2271
+ /**
2272
+ * Key combination string (e.g., 'mod+s', 'shift+enter', 'escape').
2273
+ * 'mod' maps to Command on Mac and Ctrl on Windows/Linux.
2274
+ */
2275
+ [shortcut: string]: ShortcutHandler;
1340
2276
  }
1341
- declare function ChatSidebar({ conversations, activeId, onSelect, onNewChat, className, ...props }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
2277
+ /**
2278
+ * A hook to manage global keyboard shortcuts with automatic cleanup.
2279
+ *
2280
+ * @example
2281
+ * useKeyboardShortcuts({
2282
+ * 'mod+s': (e) => { e.preventDefault(); save(); },
2283
+ * 'escape': () => close(),
2284
+ * });
2285
+ */
2286
+ declare function useKeyboardShortcuts(shortcuts: ShortcutMap): void;
1342
2287
 
1343
- interface ChatHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
1344
- user: User;
1345
- onBack?: () => void;
1346
- onInfo?: () => void;
1347
- }
1348
- declare function ChatHeader({ user, onBack, onInfo, className, ...props }: ChatHeaderProps): react_jsx_runtime.JSX.Element;
2288
+ /**
2289
+ * A hook that runs an effect only once when the component mounts.
2290
+ */
2291
+ declare function useOnMount(effect: () => void): void;
2292
+ /**
2293
+ * A hook that runs an effect only once when the component unmounts.
2294
+ */
2295
+ declare function useOnUnmount(effect: () => void): void;
1349
2296
 
1350
- interface MessageListProps extends React__default.HTMLAttributes<HTMLDivElement> {
1351
- messages: Message[];
1352
- currentUserId: string;
1353
- onReply?: (message: Message) => void;
1354
- onReact?: (message: Message, emoji: string) => void;
1355
- onDelete?: (message: Message) => void;
1356
- onLoadMore?: () => void;
1357
- hasMore?: boolean;
1358
- isLoadingMore?: boolean;
1359
- }
1360
- declare function MessageList({ messages, currentUserId, className, onReply, onReact, onDelete, onLoadMore, hasMore, isLoadingMore, ...props }: MessageListProps): react_jsx_runtime.JSX.Element;
2297
+ /**
2298
+ * A hook to manage state synchronized with localStorage.
2299
+ *
2300
+ * @example
2301
+ * const [theme, setTheme] = useLocalStorage('theme', 'dark');
2302
+ */
2303
+ declare function useLocalStorage<T>(key: string, initialValue: T): readonly [T, (value: T | ((val: T) => T)) => void];
1361
2304
 
1362
- interface MessageBubbleProps {
1363
- message: Message;
1364
- isOwn: boolean;
1365
- showAvatar?: boolean;
1366
- showStatus?: boolean;
1367
- className?: string;
1368
- onReply?: (message: Message) => void;
1369
- onReact?: (message: Message, emoji: string) => void;
1370
- onDelete?: (message: Message) => void;
2305
+ interface MousePosition {
2306
+ x: number;
2307
+ y: number;
2308
+ elementX: number;
2309
+ elementY: number;
2310
+ percentageX: number;
2311
+ percentageY: number;
1371
2312
  }
1372
- declare function MessageBubble({ message, isOwn, showAvatar, showStatus, className, onReply, onReact, onDelete }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
2313
+ /**
2314
+ * Hook to track mouse position relative to the window or a specific element.
2315
+ * Uses requestAnimationFrame for 120fps performance.
2316
+ */
2317
+ declare function useMousePosition(ref?: React.RefObject<HTMLElement>): MousePosition;
1373
2318
 
1374
- interface ChatInputProps extends React__default.HTMLAttributes<HTMLDivElement> {
1375
- onSend?: (content: string) => void;
1376
- onAttach?: () => void;
1377
- placeholder?: string;
1378
- users?: User[];
2319
+ interface Orientation {
2320
+ alpha: number | null;
2321
+ beta: number | null;
2322
+ gamma: number | null;
2323
+ absolute: boolean;
1379
2324
  }
1380
- declare function ChatInput({ onSend, onAttach, placeholder, users, className, ...props }: ChatInputProps): react_jsx_runtime.JSX.Element;
2325
+ /**
2326
+ * Hook to track device orientation.
2327
+ * Useful for mobile parallax and tilt effects.
2328
+ */
2329
+ declare function useOrientation(): Orientation;
1381
2330
 
1382
- interface ChatProfileProps extends React__default.HTMLAttributes<HTMLDivElement> {
1383
- user: User;
1384
- onClose?: () => void;
1385
- }
1386
- declare function ChatProfile({ user, onClose, className, ...props }: ChatProfileProps): react_jsx_runtime.JSX.Element;
2331
+ /**
2332
+ * A hook that stores the previous value of a variable.
2333
+ */
2334
+ declare function usePrevious<T>(value: T): T | undefined;
1387
2335
 
1388
- declare const motionVariants: (props?: ({
1389
- preset?: "blur" | "fade" | "spring" | "slide-right" | "slide-left" | "3d-flip" | null | undefined;
1390
- visibleState?: "blur" | "fade" | "spring" | "slide-right" | "slide-left" | "3d-flip" | null | undefined;
1391
- } & class_variance_authority_types.ClassProp) | undefined) => string;
1392
- interface MotionProps extends React__default.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof motionVariants>, 'visibleState'> {
1393
- asChild?: boolean;
1394
- viewport?: boolean;
1395
- visible?: boolean;
1396
- delay?: number;
1397
- once?: boolean;
1398
- }
1399
- declare function Motion({ className, preset, viewport, visible, delay, once, asChild, children, style, ...props }: MotionProps): react_jsx_runtime.JSX.Element;
2336
+ declare function useReadReceipts(onRead: (messageId: string) => void): {
2337
+ registerMessage: (el: HTMLElement | null, messageId: string, isMe: boolean) => void;
2338
+ };
1400
2339
 
1401
- interface MotionGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
1402
- children: React__default.ReactNode;
1403
- stagger?: number;
1404
- delay?: number;
1405
- }
1406
- declare function MotionGroup({ children, stagger, delay, className, ...props }: MotionGroupProps): react_jsx_runtime.JSX.Element;
2340
+ /**
2341
+ * Hook to detect if the user has requested reduced motion via system settings.
2342
+ * Useful for disabling heavy animations for accessibility.
2343
+ */
2344
+ declare function useReducedMotion(): boolean;
1407
2345
 
1408
- interface TextMotionProps extends React__default.HTMLAttributes<HTMLDivElement> {
1409
- text: string;
1410
- type?: 'char' | 'word';
1411
- stagger?: number;
1412
- delay?: number;
2346
+ type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
2347
+ declare function useMediaQuery(query: string): boolean;
2348
+ declare function useBreakpoint(breakpoint: Breakpoint): boolean;
2349
+ interface ContainerSize {
2350
+ width: number;
2351
+ height: number;
1413
2352
  }
1414
- declare function TextMotion({ text, type, stagger, delay, className, ...props }: TextMotionProps): react_jsx_runtime.JSX.Element;
2353
+ declare function useContainerQuery(ref: RefObject<HTMLElement>): ContainerSize;
1415
2354
 
1416
- interface ParallaxProps extends React__default.HTMLAttributes<HTMLDivElement> {
1417
- speed?: number;
1418
- direction?: 'vertical' | 'horizontal';
2355
+ interface ScrollValues {
2356
+ scrollX: number;
2357
+ scrollY: number;
2358
+ scrollProgressX: number;
2359
+ scrollProgressY: number;
1419
2360
  }
1420
- declare function Parallax({ children, speed, direction, className, ...props }: ParallaxProps): react_jsx_runtime.JSX.Element;
2361
+ /**
2362
+ * Optimized scroll hook using requestAnimationFrame for 120fps performance.
2363
+ */
2364
+ declare function useScroll(): ScrollValues;
1421
2365
 
1422
- interface MagneticProps {
1423
- children: React__default.ReactElement;
1424
- strength?: number;
1425
- className?: string;
1426
- }
1427
- declare function Magnetic({ children, strength, className }: MagneticProps): react_jsx_runtime.JSX.Element;
2366
+ type ScrollDirection = 'up' | 'down' | null;
2367
+ /**
2368
+ * Hook to detect scroll direction with a threshold to prevent jitter.
2369
+ */
2370
+ declare function useScrollDirection(threshold?: number): ScrollDirection;
1428
2371
 
1429
- interface NumberTickerProps extends React__default.HTMLAttributes<HTMLSpanElement> {
1430
- value: number;
1431
- duration?: number;
1432
- delay?: number;
1433
- decimalPlaces?: number;
1434
- }
1435
- declare function NumberTicker({ value, duration, delay, decimalPlaces, className, ...props }: NumberTickerProps): react_jsx_runtime.JSX.Element;
2372
+ /**
2373
+ * Hook to lock body scroll.
2374
+ * Useful for modals, drawers, and overlays.
2375
+ * Handles scrollbar width to prevent layout shift.
2376
+ */
2377
+ declare function useScrollLock(lock?: boolean): void;
1436
2378
 
1437
- interface RevealProps extends React__default.HTMLAttributes<HTMLDivElement> {
1438
- children: React__default.ReactNode;
1439
- direction?: 'up' | 'down' | 'left' | 'right';
1440
- duration?: number;
1441
- delay?: number;
1442
- boxColor?: string;
1443
- }
1444
- declare function Reveal({ children, direction, duration, delay, boxColor, className, ...props }: RevealProps): react_jsx_runtime.JSX.Element;
2379
+ /**
2380
+ * Hook to map a value (usually scroll progress) to a specific output range.
2381
+ * Useful for parallax translations, rotations, and opacity changes.
2382
+ */
2383
+ declare function useScrollTransform(value: number, inputRange: [number, number], outputRange: [number, number]): number;
1445
2384
 
1446
- declare const separatorVariants: (props?: ({
1447
- orientation?: "horizontal" | "vertical" | null | undefined;
1448
- } & class_variance_authority_types.ClassProp) | undefined) => string;
1449
- interface SeparatorProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof separatorVariants> {
1450
- orientation?: "horizontal" | "vertical";
1451
- decorative?: boolean;
1452
- }
1453
- declare const Separator: React__default.ForwardRefExoticComponent<SeparatorProps & React__default.RefAttributes<HTMLDivElement>>;
2385
+ /**
2386
+ * Hook to track scroll velocity.
2387
+ * Useful for intensity-based animations (e.g., faster scroll = more blur).
2388
+ */
2389
+ declare function useScrollVelocity(): number;
1454
2390
 
1455
- interface CollapseProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'> {
1456
- title?: React__default.ReactNode;
1457
- open?: boolean;
1458
- defaultOpen?: boolean;
1459
- onOpenChange?: (open: boolean) => void;
1460
- disabled?: boolean;
1461
- children: React__default.ReactNode;
1462
- triggerClassName?: string;
1463
- contentClassName?: string;
2391
+ /**
2392
+ * A hook for filtering data using a lightweight fuzzy search algorithm.
2393
+ *
2394
+ * @example
2395
+ * const filtered = useSearch(users, query, ['name', 'email']);
2396
+ */
2397
+ declare function useSearch<T>(data: T[], query: string, keys: (keyof T)[]): T[];
2398
+
2399
+ /**
2400
+ * A hook for managing state in sessionStorage with automatic synchronization.
2401
+ */
2402
+ declare function useSessionStorage<T>(key: string, initialValue: T): readonly [T, (value: T | ((val: T) => T)) => void];
2403
+
2404
+ interface SpringConfig {
2405
+ stiffness?: number;
2406
+ damping?: number;
2407
+ mass?: number;
2408
+ precision?: number;
1464
2409
  }
1465
- declare function Collapse({ title, open: controlledOpen, defaultOpen, onOpenChange, disabled, children, className, triggerClassName, contentClassName, ...props }: CollapseProps): react_jsx_runtime.JSX.Element;
2410
+ /**
2411
+ * A lightweight spring physics hook for smooth value transitions.
2412
+ * Zero dependencies, high performance using requestAnimationFrame.
2413
+ */
2414
+ declare function useSpring(targetValue: number, config?: SpringConfig): number;
1466
2415
 
1467
- interface PageLoaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
1468
- variant?: 'spinner' | 'bar' | 'dots' | 'logo' | 'glass';
1469
- text?: string;
1470
- fullscreen?: boolean;
2416
+ /**
2417
+ * Hook to calculate stagger delays for group animations.
2418
+ */
2419
+ declare function useStagger(index: number, staggerDelay?: number, baseDelay?: number): number;
2420
+ /**
2421
+ * Hook to manage a sequence of animations.
2422
+ */
2423
+ declare function useSequence(count: number, interval?: number): number[];
2424
+
2425
+ /**
2426
+ * Hook to create a "hacker" style text scramble reveal effect.
2427
+ */
2428
+ declare function useTextScramble(text: string, duration?: number, enabled?: boolean): string;
2429
+
2430
+ /**
2431
+ * A hook that returns a throttled version of the provided value.
2432
+ * Useful for scroll or resize events.
2433
+ */
2434
+ declare function useThrottle<T>(value: T, limit: number): T;
2435
+
2436
+ declare function useTimer(initialSeconds?: number): {
2437
+ seconds: number;
2438
+ isActive: boolean;
2439
+ start: () => void;
2440
+ pause: () => void;
2441
+ reset: () => void;
2442
+ formattedTime: string;
2443
+ };
2444
+
2445
+ declare function useToast(): ToastContextType;
2446
+
2447
+ /**
2448
+ * A hook for toggling a boolean value.
2449
+ */
2450
+ declare function useToggle(initialValue?: boolean): [boolean, () => void, (value: boolean) => void];
2451
+
2452
+ declare function useTypingIndicator(timeout?: number): {
2453
+ isTyping: boolean;
2454
+ setTyping: (typing: boolean) => void;
2455
+ };
2456
+
2457
+ /**
2458
+ * Hook to wrap the native View Transitions API.
2459
+ * Allows for seamless transitions between DOM states.
2460
+ */
2461
+ declare function useViewTransition(): {
2462
+ startTransition: (updateCallback: () => void) => void;
2463
+ };
2464
+
2465
+ interface UseVirtualListOptions {
2466
+ /** Total number of items in the list */
2467
+ itemCount: number;
2468
+ /** Estimated height of a single item in pixels */
2469
+ itemHeight?: number;
2470
+ /** Number of items to render outside the visible area */
2471
+ overscan?: number;
1471
2472
  }
1472
- declare function PageLoader({ variant, text, fullscreen, className, ...props }: PageLoaderProps): react_jsx_runtime.JSX.Element;
2473
+ /**
2474
+ * A high-performance hook for virtualizing long lists with dynamic or fixed heights.
2475
+ * Supports 120fps scrolling by only rendering visible items.
2476
+ *
2477
+ * @example
2478
+ * const { containerRef, visibleItems, totalHeight } = useVirtualList({ itemCount: 10000 });
2479
+ */
2480
+ declare function useVirtualList({ itemCount, itemHeight, overscan }: UseVirtualListOptions): {
2481
+ containerRef: React$1.RefObject<HTMLDivElement>;
2482
+ visibleItems: {
2483
+ index: number;
2484
+ offsetTop: number;
2485
+ }[];
2486
+ totalHeight: number;
2487
+ startIndex: number;
2488
+ onScroll: (e: React.UIEvent<HTMLDivElement>) => void;
2489
+ scrollToIndex: (index: number) => void;
2490
+ };
1473
2491
 
1474
- interface PageTransitionProps extends React__default.HTMLAttributes<HTMLDivElement> {
1475
- preset?: 'fade' | 'slide-up' | 'scale' | 'blur' | 'none';
1476
- duration?: number;
1477
- useViewTransition?: boolean;
2492
+ interface VoiceRecorderHook {
2493
+ isRecording: boolean;
2494
+ duration: number;
2495
+ audioBlob: Blob | null;
2496
+ audioUrl: string | null;
2497
+ startRecording: () => Promise<void>;
2498
+ stopRecording: () => void;
2499
+ cancelRecording: () => void;
2500
+ clearAudio: () => void;
1478
2501
  }
1479
- declare function PageTransition({ preset, duration, useViewTransition, className, children, ...props }: PageTransitionProps): react_jsx_runtime.JSX.Element;
2502
+ declare function useVoiceRecorder(): VoiceRecorderHook;
1480
2503
 
1481
2504
  declare function cn(...inputs: ClassValue[]): string;
1482
2505
 
1483
- export { AIPromptInput, type AIPromptInputProps, AIResponse, type AIResponseProps, type AIResponseSource, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertProps, type AlertVariant, type Align, AreaChart, type AreaChartProps, type Attachment, Avatar, Background, type BackgroundProps, Badge, type BadgeProps, BarChart, type BarChartProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type Breakpoint, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, type ChartContainerProps, type ChartContextValue, type ChartDataPoint, ChartGrid, ChartSkeleton, ChartTooltip, ChartXAxis, ChartYAxis, type ChatAttachment, ChatHeader, ChatInput, ChatLayout, ChatProfile, ChatSidebar, Checkbox, type CheckboxProps, Collapse, type CollapseProps, type Column, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxProps, ComboboxTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut, Container, type ContainerProps, type Conversation, DataTable, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Dialog, DialogDescription, DialogFooter, DialogHeader, type DialogProps, DialogTitle, Divider, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, type EmptyStateProps, FileDropzone, type FileDropzoneProps, type FilterOption, FormControl, FormDescription, FormItem, FormLabel, FormMessage, GlowButton, type GlowButtonProps, Grid, type GridProps, Heading, type HeadingProps, HeroText, type HeroTextProps, Image, type ImageProps, Kanban, KanbanCalendarView, type KanbanColumn, KanbanFilterBar, type KanbanFilterBarProps, type KanbanProps, type KanbanTask, KanbanTaskModal, type KanbanTaskModalProps, Kbd, type KbdProps, Label, type LabelProps, LetterPullup, type LetterPullupProps, LineChart, type LineChartProps, Magnetic, type MagneticProps, Marquee, type MarqueeProps, type Message, MessageBubble, MessageList, type MessageStatus, type MessageType, MetricCard, type MetricCardProps, Modal, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, Motion, MotionGroup, type MotionProps, Navbar, NumberInput, type NumberInputProps, NumberTicker, type NumberTickerProps, OTPInput, type OTPInputProps, PageLoader, type PageLoaderProps, PageTransition, type PageTransitionProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Parallax, PieChart, type PieChartProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, PrimaryButton, Progress, type ProgressProps, type ProgressSize, type ProgressVariant, RadarChart, type RadarChartProps, type RadarDataPoint, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Rating, type RatingProps, Reveal, type RevealProps, ScrollArea, type ScrollAreaProps, ScrollProgress, type ScrollProgressProps, type ScrollValues, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, ShinyText, type ShinyTextProps, type Side, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Sparkline, type SparklineProps, Spotlight, type SpotlightProps, Stack, type StackProps, StatusDot, type StatusDotProps, Stepper, type StepperProps, Surface, type SurfaceProps, Switch, type SwitchProps, Table, TableBody, TableCell, TableHead, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Terminal, TerminalLine, type TerminalProps, Text, TextGradient, type TextGradientProps, TextInput, type TextInputProps, TextMotion, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, Timeline, TimelineItem, type TimelineItemProps, Toast, ToastContext, type ToastContextType, type ToastOptions, type ToastProps, ToastProvider, type ToastVariant, ToggleGroup, type ToggleGroupProps, Tooltip, type TooltipPosition, type TooltipProps, Tree, type TreeNode, type TreeProps, type User, UserMenu, type UserMenuProps, UserPreview, type UserPreviewProps, type UserStatus, type YAxisProps, cn, normalize, useBreakpoint, useChart, useContainerQuery, useFloating, useForm, useIntersection, useMediaQuery, useScroll, useTheme, useTimer, useToast };
2506
+ /**
2507
+ * Formats a date into a readable string.
2508
+ */
2509
+ declare function formatDate(date: Date | string | number, options?: Intl.DateTimeFormatOptions): string;
2510
+ /**
2511
+ * Formats a number with locale-specific separators.
2512
+ */
2513
+ declare function formatNumber(num: number): string;
2514
+ /**
2515
+ * Formats a number as currency.
2516
+ */
2517
+ declare function formatCurrency(amount: number, currency?: string): string;
2518
+
2519
+ /**
2520
+ * Truncates a string to a specified length and adds an ellipsis.
2521
+ */
2522
+ declare function truncate(str: string, length: number): string;
2523
+ /**
2524
+ * Converts a string into a URL-friendly slug.
2525
+ */
2526
+ declare function slugify(str: string): string;
2527
+
2528
+ export { AIPromptInput, type AIPromptInputProps, AIResponse, type AIResponseProps, type AIResponseSource, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertProps, type AlertVariant, type Align, AreaChart, type AreaChartProps, AssigneePicker, type Attachment, AudioPlayer, Avatar, Background, type BackgroundProps, Badge, type BadgeProps, BarChart, type BarChartProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type Breakpoint, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, type ChartContainerProps, type ChartContextValue, type ChartDataPoint, ChartGrid, ChartSkeleton, ChartTooltip, ChartXAxis, ChartYAxis, type ChatAttachment, ChatBanner, ChatHeader, ChatInput, ChatLayout, type ChatMessage, ChatProfile, ChatSidebar, Checkbox, type CheckboxProps, Checklist, type ChecklistItem, Collapse, type CollapseProps, ColorPicker, type ColorPickerProps, type Column, ColumnLimit, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxProps, ComboboxTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type Conversation, DataTable, DatePicker, type DatePickerProps, DateSeparator, DateTimePicker, type DateTimePickerProps, Dialog, DialogDescription, DialogFooter, DialogHeader, type DialogProps, DialogTitle, Divider, type DragState, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, type DropPosition, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, type DropdownMenuTriggerProps, DueDatePicker, type ElementScrollValues, EmojiPicker, EmptyState, type EmptyStateProps, FileDropzone, type FileDropzoneProps, type FilterOption, FormControl, FormDescription, FormItem, FormLabel, FormMessage, GlowButton, type GlowButtonProps, Grid, type GridProps, GroupHeader, type GroupInfo, Heading, type HeadingProps, HeroText, type HeroTextProps, type HistoryState, Image, type ImageProps, KanbanBoard as Kanban, KanbanBoard, type KanbanBoardColumn, type KanbanBoardState, type KanbanBoardTask, KanbanCalendarView, type KanbanCalendarViewProps, KanbanCard, KanbanColumn, type KanbanColumnDef, KanbanFilterBar, type KanbanFilterBarProps, KanbanHeader, type KanbanHistoryEntry, type KanbanLabel, KanbanListView, type KanbanProps, KanbanQuickAdd, KanbanSwimlane, KanbanTableView, type KanbanTask, KanbanTaskModal, type KanbanTaskModalProps, KanbanTimelineView, type KanbanUser, Kbd, type KbdProps, Label, LabelPicker, type LabelProps, LetterPullup, type LetterPullupProps, LineChart, type LineChartProps, LinkPreview, Magnetic, type MagneticProps, Marquee, type MarqueeProps, MentionList, type Message, MessageBubble, MessageList, MessageSearch, type MessageStatus, type MessageType, MetricCard, type MetricCardProps, Modal, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, Motion, MotionGroup, type MotionProps, type MousePosition, Navbar, NumberInput, type NumberInputProps, NumberTicker, type NumberTickerProps, OTPInput, type OTPInputProps, OnlineIndicator, type Orientation, PageLoader, type PageLoaderProps, PageTransition, type PageTransitionProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Parallax, PasswordInput, type PasswordInputProps, PieChart, type PieChartProps, type PollOption, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, PrimaryButton, Progress, type ProgressProps, type ProgressSize, type ProgressVariant, RadarChart, type RadarChartProps, type RadarDataPoint, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Rating, type RatingProps, ReadReceipt, ReplyPreview, Reveal, type RevealProps, type SavedFilter, ScrollArea, type ScrollAreaProps, type ScrollDirection, ScrollProgress, type ScrollProgressProps, type ScrollValues, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, ShinyText, type ShinyTextProps, type ShortcutHandler, type ShortcutMap, type Side, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, Skeleton, type SkeletonProps, SkipToContent, type SkipToContentProps, Slider, type SliderProps, type SortConfig, Sparkline, type SparklineProps, Spotlight, type SpotlightProps, Stack, type StackProps, StatusDot, type StatusDotProps, Stepper, type StepperProps, type Subtask, SubtaskList, Surface, type SurfaceProps, Switch, type SwitchProps, SystemMessage, Table, TableBody, TableCell, TableHead, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagInput, type TagInputProps, TaskActivity, TaskAttachments, TaskComments, Terminal, TerminalLine, type TerminalProps, Text, TextGradient, type TextGradientProps, TextInput, type TextInputProps, TextMotion, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, TimeTracker, Timeline, TimelineItem, type TimelineItemProps, Toast, ToastContext, type ToastContextType, type ToastOptions, type ToastProps, ToastProvider, type ToastVariant, ToggleGroup, type ToggleGroupProps, Tooltip, type TooltipPosition, type TooltipProps, Tree, type TreeNode, type TreeProps, TypingIndicator, type UseChatOptions, type UseClipboardOptions, type UseInViewOptions, type UseInfiniteScrollOptions, type UseVirtualListOptions, type User, UserMenu, type UserMenuProps, UserPreview, type UserPreviewProps, type UserStatus, VoiceRecorder, type VoiceRecorderHook, type YAxisProps, cn, formatCurrency, formatDate, formatNumber, normalize, slugify, truncate, useAsync, useBreakpoint, useChart, useChat, useChatMessages, useChatSearch, useClickOutside, useClipboard, useContainerQuery, useDebounce, useDrag, useElementScroll, useFetch, useFlip, useFloating, useForm, useHistory, useIdle, useInView, useInfiniteScroll, useIntersection, useKanban, useKanbanFilters, useKanbanHistory, useKanbanKeyboard, useKanbanSync, useKanbanUndo, useKeyboardShortcuts, useLocalStorage, useMediaQuery, useMousePosition, useOnMount, useOnUnmount, useOrientation, usePrevious, useReadReceipts, useReducedMotion, useScroll, useScrollDirection, useScrollLock, useScrollTransform, useScrollVelocity, useSearch, useSequence, useSessionStorage, useSpring, useStagger, useTextScramble, useTheme, useThrottle, useTimer, useToast, useToggle, useTypingIndicator, useViewTransition, useVirtualList, useVoiceRecorder };