yems-ui 1.1.1 → 1.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -2
- package/dist/index.d.mts +25 -44
- package/dist/index.d.ts +25 -44
- package/dist/index.js +175 -306
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +173 -304
- package/dist/index.mjs.map +1 -1
- package/package.json +21 -9
- package/dist/index.css +0 -320
- package/dist/index.css.map +0 -1
package/README.md
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
#
|
|
1
|
+
# yems-ui
|
|
2
2
|
|
|
3
3
|
A beautiful React component library with **glassmorphism effects**, **premium animations**, and **modern design patterns**.
|
|
4
4
|
|
|
5
|
+
## 🎨 Live Demo
|
|
6
|
+
|
|
7
|
+
👉 **[View Interactive Component Playground](https://yems-ui-playground.vercel.app)** - See all components in action!
|
|
8
|
+
|
|
5
9
|
## ✨ Features
|
|
6
10
|
|
|
7
11
|
- 🎨 **Glassmorphism Design** - Beautiful frosted glass effects with liquid aesthetics
|
|
@@ -17,7 +21,7 @@ A beautiful React component library with **glassmorphism effects**, **premium an
|
|
|
17
21
|
### Via NPM (Recommended)
|
|
18
22
|
|
|
19
23
|
```bash
|
|
20
|
-
npm install
|
|
24
|
+
npm install yems-ui
|
|
21
25
|
```
|
|
22
26
|
|
|
23
27
|
### Peer Dependencies
|
package/dist/index.d.mts
CHANGED
|
@@ -3,6 +3,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
|
3
3
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
6
|
+
import { HTMLMotionProps } from 'motion/react';
|
|
6
7
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
7
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
9
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
@@ -31,9 +32,9 @@ declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPr
|
|
|
31
32
|
* Alert/Banner component with glassmorphism
|
|
32
33
|
* For system messages, notifications, and important info
|
|
33
34
|
*/
|
|
34
|
-
declare const alertVariants: (props?:
|
|
35
|
-
variant?: "default" | "info" | "success" | "warning" | "error"
|
|
36
|
-
} & class_variance_authority_types.ClassProp)
|
|
35
|
+
declare const alertVariants: (props?: {
|
|
36
|
+
variant?: "default" | "info" | "success" | "warning" | "error";
|
|
37
|
+
} & class_variance_authority_types.ClassProp) => string;
|
|
37
38
|
interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
38
39
|
dismissible?: boolean;
|
|
39
40
|
onDismiss?: () => void;
|
|
@@ -50,21 +51,14 @@ declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.Avata
|
|
|
50
51
|
declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
51
52
|
declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
52
53
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
declare const badgeVariants: (props?: ({
|
|
58
|
-
variant?: "default" | "success" | "warning" | "error" | "primary" | "secondary" | "accent" | "ember" | "outline-primary" | "outline-secondary" | "outline-accent" | "outline-success" | "outline-warning" | "outline-error" | "soft-primary" | "soft-secondary" | "soft-accent" | "soft-success" | "soft-warning" | "soft-error" | null | undefined;
|
|
59
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
60
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
54
|
+
declare const badgeVariants: (props?: {
|
|
55
|
+
variant?: "default" | "success" | "warning" | "error" | "primary" | "secondary" | "accent" | "ember" | "outline-primary" | "outline-secondary" | "outline-accent" | "outline-success" | "outline-warning" | "outline-error" | "soft-primary" | "soft-secondary" | "soft-accent" | "soft-success" | "soft-warning" | "soft-error";
|
|
56
|
+
size?: "default" | "sm" | "lg";
|
|
57
|
+
} & class_variance_authority_types.ClassProp) => string;
|
|
61
58
|
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
62
59
|
dot?: boolean;
|
|
63
60
|
}
|
|
64
61
|
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
|
|
65
|
-
/**
|
|
66
|
-
* StatusBadge - Preset badge for common status values
|
|
67
|
-
*/
|
|
68
62
|
interface StatusBadgeProps {
|
|
69
63
|
status: "active" | "inactive" | "pending" | "success" | "error" | "warning";
|
|
70
64
|
children?: React.ReactNode;
|
|
@@ -87,44 +81,31 @@ interface BreadcrumbsProps extends React.ComponentProps<"nav"> {
|
|
|
87
81
|
}
|
|
88
82
|
declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
89
83
|
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
variant?: "link" | "outline" | "primary" | "secondary" | "accent" | "ember" | "outline-primary" | "outline-secondary" | "outline-accent" | "destructive" | "outline-ember" | "outline-destructive" | "ghost-primary" | "ghost-secondary" | "ghost-accent" | "ghost-ember" | "ghost-destructive" | "ghost" | null | undefined;
|
|
96
|
-
size?: "default" | "sm" | "lg" | "xl" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
97
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
98
|
-
interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "style">, VariantProps<typeof buttonVariants> {
|
|
84
|
+
declare const buttonVariants: (props?: {
|
|
85
|
+
variant?: "link" | "outline" | "primary" | "secondary" | "accent" | "ember" | "outline-primary" | "outline-secondary" | "outline-accent" | "destructive" | "outline-ember" | "outline-destructive" | "ghost-primary" | "ghost-secondary" | "ghost-accent" | "ghost-ember" | "ghost-destructive" | "ghost";
|
|
86
|
+
size?: "default" | "sm" | "lg" | "xl" | "icon" | "icon-sm" | "icon-lg";
|
|
87
|
+
} & class_variance_authority_types.ClassProp) => string;
|
|
88
|
+
interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "style" | "onAnimationStart">, VariantProps<typeof buttonVariants> {
|
|
99
89
|
asChild?: boolean;
|
|
100
90
|
isLoading?: boolean;
|
|
101
91
|
leftIcon?: React.ReactNode;
|
|
102
92
|
rightIcon?: React.ReactNode;
|
|
103
93
|
}
|
|
104
94
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
105
|
-
/**
|
|
106
|
-
* Icon Button with enhanced micro-interactions
|
|
107
|
-
*/
|
|
108
95
|
interface IconButtonProps extends ButtonProps {
|
|
109
96
|
"aria-label": string;
|
|
110
97
|
}
|
|
111
98
|
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
112
99
|
|
|
113
|
-
|
|
114
|
-
* Card components with LIQUID GLASS effect
|
|
115
|
-
* Features glassmorphism with backdrop blur and micro-interactions
|
|
116
|
-
*/
|
|
117
|
-
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
100
|
+
interface CardProps extends HTMLMotionProps<"div"> {
|
|
118
101
|
hover?: boolean;
|
|
119
|
-
}
|
|
102
|
+
}
|
|
103
|
+
declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
120
104
|
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
121
105
|
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
122
106
|
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
123
107
|
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
124
108
|
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
125
|
-
/**
|
|
126
|
-
* StatCard - Glass dashboard statistics card with micro-interactions
|
|
127
|
-
*/
|
|
128
109
|
interface StatCardProps {
|
|
129
110
|
title: string;
|
|
130
111
|
value: string | number;
|
|
@@ -207,11 +188,11 @@ declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & Reac
|
|
|
207
188
|
* Input with GLASSMORPHISM and MICRO-INTERACTIONS
|
|
208
189
|
* Features: focus glow, smooth transitions, animated labels
|
|
209
190
|
*/
|
|
210
|
-
declare const inputVariants: (props?:
|
|
211
|
-
variant?: "default" | "ghost" | "filled"
|
|
212
|
-
inputSize?: "default" | "sm" | "lg"
|
|
213
|
-
state?: "default" | "success" | "error"
|
|
214
|
-
} & class_variance_authority_types.ClassProp)
|
|
191
|
+
declare const inputVariants: (props?: {
|
|
192
|
+
variant?: "default" | "ghost" | "filled";
|
|
193
|
+
inputSize?: "default" | "sm" | "lg";
|
|
194
|
+
state?: "default" | "success" | "error";
|
|
195
|
+
} & class_variance_authority_types.ClassProp) => string;
|
|
215
196
|
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
|
|
216
197
|
leftIcon?: React.ReactNode;
|
|
217
198
|
rightIcon?: React.ReactNode;
|
|
@@ -350,9 +331,9 @@ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.Ta
|
|
|
350
331
|
|
|
351
332
|
declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
|
|
352
333
|
declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
353
|
-
declare const Toast$1: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?:
|
|
354
|
-
variant?: "default" | "destructive"
|
|
355
|
-
} & class_variance_authority_types.ClassProp)
|
|
334
|
+
declare const Toast$1: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: {
|
|
335
|
+
variant?: "default" | "destructive";
|
|
336
|
+
} & class_variance_authority_types.ClassProp) => string> & React.RefAttributes<HTMLLIElement>>;
|
|
356
337
|
declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
357
338
|
declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
358
339
|
declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -447,4 +428,4 @@ declare function sleep(ms: number): Promise<void>;
|
|
|
447
428
|
*/
|
|
448
429
|
declare function generateId(): string;
|
|
449
430
|
|
|
450
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, SkeletonAvatar, SkeletonCard, type SkeletonProps, SkeletonTable, SkeletonText, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, debounce, formatCurrency, formatDate, formatRelativeTime, generateId, getInitials, inputVariants, reducer, sleep, toast, truncate, useToast };
|
|
431
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, SkeletonAvatar, SkeletonCard, type SkeletonProps, SkeletonTable, SkeletonText, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, debounce, formatCurrency, formatDate, formatRelativeTime, generateId, getInitials, inputVariants, reducer, sleep, toast, truncate, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
|
3
3
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
6
|
+
import { HTMLMotionProps } from 'motion/react';
|
|
6
7
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
7
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
9
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
@@ -31,9 +32,9 @@ declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPr
|
|
|
31
32
|
* Alert/Banner component with glassmorphism
|
|
32
33
|
* For system messages, notifications, and important info
|
|
33
34
|
*/
|
|
34
|
-
declare const alertVariants: (props?:
|
|
35
|
-
variant?: "default" | "info" | "success" | "warning" | "error"
|
|
36
|
-
} & class_variance_authority_types.ClassProp)
|
|
35
|
+
declare const alertVariants: (props?: {
|
|
36
|
+
variant?: "default" | "info" | "success" | "warning" | "error";
|
|
37
|
+
} & class_variance_authority_types.ClassProp) => string;
|
|
37
38
|
interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
38
39
|
dismissible?: boolean;
|
|
39
40
|
onDismiss?: () => void;
|
|
@@ -50,21 +51,14 @@ declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.Avata
|
|
|
50
51
|
declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
51
52
|
declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
52
53
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
declare const badgeVariants: (props?: ({
|
|
58
|
-
variant?: "default" | "success" | "warning" | "error" | "primary" | "secondary" | "accent" | "ember" | "outline-primary" | "outline-secondary" | "outline-accent" | "outline-success" | "outline-warning" | "outline-error" | "soft-primary" | "soft-secondary" | "soft-accent" | "soft-success" | "soft-warning" | "soft-error" | null | undefined;
|
|
59
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
60
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
54
|
+
declare const badgeVariants: (props?: {
|
|
55
|
+
variant?: "default" | "success" | "warning" | "error" | "primary" | "secondary" | "accent" | "ember" | "outline-primary" | "outline-secondary" | "outline-accent" | "outline-success" | "outline-warning" | "outline-error" | "soft-primary" | "soft-secondary" | "soft-accent" | "soft-success" | "soft-warning" | "soft-error";
|
|
56
|
+
size?: "default" | "sm" | "lg";
|
|
57
|
+
} & class_variance_authority_types.ClassProp) => string;
|
|
61
58
|
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
62
59
|
dot?: boolean;
|
|
63
60
|
}
|
|
64
61
|
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
|
|
65
|
-
/**
|
|
66
|
-
* StatusBadge - Preset badge for common status values
|
|
67
|
-
*/
|
|
68
62
|
interface StatusBadgeProps {
|
|
69
63
|
status: "active" | "inactive" | "pending" | "success" | "error" | "warning";
|
|
70
64
|
children?: React.ReactNode;
|
|
@@ -87,44 +81,31 @@ interface BreadcrumbsProps extends React.ComponentProps<"nav"> {
|
|
|
87
81
|
}
|
|
88
82
|
declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
89
83
|
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
variant?: "link" | "outline" | "primary" | "secondary" | "accent" | "ember" | "outline-primary" | "outline-secondary" | "outline-accent" | "destructive" | "outline-ember" | "outline-destructive" | "ghost-primary" | "ghost-secondary" | "ghost-accent" | "ghost-ember" | "ghost-destructive" | "ghost" | null | undefined;
|
|
96
|
-
size?: "default" | "sm" | "lg" | "xl" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
97
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
98
|
-
interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "style">, VariantProps<typeof buttonVariants> {
|
|
84
|
+
declare const buttonVariants: (props?: {
|
|
85
|
+
variant?: "link" | "outline" | "primary" | "secondary" | "accent" | "ember" | "outline-primary" | "outline-secondary" | "outline-accent" | "destructive" | "outline-ember" | "outline-destructive" | "ghost-primary" | "ghost-secondary" | "ghost-accent" | "ghost-ember" | "ghost-destructive" | "ghost";
|
|
86
|
+
size?: "default" | "sm" | "lg" | "xl" | "icon" | "icon-sm" | "icon-lg";
|
|
87
|
+
} & class_variance_authority_types.ClassProp) => string;
|
|
88
|
+
interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "style" | "onAnimationStart">, VariantProps<typeof buttonVariants> {
|
|
99
89
|
asChild?: boolean;
|
|
100
90
|
isLoading?: boolean;
|
|
101
91
|
leftIcon?: React.ReactNode;
|
|
102
92
|
rightIcon?: React.ReactNode;
|
|
103
93
|
}
|
|
104
94
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
105
|
-
/**
|
|
106
|
-
* Icon Button with enhanced micro-interactions
|
|
107
|
-
*/
|
|
108
95
|
interface IconButtonProps extends ButtonProps {
|
|
109
96
|
"aria-label": string;
|
|
110
97
|
}
|
|
111
98
|
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
112
99
|
|
|
113
|
-
|
|
114
|
-
* Card components with LIQUID GLASS effect
|
|
115
|
-
* Features glassmorphism with backdrop blur and micro-interactions
|
|
116
|
-
*/
|
|
117
|
-
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
100
|
+
interface CardProps extends HTMLMotionProps<"div"> {
|
|
118
101
|
hover?: boolean;
|
|
119
|
-
}
|
|
102
|
+
}
|
|
103
|
+
declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
120
104
|
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
121
105
|
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
122
106
|
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
123
107
|
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
124
108
|
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
125
|
-
/**
|
|
126
|
-
* StatCard - Glass dashboard statistics card with micro-interactions
|
|
127
|
-
*/
|
|
128
109
|
interface StatCardProps {
|
|
129
110
|
title: string;
|
|
130
111
|
value: string | number;
|
|
@@ -207,11 +188,11 @@ declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & Reac
|
|
|
207
188
|
* Input with GLASSMORPHISM and MICRO-INTERACTIONS
|
|
208
189
|
* Features: focus glow, smooth transitions, animated labels
|
|
209
190
|
*/
|
|
210
|
-
declare const inputVariants: (props?:
|
|
211
|
-
variant?: "default" | "ghost" | "filled"
|
|
212
|
-
inputSize?: "default" | "sm" | "lg"
|
|
213
|
-
state?: "default" | "success" | "error"
|
|
214
|
-
} & class_variance_authority_types.ClassProp)
|
|
191
|
+
declare const inputVariants: (props?: {
|
|
192
|
+
variant?: "default" | "ghost" | "filled";
|
|
193
|
+
inputSize?: "default" | "sm" | "lg";
|
|
194
|
+
state?: "default" | "success" | "error";
|
|
195
|
+
} & class_variance_authority_types.ClassProp) => string;
|
|
215
196
|
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
|
|
216
197
|
leftIcon?: React.ReactNode;
|
|
217
198
|
rightIcon?: React.ReactNode;
|
|
@@ -350,9 +331,9 @@ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.Ta
|
|
|
350
331
|
|
|
351
332
|
declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
|
|
352
333
|
declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
353
|
-
declare const Toast$1: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?:
|
|
354
|
-
variant?: "default" | "destructive"
|
|
355
|
-
} & class_variance_authority_types.ClassProp)
|
|
334
|
+
declare const Toast$1: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: {
|
|
335
|
+
variant?: "default" | "destructive";
|
|
336
|
+
} & class_variance_authority_types.ClassProp) => string> & React.RefAttributes<HTMLLIElement>>;
|
|
356
337
|
declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
357
338
|
declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
358
339
|
declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -447,4 +428,4 @@ declare function sleep(ms: number): Promise<void>;
|
|
|
447
428
|
*/
|
|
448
429
|
declare function generateId(): string;
|
|
449
430
|
|
|
450
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, SkeletonAvatar, SkeletonCard, type SkeletonProps, SkeletonTable, SkeletonText, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, debounce, formatCurrency, formatDate, formatRelativeTime, generateId, getInitials, inputVariants, reducer, sleep, toast, truncate, useToast };
|
|
431
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, SkeletonAvatar, SkeletonCard, type SkeletonProps, SkeletonTable, SkeletonText, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, debounce, formatCurrency, formatDate, formatRelativeTime, generateId, getInitials, inputVariants, reducer, sleep, toast, truncate, useToast };
|