my-animated-components 2.0.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +230 -231
- package/dist/index.js +2535 -2559
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -26,9 +26,71 @@ interface VariantProps {
|
|
|
26
26
|
variant?: Variant;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
type Color$g = 'primary' | 'secondary' | '
|
|
30
|
-
type
|
|
29
|
+
type Color$g = 'primary' | 'secondary' | 'danger' | 'success' | 'info' | 'warning' | string;
|
|
30
|
+
type AccordionVariant = 'solid' | 'outline' | 'ghost' | 'glass' | 'elevated' | string;
|
|
31
|
+
interface AccordionItem {
|
|
32
|
+
title: string;
|
|
33
|
+
content: React$1.ReactNode;
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
}
|
|
36
|
+
interface AccordionProps extends BaseProps, RadiusProps {
|
|
37
|
+
items: AccordionItem[];
|
|
38
|
+
color?: Color$g;
|
|
39
|
+
variant?: AccordionVariant;
|
|
40
|
+
motionVariant?: keyof typeof motionVariants;
|
|
41
|
+
allowMultipleOpen?: boolean;
|
|
42
|
+
defaultOpenIndex?: number[];
|
|
43
|
+
customIcon?: React$1.ReactNode;
|
|
44
|
+
iconPosition?: 'left' | 'right';
|
|
45
|
+
wrapperClassName?: string;
|
|
46
|
+
headerClassName?: string;
|
|
47
|
+
contentClassName?: string;
|
|
48
|
+
}
|
|
49
|
+
declare const Accordion: React$1.FC<AccordionProps>;
|
|
50
|
+
|
|
51
|
+
type Color$f = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
52
|
+
type AlertVariant = 'flat' | 'solid' | 'glass' | string;
|
|
53
|
+
interface AlertProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<"div">, "children"> {
|
|
54
|
+
children?: React$1.ReactNode;
|
|
55
|
+
onClose?: () => void;
|
|
56
|
+
motionVariant?: keyof typeof motionVariants;
|
|
57
|
+
color?: Color$f;
|
|
58
|
+
variant?: AlertVariant;
|
|
59
|
+
}
|
|
60
|
+
declare const Alert: React$1.FC<AlertProps>;
|
|
61
|
+
|
|
62
|
+
interface AvatarProps extends BaseProps, SizeProps, RadiusProps, Omit<HTMLMotionProps<'div'>, 'children'> {
|
|
63
|
+
src?: string;
|
|
64
|
+
alt?: string;
|
|
65
|
+
initials?: string;
|
|
66
|
+
fallbackIcon?: React$1.ReactNode;
|
|
67
|
+
}
|
|
68
|
+
declare const Avatar: React$1.FC<AvatarProps>;
|
|
69
|
+
|
|
70
|
+
type Color$e = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
31
71
|
type Size$2 = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | string;
|
|
72
|
+
interface BadgeProps extends BaseProps, RadiusProps, VariantProps, Omit<HTMLMotionProps<"span">, "children"> {
|
|
73
|
+
children?: React$1.ReactNode;
|
|
74
|
+
motionVariant?: keyof typeof motionVariants;
|
|
75
|
+
color?: Color$e;
|
|
76
|
+
size?: Size$2;
|
|
77
|
+
}
|
|
78
|
+
declare const Badge: React$1.FC<BadgeProps>;
|
|
79
|
+
|
|
80
|
+
type Color$d = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
81
|
+
interface BreadcrumbProps extends BaseProps, Omit<HTMLMotionProps<"nav">, "children"> {
|
|
82
|
+
items: {
|
|
83
|
+
label: string;
|
|
84
|
+
href: string;
|
|
85
|
+
}[];
|
|
86
|
+
motionVariant?: keyof typeof motionVariants;
|
|
87
|
+
color?: Color$d;
|
|
88
|
+
}
|
|
89
|
+
declare const Breadcrumb: React$1.FC<BreadcrumbProps>;
|
|
90
|
+
|
|
91
|
+
type Color$c = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
92
|
+
type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'glass' | 'gradient' | string;
|
|
93
|
+
type Size$1 = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | string;
|
|
32
94
|
type MotionVariantKey$5 = keyof typeof motionVariants;
|
|
33
95
|
interface ButtonProps extends BaseProps, SizeProps, RadiusProps, Omit<HTMLMotionProps<'button'>, 'children'> {
|
|
34
96
|
/**
|
|
@@ -49,7 +111,7 @@ interface ButtonProps extends BaseProps, SizeProps, RadiusProps, Omit<HTMLMotion
|
|
|
49
111
|
* Color theme of the button
|
|
50
112
|
* @default 'primary'
|
|
51
113
|
*/
|
|
52
|
-
color?: Color$
|
|
114
|
+
color?: Color$c;
|
|
53
115
|
/**
|
|
54
116
|
* Predefined motion variant from motionVariants for initial animation
|
|
55
117
|
* @default 'fadeIn'
|
|
@@ -101,13 +163,13 @@ interface ButtonProps extends BaseProps, SizeProps, RadiusProps, Omit<HTMLMotion
|
|
|
101
163
|
*/
|
|
102
164
|
customClasses?: {
|
|
103
165
|
[variant in ButtonVariant]?: {
|
|
104
|
-
[color in Color$
|
|
166
|
+
[color in Color$c]?: string;
|
|
105
167
|
};
|
|
106
168
|
};
|
|
107
169
|
/**
|
|
108
170
|
* Custom size class mapping
|
|
109
171
|
*/
|
|
110
|
-
customSizeClasses?: Record<Size$
|
|
172
|
+
customSizeClasses?: Record<Size$1, string>;
|
|
111
173
|
/**
|
|
112
174
|
* Whether to use animation on initial render
|
|
113
175
|
* @default true
|
|
@@ -148,13 +210,13 @@ interface ButtonProps extends BaseProps, SizeProps, RadiusProps, Omit<HTMLMotion
|
|
|
148
210
|
}
|
|
149
211
|
declare const Button: React$1.FC<ButtonProps>;
|
|
150
212
|
|
|
151
|
-
type Color$
|
|
213
|
+
type Color$b = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
152
214
|
type IconButtonVariant = 'solid' | 'outline' | 'ghost' | 'glass' | 'gradient' | string;
|
|
153
215
|
type MotionVariantKey$4 = keyof typeof motionVariants;
|
|
154
216
|
interface IconButtonProps extends BaseProps, SizeProps, RadiusProps, Omit<HTMLMotionProps<'button'>, 'children'> {
|
|
155
217
|
icon: React$1.ReactNode;
|
|
156
218
|
variant?: IconButtonVariant;
|
|
157
|
-
color?: Color$
|
|
219
|
+
color?: Color$b;
|
|
158
220
|
motionVariant?: MotionVariantKey$4;
|
|
159
221
|
whileHoverAnimation?: MotionVariantKey$4;
|
|
160
222
|
whileTapAnimation?: MotionVariantKey$4;
|
|
@@ -162,68 +224,6 @@ interface IconButtonProps extends BaseProps, SizeProps, RadiusProps, Omit<HTMLMo
|
|
|
162
224
|
}
|
|
163
225
|
declare const IconButton: React$1.FC<IconButtonProps>;
|
|
164
226
|
|
|
165
|
-
type Color$e = 'primary' | 'secondary' | 'danger' | 'success' | 'info' | 'warning' | string;
|
|
166
|
-
type AccordionVariant = 'solid' | 'outline' | 'ghost' | 'glass' | 'elevated' | string;
|
|
167
|
-
interface AccordionItem {
|
|
168
|
-
title: string;
|
|
169
|
-
content: React$1.ReactNode;
|
|
170
|
-
disabled?: boolean;
|
|
171
|
-
}
|
|
172
|
-
interface AccordionProps extends BaseProps, RadiusProps {
|
|
173
|
-
items: AccordionItem[];
|
|
174
|
-
color?: Color$e;
|
|
175
|
-
variant?: AccordionVariant;
|
|
176
|
-
motionVariant?: keyof typeof motionVariants;
|
|
177
|
-
allowMultipleOpen?: boolean;
|
|
178
|
-
defaultOpenIndex?: number[];
|
|
179
|
-
customIcon?: React$1.ReactNode;
|
|
180
|
-
iconPosition?: 'left' | 'right';
|
|
181
|
-
wrapperClassName?: string;
|
|
182
|
-
headerClassName?: string;
|
|
183
|
-
contentClassName?: string;
|
|
184
|
-
}
|
|
185
|
-
declare const Accordion: React$1.FC<AccordionProps>;
|
|
186
|
-
|
|
187
|
-
type Color$d = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
188
|
-
type AlertVariant = 'flat' | 'solid' | 'glass' | string;
|
|
189
|
-
interface AlertProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<"div">, "children"> {
|
|
190
|
-
children?: React$1.ReactNode;
|
|
191
|
-
onClose?: () => void;
|
|
192
|
-
motionVariant?: keyof typeof motionVariants;
|
|
193
|
-
color?: Color$d;
|
|
194
|
-
variant?: AlertVariant;
|
|
195
|
-
}
|
|
196
|
-
declare const Alert: React$1.FC<AlertProps>;
|
|
197
|
-
|
|
198
|
-
interface AvatarProps extends BaseProps, SizeProps, RadiusProps, Omit<HTMLMotionProps<'div'>, 'children'> {
|
|
199
|
-
src?: string;
|
|
200
|
-
alt?: string;
|
|
201
|
-
initials?: string;
|
|
202
|
-
fallbackIcon?: React$1.ReactNode;
|
|
203
|
-
}
|
|
204
|
-
declare const Avatar: React$1.FC<AvatarProps>;
|
|
205
|
-
|
|
206
|
-
type Color$c = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
207
|
-
type Size$1 = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | string;
|
|
208
|
-
interface BadgeProps extends BaseProps, RadiusProps, VariantProps, Omit<HTMLMotionProps<"span">, "children"> {
|
|
209
|
-
children?: React$1.ReactNode;
|
|
210
|
-
motionVariant?: keyof typeof motionVariants;
|
|
211
|
-
color?: Color$c;
|
|
212
|
-
size?: Size$1;
|
|
213
|
-
}
|
|
214
|
-
declare const Badge: React$1.FC<BadgeProps>;
|
|
215
|
-
|
|
216
|
-
type Color$b = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
217
|
-
interface BreadcrumbProps extends BaseProps, Omit<HTMLMotionProps<"nav">, "children"> {
|
|
218
|
-
items: {
|
|
219
|
-
label: string;
|
|
220
|
-
href: string;
|
|
221
|
-
}[];
|
|
222
|
-
motionVariant?: keyof typeof motionVariants;
|
|
223
|
-
color?: Color$b;
|
|
224
|
-
}
|
|
225
|
-
declare const Breadcrumb: React$1.FC<BreadcrumbProps>;
|
|
226
|
-
|
|
227
227
|
interface CardProps extends BaseProps, RadiusProps, VariantProps, Omit<HTMLMotionProps<"div">, "children"> {
|
|
228
228
|
children?: React$1.ReactNode;
|
|
229
229
|
motionVariant?: keyof typeof motionVariants;
|
|
@@ -445,31 +445,6 @@ interface SelectProps extends BaseProps, SizeProps, RadiusProps {
|
|
|
445
445
|
declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLSelectElement>>;
|
|
446
446
|
|
|
447
447
|
type Color$8 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
|
|
448
|
-
interface SwitchProps extends BaseProps {
|
|
449
|
-
/** Whether the switch is on */
|
|
450
|
-
checked: boolean;
|
|
451
|
-
/** Change handler */
|
|
452
|
-
onChange: (checked: boolean) => void;
|
|
453
|
-
/** Label text */
|
|
454
|
-
label?: string;
|
|
455
|
-
/** Color theme */
|
|
456
|
-
color?: Color$8;
|
|
457
|
-
/** Predefined motion variant */
|
|
458
|
-
motionVariant?: keyof typeof motionVariants;
|
|
459
|
-
/** Whether the switch is disabled */
|
|
460
|
-
disabled?: boolean;
|
|
461
|
-
/** Switch id */
|
|
462
|
-
id?: string;
|
|
463
|
-
/** Switch name */
|
|
464
|
-
name?: string;
|
|
465
|
-
/** Size of the switch */
|
|
466
|
-
size?: 'sm' | 'md' | 'lg';
|
|
467
|
-
/** Whether to animate on mount */
|
|
468
|
-
useAnimation?: boolean;
|
|
469
|
-
}
|
|
470
|
-
declare const Switch: React$1.FC<SwitchProps>;
|
|
471
|
-
|
|
472
|
-
type Color$7 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
|
|
473
448
|
interface TextareaProps extends BaseProps, SizeProps, RadiusProps {
|
|
474
449
|
/** Placeholder text */
|
|
475
450
|
placeholder?: string;
|
|
@@ -482,7 +457,7 @@ interface TextareaProps extends BaseProps, SizeProps, RadiusProps {
|
|
|
482
457
|
/** Number of rows */
|
|
483
458
|
rows?: number;
|
|
484
459
|
/** Color theme */
|
|
485
|
-
color?: Color$
|
|
460
|
+
color?: Color$8;
|
|
486
461
|
/** Predefined motion variant */
|
|
487
462
|
motionVariant?: keyof typeof motionVariants;
|
|
488
463
|
/** Label text */
|
|
@@ -512,6 +487,85 @@ interface TextareaProps extends BaseProps, SizeProps, RadiusProps {
|
|
|
512
487
|
}
|
|
513
488
|
declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
514
489
|
|
|
490
|
+
type NavigationStyle = 'arrows' | 'dots' | 'thumbnails' | 'both' | 'arrows-dots' | 'none';
|
|
491
|
+
type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | string;
|
|
492
|
+
type Direction = 'horizontal' | 'vertical';
|
|
493
|
+
type MotionVariantKey$3 = keyof typeof motionVariants;
|
|
494
|
+
interface CarouselImage {
|
|
495
|
+
src: string;
|
|
496
|
+
alt: string;
|
|
497
|
+
title?: string;
|
|
498
|
+
description?: string;
|
|
499
|
+
thumbnail?: string;
|
|
500
|
+
}
|
|
501
|
+
interface CustomIcons {
|
|
502
|
+
prevIcon?: React$1.ReactNode;
|
|
503
|
+
nextIcon?: React$1.ReactNode;
|
|
504
|
+
playIcon?: React$1.ReactNode;
|
|
505
|
+
pauseIcon?: React$1.ReactNode;
|
|
506
|
+
}
|
|
507
|
+
interface CarouselProps extends BaseProps {
|
|
508
|
+
images: CarouselImage[];
|
|
509
|
+
motionVariant?: MotionVariantKey$3;
|
|
510
|
+
navigationStyle?: NavigationStyle;
|
|
511
|
+
size?: Size;
|
|
512
|
+
autoPlay?: number;
|
|
513
|
+
autoPlayDirection?: 'forward' | 'backward';
|
|
514
|
+
showPlayPause?: boolean;
|
|
515
|
+
loop?: boolean;
|
|
516
|
+
enableSwipe?: boolean;
|
|
517
|
+
swipeThreshold?: number;
|
|
518
|
+
direction?: Direction;
|
|
519
|
+
customVariants?: Variants;
|
|
520
|
+
transitionDuration?: number;
|
|
521
|
+
customTransition?: Transition;
|
|
522
|
+
customClasses?: {
|
|
523
|
+
container?: string;
|
|
524
|
+
imageWrapper?: string;
|
|
525
|
+
image?: string;
|
|
526
|
+
navigation?: string;
|
|
527
|
+
arrows?: string;
|
|
528
|
+
dots?: string;
|
|
529
|
+
thumbnails?: string;
|
|
530
|
+
overlay?: string;
|
|
531
|
+
playPause?: string;
|
|
532
|
+
};
|
|
533
|
+
customSizeClasses?: Record<Size, string>;
|
|
534
|
+
aspectRatio?: string;
|
|
535
|
+
showOverlay?: boolean;
|
|
536
|
+
overlayPosition?: 'bottom' | 'top' | 'center';
|
|
537
|
+
onSlideChange?: (index: number) => void;
|
|
538
|
+
initialSlide?: number;
|
|
539
|
+
baseClassName?: string;
|
|
540
|
+
unstyled?: boolean;
|
|
541
|
+
customIcons?: CustomIcons;
|
|
542
|
+
thumbnailSize?: 'sm' | 'md' | 'lg';
|
|
543
|
+
arrowPosition?: 'inside' | 'outside';
|
|
544
|
+
dotStyle?: 'line' | 'circle' | 'square';
|
|
545
|
+
pauseOnHover?: boolean;
|
|
546
|
+
keyboard?: boolean;
|
|
547
|
+
slidesPerView?: number;
|
|
548
|
+
spaceBetween?: number;
|
|
549
|
+
centeredSlides?: boolean;
|
|
550
|
+
}
|
|
551
|
+
declare const Carousel: React$1.FC<CarouselProps>;
|
|
552
|
+
|
|
553
|
+
type ImageEditorProps$1 = {
|
|
554
|
+
imageFile: File;
|
|
555
|
+
onSave: (file: File) => void;
|
|
556
|
+
onCancel: () => void;
|
|
557
|
+
className?: string;
|
|
558
|
+
};
|
|
559
|
+
declare const ImageEditor: ({ imageFile, onSave, onCancel, className }: ImageEditorProps$1) => React$1.ReactPortal;
|
|
560
|
+
|
|
561
|
+
interface ImageEditorProps {
|
|
562
|
+
imageFile: File;
|
|
563
|
+
onSave: (file: File) => void;
|
|
564
|
+
onCancel: () => void;
|
|
565
|
+
className?: string;
|
|
566
|
+
}
|
|
567
|
+
declare const Imageeditor: React$1.FC<ImageEditorProps>;
|
|
568
|
+
|
|
515
569
|
interface ContainerProps extends BaseProps, Omit<HTMLMotionProps<"div">, "children"> {
|
|
516
570
|
children?: React$1.ReactNode;
|
|
517
571
|
fluid?: boolean;
|
|
@@ -552,10 +606,10 @@ interface ListProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<"ul">,
|
|
|
552
606
|
}
|
|
553
607
|
declare const List: React$1.FC<ListProps>;
|
|
554
608
|
|
|
555
|
-
type MotionVariantKey$
|
|
609
|
+
type MotionVariantKey$2 = keyof typeof motionVariants;
|
|
556
610
|
interface ListItemProps extends BaseProps, Omit<HTMLMotionProps<"li">, "children"> {
|
|
557
611
|
children?: React$1.ReactNode;
|
|
558
|
-
motionVariant?: MotionVariantKey$
|
|
612
|
+
motionVariant?: MotionVariantKey$2;
|
|
559
613
|
}
|
|
560
614
|
declare const ListItem: React$1.FC<ListItemProps>;
|
|
561
615
|
|
|
@@ -585,33 +639,6 @@ declare const ModalFooter: React$1.FC<BaseProps & WithChildren>;
|
|
|
585
639
|
|
|
586
640
|
declare const ModalHeader: React$1.FC<BaseProps & WithChildren>;
|
|
587
641
|
|
|
588
|
-
type MotionVariantKey$2 = keyof typeof motionVariants;
|
|
589
|
-
interface NavItemProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<"a">, "children" | "href" | "className"> {
|
|
590
|
-
href: string;
|
|
591
|
-
/** Whether this item is active */
|
|
592
|
-
active?: boolean;
|
|
593
|
-
/** Size key for padding and font size */
|
|
594
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
595
|
-
/** Customize size classes */
|
|
596
|
-
sizeClasses?: Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', string>>;
|
|
597
|
-
motionVariant?: MotionVariantKey$2;
|
|
598
|
-
duration?: number;
|
|
599
|
-
loop?: boolean;
|
|
600
|
-
/** Text color classes when inactive */
|
|
601
|
-
textColorClass?: string;
|
|
602
|
-
/** Text color classes on hover */
|
|
603
|
-
hoverTextColorClass?: string;
|
|
604
|
-
/** Text color classes when active */
|
|
605
|
-
activeTextColorClass?: string;
|
|
606
|
-
/** Scale on hover */
|
|
607
|
-
hoverScale?: number;
|
|
608
|
-
/** Scale on tap */
|
|
609
|
-
tapScale?: number;
|
|
610
|
-
/** Custom children rendering */
|
|
611
|
-
children?: React$1.ReactNode;
|
|
612
|
-
}
|
|
613
|
-
declare const NavItem: React$1.FC<NavItemProps>;
|
|
614
|
-
|
|
615
642
|
type NavbarVariant = 'flat' | 'solid' | 'glass' | 'elevated' | string;
|
|
616
643
|
interface NavbarProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<"nav">, "children" | "className" | "variant"> {
|
|
617
644
|
/** Brand/logo element */
|
|
@@ -639,6 +666,33 @@ interface NavbarProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<"nav"
|
|
|
639
666
|
}
|
|
640
667
|
declare const Navbar: React$1.FC<NavbarProps>;
|
|
641
668
|
|
|
669
|
+
type MotionVariantKey$1 = keyof typeof motionVariants;
|
|
670
|
+
interface NavItemProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<"a">, "children" | "href" | "className"> {
|
|
671
|
+
href: string;
|
|
672
|
+
/** Whether this item is active */
|
|
673
|
+
active?: boolean;
|
|
674
|
+
/** Size key for padding and font size */
|
|
675
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
676
|
+
/** Customize size classes */
|
|
677
|
+
sizeClasses?: Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', string>>;
|
|
678
|
+
motionVariant?: MotionVariantKey$1;
|
|
679
|
+
duration?: number;
|
|
680
|
+
loop?: boolean;
|
|
681
|
+
/** Text color classes when inactive */
|
|
682
|
+
textColorClass?: string;
|
|
683
|
+
/** Text color classes on hover */
|
|
684
|
+
hoverTextColorClass?: string;
|
|
685
|
+
/** Text color classes when active */
|
|
686
|
+
activeTextColorClass?: string;
|
|
687
|
+
/** Scale on hover */
|
|
688
|
+
hoverScale?: number;
|
|
689
|
+
/** Scale on tap */
|
|
690
|
+
tapScale?: number;
|
|
691
|
+
/** Custom children rendering */
|
|
692
|
+
children?: React$1.ReactNode;
|
|
693
|
+
}
|
|
694
|
+
declare const NavItem: React$1.FC<NavItemProps>;
|
|
695
|
+
|
|
642
696
|
/**
|
|
643
697
|
* A fully customizable offcanvas panel component.
|
|
644
698
|
*/
|
|
@@ -675,20 +729,20 @@ interface OffcanvasHeaderProps extends BaseProps, WithChildren {
|
|
|
675
729
|
}
|
|
676
730
|
declare const OffcanvasHeader: React$1.FC<OffcanvasHeaderProps>;
|
|
677
731
|
|
|
678
|
-
type Color$
|
|
732
|
+
type Color$7 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
679
733
|
type PaginationVariant = 'flat' | 'solid' | 'glass' | string;
|
|
680
734
|
interface PaginationProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<"nav">, "children" | "color" | "className" | "variant"> {
|
|
681
735
|
currentPage: number;
|
|
682
736
|
totalPages: number;
|
|
683
737
|
onPageChange: (page: number) => void;
|
|
684
|
-
color?: Color$
|
|
738
|
+
color?: Color$7;
|
|
685
739
|
variant?: PaginationVariant;
|
|
686
740
|
motionVariant?: keyof typeof motionVariants;
|
|
687
741
|
}
|
|
688
742
|
declare const Pagination: React$1.FC<PaginationProps>;
|
|
689
743
|
|
|
690
|
-
type MotionVariantKey
|
|
691
|
-
type Color$
|
|
744
|
+
type MotionVariantKey = keyof typeof motionVariants;
|
|
745
|
+
type Color$6 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
692
746
|
type ProgressVariant = 'flat' | 'glow' | 'gradient' | string;
|
|
693
747
|
interface ProgressBarProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<"div">, "children" | "variant"> {
|
|
694
748
|
/** Current value */
|
|
@@ -696,7 +750,7 @@ interface ProgressBarProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<
|
|
|
696
750
|
/** Maximum value */
|
|
697
751
|
max?: number;
|
|
698
752
|
/** Semantic color key */
|
|
699
|
-
color?: Color$
|
|
753
|
+
color?: Color$6;
|
|
700
754
|
/** Variant style */
|
|
701
755
|
variant?: ProgressVariant;
|
|
702
756
|
/** Override height utility class */
|
|
@@ -706,7 +760,7 @@ interface ProgressBarProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<
|
|
|
706
760
|
/** Bar background class override (falls back to color key) */
|
|
707
761
|
barBgClass?: string;
|
|
708
762
|
/** Motion variant key */
|
|
709
|
-
motionVariant?: MotionVariantKey
|
|
763
|
+
motionVariant?: MotionVariantKey;
|
|
710
764
|
/** Animation duration in seconds */
|
|
711
765
|
duration?: number;
|
|
712
766
|
/** Loop animation */
|
|
@@ -718,64 +772,64 @@ interface ProgressBarProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<
|
|
|
718
772
|
}
|
|
719
773
|
declare const ProgressBar: React$1.FC<ProgressBarProps>;
|
|
720
774
|
|
|
721
|
-
type Color$
|
|
775
|
+
type Color$5 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'default' | string;
|
|
722
776
|
type SkeletonVariant = 'pulse' | 'shimmer' | string;
|
|
723
777
|
interface SkeletonProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<"div">, "children" | "variant"> {
|
|
724
778
|
width?: string;
|
|
725
779
|
height?: string;
|
|
726
|
-
color?: Color$
|
|
780
|
+
color?: Color$5;
|
|
727
781
|
variant?: SkeletonVariant;
|
|
728
782
|
motionVariant?: keyof typeof motionVariants;
|
|
729
783
|
}
|
|
730
784
|
declare const Skeleton: React$1.FC<SkeletonProps>;
|
|
731
785
|
|
|
732
|
-
|
|
733
|
-
type SliderVariant = 'flat' | 'glow' | string;
|
|
734
|
-
interface SliderProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<"div">, "children" | "onChange" | "color" | "variant"> {
|
|
786
|
+
interface RangeSliderProps extends BaseProps {
|
|
735
787
|
min: number;
|
|
736
788
|
max: number;
|
|
737
|
-
|
|
738
|
-
onChange: (
|
|
789
|
+
values: [number, number];
|
|
790
|
+
onChange: (values: [number, number]) => void;
|
|
739
791
|
step?: number;
|
|
740
|
-
color?:
|
|
741
|
-
variant?: SliderVariant;
|
|
792
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
|
|
742
793
|
motionVariant?: keyof typeof motionVariants;
|
|
743
794
|
}
|
|
744
|
-
declare const
|
|
795
|
+
declare const RangeSlider: React$1.FC<RangeSliderProps>;
|
|
745
796
|
|
|
746
|
-
|
|
797
|
+
type Color$4 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
798
|
+
type SliderVariant = 'flat' | 'glow' | string;
|
|
799
|
+
interface SliderProps extends BaseProps, RadiusProps, Omit<HTMLMotionProps<"div">, "children" | "onChange" | "color" | "variant"> {
|
|
747
800
|
min: number;
|
|
748
801
|
max: number;
|
|
749
|
-
|
|
750
|
-
onChange: (
|
|
802
|
+
value: number;
|
|
803
|
+
onChange: (value: number) => void;
|
|
751
804
|
step?: number;
|
|
752
|
-
color?:
|
|
805
|
+
color?: Color$4;
|
|
806
|
+
variant?: SliderVariant;
|
|
753
807
|
motionVariant?: keyof typeof motionVariants;
|
|
754
808
|
}
|
|
755
|
-
declare const
|
|
809
|
+
declare const Slider: React$1.FC<SliderProps>;
|
|
756
810
|
|
|
757
|
-
type Color$
|
|
811
|
+
type Color$3 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
|
|
758
812
|
interface StepperProps extends BaseProps {
|
|
759
813
|
steps: string[];
|
|
760
814
|
currentStep: number;
|
|
761
815
|
color?: {
|
|
762
|
-
active?: Color$
|
|
763
|
-
inactive?: Color$
|
|
764
|
-
connector?: Color$
|
|
816
|
+
active?: Color$3;
|
|
817
|
+
inactive?: Color$3;
|
|
818
|
+
connector?: Color$3;
|
|
765
819
|
};
|
|
766
820
|
size?: 'sm' | 'md' | 'lg' | 'xs' | 'xl';
|
|
767
821
|
orientation?: 'horizontal' | 'vertical';
|
|
768
822
|
}
|
|
769
823
|
declare const Stepper: React$1.FC<StepperProps>;
|
|
770
824
|
|
|
771
|
-
type Color$
|
|
825
|
+
type Color$2 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
772
826
|
type TableVariant = 'flat' | 'elevated' | 'glass' | string;
|
|
773
827
|
interface TableProps extends BaseProps, SizeProps, RadiusProps, Omit<HTMLMotionProps<"div">, "children" | "color" | "variant"> {
|
|
774
828
|
children?: React$1.ReactNode;
|
|
775
829
|
/** Predefined motion variant */
|
|
776
830
|
motionVariant?: keyof typeof motionVariants;
|
|
777
831
|
/** Color theme */
|
|
778
|
-
color?: Color$
|
|
832
|
+
color?: Color$2;
|
|
779
833
|
/** Visual variant */
|
|
780
834
|
variant?: TableVariant;
|
|
781
835
|
/** Striped rows */
|
|
@@ -806,7 +860,7 @@ interface TableRowProps extends BaseProps, Omit<HTMLMotionProps<"tr">, "children
|
|
|
806
860
|
}
|
|
807
861
|
declare const TableRow: React$1.FC<TableRowProps>;
|
|
808
862
|
|
|
809
|
-
type Color = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
863
|
+
type Color$1 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
|
|
810
864
|
type TabsVariant = 'underlined' | 'pills' | 'solid' | string;
|
|
811
865
|
interface TabItem {
|
|
812
866
|
label: string;
|
|
@@ -817,7 +871,7 @@ interface TabsProps extends BaseProps, RadiusProps {
|
|
|
817
871
|
/** Array of tab items */
|
|
818
872
|
tabs: TabItem[];
|
|
819
873
|
motionVariant?: keyof typeof motionVariants;
|
|
820
|
-
color?: Color;
|
|
874
|
+
color?: Color$1;
|
|
821
875
|
variant?: TabsVariant;
|
|
822
876
|
fullWidth?: boolean;
|
|
823
877
|
tabClassName?: string;
|
|
@@ -857,83 +911,28 @@ interface TextProps extends BaseProps, WithChildren, SizeProps {
|
|
|
857
911
|
}
|
|
858
912
|
declare const Text: React$1.FC<TextProps>;
|
|
859
913
|
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
alt: string;
|
|
883
|
-
title?: string;
|
|
884
|
-
description?: string;
|
|
885
|
-
thumbnail?: string;
|
|
886
|
-
}
|
|
887
|
-
interface CustomIcons {
|
|
888
|
-
prevIcon?: React$1.ReactNode;
|
|
889
|
-
nextIcon?: React$1.ReactNode;
|
|
890
|
-
playIcon?: React$1.ReactNode;
|
|
891
|
-
pauseIcon?: React$1.ReactNode;
|
|
892
|
-
}
|
|
893
|
-
interface CarouselProps extends BaseProps {
|
|
894
|
-
images: CarouselImage[];
|
|
895
|
-
motionVariant?: MotionVariantKey;
|
|
896
|
-
navigationStyle?: NavigationStyle;
|
|
897
|
-
size?: Size;
|
|
898
|
-
autoPlay?: number;
|
|
899
|
-
autoPlayDirection?: 'forward' | 'backward';
|
|
900
|
-
showPlayPause?: boolean;
|
|
901
|
-
loop?: boolean;
|
|
902
|
-
enableSwipe?: boolean;
|
|
903
|
-
swipeThreshold?: number;
|
|
904
|
-
direction?: Direction;
|
|
905
|
-
customVariants?: Variants;
|
|
906
|
-
transitionDuration?: number;
|
|
907
|
-
customTransition?: Transition;
|
|
908
|
-
customClasses?: {
|
|
909
|
-
container?: string;
|
|
910
|
-
imageWrapper?: string;
|
|
911
|
-
image?: string;
|
|
912
|
-
navigation?: string;
|
|
913
|
-
arrows?: string;
|
|
914
|
-
dots?: string;
|
|
915
|
-
thumbnails?: string;
|
|
916
|
-
overlay?: string;
|
|
917
|
-
playPause?: string;
|
|
918
|
-
};
|
|
919
|
-
customSizeClasses?: Record<Size, string>;
|
|
920
|
-
aspectRatio?: string;
|
|
921
|
-
showOverlay?: boolean;
|
|
922
|
-
overlayPosition?: 'bottom' | 'top' | 'center';
|
|
923
|
-
onSlideChange?: (index: number) => void;
|
|
924
|
-
initialSlide?: number;
|
|
925
|
-
baseClassName?: string;
|
|
926
|
-
unstyled?: boolean;
|
|
927
|
-
customIcons?: CustomIcons;
|
|
928
|
-
thumbnailSize?: 'sm' | 'md' | 'lg';
|
|
929
|
-
arrowPosition?: 'inside' | 'outside';
|
|
930
|
-
dotStyle?: 'line' | 'circle' | 'square';
|
|
931
|
-
pauseOnHover?: boolean;
|
|
932
|
-
keyboard?: boolean;
|
|
933
|
-
slidesPerView?: number;
|
|
934
|
-
spaceBetween?: number;
|
|
935
|
-
centeredSlides?: boolean;
|
|
914
|
+
type Color = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
|
|
915
|
+
interface SwitchProps extends BaseProps {
|
|
916
|
+
/** Whether the switch is on */
|
|
917
|
+
checked: boolean;
|
|
918
|
+
/** Change handler */
|
|
919
|
+
onChange: (checked: boolean) => void;
|
|
920
|
+
/** Label text */
|
|
921
|
+
label?: string;
|
|
922
|
+
/** Color theme */
|
|
923
|
+
color?: Color;
|
|
924
|
+
/** Predefined motion variant */
|
|
925
|
+
motionVariant?: keyof typeof motionVariants;
|
|
926
|
+
/** Whether the switch is disabled */
|
|
927
|
+
disabled?: boolean;
|
|
928
|
+
/** Switch id */
|
|
929
|
+
id?: string;
|
|
930
|
+
/** Switch name */
|
|
931
|
+
name?: string;
|
|
932
|
+
/** Size of the switch */
|
|
933
|
+
size?: 'sm' | 'md' | 'lg';
|
|
934
|
+
/** Whether to animate on mount */
|
|
935
|
+
useAnimation?: boolean;
|
|
936
936
|
}
|
|
937
|
-
declare const Carousel: React$1.FC<CarouselProps>;
|
|
938
937
|
|
|
939
|
-
export { Accordion, Alert, Avatar, Badge, type BaseProps, Breadcrumb, Button, type ButtonProps, Card, CardBody, CardFooter, CardHeader, Carousel, type CarouselImage, type CarouselProps, Checkbox, type CheckboxProps, type Color$h as Color, type ColorProps, Container, Dropdown, DropdownItem, type DropdownItemProps, type DropdownProps, FileUpload, type FileUploadProps, Flex, Grid, Heading, IconButton, ImageEditor, Imageeditor, Input, type InputProps, List, ListItem, Modal, ModalBody, ModalFooter, ModalHeader, type ModalProps, NavItem, type NavItemProps, Navbar, type NavbarProps, Offcanvas, OffcanvasBody, OffcanvasHeader, type OffcanvasProps, Pagination, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RangeSlider, Select, type SelectOption, type SelectProps, type Size$3 as Size, type SizeProps, Skeleton, Slider, Stepper,
|
|
938
|
+
export { Accordion, type AccordionItem, type AccordionProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Carousel, type CarouselImage, type CarouselProps, Checkbox, type CheckboxProps, type Color$h as Color, type ColorProps, Container, type ContainerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownProps, FileUpload, type FileUploadProps, Flex, type FlexProps, Grid, type GridProps, Heading, type HeadingProps, IconButton, type IconButtonProps, ImageEditor, Imageeditor, Input, type InputProps, List, ListItem, type ListItemProps, type ListProps, Modal, ModalBody, ModalFooter, ModalHeader, type ModalProps, NavItem, type NavItemProps, Navbar, type NavbarProps, Offcanvas, OffcanvasBody, OffcanvasHeader, type OffcanvasProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, type Radius, type RadiusProps, RangeSlider, type RangeSliderProps, Select, type SelectOption, type SelectProps, type Size$3 as Size, type SizeProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Stepper, type StepperProps, type SwitchProps, type TabItem, Table, TableBody, TableCell, type TableCellProps, TableHead, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, type TextProps, Textarea, type TextareaProps, Tooltip, type TooltipProps, type Variant, type VariantProps, type WithChildren, motionVariants };
|