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.
Files changed (3) hide show
  1. package/dist/index.d.ts +230 -231
  2. package/dist/index.js +2535 -2559
  3. 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' | 'success' | 'danger' | 'warning' | 'info' | string;
30
- type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'glass' | 'gradient' | string;
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$g;
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$g]?: string;
166
+ [color in Color$c]?: string;
105
167
  };
106
168
  };
107
169
  /**
108
170
  * Custom size class mapping
109
171
  */
110
- customSizeClasses?: Record<Size$2, string>;
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$f = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
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$f;
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$7;
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$3 = keyof typeof motionVariants;
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$3;
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$6 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
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$6;
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$1 = keyof typeof motionVariants;
691
- type Color$5 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
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$5;
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$1;
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$4 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'default' | string;
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$4;
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
- type Color$3 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
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
- value: number;
738
- onChange: (value: number) => void;
789
+ values: [number, number];
790
+ onChange: (values: [number, number]) => void;
739
791
  step?: number;
740
- color?: Color$3;
741
- variant?: SliderVariant;
792
+ color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
742
793
  motionVariant?: keyof typeof motionVariants;
743
794
  }
744
- declare const Slider: React$1.FC<SliderProps>;
795
+ declare const RangeSlider: React$1.FC<RangeSliderProps>;
745
796
 
746
- interface RangeSliderProps extends BaseProps {
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
- values: [number, number];
750
- onChange: (values: [number, number]) => void;
802
+ value: number;
803
+ onChange: (value: number) => void;
751
804
  step?: number;
752
- color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
805
+ color?: Color$4;
806
+ variant?: SliderVariant;
753
807
  motionVariant?: keyof typeof motionVariants;
754
808
  }
755
- declare const RangeSlider: React$1.FC<RangeSliderProps>;
809
+ declare const Slider: React$1.FC<SliderProps>;
756
810
 
757
- type Color$2 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
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$2;
763
- inactive?: Color$2;
764
- connector?: Color$2;
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$1 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | string;
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$1;
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
- interface ImageEditorProps$1 {
861
- imageFile: File;
862
- onSave: (file: File) => void;
863
- onCancel: () => void;
864
- className?: string;
865
- }
866
- declare const Imageeditor: React$1.FC<ImageEditorProps$1>;
867
-
868
- type ImageEditorProps = {
869
- imageFile: File;
870
- onSave: (file: File) => void;
871
- onCancel: () => void;
872
- className?: string;
873
- };
874
- declare const ImageEditor: ({ imageFile, onSave, onCancel, className }: ImageEditorProps) => React$1.ReactPortal;
875
-
876
- type NavigationStyle = 'arrows' | 'dots' | 'thumbnails' | 'both' | 'arrows-dots' | 'none';
877
- type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | string;
878
- type Direction = 'horizontal' | 'vertical';
879
- type MotionVariantKey = keyof typeof motionVariants;
880
- interface CarouselImage {
881
- src: string;
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, Switch, type SwitchProps, Table, TableBody, TableCell, TableHead, type TableProps, TableRow, Tabs, Text, Textarea, type TextareaProps, Tooltip, type TooltipProps, type WithChildren, motionVariants };
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 };