@zentauri-ui/zentauri-components 0.0.5 → 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.
Files changed (7) hide show
  1. package/dist/ui/index.cjs +243 -82
  2. package/dist/ui/index.cjs.map +1 -1
  3. package/dist/ui/index.d.cts +47 -46
  4. package/dist/ui/index.d.ts +47 -46
  5. package/dist/ui/index.js +243 -82
  6. package/dist/ui/index.js.map +1 -1
  7. 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;
@@ -717,15 +717,15 @@ type ProgressAnimationPresets = Record<ProgressAnimation, ProgressPresetMotionPr
717
717
  declare const progressAnimationPresets: ProgressAnimationPresets;
718
718
 
719
719
  declare const selectTriggerVariants: (props?: ({
720
- variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "glass" | null | undefined;
720
+ variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
721
721
  size?: "sm" | "md" | "lg" | null | undefined;
722
722
  } & class_variance_authority_types.ClassProp) | undefined) => string;
723
723
  declare const selectItemVariants: (props?: ({
724
- appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "glass" | null | undefined;
724
+ appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
725
725
  disabled?: boolean | null | undefined;
726
726
  } & class_variance_authority_types.ClassProp) | undefined) => string;
727
727
  declare const selectContentVariants: (props?: ({
728
- appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "glass" | null | undefined;
728
+ appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
729
729
  size?: "sm" | "md" | "lg" | null | undefined;
730
730
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
731
731
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -735,6 +735,7 @@ type SelectOption = {
735
735
  value: string;
736
736
  disabled?: boolean;
737
737
  };
738
+ type SelectAppearance = "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
738
739
  type SelectContextType = {
739
740
  open: boolean;
740
741
  setOpen: (v: boolean) => void;
@@ -759,7 +760,7 @@ type SelectTriggerProps = SelectTriggerVariantProps & Omit<ButtonHTMLAttributes<
759
760
  };
760
761
  type SelectContentProps = HTMLAttributes<HTMLDivElement> & {
761
762
  className?: string;
762
- appearance?: "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald";
763
+ appearance?: SelectAppearance;
763
764
  size?: "sm" | "md" | "lg";
764
765
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl";
765
766
  };
@@ -767,7 +768,7 @@ type SelectItemProps = HTMLAttributes<HTMLDivElement> & {
767
768
  value: string;
768
769
  children: ReactNode;
769
770
  disabled?: boolean;
770
- appearance?: "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald";
771
+ appearance?: SelectAppearance;
771
772
  };
772
773
  type SelectValueProps = HTMLAttributes<HTMLSpanElement> & {
773
774
  placeholder?: ReactNode;
@@ -782,44 +783,44 @@ declare const SelectContent: ({ children, className, appearance, size, spacing,
782
783
  declare const SelectItem: ({ value, children, disabled, appearance, className, ...props }: SelectItemProps) => react_jsx_runtime.JSX.Element;
783
784
 
784
785
  declare const skeletonShimmerGradientClasses: {
785
- readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
786
- readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
787
- readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
788
- readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
789
- readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
790
- readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
791
- readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
792
- readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
793
- readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
794
- readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
795
- readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
796
- readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
797
- readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
798
- readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
799
- readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
800
- readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
801
- readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
802
- readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
803
- readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
804
- readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
805
- readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
806
- readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
807
- readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
808
- readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
786
+ readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
787
+ readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
788
+ readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
789
+ readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
790
+ readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
791
+ readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
792
+ readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
793
+ readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
794
+ readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
795
+ readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
796
+ readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
797
+ readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
798
+ readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
799
+ readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
800
+ readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
801
+ readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
802
+ readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
803
+ readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
804
+ readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
805
+ readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
806
+ readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
807
+ readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
808
+ readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
809
+ readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
809
810
  };
810
811
  type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
811
812
  declare const skeletonVariants: (props?: ({
812
813
  appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "amber" | "muted" | "subtle" | null | undefined;
813
814
  size?: "sm" | "md" | "lg" | null | undefined;
814
815
  rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
815
- animation?: "none" | "shimmer" | null | undefined;
816
+ animation?: "none" | "shimmer" | "pulse" | null | undefined;
816
817
  shimmerTone?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "amber" | "muted" | "subtle" | null | undefined;
817
818
  } & class_variance_authority_types.ClassProp) | undefined) => string;
818
819
  declare const skeletonTextLineVariants: (props?: ({
819
820
  size?: "sm" | "md" | "lg" | null | undefined;
820
821
  } & class_variance_authority_types.ClassProp) | undefined) => string;
821
822
 
822
- type SkeletonAnimation = "none" | "shimmer";
823
+ type SkeletonAnimation = "none" | "shimmer" | "pulse";
823
824
  type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
824
825
  type SkeletonProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
825
826
  animation?: SkeletonAnimation;
@@ -860,14 +861,14 @@ 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
 
867
868
  declare const spinnerVariants: (props?: ({
868
- 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;
869
870
  size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
870
- variant?: "ring" | "dots" | "pulse" | "bars" | null | undefined;
871
+ variant?: "ring" | "pulse" | "dots" | "bars" | null | undefined;
871
872
  } & class_variance_authority_types.ClassProp) | undefined) => string;
872
873
 
873
874
  type SpinnerVariantProps = VariantProps<typeof spinnerVariants>;
@@ -886,14 +887,15 @@ declare const spinnerAnimationPresets: {
886
887
  };
887
888
 
888
889
  declare const tableVariants: (props?: ({
889
- 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;
890
891
  size?: "sm" | "md" | "lg" | null | undefined;
891
892
  stickyHeader?: boolean | null | undefined;
892
893
  } & class_variance_authority_types.ClassProp) | undefined) => string;
893
894
  declare const tableRowVariants: (props?: ({
894
- 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;
895
896
  } & class_variance_authority_types.ClassProp) | undefined) => string;
896
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;
897
899
  size?: "sm" | "md" | "lg" | null | undefined;
898
900
  textAlign?: "left" | "right" | "center" | null | undefined;
899
901
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -904,7 +906,6 @@ type TableProps = TableVariantProps & Omit<HTMLAttributes<HTMLTableElement>, "ch
904
906
  children?: ReactNode;
905
907
  rowAnimation?: TableAnimation;
906
908
  ref?: Ref<HTMLTableElement>;
907
- overflow?: "auto" | "hidden";
908
909
  textAlign?: "left" | "center" | "right";
909
910
  };
910
911
  type TableSectionProps = {
@@ -1020,7 +1021,7 @@ declare const toastViewportVariants: (props?: ({
1020
1021
  position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
1021
1022
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1022
1023
  declare const toastRootVariants: (props?: ({
1023
- 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;
1024
1025
  size?: "sm" | "md" | "lg" | null | undefined;
1025
1026
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1026
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;
@@ -717,15 +717,15 @@ type ProgressAnimationPresets = Record<ProgressAnimation, ProgressPresetMotionPr
717
717
  declare const progressAnimationPresets: ProgressAnimationPresets;
718
718
 
719
719
  declare const selectTriggerVariants: (props?: ({
720
- variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "glass" | null | undefined;
720
+ variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
721
721
  size?: "sm" | "md" | "lg" | null | undefined;
722
722
  } & class_variance_authority_types.ClassProp) | undefined) => string;
723
723
  declare const selectItemVariants: (props?: ({
724
- appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "glass" | null | undefined;
724
+ appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
725
725
  disabled?: boolean | null | undefined;
726
726
  } & class_variance_authority_types.ClassProp) | undefined) => string;
727
727
  declare const selectContentVariants: (props?: ({
728
- appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "glass" | null | undefined;
728
+ appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
729
729
  size?: "sm" | "md" | "lg" | null | undefined;
730
730
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
731
731
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -735,6 +735,7 @@ type SelectOption = {
735
735
  value: string;
736
736
  disabled?: boolean;
737
737
  };
738
+ type SelectAppearance = "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
738
739
  type SelectContextType = {
739
740
  open: boolean;
740
741
  setOpen: (v: boolean) => void;
@@ -759,7 +760,7 @@ type SelectTriggerProps = SelectTriggerVariantProps & Omit<ButtonHTMLAttributes<
759
760
  };
760
761
  type SelectContentProps = HTMLAttributes<HTMLDivElement> & {
761
762
  className?: string;
762
- appearance?: "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald";
763
+ appearance?: SelectAppearance;
763
764
  size?: "sm" | "md" | "lg";
764
765
  spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl";
765
766
  };
@@ -767,7 +768,7 @@ type SelectItemProps = HTMLAttributes<HTMLDivElement> & {
767
768
  value: string;
768
769
  children: ReactNode;
769
770
  disabled?: boolean;
770
- appearance?: "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald";
771
+ appearance?: SelectAppearance;
771
772
  };
772
773
  type SelectValueProps = HTMLAttributes<HTMLSpanElement> & {
773
774
  placeholder?: ReactNode;
@@ -782,44 +783,44 @@ declare const SelectContent: ({ children, className, appearance, size, spacing,
782
783
  declare const SelectItem: ({ value, children, disabled, appearance, className, ...props }: SelectItemProps) => react_jsx_runtime.JSX.Element;
783
784
 
784
785
  declare const skeletonShimmerGradientClasses: {
785
- readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
786
- readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
787
- readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
788
- readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
789
- readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
790
- readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
791
- readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
792
- readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
793
- readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
794
- readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
795
- readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
796
- readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
797
- readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
798
- readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
799
- readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
800
- readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
801
- readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
802
- readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
803
- readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
804
- readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
805
- readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
806
- readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
807
- readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
808
- readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
786
+ readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
787
+ readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
788
+ readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
789
+ readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
790
+ readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
791
+ readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
792
+ readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
793
+ readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
794
+ readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
795
+ readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
796
+ readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
797
+ readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
798
+ readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
799
+ readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
800
+ readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
801
+ readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
802
+ readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
803
+ readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
804
+ readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
805
+ readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
806
+ readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
807
+ readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
808
+ readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
809
+ readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
809
810
  };
810
811
  type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
811
812
  declare const skeletonVariants: (props?: ({
812
813
  appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "amber" | "muted" | "subtle" | null | undefined;
813
814
  size?: "sm" | "md" | "lg" | null | undefined;
814
815
  rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
815
- animation?: "none" | "shimmer" | null | undefined;
816
+ animation?: "none" | "shimmer" | "pulse" | null | undefined;
816
817
  shimmerTone?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "amber" | "muted" | "subtle" | null | undefined;
817
818
  } & class_variance_authority_types.ClassProp) | undefined) => string;
818
819
  declare const skeletonTextLineVariants: (props?: ({
819
820
  size?: "sm" | "md" | "lg" | null | undefined;
820
821
  } & class_variance_authority_types.ClassProp) | undefined) => string;
821
822
 
822
- type SkeletonAnimation = "none" | "shimmer";
823
+ type SkeletonAnimation = "none" | "shimmer" | "pulse";
823
824
  type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
824
825
  type SkeletonProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
825
826
  animation?: SkeletonAnimation;
@@ -860,14 +861,14 @@ 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
 
867
868
  declare const spinnerVariants: (props?: ({
868
- 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;
869
870
  size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
870
- variant?: "ring" | "dots" | "pulse" | "bars" | null | undefined;
871
+ variant?: "ring" | "pulse" | "dots" | "bars" | null | undefined;
871
872
  } & class_variance_authority_types.ClassProp) | undefined) => string;
872
873
 
873
874
  type SpinnerVariantProps = VariantProps<typeof spinnerVariants>;
@@ -886,14 +887,15 @@ declare const spinnerAnimationPresets: {
886
887
  };
887
888
 
888
889
  declare const tableVariants: (props?: ({
889
- 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;
890
891
  size?: "sm" | "md" | "lg" | null | undefined;
891
892
  stickyHeader?: boolean | null | undefined;
892
893
  } & class_variance_authority_types.ClassProp) | undefined) => string;
893
894
  declare const tableRowVariants: (props?: ({
894
- 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;
895
896
  } & class_variance_authority_types.ClassProp) | undefined) => string;
896
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;
897
899
  size?: "sm" | "md" | "lg" | null | undefined;
898
900
  textAlign?: "left" | "right" | "center" | null | undefined;
899
901
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -904,7 +906,6 @@ type TableProps = TableVariantProps & Omit<HTMLAttributes<HTMLTableElement>, "ch
904
906
  children?: ReactNode;
905
907
  rowAnimation?: TableAnimation;
906
908
  ref?: Ref<HTMLTableElement>;
907
- overflow?: "auto" | "hidden";
908
909
  textAlign?: "left" | "center" | "right";
909
910
  };
910
911
  type TableSectionProps = {
@@ -1020,7 +1021,7 @@ declare const toastViewportVariants: (props?: ({
1020
1021
  position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
1021
1022
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1022
1023
  declare const toastRootVariants: (props?: ({
1023
- 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;
1024
1025
  size?: "sm" | "md" | "lg" | null | undefined;
1025
1026
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1026
1027