@pixonui/react 0.1.1 → 0.3.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.mts +1871 -826
- package/dist/index.d.ts +1871 -826
- package/dist/index.js +29 -28
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +29 -28
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { RefObject, FormEvent
|
|
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
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
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
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
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
|
|
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
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
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
|
-
|
|
442
|
-
|
|
443
|
-
|
|
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
|
|
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
|
|
448
|
-
|
|
449
|
-
|
|
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
|
|
624
|
+
declare const ScrollArea: React__default.ForwardRefExoticComponent<ScrollAreaProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
458
625
|
|
|
459
|
-
interface
|
|
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
|
-
|
|
463
|
-
|
|
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
|
-
|
|
466
|
-
|
|
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
|
|
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
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
(
|
|
499
|
-
|
|
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
|
-
|
|
502
|
-
|
|
503
|
-
|
|
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
|
-
|
|
506
|
-
|
|
507
|
-
|
|
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
|
-
|
|
510
|
-
|
|
511
|
-
|
|
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
|
|
515
|
-
|
|
516
|
-
|
|
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
|
|
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
|
|
527
|
-
|
|
528
|
-
|
|
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
|
|
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
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
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
|
|
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
|
|
552
|
-
|
|
1035
|
+
interface Comment {
|
|
1036
|
+
id: string;
|
|
1037
|
+
user: KanbanUser;
|
|
1038
|
+
content: string;
|
|
1039
|
+
timestamp: Date;
|
|
553
1040
|
}
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
1041
|
+
interface TaskCommentsProps {
|
|
1042
|
+
comments: Comment[];
|
|
1043
|
+
onAddComment?: (content: string) => void;
|
|
1044
|
+
className?: string;
|
|
557
1045
|
}
|
|
558
|
-
declare function
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
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
|
-
|
|
565
|
-
|
|
566
|
-
|
|
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
|
|
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
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
1064
|
+
interface LabelPickerProps {
|
|
1065
|
+
labels: KanbanLabel[];
|
|
1066
|
+
selectedIds: string[];
|
|
1067
|
+
onToggle: (id: string) => void;
|
|
1068
|
+
className?: string;
|
|
576
1069
|
}
|
|
577
|
-
declare function
|
|
578
|
-
|
|
579
|
-
|
|
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
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
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
|
|
1085
|
+
declare function DueDatePicker({ date, onChange, className }: DueDatePickerProps): react_jsx_runtime.JSX.Element;
|
|
588
1086
|
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
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
|
-
|
|
594
|
-
|
|
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
|
|
1118
|
+
declare const Marquee: ({ className, pauseOnHover, direction, speed, children, ...props }: MarqueeProps) => react_jsx_runtime.JSX.Element;
|
|
598
1119
|
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
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
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
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
|
-
|
|
635
|
-
|
|
636
|
-
|
|
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
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
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
|
|
645
|
-
|
|
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
|
|
1216
|
+
declare function LineChart<T = any>({ color, showValues, animationDelay, curve, strokeWidth, align, onValueClick }: LineChartProps<T>): react_jsx_runtime.JSX.Element;
|
|
648
1217
|
|
|
649
|
-
interface
|
|
650
|
-
|
|
651
|
-
|
|
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
|
|
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
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
interface
|
|
673
|
-
|
|
674
|
-
|
|
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
|
|
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
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
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
|
|
1246
|
+
declare function Sparkline({ data, color, height, strokeWidth, fill, className, ...props }: SparklineProps): react_jsx_runtime.JSX.Element;
|
|
685
1247
|
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
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
|
|
1252
|
+
declare function ChartYAxis({ ticks, format }: YAxisProps): react_jsx_runtime.JSX.Element;
|
|
693
1253
|
|
|
694
|
-
interface
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
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
|
|
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
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
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
|
|
713
|
-
|
|
714
|
-
|
|
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
|
|
1274
|
+
declare function TabsContent({ className, value, children, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element | null;
|
|
718
1275
|
|
|
719
|
-
interface
|
|
720
|
-
|
|
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
|
|
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
|
|
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
|
|
738
|
-
|
|
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
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
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
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
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
|
-
|
|
763
|
-
rounded?: boolean;
|
|
1308
|
+
maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
|
764
1309
|
}
|
|
765
|
-
declare function
|
|
1310
|
+
declare function Navbar({ logo, links, actions, className, maxWidth, }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
766
1311
|
|
|
767
|
-
interface
|
|
768
|
-
|
|
769
|
-
columnId: string;
|
|
770
|
-
title: string;
|
|
1312
|
+
interface UserMenuProps {
|
|
1313
|
+
name: string;
|
|
771
1314
|
description?: string;
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
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
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
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
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
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
|
-
|
|
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
|
-
|
|
823
|
-
|
|
824
|
-
interface KanbanTaskModalProps {
|
|
1389
|
+
interface ModalProps {
|
|
825
1390
|
isOpen: boolean;
|
|
826
1391
|
onClose: () => void;
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
columnId?: string;
|
|
1392
|
+
children: React__default.ReactNode;
|
|
1393
|
+
className?: string;
|
|
830
1394
|
}
|
|
831
|
-
declare function
|
|
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
|
|
834
|
-
|
|
835
|
-
|
|
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
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
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
|
|
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
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
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
|
|
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
|
|
856
|
-
|
|
857
|
-
scrollbarSize?: 'sm' | 'md' | 'lg';
|
|
1442
|
+
interface DropdownMenuProps {
|
|
1443
|
+
children: React__default.ReactNode;
|
|
858
1444
|
}
|
|
859
|
-
declare
|
|
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
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
declare
|
|
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
|
-
|
|
869
|
-
|
|
870
|
-
|
|
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
|
|
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
|
-
|
|
943
|
-
type ThemeProviderProps = {
|
|
1736
|
+
interface ChatLayoutProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
944
1737
|
children: React__default.ReactNode;
|
|
945
|
-
|
|
946
|
-
|
|
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
|
-
|
|
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
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
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
|
|
976
|
-
|
|
977
|
-
interface
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
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
|
|
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
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
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
|
|
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
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
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
|
|
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
|
|
1015
|
-
|
|
1016
|
-
|
|
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
|
|
1829
|
+
declare function ChatProfile({ user, onClose, className, ...props }: ChatProfileProps): react_jsx_runtime.JSX.Element;
|
|
1024
1830
|
|
|
1025
|
-
interface
|
|
1026
|
-
|
|
1027
|
-
|
|
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
|
|
1835
|
+
declare function TypingIndicator({ users, variant, className, ...props }: TypingIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
1033
1836
|
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
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
|
|
1841
|
+
declare function ReplyPreview({ message, onCancel, className, ...props }: ReplyPreviewProps): react_jsx_runtime.JSX.Element;
|
|
1045
1842
|
|
|
1046
|
-
interface
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
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
|
|
1852
|
+
declare function ChatBanner({ type, message, action, onClose, className, ...props }: ChatBannerProps): react_jsx_runtime.JSX.Element;
|
|
1054
1853
|
|
|
1055
|
-
interface
|
|
1056
|
-
|
|
1057
|
-
|
|
1854
|
+
interface AudioPlayerProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1855
|
+
src: string;
|
|
1856
|
+
duration?: number;
|
|
1857
|
+
isMe?: boolean;
|
|
1058
1858
|
}
|
|
1059
|
-
declare function
|
|
1859
|
+
declare function AudioPlayer({ src, duration, isMe, className, ...props }: AudioPlayerProps): react_jsx_runtime.JSX.Element;
|
|
1060
1860
|
|
|
1061
|
-
|
|
1062
|
-
|
|
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
|
|
1864
|
+
declare function DateSeparator({ date, className, ...props }: DateSeparatorProps): react_jsx_runtime.JSX.Element;
|
|
1080
1865
|
|
|
1081
|
-
|
|
1082
|
-
status?:
|
|
1083
|
-
|
|
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
|
|
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
|
|
1098
|
-
|
|
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
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
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
|
|
1880
|
+
declare function SystemMessage({ content, className, ...props }: SystemMessageProps): react_jsx_runtime.JSX.Element;
|
|
1109
1881
|
|
|
1110
|
-
interface
|
|
1882
|
+
interface LinkPreviewProps extends React__default.HTMLAttributes<HTMLAnchorElement> {
|
|
1883
|
+
url: string;
|
|
1111
1884
|
title?: string;
|
|
1112
|
-
|
|
1885
|
+
description?: string;
|
|
1886
|
+
image?: string;
|
|
1887
|
+
siteName?: string;
|
|
1113
1888
|
}
|
|
1114
|
-
declare
|
|
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
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
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
|
|
1898
|
+
declare function GroupHeader({ group, onBack, onInfo, isTyping, typingUsers, className, ...props }: GroupHeaderProps): react_jsx_runtime.JSX.Element;
|
|
1128
1899
|
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
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
|
|
1905
|
+
declare function MentionList({ users, selectedIndex, onSelect, className, ...props }: MentionListProps): react_jsx_runtime.JSX.Element | null;
|
|
1137
1906
|
|
|
1138
|
-
interface
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
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
|
|
1916
|
+
declare function VoiceRecorder({ onSend, onCancel, className, ...props }: VoiceRecorderProps): react_jsx_runtime.JSX.Element;
|
|
1147
1917
|
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
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
|
|
1924
|
+
declare function MessageSearch({ onSearch, results, onResultClick, onClose, className, ...props }: MessageSearchProps): react_jsx_runtime.JSX.Element;
|
|
1160
1925
|
|
|
1161
|
-
declare const
|
|
1162
|
-
|
|
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
|
|
1166
|
-
|
|
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
|
|
1932
|
+
declare const Surface: React__default.ForwardRefExoticComponent<SurfaceProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1173
1933
|
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
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
|
|
1939
|
+
declare function ScrollProgress({ className, color, height, position, ...props }: ScrollProgressProps): react_jsx_runtime.JSX.Element;
|
|
1188
1940
|
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
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
|
|
1947
|
+
declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
1197
1948
|
|
|
1198
|
-
interface
|
|
1199
|
-
|
|
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
|
|
1952
|
+
declare const Divider: React__default.ForwardRefExoticComponent<DividerProps & React__default.RefAttributes<HTMLHRElement>>;
|
|
1208
1953
|
|
|
1209
|
-
interface
|
|
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
|
|
1957
|
+
declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLElement>>;
|
|
1215
1958
|
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
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
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1995
|
+
content: string;
|
|
1996
|
+
senderId: string;
|
|
1997
|
+
timestamp: Date;
|
|
1998
|
+
status: 'sending' | 'sent' | 'error';
|
|
1999
|
+
metadata?: Record<string, any>;
|
|
1224
2000
|
}
|
|
1225
|
-
interface
|
|
1226
|
-
/**
|
|
1227
|
-
|
|
1228
|
-
/**
|
|
1229
|
-
|
|
1230
|
-
/**
|
|
1231
|
-
|
|
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
|
|
1253
|
-
*
|
|
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
|
|
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
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
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
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
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
|
-
*
|
|
1288
|
-
*
|
|
2088
|
+
* Hook to provide basic drag gesture support.
|
|
2089
|
+
* Zero dependencies, works with mouse and touch.
|
|
1289
2090
|
*/
|
|
1290
|
-
declare
|
|
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
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
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
|
-
|
|
1303
|
-
|
|
1304
|
-
interface
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
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
|
|
2244
|
+
interface KanbanBoardColumn {
|
|
1323
2245
|
id: string;
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
unreadCount?: number;
|
|
1327
|
-
isTyping?: boolean;
|
|
2246
|
+
title: string;
|
|
2247
|
+
taskIds: string[];
|
|
1328
2248
|
}
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
2249
|
+
interface KanbanBoardState {
|
|
2250
|
+
columns: Record<string, KanbanBoardColumn>;
|
|
2251
|
+
columnOrder: string[];
|
|
2252
|
+
tasks: Record<string, KanbanBoardTask>;
|
|
1332
2253
|
}
|
|
1333
|
-
|
|
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
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
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
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
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
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
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
|
-
|
|
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
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
2319
|
+
interface Orientation {
|
|
2320
|
+
alpha: number | null;
|
|
2321
|
+
beta: number | null;
|
|
2322
|
+
gamma: number | null;
|
|
2323
|
+
absolute: boolean;
|
|
1379
2324
|
}
|
|
1380
|
-
|
|
2325
|
+
/**
|
|
2326
|
+
* Hook to track device orientation.
|
|
2327
|
+
* Useful for mobile parallax and tilt effects.
|
|
2328
|
+
*/
|
|
2329
|
+
declare function useOrientation(): Orientation;
|
|
1381
2330
|
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
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
|
|
1389
|
-
|
|
1390
|
-
|
|
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
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
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
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
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
|
|
2353
|
+
declare function useContainerQuery(ref: RefObject<HTMLElement>): ContainerSize;
|
|
1415
2354
|
|
|
1416
|
-
interface
|
|
1417
|
-
|
|
1418
|
-
|
|
2355
|
+
interface ScrollValues {
|
|
2356
|
+
scrollX: number;
|
|
2357
|
+
scrollY: number;
|
|
2358
|
+
scrollProgressX: number;
|
|
2359
|
+
scrollProgressY: number;
|
|
1419
2360
|
}
|
|
1420
|
-
|
|
2361
|
+
/**
|
|
2362
|
+
* Optimized scroll hook using requestAnimationFrame for 120fps performance.
|
|
2363
|
+
*/
|
|
2364
|
+
declare function useScroll(): ScrollValues;
|
|
1421
2365
|
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
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
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
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
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
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
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
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
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
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
|
-
|
|
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
|
|
1475
|
-
|
|
1476
|
-
duration
|
|
1477
|
-
|
|
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
|
|
2502
|
+
declare function useVoiceRecorder(): VoiceRecorderHook;
|
|
1480
2503
|
|
|
1481
2504
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1482
2505
|
|
|
1483
|
-
|
|
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 };
|