@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.
- package/dist/ui/index.cjs +61 -23
- package/dist/ui/index.cjs.map +1 -1
- package/dist/ui/index.d.cts +33 -32
- package/dist/ui/index.d.ts +33 -32
- package/dist/ui/index.js +61 -23
- package/dist/ui/index.js.map +1 -1
- package/package.json +1 -1
package/dist/ui/index.d.cts
CHANGED
|
@@ -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?:
|
|
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?:
|
|
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.d.ts
CHANGED
|
@@ -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?:
|
|
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?:
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
4802
|
-
warning: "border-amber-500/40 bg-amber-950
|
|
4803
|
-
error: "border-rose-500/50 bg-rose-950
|
|
4804
|
-
info: "border-sky-500/40 bg-sky-950
|
|
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: {
|