yems-ui 1.0.0
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/LICENSE +21 -0
- package/README.md +166 -0
- package/dist/index.css +320 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.mts +450 -0
- package/dist/index.d.ts +450 -0
- package/dist/index.js +2361 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +2210 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +94 -0
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,450 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
6
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
7
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
9
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
10
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
11
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
12
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
13
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
14
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
15
|
+
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
16
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
17
|
+
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
18
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
19
|
+
import { ClassValue } from 'clsx';
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Accordion component with glassmorphism
|
|
23
|
+
* For collapsible content sections
|
|
24
|
+
*/
|
|
25
|
+
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
28
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Alert/Banner component with glassmorphism
|
|
32
|
+
* For system messages, notifications, and important info
|
|
33
|
+
*/
|
|
34
|
+
declare const alertVariants: (props?: ({
|
|
35
|
+
variant?: "default" | "info" | "success" | "warning" | "error" | null | undefined;
|
|
36
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
37
|
+
interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
38
|
+
dismissible?: boolean;
|
|
39
|
+
onDismiss?: () => void;
|
|
40
|
+
}
|
|
41
|
+
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
42
|
+
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
43
|
+
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Avatar component for user profile pictures
|
|
47
|
+
* Includes fallback with initials
|
|
48
|
+
*/
|
|
49
|
+
declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
50
|
+
declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
51
|
+
declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Badge variants following Flock design system
|
|
55
|
+
* Used for status indicators, tags, and labels
|
|
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;
|
|
61
|
+
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
62
|
+
dot?: boolean;
|
|
63
|
+
}
|
|
64
|
+
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
|
|
65
|
+
/**
|
|
66
|
+
* StatusBadge - Preset badge for common status values
|
|
67
|
+
*/
|
|
68
|
+
interface StatusBadgeProps {
|
|
69
|
+
status: "active" | "inactive" | "pending" | "success" | "error" | "warning";
|
|
70
|
+
children?: React.ReactNode;
|
|
71
|
+
className?: string;
|
|
72
|
+
}
|
|
73
|
+
declare const StatusBadge: React.FC<StatusBadgeProps>;
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* Breadcrumbs component with glassmorphism
|
|
77
|
+
* For navigation hierarchy
|
|
78
|
+
*/
|
|
79
|
+
interface BreadcrumbItem {
|
|
80
|
+
label: string;
|
|
81
|
+
href?: string;
|
|
82
|
+
onClick?: () => void;
|
|
83
|
+
}
|
|
84
|
+
interface BreadcrumbsProps extends React.ComponentProps<"nav"> {
|
|
85
|
+
items: BreadcrumbItem[];
|
|
86
|
+
separator?: React.ReactNode;
|
|
87
|
+
}
|
|
88
|
+
declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* Button with GLASSMORPHISM and MICRO-INTERACTIONS
|
|
92
|
+
* Features: ripple effect, hover glow, smooth transitions
|
|
93
|
+
*/
|
|
94
|
+
declare const buttonVariants: (props?: ({
|
|
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> {
|
|
99
|
+
asChild?: boolean;
|
|
100
|
+
isLoading?: boolean;
|
|
101
|
+
leftIcon?: React.ReactNode;
|
|
102
|
+
rightIcon?: React.ReactNode;
|
|
103
|
+
}
|
|
104
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
105
|
+
/**
|
|
106
|
+
* Icon Button with enhanced micro-interactions
|
|
107
|
+
*/
|
|
108
|
+
interface IconButtonProps extends ButtonProps {
|
|
109
|
+
"aria-label": string;
|
|
110
|
+
}
|
|
111
|
+
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
112
|
+
|
|
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> & {
|
|
118
|
+
hover?: boolean;
|
|
119
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
120
|
+
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
121
|
+
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
122
|
+
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
123
|
+
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
124
|
+
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
125
|
+
/**
|
|
126
|
+
* StatCard - Glass dashboard statistics card with micro-interactions
|
|
127
|
+
*/
|
|
128
|
+
interface StatCardProps {
|
|
129
|
+
title: string;
|
|
130
|
+
value: string | number;
|
|
131
|
+
icon?: React.ReactNode;
|
|
132
|
+
trend?: {
|
|
133
|
+
value: number;
|
|
134
|
+
isPositive: boolean;
|
|
135
|
+
};
|
|
136
|
+
description?: string;
|
|
137
|
+
className?: string;
|
|
138
|
+
}
|
|
139
|
+
declare const StatCard: React.FC<StatCardProps>;
|
|
140
|
+
|
|
141
|
+
/**
|
|
142
|
+
* Checkbox with glassmorphism and check animation
|
|
143
|
+
*/
|
|
144
|
+
declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
145
|
+
|
|
146
|
+
/**
|
|
147
|
+
* Dialog (Modal) component following Flock design system
|
|
148
|
+
*/
|
|
149
|
+
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
|
150
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
151
|
+
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
152
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
153
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
154
|
+
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
155
|
+
declare const DialogHeader: {
|
|
156
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
157
|
+
displayName: string;
|
|
158
|
+
};
|
|
159
|
+
declare const DialogFooter: {
|
|
160
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
161
|
+
displayName: string;
|
|
162
|
+
};
|
|
163
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
164
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
165
|
+
|
|
166
|
+
declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
167
|
+
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
168
|
+
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
169
|
+
declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
170
|
+
declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
171
|
+
declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
172
|
+
declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
173
|
+
inset?: boolean;
|
|
174
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
175
|
+
declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
176
|
+
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
177
|
+
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
178
|
+
inset?: boolean;
|
|
179
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
180
|
+
declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
181
|
+
declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
182
|
+
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
183
|
+
inset?: boolean;
|
|
184
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
185
|
+
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
186
|
+
declare const DropdownMenuShortcut: {
|
|
187
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
188
|
+
displayName: string;
|
|
189
|
+
};
|
|
190
|
+
|
|
191
|
+
/**
|
|
192
|
+
* Empty State component with glassmorphism
|
|
193
|
+
* For displaying when there's no data
|
|
194
|
+
*/
|
|
195
|
+
interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
196
|
+
icon?: React.ReactNode;
|
|
197
|
+
title: string;
|
|
198
|
+
description?: string;
|
|
199
|
+
action?: {
|
|
200
|
+
label: string;
|
|
201
|
+
onClick: () => void;
|
|
202
|
+
};
|
|
203
|
+
}
|
|
204
|
+
declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
|
|
205
|
+
|
|
206
|
+
/**
|
|
207
|
+
* Input with GLASSMORPHISM and MICRO-INTERACTIONS
|
|
208
|
+
* Features: focus glow, smooth transitions, animated labels
|
|
209
|
+
*/
|
|
210
|
+
declare const inputVariants: (props?: ({
|
|
211
|
+
variant?: "default" | "ghost" | "filled" | null | undefined;
|
|
212
|
+
inputSize?: "default" | "sm" | "lg" | null | undefined;
|
|
213
|
+
state?: "default" | "success" | "error" | null | undefined;
|
|
214
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
215
|
+
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
|
|
216
|
+
leftIcon?: React.ReactNode;
|
|
217
|
+
rightIcon?: React.ReactNode;
|
|
218
|
+
leftAddon?: React.ReactNode;
|
|
219
|
+
rightAddon?: React.ReactNode;
|
|
220
|
+
error?: string;
|
|
221
|
+
hint?: string;
|
|
222
|
+
}
|
|
223
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
224
|
+
/**
|
|
225
|
+
* Label with micro-interaction
|
|
226
|
+
*/
|
|
227
|
+
interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
228
|
+
required?: boolean;
|
|
229
|
+
}
|
|
230
|
+
declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
231
|
+
/**
|
|
232
|
+
* FormField with staggered animations
|
|
233
|
+
*/
|
|
234
|
+
interface FormFieldProps {
|
|
235
|
+
label: string;
|
|
236
|
+
htmlFor: string;
|
|
237
|
+
required?: boolean;
|
|
238
|
+
error?: string;
|
|
239
|
+
hint?: string;
|
|
240
|
+
children: React.ReactNode;
|
|
241
|
+
className?: string;
|
|
242
|
+
}
|
|
243
|
+
declare const FormField: React.FC<FormFieldProps>;
|
|
244
|
+
/**
|
|
245
|
+
* Textarea with glass effect
|
|
246
|
+
*/
|
|
247
|
+
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, Omit<VariantProps<typeof inputVariants>, "inputSize"> {
|
|
248
|
+
error?: string;
|
|
249
|
+
hint?: string;
|
|
250
|
+
}
|
|
251
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
252
|
+
|
|
253
|
+
/**
|
|
254
|
+
* Pagination component with glassmorphism
|
|
255
|
+
* For navigating through pages of data
|
|
256
|
+
*/
|
|
257
|
+
interface PaginationProps extends React.ComponentProps<"nav"> {
|
|
258
|
+
currentPage: number;
|
|
259
|
+
totalPages: number;
|
|
260
|
+
onPageChange: (page: number) => void;
|
|
261
|
+
siblingCount?: number;
|
|
262
|
+
}
|
|
263
|
+
declare const Pagination: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
264
|
+
|
|
265
|
+
/**
|
|
266
|
+
* Popover component with glassmorphism
|
|
267
|
+
* For contextual information and actions
|
|
268
|
+
*/
|
|
269
|
+
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
270
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
271
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
272
|
+
|
|
273
|
+
declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
274
|
+
|
|
275
|
+
/**
|
|
276
|
+
* Radio Group with glassmorphism and EXPLOSIVE DISPERSION effect
|
|
277
|
+
*/
|
|
278
|
+
declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
279
|
+
declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
280
|
+
|
|
281
|
+
/**
|
|
282
|
+
* Select component following Flock design system
|
|
283
|
+
* Based on Radix UI Select primitive
|
|
284
|
+
*/
|
|
285
|
+
declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
|
286
|
+
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
287
|
+
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
288
|
+
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
289
|
+
declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
290
|
+
declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
291
|
+
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
292
|
+
declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
293
|
+
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
294
|
+
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
295
|
+
|
|
296
|
+
/**
|
|
297
|
+
* Separator component for dividing content sections
|
|
298
|
+
*/
|
|
299
|
+
declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
300
|
+
|
|
301
|
+
/**
|
|
302
|
+
* Skeleton Loader with glassmorphism
|
|
303
|
+
* For loading states
|
|
304
|
+
*/
|
|
305
|
+
interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
306
|
+
variant?: "text" | "circular" | "rectangular";
|
|
307
|
+
animation?: "pulse" | "wave" | "none";
|
|
308
|
+
}
|
|
309
|
+
declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
310
|
+
/**
|
|
311
|
+
* Skeleton variants for common use cases
|
|
312
|
+
*/
|
|
313
|
+
declare const SkeletonText: React.FC<{
|
|
314
|
+
lines?: number;
|
|
315
|
+
className?: string;
|
|
316
|
+
}>;
|
|
317
|
+
declare const SkeletonCard: React.FC<{
|
|
318
|
+
className?: string;
|
|
319
|
+
}>;
|
|
320
|
+
declare const SkeletonAvatar: React.FC<{
|
|
321
|
+
size?: "sm" | "md" | "lg";
|
|
322
|
+
className?: string;
|
|
323
|
+
}>;
|
|
324
|
+
declare const SkeletonTable: React.FC<{
|
|
325
|
+
rows?: number;
|
|
326
|
+
columns?: number;
|
|
327
|
+
className?: string;
|
|
328
|
+
}>;
|
|
329
|
+
|
|
330
|
+
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
331
|
+
|
|
332
|
+
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
333
|
+
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
334
|
+
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
335
|
+
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
336
|
+
declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
|
|
337
|
+
hover?: boolean;
|
|
338
|
+
} & React.RefAttributes<HTMLTableRowElement>>;
|
|
339
|
+
declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
340
|
+
declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
341
|
+
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
342
|
+
|
|
343
|
+
/**
|
|
344
|
+
* Tabs component with glassmorphism and micro-interactions
|
|
345
|
+
*/
|
|
346
|
+
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
347
|
+
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
348
|
+
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
349
|
+
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
350
|
+
|
|
351
|
+
declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
|
|
352
|
+
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" | null | undefined;
|
|
355
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
|
|
356
|
+
declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
357
|
+
declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
358
|
+
declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
359
|
+
declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
360
|
+
type ToastProps = React.ComponentPropsWithoutRef<typeof Toast$1>;
|
|
361
|
+
type ToastActionElement = React.ReactElement<typeof ToastAction>;
|
|
362
|
+
|
|
363
|
+
declare function Toaster(): react_jsx_runtime.JSX.Element;
|
|
364
|
+
|
|
365
|
+
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
366
|
+
declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
|
|
367
|
+
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
368
|
+
declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
369
|
+
|
|
370
|
+
type ToasterToast = ToastProps & {
|
|
371
|
+
id: string;
|
|
372
|
+
title?: React.ReactNode;
|
|
373
|
+
description?: React.ReactNode;
|
|
374
|
+
action?: ToastActionElement;
|
|
375
|
+
};
|
|
376
|
+
declare const actionTypes: {
|
|
377
|
+
readonly ADD_TOAST: "ADD_TOAST";
|
|
378
|
+
readonly UPDATE_TOAST: "UPDATE_TOAST";
|
|
379
|
+
readonly DISMISS_TOAST: "DISMISS_TOAST";
|
|
380
|
+
readonly REMOVE_TOAST: "REMOVE_TOAST";
|
|
381
|
+
};
|
|
382
|
+
type ActionType = typeof actionTypes;
|
|
383
|
+
type Action = {
|
|
384
|
+
type: ActionType["ADD_TOAST"];
|
|
385
|
+
toast: ToasterToast;
|
|
386
|
+
} | {
|
|
387
|
+
type: ActionType["UPDATE_TOAST"];
|
|
388
|
+
toast: Partial<ToasterToast>;
|
|
389
|
+
} | {
|
|
390
|
+
type: ActionType["DISMISS_TOAST"];
|
|
391
|
+
toastId?: ToasterToast["id"];
|
|
392
|
+
} | {
|
|
393
|
+
type: ActionType["REMOVE_TOAST"];
|
|
394
|
+
toastId?: ToasterToast["id"];
|
|
395
|
+
};
|
|
396
|
+
interface State {
|
|
397
|
+
toasts: ToasterToast[];
|
|
398
|
+
}
|
|
399
|
+
declare const reducer: (state: State, action: Action) => State;
|
|
400
|
+
type Toast = Omit<ToasterToast, "id">;
|
|
401
|
+
declare function toast({ ...props }: Toast): {
|
|
402
|
+
id: string;
|
|
403
|
+
dismiss: () => void;
|
|
404
|
+
update: (props: ToasterToast) => void;
|
|
405
|
+
};
|
|
406
|
+
declare function useToast(): {
|
|
407
|
+
toast: typeof toast;
|
|
408
|
+
dismiss: (toastId?: string) => void;
|
|
409
|
+
toasts: ToasterToast[];
|
|
410
|
+
};
|
|
411
|
+
|
|
412
|
+
/**
|
|
413
|
+
* Combines clsx and tailwind-merge for optimal class name handling
|
|
414
|
+
* Use this for all component className props
|
|
415
|
+
*/
|
|
416
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
417
|
+
/**
|
|
418
|
+
* Format a number as currency
|
|
419
|
+
*/
|
|
420
|
+
declare function formatCurrency(amount: number, currency?: string): string;
|
|
421
|
+
/**
|
|
422
|
+
* Format a date for display
|
|
423
|
+
*/
|
|
424
|
+
declare function formatDate(date: Date | string, options?: Intl.DateTimeFormatOptions): string;
|
|
425
|
+
/**
|
|
426
|
+
* Format relative time (e.g., "2 hours ago")
|
|
427
|
+
*/
|
|
428
|
+
declare function formatRelativeTime(date: Date | string): string;
|
|
429
|
+
/**
|
|
430
|
+
* Generate initials from a name
|
|
431
|
+
*/
|
|
432
|
+
declare function getInitials(name: string): string;
|
|
433
|
+
/**
|
|
434
|
+
* Truncate text with ellipsis
|
|
435
|
+
*/
|
|
436
|
+
declare function truncate(text: string, maxLength: number): string;
|
|
437
|
+
/**
|
|
438
|
+
* Debounce function for search inputs
|
|
439
|
+
*/
|
|
440
|
+
declare function debounce<T extends (...args: Parameters<T>) => ReturnType<T>>(func: T, wait: number): (...args: Parameters<T>) => void;
|
|
441
|
+
/**
|
|
442
|
+
* Sleep/delay function
|
|
443
|
+
*/
|
|
444
|
+
declare function sleep(ms: number): Promise<void>;
|
|
445
|
+
/**
|
|
446
|
+
* Generate a random ID
|
|
447
|
+
*/
|
|
448
|
+
declare function generateId(): string;
|
|
449
|
+
|
|
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 };
|