@capy-vn/ui 0.1.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/README.md +299 -0
- package/dist/index.browser.js +51746 -0
- package/dist/index.cjs +5682 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +1391 -0
- package/dist/index.d.ts +1391 -0
- package/dist/index.js +5435 -0
- package/dist/index.js.map +1 -0
- package/package.json +82 -0
- package/src/styles/globals.css +99 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,1391 @@
|
|
|
1
|
+
import * as React$1 from 'react';
|
|
2
|
+
import { ComponentProps, ReactNode } from 'react';
|
|
3
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
6
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
7
|
+
import { DayPicker, DateRange } from 'react-day-picker';
|
|
8
|
+
export { DateRange } from 'react-day-picker';
|
|
9
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
10
|
+
import { Locale } from 'date-fns';
|
|
11
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
12
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
13
|
+
import * as react_hook_form from 'react-hook-form';
|
|
14
|
+
import { FieldValues, FieldPath, ControllerProps, Control, ControllerRenderProps } from 'react-hook-form';
|
|
15
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
16
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
17
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
18
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
19
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
20
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
21
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
22
|
+
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
23
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
24
|
+
import { Toaster as Toaster$1 } from 'sonner';
|
|
25
|
+
export { toast } from 'sonner';
|
|
26
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
27
|
+
import { LucideIcon } from 'lucide-react';
|
|
28
|
+
import { ColumnDef, Row, SortingState } from '@tanstack/react-table';
|
|
29
|
+
import { ClassValue } from 'clsx';
|
|
30
|
+
|
|
31
|
+
interface AccordionProps {
|
|
32
|
+
type?: 'single' | 'multiple';
|
|
33
|
+
collapsible?: boolean;
|
|
34
|
+
defaultValue?: string | string[];
|
|
35
|
+
value?: string | string[];
|
|
36
|
+
onValueChange?: (value: string | string[]) => void;
|
|
37
|
+
children: React$1.ReactNode;
|
|
38
|
+
className?: string;
|
|
39
|
+
}
|
|
40
|
+
declare function Accordion({ type, collapsible, defaultValue, value: controlledValue, onValueChange, children, className, }: AccordionProps): React$1.JSX.Element;
|
|
41
|
+
declare namespace Accordion {
|
|
42
|
+
var displayName: string;
|
|
43
|
+
}
|
|
44
|
+
interface AccordionItemProps {
|
|
45
|
+
value: string;
|
|
46
|
+
children: React$1.ReactNode;
|
|
47
|
+
className?: string;
|
|
48
|
+
}
|
|
49
|
+
declare function AccordionItem({ value, children, className }: AccordionItemProps): React$1.JSX.Element;
|
|
50
|
+
declare namespace AccordionItem {
|
|
51
|
+
var displayName: string;
|
|
52
|
+
}
|
|
53
|
+
interface AccordionTriggerProps {
|
|
54
|
+
children: React$1.ReactNode;
|
|
55
|
+
className?: string;
|
|
56
|
+
}
|
|
57
|
+
declare function AccordionTrigger({ children, className }: AccordionTriggerProps): React$1.JSX.Element;
|
|
58
|
+
declare namespace AccordionTrigger {
|
|
59
|
+
var displayName: string;
|
|
60
|
+
}
|
|
61
|
+
interface AccordionContentProps {
|
|
62
|
+
children: React$1.ReactNode;
|
|
63
|
+
className?: string;
|
|
64
|
+
}
|
|
65
|
+
declare function AccordionContent({ children, className }: AccordionContentProps): React$1.JSX.Element;
|
|
66
|
+
declare namespace AccordionContent {
|
|
67
|
+
var displayName: string;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
71
|
+
variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
|
|
72
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
73
|
+
declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
74
|
+
declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
75
|
+
|
|
76
|
+
declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
77
|
+
declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
78
|
+
declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
79
|
+
declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
80
|
+
declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
81
|
+
declare const AlertDialogHeader: {
|
|
82
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
83
|
+
displayName: string;
|
|
84
|
+
};
|
|
85
|
+
declare const AlertDialogFooter: {
|
|
86
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
87
|
+
displayName: string;
|
|
88
|
+
};
|
|
89
|
+
declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
90
|
+
declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
91
|
+
declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
92
|
+
declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
93
|
+
|
|
94
|
+
declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
95
|
+
declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
|
|
96
|
+
declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
97
|
+
|
|
98
|
+
declare const badgeVariants: (props?: ({
|
|
99
|
+
variant?: "default" | "destructive" | "success" | "warning" | "outline" | "secondary" | null | undefined;
|
|
100
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
101
|
+
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
102
|
+
}
|
|
103
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): React$1.JSX.Element;
|
|
104
|
+
|
|
105
|
+
declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
106
|
+
separator?: React$1.ReactNode;
|
|
107
|
+
} & React$1.RefAttributes<HTMLElement>>;
|
|
108
|
+
declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
|
|
109
|
+
declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
110
|
+
declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
111
|
+
asChild?: boolean;
|
|
112
|
+
} & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
113
|
+
declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
114
|
+
declare const BreadcrumbSeparator: {
|
|
115
|
+
({ children, className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
|
|
116
|
+
displayName: string;
|
|
117
|
+
};
|
|
118
|
+
declare const BreadcrumbEllipsis: {
|
|
119
|
+
({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
120
|
+
displayName: string;
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
declare const buttonVariants: (props?: ({
|
|
124
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
125
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
126
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
127
|
+
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
128
|
+
asChild?: boolean;
|
|
129
|
+
loading?: boolean;
|
|
130
|
+
}
|
|
131
|
+
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
132
|
+
|
|
133
|
+
type CalendarProps = React$1.ComponentProps<typeof DayPicker>;
|
|
134
|
+
declare function Calendar({ className, classNames, showOutsideDays, locale, ...props }: CalendarProps): React$1.JSX.Element;
|
|
135
|
+
declare namespace Calendar {
|
|
136
|
+
var displayName: string;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
140
|
+
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
141
|
+
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
142
|
+
declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
143
|
+
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
144
|
+
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
145
|
+
|
|
146
|
+
declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
147
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
148
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
149
|
+
|
|
150
|
+
interface DatePickerProps {
|
|
151
|
+
value?: Date | undefined;
|
|
152
|
+
onChange?: (date: Date | undefined) => void;
|
|
153
|
+
placeholder?: string;
|
|
154
|
+
disabled?: boolean;
|
|
155
|
+
className?: string;
|
|
156
|
+
locale?: Locale;
|
|
157
|
+
dateFormat?: string;
|
|
158
|
+
}
|
|
159
|
+
declare function DatePicker({ value, onChange, placeholder, disabled, className, locale, dateFormat, }: DatePickerProps): React$1.JSX.Element;
|
|
160
|
+
declare namespace DatePicker {
|
|
161
|
+
var displayName: string;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
interface DateRangePickerProps {
|
|
165
|
+
value?: DateRange | undefined;
|
|
166
|
+
onChange?: (range: DateRange | undefined) => void;
|
|
167
|
+
placeholder?: string;
|
|
168
|
+
disabled?: boolean;
|
|
169
|
+
className?: string;
|
|
170
|
+
locale?: Locale;
|
|
171
|
+
dateFormat?: string;
|
|
172
|
+
numberOfMonths?: number;
|
|
173
|
+
showPresets?: boolean;
|
|
174
|
+
}
|
|
175
|
+
declare function DateRangePicker({ value, onChange, placeholder, disabled, className, locale, dateFormat, numberOfMonths, showPresets, }: DateRangePickerProps): React$1.JSX.Element;
|
|
176
|
+
declare namespace DateRangePicker {
|
|
177
|
+
var displayName: string;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
interface DateTimePickerProps {
|
|
181
|
+
value?: Date | undefined;
|
|
182
|
+
onChange?: (date: Date | undefined) => void;
|
|
183
|
+
placeholder?: string;
|
|
184
|
+
disabled?: boolean;
|
|
185
|
+
className?: string;
|
|
186
|
+
withSeconds?: boolean;
|
|
187
|
+
locale?: Locale;
|
|
188
|
+
dateFormat?: string;
|
|
189
|
+
}
|
|
190
|
+
declare function DateTimePicker({ value, onChange, placeholder, disabled, className, withSeconds, locale, dateFormat, }: DateTimePickerProps): React$1.JSX.Element;
|
|
191
|
+
declare namespace DateTimePicker {
|
|
192
|
+
var displayName: string;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
interface DateTimeRange {
|
|
196
|
+
from: Date | undefined;
|
|
197
|
+
to: Date | undefined;
|
|
198
|
+
}
|
|
199
|
+
interface DateTimeRangePickerProps {
|
|
200
|
+
value?: DateTimeRange;
|
|
201
|
+
onChange?: (range: DateTimeRange | undefined) => void;
|
|
202
|
+
placeholder?: string;
|
|
203
|
+
disabled?: boolean;
|
|
204
|
+
className?: string;
|
|
205
|
+
withSeconds?: boolean;
|
|
206
|
+
locale?: Locale;
|
|
207
|
+
dateFormat?: string;
|
|
208
|
+
numberOfMonths?: number;
|
|
209
|
+
showPresets?: boolean;
|
|
210
|
+
}
|
|
211
|
+
declare function DateTimeRangePicker({ value, onChange, placeholder, disabled, className, withSeconds, locale, dateFormat, numberOfMonths, showPresets, }: DateTimeRangePickerProps): React$1.JSX.Element;
|
|
212
|
+
declare namespace DateTimeRangePicker {
|
|
213
|
+
var displayName: string;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
217
|
+
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
218
|
+
declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
219
|
+
declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
220
|
+
declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
221
|
+
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
222
|
+
declare const DialogHeader: {
|
|
223
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
224
|
+
displayName: string;
|
|
225
|
+
};
|
|
226
|
+
declare const DialogFooter: {
|
|
227
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
228
|
+
displayName: string;
|
|
229
|
+
};
|
|
230
|
+
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
231
|
+
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
232
|
+
|
|
233
|
+
declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
234
|
+
declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
235
|
+
declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
236
|
+
declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
237
|
+
declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
238
|
+
declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
239
|
+
declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
240
|
+
inset?: boolean;
|
|
241
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
242
|
+
declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
243
|
+
declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
244
|
+
declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
245
|
+
inset?: boolean;
|
|
246
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
247
|
+
declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
248
|
+
declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
249
|
+
declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
250
|
+
inset?: boolean;
|
|
251
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
252
|
+
declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
253
|
+
declare function DropdownMenuShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
|
|
254
|
+
declare namespace DropdownMenuShortcut {
|
|
255
|
+
var displayName: string;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
interface FileUploadProps {
|
|
259
|
+
accept?: string;
|
|
260
|
+
multiple?: boolean;
|
|
261
|
+
maxSize?: number;
|
|
262
|
+
value?: File[];
|
|
263
|
+
onChange?: (files: File[]) => void;
|
|
264
|
+
disabled?: boolean;
|
|
265
|
+
placeholder?: string;
|
|
266
|
+
className?: string;
|
|
267
|
+
}
|
|
268
|
+
declare function FileUpload({ accept, multiple, maxSize, value, onChange, disabled, placeholder, className, }: FileUploadProps): React$1.JSX.Element;
|
|
269
|
+
declare namespace FileUpload {
|
|
270
|
+
var displayName: string;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
|
|
274
|
+
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
|
|
275
|
+
declare const useFormField: () => {
|
|
276
|
+
invalid: boolean;
|
|
277
|
+
isDirty: boolean;
|
|
278
|
+
isTouched: boolean;
|
|
279
|
+
isValidating: boolean;
|
|
280
|
+
error?: react_hook_form.FieldError;
|
|
281
|
+
id: string;
|
|
282
|
+
name: string;
|
|
283
|
+
formItemId: string;
|
|
284
|
+
formDescriptionId: string;
|
|
285
|
+
formMessageId: string;
|
|
286
|
+
};
|
|
287
|
+
declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
288
|
+
declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
289
|
+
declare const FormControl: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLElement> & {
|
|
290
|
+
children?: React$1.ReactNode;
|
|
291
|
+
} & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
292
|
+
declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
293
|
+
declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
294
|
+
|
|
295
|
+
interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
|
|
296
|
+
}
|
|
297
|
+
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
298
|
+
|
|
299
|
+
declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ({
|
|
300
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
301
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
302
|
+
|
|
303
|
+
interface MultiSelectOption {
|
|
304
|
+
value: string;
|
|
305
|
+
label: string;
|
|
306
|
+
description?: string;
|
|
307
|
+
}
|
|
308
|
+
interface MultiSelectProps {
|
|
309
|
+
options: MultiSelectOption[];
|
|
310
|
+
value?: string[];
|
|
311
|
+
onChange?: (value: string[]) => void;
|
|
312
|
+
placeholder?: string;
|
|
313
|
+
searchPlaceholder?: string;
|
|
314
|
+
emptyText?: string;
|
|
315
|
+
disabled?: boolean;
|
|
316
|
+
className?: string;
|
|
317
|
+
maxDisplay?: number;
|
|
318
|
+
}
|
|
319
|
+
declare function MultiSelect({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, maxDisplay, }: MultiSelectProps): React$1.JSX.Element;
|
|
320
|
+
declare namespace MultiSelect {
|
|
321
|
+
var displayName: string;
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
declare const notificationVariants: (props?: ({
|
|
325
|
+
variant?: "default" | "success" | "warning" | "error" | "info" | null | undefined;
|
|
326
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
327
|
+
interface NotificationProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof notificationVariants> {
|
|
328
|
+
title: string;
|
|
329
|
+
description?: string;
|
|
330
|
+
timestamp?: string;
|
|
331
|
+
unread?: boolean;
|
|
332
|
+
icon?: React$1.ReactNode;
|
|
333
|
+
onDismiss?: () => void;
|
|
334
|
+
action?: {
|
|
335
|
+
label: string;
|
|
336
|
+
onClick: () => void;
|
|
337
|
+
};
|
|
338
|
+
}
|
|
339
|
+
declare const Notification: React$1.ForwardRefExoticComponent<NotificationProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
340
|
+
|
|
341
|
+
interface NumberInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
342
|
+
onValueChange?: (value: number) => void;
|
|
343
|
+
}
|
|
344
|
+
declare const NumberInput: React$1.ForwardRefExoticComponent<NumberInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
345
|
+
|
|
346
|
+
interface OtpInputProps {
|
|
347
|
+
length?: number;
|
|
348
|
+
value?: string | undefined;
|
|
349
|
+
onChange?: (value: string) => void;
|
|
350
|
+
disabled?: boolean;
|
|
351
|
+
className?: string;
|
|
352
|
+
inputClassName?: string;
|
|
353
|
+
}
|
|
354
|
+
declare function OtpInput({ length, value, onChange, disabled, className, inputClassName, }: OtpInputProps): React$1.JSX.Element;
|
|
355
|
+
declare namespace OtpInput {
|
|
356
|
+
var displayName: string;
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
|
|
360
|
+
declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
361
|
+
declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
362
|
+
declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
363
|
+
|
|
364
|
+
declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
365
|
+
|
|
366
|
+
declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
367
|
+
declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
368
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
369
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
370
|
+
|
|
371
|
+
declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
372
|
+
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
373
|
+
|
|
374
|
+
interface SearchSelectOption {
|
|
375
|
+
value: string;
|
|
376
|
+
label: string;
|
|
377
|
+
description?: string;
|
|
378
|
+
disabled?: boolean;
|
|
379
|
+
}
|
|
380
|
+
interface SearchSelectProps {
|
|
381
|
+
value?: string;
|
|
382
|
+
onValueChange?: (value: string) => void;
|
|
383
|
+
placeholder?: string;
|
|
384
|
+
searchPlaceholder?: string;
|
|
385
|
+
onSearch: (query: string) => Promise<SearchSelectOption[]>;
|
|
386
|
+
initialOptions?: SearchSelectOption[];
|
|
387
|
+
debounceMs?: number;
|
|
388
|
+
disabled?: boolean;
|
|
389
|
+
className?: string;
|
|
390
|
+
emptyText?: string;
|
|
391
|
+
}
|
|
392
|
+
declare function SearchSelect({ value, onValueChange, placeholder, searchPlaceholder, onSearch, initialOptions, debounceMs, disabled, className, emptyText, }: SearchSelectProps): React$1.JSX.Element;
|
|
393
|
+
|
|
394
|
+
declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
|
|
395
|
+
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
396
|
+
declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
397
|
+
declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
398
|
+
declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
399
|
+
declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
400
|
+
declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
401
|
+
declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
402
|
+
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
403
|
+
declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
404
|
+
|
|
405
|
+
declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
406
|
+
|
|
407
|
+
declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
|
|
408
|
+
declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
409
|
+
declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
410
|
+
declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
411
|
+
declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
412
|
+
declare const sheetVariants: (props?: ({
|
|
413
|
+
side?: "top" | "right" | "bottom" | "left" | null | undefined;
|
|
414
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
415
|
+
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
416
|
+
}
|
|
417
|
+
declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
418
|
+
declare const SheetHeader: {
|
|
419
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
420
|
+
displayName: string;
|
|
421
|
+
};
|
|
422
|
+
declare const SheetFooter: {
|
|
423
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
424
|
+
displayName: string;
|
|
425
|
+
};
|
|
426
|
+
declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
427
|
+
declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
428
|
+
|
|
429
|
+
declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
430
|
+
|
|
431
|
+
interface SliderProps {
|
|
432
|
+
value?: number | undefined;
|
|
433
|
+
defaultValue?: number;
|
|
434
|
+
onChange?: (value: number) => void;
|
|
435
|
+
min?: number;
|
|
436
|
+
max?: number;
|
|
437
|
+
step?: number;
|
|
438
|
+
disabled?: boolean;
|
|
439
|
+
className?: string;
|
|
440
|
+
}
|
|
441
|
+
declare function Slider({ value, defaultValue, onChange, min, max, step, disabled, className, }: SliderProps): React$1.JSX.Element;
|
|
442
|
+
declare namespace Slider {
|
|
443
|
+
var displayName: string;
|
|
444
|
+
}
|
|
445
|
+
|
|
446
|
+
declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
447
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
448
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
449
|
+
|
|
450
|
+
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
|
|
451
|
+
declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
452
|
+
declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
453
|
+
declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
454
|
+
declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
455
|
+
declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
456
|
+
declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
457
|
+
declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
|
458
|
+
|
|
459
|
+
declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
460
|
+
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
461
|
+
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
462
|
+
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
463
|
+
|
|
464
|
+
interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
465
|
+
}
|
|
466
|
+
declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
467
|
+
|
|
468
|
+
interface TimePickerProps {
|
|
469
|
+
value?: string;
|
|
470
|
+
onChange?: (value: string) => void;
|
|
471
|
+
withSeconds?: boolean;
|
|
472
|
+
disabled?: boolean;
|
|
473
|
+
className?: string;
|
|
474
|
+
}
|
|
475
|
+
declare function TimePicker({ value, onChange, withSeconds, disabled, className }: TimePickerProps): React$1.JSX.Element;
|
|
476
|
+
declare namespace TimePicker {
|
|
477
|
+
var displayName: string;
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
type ToasterProps = ComponentProps<typeof Toaster$1>;
|
|
481
|
+
declare function Toaster({ ...props }: ToasterProps): React$1.JSX.Element;
|
|
482
|
+
|
|
483
|
+
declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
484
|
+
declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
|
|
485
|
+
declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
486
|
+
declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
487
|
+
|
|
488
|
+
type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
|
489
|
+
interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
490
|
+
size?: ContainerSize;
|
|
491
|
+
center?: boolean;
|
|
492
|
+
}
|
|
493
|
+
declare function Container({ size, center, className, children, ...props }: ContainerProps): React$1.JSX.Element;
|
|
494
|
+
declare namespace Container {
|
|
495
|
+
var displayName: string;
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
interface PageLayoutProps {
|
|
499
|
+
title: string;
|
|
500
|
+
description?: string;
|
|
501
|
+
actions?: React$1.ReactNode;
|
|
502
|
+
children: React$1.ReactNode;
|
|
503
|
+
breadcrumbs?: {
|
|
504
|
+
label: string;
|
|
505
|
+
href?: string;
|
|
506
|
+
}[];
|
|
507
|
+
}
|
|
508
|
+
declare function PageLayout({ title, description, actions, children, breadcrumbs }: PageLayoutProps): React$1.JSX.Element;
|
|
509
|
+
|
|
510
|
+
interface SidebarLayoutProps {
|
|
511
|
+
sidebar: React$1.ReactNode;
|
|
512
|
+
children: React$1.ReactNode;
|
|
513
|
+
sidebarWidth?: number;
|
|
514
|
+
collapsible?: boolean;
|
|
515
|
+
className?: string;
|
|
516
|
+
}
|
|
517
|
+
declare function SidebarLayout({ sidebar, children, sidebarWidth, collapsible, className, }: SidebarLayoutProps): React$1.JSX.Element;
|
|
518
|
+
|
|
519
|
+
type Gap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16;
|
|
520
|
+
type Align = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
|
|
521
|
+
type Justify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
522
|
+
type Wrap = 'nowrap' | 'wrap' | 'wrap-reverse';
|
|
523
|
+
interface StackProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
524
|
+
direction?: 'row' | 'column';
|
|
525
|
+
gap?: Gap;
|
|
526
|
+
align?: Align;
|
|
527
|
+
justify?: Justify;
|
|
528
|
+
wrap?: Wrap;
|
|
529
|
+
}
|
|
530
|
+
declare function Stack({ direction, gap, align, justify, wrap, className, children, ...props }: StackProps): React$1.JSX.Element;
|
|
531
|
+
declare namespace Stack {
|
|
532
|
+
var displayName: string;
|
|
533
|
+
}
|
|
534
|
+
declare function HStack({ align, ...props }: Omit<StackProps, 'direction'>): React$1.JSX.Element;
|
|
535
|
+
declare namespace HStack {
|
|
536
|
+
var displayName: string;
|
|
537
|
+
}
|
|
538
|
+
declare function VStack(props: Omit<StackProps, 'direction'>): React$1.JSX.Element;
|
|
539
|
+
declare namespace VStack {
|
|
540
|
+
var displayName: string;
|
|
541
|
+
}
|
|
542
|
+
|
|
543
|
+
interface AdminLayoutContextValue {
|
|
544
|
+
collapsed: boolean;
|
|
545
|
+
setCollapsed: (collapsed: boolean) => void;
|
|
546
|
+
toggleCollapsed: () => void;
|
|
547
|
+
sidebarWidth: number;
|
|
548
|
+
collapsedWidth: number;
|
|
549
|
+
}
|
|
550
|
+
declare const AdminLayoutContext: React$1.Context<AdminLayoutContextValue | null>;
|
|
551
|
+
declare function useAdminLayout(): AdminLayoutContextValue;
|
|
552
|
+
|
|
553
|
+
interface AdminLayoutProps {
|
|
554
|
+
children: React$1.ReactNode;
|
|
555
|
+
className?: string;
|
|
556
|
+
defaultCollapsed?: boolean;
|
|
557
|
+
collapsed?: boolean;
|
|
558
|
+
onCollapsedChange?: (collapsed: boolean) => void;
|
|
559
|
+
sidebarWidth?: number;
|
|
560
|
+
collapsedWidth?: number;
|
|
561
|
+
}
|
|
562
|
+
declare function AdminLayout({ children, className, defaultCollapsed, collapsed: controlledCollapsed, onCollapsedChange, sidebarWidth, collapsedWidth, }: AdminLayoutProps): React$1.JSX.Element;
|
|
563
|
+
|
|
564
|
+
interface AdminNavBadge {
|
|
565
|
+
label: string | number;
|
|
566
|
+
variant?: 'default' | 'destructive' | 'secondary';
|
|
567
|
+
}
|
|
568
|
+
interface AdminNavItem {
|
|
569
|
+
label: string;
|
|
570
|
+
href?: string;
|
|
571
|
+
icon?: LucideIcon;
|
|
572
|
+
active?: boolean;
|
|
573
|
+
disabled?: boolean;
|
|
574
|
+
badge?: AdminNavBadge;
|
|
575
|
+
onClick?: React$1.MouseEventHandler<HTMLElement>;
|
|
576
|
+
asChild?: boolean;
|
|
577
|
+
children?: AdminNavItem[];
|
|
578
|
+
}
|
|
579
|
+
interface AdminNavGroup {
|
|
580
|
+
label?: string;
|
|
581
|
+
items: AdminNavItem[];
|
|
582
|
+
}
|
|
583
|
+
interface AdminSidebarProps {
|
|
584
|
+
groups?: AdminNavGroup[];
|
|
585
|
+
logo?: React$1.ReactNode;
|
|
586
|
+
footer?: React$1.ReactNode;
|
|
587
|
+
className?: string;
|
|
588
|
+
}
|
|
589
|
+
declare function AdminSidebar({ groups, logo, footer, className }: AdminSidebarProps): React$1.JSX.Element;
|
|
590
|
+
|
|
591
|
+
interface WithClassName {
|
|
592
|
+
className?: string;
|
|
593
|
+
}
|
|
594
|
+
interface WithChildren {
|
|
595
|
+
children: ReactNode;
|
|
596
|
+
}
|
|
597
|
+
interface WithOptionalChildren {
|
|
598
|
+
children?: ReactNode;
|
|
599
|
+
}
|
|
600
|
+
type PropsWithClassName<T = unknown> = T & WithClassName;
|
|
601
|
+
type Size = 'sm' | 'md' | 'lg';
|
|
602
|
+
type Variant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
|
|
603
|
+
type Status = 'idle' | 'loading' | 'success' | 'error';
|
|
604
|
+
interface PaginationState {
|
|
605
|
+
page: number;
|
|
606
|
+
pageSize: number;
|
|
607
|
+
total: number;
|
|
608
|
+
}
|
|
609
|
+
interface SelectOption<T = string> {
|
|
610
|
+
label: string;
|
|
611
|
+
value: T;
|
|
612
|
+
disabled?: boolean;
|
|
613
|
+
description?: string;
|
|
614
|
+
}
|
|
615
|
+
interface BreadcrumbNavItem {
|
|
616
|
+
label: string;
|
|
617
|
+
href?: string;
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
interface AdminUserMenuItem {
|
|
621
|
+
label: string;
|
|
622
|
+
icon?: LucideIcon;
|
|
623
|
+
onClick?: () => void;
|
|
624
|
+
href?: string;
|
|
625
|
+
destructive?: boolean;
|
|
626
|
+
separator?: boolean;
|
|
627
|
+
}
|
|
628
|
+
interface AdminHeaderUser {
|
|
629
|
+
name: string;
|
|
630
|
+
email?: string;
|
|
631
|
+
avatarSrc?: string;
|
|
632
|
+
avatarFallback?: string;
|
|
633
|
+
}
|
|
634
|
+
interface AdminHeaderProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
635
|
+
title?: string;
|
|
636
|
+
breadcrumbs?: BreadcrumbNavItem[];
|
|
637
|
+
actions?: React$1.ReactNode;
|
|
638
|
+
sticky?: boolean;
|
|
639
|
+
showToggle?: boolean;
|
|
640
|
+
user?: AdminHeaderUser;
|
|
641
|
+
userMenuItems?: AdminUserMenuItem[];
|
|
642
|
+
}
|
|
643
|
+
declare const AdminHeader: React$1.ForwardRefExoticComponent<AdminHeaderProps & React$1.RefAttributes<HTMLElement>>;
|
|
644
|
+
|
|
645
|
+
interface AdminFooterProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
646
|
+
}
|
|
647
|
+
declare const AdminFooter: React$1.ForwardRefExoticComponent<AdminFooterProps & React$1.RefAttributes<HTMLElement>>;
|
|
648
|
+
|
|
649
|
+
interface AdminContentProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
650
|
+
padded?: boolean;
|
|
651
|
+
}
|
|
652
|
+
declare const AdminContent: React$1.ForwardRefExoticComponent<AdminContentProps & React$1.RefAttributes<HTMLElement>>;
|
|
653
|
+
|
|
654
|
+
interface PublicLayoutContextValue {
|
|
655
|
+
mobileMenuOpen: boolean;
|
|
656
|
+
setMobileMenuOpen: (open: boolean) => void;
|
|
657
|
+
}
|
|
658
|
+
declare const PublicLayoutContext: React$1.Context<PublicLayoutContextValue | null>;
|
|
659
|
+
declare function usePublicLayout(): PublicLayoutContextValue;
|
|
660
|
+
|
|
661
|
+
interface PublicLayoutProps {
|
|
662
|
+
children: React$1.ReactNode;
|
|
663
|
+
className?: string;
|
|
664
|
+
}
|
|
665
|
+
declare function PublicLayout({ children, className }: PublicLayoutProps): React$1.JSX.Element;
|
|
666
|
+
|
|
667
|
+
interface PublicNavLink {
|
|
668
|
+
label: string;
|
|
669
|
+
href?: string;
|
|
670
|
+
active?: boolean;
|
|
671
|
+
external?: boolean;
|
|
672
|
+
onClick?: React$1.MouseEventHandler<HTMLElement>;
|
|
673
|
+
children?: PublicNavLink[];
|
|
674
|
+
}
|
|
675
|
+
interface PublicNavbarProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
676
|
+
logo?: React$1.ReactNode;
|
|
677
|
+
links?: PublicNavLink[];
|
|
678
|
+
cta?: React$1.ReactNode;
|
|
679
|
+
sticky?: boolean;
|
|
680
|
+
transparent?: boolean;
|
|
681
|
+
transparentThreshold?: number;
|
|
682
|
+
mobileMenuTitle?: string;
|
|
683
|
+
containerSize?: ContainerSize;
|
|
684
|
+
}
|
|
685
|
+
declare const PublicNavbar: React$1.ForwardRefExoticComponent<PublicNavbarProps & React$1.RefAttributes<HTMLElement>>;
|
|
686
|
+
|
|
687
|
+
type PublicFooterSocialPlatform = 'facebook' | 'twitter' | 'instagram' | 'linkedin' | 'youtube' | 'github' | 'email' | 'website';
|
|
688
|
+
interface PublicFooterLink {
|
|
689
|
+
label: string;
|
|
690
|
+
href: string;
|
|
691
|
+
external?: boolean;
|
|
692
|
+
}
|
|
693
|
+
interface PublicFooterLinkGroup {
|
|
694
|
+
heading: string;
|
|
695
|
+
links: PublicFooterLink[];
|
|
696
|
+
}
|
|
697
|
+
interface PublicFooterSocialLink {
|
|
698
|
+
platform: PublicFooterSocialPlatform;
|
|
699
|
+
href: string;
|
|
700
|
+
label?: string;
|
|
701
|
+
}
|
|
702
|
+
interface PublicFooterProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
703
|
+
logo?: React$1.ReactNode;
|
|
704
|
+
tagline?: string;
|
|
705
|
+
linkGroups?: PublicFooterLinkGroup[];
|
|
706
|
+
socialLinks?: PublicFooterSocialLink[];
|
|
707
|
+
copyright?: React$1.ReactNode;
|
|
708
|
+
newsletter?: React$1.ReactNode;
|
|
709
|
+
containerSize?: ContainerSize;
|
|
710
|
+
}
|
|
711
|
+
declare const PublicFooter: React$1.ForwardRefExoticComponent<PublicFooterProps & React$1.RefAttributes<HTMLElement>>;
|
|
712
|
+
|
|
713
|
+
interface PaginationProps {
|
|
714
|
+
page: number;
|
|
715
|
+
totalPages: number;
|
|
716
|
+
onPageChange: (page: number) => void;
|
|
717
|
+
showFirstLast?: boolean;
|
|
718
|
+
siblingCount?: number;
|
|
719
|
+
className?: string;
|
|
720
|
+
}
|
|
721
|
+
declare function Pagination({ page, totalPages, onPageChange, showFirstLast, siblingCount, className, }: PaginationProps): React$1.JSX.Element | null;
|
|
722
|
+
declare namespace Pagination {
|
|
723
|
+
var displayName: string;
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
interface StepperStep {
|
|
727
|
+
title: string;
|
|
728
|
+
description?: string;
|
|
729
|
+
}
|
|
730
|
+
interface StepperProps {
|
|
731
|
+
steps: StepperStep[];
|
|
732
|
+
activeStep: number;
|
|
733
|
+
orientation?: 'horizontal' | 'vertical';
|
|
734
|
+
onStepClick?: (index: number) => void;
|
|
735
|
+
className?: string;
|
|
736
|
+
}
|
|
737
|
+
declare function Stepper({ steps, activeStep, orientation, onStepClick, className, }: StepperProps): React$1.JSX.Element;
|
|
738
|
+
declare namespace Stepper {
|
|
739
|
+
var displayName: string;
|
|
740
|
+
}
|
|
741
|
+
|
|
742
|
+
interface FormCheckboxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
743
|
+
name: TName;
|
|
744
|
+
control: Control<TFieldValues>;
|
|
745
|
+
label?: string;
|
|
746
|
+
description?: string;
|
|
747
|
+
disabled?: boolean;
|
|
748
|
+
}
|
|
749
|
+
declare function FormCheckbox<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, disabled, }: FormCheckboxProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
750
|
+
|
|
751
|
+
interface FormDatePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
752
|
+
name: TName;
|
|
753
|
+
control: Control<TFieldValues>;
|
|
754
|
+
label?: string;
|
|
755
|
+
description?: string;
|
|
756
|
+
required?: boolean;
|
|
757
|
+
placeholder?: string;
|
|
758
|
+
disabled?: boolean;
|
|
759
|
+
className?: string;
|
|
760
|
+
locale?: Locale;
|
|
761
|
+
dateFormat?: string;
|
|
762
|
+
}
|
|
763
|
+
declare function FormDatePicker<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, required, ...pickerProps }: FormDatePickerProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
764
|
+
|
|
765
|
+
interface FormDateRangePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
766
|
+
name: TName;
|
|
767
|
+
control: Control<TFieldValues>;
|
|
768
|
+
label?: string;
|
|
769
|
+
description?: string;
|
|
770
|
+
required?: boolean;
|
|
771
|
+
placeholder?: string;
|
|
772
|
+
disabled?: boolean;
|
|
773
|
+
className?: string;
|
|
774
|
+
locale?: Locale;
|
|
775
|
+
dateFormat?: string;
|
|
776
|
+
numberOfMonths?: number;
|
|
777
|
+
}
|
|
778
|
+
declare function FormDateRangePicker<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, required, ...pickerProps }: FormDateRangePickerProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
779
|
+
|
|
780
|
+
interface FormDateTimePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
781
|
+
name: TName;
|
|
782
|
+
control: Control<TFieldValues>;
|
|
783
|
+
label?: string;
|
|
784
|
+
description?: string;
|
|
785
|
+
required?: boolean;
|
|
786
|
+
placeholder?: string;
|
|
787
|
+
disabled?: boolean;
|
|
788
|
+
className?: string;
|
|
789
|
+
withSeconds?: boolean;
|
|
790
|
+
locale?: Locale;
|
|
791
|
+
dateFormat?: string;
|
|
792
|
+
}
|
|
793
|
+
declare function FormDateTimePicker<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, required, ...pickerProps }: FormDateTimePickerProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
794
|
+
|
|
795
|
+
interface FormDateTimeRangePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
796
|
+
name: TName;
|
|
797
|
+
control: Control<TFieldValues>;
|
|
798
|
+
label?: string;
|
|
799
|
+
description?: string;
|
|
800
|
+
required?: boolean;
|
|
801
|
+
placeholder?: string;
|
|
802
|
+
disabled?: boolean;
|
|
803
|
+
className?: string;
|
|
804
|
+
withSeconds?: boolean;
|
|
805
|
+
locale?: Locale;
|
|
806
|
+
dateFormat?: string;
|
|
807
|
+
numberOfMonths?: number;
|
|
808
|
+
}
|
|
809
|
+
declare function FormDateTimeRangePicker<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, required, ...pickerProps }: FormDateTimeRangePickerProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
810
|
+
|
|
811
|
+
interface FormFieldWrapperProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
812
|
+
name: TName;
|
|
813
|
+
label?: string;
|
|
814
|
+
description?: string;
|
|
815
|
+
required?: boolean;
|
|
816
|
+
control: Control<TFieldValues>;
|
|
817
|
+
render: (field: ControllerRenderProps<TFieldValues, TName>) => React$1.ReactNode;
|
|
818
|
+
}
|
|
819
|
+
declare function FormFieldWrapper<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, required, control, render, }: FormFieldWrapperProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
820
|
+
|
|
821
|
+
interface FormFileUploadProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
822
|
+
name: TName;
|
|
823
|
+
control: Control<TFieldValues>;
|
|
824
|
+
label?: string;
|
|
825
|
+
description?: string;
|
|
826
|
+
required?: boolean;
|
|
827
|
+
accept?: string;
|
|
828
|
+
multiple?: boolean;
|
|
829
|
+
maxSize?: number;
|
|
830
|
+
placeholder?: string;
|
|
831
|
+
disabled?: boolean;
|
|
832
|
+
className?: string;
|
|
833
|
+
}
|
|
834
|
+
declare function FormFileUpload<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, required, ...uploadProps }: FormFileUploadProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
835
|
+
|
|
836
|
+
interface FormInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'name' | 'defaultValue'> {
|
|
837
|
+
name: TName;
|
|
838
|
+
control: Control<TFieldValues>;
|
|
839
|
+
label?: string;
|
|
840
|
+
description?: string;
|
|
841
|
+
required?: boolean;
|
|
842
|
+
}
|
|
843
|
+
declare function FormInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, required, ...inputProps }: FormInputProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
844
|
+
|
|
845
|
+
interface FormMultiSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
846
|
+
name: TName;
|
|
847
|
+
control: Control<TFieldValues>;
|
|
848
|
+
options: MultiSelectOption[];
|
|
849
|
+
label?: string;
|
|
850
|
+
description?: string;
|
|
851
|
+
required?: boolean;
|
|
852
|
+
placeholder?: string;
|
|
853
|
+
searchPlaceholder?: string;
|
|
854
|
+
emptyText?: string;
|
|
855
|
+
disabled?: boolean;
|
|
856
|
+
className?: string;
|
|
857
|
+
maxDisplay?: number;
|
|
858
|
+
}
|
|
859
|
+
declare function FormMultiSelect<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, required, ...selectProps }: FormMultiSelectProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
860
|
+
|
|
861
|
+
interface FormNumberInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'name' | 'defaultValue' | 'type' | 'onChange'> {
|
|
862
|
+
name: TName;
|
|
863
|
+
control: Control<TFieldValues>;
|
|
864
|
+
label?: string;
|
|
865
|
+
description?: string;
|
|
866
|
+
required?: boolean;
|
|
867
|
+
}
|
|
868
|
+
declare function FormNumberInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, required, ...inputProps }: FormNumberInputProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
869
|
+
|
|
870
|
+
interface FormOtpInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
871
|
+
name: TName;
|
|
872
|
+
control: Control<TFieldValues>;
|
|
873
|
+
label?: string;
|
|
874
|
+
description?: string;
|
|
875
|
+
required?: boolean;
|
|
876
|
+
length?: number;
|
|
877
|
+
disabled?: boolean;
|
|
878
|
+
className?: string;
|
|
879
|
+
inputClassName?: string;
|
|
880
|
+
}
|
|
881
|
+
declare function FormOtpInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, required, ...inputProps }: FormOtpInputProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
882
|
+
|
|
883
|
+
interface FormSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
884
|
+
name: TName;
|
|
885
|
+
control: Control<TFieldValues>;
|
|
886
|
+
options: SelectOption[];
|
|
887
|
+
label?: string;
|
|
888
|
+
description?: string;
|
|
889
|
+
placeholder?: string;
|
|
890
|
+
required?: boolean;
|
|
891
|
+
disabled?: boolean;
|
|
892
|
+
}
|
|
893
|
+
declare function FormSelect<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, options, label, description, placeholder, required, disabled, }: FormSelectProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
894
|
+
|
|
895
|
+
interface FormSliderProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
896
|
+
name: TName;
|
|
897
|
+
control: Control<TFieldValues>;
|
|
898
|
+
label?: string;
|
|
899
|
+
description?: string;
|
|
900
|
+
required?: boolean;
|
|
901
|
+
min?: number;
|
|
902
|
+
max?: number;
|
|
903
|
+
step?: number;
|
|
904
|
+
disabled?: boolean;
|
|
905
|
+
className?: string;
|
|
906
|
+
}
|
|
907
|
+
declare function FormSlider<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, required, ...sliderProps }: FormSliderProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
908
|
+
|
|
909
|
+
interface FormSwitchProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
910
|
+
name: TName;
|
|
911
|
+
control: Control<TFieldValues>;
|
|
912
|
+
label?: string;
|
|
913
|
+
description?: string;
|
|
914
|
+
disabled?: boolean;
|
|
915
|
+
}
|
|
916
|
+
declare function FormSwitch<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, disabled, }: FormSwitchProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
917
|
+
|
|
918
|
+
interface FormTextareaProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, 'name' | 'defaultValue'> {
|
|
919
|
+
name: TName;
|
|
920
|
+
control: Control<TFieldValues>;
|
|
921
|
+
label?: string;
|
|
922
|
+
description?: string;
|
|
923
|
+
required?: boolean;
|
|
924
|
+
}
|
|
925
|
+
declare function FormTextarea<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, required, ...textareaProps }: FormTextareaProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
926
|
+
|
|
927
|
+
interface FormTimePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
928
|
+
name: TName;
|
|
929
|
+
control: Control<TFieldValues>;
|
|
930
|
+
label?: string;
|
|
931
|
+
description?: string;
|
|
932
|
+
required?: boolean;
|
|
933
|
+
withSeconds?: boolean;
|
|
934
|
+
disabled?: boolean;
|
|
935
|
+
className?: string;
|
|
936
|
+
}
|
|
937
|
+
declare function FormTimePicker<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, label, description, required, ...pickerProps }: FormTimePickerProps<TFieldValues, TName>): React$1.JSX.Element;
|
|
938
|
+
|
|
939
|
+
interface DataTablePaginationProps {
|
|
940
|
+
pageIndex: number;
|
|
941
|
+
pageSize: number;
|
|
942
|
+
total: number;
|
|
943
|
+
onPageChange: (page: number) => void;
|
|
944
|
+
onPageSizeChange?: (size: number) => void;
|
|
945
|
+
showFirstLast?: boolean;
|
|
946
|
+
siblingCount?: number;
|
|
947
|
+
}
|
|
948
|
+
interface DataTableRowAction<TData> {
|
|
949
|
+
label: string;
|
|
950
|
+
icon?: React$1.ComponentType<{
|
|
951
|
+
className?: string;
|
|
952
|
+
}>;
|
|
953
|
+
onClick: (row: TData) => void;
|
|
954
|
+
/** Đổi màu text sang destructive */
|
|
955
|
+
variant?: 'default' | 'destructive';
|
|
956
|
+
/** Disable dựa vào dữ liệu của dòng */
|
|
957
|
+
disabled?: (row: TData) => boolean;
|
|
958
|
+
/** Hiện separator phía trên item này */
|
|
959
|
+
separator?: boolean;
|
|
960
|
+
}
|
|
961
|
+
interface DataTableProps<TData, TValue> {
|
|
962
|
+
columns: ColumnDef<TData, TValue>[];
|
|
963
|
+
data: TData[];
|
|
964
|
+
loading?: boolean;
|
|
965
|
+
pagination?: DataTablePaginationProps;
|
|
966
|
+
/** Hiện search input, debounce 300ms */
|
|
967
|
+
searchable?: boolean;
|
|
968
|
+
onSearch?: (query: string) => void;
|
|
969
|
+
emptyText?: string;
|
|
970
|
+
className?: string;
|
|
971
|
+
/** Checkbox chọn nhiều dòng */
|
|
972
|
+
enableRowSelection?: boolean;
|
|
973
|
+
onRowSelectionChange?: (rows: TData[]) => void;
|
|
974
|
+
/** Slot render bulk-action buttons khi có dòng được chọn */
|
|
975
|
+
selectionActions?: React$1.ReactNode;
|
|
976
|
+
/** Render nội dung expand bên dưới mỗi dòng */
|
|
977
|
+
renderSubRow?: (row: Row<TData>) => React$1.ReactNode;
|
|
978
|
+
getRowCanExpand?: (row: Row<TData>) => boolean;
|
|
979
|
+
/** Hiện nút toggle ẩn/hiện cột ở góc phải toolbar */
|
|
980
|
+
showColumnToggle?: boolean;
|
|
981
|
+
/** Inject cột "..." cuối mỗi dòng với dropdown actions */
|
|
982
|
+
rowActions?: DataTableRowAction<TData>[];
|
|
983
|
+
/** Callback khi sort thay đổi — nếu truyền vào thì dùng manualSorting (server-side) */
|
|
984
|
+
onSortChange?: (sorting: SortingState) => void;
|
|
985
|
+
}
|
|
986
|
+
declare function DataTable<TData, TValue>({ columns, data, loading, pagination, searchable, onSearch, emptyText, className, enableRowSelection, onRowSelectionChange, selectionActions, renderSubRow, getRowCanExpand, showColumnToggle, rowActions, onSortChange, }: DataTableProps<TData, TValue>): React$1.JSX.Element;
|
|
987
|
+
|
|
988
|
+
interface DescriptionItem {
|
|
989
|
+
label: string;
|
|
990
|
+
value: React$1.ReactNode;
|
|
991
|
+
}
|
|
992
|
+
interface DescriptionListProps {
|
|
993
|
+
items: DescriptionItem[];
|
|
994
|
+
layout?: 'horizontal' | 'vertical';
|
|
995
|
+
striped?: boolean;
|
|
996
|
+
labelWidth?: string;
|
|
997
|
+
className?: string;
|
|
998
|
+
}
|
|
999
|
+
declare function DescriptionList({ items, layout, striped, labelWidth, className, }: DescriptionListProps): React$1.JSX.Element;
|
|
1000
|
+
declare namespace DescriptionList {
|
|
1001
|
+
var displayName: string;
|
|
1002
|
+
}
|
|
1003
|
+
|
|
1004
|
+
interface EmptyStateProps {
|
|
1005
|
+
icon?: LucideIcon;
|
|
1006
|
+
title: string;
|
|
1007
|
+
description?: string;
|
|
1008
|
+
action?: {
|
|
1009
|
+
label: string;
|
|
1010
|
+
onClick: () => void;
|
|
1011
|
+
};
|
|
1012
|
+
className?: string;
|
|
1013
|
+
}
|
|
1014
|
+
declare function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProps): React$1.JSX.Element;
|
|
1015
|
+
|
|
1016
|
+
interface StatCardProps {
|
|
1017
|
+
title: string;
|
|
1018
|
+
value: string | number;
|
|
1019
|
+
change?: {
|
|
1020
|
+
value: number;
|
|
1021
|
+
period: string;
|
|
1022
|
+
};
|
|
1023
|
+
icon?: LucideIcon;
|
|
1024
|
+
loading?: boolean;
|
|
1025
|
+
className?: string;
|
|
1026
|
+
}
|
|
1027
|
+
declare function StatCard({ title, value, change, icon: Icon, loading, className }: StatCardProps): React$1.JSX.Element;
|
|
1028
|
+
|
|
1029
|
+
type TimelineStatus = 'default' | 'success' | 'warning' | 'error' | 'pending';
|
|
1030
|
+
interface TimelineItem {
|
|
1031
|
+
title: string;
|
|
1032
|
+
description?: React$1.ReactNode;
|
|
1033
|
+
time?: string;
|
|
1034
|
+
icon?: React$1.ReactNode;
|
|
1035
|
+
status?: TimelineStatus;
|
|
1036
|
+
}
|
|
1037
|
+
interface TimelineProps {
|
|
1038
|
+
items: TimelineItem[];
|
|
1039
|
+
className?: string;
|
|
1040
|
+
}
|
|
1041
|
+
declare function Timeline({ items, className }: TimelineProps): React$1.JSX.Element;
|
|
1042
|
+
declare namespace Timeline {
|
|
1043
|
+
var displayName: string;
|
|
1044
|
+
}
|
|
1045
|
+
|
|
1046
|
+
interface ConfirmDialogProps {
|
|
1047
|
+
open: boolean;
|
|
1048
|
+
onOpenChange: (open: boolean) => void;
|
|
1049
|
+
title: string;
|
|
1050
|
+
description: string;
|
|
1051
|
+
confirmLabel?: string;
|
|
1052
|
+
cancelLabel?: string;
|
|
1053
|
+
variant?: 'destructive' | 'default';
|
|
1054
|
+
onConfirm: () => void | Promise<void>;
|
|
1055
|
+
loading?: boolean;
|
|
1056
|
+
}
|
|
1057
|
+
declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, variant, onConfirm, loading, }: ConfirmDialogProps): React$1.JSX.Element;
|
|
1058
|
+
|
|
1059
|
+
interface LoadingOverlayProps {
|
|
1060
|
+
open?: boolean;
|
|
1061
|
+
message?: string;
|
|
1062
|
+
blur?: boolean;
|
|
1063
|
+
className?: string;
|
|
1064
|
+
}
|
|
1065
|
+
declare function LoadingOverlay({ open, message, blur, className }: LoadingOverlayProps): React$1.ReactPortal | null;
|
|
1066
|
+
declare namespace LoadingOverlay {
|
|
1067
|
+
var displayName: string;
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1070
|
+
interface LoadingSpinnerProps {
|
|
1071
|
+
size?: 'sm' | 'md' | 'lg';
|
|
1072
|
+
text?: string;
|
|
1073
|
+
className?: string;
|
|
1074
|
+
fullScreen?: boolean;
|
|
1075
|
+
}
|
|
1076
|
+
declare function LoadingSpinner({ size, text, className, fullScreen }: LoadingSpinnerProps): React$1.JSX.Element;
|
|
1077
|
+
|
|
1078
|
+
type ResultStatus = 'success' | 'error' | 'warning' | 'info';
|
|
1079
|
+
interface ResultProps {
|
|
1080
|
+
status?: ResultStatus;
|
|
1081
|
+
icon?: React$1.ReactNode;
|
|
1082
|
+
title: string;
|
|
1083
|
+
description?: React$1.ReactNode;
|
|
1084
|
+
extra?: React$1.ReactNode;
|
|
1085
|
+
className?: string;
|
|
1086
|
+
}
|
|
1087
|
+
declare function Result({ status, icon, title, description, extra, className, }: ResultProps): React$1.JSX.Element;
|
|
1088
|
+
declare namespace Result {
|
|
1089
|
+
var displayName: string;
|
|
1090
|
+
}
|
|
1091
|
+
|
|
1092
|
+
declare const sectionVariants: (props?: ({
|
|
1093
|
+
padding?: "none" | "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
1094
|
+
background?: "default" | "muted" | "transparent" | "dark" | "primary" | null | undefined;
|
|
1095
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1096
|
+
type SectionVariantProps = VariantProps<typeof sectionVariants>;
|
|
1097
|
+
interface SectionProps extends React$1.HTMLAttributes<HTMLElement>, SectionVariantProps {
|
|
1098
|
+
as?: React$1.ElementType;
|
|
1099
|
+
container?: boolean;
|
|
1100
|
+
containerSize?: ContainerSize;
|
|
1101
|
+
}
|
|
1102
|
+
declare const Section: React$1.ForwardRefExoticComponent<SectionProps & React$1.RefAttributes<HTMLElement>>;
|
|
1103
|
+
|
|
1104
|
+
type SectionHeadingAlign = 'left' | 'center' | 'right';
|
|
1105
|
+
interface SectionHeadingProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1106
|
+
eyebrow?: string;
|
|
1107
|
+
eyebrowClassName?: string;
|
|
1108
|
+
heading: string;
|
|
1109
|
+
headingAs?: 'h1' | 'h2' | 'h3' | 'h4';
|
|
1110
|
+
headingClassName?: string;
|
|
1111
|
+
description?: string;
|
|
1112
|
+
descriptionClassName?: string;
|
|
1113
|
+
align?: SectionHeadingAlign;
|
|
1114
|
+
gradient?: boolean;
|
|
1115
|
+
}
|
|
1116
|
+
declare const SectionHeading: React$1.ForwardRefExoticComponent<SectionHeadingProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1117
|
+
|
|
1118
|
+
interface HeroAction {
|
|
1119
|
+
label: string;
|
|
1120
|
+
href?: string;
|
|
1121
|
+
onClick?: React$1.MouseEventHandler<HTMLElement>;
|
|
1122
|
+
variant?: ButtonProps['variant'];
|
|
1123
|
+
size?: ButtonProps['size'];
|
|
1124
|
+
asChild?: boolean;
|
|
1125
|
+
icon?: LucideIcon;
|
|
1126
|
+
}
|
|
1127
|
+
type HeroMediaPosition = 'right' | 'left' | 'bottom' | 'background';
|
|
1128
|
+
type HeroMinHeight = 'screen' | 'half' | 'auto';
|
|
1129
|
+
interface HeroSectionProps extends React$1.HTMLAttributes<HTMLElement>, SectionVariantProps {
|
|
1130
|
+
eyebrow?: string;
|
|
1131
|
+
heading: string;
|
|
1132
|
+
description?: string;
|
|
1133
|
+
primaryAction?: HeroAction;
|
|
1134
|
+
secondaryAction?: HeroAction;
|
|
1135
|
+
media?: React$1.ReactNode;
|
|
1136
|
+
mediaPosition?: HeroMediaPosition;
|
|
1137
|
+
align?: 'left' | 'center';
|
|
1138
|
+
minHeight?: HeroMinHeight;
|
|
1139
|
+
containerSize?: ContainerSize;
|
|
1140
|
+
}
|
|
1141
|
+
declare function HeroSection({ eyebrow, heading, description, primaryAction, secondaryAction, media, mediaPosition, align, minHeight, padding, background, containerSize, className, ...props }: HeroSectionProps): React$1.JSX.Element;
|
|
1142
|
+
|
|
1143
|
+
interface FeatureItem {
|
|
1144
|
+
icon?: LucideIcon | React$1.ReactNode;
|
|
1145
|
+
title: string;
|
|
1146
|
+
description: string;
|
|
1147
|
+
href?: string;
|
|
1148
|
+
badge?: string;
|
|
1149
|
+
}
|
|
1150
|
+
type FeatureVariant = 'card' | 'icon-left' | 'minimal';
|
|
1151
|
+
interface FeatureCardProps {
|
|
1152
|
+
item: FeatureItem;
|
|
1153
|
+
variant: FeatureVariant;
|
|
1154
|
+
className?: string;
|
|
1155
|
+
}
|
|
1156
|
+
declare function FeatureCard({ item, variant, className }: FeatureCardProps): React$1.JSX.Element;
|
|
1157
|
+
interface FeatureSectionProps extends React$1.HTMLAttributes<HTMLElement>, SectionVariantProps {
|
|
1158
|
+
eyebrow?: string;
|
|
1159
|
+
heading?: string;
|
|
1160
|
+
description?: string;
|
|
1161
|
+
headingAlign?: SectionHeadingAlign;
|
|
1162
|
+
features: FeatureItem[];
|
|
1163
|
+
columns?: 2 | 3 | 4;
|
|
1164
|
+
variant?: FeatureVariant;
|
|
1165
|
+
containerSize?: ContainerSize;
|
|
1166
|
+
}
|
|
1167
|
+
declare function FeatureSection({ eyebrow, heading, description, headingAlign, features, columns, variant, padding, background, containerSize, className, ...props }: FeatureSectionProps): React$1.JSX.Element;
|
|
1168
|
+
|
|
1169
|
+
interface CTASectionAction {
|
|
1170
|
+
label: string;
|
|
1171
|
+
href?: string;
|
|
1172
|
+
onClick?: React$1.MouseEventHandler<HTMLElement>;
|
|
1173
|
+
variant?: ButtonProps['variant'];
|
|
1174
|
+
size?: ButtonProps['size'];
|
|
1175
|
+
asChild?: boolean;
|
|
1176
|
+
}
|
|
1177
|
+
type CTASectionVariant = 'simple' | 'split' | 'boxed';
|
|
1178
|
+
interface CTASectionProps extends React$1.HTMLAttributes<HTMLElement>, SectionVariantProps {
|
|
1179
|
+
eyebrow?: string;
|
|
1180
|
+
heading: string;
|
|
1181
|
+
description?: string;
|
|
1182
|
+
primaryAction?: CTASectionAction;
|
|
1183
|
+
secondaryAction?: CTASectionAction;
|
|
1184
|
+
align?: 'left' | 'center';
|
|
1185
|
+
variant?: CTASectionVariant;
|
|
1186
|
+
containerSize?: ContainerSize;
|
|
1187
|
+
}
|
|
1188
|
+
declare function CTASection({ eyebrow, heading, description, primaryAction, secondaryAction, align, variant, padding, background, containerSize, className, ...props }: CTASectionProps): React$1.JSX.Element;
|
|
1189
|
+
|
|
1190
|
+
interface StatItem {
|
|
1191
|
+
value: string;
|
|
1192
|
+
label: string;
|
|
1193
|
+
description?: string;
|
|
1194
|
+
icon?: LucideIcon;
|
|
1195
|
+
}
|
|
1196
|
+
type StatsVariant = 'simple' | 'card' | 'bordered';
|
|
1197
|
+
interface StatsSectionProps extends React$1.HTMLAttributes<HTMLElement>, SectionVariantProps {
|
|
1198
|
+
eyebrow?: string;
|
|
1199
|
+
heading?: string;
|
|
1200
|
+
description?: string;
|
|
1201
|
+
headingAlign?: SectionHeadingAlign;
|
|
1202
|
+
stats: StatItem[];
|
|
1203
|
+
columns?: 2 | 3 | 4;
|
|
1204
|
+
variant?: StatsVariant;
|
|
1205
|
+
containerSize?: ContainerSize;
|
|
1206
|
+
}
|
|
1207
|
+
declare function StatsSection({ eyebrow, heading, description, headingAlign, stats, columns, variant, padding, background, containerSize, className, ...props }: StatsSectionProps): React$1.JSX.Element;
|
|
1208
|
+
|
|
1209
|
+
interface TestimonialAuthor {
|
|
1210
|
+
name: string;
|
|
1211
|
+
role?: string;
|
|
1212
|
+
company?: string;
|
|
1213
|
+
avatarSrc?: string;
|
|
1214
|
+
avatarFallback?: string;
|
|
1215
|
+
}
|
|
1216
|
+
interface TestimonialItem {
|
|
1217
|
+
quote: string;
|
|
1218
|
+
author: TestimonialAuthor;
|
|
1219
|
+
rating?: 1 | 2 | 3 | 4 | 5;
|
|
1220
|
+
featured?: boolean;
|
|
1221
|
+
}
|
|
1222
|
+
type TestimonialVariant = 'grid' | 'masonry' | 'featured';
|
|
1223
|
+
interface TestimonialCardProps {
|
|
1224
|
+
item: TestimonialItem;
|
|
1225
|
+
featured?: boolean;
|
|
1226
|
+
className?: string;
|
|
1227
|
+
}
|
|
1228
|
+
declare function TestimonialCard({ item, featured, className }: TestimonialCardProps): React$1.JSX.Element;
|
|
1229
|
+
interface TestimonialSectionProps extends React$1.HTMLAttributes<HTMLElement>, SectionVariantProps {
|
|
1230
|
+
eyebrow?: string;
|
|
1231
|
+
heading?: string;
|
|
1232
|
+
description?: string;
|
|
1233
|
+
headingAlign?: SectionHeadingAlign;
|
|
1234
|
+
testimonials: TestimonialItem[];
|
|
1235
|
+
columns?: 1 | 2 | 3;
|
|
1236
|
+
variant?: TestimonialVariant;
|
|
1237
|
+
containerSize?: ContainerSize;
|
|
1238
|
+
}
|
|
1239
|
+
declare function TestimonialSection({ eyebrow, heading, description, headingAlign, testimonials, columns, variant, padding, background, containerSize, className, ...props }: TestimonialSectionProps): React$1.JSX.Element;
|
|
1240
|
+
|
|
1241
|
+
interface PricingFeatureItem {
|
|
1242
|
+
label: string;
|
|
1243
|
+
included: boolean | string;
|
|
1244
|
+
tooltip?: string;
|
|
1245
|
+
}
|
|
1246
|
+
interface PricingPlanPrice {
|
|
1247
|
+
monthly?: string | number;
|
|
1248
|
+
annual?: string | number;
|
|
1249
|
+
currency?: string;
|
|
1250
|
+
unit?: string;
|
|
1251
|
+
}
|
|
1252
|
+
interface PricingPlanCTA {
|
|
1253
|
+
label: string;
|
|
1254
|
+
href?: string;
|
|
1255
|
+
onClick?: () => void;
|
|
1256
|
+
variant?: ButtonProps['variant'];
|
|
1257
|
+
}
|
|
1258
|
+
interface PricingPlan {
|
|
1259
|
+
name: string;
|
|
1260
|
+
description?: string;
|
|
1261
|
+
price: PricingPlanPrice;
|
|
1262
|
+
features: PricingFeatureItem[];
|
|
1263
|
+
cta: PricingPlanCTA;
|
|
1264
|
+
highlighted?: boolean;
|
|
1265
|
+
highlightLabel?: string;
|
|
1266
|
+
badge?: string;
|
|
1267
|
+
}
|
|
1268
|
+
interface PricingBillingToggle {
|
|
1269
|
+
enabled: boolean;
|
|
1270
|
+
defaultPeriod?: 'monthly' | 'annual';
|
|
1271
|
+
annualDiscount?: string;
|
|
1272
|
+
}
|
|
1273
|
+
type BillingPeriod = 'monthly' | 'annual';
|
|
1274
|
+
interface PricingCardProps {
|
|
1275
|
+
plan: PricingPlan;
|
|
1276
|
+
period: BillingPeriod;
|
|
1277
|
+
className?: string;
|
|
1278
|
+
}
|
|
1279
|
+
declare function PricingCard({ plan, period, className }: PricingCardProps): React$1.JSX.Element;
|
|
1280
|
+
interface PricingSectionProps extends React$1.HTMLAttributes<HTMLElement>, SectionVariantProps {
|
|
1281
|
+
eyebrow?: string;
|
|
1282
|
+
heading?: string;
|
|
1283
|
+
description?: string;
|
|
1284
|
+
headingAlign?: SectionHeadingAlign;
|
|
1285
|
+
plans: PricingPlan[];
|
|
1286
|
+
billingToggle?: PricingBillingToggle;
|
|
1287
|
+
columns?: 2 | 3 | 4;
|
|
1288
|
+
containerSize?: ContainerSize;
|
|
1289
|
+
}
|
|
1290
|
+
declare function PricingSection({ eyebrow, heading, description, headingAlign, plans, billingToggle, columns, padding, background, containerSize, className, ...props }: PricingSectionProps): React$1.JSX.Element;
|
|
1291
|
+
|
|
1292
|
+
interface FAQItem {
|
|
1293
|
+
question: string;
|
|
1294
|
+
answer: string | React$1.ReactNode;
|
|
1295
|
+
value?: string;
|
|
1296
|
+
}
|
|
1297
|
+
type FAQVariant = 'default' | 'card' | 'separated';
|
|
1298
|
+
type FAQLayout = 'full' | 'two-column';
|
|
1299
|
+
interface FAQSectionProps extends React$1.HTMLAttributes<HTMLElement>, SectionVariantProps {
|
|
1300
|
+
eyebrow?: string;
|
|
1301
|
+
heading?: string;
|
|
1302
|
+
description?: string;
|
|
1303
|
+
headingAlign?: SectionHeadingAlign;
|
|
1304
|
+
items: FAQItem[];
|
|
1305
|
+
type?: 'single' | 'multiple';
|
|
1306
|
+
collapsible?: boolean;
|
|
1307
|
+
variant?: FAQVariant;
|
|
1308
|
+
layout?: FAQLayout;
|
|
1309
|
+
containerSize?: ContainerSize;
|
|
1310
|
+
contactCta?: {
|
|
1311
|
+
heading?: string;
|
|
1312
|
+
label: string;
|
|
1313
|
+
href?: string;
|
|
1314
|
+
onClick?: () => void;
|
|
1315
|
+
};
|
|
1316
|
+
}
|
|
1317
|
+
declare function FAQSection({ eyebrow, heading, description, headingAlign, items, type, collapsible, variant, layout, padding, background, containerSize, contactCta, className, ...props }: FAQSectionProps): React$1.JSX.Element;
|
|
1318
|
+
|
|
1319
|
+
type TeamSocialPlatform = 'linkedin' | 'twitter' | 'github' | 'email' | 'website';
|
|
1320
|
+
interface TeamSocialLink {
|
|
1321
|
+
platform: TeamSocialPlatform;
|
|
1322
|
+
href: string;
|
|
1323
|
+
label?: string;
|
|
1324
|
+
}
|
|
1325
|
+
interface TeamMember {
|
|
1326
|
+
name: string;
|
|
1327
|
+
role: string;
|
|
1328
|
+
bio?: string;
|
|
1329
|
+
avatarSrc?: string;
|
|
1330
|
+
avatarFallback?: string;
|
|
1331
|
+
socials?: TeamSocialLink[];
|
|
1332
|
+
badge?: string;
|
|
1333
|
+
}
|
|
1334
|
+
type TeamVariant = 'card' | 'minimal' | 'horizontal';
|
|
1335
|
+
type TeamAvatarSize = 'sm' | 'md' | 'lg';
|
|
1336
|
+
interface TeamMemberCardProps {
|
|
1337
|
+
member: TeamMember;
|
|
1338
|
+
variant: TeamVariant;
|
|
1339
|
+
avatarSize?: TeamAvatarSize;
|
|
1340
|
+
className?: string;
|
|
1341
|
+
}
|
|
1342
|
+
declare function TeamMemberCard({ member, variant, avatarSize, className, }: TeamMemberCardProps): React$1.JSX.Element;
|
|
1343
|
+
interface TeamSectionProps extends React$1.HTMLAttributes<HTMLElement>, SectionVariantProps {
|
|
1344
|
+
eyebrow?: string;
|
|
1345
|
+
heading?: string;
|
|
1346
|
+
description?: string;
|
|
1347
|
+
headingAlign?: SectionHeadingAlign;
|
|
1348
|
+
members: TeamMember[];
|
|
1349
|
+
variant?: TeamVariant;
|
|
1350
|
+
columns?: 2 | 3 | 4 | 5;
|
|
1351
|
+
avatarSize?: TeamAvatarSize;
|
|
1352
|
+
containerSize?: ContainerSize;
|
|
1353
|
+
}
|
|
1354
|
+
declare function TeamSection({ eyebrow, heading, description, headingAlign, members, variant, columns, avatarSize, padding, background, containerSize, className, ...props }: TeamSectionProps): React$1.JSX.Element;
|
|
1355
|
+
|
|
1356
|
+
declare function useDebounce<T>(value: T, delay: number): T;
|
|
1357
|
+
|
|
1358
|
+
interface UseDisclosureReturn {
|
|
1359
|
+
isOpen: boolean;
|
|
1360
|
+
open: () => void;
|
|
1361
|
+
close: () => void;
|
|
1362
|
+
toggle: () => void;
|
|
1363
|
+
onOpenChange: (open: boolean) => void;
|
|
1364
|
+
}
|
|
1365
|
+
declare function useDisclosure(defaultOpen?: boolean): UseDisclosureReturn;
|
|
1366
|
+
|
|
1367
|
+
declare function useLocalStorage<T>(key: string, defaultValue: T): [T, (value: T) => void];
|
|
1368
|
+
|
|
1369
|
+
interface UsePaginationOptions {
|
|
1370
|
+
total: number;
|
|
1371
|
+
defaultPageSize?: number;
|
|
1372
|
+
defaultPage?: number;
|
|
1373
|
+
}
|
|
1374
|
+
interface UsePaginationReturn {
|
|
1375
|
+
page: number;
|
|
1376
|
+
pageSize: number;
|
|
1377
|
+
offset: number;
|
|
1378
|
+
totalPages: number;
|
|
1379
|
+
setPage: (page: number) => void;
|
|
1380
|
+
setPageSize: (size: number) => void;
|
|
1381
|
+
}
|
|
1382
|
+
declare function usePagination({ total, defaultPageSize, defaultPage, }: UsePaginationOptions): UsePaginationReturn;
|
|
1383
|
+
|
|
1384
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
1385
|
+
declare function formatCurrency(value: number, currency?: string, locale?: string): string;
|
|
1386
|
+
declare function formatNumber(value: number, locale?: string): string;
|
|
1387
|
+
declare function formatDate(date: Date | string | number, options?: Intl.DateTimeFormatOptions, locale?: string): string;
|
|
1388
|
+
declare function slugify(text: string): string;
|
|
1389
|
+
declare function truncate(text: string, maxLength: number): string;
|
|
1390
|
+
|
|
1391
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, AdminContent, type AdminContentProps, AdminFooter, type AdminFooterProps, AdminHeader, type AdminHeaderProps, type AdminHeaderUser, AdminLayout, AdminLayoutContext, type AdminLayoutContextValue, type AdminLayoutProps, type AdminNavBadge, type AdminNavGroup, type AdminNavItem, AdminSidebar, type AdminSidebarProps, type AdminUserMenuItem, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BillingPeriod, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, type BreadcrumbNavItem, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CTASection, type CTASectionAction, type CTASectionProps, type CTASectionVariant, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, DataTable, type DataTablePaginationProps, type DataTableProps, type DataTableRowAction, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, type DateTimeRange, DateTimeRangePicker, type DateTimeRangePickerProps, type DescriptionItem, DescriptionList, type DescriptionListProps, 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, type FAQItem, type FAQLayout, FAQSection, type FAQSectionProps, type FAQVariant, FeatureCard, type FeatureCardProps, type FeatureItem, FeatureSection, type FeatureSectionProps, type FeatureVariant, FileUpload, type FileUploadProps, Form, FormCheckbox, type FormCheckboxProps, FormControl, FormDatePicker, type FormDatePickerProps, FormDateRangePicker, type FormDateRangePickerProps, FormDateTimePicker, type FormDateTimePickerProps, FormDateTimeRangePicker, type FormDateTimeRangePickerProps, FormDescription, FormField, FormFieldWrapper, type FormFieldWrapperProps, FormFileUpload, type FormFileUploadProps, FormInput, type FormInputProps, FormItem, FormLabel, FormMessage, FormMultiSelect, type FormMultiSelectProps, FormNumberInput, type FormNumberInputProps, FormOtpInput, type FormOtpInputProps, FormSelect, type FormSelectProps, FormSlider, type FormSliderProps, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, FormTimePicker, type FormTimePickerProps, HStack, type HeroAction, type HeroMediaPosition, type HeroMinHeight, HeroSection, type HeroSectionProps, Input, type InputProps, Label, LoadingOverlay, type LoadingOverlayProps, LoadingSpinner, type LoadingSpinnerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Notification, type NotificationProps, NumberInput, type NumberInputProps, OtpInput, type OtpInputProps, PageLayout, type PageLayoutProps, Pagination, type PaginationProps, type PaginationState, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PricingBillingToggle, PricingCard, type PricingCardProps, type PricingFeatureItem, type PricingPlan, type PricingPlanCTA, type PricingPlanPrice, PricingSection, type PricingSectionProps, Progress, type PropsWithClassName, PublicFooter, type PublicFooterLink, type PublicFooterLinkGroup, type PublicFooterProps, type PublicFooterSocialLink, type PublicFooterSocialPlatform, PublicLayout, PublicLayoutContext, type PublicLayoutContextValue, type PublicLayoutProps, type PublicNavLink, PublicNavbar, type PublicNavbarProps, RadioGroup, RadioGroupItem, Result, type ResultProps, type ResultStatus, ScrollArea, ScrollBar, SearchSelect, type SearchSelectOption, type SearchSelectProps, Section, SectionHeading, type SectionHeadingAlign, type SectionHeadingProps, type SectionProps, type SectionVariantProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarLayout, type SidebarLayoutProps, type Size, Skeleton, Slider, type SliderProps, Stack, type StackProps, StatCard, type StatCardProps, type StatItem, StatsSection, type StatsSectionProps, type StatsVariant, type Status, Stepper, type StepperProps, type StepperStep, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TeamAvatarSize, type TeamMember, TeamMemberCard, type TeamMemberCardProps, TeamSection, type TeamSectionProps, type TeamSocialLink, type TeamSocialPlatform, type TeamVariant, type TestimonialAuthor, TestimonialCard, type TestimonialCardProps, type TestimonialItem, TestimonialSection, type TestimonialSectionProps, type TestimonialVariant, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, type TimelineStatus, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseDisclosureReturn, type UsePaginationOptions, type UsePaginationReturn, VStack, type Variant, type WithChildren, type WithClassName, type WithOptionalChildren, badgeVariants, buttonVariants, cn, formatCurrency, formatDate, formatNumber, notificationVariants, sectionVariants, slugify, truncate, useAdminLayout, useDebounce, useDisclosure, useFormField, useLocalStorage, usePagination, usePublicLayout };
|