@marcoschwartz/lite-ui 0.10.0 → 0.11.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 +265 -7
- package/dist/index.d.ts +265 -7
- package/dist/index.js +3600 -414
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3559 -420
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +4 -2
package/dist/index.d.mts
CHANGED
|
@@ -26,6 +26,8 @@ interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'size'
|
|
|
26
26
|
label?: string;
|
|
27
27
|
error?: string;
|
|
28
28
|
helperText?: string;
|
|
29
|
+
searchable?: boolean;
|
|
30
|
+
searchPlaceholder?: string;
|
|
29
31
|
}
|
|
30
32
|
declare const Select: React.FC<SelectProps>;
|
|
31
33
|
|
|
@@ -142,10 +144,11 @@ interface ActionMenuProps {
|
|
|
142
144
|
items: ActionMenuItem[];
|
|
143
145
|
trigger?: React.ReactNode;
|
|
144
146
|
position?: 'left' | 'right';
|
|
147
|
+
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
145
148
|
}
|
|
146
149
|
declare const ActionMenu: React.FC<ActionMenuProps>;
|
|
147
150
|
|
|
148
|
-
interface CardProps {
|
|
151
|
+
interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
149
152
|
children: React.ReactNode;
|
|
150
153
|
className?: string;
|
|
151
154
|
padding?: 'none' | 'sm' | 'md' | 'lg';
|
|
@@ -310,6 +313,10 @@ interface SliderProps {
|
|
|
310
313
|
showValue?: boolean;
|
|
311
314
|
label?: string;
|
|
312
315
|
className?: string;
|
|
316
|
+
range?: boolean;
|
|
317
|
+
rangeValue?: [number, number];
|
|
318
|
+
defaultRangeValue?: [number, number];
|
|
319
|
+
onRangeChange?: (value: [number, number]) => void;
|
|
313
320
|
}
|
|
314
321
|
declare const Slider: React.FC<SliderProps>;
|
|
315
322
|
|
|
@@ -333,6 +340,20 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
|
|
|
333
340
|
}
|
|
334
341
|
declare const Textarea: React.FC<TextareaProps>;
|
|
335
342
|
|
|
343
|
+
interface RichTextEditorProps {
|
|
344
|
+
value?: string;
|
|
345
|
+
onChange?: (html: string) => void;
|
|
346
|
+
placeholder?: string;
|
|
347
|
+
className?: string;
|
|
348
|
+
minHeight?: string;
|
|
349
|
+
maxHeight?: string;
|
|
350
|
+
disabled?: boolean;
|
|
351
|
+
label?: string;
|
|
352
|
+
error?: string;
|
|
353
|
+
helperText?: string;
|
|
354
|
+
}
|
|
355
|
+
declare const RichTextEditor: React.FC<RichTextEditorProps>;
|
|
356
|
+
|
|
336
357
|
interface Toast {
|
|
337
358
|
id: string;
|
|
338
359
|
message: string;
|
|
@@ -408,6 +429,162 @@ interface FileUploadProps {
|
|
|
408
429
|
}
|
|
409
430
|
declare const FileUpload: React.FC<FileUploadProps>;
|
|
410
431
|
|
|
432
|
+
interface Chapter {
|
|
433
|
+
title: string;
|
|
434
|
+
startTime: number;
|
|
435
|
+
}
|
|
436
|
+
interface AudioPlayerProps {
|
|
437
|
+
src: string;
|
|
438
|
+
title?: string;
|
|
439
|
+
artist?: string;
|
|
440
|
+
album?: string;
|
|
441
|
+
coverArt?: string;
|
|
442
|
+
variant?: 'default' | 'compact' | 'mini';
|
|
443
|
+
autoPlay?: boolean;
|
|
444
|
+
loop?: boolean;
|
|
445
|
+
preload?: 'none' | 'metadata' | 'auto';
|
|
446
|
+
onPlay?: () => void;
|
|
447
|
+
onPause?: () => void;
|
|
448
|
+
onEnded?: () => void;
|
|
449
|
+
onTimeUpdate?: (currentTime: number) => void;
|
|
450
|
+
className?: string;
|
|
451
|
+
showSkipButtons?: boolean;
|
|
452
|
+
onSkipBack?: () => void;
|
|
453
|
+
onSkipForward?: () => void;
|
|
454
|
+
chapters?: Chapter[];
|
|
455
|
+
showChapters?: boolean;
|
|
456
|
+
onChapterChange?: (chapter: Chapter) => void;
|
|
457
|
+
}
|
|
458
|
+
declare const AudioPlayer: React.FC<AudioPlayerProps>;
|
|
459
|
+
|
|
460
|
+
interface VideoPlayerProps {
|
|
461
|
+
src: string;
|
|
462
|
+
poster?: string;
|
|
463
|
+
title?: string;
|
|
464
|
+
variant?: 'default' | 'compact';
|
|
465
|
+
autoPlay?: boolean;
|
|
466
|
+
loop?: boolean;
|
|
467
|
+
muted?: boolean;
|
|
468
|
+
controls?: boolean;
|
|
469
|
+
preload?: 'none' | 'metadata' | 'auto';
|
|
470
|
+
width?: string | number;
|
|
471
|
+
height?: string | number;
|
|
472
|
+
aspectRatio?: '16:9' | '4:3' | '21:9' | '1:1';
|
|
473
|
+
onPlay?: () => void;
|
|
474
|
+
onPause?: () => void;
|
|
475
|
+
onEnded?: () => void;
|
|
476
|
+
onTimeUpdate?: (currentTime: number) => void;
|
|
477
|
+
className?: string;
|
|
478
|
+
showControls?: boolean;
|
|
479
|
+
chapters?: Chapter[];
|
|
480
|
+
showChapters?: boolean;
|
|
481
|
+
onChapterChange?: (chapter: Chapter) => void;
|
|
482
|
+
}
|
|
483
|
+
declare const VideoPlayer: React.FC<VideoPlayerProps>;
|
|
484
|
+
|
|
485
|
+
interface LineChartDataPoint {
|
|
486
|
+
x: string | number;
|
|
487
|
+
y: number;
|
|
488
|
+
}
|
|
489
|
+
interface LineChartSeries {
|
|
490
|
+
name: string;
|
|
491
|
+
data: LineChartDataPoint[];
|
|
492
|
+
color?: string;
|
|
493
|
+
}
|
|
494
|
+
interface LineChartProps {
|
|
495
|
+
data: LineChartSeries[];
|
|
496
|
+
width?: number;
|
|
497
|
+
height?: number;
|
|
498
|
+
showGrid?: boolean;
|
|
499
|
+
showXAxis?: boolean;
|
|
500
|
+
showYAxis?: boolean;
|
|
501
|
+
showLegend?: boolean;
|
|
502
|
+
showTooltip?: boolean;
|
|
503
|
+
showDots?: boolean;
|
|
504
|
+
curved?: boolean;
|
|
505
|
+
strokeWidth?: number;
|
|
506
|
+
className?: string;
|
|
507
|
+
xAxisLabel?: string;
|
|
508
|
+
yAxisLabel?: string;
|
|
509
|
+
}
|
|
510
|
+
declare const LineChart: React.FC<LineChartProps>;
|
|
511
|
+
|
|
512
|
+
interface BarChartDataPoint {
|
|
513
|
+
x: string | number;
|
|
514
|
+
y: number;
|
|
515
|
+
}
|
|
516
|
+
interface BarChartSeries {
|
|
517
|
+
name: string;
|
|
518
|
+
data: BarChartDataPoint[];
|
|
519
|
+
color?: string;
|
|
520
|
+
}
|
|
521
|
+
interface BarChartProps {
|
|
522
|
+
data: BarChartSeries[];
|
|
523
|
+
width?: number;
|
|
524
|
+
height?: number;
|
|
525
|
+
showGrid?: boolean;
|
|
526
|
+
showXAxis?: boolean;
|
|
527
|
+
showYAxis?: boolean;
|
|
528
|
+
showLegend?: boolean;
|
|
529
|
+
showTooltip?: boolean;
|
|
530
|
+
showValues?: boolean;
|
|
531
|
+
stacked?: boolean;
|
|
532
|
+
horizontal?: boolean;
|
|
533
|
+
barWidth?: number;
|
|
534
|
+
className?: string;
|
|
535
|
+
xAxisLabel?: string;
|
|
536
|
+
yAxisLabel?: string;
|
|
537
|
+
}
|
|
538
|
+
declare const BarChart: React.FC<BarChartProps>;
|
|
539
|
+
|
|
540
|
+
interface AreaChartDataPoint {
|
|
541
|
+
x: string | number;
|
|
542
|
+
y: number;
|
|
543
|
+
}
|
|
544
|
+
interface AreaChartSeries {
|
|
545
|
+
name: string;
|
|
546
|
+
data: AreaChartDataPoint[];
|
|
547
|
+
color?: string;
|
|
548
|
+
}
|
|
549
|
+
interface AreaChartProps {
|
|
550
|
+
data: AreaChartSeries[];
|
|
551
|
+
width?: number;
|
|
552
|
+
height?: number;
|
|
553
|
+
showGrid?: boolean;
|
|
554
|
+
showXAxis?: boolean;
|
|
555
|
+
showYAxis?: boolean;
|
|
556
|
+
showLegend?: boolean;
|
|
557
|
+
showTooltip?: boolean;
|
|
558
|
+
showDots?: boolean;
|
|
559
|
+
curved?: boolean;
|
|
560
|
+
stacked?: boolean;
|
|
561
|
+
fillOpacity?: number;
|
|
562
|
+
strokeWidth?: number;
|
|
563
|
+
className?: string;
|
|
564
|
+
xAxisLabel?: string;
|
|
565
|
+
yAxisLabel?: string;
|
|
566
|
+
}
|
|
567
|
+
declare const AreaChart: React.FC<AreaChartProps>;
|
|
568
|
+
|
|
569
|
+
interface PieChartDataPoint {
|
|
570
|
+
label: string;
|
|
571
|
+
value: number;
|
|
572
|
+
color?: string;
|
|
573
|
+
}
|
|
574
|
+
interface PieChartProps {
|
|
575
|
+
data: PieChartDataPoint[];
|
|
576
|
+
width?: number;
|
|
577
|
+
height?: number;
|
|
578
|
+
showLegend?: boolean;
|
|
579
|
+
showLabels?: boolean;
|
|
580
|
+
showValues?: boolean;
|
|
581
|
+
showPercentages?: boolean;
|
|
582
|
+
donut?: boolean;
|
|
583
|
+
donutWidth?: number;
|
|
584
|
+
className?: string;
|
|
585
|
+
}
|
|
586
|
+
declare const PieChart: React.FC<PieChartProps>;
|
|
587
|
+
|
|
411
588
|
type ThemeName = 'default' | 'minimalistic';
|
|
412
589
|
interface ButtonTheme {
|
|
413
590
|
primary: string;
|
|
@@ -451,6 +628,7 @@ interface ThemeContextValue {
|
|
|
451
628
|
setTheme: (themeName: ThemeName) => void;
|
|
452
629
|
colorMode: ColorMode;
|
|
453
630
|
setColorMode: (mode: ColorMode) => void;
|
|
631
|
+
toggleColorMode: () => void;
|
|
454
632
|
resolvedColorMode: 'light' | 'dark';
|
|
455
633
|
}
|
|
456
634
|
declare function useTheme(): ThemeContextValue;
|
|
@@ -492,33 +670,113 @@ declare const MenuIcon: IconComponent;
|
|
|
492
670
|
|
|
493
671
|
declare const CloseIcon: IconComponent;
|
|
494
672
|
|
|
673
|
+
declare const PlusIcon: IconComponent;
|
|
674
|
+
|
|
675
|
+
declare const ArrowLeftIcon: IconComponent;
|
|
676
|
+
|
|
677
|
+
declare const ArrowRightIcon: IconComponent;
|
|
678
|
+
|
|
679
|
+
declare const ArrowUpIcon: IconComponent;
|
|
680
|
+
|
|
681
|
+
declare const ArrowDownIcon: IconComponent;
|
|
682
|
+
|
|
495
683
|
declare const ChevronDownIcon: IconComponent;
|
|
496
684
|
|
|
685
|
+
declare const ChevronUpIcon: IconComponent;
|
|
686
|
+
|
|
687
|
+
declare const ChevronLeftIcon: IconComponent;
|
|
688
|
+
|
|
497
689
|
declare const ChevronRightIcon: IconComponent;
|
|
498
690
|
|
|
691
|
+
declare const ExternalLinkIcon: IconComponent;
|
|
692
|
+
|
|
499
693
|
declare const CheckIcon: IconComponent;
|
|
500
694
|
|
|
501
|
-
declare const
|
|
695
|
+
declare const CheckCircleIcon: IconComponent;
|
|
696
|
+
|
|
697
|
+
declare const AlertCircleIcon: IconComponent;
|
|
698
|
+
|
|
699
|
+
declare const InfoCircleIcon: IconComponent;
|
|
502
700
|
|
|
503
701
|
declare const TrashIcon: IconComponent;
|
|
504
702
|
|
|
505
703
|
declare const EditIcon: IconComponent;
|
|
506
704
|
|
|
705
|
+
declare const CopyIcon: IconComponent;
|
|
706
|
+
|
|
707
|
+
declare const SaveIcon: IconComponent;
|
|
708
|
+
|
|
709
|
+
declare const DownloadIcon: IconComponent;
|
|
710
|
+
|
|
711
|
+
declare const UploadIcon: IconComponent;
|
|
712
|
+
|
|
713
|
+
declare const RefreshIcon: IconComponent;
|
|
714
|
+
|
|
715
|
+
declare const EyeIcon: IconComponent;
|
|
716
|
+
|
|
717
|
+
declare const EyeOffIcon: IconComponent;
|
|
718
|
+
|
|
719
|
+
declare const PlayIcon: IconComponent;
|
|
720
|
+
|
|
721
|
+
declare const PauseIcon: IconComponent;
|
|
722
|
+
|
|
723
|
+
declare const StopIcon: IconComponent;
|
|
724
|
+
|
|
725
|
+
declare const SkipBackIcon: IconComponent;
|
|
726
|
+
|
|
727
|
+
declare const SkipForwardIcon: IconComponent;
|
|
728
|
+
|
|
729
|
+
declare const VolumeUpIcon: IconComponent;
|
|
730
|
+
|
|
731
|
+
declare const VolumeOffIcon: IconComponent;
|
|
732
|
+
|
|
733
|
+
declare const FullscreenIcon: IconComponent;
|
|
734
|
+
|
|
735
|
+
declare const FullscreenExitIcon: IconComponent;
|
|
736
|
+
|
|
507
737
|
declare const MailIcon: IconComponent;
|
|
508
738
|
|
|
739
|
+
declare const ChatIcon: IconComponent;
|
|
740
|
+
|
|
509
741
|
declare const StarIcon: IconComponent;
|
|
510
742
|
|
|
511
743
|
declare const HeartIcon: IconComponent;
|
|
512
744
|
|
|
513
|
-
declare const
|
|
745
|
+
declare const CameraIcon: IconComponent;
|
|
514
746
|
|
|
515
|
-
declare const
|
|
747
|
+
declare const CalendarIcon: IconComponent;
|
|
516
748
|
|
|
517
|
-
declare const
|
|
749
|
+
declare const BookIcon: IconComponent;
|
|
750
|
+
|
|
751
|
+
declare const FileIcon: IconComponent;
|
|
752
|
+
|
|
753
|
+
declare const FolderIcon: IconComponent;
|
|
754
|
+
|
|
755
|
+
declare const ImageIcon: IconComponent;
|
|
756
|
+
|
|
757
|
+
declare const CodeIcon: IconComponent;
|
|
758
|
+
|
|
759
|
+
declare const TerminalIcon: IconComponent;
|
|
760
|
+
|
|
761
|
+
declare const DatabaseIcon: IconComponent;
|
|
762
|
+
|
|
763
|
+
declare const CloudIcon: IconComponent;
|
|
764
|
+
|
|
765
|
+
declare const PlugIcon: IconComponent;
|
|
766
|
+
|
|
767
|
+
declare const KeyIcon: IconComponent;
|
|
518
768
|
|
|
519
769
|
declare const LockIcon: IconComponent;
|
|
520
770
|
|
|
521
|
-
declare const
|
|
771
|
+
declare const ShieldIcon: IconComponent;
|
|
772
|
+
|
|
773
|
+
declare const SparklesIcon: IconComponent;
|
|
774
|
+
|
|
775
|
+
declare const BrainIcon: IconComponent;
|
|
776
|
+
|
|
777
|
+
declare const GlobeIcon: IconComponent;
|
|
778
|
+
|
|
779
|
+
declare const BeakerIcon: IconComponent;
|
|
522
780
|
|
|
523
781
|
declare const GoogleIcon: IconComponent;
|
|
524
782
|
|
|
@@ -536,4 +794,4 @@ declare const YouTubeIcon: IconComponent;
|
|
|
536
794
|
|
|
537
795
|
declare const SlackIcon: IconComponent;
|
|
538
796
|
|
|
539
|
-
export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, AppShell, type AppShellProps, AppleIcon, Avatar, type AvatarProps, Badge, type BadgeProps, BellIcon, Button, type ButtonProps, type ButtonTheme, Calendar, CalendarIcon, type CalendarProps, CameraIcon, Card, type CardProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronRightIcon, CloseIcon, type ColorMode, type Column, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, FileUpload, type FileUploadProps, GitHubIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SlackIcon, Slider, type SliderProps, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, Textarea, type TextareaProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, type Toast, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast };
|
|
797
|
+
export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, AlertCircleIcon, type AlertProps, AppShell, type AppShellProps, AppleIcon, AreaChart, type AreaChartDataPoint, type AreaChartProps, type AreaChartSeries, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BarChart, type BarChartDataPoint, type BarChartProps, type BarChartSeries, BeakerIcon, BellIcon, BookIcon, BrainIcon, Button, type ButtonProps, type ButtonTheme, Calendar, CalendarIcon, type CalendarProps, CameraIcon, Card, type CardProps, type Chapter, ChatIcon, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CloudIcon, CodeIcon, type ColorMode, type Column, CopyIcon, DatabaseIcon, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FileIcon, FileUpload, type FileUploadProps, FolderIcon, FullscreenExitIcon, FullscreenIcon, GitHubIcon, GlobeIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, ImageIcon, InfoCircleIcon, KeyIcon, LineChart, type LineChartDataPoint, type LineChartProps, type LineChartSeries, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, PauseIcon, PieChart, type PieChartDataPoint, type PieChartProps, PlayIcon, PlugIcon, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, RefreshIcon, RichTextEditor, type RichTextEditorProps, SaveIcon, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, ShieldIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SkipBackIcon, SkipForwardIcon, SlackIcon, Slider, type SliderProps, SparklesIcon, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, StopIcon, type Tab, Table, type TableProps, Tabs, type TabsProps, TerminalIcon, TextInput, type TextInputProps, Textarea, type TextareaProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, type Toast, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, VideoPlayer, type VideoPlayerProps, VolumeOffIcon, VolumeUpIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -26,6 +26,8 @@ interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'size'
|
|
|
26
26
|
label?: string;
|
|
27
27
|
error?: string;
|
|
28
28
|
helperText?: string;
|
|
29
|
+
searchable?: boolean;
|
|
30
|
+
searchPlaceholder?: string;
|
|
29
31
|
}
|
|
30
32
|
declare const Select: React.FC<SelectProps>;
|
|
31
33
|
|
|
@@ -142,10 +144,11 @@ interface ActionMenuProps {
|
|
|
142
144
|
items: ActionMenuItem[];
|
|
143
145
|
trigger?: React.ReactNode;
|
|
144
146
|
position?: 'left' | 'right';
|
|
147
|
+
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
145
148
|
}
|
|
146
149
|
declare const ActionMenu: React.FC<ActionMenuProps>;
|
|
147
150
|
|
|
148
|
-
interface CardProps {
|
|
151
|
+
interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
149
152
|
children: React.ReactNode;
|
|
150
153
|
className?: string;
|
|
151
154
|
padding?: 'none' | 'sm' | 'md' | 'lg';
|
|
@@ -310,6 +313,10 @@ interface SliderProps {
|
|
|
310
313
|
showValue?: boolean;
|
|
311
314
|
label?: string;
|
|
312
315
|
className?: string;
|
|
316
|
+
range?: boolean;
|
|
317
|
+
rangeValue?: [number, number];
|
|
318
|
+
defaultRangeValue?: [number, number];
|
|
319
|
+
onRangeChange?: (value: [number, number]) => void;
|
|
313
320
|
}
|
|
314
321
|
declare const Slider: React.FC<SliderProps>;
|
|
315
322
|
|
|
@@ -333,6 +340,20 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
|
|
|
333
340
|
}
|
|
334
341
|
declare const Textarea: React.FC<TextareaProps>;
|
|
335
342
|
|
|
343
|
+
interface RichTextEditorProps {
|
|
344
|
+
value?: string;
|
|
345
|
+
onChange?: (html: string) => void;
|
|
346
|
+
placeholder?: string;
|
|
347
|
+
className?: string;
|
|
348
|
+
minHeight?: string;
|
|
349
|
+
maxHeight?: string;
|
|
350
|
+
disabled?: boolean;
|
|
351
|
+
label?: string;
|
|
352
|
+
error?: string;
|
|
353
|
+
helperText?: string;
|
|
354
|
+
}
|
|
355
|
+
declare const RichTextEditor: React.FC<RichTextEditorProps>;
|
|
356
|
+
|
|
336
357
|
interface Toast {
|
|
337
358
|
id: string;
|
|
338
359
|
message: string;
|
|
@@ -408,6 +429,162 @@ interface FileUploadProps {
|
|
|
408
429
|
}
|
|
409
430
|
declare const FileUpload: React.FC<FileUploadProps>;
|
|
410
431
|
|
|
432
|
+
interface Chapter {
|
|
433
|
+
title: string;
|
|
434
|
+
startTime: number;
|
|
435
|
+
}
|
|
436
|
+
interface AudioPlayerProps {
|
|
437
|
+
src: string;
|
|
438
|
+
title?: string;
|
|
439
|
+
artist?: string;
|
|
440
|
+
album?: string;
|
|
441
|
+
coverArt?: string;
|
|
442
|
+
variant?: 'default' | 'compact' | 'mini';
|
|
443
|
+
autoPlay?: boolean;
|
|
444
|
+
loop?: boolean;
|
|
445
|
+
preload?: 'none' | 'metadata' | 'auto';
|
|
446
|
+
onPlay?: () => void;
|
|
447
|
+
onPause?: () => void;
|
|
448
|
+
onEnded?: () => void;
|
|
449
|
+
onTimeUpdate?: (currentTime: number) => void;
|
|
450
|
+
className?: string;
|
|
451
|
+
showSkipButtons?: boolean;
|
|
452
|
+
onSkipBack?: () => void;
|
|
453
|
+
onSkipForward?: () => void;
|
|
454
|
+
chapters?: Chapter[];
|
|
455
|
+
showChapters?: boolean;
|
|
456
|
+
onChapterChange?: (chapter: Chapter) => void;
|
|
457
|
+
}
|
|
458
|
+
declare const AudioPlayer: React.FC<AudioPlayerProps>;
|
|
459
|
+
|
|
460
|
+
interface VideoPlayerProps {
|
|
461
|
+
src: string;
|
|
462
|
+
poster?: string;
|
|
463
|
+
title?: string;
|
|
464
|
+
variant?: 'default' | 'compact';
|
|
465
|
+
autoPlay?: boolean;
|
|
466
|
+
loop?: boolean;
|
|
467
|
+
muted?: boolean;
|
|
468
|
+
controls?: boolean;
|
|
469
|
+
preload?: 'none' | 'metadata' | 'auto';
|
|
470
|
+
width?: string | number;
|
|
471
|
+
height?: string | number;
|
|
472
|
+
aspectRatio?: '16:9' | '4:3' | '21:9' | '1:1';
|
|
473
|
+
onPlay?: () => void;
|
|
474
|
+
onPause?: () => void;
|
|
475
|
+
onEnded?: () => void;
|
|
476
|
+
onTimeUpdate?: (currentTime: number) => void;
|
|
477
|
+
className?: string;
|
|
478
|
+
showControls?: boolean;
|
|
479
|
+
chapters?: Chapter[];
|
|
480
|
+
showChapters?: boolean;
|
|
481
|
+
onChapterChange?: (chapter: Chapter) => void;
|
|
482
|
+
}
|
|
483
|
+
declare const VideoPlayer: React.FC<VideoPlayerProps>;
|
|
484
|
+
|
|
485
|
+
interface LineChartDataPoint {
|
|
486
|
+
x: string | number;
|
|
487
|
+
y: number;
|
|
488
|
+
}
|
|
489
|
+
interface LineChartSeries {
|
|
490
|
+
name: string;
|
|
491
|
+
data: LineChartDataPoint[];
|
|
492
|
+
color?: string;
|
|
493
|
+
}
|
|
494
|
+
interface LineChartProps {
|
|
495
|
+
data: LineChartSeries[];
|
|
496
|
+
width?: number;
|
|
497
|
+
height?: number;
|
|
498
|
+
showGrid?: boolean;
|
|
499
|
+
showXAxis?: boolean;
|
|
500
|
+
showYAxis?: boolean;
|
|
501
|
+
showLegend?: boolean;
|
|
502
|
+
showTooltip?: boolean;
|
|
503
|
+
showDots?: boolean;
|
|
504
|
+
curved?: boolean;
|
|
505
|
+
strokeWidth?: number;
|
|
506
|
+
className?: string;
|
|
507
|
+
xAxisLabel?: string;
|
|
508
|
+
yAxisLabel?: string;
|
|
509
|
+
}
|
|
510
|
+
declare const LineChart: React.FC<LineChartProps>;
|
|
511
|
+
|
|
512
|
+
interface BarChartDataPoint {
|
|
513
|
+
x: string | number;
|
|
514
|
+
y: number;
|
|
515
|
+
}
|
|
516
|
+
interface BarChartSeries {
|
|
517
|
+
name: string;
|
|
518
|
+
data: BarChartDataPoint[];
|
|
519
|
+
color?: string;
|
|
520
|
+
}
|
|
521
|
+
interface BarChartProps {
|
|
522
|
+
data: BarChartSeries[];
|
|
523
|
+
width?: number;
|
|
524
|
+
height?: number;
|
|
525
|
+
showGrid?: boolean;
|
|
526
|
+
showXAxis?: boolean;
|
|
527
|
+
showYAxis?: boolean;
|
|
528
|
+
showLegend?: boolean;
|
|
529
|
+
showTooltip?: boolean;
|
|
530
|
+
showValues?: boolean;
|
|
531
|
+
stacked?: boolean;
|
|
532
|
+
horizontal?: boolean;
|
|
533
|
+
barWidth?: number;
|
|
534
|
+
className?: string;
|
|
535
|
+
xAxisLabel?: string;
|
|
536
|
+
yAxisLabel?: string;
|
|
537
|
+
}
|
|
538
|
+
declare const BarChart: React.FC<BarChartProps>;
|
|
539
|
+
|
|
540
|
+
interface AreaChartDataPoint {
|
|
541
|
+
x: string | number;
|
|
542
|
+
y: number;
|
|
543
|
+
}
|
|
544
|
+
interface AreaChartSeries {
|
|
545
|
+
name: string;
|
|
546
|
+
data: AreaChartDataPoint[];
|
|
547
|
+
color?: string;
|
|
548
|
+
}
|
|
549
|
+
interface AreaChartProps {
|
|
550
|
+
data: AreaChartSeries[];
|
|
551
|
+
width?: number;
|
|
552
|
+
height?: number;
|
|
553
|
+
showGrid?: boolean;
|
|
554
|
+
showXAxis?: boolean;
|
|
555
|
+
showYAxis?: boolean;
|
|
556
|
+
showLegend?: boolean;
|
|
557
|
+
showTooltip?: boolean;
|
|
558
|
+
showDots?: boolean;
|
|
559
|
+
curved?: boolean;
|
|
560
|
+
stacked?: boolean;
|
|
561
|
+
fillOpacity?: number;
|
|
562
|
+
strokeWidth?: number;
|
|
563
|
+
className?: string;
|
|
564
|
+
xAxisLabel?: string;
|
|
565
|
+
yAxisLabel?: string;
|
|
566
|
+
}
|
|
567
|
+
declare const AreaChart: React.FC<AreaChartProps>;
|
|
568
|
+
|
|
569
|
+
interface PieChartDataPoint {
|
|
570
|
+
label: string;
|
|
571
|
+
value: number;
|
|
572
|
+
color?: string;
|
|
573
|
+
}
|
|
574
|
+
interface PieChartProps {
|
|
575
|
+
data: PieChartDataPoint[];
|
|
576
|
+
width?: number;
|
|
577
|
+
height?: number;
|
|
578
|
+
showLegend?: boolean;
|
|
579
|
+
showLabels?: boolean;
|
|
580
|
+
showValues?: boolean;
|
|
581
|
+
showPercentages?: boolean;
|
|
582
|
+
donut?: boolean;
|
|
583
|
+
donutWidth?: number;
|
|
584
|
+
className?: string;
|
|
585
|
+
}
|
|
586
|
+
declare const PieChart: React.FC<PieChartProps>;
|
|
587
|
+
|
|
411
588
|
type ThemeName = 'default' | 'minimalistic';
|
|
412
589
|
interface ButtonTheme {
|
|
413
590
|
primary: string;
|
|
@@ -451,6 +628,7 @@ interface ThemeContextValue {
|
|
|
451
628
|
setTheme: (themeName: ThemeName) => void;
|
|
452
629
|
colorMode: ColorMode;
|
|
453
630
|
setColorMode: (mode: ColorMode) => void;
|
|
631
|
+
toggleColorMode: () => void;
|
|
454
632
|
resolvedColorMode: 'light' | 'dark';
|
|
455
633
|
}
|
|
456
634
|
declare function useTheme(): ThemeContextValue;
|
|
@@ -492,33 +670,113 @@ declare const MenuIcon: IconComponent;
|
|
|
492
670
|
|
|
493
671
|
declare const CloseIcon: IconComponent;
|
|
494
672
|
|
|
673
|
+
declare const PlusIcon: IconComponent;
|
|
674
|
+
|
|
675
|
+
declare const ArrowLeftIcon: IconComponent;
|
|
676
|
+
|
|
677
|
+
declare const ArrowRightIcon: IconComponent;
|
|
678
|
+
|
|
679
|
+
declare const ArrowUpIcon: IconComponent;
|
|
680
|
+
|
|
681
|
+
declare const ArrowDownIcon: IconComponent;
|
|
682
|
+
|
|
495
683
|
declare const ChevronDownIcon: IconComponent;
|
|
496
684
|
|
|
685
|
+
declare const ChevronUpIcon: IconComponent;
|
|
686
|
+
|
|
687
|
+
declare const ChevronLeftIcon: IconComponent;
|
|
688
|
+
|
|
497
689
|
declare const ChevronRightIcon: IconComponent;
|
|
498
690
|
|
|
691
|
+
declare const ExternalLinkIcon: IconComponent;
|
|
692
|
+
|
|
499
693
|
declare const CheckIcon: IconComponent;
|
|
500
694
|
|
|
501
|
-
declare const
|
|
695
|
+
declare const CheckCircleIcon: IconComponent;
|
|
696
|
+
|
|
697
|
+
declare const AlertCircleIcon: IconComponent;
|
|
698
|
+
|
|
699
|
+
declare const InfoCircleIcon: IconComponent;
|
|
502
700
|
|
|
503
701
|
declare const TrashIcon: IconComponent;
|
|
504
702
|
|
|
505
703
|
declare const EditIcon: IconComponent;
|
|
506
704
|
|
|
705
|
+
declare const CopyIcon: IconComponent;
|
|
706
|
+
|
|
707
|
+
declare const SaveIcon: IconComponent;
|
|
708
|
+
|
|
709
|
+
declare const DownloadIcon: IconComponent;
|
|
710
|
+
|
|
711
|
+
declare const UploadIcon: IconComponent;
|
|
712
|
+
|
|
713
|
+
declare const RefreshIcon: IconComponent;
|
|
714
|
+
|
|
715
|
+
declare const EyeIcon: IconComponent;
|
|
716
|
+
|
|
717
|
+
declare const EyeOffIcon: IconComponent;
|
|
718
|
+
|
|
719
|
+
declare const PlayIcon: IconComponent;
|
|
720
|
+
|
|
721
|
+
declare const PauseIcon: IconComponent;
|
|
722
|
+
|
|
723
|
+
declare const StopIcon: IconComponent;
|
|
724
|
+
|
|
725
|
+
declare const SkipBackIcon: IconComponent;
|
|
726
|
+
|
|
727
|
+
declare const SkipForwardIcon: IconComponent;
|
|
728
|
+
|
|
729
|
+
declare const VolumeUpIcon: IconComponent;
|
|
730
|
+
|
|
731
|
+
declare const VolumeOffIcon: IconComponent;
|
|
732
|
+
|
|
733
|
+
declare const FullscreenIcon: IconComponent;
|
|
734
|
+
|
|
735
|
+
declare const FullscreenExitIcon: IconComponent;
|
|
736
|
+
|
|
507
737
|
declare const MailIcon: IconComponent;
|
|
508
738
|
|
|
739
|
+
declare const ChatIcon: IconComponent;
|
|
740
|
+
|
|
509
741
|
declare const StarIcon: IconComponent;
|
|
510
742
|
|
|
511
743
|
declare const HeartIcon: IconComponent;
|
|
512
744
|
|
|
513
|
-
declare const
|
|
745
|
+
declare const CameraIcon: IconComponent;
|
|
514
746
|
|
|
515
|
-
declare const
|
|
747
|
+
declare const CalendarIcon: IconComponent;
|
|
516
748
|
|
|
517
|
-
declare const
|
|
749
|
+
declare const BookIcon: IconComponent;
|
|
750
|
+
|
|
751
|
+
declare const FileIcon: IconComponent;
|
|
752
|
+
|
|
753
|
+
declare const FolderIcon: IconComponent;
|
|
754
|
+
|
|
755
|
+
declare const ImageIcon: IconComponent;
|
|
756
|
+
|
|
757
|
+
declare const CodeIcon: IconComponent;
|
|
758
|
+
|
|
759
|
+
declare const TerminalIcon: IconComponent;
|
|
760
|
+
|
|
761
|
+
declare const DatabaseIcon: IconComponent;
|
|
762
|
+
|
|
763
|
+
declare const CloudIcon: IconComponent;
|
|
764
|
+
|
|
765
|
+
declare const PlugIcon: IconComponent;
|
|
766
|
+
|
|
767
|
+
declare const KeyIcon: IconComponent;
|
|
518
768
|
|
|
519
769
|
declare const LockIcon: IconComponent;
|
|
520
770
|
|
|
521
|
-
declare const
|
|
771
|
+
declare const ShieldIcon: IconComponent;
|
|
772
|
+
|
|
773
|
+
declare const SparklesIcon: IconComponent;
|
|
774
|
+
|
|
775
|
+
declare const BrainIcon: IconComponent;
|
|
776
|
+
|
|
777
|
+
declare const GlobeIcon: IconComponent;
|
|
778
|
+
|
|
779
|
+
declare const BeakerIcon: IconComponent;
|
|
522
780
|
|
|
523
781
|
declare const GoogleIcon: IconComponent;
|
|
524
782
|
|
|
@@ -536,4 +794,4 @@ declare const YouTubeIcon: IconComponent;
|
|
|
536
794
|
|
|
537
795
|
declare const SlackIcon: IconComponent;
|
|
538
796
|
|
|
539
|
-
export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, AppShell, type AppShellProps, AppleIcon, Avatar, type AvatarProps, Badge, type BadgeProps, BellIcon, Button, type ButtonProps, type ButtonTheme, Calendar, CalendarIcon, type CalendarProps, CameraIcon, Card, type CardProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronRightIcon, CloseIcon, type ColorMode, type Column, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, FileUpload, type FileUploadProps, GitHubIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SlackIcon, Slider, type SliderProps, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, Textarea, type TextareaProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, type Toast, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast };
|
|
797
|
+
export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, AlertCircleIcon, type AlertProps, AppShell, type AppShellProps, AppleIcon, AreaChart, type AreaChartDataPoint, type AreaChartProps, type AreaChartSeries, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BarChart, type BarChartDataPoint, type BarChartProps, type BarChartSeries, BeakerIcon, BellIcon, BookIcon, BrainIcon, Button, type ButtonProps, type ButtonTheme, Calendar, CalendarIcon, type CalendarProps, CameraIcon, Card, type CardProps, type Chapter, ChatIcon, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CloudIcon, CodeIcon, type ColorMode, type Column, CopyIcon, DatabaseIcon, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FileIcon, FileUpload, type FileUploadProps, FolderIcon, FullscreenExitIcon, FullscreenIcon, GitHubIcon, GlobeIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, ImageIcon, InfoCircleIcon, KeyIcon, LineChart, type LineChartDataPoint, type LineChartProps, type LineChartSeries, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, PauseIcon, PieChart, type PieChartDataPoint, type PieChartProps, PlayIcon, PlugIcon, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, RefreshIcon, RichTextEditor, type RichTextEditorProps, SaveIcon, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, ShieldIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SkipBackIcon, SkipForwardIcon, SlackIcon, Slider, type SliderProps, SparklesIcon, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, StopIcon, type Tab, Table, type TableProps, Tabs, type TabsProps, TerminalIcon, TextInput, type TextInputProps, Textarea, type TextareaProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, type Toast, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, VideoPlayer, type VideoPlayerProps, VolumeOffIcon, VolumeUpIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast };
|