@zentauri-ui/zentauri-components 0.0.4 → 0.0.6

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 (7) hide show
  1. package/dist/ui/index.cjs +159 -42
  2. package/dist/ui/index.cjs.map +1 -1
  3. package/dist/ui/index.d.cts +44 -35
  4. package/dist/ui/index.d.ts +44 -35
  5. package/dist/ui/index.js +159 -42
  6. package/dist/ui/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/ui/index.d.cts CHANGED
@@ -291,6 +291,9 @@ type DrawerAnimationPresets = Record<DrawerAnimation, DrawerPresetMotionProps>;
291
291
  declare const drawerPanelPresets: (side: "left" | "right" | "top" | "bottom") => DrawerAnimationPresets;
292
292
 
293
293
  declare const drawerOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
294
+ declare const drawerTriggerVariants: (props?: ({
295
+ appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "amber" | null | undefined;
296
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
294
297
  declare const drawerContentVariants: (props?: ({
295
298
  side?: "bottom" | "left" | "right" | "top" | null | undefined;
296
299
  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
@@ -307,6 +310,7 @@ type DrawerProps = {
307
310
  };
308
311
  type DrawerTriggerProps = HTMLAttributes<HTMLButtonElement> & {
309
312
  ref?: Ref<HTMLButtonElement>;
313
+ appearance?: VariantProps<typeof drawerTriggerVariants>["appearance"];
310
314
  };
311
315
  type DrawerContentProps = DrawerContentVariantProps & {
312
316
  animation?: DrawerAnimation;
@@ -325,7 +329,7 @@ declare function Drawer({ open, defaultOpen, onOpenChange, children }: DrawerPro
325
329
  declare namespace Drawer {
326
330
  var displayName: string;
327
331
  }
328
- declare function DrawerTrigger({ className, children, onClick, ref, ...rest }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
332
+ declare function DrawerTrigger({ className, children, appearance, onClick, ref, ...rest }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
329
333
  declare namespace DrawerTrigger {
330
334
  var displayName: string;
331
335
  }
@@ -477,6 +481,9 @@ declare const Input: {
477
481
  };
478
482
 
479
483
  declare const modalOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
484
+ declare const modalTriggerVariants: (props?: ({
485
+ appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "amber" | null | undefined;
486
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
480
487
  declare const modalContentVariants: (props?: ({
481
488
  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
482
489
  position?: "bottom" | "top" | "center" | null | undefined;
@@ -493,6 +500,7 @@ type ModalProps = {
493
500
  };
494
501
  type ModalTriggerProps = HTMLAttributes<HTMLButtonElement> & {
495
502
  ref?: Ref<HTMLButtonElement>;
503
+ appearance?: VariantProps<typeof modalTriggerVariants>["appearance"];
496
504
  };
497
505
  type ModalContentProps = ModalContentVariantProps & {
498
506
  animation?: ModalAnimation;
@@ -511,7 +519,7 @@ declare function Modal({ open, defaultOpen, onOpenChange, children }: ModalProps
511
519
  declare namespace Modal {
512
520
  var displayName: string;
513
521
  }
514
- declare function ModalTrigger({ className, children, onClick, ref, ...rest }: ModalTriggerProps): react_jsx_runtime.JSX.Element;
522
+ declare function ModalTrigger({ className, children, appearance, onClick, ref, ...rest }: ModalTriggerProps): react_jsx_runtime.JSX.Element;
515
523
  declare namespace ModalTrigger {
516
524
  var displayName: string;
517
525
  }
@@ -709,15 +717,15 @@ type ProgressAnimationPresets = Record<ProgressAnimation, ProgressPresetMotionPr
709
717
  declare const progressAnimationPresets: ProgressAnimationPresets;
710
718
 
711
719
  declare const selectTriggerVariants: (props?: ({
712
- variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "glass" | null | undefined;
720
+ variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
713
721
  size?: "sm" | "md" | "lg" | null | undefined;
714
722
  } & class_variance_authority_types.ClassProp) | undefined) => string;
715
723
  declare const selectItemVariants: (props?: ({
716
- appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "glass" | null | undefined;
724
+ appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
717
725
  disabled?: boolean | null | undefined;
718
726
  } & class_variance_authority_types.ClassProp) | undefined) => string;
719
727
  declare const selectContentVariants: (props?: ({
720
- appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "glass" | null | undefined;
728
+ appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
721
729
  size?: "sm" | "md" | "lg" | null | undefined;
722
730
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
723
731
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -727,6 +735,7 @@ type SelectOption = {
727
735
  value: string;
728
736
  disabled?: boolean;
729
737
  };
738
+ type SelectAppearance = "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
730
739
  type SelectContextType = {
731
740
  open: boolean;
732
741
  setOpen: (v: boolean) => void;
@@ -751,7 +760,7 @@ type SelectTriggerProps = SelectTriggerVariantProps & Omit<ButtonHTMLAttributes<
751
760
  };
752
761
  type SelectContentProps = HTMLAttributes<HTMLDivElement> & {
753
762
  className?: string;
754
- appearance?: "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald";
763
+ appearance?: SelectAppearance;
755
764
  size?: "sm" | "md" | "lg";
756
765
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl";
757
766
  };
@@ -759,7 +768,7 @@ type SelectItemProps = HTMLAttributes<HTMLDivElement> & {
759
768
  value: string;
760
769
  children: ReactNode;
761
770
  disabled?: boolean;
762
- appearance?: "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald";
771
+ appearance?: SelectAppearance;
763
772
  };
764
773
  type SelectValueProps = HTMLAttributes<HTMLSpanElement> & {
765
774
  placeholder?: ReactNode;
@@ -774,44 +783,44 @@ declare const SelectContent: ({ children, className, appearance, size, spacing,
774
783
  declare const SelectItem: ({ value, children, disabled, appearance, className, ...props }: SelectItemProps) => react_jsx_runtime.JSX.Element;
775
784
 
776
785
  declare const skeletonShimmerGradientClasses: {
777
- readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
778
- readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
779
- readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
780
- readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
781
- readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
782
- readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
783
- readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
784
- readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
785
- readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
786
- readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
787
- readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
788
- readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
789
- readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
790
- readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
791
- readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
792
- readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
793
- readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
794
- readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
795
- readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
796
- readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
797
- readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
798
- readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
799
- readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
800
- readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
786
+ readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
787
+ readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
788
+ readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
789
+ readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
790
+ readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
791
+ readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
792
+ readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
793
+ readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
794
+ readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
795
+ readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
796
+ readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
797
+ readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
798
+ readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
799
+ readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
800
+ readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
801
+ readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
802
+ readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
803
+ readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
804
+ readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
805
+ readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
806
+ readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
807
+ readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
808
+ readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
809
+ readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
801
810
  };
802
811
  type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
803
812
  declare const skeletonVariants: (props?: ({
804
813
  appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "amber" | "muted" | "subtle" | null | undefined;
805
814
  size?: "sm" | "md" | "lg" | null | undefined;
806
815
  rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
807
- animation?: "none" | "shimmer" | null | undefined;
816
+ animation?: "none" | "shimmer" | "pulse" | null | undefined;
808
817
  shimmerTone?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "amber" | "muted" | "subtle" | null | undefined;
809
818
  } & class_variance_authority_types.ClassProp) | undefined) => string;
810
819
  declare const skeletonTextLineVariants: (props?: ({
811
820
  size?: "sm" | "md" | "lg" | null | undefined;
812
821
  } & class_variance_authority_types.ClassProp) | undefined) => string;
813
822
 
814
- type SkeletonAnimation = "none" | "shimmer";
823
+ type SkeletonAnimation = "none" | "shimmer" | "pulse";
815
824
  type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
816
825
  type SkeletonProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
817
826
  animation?: SkeletonAnimation;
@@ -852,7 +861,7 @@ declare namespace SkeletonButton {
852
861
  var displayName: string;
853
862
  }
854
863
 
855
- type SkeletonPresetMotionProps = Pick<HTMLMotionProps<"div">, "animate" | "transition">;
864
+ type SkeletonPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
856
865
  type SkeletonAnimationPresets = Record<SkeletonAnimation, SkeletonPresetMotionProps>;
857
866
  declare const skeletonAnimationPresets: SkeletonAnimationPresets;
858
867
 
@@ -1088,7 +1097,7 @@ declare const toggleThumbAnimationPresets: ToggleAnimationPresets;
1088
1097
 
1089
1098
  declare const toggleTrackVariants: (props?: ({
1090
1099
  size?: "sm" | "md" | "lg" | null | undefined;
1091
- appearance?: "default" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "success" | "gray" | "destructive" | "cyan" | "green" | "lime" | "neutral" | "slate" | "zinc" | "stone" | null | undefined;
1100
+ appearance?: "default" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "success" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "destructive" | "cyan" | "green" | "lime" | "neutral" | "slate" | "zinc" | "stone" | null | undefined;
1092
1101
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1093
1102
  declare const toggleThumbVariants: (props?: ({
1094
1103
  size?: "sm" | "md" | "lg" | null | undefined;
package/dist/ui/index.d.ts CHANGED
@@ -291,6 +291,9 @@ type DrawerAnimationPresets = Record<DrawerAnimation, DrawerPresetMotionProps>;
291
291
  declare const drawerPanelPresets: (side: "left" | "right" | "top" | "bottom") => DrawerAnimationPresets;
292
292
 
293
293
  declare const drawerOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
294
+ declare const drawerTriggerVariants: (props?: ({
295
+ appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "amber" | null | undefined;
296
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
294
297
  declare const drawerContentVariants: (props?: ({
295
298
  side?: "bottom" | "left" | "right" | "top" | null | undefined;
296
299
  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
@@ -307,6 +310,7 @@ type DrawerProps = {
307
310
  };
308
311
  type DrawerTriggerProps = HTMLAttributes<HTMLButtonElement> & {
309
312
  ref?: Ref<HTMLButtonElement>;
313
+ appearance?: VariantProps<typeof drawerTriggerVariants>["appearance"];
310
314
  };
311
315
  type DrawerContentProps = DrawerContentVariantProps & {
312
316
  animation?: DrawerAnimation;
@@ -325,7 +329,7 @@ declare function Drawer({ open, defaultOpen, onOpenChange, children }: DrawerPro
325
329
  declare namespace Drawer {
326
330
  var displayName: string;
327
331
  }
328
- declare function DrawerTrigger({ className, children, onClick, ref, ...rest }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
332
+ declare function DrawerTrigger({ className, children, appearance, onClick, ref, ...rest }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
329
333
  declare namespace DrawerTrigger {
330
334
  var displayName: string;
331
335
  }
@@ -477,6 +481,9 @@ declare const Input: {
477
481
  };
478
482
 
479
483
  declare const modalOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
484
+ declare const modalTriggerVariants: (props?: ({
485
+ appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "amber" | null | undefined;
486
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
480
487
  declare const modalContentVariants: (props?: ({
481
488
  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
482
489
  position?: "bottom" | "top" | "center" | null | undefined;
@@ -493,6 +500,7 @@ type ModalProps = {
493
500
  };
494
501
  type ModalTriggerProps = HTMLAttributes<HTMLButtonElement> & {
495
502
  ref?: Ref<HTMLButtonElement>;
503
+ appearance?: VariantProps<typeof modalTriggerVariants>["appearance"];
496
504
  };
497
505
  type ModalContentProps = ModalContentVariantProps & {
498
506
  animation?: ModalAnimation;
@@ -511,7 +519,7 @@ declare function Modal({ open, defaultOpen, onOpenChange, children }: ModalProps
511
519
  declare namespace Modal {
512
520
  var displayName: string;
513
521
  }
514
- declare function ModalTrigger({ className, children, onClick, ref, ...rest }: ModalTriggerProps): react_jsx_runtime.JSX.Element;
522
+ declare function ModalTrigger({ className, children, appearance, onClick, ref, ...rest }: ModalTriggerProps): react_jsx_runtime.JSX.Element;
515
523
  declare namespace ModalTrigger {
516
524
  var displayName: string;
517
525
  }
@@ -709,15 +717,15 @@ type ProgressAnimationPresets = Record<ProgressAnimation, ProgressPresetMotionPr
709
717
  declare const progressAnimationPresets: ProgressAnimationPresets;
710
718
 
711
719
  declare const selectTriggerVariants: (props?: ({
712
- variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "glass" | null | undefined;
720
+ variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
713
721
  size?: "sm" | "md" | "lg" | null | undefined;
714
722
  } & class_variance_authority_types.ClassProp) | undefined) => string;
715
723
  declare const selectItemVariants: (props?: ({
716
- appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "glass" | null | undefined;
724
+ appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
717
725
  disabled?: boolean | null | undefined;
718
726
  } & class_variance_authority_types.ClassProp) | undefined) => string;
719
727
  declare const selectContentVariants: (props?: ({
720
- appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "glass" | null | undefined;
728
+ appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
721
729
  size?: "sm" | "md" | "lg" | null | undefined;
722
730
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
723
731
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -727,6 +735,7 @@ type SelectOption = {
727
735
  value: string;
728
736
  disabled?: boolean;
729
737
  };
738
+ type SelectAppearance = "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
730
739
  type SelectContextType = {
731
740
  open: boolean;
732
741
  setOpen: (v: boolean) => void;
@@ -751,7 +760,7 @@ type SelectTriggerProps = SelectTriggerVariantProps & Omit<ButtonHTMLAttributes<
751
760
  };
752
761
  type SelectContentProps = HTMLAttributes<HTMLDivElement> & {
753
762
  className?: string;
754
- appearance?: "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald";
763
+ appearance?: SelectAppearance;
755
764
  size?: "sm" | "md" | "lg";
756
765
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl";
757
766
  };
@@ -759,7 +768,7 @@ type SelectItemProps = HTMLAttributes<HTMLDivElement> & {
759
768
  value: string;
760
769
  children: ReactNode;
761
770
  disabled?: boolean;
762
- appearance?: "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald";
771
+ appearance?: SelectAppearance;
763
772
  };
764
773
  type SelectValueProps = HTMLAttributes<HTMLSpanElement> & {
765
774
  placeholder?: ReactNode;
@@ -774,44 +783,44 @@ declare const SelectContent: ({ children, className, appearance, size, spacing,
774
783
  declare const SelectItem: ({ value, children, disabled, appearance, className, ...props }: SelectItemProps) => react_jsx_runtime.JSX.Element;
775
784
 
776
785
  declare const skeletonShimmerGradientClasses: {
777
- readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
778
- readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
779
- readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
780
- readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
781
- readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
782
- readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
783
- readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
784
- readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
785
- readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
786
- readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
787
- readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
788
- readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
789
- readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
790
- readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
791
- readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
792
- readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
793
- readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
794
- readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
795
- readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
796
- readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
797
- readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
798
- readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
799
- readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
800
- readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
786
+ readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
787
+ readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
788
+ readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
789
+ readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
790
+ readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
791
+ readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
792
+ readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
793
+ readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
794
+ readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
795
+ readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
796
+ readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
797
+ readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
798
+ readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
799
+ readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
800
+ readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
801
+ readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
802
+ readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
803
+ readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
804
+ readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
805
+ readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
806
+ readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
807
+ readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
808
+ readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
809
+ readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
801
810
  };
802
811
  type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
803
812
  declare const skeletonVariants: (props?: ({
804
813
  appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "amber" | "muted" | "subtle" | null | undefined;
805
814
  size?: "sm" | "md" | "lg" | null | undefined;
806
815
  rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
807
- animation?: "none" | "shimmer" | null | undefined;
816
+ animation?: "none" | "shimmer" | "pulse" | null | undefined;
808
817
  shimmerTone?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "amber" | "muted" | "subtle" | null | undefined;
809
818
  } & class_variance_authority_types.ClassProp) | undefined) => string;
810
819
  declare const skeletonTextLineVariants: (props?: ({
811
820
  size?: "sm" | "md" | "lg" | null | undefined;
812
821
  } & class_variance_authority_types.ClassProp) | undefined) => string;
813
822
 
814
- type SkeletonAnimation = "none" | "shimmer";
823
+ type SkeletonAnimation = "none" | "shimmer" | "pulse";
815
824
  type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
816
825
  type SkeletonProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
817
826
  animation?: SkeletonAnimation;
@@ -852,7 +861,7 @@ declare namespace SkeletonButton {
852
861
  var displayName: string;
853
862
  }
854
863
 
855
- type SkeletonPresetMotionProps = Pick<HTMLMotionProps<"div">, "animate" | "transition">;
864
+ type SkeletonPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
856
865
  type SkeletonAnimationPresets = Record<SkeletonAnimation, SkeletonPresetMotionProps>;
857
866
  declare const skeletonAnimationPresets: SkeletonAnimationPresets;
858
867
 
@@ -1088,7 +1097,7 @@ declare const toggleThumbAnimationPresets: ToggleAnimationPresets;
1088
1097
 
1089
1098
  declare const toggleTrackVariants: (props?: ({
1090
1099
  size?: "sm" | "md" | "lg" | null | undefined;
1091
- appearance?: "default" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "success" | "gray" | "destructive" | "cyan" | "green" | "lime" | "neutral" | "slate" | "zinc" | "stone" | null | undefined;
1100
+ appearance?: "default" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "success" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "destructive" | "cyan" | "green" | "lime" | "neutral" | "slate" | "zinc" | "stone" | null | undefined;
1092
1101
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1093
1102
  declare const toggleThumbVariants: (props?: ({
1094
1103
  size?: "sm" | "md" | "lg" | null | undefined;