@zentauri-ui/zentauri-components 0.0.6 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +109 -0
  2. package/dist/ui/index.cjs +190 -67
  3. package/dist/ui/index.cjs.map +1 -1
  4. package/dist/ui/index.d.cts +28 -28
  5. package/dist/ui/index.d.ts +28 -28
  6. package/dist/ui/index.js +190 -67
  7. package/dist/ui/index.js.map +1 -1
  8. 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;
@@ -70,7 +70,7 @@ declare namespace AccordionContent {
70
70
  }
71
71
 
72
72
  declare const alertVariants: (props?: ({
73
- appearance?: "default" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "success" | "warning" | "error" | "info" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
73
+ appearance?: "default" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "success" | "warning" | "error" | "info" | "gray" | "violet" | null | undefined;
74
74
  size?: "sm" | "md" | "lg" | null | undefined;
75
75
  } & class_variance_authority_types.ClassProp) | undefined) => string;
76
76
  declare const alertTitleVariants: (props?: ({
@@ -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
 
@@ -184,7 +184,7 @@ declare const Button: {
184
184
  declare const buttonAnimationPresets: AnimationPresets;
185
185
 
186
186
  declare const cardVariants: (props?: ({
187
- appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "elevated" | "amber" | null | undefined;
187
+ 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" | "gray" | "violet" | "glass" | "amber" | "elevated" | null | undefined;
188
188
  size?: "sm" | "md" | "lg" | null | undefined;
189
189
  rounded?: "sm" | "md" | "lg" | "full" | null | undefined;
190
190
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -254,10 +254,10 @@ type CardAnimationPresets = Record<CardAnimation, CardPresetMotionProps>;
254
254
  declare const cardAnimationPresets: CardAnimationPresets;
255
255
 
256
256
  declare const dividerToneVariants: (props?: ({
257
- appearance?: "default" | "ghost" | "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" | "destructive" | "amber" | "muted" | "primary" | null | undefined;
257
+ 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" | "gray" | "violet" | "destructive" | "amber" | "muted" | "primary" | null | undefined;
258
258
  } & class_variance_authority_types.ClassProp) | undefined) => string;
259
259
  declare const dividerVariants: (props?: ({
260
- appearance?: "default" | "ghost" | "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" | "destructive" | "amber" | "muted" | "primary" | null | undefined;
260
+ 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" | "gray" | "violet" | "destructive" | "amber" | "muted" | "primary" | null | undefined;
261
261
  orientation?: "horizontal" | "vertical" | null | undefined;
262
262
  size?: "sm" | "md" | "lg" | null | undefined;
263
263
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -292,12 +292,12 @@ declare const drawerPanelPresets: (side: "left" | "right" | "top" | "bottom") =>
292
292
 
293
293
  declare const drawerOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
294
294
  declare const drawerTriggerVariants: (props?: ({
295
- appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "amber" | null | undefined;
295
+ appearance?: "default" | "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" | "glass" | "amber" | null | undefined;
296
296
  } & class_variance_authority_types.ClassProp) | undefined) => string;
297
297
  declare const drawerContentVariants: (props?: ({
298
298
  side?: "bottom" | "left" | "right" | "top" | null | undefined;
299
299
  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
300
- appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "amber" | null | undefined;
300
+ appearance?: "default" | "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" | "glass" | "amber" | null | undefined;
301
301
  } & class_variance_authority_types.ClassProp) | undefined) => string;
302
302
 
303
303
  type DrawerContentVariantProps = VariantProps<typeof drawerContentVariants>;
@@ -392,7 +392,7 @@ declare const DropdownContent: ({ children, className, placement, spacing, divid
392
392
  declare const DropdownItem: ({ children, value, className, variant, onSelect, leftIcon, rightIcon, ...props }: DropdownItemProps) => react_jsx_runtime.JSX.Element;
393
393
 
394
394
  declare const triggerVariants: (props?: ({
395
- variant?: "default" | "outline" | "ghost" | "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" | "black" | "white" | null | undefined;
395
+ 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" | "gray" | "violet" | "amber" | "black" | "white" | null | undefined;
396
396
  size?: "sm" | "md" | "lg" | null | undefined;
397
397
  } & class_variance_authority_types.ClassProp) | undefined) => string;
398
398
  declare const contentVariants: (props?: ({
@@ -400,7 +400,7 @@ declare const contentVariants: (props?: ({
400
400
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
401
401
  } & class_variance_authority_types.ClassProp) | undefined) => string;
402
402
  declare const itemVariants: (props?: ({
403
- variant?: "default" | "outline" | "ghost" | "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" | "black" | "white" | null | undefined;
403
+ 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" | "gray" | "violet" | "amber" | "black" | "white" | null | undefined;
404
404
  } & class_variance_authority_types.ClassProp) | undefined) => string;
405
405
 
406
406
  declare const emptyStateVariants: (props?: ({
@@ -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;
@@ -482,12 +482,12 @@ declare const Input: {
482
482
 
483
483
  declare const modalOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
484
484
  declare const modalTriggerVariants: (props?: ({
485
- appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "amber" | null | undefined;
485
+ appearance?: "default" | "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" | "glass" | "amber" | null | undefined;
486
486
  } & class_variance_authority_types.ClassProp) | undefined) => string;
487
487
  declare const modalContentVariants: (props?: ({
488
488
  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
489
489
  position?: "bottom" | "top" | "center" | null | undefined;
490
- appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "amber" | null | undefined;
490
+ appearance?: "default" | "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" | "glass" | "amber" | null | undefined;
491
491
  } & class_variance_authority_types.ClassProp) | undefined) => string;
492
492
 
493
493
  type ModalAnimation = "none" | "fade" | "scale" | "slide-up" | "slide-down";
@@ -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;
@@ -810,11 +810,11 @@ declare const skeletonShimmerGradientClasses: {
810
810
  };
811
811
  type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
812
812
  declare const skeletonVariants: (props?: ({
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
+ appearance?: "default" | "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" | "amber" | "muted" | "subtle" | null | undefined;
814
814
  size?: "sm" | "md" | "lg" | null | undefined;
815
815
  rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
816
816
  animation?: "none" | "shimmer" | "pulse" | null | undefined;
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
+ shimmerTone?: "default" | "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" | "amber" | "muted" | "subtle" | null | undefined;
818
818
  } & class_variance_authority_types.ClassProp) | undefined) => string;
819
819
  declare const skeletonTextLineVariants: (props?: ({
820
820
  size?: "sm" | "md" | "lg" | 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" | "dots" | "pulse" | "bars" | null | undefined;
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 = {
@@ -1007,7 +1007,7 @@ declare const tabsListVariants: (props?: ({
1007
1007
  orientation?: "horizontal" | "vertical" | null | undefined;
1008
1008
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1009
1009
  declare const tabsTriggerVariants: (props?: ({
1010
- appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
1010
+ appearance?: "default" | "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" | null | undefined;
1011
1011
  variant?: "default" | "underline" | "pills" | null | undefined;
1012
1012
  size?: "sm" | "md" | "lg" | null | undefined;
1013
1013
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -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
 
@@ -1097,7 +1097,7 @@ declare const toggleThumbAnimationPresets: ToggleAnimationPresets;
1097
1097
 
1098
1098
  declare const toggleTrackVariants: (props?: ({
1099
1099
  size?: "sm" | "md" | "lg" | null | undefined;
1100
- appearance?: "default" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "success" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "destructive" | "cyan" | "green" | "lime" | "neutral" | "slate" | "zinc" | "stone" | null | undefined;
1100
+ appearance?: "default" | "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" | "success" | "gray" | "destructive" | "cyan" | "green" | "lime" | "neutral" | "slate" | "zinc" | "stone" | null | undefined;
1101
1101
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1102
1102
  declare const toggleThumbVariants: (props?: ({
1103
1103
  size?: "sm" | "md" | "lg" | null | undefined;
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;
@@ -70,7 +70,7 @@ declare namespace AccordionContent {
70
70
  }
71
71
 
72
72
  declare const alertVariants: (props?: ({
73
- appearance?: "default" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "success" | "warning" | "error" | "info" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
73
+ appearance?: "default" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "success" | "warning" | "error" | "info" | "gray" | "violet" | null | undefined;
74
74
  size?: "sm" | "md" | "lg" | null | undefined;
75
75
  } & class_variance_authority_types.ClassProp) | undefined) => string;
76
76
  declare const alertTitleVariants: (props?: ({
@@ -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
 
@@ -184,7 +184,7 @@ declare const Button: {
184
184
  declare const buttonAnimationPresets: AnimationPresets;
185
185
 
186
186
  declare const cardVariants: (props?: ({
187
- appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "elevated" | "amber" | null | undefined;
187
+ 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" | "gray" | "violet" | "glass" | "amber" | "elevated" | null | undefined;
188
188
  size?: "sm" | "md" | "lg" | null | undefined;
189
189
  rounded?: "sm" | "md" | "lg" | "full" | null | undefined;
190
190
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -254,10 +254,10 @@ type CardAnimationPresets = Record<CardAnimation, CardPresetMotionProps>;
254
254
  declare const cardAnimationPresets: CardAnimationPresets;
255
255
 
256
256
  declare const dividerToneVariants: (props?: ({
257
- appearance?: "default" | "ghost" | "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" | "destructive" | "amber" | "muted" | "primary" | null | undefined;
257
+ 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" | "gray" | "violet" | "destructive" | "amber" | "muted" | "primary" | null | undefined;
258
258
  } & class_variance_authority_types.ClassProp) | undefined) => string;
259
259
  declare const dividerVariants: (props?: ({
260
- appearance?: "default" | "ghost" | "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" | "destructive" | "amber" | "muted" | "primary" | null | undefined;
260
+ 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" | "gray" | "violet" | "destructive" | "amber" | "muted" | "primary" | null | undefined;
261
261
  orientation?: "horizontal" | "vertical" | null | undefined;
262
262
  size?: "sm" | "md" | "lg" | null | undefined;
263
263
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -292,12 +292,12 @@ declare const drawerPanelPresets: (side: "left" | "right" | "top" | "bottom") =>
292
292
 
293
293
  declare const drawerOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
294
294
  declare const drawerTriggerVariants: (props?: ({
295
- appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "amber" | null | undefined;
295
+ appearance?: "default" | "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" | "glass" | "amber" | null | undefined;
296
296
  } & class_variance_authority_types.ClassProp) | undefined) => string;
297
297
  declare const drawerContentVariants: (props?: ({
298
298
  side?: "bottom" | "left" | "right" | "top" | null | undefined;
299
299
  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
300
- appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "amber" | null | undefined;
300
+ appearance?: "default" | "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" | "glass" | "amber" | null | undefined;
301
301
  } & class_variance_authority_types.ClassProp) | undefined) => string;
302
302
 
303
303
  type DrawerContentVariantProps = VariantProps<typeof drawerContentVariants>;
@@ -392,7 +392,7 @@ declare const DropdownContent: ({ children, className, placement, spacing, divid
392
392
  declare const DropdownItem: ({ children, value, className, variant, onSelect, leftIcon, rightIcon, ...props }: DropdownItemProps) => react_jsx_runtime.JSX.Element;
393
393
 
394
394
  declare const triggerVariants: (props?: ({
395
- variant?: "default" | "outline" | "ghost" | "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" | "black" | "white" | null | undefined;
395
+ 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" | "gray" | "violet" | "amber" | "black" | "white" | null | undefined;
396
396
  size?: "sm" | "md" | "lg" | null | undefined;
397
397
  } & class_variance_authority_types.ClassProp) | undefined) => string;
398
398
  declare const contentVariants: (props?: ({
@@ -400,7 +400,7 @@ declare const contentVariants: (props?: ({
400
400
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
401
401
  } & class_variance_authority_types.ClassProp) | undefined) => string;
402
402
  declare const itemVariants: (props?: ({
403
- variant?: "default" | "outline" | "ghost" | "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" | "black" | "white" | null | undefined;
403
+ 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" | "gray" | "violet" | "amber" | "black" | "white" | null | undefined;
404
404
  } & class_variance_authority_types.ClassProp) | undefined) => string;
405
405
 
406
406
  declare const emptyStateVariants: (props?: ({
@@ -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;
@@ -482,12 +482,12 @@ declare const Input: {
482
482
 
483
483
  declare const modalOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
484
484
  declare const modalTriggerVariants: (props?: ({
485
- appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "amber" | null | undefined;
485
+ appearance?: "default" | "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" | "glass" | "amber" | null | undefined;
486
486
  } & class_variance_authority_types.ClassProp) | undefined) => string;
487
487
  declare const modalContentVariants: (props?: ({
488
488
  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
489
489
  position?: "bottom" | "top" | "center" | null | undefined;
490
- appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "amber" | null | undefined;
490
+ appearance?: "default" | "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" | "glass" | "amber" | null | undefined;
491
491
  } & class_variance_authority_types.ClassProp) | undefined) => string;
492
492
 
493
493
  type ModalAnimation = "none" | "fade" | "scale" | "slide-up" | "slide-down";
@@ -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;
@@ -810,11 +810,11 @@ declare const skeletonShimmerGradientClasses: {
810
810
  };
811
811
  type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
812
812
  declare const skeletonVariants: (props?: ({
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
+ appearance?: "default" | "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" | "amber" | "muted" | "subtle" | null | undefined;
814
814
  size?: "sm" | "md" | "lg" | null | undefined;
815
815
  rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
816
816
  animation?: "none" | "shimmer" | "pulse" | null | undefined;
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
+ shimmerTone?: "default" | "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" | "amber" | "muted" | "subtle" | null | undefined;
818
818
  } & class_variance_authority_types.ClassProp) | undefined) => string;
819
819
  declare const skeletonTextLineVariants: (props?: ({
820
820
  size?: "sm" | "md" | "lg" | 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" | "dots" | "pulse" | "bars" | null | undefined;
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 = {
@@ -1007,7 +1007,7 @@ declare const tabsListVariants: (props?: ({
1007
1007
  orientation?: "horizontal" | "vertical" | null | undefined;
1008
1008
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1009
1009
  declare const tabsTriggerVariants: (props?: ({
1010
- appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
1010
+ appearance?: "default" | "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" | null | undefined;
1011
1011
  variant?: "default" | "underline" | "pills" | null | undefined;
1012
1012
  size?: "sm" | "md" | "lg" | null | undefined;
1013
1013
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -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
 
@@ -1097,7 +1097,7 @@ declare const toggleThumbAnimationPresets: ToggleAnimationPresets;
1097
1097
 
1098
1098
  declare const toggleTrackVariants: (props?: ({
1099
1099
  size?: "sm" | "md" | "lg" | null | undefined;
1100
- appearance?: "default" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "success" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "destructive" | "cyan" | "green" | "lime" | "neutral" | "slate" | "zinc" | "stone" | null | undefined;
1100
+ appearance?: "default" | "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" | "success" | "gray" | "destructive" | "cyan" | "green" | "lime" | "neutral" | "slate" | "zinc" | "stone" | null | undefined;
1101
1101
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1102
1102
  declare const toggleThumbVariants: (props?: ({
1103
1103
  size?: "sm" | "md" | "lg" | null | undefined;