@zentauri-ui/zentauri-components 0.0.5 → 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.
@@ -717,15 +717,15 @@ type ProgressAnimationPresets = Record<ProgressAnimation, ProgressPresetMotionPr
717
717
  declare const progressAnimationPresets: ProgressAnimationPresets;
718
718
 
719
719
  declare const selectTriggerVariants: (props?: ({
720
- 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;
721
721
  size?: "sm" | "md" | "lg" | null | undefined;
722
722
  } & class_variance_authority_types.ClassProp) | undefined) => string;
723
723
  declare const selectItemVariants: (props?: ({
724
- 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;
725
725
  disabled?: boolean | null | undefined;
726
726
  } & class_variance_authority_types.ClassProp) | undefined) => string;
727
727
  declare const selectContentVariants: (props?: ({
728
- 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;
729
729
  size?: "sm" | "md" | "lg" | null | undefined;
730
730
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
731
731
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -735,6 +735,7 @@ type SelectOption = {
735
735
  value: string;
736
736
  disabled?: boolean;
737
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";
738
739
  type SelectContextType = {
739
740
  open: boolean;
740
741
  setOpen: (v: boolean) => void;
@@ -759,7 +760,7 @@ type SelectTriggerProps = SelectTriggerVariantProps & Omit<ButtonHTMLAttributes<
759
760
  };
760
761
  type SelectContentProps = HTMLAttributes<HTMLDivElement> & {
761
762
  className?: string;
762
- appearance?: "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald";
763
+ appearance?: SelectAppearance;
763
764
  size?: "sm" | "md" | "lg";
764
765
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl";
765
766
  };
@@ -767,7 +768,7 @@ type SelectItemProps = HTMLAttributes<HTMLDivElement> & {
767
768
  value: string;
768
769
  children: ReactNode;
769
770
  disabled?: boolean;
770
- appearance?: "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald";
771
+ appearance?: SelectAppearance;
771
772
  };
772
773
  type SelectValueProps = HTMLAttributes<HTMLSpanElement> & {
773
774
  placeholder?: ReactNode;
@@ -782,44 +783,44 @@ declare const SelectContent: ({ children, className, appearance, size, spacing,
782
783
  declare const SelectItem: ({ value, children, disabled, appearance, className, ...props }: SelectItemProps) => react_jsx_runtime.JSX.Element;
783
784
 
784
785
  declare const skeletonShimmerGradientClasses: {
785
- 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))]";
786
- 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))]";
787
- 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))]";
788
- 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))]";
789
- 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))]";
790
- 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))]";
791
- 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))]";
792
- 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))]";
793
- 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))]";
794
- 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))]";
795
- 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))]";
796
- 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))]";
797
- 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))]";
798
- 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))]";
799
- 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))]";
800
- 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))]";
801
- 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))]";
802
- 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))]";
803
- 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))]";
804
- 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))]";
805
- 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))]";
806
- 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))]";
807
- 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))]";
808
- 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))]";
809
810
  };
810
811
  type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
811
812
  declare const skeletonVariants: (props?: ({
812
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;
813
814
  size?: "sm" | "md" | "lg" | null | undefined;
814
815
  rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
815
- animation?: "none" | "shimmer" | null | undefined;
816
+ animation?: "none" | "shimmer" | "pulse" | null | undefined;
816
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;
817
818
  } & class_variance_authority_types.ClassProp) | undefined) => string;
818
819
  declare const skeletonTextLineVariants: (props?: ({
819
820
  size?: "sm" | "md" | "lg" | null | undefined;
820
821
  } & class_variance_authority_types.ClassProp) | undefined) => string;
821
822
 
822
- type SkeletonAnimation = "none" | "shimmer";
823
+ type SkeletonAnimation = "none" | "shimmer" | "pulse";
823
824
  type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
824
825
  type SkeletonProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
825
826
  animation?: SkeletonAnimation;
@@ -860,7 +861,7 @@ declare namespace SkeletonButton {
860
861
  var displayName: string;
861
862
  }
862
863
 
863
- type SkeletonPresetMotionProps = Pick<HTMLMotionProps<"div">, "animate" | "transition">;
864
+ type SkeletonPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
864
865
  type SkeletonAnimationPresets = Record<SkeletonAnimation, SkeletonPresetMotionProps>;
865
866
  declare const skeletonAnimationPresets: SkeletonAnimationPresets;
866
867
 
@@ -717,15 +717,15 @@ type ProgressAnimationPresets = Record<ProgressAnimation, ProgressPresetMotionPr
717
717
  declare const progressAnimationPresets: ProgressAnimationPresets;
718
718
 
719
719
  declare const selectTriggerVariants: (props?: ({
720
- 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;
721
721
  size?: "sm" | "md" | "lg" | null | undefined;
722
722
  } & class_variance_authority_types.ClassProp) | undefined) => string;
723
723
  declare const selectItemVariants: (props?: ({
724
- 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;
725
725
  disabled?: boolean | null | undefined;
726
726
  } & class_variance_authority_types.ClassProp) | undefined) => string;
727
727
  declare const selectContentVariants: (props?: ({
728
- 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;
729
729
  size?: "sm" | "md" | "lg" | null | undefined;
730
730
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
731
731
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -735,6 +735,7 @@ type SelectOption = {
735
735
  value: string;
736
736
  disabled?: boolean;
737
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";
738
739
  type SelectContextType = {
739
740
  open: boolean;
740
741
  setOpen: (v: boolean) => void;
@@ -759,7 +760,7 @@ type SelectTriggerProps = SelectTriggerVariantProps & Omit<ButtonHTMLAttributes<
759
760
  };
760
761
  type SelectContentProps = HTMLAttributes<HTMLDivElement> & {
761
762
  className?: string;
762
- appearance?: "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald";
763
+ appearance?: SelectAppearance;
763
764
  size?: "sm" | "md" | "lg";
764
765
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl";
765
766
  };
@@ -767,7 +768,7 @@ type SelectItemProps = HTMLAttributes<HTMLDivElement> & {
767
768
  value: string;
768
769
  children: ReactNode;
769
770
  disabled?: boolean;
770
- appearance?: "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald";
771
+ appearance?: SelectAppearance;
771
772
  };
772
773
  type SelectValueProps = HTMLAttributes<HTMLSpanElement> & {
773
774
  placeholder?: ReactNode;
@@ -782,44 +783,44 @@ declare const SelectContent: ({ children, className, appearance, size, spacing,
782
783
  declare const SelectItem: ({ value, children, disabled, appearance, className, ...props }: SelectItemProps) => react_jsx_runtime.JSX.Element;
783
784
 
784
785
  declare const skeletonShimmerGradientClasses: {
785
- 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))]";
786
- 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))]";
787
- 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))]";
788
- 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))]";
789
- 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))]";
790
- 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))]";
791
- 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))]";
792
- 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))]";
793
- 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))]";
794
- 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))]";
795
- 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))]";
796
- 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))]";
797
- 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))]";
798
- 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))]";
799
- 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))]";
800
- 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))]";
801
- 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))]";
802
- 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))]";
803
- 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))]";
804
- 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))]";
805
- 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))]";
806
- 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))]";
807
- 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))]";
808
- 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))]";
809
810
  };
810
811
  type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
811
812
  declare const skeletonVariants: (props?: ({
812
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;
813
814
  size?: "sm" | "md" | "lg" | null | undefined;
814
815
  rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
815
- animation?: "none" | "shimmer" | null | undefined;
816
+ animation?: "none" | "shimmer" | "pulse" | null | undefined;
816
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;
817
818
  } & class_variance_authority_types.ClassProp) | undefined) => string;
818
819
  declare const skeletonTextLineVariants: (props?: ({
819
820
  size?: "sm" | "md" | "lg" | null | undefined;
820
821
  } & class_variance_authority_types.ClassProp) | undefined) => string;
821
822
 
822
- type SkeletonAnimation = "none" | "shimmer";
823
+ type SkeletonAnimation = "none" | "shimmer" | "pulse";
823
824
  type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
824
825
  type SkeletonProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
825
826
  animation?: SkeletonAnimation;
@@ -860,7 +861,7 @@ declare namespace SkeletonButton {
860
861
  var displayName: string;
861
862
  }
862
863
 
863
- type SkeletonPresetMotionProps = Pick<HTMLMotionProps<"div">, "animate" | "transition">;
864
+ type SkeletonPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
864
865
  type SkeletonAnimationPresets = Record<SkeletonAnimation, SkeletonPresetMotionProps>;
865
866
  declare const skeletonAnimationPresets: SkeletonAnimationPresets;
866
867
 
package/dist/ui/index.js CHANGED
@@ -326,9 +326,9 @@ var alertVariants = cva2(
326
326
  var alertTitleVariants = cva2("font-semibold leading-tight", {
327
327
  variants: {
328
328
  size: {
329
- sm: "text-sm",
330
- md: "text-sm",
331
- lg: "text-base"
329
+ sm: "text-xs md:text-sm",
330
+ md: "text-xs md:text-sm",
331
+ lg: "text-xs md:text-sm"
332
332
  }
333
333
  },
334
334
  defaultVariants: { size: "md" }
@@ -336,9 +336,9 @@ var alertTitleVariants = cva2("font-semibold leading-tight", {
336
336
  var alertDescriptionVariants = cva2("text-slate-300", {
337
337
  variants: {
338
338
  size: {
339
- sm: "text-xs",
340
- md: "text-sm",
341
- lg: "text-base"
339
+ sm: "text-xs md:text-sm",
340
+ md: "text-xs md:text-sm",
341
+ lg: "text-xs md:text-sm"
342
342
  }
343
343
  },
344
344
  defaultVariants: { size: "md" }
@@ -3349,9 +3349,18 @@ var selectTriggerVariants = cva14(
3349
3349
  orange: "border-orange-600 text-orange-600",
3350
3350
  yellow: "border-yellow-600 text-yellow-600",
3351
3351
  teal: "border-teal-600 text-teal-600",
3352
- indigo: "border-indigo-600 text-indigo-600",
3352
+ indigo: "border-indigo-500 text-indigo-500",
3353
3353
  emerald: "border-emerald-600 text-emerald-600",
3354
- glass: "border-white/15 bg-white/10 text-white backdrop-blur-md"
3354
+ glass: "border-white/15 bg-white/10 text-white backdrop-blur-md",
3355
+ "gradient-blue": "bg-linear-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl text-white",
3356
+ "gradient-green": "bg-linear-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl text-white",
3357
+ "gradient-red": "bg-linear-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl text-white",
3358
+ "gradient-yellow": "bg-linear-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl text-white",
3359
+ "gradient-purple": "bg-linear-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl text-white",
3360
+ "gradient-teal": "bg-linear-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl text-white",
3361
+ "gradient-indigo": "bg-linear-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl text-white",
3362
+ "gradient-pink": "bg-linear-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl text-white",
3363
+ "gradient-orange": "bg-linear-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl text-white"
3355
3364
  },
3356
3365
  size: {
3357
3366
  sm: "px-2 py-1 text-sm",
@@ -3382,7 +3391,16 @@ var selectItemVariants = cva14(
3382
3391
  yellow: "border-yellow-600 text-yellow-800 data-[selected=true]:border-yellow-600 data-[selected=true]:bg-yellow-200 data-[selected=true]:text-yellow-800",
3383
3392
  teal: "border-teal-600 text-teal-800 data-[selected=true]:border-teal-600 data-[selected=true]:bg-teal-200 data-[selected=true]:text-teal-800",
3384
3393
  indigo: "border-indigo-600 text-indigo-800 data-[selected=true]:border-indigo-600 data-[selected=true]:bg-indigo-200 data-[selected=true]:text-indigo-800",
3385
- emerald: "border-emerald-600 text-emerald-800 data-[selected=true]:border-emerald-600 data-[selected=true]:bg-emerald-200 data-[selected=true]:text-emerald-800"
3394
+ emerald: "border-emerald-600 text-emerald-800 data-[selected=true]:border-emerald-600 data-[selected=true]:bg-emerald-200 data-[selected=true]:text-emerald-800",
3395
+ "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl text-blue-50 data-[selected=true]:bg-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl data-[selected=true]:text-blue-100",
3396
+ "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl text-green-50 data-[selected=true]:bg-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl data-[selected=true]:text-green-100",
3397
+ "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl text-red-50 data-[selected=true]:bg-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl data-[selected=true]:text-red-100",
3398
+ "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl text-yellow-50 data-[selected=true]:bg-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl data-[selected=true]:text-yellow-100",
3399
+ "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl text-purple-50 data-[selected=true]:bg-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl data-[selected=true]:text-purple-100",
3400
+ "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl text-teal-50 data-[selected=true]:bg-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl data-[selected=true]:text-teal-100",
3401
+ "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl text-indigo-50 data-[selected=true]:bg-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl data-[selected=true]:text-indigo-100",
3402
+ "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl text-pink-50 data-[selected=true]:bg-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl data-[selected=true]:text-pink-100",
3403
+ "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl text-orange-50 data-[selected=true]:bg-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl data-[selected=true]:text-orange-100"
3386
3404
  },
3387
3405
  disabled: {
3388
3406
  true: "opacity-50 cursor-not-allowed"
@@ -3410,7 +3428,16 @@ var selectContentVariants = cva14(
3410
3428
  yellow: "border-yellow-600",
3411
3429
  teal: "border-teal-600",
3412
3430
  indigo: "border-indigo-600",
3413
- emerald: "border-emerald-600"
3431
+ emerald: "border-emerald-600",
3432
+ "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
3433
+ "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
3434
+ "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
3435
+ "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
3436
+ "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
3437
+ "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
3438
+ "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
3439
+ "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
3440
+ "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
3414
3441
  },
3415
3442
  size: {
3416
3443
  sm: "px-2 py-1 text-sm",
@@ -3614,14 +3641,20 @@ import { motion as motion12 } from "framer-motion";
3614
3641
  var skeletonAnimationPresets = {
3615
3642
  none: {},
3616
3643
  shimmer: {
3644
+ initial: { backgroundPosition: "100% 0%" },
3617
3645
  animate: { backgroundPosition: ["100% 0%", "0% 0%"] },
3618
3646
  transition: { repeat: Infinity, duration: 1.35, ease: "linear" }
3647
+ },
3648
+ pulse: {
3649
+ initial: { opacity: 1 },
3650
+ animate: { opacity: [1, 0.5, 1] },
3651
+ transition: { repeat: Infinity, duration: 1.35, ease: "easeInOut" }
3619
3652
  }
3620
3653
  };
3621
3654
 
3622
3655
  // src/ui/skeleton/variants.ts
3623
3656
  import { cva as cva15 } from "class-variance-authority";
3624
- var shimmerLayer = "[background-size:220%_100%] [background-repeat:no-repeat]";
3657
+ var shimmerLayer = "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%]";
3625
3658
  var skeletonShimmerGradientClasses = {
3626
3659
  default: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]`,
3627
3660
  subtle: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]`,
@@ -3692,7 +3725,8 @@ var skeletonVariants = cva15(
3692
3725
  },
3693
3726
  animation: {
3694
3727
  none: "",
3695
- shimmer: ""
3728
+ shimmer: "",
3729
+ pulse: ""
3696
3730
  },
3697
3731
  shimmerTone: {
3698
3732
  default: "",
@@ -3841,6 +3875,10 @@ var skeletonVariants = cva15(
3841
3875
  animation: "shimmer",
3842
3876
  shimmerTone: "gradient-orange",
3843
3877
  class: skeletonShimmerGradientClasses["gradient-orange"]
3878
+ },
3879
+ {
3880
+ animation: "pulse",
3881
+ class: ""
3844
3882
  }
3845
3883
  ],
3846
3884
  defaultVariants: {
@@ -4798,10 +4836,10 @@ var toastRootVariants = cva19(
4798
4836
  variants: {
4799
4837
  appearance: {
4800
4838
  default: "bg-slate-950",
4801
- success: "border-emerald-500/40 bg-emerald-950/60",
4802
- warning: "border-amber-500/40 bg-amber-950/60",
4803
- error: "border-rose-500/50 bg-rose-950/60",
4804
- info: "border-sky-500/40 bg-sky-950/60"
4839
+ success: "border-emerald-500/40 bg-emerald-950",
4840
+ warning: "border-amber-500/40 bg-amber-950",
4841
+ error: "border-rose-500/50 bg-rose-950",
4842
+ info: "border-sky-500/40 bg-sky-950"
4805
4843
  },
4806
4844
  size: {
4807
4845
  sm: "p-3 text-xs",
@@ -5142,13 +5180,13 @@ var tooltipVariants = cva21(
5142
5180
  lg: "text-base px-4 py-2"
5143
5181
  },
5144
5182
  width: {
5145
- fit: "w-full min-w-fit",
5146
- xs: "w-full min-w-xs",
5147
- sm: "w-full min-w-sm",
5148
- md: "w-full min-w-md",
5149
- lg: "w-full min-w-lg",
5150
- xl: "w-full min-w-xl",
5151
- "2xl": "w-full min-w-2xl"
5183
+ fit: "w-full md:min-w-fit",
5184
+ xs: "w-full md:min-w-xs",
5185
+ sm: "w-full md:min-w-sm",
5186
+ md: "w-full md:min-w-md",
5187
+ lg: "w-full md:min-w-lg",
5188
+ xl: "w-full md:min-w-xl",
5189
+ "2xl": "w-full md:min-w-2xl"
5152
5190
  }
5153
5191
  },
5154
5192
  defaultVariants: {