@zentauri-ui/zentauri-components 0.0.6 → 0.0.7
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 +190 -67
- package/dist/ui/index.cjs.map +1 -1
- package/dist/ui/index.d.cts +14 -14
- package/dist/ui/index.d.ts +14 -14
- package/dist/ui/index.js +190 -67
- package/dist/ui/index.js.map +1 -1
- package/package.json +1 -1
package/dist/ui/index.d.cts
CHANGED
|
@@ -12,11 +12,11 @@ type AccordionTransitionPresets = Record<AccordionTransition, Transition>;
|
|
|
12
12
|
declare const accordionContentTransitionPresets: AccordionTransitionPresets;
|
|
13
13
|
|
|
14
14
|
declare const accordionVariants: (props?: ({
|
|
15
|
-
appearance?: "default" | "outline" | "ghost" | "card" | "separated" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | null | undefined;
|
|
15
|
+
appearance?: "default" | "outline" | "ghost" | "card" | "separated" | "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" | null | undefined;
|
|
16
16
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
17
17
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
18
18
|
declare const accordionItemVariants: (props?: ({
|
|
19
|
-
appearance?: "default" | "outline" | "ghost" | "card" | "separated" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | null | undefined;
|
|
19
|
+
appearance?: "default" | "outline" | "ghost" | "card" | "separated" | "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" | null | undefined;
|
|
20
20
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
21
21
|
declare const accordionTriggerVariants: (props?: ({
|
|
22
22
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
@@ -129,7 +129,7 @@ type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
|
|
|
129
129
|
declare const alertAnimationPresets: AlertAnimationPresets;
|
|
130
130
|
|
|
131
131
|
declare const badgeVariants: (props?: ({
|
|
132
|
-
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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
132
|
+
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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
133
133
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
134
134
|
shape?: "pill" | "square" | "dot" | null | undefined;
|
|
135
135
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -159,7 +159,7 @@ type BadgeAnimationPresets = Record<BadgeAnimation, BadgePresetMotionProps>;
|
|
|
159
159
|
declare const badgeAnimationPresets: BadgeAnimationPresets;
|
|
160
160
|
|
|
161
161
|
declare const buttonVariants: (props?: ({
|
|
162
|
-
appearance?: "default" | "outline" | "link" | "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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
162
|
+
appearance?: "default" | "outline" | "link" | "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" | "gray" | "violet" | "secondary" | "destructive" | "glass" | "amber" | null | undefined;
|
|
163
163
|
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "icon" | null | undefined;
|
|
164
164
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
165
165
|
|
|
@@ -453,7 +453,7 @@ declare const emptyStateAnimationPresets: EmptyStateAnimationPresets;
|
|
|
453
453
|
|
|
454
454
|
declare const inputVariants: (props?: ({
|
|
455
455
|
as?: "input" | "textarea" | "checkbox" | "radio" | "file" | null | undefined;
|
|
456
|
-
appearance?: "default" | "pink" | "indigo" | "success" | "warning" | "error" | "info" | "violet" | "amber" | null | undefined;
|
|
456
|
+
appearance?: "default" | "pink" | "orange" | "indigo" | "success" | "warning" | "error" | "info" | "violet" | "amber" | null | undefined;
|
|
457
457
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
458
458
|
ring?: boolean | null | undefined;
|
|
459
459
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -557,7 +557,7 @@ type ModalAnimationPresets = Record<ModalAnimation, ModalPresetMotionProps>;
|
|
|
557
557
|
declare const modalOverlayAnimationPresets: ModalAnimationPresets;
|
|
558
558
|
|
|
559
559
|
declare const Pagination: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "onChange"> & class_variance_authority.VariantProps<(props?: ({
|
|
560
|
-
appearance?: "default" | "outline" | "link" | "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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
560
|
+
appearance?: "default" | "outline" | "link" | "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" | "gray" | "violet" | "secondary" | "destructive" | "glass" | "amber" | null | undefined;
|
|
561
561
|
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "icon" | null | undefined;
|
|
562
562
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
563
563
|
pageCount: number;
|
|
@@ -655,7 +655,7 @@ declare function usePagination({ pageCount, page, defaultPage, siblingCount, bou
|
|
|
655
655
|
* `components/ui/buttons/variants.ts` for consistent design-system tokens.
|
|
656
656
|
*/
|
|
657
657
|
declare const paginationListVariants: (props?: ({
|
|
658
|
-
appearance?: "default" | "outline" | "link" | "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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
658
|
+
appearance?: "default" | "outline" | "link" | "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" | "gray" | "violet" | "secondary" | "destructive" | "glass" | "amber" | null | undefined;
|
|
659
659
|
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "icon" | null | undefined;
|
|
660
660
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
661
661
|
declare const paginationEllipsisVariants: (props?: ({
|
|
@@ -663,7 +663,7 @@ declare const paginationEllipsisVariants: (props?: ({
|
|
|
663
663
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
664
664
|
|
|
665
665
|
declare const progressVariants: (props?: ({
|
|
666
|
-
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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
666
|
+
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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
667
667
|
size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
|
|
668
668
|
shape?: "flat" | "pill" | "rounded" | null | undefined;
|
|
669
669
|
striped?: boolean | null | undefined;
|
|
@@ -866,9 +866,9 @@ type SkeletonAnimationPresets = Record<SkeletonAnimation, SkeletonPresetMotionPr
|
|
|
866
866
|
declare const skeletonAnimationPresets: SkeletonAnimationPresets;
|
|
867
867
|
|
|
868
868
|
declare const spinnerVariants: (props?: ({
|
|
869
|
-
appearance?: "default" | "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" | "secondary" | "destructive" | null | undefined;
|
|
869
|
+
appearance?: "default" | "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" | "secondary" | "destructive" | null | undefined;
|
|
870
870
|
size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
|
|
871
|
-
variant?: "ring" | "
|
|
871
|
+
variant?: "ring" | "pulse" | "dots" | "bars" | null | undefined;
|
|
872
872
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
873
873
|
|
|
874
874
|
type SpinnerVariantProps = VariantProps<typeof spinnerVariants>;
|
|
@@ -887,14 +887,15 @@ declare const spinnerAnimationPresets: {
|
|
|
887
887
|
};
|
|
888
888
|
|
|
889
889
|
declare const tableVariants: (props?: ({
|
|
890
|
-
appearance?: "default" | "ghost" | "striped" | "bordered" | null | undefined;
|
|
890
|
+
appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
|
|
891
891
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
892
892
|
stickyHeader?: boolean | null | undefined;
|
|
893
893
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
894
894
|
declare const tableRowVariants: (props?: ({
|
|
895
|
-
appearance?: "default" | "ghost" | "striped" | "bordered" | null | undefined;
|
|
895
|
+
appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
|
|
896
896
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
897
897
|
declare const tableCellVariants: (props?: ({
|
|
898
|
+
appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
|
|
898
899
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
899
900
|
textAlign?: "left" | "right" | "center" | null | undefined;
|
|
900
901
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -905,7 +906,6 @@ type TableProps = TableVariantProps & Omit<HTMLAttributes<HTMLTableElement>, "ch
|
|
|
905
906
|
children?: ReactNode;
|
|
906
907
|
rowAnimation?: TableAnimation;
|
|
907
908
|
ref?: Ref<HTMLTableElement>;
|
|
908
|
-
overflow?: "auto" | "hidden";
|
|
909
909
|
textAlign?: "left" | "center" | "right";
|
|
910
910
|
};
|
|
911
911
|
type TableSectionProps = {
|
|
@@ -1021,7 +1021,7 @@ declare const toastViewportVariants: (props?: ({
|
|
|
1021
1021
|
position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
|
|
1022
1022
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1023
1023
|
declare const toastRootVariants: (props?: ({
|
|
1024
|
-
appearance?: "default" | "success" | "warning" | "error" | "info" | null | undefined;
|
|
1024
|
+
appearance?: "default" | "ghost" | "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" | "success" | "warning" | "error" | "info" | "gray" | "violet" | "amber" | null | undefined;
|
|
1025
1025
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1026
1026
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1027
1027
|
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -12,11 +12,11 @@ type AccordionTransitionPresets = Record<AccordionTransition, Transition>;
|
|
|
12
12
|
declare const accordionContentTransitionPresets: AccordionTransitionPresets;
|
|
13
13
|
|
|
14
14
|
declare const accordionVariants: (props?: ({
|
|
15
|
-
appearance?: "default" | "outline" | "ghost" | "card" | "separated" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | null | undefined;
|
|
15
|
+
appearance?: "default" | "outline" | "ghost" | "card" | "separated" | "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" | null | undefined;
|
|
16
16
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
17
17
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
18
18
|
declare const accordionItemVariants: (props?: ({
|
|
19
|
-
appearance?: "default" | "outline" | "ghost" | "card" | "separated" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | null | undefined;
|
|
19
|
+
appearance?: "default" | "outline" | "ghost" | "card" | "separated" | "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" | null | undefined;
|
|
20
20
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
21
21
|
declare const accordionTriggerVariants: (props?: ({
|
|
22
22
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
@@ -129,7 +129,7 @@ type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
|
|
|
129
129
|
declare const alertAnimationPresets: AlertAnimationPresets;
|
|
130
130
|
|
|
131
131
|
declare const badgeVariants: (props?: ({
|
|
132
|
-
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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
132
|
+
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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
133
133
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
134
134
|
shape?: "pill" | "square" | "dot" | null | undefined;
|
|
135
135
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -159,7 +159,7 @@ type BadgeAnimationPresets = Record<BadgeAnimation, BadgePresetMotionProps>;
|
|
|
159
159
|
declare const badgeAnimationPresets: BadgeAnimationPresets;
|
|
160
160
|
|
|
161
161
|
declare const buttonVariants: (props?: ({
|
|
162
|
-
appearance?: "default" | "outline" | "link" | "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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
162
|
+
appearance?: "default" | "outline" | "link" | "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" | "gray" | "violet" | "secondary" | "destructive" | "glass" | "amber" | null | undefined;
|
|
163
163
|
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "icon" | null | undefined;
|
|
164
164
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
165
165
|
|
|
@@ -453,7 +453,7 @@ declare const emptyStateAnimationPresets: EmptyStateAnimationPresets;
|
|
|
453
453
|
|
|
454
454
|
declare const inputVariants: (props?: ({
|
|
455
455
|
as?: "input" | "textarea" | "checkbox" | "radio" | "file" | null | undefined;
|
|
456
|
-
appearance?: "default" | "pink" | "indigo" | "success" | "warning" | "error" | "info" | "violet" | "amber" | null | undefined;
|
|
456
|
+
appearance?: "default" | "pink" | "orange" | "indigo" | "success" | "warning" | "error" | "info" | "violet" | "amber" | null | undefined;
|
|
457
457
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
458
458
|
ring?: boolean | null | undefined;
|
|
459
459
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -557,7 +557,7 @@ type ModalAnimationPresets = Record<ModalAnimation, ModalPresetMotionProps>;
|
|
|
557
557
|
declare const modalOverlayAnimationPresets: ModalAnimationPresets;
|
|
558
558
|
|
|
559
559
|
declare const Pagination: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "onChange"> & class_variance_authority.VariantProps<(props?: ({
|
|
560
|
-
appearance?: "default" | "outline" | "link" | "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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
560
|
+
appearance?: "default" | "outline" | "link" | "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" | "gray" | "violet" | "secondary" | "destructive" | "glass" | "amber" | null | undefined;
|
|
561
561
|
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "icon" | null | undefined;
|
|
562
562
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
563
563
|
pageCount: number;
|
|
@@ -655,7 +655,7 @@ declare function usePagination({ pageCount, page, defaultPage, siblingCount, bou
|
|
|
655
655
|
* `components/ui/buttons/variants.ts` for consistent design-system tokens.
|
|
656
656
|
*/
|
|
657
657
|
declare const paginationListVariants: (props?: ({
|
|
658
|
-
appearance?: "default" | "outline" | "link" | "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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
658
|
+
appearance?: "default" | "outline" | "link" | "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" | "gray" | "violet" | "secondary" | "destructive" | "glass" | "amber" | null | undefined;
|
|
659
659
|
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "icon" | null | undefined;
|
|
660
660
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
661
661
|
declare const paginationEllipsisVariants: (props?: ({
|
|
@@ -663,7 +663,7 @@ declare const paginationEllipsisVariants: (props?: ({
|
|
|
663
663
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
664
664
|
|
|
665
665
|
declare const progressVariants: (props?: ({
|
|
666
|
-
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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
666
|
+
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" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
667
667
|
size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
|
|
668
668
|
shape?: "flat" | "pill" | "rounded" | null | undefined;
|
|
669
669
|
striped?: boolean | null | undefined;
|
|
@@ -866,9 +866,9 @@ type SkeletonAnimationPresets = Record<SkeletonAnimation, SkeletonPresetMotionPr
|
|
|
866
866
|
declare const skeletonAnimationPresets: SkeletonAnimationPresets;
|
|
867
867
|
|
|
868
868
|
declare const spinnerVariants: (props?: ({
|
|
869
|
-
appearance?: "default" | "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" | "secondary" | "destructive" | null | undefined;
|
|
869
|
+
appearance?: "default" | "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" | "secondary" | "destructive" | null | undefined;
|
|
870
870
|
size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
|
|
871
|
-
variant?: "ring" | "
|
|
871
|
+
variant?: "ring" | "pulse" | "dots" | "bars" | null | undefined;
|
|
872
872
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
873
873
|
|
|
874
874
|
type SpinnerVariantProps = VariantProps<typeof spinnerVariants>;
|
|
@@ -887,14 +887,15 @@ declare const spinnerAnimationPresets: {
|
|
|
887
887
|
};
|
|
888
888
|
|
|
889
889
|
declare const tableVariants: (props?: ({
|
|
890
|
-
appearance?: "default" | "ghost" | "striped" | "bordered" | null | undefined;
|
|
890
|
+
appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
|
|
891
891
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
892
892
|
stickyHeader?: boolean | null | undefined;
|
|
893
893
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
894
894
|
declare const tableRowVariants: (props?: ({
|
|
895
|
-
appearance?: "default" | "ghost" | "striped" | "bordered" | null | undefined;
|
|
895
|
+
appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
|
|
896
896
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
897
897
|
declare const tableCellVariants: (props?: ({
|
|
898
|
+
appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
|
|
898
899
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
899
900
|
textAlign?: "left" | "right" | "center" | null | undefined;
|
|
900
901
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -905,7 +906,6 @@ type TableProps = TableVariantProps & Omit<HTMLAttributes<HTMLTableElement>, "ch
|
|
|
905
906
|
children?: ReactNode;
|
|
906
907
|
rowAnimation?: TableAnimation;
|
|
907
908
|
ref?: Ref<HTMLTableElement>;
|
|
908
|
-
overflow?: "auto" | "hidden";
|
|
909
909
|
textAlign?: "left" | "center" | "right";
|
|
910
910
|
};
|
|
911
911
|
type TableSectionProps = {
|
|
@@ -1021,7 +1021,7 @@ declare const toastViewportVariants: (props?: ({
|
|
|
1021
1021
|
position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
|
|
1022
1022
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1023
1023
|
declare const toastRootVariants: (props?: ({
|
|
1024
|
-
appearance?: "default" | "success" | "warning" | "error" | "info" | null | undefined;
|
|
1024
|
+
appearance?: "default" | "ghost" | "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" | "success" | "warning" | "error" | "info" | "gray" | "violet" | "amber" | null | undefined;
|
|
1025
1025
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1026
1026
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1027
1027
|
|