shadcn-ui-react 0.7.0 → 0.7.5
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 +450 -336
- package/dist/index.cjs +2377 -1437
- package/dist/index.d.cts +313 -159
- package/dist/index.d.ts +313 -159
- package/dist/index.js +2277 -1354
- package/dist/style.css +738 -46
- package/package.json +11 -11
package/dist/index.d.cts
CHANGED
|
@@ -2,10 +2,12 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
-
import
|
|
5
|
+
import * as class_variance_authority from 'class-variance-authority';
|
|
6
|
+
import { VariantProps as VariantProps$1 } from 'class-variance-authority';
|
|
7
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
6
9
|
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
7
10
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
8
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
9
11
|
import { DayPicker } from 'react-day-picker';
|
|
10
12
|
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
11
13
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
@@ -16,8 +18,7 @@ import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
|
16
18
|
import * as vaul from 'vaul';
|
|
17
19
|
import { Drawer as Drawer$1 } from 'vaul';
|
|
18
20
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
19
|
-
import
|
|
20
|
-
import { UseFormReturn, SubmitHandler, SubmitErrorHandler, FieldValues, FieldPath, RegisterOptions, FieldPathValue, Control } from 'react-hook-form';
|
|
21
|
+
import { FieldValues, UseFormReturn, SubmitHandler, SubmitErrorHandler, FieldPath, Control, RegisterOptions, FieldPathValue, FieldError } from 'react-hook-form';
|
|
21
22
|
import * as _radix_ui_react_slot from '@radix-ui/react-slot';
|
|
22
23
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
23
24
|
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
@@ -50,12 +51,30 @@ declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPri
|
|
|
50
51
|
declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
51
52
|
declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
52
53
|
|
|
53
|
-
declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps$
|
|
54
|
+
declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps$1<(props?: ({
|
|
54
55
|
variant?: "default" | "destructive" | null | undefined;
|
|
55
56
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
56
57
|
declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
57
58
|
declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
58
59
|
|
|
60
|
+
declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
61
|
+
declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
62
|
+
declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
63
|
+
declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
64
|
+
declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
65
|
+
declare const AlertDialogHeader: {
|
|
66
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
67
|
+
displayName: string;
|
|
68
|
+
};
|
|
69
|
+
declare const AlertDialogFooter: {
|
|
70
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
71
|
+
displayName: string;
|
|
72
|
+
};
|
|
73
|
+
declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
74
|
+
declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
75
|
+
declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
76
|
+
declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
77
|
+
|
|
59
78
|
declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
60
79
|
|
|
61
80
|
declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
@@ -63,9 +82,9 @@ declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitiv
|
|
|
63
82
|
declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
64
83
|
|
|
65
84
|
declare const badgeVariants: (props?: ({
|
|
66
|
-
variant?: "default" | "destructive" | "
|
|
85
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
67
86
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
68
|
-
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$
|
|
87
|
+
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$1<typeof badgeVariants> {
|
|
69
88
|
}
|
|
70
89
|
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
71
90
|
|
|
@@ -88,18 +107,48 @@ declare const BreadcrumbEllipsis: {
|
|
|
88
107
|
};
|
|
89
108
|
|
|
90
109
|
declare const buttonVariants: (props?: ({
|
|
91
|
-
variant?: "link" | "default" | "destructive" | "
|
|
92
|
-
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
110
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | "warning" | "info" | "dark" | "light" | "soft" | "softDestructive" | "softSuccess" | "softWarning" | "softInfo" | "outlineDestructive" | "outlineSuccess" | "outlineWarning" | "outlineInfo" | "gradient" | "gradientSuccess" | "gradientWarning" | "gradientDanger" | "premium" | "glass" | "neon" | "dangerGhost" | "successGhost" | "warningGhost" | "infoGhost" | null | undefined;
|
|
111
|
+
size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | "iconSm" | "iconLg" | null | undefined;
|
|
112
|
+
rounded?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
|
|
93
113
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
94
|
-
|
|
95
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null;
|
|
114
|
+
type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps$1<typeof buttonVariants> & {
|
|
96
115
|
asChild?: boolean;
|
|
97
116
|
loading?: boolean;
|
|
98
117
|
loaderClassName?: string;
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
118
|
+
};
|
|
119
|
+
declare const Button: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps$1<(props?: ({
|
|
120
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | "warning" | "info" | "dark" | "light" | "soft" | "softDestructive" | "softSuccess" | "softWarning" | "softInfo" | "outlineDestructive" | "outlineSuccess" | "outlineWarning" | "outlineInfo" | "gradient" | "gradientSuccess" | "gradientWarning" | "gradientDanger" | "premium" | "glass" | "neon" | "dangerGhost" | "successGhost" | "warningGhost" | "infoGhost" | null | undefined;
|
|
121
|
+
size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | "iconSm" | "iconLg" | null | undefined;
|
|
122
|
+
rounded?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
|
|
123
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
124
|
+
asChild?: boolean;
|
|
125
|
+
loading?: boolean;
|
|
126
|
+
loaderClassName?: string;
|
|
127
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
128
|
+
|
|
129
|
+
declare const iconButtonVariants: (props?: ({
|
|
130
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | "warning" | "info" | "soft" | "softDestructive" | "softSuccess" | "softWarning" | "softInfo" | "glass" | null | undefined;
|
|
131
|
+
size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
|
|
132
|
+
rounded?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
|
|
133
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
134
|
+
type IconButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & VariantProps$1<typeof iconButtonVariants> & {
|
|
135
|
+
asChild?: boolean;
|
|
136
|
+
loading?: boolean;
|
|
137
|
+
loaderClassName?: string;
|
|
138
|
+
children: React$1.ReactNode;
|
|
139
|
+
'aria-label': string;
|
|
140
|
+
};
|
|
141
|
+
declare const IconButton: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & VariantProps$1<(props?: ({
|
|
142
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | "warning" | "info" | "soft" | "softDestructive" | "softSuccess" | "softWarning" | "softInfo" | "glass" | null | undefined;
|
|
143
|
+
size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
|
|
144
|
+
rounded?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
|
|
145
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
146
|
+
asChild?: boolean;
|
|
147
|
+
loading?: boolean;
|
|
148
|
+
loaderClassName?: string;
|
|
149
|
+
children: React$1.ReactNode;
|
|
150
|
+
'aria-label': string;
|
|
151
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
103
152
|
|
|
104
153
|
type CalendarProps = React$1.ComponentProps<typeof DayPicker>;
|
|
105
154
|
declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
@@ -127,10 +176,34 @@ type CarouselProps = {
|
|
|
127
176
|
declare const Carousel: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
128
177
|
declare const CarouselContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
129
178
|
declare const CarouselItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
130
|
-
declare const CarouselPrevious: React$1.ForwardRefExoticComponent<Omit<
|
|
131
|
-
|
|
179
|
+
declare const CarouselPrevious: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
180
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | "warning" | "info" | "dark" | "light" | "soft" | "softDestructive" | "softSuccess" | "softWarning" | "softInfo" | "outlineDestructive" | "outlineSuccess" | "outlineWarning" | "outlineInfo" | "gradient" | "gradientSuccess" | "gradientWarning" | "gradientDanger" | "premium" | "glass" | "neon" | "dangerGhost" | "successGhost" | "warningGhost" | "infoGhost" | null | undefined;
|
|
181
|
+
size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | "iconSm" | "iconLg" | null | undefined;
|
|
182
|
+
rounded?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
|
|
183
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
184
|
+
asChild?: boolean;
|
|
185
|
+
loading?: boolean;
|
|
186
|
+
loaderClassName?: string;
|
|
187
|
+
} & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
188
|
+
declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
189
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | "warning" | "info" | "dark" | "light" | "soft" | "softDestructive" | "softSuccess" | "softWarning" | "softInfo" | "outlineDestructive" | "outlineSuccess" | "outlineWarning" | "outlineInfo" | "gradient" | "gradientSuccess" | "gradientWarning" | "gradientDanger" | "premium" | "glass" | "neon" | "dangerGhost" | "successGhost" | "warningGhost" | "infoGhost" | null | undefined;
|
|
190
|
+
size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | "iconSm" | "iconLg" | null | undefined;
|
|
191
|
+
rounded?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
|
|
192
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
193
|
+
asChild?: boolean;
|
|
194
|
+
loading?: boolean;
|
|
195
|
+
loaderClassName?: string;
|
|
196
|
+
} & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
132
197
|
|
|
133
|
-
|
|
198
|
+
type CheckboxSize = 'sm' | 'md' | 'lg';
|
|
199
|
+
type CheckboxVariant = 'default' | 'outline' | 'soft' | 'success' | 'destructive';
|
|
200
|
+
interface CheckboxProps extends Omit<React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'size'> {
|
|
201
|
+
size?: CheckboxSize;
|
|
202
|
+
variant?: CheckboxVariant;
|
|
203
|
+
invalid?: boolean;
|
|
204
|
+
iconClassName?: string;
|
|
205
|
+
}
|
|
206
|
+
declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
134
207
|
|
|
135
208
|
declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
136
209
|
declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -303,104 +376,147 @@ declare const DropdownMenuShortcut: {
|
|
|
303
376
|
displayName: string;
|
|
304
377
|
};
|
|
305
378
|
|
|
306
|
-
type FormProps<
|
|
379
|
+
type FormProps<TFieldValues extends FieldValues> = {
|
|
307
380
|
children: React$1.ReactNode;
|
|
308
|
-
methods: UseFormReturn<
|
|
309
|
-
onSubmit?: SubmitHandler<
|
|
310
|
-
onError?: SubmitErrorHandler<
|
|
311
|
-
formProps?: React$1.FormHTMLAttributes<HTMLFormElement>;
|
|
381
|
+
methods: UseFormReturn<TFieldValues>;
|
|
382
|
+
onSubmit?: SubmitHandler<TFieldValues>;
|
|
383
|
+
onError?: SubmitErrorHandler<TFieldValues>;
|
|
384
|
+
formProps?: Omit<React$1.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'>;
|
|
385
|
+
};
|
|
386
|
+
declare function Form<TFieldValues extends FieldValues>({ children, methods, onSubmit, onError, formProps }: FormProps<TFieldValues>): react_jsx_runtime.JSX.Element;
|
|
387
|
+
|
|
388
|
+
type CheckboxRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
|
|
389
|
+
type FormCheckboxProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
390
|
+
name: TName;
|
|
391
|
+
control?: Control<TFieldValues>;
|
|
392
|
+
rules?: CheckboxRules<TFieldValues, TName>;
|
|
393
|
+
shouldUnregister?: boolean;
|
|
394
|
+
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
395
|
+
label?: React$1.ReactNode;
|
|
396
|
+
description?: React$1.ReactNode;
|
|
397
|
+
requiredLabel?: boolean;
|
|
398
|
+
className?: string;
|
|
399
|
+
itemClassName?: string;
|
|
400
|
+
checkboxClassName?: string;
|
|
401
|
+
labelClassName?: string;
|
|
402
|
+
descriptionClassName?: string;
|
|
403
|
+
messageClassName?: string;
|
|
404
|
+
requiredLabelClassName?: string;
|
|
405
|
+
onChange?: (checked: boolean) => void;
|
|
406
|
+
} & Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onCheckedChange'>;
|
|
407
|
+
declare const FormCheckbox: {
|
|
408
|
+
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, rules, shouldUnregister, defaultValue, label, description, requiredLabel, className, itemClassName, checkboxClassName, labelClassName, descriptionClassName, messageClassName, requiredLabelClassName, onChange, ...checkboxProps }: FormCheckboxProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
|
|
409
|
+
displayName: string;
|
|
312
410
|
};
|
|
313
|
-
declare const Form: <T extends Record<string, any>>({ children, methods, onSubmit, onError, formProps, }: FormProps<T>) => react_jsx_runtime.JSX.Element;
|
|
314
411
|
|
|
315
|
-
|
|
412
|
+
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
413
|
+
size?: "sm" | "md" | "lg";
|
|
414
|
+
variant?: "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
415
|
+
leading?: React$1.ReactNode;
|
|
416
|
+
trailing?: React$1.ReactNode;
|
|
417
|
+
invalid?: boolean;
|
|
418
|
+
classNameDefault?: boolean;
|
|
419
|
+
placeholder?: string;
|
|
420
|
+
className?: string;
|
|
421
|
+
}
|
|
422
|
+
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
423
|
+
|
|
424
|
+
type SelectOption<TData = unknown> = {
|
|
316
425
|
value: string;
|
|
317
|
-
label:
|
|
426
|
+
label: React$1.ReactNode;
|
|
318
427
|
disabled?: boolean;
|
|
319
|
-
data?:
|
|
428
|
+
data?: TData;
|
|
320
429
|
};
|
|
321
|
-
type InputVariantProps
|
|
322
|
-
declare const inputVariants
|
|
323
|
-
type InputVariant
|
|
324
|
-
declare const variants: Record<InputVariant
|
|
325
|
-
type
|
|
326
|
-
type
|
|
430
|
+
type InputVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
431
|
+
declare const inputVariants: Record<InputVariantProps, string>;
|
|
432
|
+
type InputVariant = keyof typeof inputVariants;
|
|
433
|
+
declare const variants: Record<InputVariant, string>;
|
|
434
|
+
type SizeProps$1 = "sm" | "md" | "lg";
|
|
435
|
+
type VariantProps = InputVariant;
|
|
436
|
+
type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
327
437
|
type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
328
438
|
name: TName;
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
variant?: VariantProps$2;
|
|
332
|
-
leading?: React__default.ReactNode;
|
|
333
|
-
trailing?: React__default.ReactNode;
|
|
334
|
-
invalid?: boolean;
|
|
439
|
+
control?: Control<TFieldValues>;
|
|
440
|
+
rules?: FieldRules<TFieldValues, TName>;
|
|
335
441
|
shouldUnregister?: boolean;
|
|
336
442
|
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
337
|
-
|
|
443
|
+
label?: React$1.ReactNode;
|
|
444
|
+
requiredLabel?: boolean;
|
|
338
445
|
placeholder?: string;
|
|
446
|
+
size?: SizeProps$1;
|
|
447
|
+
variant?: VariantProps;
|
|
448
|
+
leading?: React$1.ReactNode;
|
|
449
|
+
trailing?: React$1.ReactNode;
|
|
450
|
+
invalid?: boolean;
|
|
339
451
|
className?: string;
|
|
340
452
|
classNameDefault?: boolean;
|
|
453
|
+
itemClassName?: string;
|
|
341
454
|
labelClassName?: string;
|
|
342
455
|
messageClassName?: string;
|
|
343
456
|
requiredLabelClassName?: string;
|
|
344
|
-
label?: string;
|
|
345
|
-
requiredLabel?: boolean;
|
|
346
457
|
onChange?: (value: string) => void;
|
|
347
|
-
} & Omit<
|
|
348
|
-
declare const FormField:
|
|
349
|
-
|
|
458
|
+
} & Omit<InputProps, "name" | "defaultValue" | "size" | "value" | "onChange">;
|
|
459
|
+
declare const FormField: {
|
|
460
|
+
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, label, placeholder, requiredLabel, className, classNameDefault, itemClassName, labelClassName, messageClassName, requiredLabelClassName, variant, size, rules, shouldUnregister, defaultValue, leading, trailing, invalid, onChange, ...inputProps }: CustomFormFieldProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
|
|
461
|
+
displayName: string;
|
|
462
|
+
};
|
|
463
|
+
declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
350
464
|
declare const useFormField: () => {
|
|
351
465
|
id: string;
|
|
352
466
|
formItemId: string;
|
|
353
467
|
formDescriptionId: string;
|
|
354
468
|
formMessageId: string;
|
|
355
|
-
error:
|
|
469
|
+
error: undefined;
|
|
356
470
|
} | {
|
|
357
471
|
invalid: boolean;
|
|
358
472
|
isDirty: boolean;
|
|
359
473
|
isTouched: boolean;
|
|
360
474
|
isValidating: boolean;
|
|
361
|
-
error?:
|
|
475
|
+
error?: FieldError;
|
|
362
476
|
id: string;
|
|
363
477
|
name: string;
|
|
364
478
|
formItemId: string;
|
|
365
479
|
formDescriptionId: string;
|
|
366
480
|
formMessageId: string;
|
|
367
481
|
};
|
|
368
|
-
declare const FormLabel:
|
|
369
|
-
declare const FormControl:
|
|
370
|
-
declare const FormDescription:
|
|
371
|
-
declare const FormMessage:
|
|
372
|
-
type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem =
|
|
482
|
+
declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
483
|
+
declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
484
|
+
declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
485
|
+
declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
486
|
+
type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption> = {
|
|
373
487
|
name: TName;
|
|
374
|
-
control?: Control<TFieldValues
|
|
375
|
-
rules?:
|
|
488
|
+
control?: Control<TFieldValues>;
|
|
489
|
+
rules?: FieldRules<TFieldValues, TName>;
|
|
376
490
|
shouldUnregister?: boolean;
|
|
377
491
|
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
378
|
-
|
|
379
|
-
label?: string;
|
|
492
|
+
label?: React$1.ReactNode;
|
|
380
493
|
requiredLabel?: boolean;
|
|
381
|
-
|
|
382
|
-
contentClassName?: string;
|
|
383
|
-
labelClassName?: string;
|
|
384
|
-
messageClassName?: string;
|
|
385
|
-
requiredLabelClassName?: string;
|
|
494
|
+
placeholder?: string;
|
|
386
495
|
options?: SelectOption<TItem>[];
|
|
387
496
|
items?: TItem[];
|
|
388
497
|
getOptionValue?: (item: TItem) => string;
|
|
389
|
-
getOptionLabel?: (item: TItem) =>
|
|
498
|
+
getOptionLabel?: (item: TItem) => React$1.ReactNode;
|
|
390
499
|
getOptionDisabled?: (item: TItem) => boolean;
|
|
391
|
-
getOptionData?: (item: TItem) =>
|
|
392
|
-
children?:
|
|
500
|
+
getOptionData?: (item: TItem) => unknown;
|
|
501
|
+
children?: React$1.ReactNode;
|
|
393
502
|
onChange?: (value: string) => void;
|
|
394
503
|
onChangeItem?: (item: TItem | null) => void;
|
|
395
504
|
disabled?: boolean;
|
|
396
505
|
size?: SizeProps$1;
|
|
397
|
-
variant?: VariantProps
|
|
506
|
+
variant?: VariantProps;
|
|
398
507
|
invalid?: boolean;
|
|
399
508
|
searchable?: boolean;
|
|
400
509
|
searchPlaceholder?: string;
|
|
510
|
+
emptyText?: React$1.ReactNode;
|
|
511
|
+
className?: string;
|
|
512
|
+
itemClassName?: string;
|
|
513
|
+
contentClassName?: string;
|
|
514
|
+
labelClassName?: string;
|
|
515
|
+
messageClassName?: string;
|
|
516
|
+
requiredLabelClassName?: string;
|
|
401
517
|
};
|
|
402
518
|
declare const FormSelect: {
|
|
403
|
-
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, rules, shouldUnregister, defaultValue, placeholder, label, requiredLabel, className, contentClassName, labelClassName, messageClassName, requiredLabelClassName, items, children, onChange, disabled, size, variant, invalid, searchable, searchPlaceholder }: CustomFormSelectProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
|
|
519
|
+
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption<unknown>>({ name, control, rules, shouldUnregister, defaultValue, placeholder, label, requiredLabel, className, itemClassName, contentClassName, labelClassName, messageClassName, requiredLabelClassName, options, items, getOptionValue, getOptionLabel, getOptionDisabled, getOptionData, children, onChange, onChangeItem, disabled, size, variant, invalid, searchable, searchPlaceholder, emptyText, }: CustomFormSelectProps<TFieldValues, TName, TItem>): react_jsx_runtime.JSX.Element;
|
|
404
520
|
displayName: string;
|
|
405
521
|
};
|
|
406
522
|
|
|
@@ -440,18 +556,6 @@ interface IconProps {
|
|
|
440
556
|
|
|
441
557
|
declare const Icons: IconProps;
|
|
442
558
|
|
|
443
|
-
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
444
|
-
size?: "sm" | "md" | "lg";
|
|
445
|
-
variant?: "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
446
|
-
leading?: React$1.ReactNode;
|
|
447
|
-
trailing?: React$1.ReactNode;
|
|
448
|
-
invalid?: boolean;
|
|
449
|
-
classNameDefault?: boolean;
|
|
450
|
-
placeholder?: string;
|
|
451
|
-
className?: string;
|
|
452
|
-
}
|
|
453
|
-
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
454
|
-
|
|
455
559
|
declare const InputOTP: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
|
|
456
560
|
value?: string;
|
|
457
561
|
onChange?: (newValue: string) => unknown;
|
|
@@ -485,7 +589,7 @@ declare const InputOTPSlot: React$1.ForwardRefExoticComponent<Omit<React$1.Detai
|
|
|
485
589
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
486
590
|
declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
487
591
|
|
|
488
|
-
declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps$
|
|
592
|
+
declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps$1<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
489
593
|
|
|
490
594
|
declare const MenubarMenu: {
|
|
491
595
|
(props: MenubarPrimitive.MenubarMenuProps & {
|
|
@@ -601,6 +705,28 @@ type SearchInputProps = {
|
|
|
601
705
|
};
|
|
602
706
|
declare function SearchInput({ value, placeholder, className, classNameDefault, debounceTime, onSearch, }: SearchInputProps): react_jsx_runtime.JSX.Element;
|
|
603
707
|
|
|
708
|
+
type SearchableSelectOption<TData = unknown> = {
|
|
709
|
+
value: string;
|
|
710
|
+
label: React$1.ReactNode;
|
|
711
|
+
disabled?: boolean;
|
|
712
|
+
keywords?: string;
|
|
713
|
+
data?: TData;
|
|
714
|
+
};
|
|
715
|
+
type SearchableSelectProps<TData = unknown> = Omit<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, 'onValueChange'> & {
|
|
716
|
+
items: SearchableSelectOption<TData>[];
|
|
717
|
+
value?: string;
|
|
718
|
+
defaultValue?: string;
|
|
719
|
+
onValueChange?: (value: string, item?: SearchableSelectOption<TData>) => void;
|
|
720
|
+
placeholder?: string;
|
|
721
|
+
searchPlaceholder?: string;
|
|
722
|
+
emptyText?: React$1.ReactNode;
|
|
723
|
+
triggerClassName?: string;
|
|
724
|
+
contentClassName?: string;
|
|
725
|
+
itemClassName?: string;
|
|
726
|
+
searchInputClassName?: string;
|
|
727
|
+
};
|
|
728
|
+
declare function SearchableSelect<TData = unknown>({ items, value, defaultValue, onValueChange, placeholder, searchPlaceholder, emptyText, triggerClassName, contentClassName, itemClassName, searchInputClassName, ...rootProps }: SearchableSelectProps<TData>): react_jsx_runtime.JSX.Element;
|
|
729
|
+
|
|
604
730
|
declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
|
|
605
731
|
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
606
732
|
declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
@@ -622,7 +748,7 @@ declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimiti
|
|
|
622
748
|
declare const sheetVariants: (props?: ({
|
|
623
749
|
side?: "top" | "right" | "bottom" | "left" | null | undefined;
|
|
624
750
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
625
|
-
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps$
|
|
751
|
+
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps$1<typeof sheetVariants> {
|
|
626
752
|
}
|
|
627
753
|
declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
628
754
|
declare const SheetHeader: {
|
|
@@ -640,8 +766,8 @@ declare function Skeleton({ className, ...props }: React$1.HTMLAttributes<HTMLDi
|
|
|
640
766
|
|
|
641
767
|
declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
642
768
|
|
|
643
|
-
type
|
|
644
|
-
declare const
|
|
769
|
+
type SonnerToasterProps = React$1.ComponentProps<typeof Toaster$1>;
|
|
770
|
+
declare const ToasterSonner: ({ ...props }: SonnerToasterProps) => react_jsx_runtime.JSX.Element;
|
|
645
771
|
|
|
646
772
|
declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
647
773
|
|
|
@@ -667,7 +793,7 @@ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$
|
|
|
667
793
|
|
|
668
794
|
declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
|
|
669
795
|
declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
|
|
670
|
-
declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps$
|
|
796
|
+
declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps$1<(props?: ({
|
|
671
797
|
variant?: "default" | "destructive" | null | undefined;
|
|
672
798
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
|
|
673
799
|
declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -677,20 +803,22 @@ declare const ToastDescription: React$1.ForwardRefExoticComponent<Omit<ToastPrim
|
|
|
677
803
|
type ToastProps = React$1.ComponentPropsWithoutRef<typeof Toast$1>;
|
|
678
804
|
type ToastActionElement = React$1.ReactElement<typeof ToastAction>;
|
|
679
805
|
|
|
806
|
+
declare function Toaster(): react_jsx_runtime.JSX.Element;
|
|
807
|
+
|
|
680
808
|
declare const toggleVariants: (props?: ({
|
|
681
809
|
variant?: "default" | "outline" | null | undefined;
|
|
682
810
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
683
811
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
684
|
-
declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$
|
|
812
|
+
declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$1<(props?: ({
|
|
685
813
|
variant?: "default" | "outline" | null | undefined;
|
|
686
814
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
687
815
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
688
816
|
|
|
689
|
-
declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps$
|
|
817
|
+
declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps$1<(props?: ({
|
|
690
818
|
variant?: "default" | "outline" | null | undefined;
|
|
691
819
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
692
820
|
} & class_variance_authority_types.ClassProp) | undefined) => string>) & React$1.RefAttributes<HTMLDivElement>>;
|
|
693
|
-
declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$
|
|
821
|
+
declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$1<(props?: ({
|
|
694
822
|
variant?: "default" | "outline" | null | undefined;
|
|
695
823
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
696
824
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -742,6 +870,76 @@ declare function useToast(): {
|
|
|
742
870
|
toasts: ToasterToast[];
|
|
743
871
|
};
|
|
744
872
|
|
|
873
|
+
interface UiInputProps extends Omit<InputProps, 'id'> {
|
|
874
|
+
label?: React$1.ReactNode;
|
|
875
|
+
errorMessage?: string;
|
|
876
|
+
htmlFormItemId?: string;
|
|
877
|
+
requiredLabel?: boolean;
|
|
878
|
+
requiredLabelClassName?: string;
|
|
879
|
+
containerClassName?: string;
|
|
880
|
+
labelClassName?: string;
|
|
881
|
+
messageClassName?: string;
|
|
882
|
+
}
|
|
883
|
+
declare const UiInput: React$1.ForwardRefExoticComponent<UiInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
884
|
+
|
|
885
|
+
type SelectVariantProps = 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
|
|
886
|
+
declare const selectVariants: Record<SelectVariantProps, string>;
|
|
887
|
+
type SelectVariant = keyof typeof selectVariants;
|
|
888
|
+
|
|
889
|
+
type UiSelectOption<TData = unknown> = {
|
|
890
|
+
value: string;
|
|
891
|
+
label: React$1.ReactNode;
|
|
892
|
+
disabled?: boolean;
|
|
893
|
+
data?: TData;
|
|
894
|
+
};
|
|
895
|
+
type SizeProps = 'sm' | 'md' | 'lg';
|
|
896
|
+
interface UiSelectProps<TData = unknown> {
|
|
897
|
+
label?: React$1.ReactNode;
|
|
898
|
+
placeholder?: string;
|
|
899
|
+
value?: string;
|
|
900
|
+
defaultValue?: string;
|
|
901
|
+
onChange?: (value: string) => void;
|
|
902
|
+
items?: UiSelectOption<TData>[];
|
|
903
|
+
children?: React$1.ReactNode;
|
|
904
|
+
disabled?: boolean;
|
|
905
|
+
requiredLabel?: boolean;
|
|
906
|
+
className?: string;
|
|
907
|
+
selectClassName?: string;
|
|
908
|
+
labelClassName?: string;
|
|
909
|
+
contentClassName?: string;
|
|
910
|
+
itemClassName?: string;
|
|
911
|
+
messageClassName?: string;
|
|
912
|
+
requiredLabelClassName?: string;
|
|
913
|
+
size?: SizeProps;
|
|
914
|
+
variant?: SelectVariant;
|
|
915
|
+
errorMessage?: string;
|
|
916
|
+
htmlFormItemId?: string;
|
|
917
|
+
}
|
|
918
|
+
declare function UiSelect<TData = unknown>({ label, placeholder, value, defaultValue, onChange, items, children, disabled, requiredLabel, className, selectClassName, labelClassName, contentClassName, itemClassName, messageClassName, requiredLabelClassName, size, variant, errorMessage, htmlFormItemId }: UiSelectProps<TData>): react_jsx_runtime.JSX.Element;
|
|
919
|
+
|
|
920
|
+
interface UiCheckboxProps extends CheckboxProps {
|
|
921
|
+
label?: React$1.ReactNode;
|
|
922
|
+
description?: React$1.ReactNode;
|
|
923
|
+
errorMessage?: string;
|
|
924
|
+
containerClassName?: string;
|
|
925
|
+
contentClassName?: string;
|
|
926
|
+
labelClassName?: string;
|
|
927
|
+
descriptionClassName?: string;
|
|
928
|
+
errorClassName?: string;
|
|
929
|
+
requiredLabelClassName?: string;
|
|
930
|
+
requiredLabel?: boolean;
|
|
931
|
+
htmlFormItemId?: string;
|
|
932
|
+
}
|
|
933
|
+
declare const UiCheckbox: React$1.ForwardRefExoticComponent<UiCheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
934
|
+
|
|
935
|
+
declare const useSidebar: () => {
|
|
936
|
+
isMinimized: boolean;
|
|
937
|
+
toggle: () => void;
|
|
938
|
+
};
|
|
939
|
+
declare const SidebarProvider: React__default.FC<{
|
|
940
|
+
children: React__default.ReactNode;
|
|
941
|
+
}>;
|
|
942
|
+
|
|
745
943
|
type TAlertModalProps = {
|
|
746
944
|
isOpen: boolean;
|
|
747
945
|
onClose: () => void;
|
|
@@ -758,7 +956,7 @@ declare const AlertModal: ({ isOpen, onClose, onConfirm, loading, title, descrip
|
|
|
758
956
|
|
|
759
957
|
type BreadcrumbItemProps = {
|
|
760
958
|
title: string;
|
|
761
|
-
link
|
|
959
|
+
link?: string;
|
|
762
960
|
className?: string;
|
|
763
961
|
};
|
|
764
962
|
type BreadcrumbsProps = {
|
|
@@ -767,7 +965,7 @@ type BreadcrumbsProps = {
|
|
|
767
965
|
classNameList?: string;
|
|
768
966
|
separator?: React$1.ReactNode;
|
|
769
967
|
};
|
|
770
|
-
declare function Breadcrumbs({ items, className, classNameList }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
|
|
968
|
+
declare function Breadcrumbs({ items, className, classNameList, separator }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
|
|
771
969
|
|
|
772
970
|
/** =========
|
|
773
971
|
* SLOTS
|
|
@@ -944,14 +1142,33 @@ type DataTableSkeletonProps = {
|
|
|
944
1142
|
};
|
|
945
1143
|
declare function DataTableSkeleton({ columnCount, rowCount, searchableColumnCount, filterableColumnCount, showViewOptions, }: DataTableSkeletonProps): react_jsx_runtime.JSX.Element;
|
|
946
1144
|
|
|
947
|
-
type
|
|
1145
|
+
type DropzoneProps = {
|
|
1146
|
+
label?: string;
|
|
1147
|
+
description?: string;
|
|
1148
|
+
descriptionActive?: string;
|
|
1149
|
+
onChange?: (value: File[]) => void;
|
|
1150
|
+
onDrop?: (value: File[]) => void;
|
|
1151
|
+
value?: File[];
|
|
1152
|
+
className?: string;
|
|
1153
|
+
descriptionClassName?: string;
|
|
1154
|
+
dropzoneClassName?: string;
|
|
1155
|
+
valueClassName?: string;
|
|
1156
|
+
labelClassName?: string;
|
|
1157
|
+
accept?: Accept;
|
|
1158
|
+
options?: DropzoneOptions;
|
|
1159
|
+
};
|
|
1160
|
+
declare function Dropzone({ label, onChange, onDrop, value, className, description, descriptionActive, accept, options, descriptionClassName, dropzoneClassName, valueClassName, labelClassName, }: DropzoneProps): react_jsx_runtime.JSX.Element;
|
|
1161
|
+
|
|
1162
|
+
type FileUploadProps = {
|
|
948
1163
|
label?: string;
|
|
949
1164
|
onChange: (value: File[]) => void;
|
|
950
|
-
value
|
|
1165
|
+
value?: File[];
|
|
951
1166
|
className?: string;
|
|
952
1167
|
classNameContent?: string;
|
|
1168
|
+
accept?: Accept;
|
|
1169
|
+
options?: DropzoneOptions;
|
|
953
1170
|
};
|
|
954
|
-
declare function FileUpload({ onChange, value, label, className, classNameContent, }:
|
|
1171
|
+
declare function FileUpload({ onChange, value, label, className, classNameContent, accept, options }: FileUploadProps): react_jsx_runtime.JSX.Element;
|
|
955
1172
|
declare function ImagePreview({ file }: {
|
|
956
1173
|
file: File;
|
|
957
1174
|
}): react_jsx_runtime.JSX.Element | null;
|
|
@@ -963,9 +1180,10 @@ type THeadingProps = {
|
|
|
963
1180
|
};
|
|
964
1181
|
declare function Heading({ title, description, className }: THeadingProps): react_jsx_runtime.JSX.Element;
|
|
965
1182
|
|
|
966
|
-
|
|
967
|
-
title?: string
|
|
968
|
-
}
|
|
1183
|
+
type PageHeadProps = {
|
|
1184
|
+
title?: string;
|
|
1185
|
+
};
|
|
1186
|
+
declare function PageHead({ title }: PageHeadProps): react_jsx_runtime.JSX.Element;
|
|
969
1187
|
|
|
970
1188
|
type TPaginationSectionProps = {
|
|
971
1189
|
totalPosts: number;
|
|
@@ -975,70 +1193,6 @@ type TPaginationSectionProps = {
|
|
|
975
1193
|
};
|
|
976
1194
|
declare function PaginationSection({ totalPosts, postsPerPage, currentPage, setCurrentPage, }: TPaginationSectionProps): react_jsx_runtime.JSX.Element;
|
|
977
1195
|
|
|
978
|
-
type TFileUploadProps = {
|
|
979
|
-
label?: string;
|
|
980
|
-
description?: string;
|
|
981
|
-
descriptionActive?: string;
|
|
982
|
-
onChange: (value: File[]) => void;
|
|
983
|
-
value?: File[];
|
|
984
|
-
className?: string;
|
|
985
|
-
descriptionClassName?: string;
|
|
986
|
-
dropzoneClassName?: string;
|
|
987
|
-
valueClassName?: string;
|
|
988
|
-
labelClassName?: string;
|
|
989
|
-
accept?: Accept;
|
|
990
|
-
options?: DropzoneOptions;
|
|
991
|
-
};
|
|
992
|
-
declare function Dropzone({ label, onChange, value, className, description, descriptionActive, accept, options, descriptionClassName, dropzoneClassName, valueClassName, labelClassName, }: TFileUploadProps): react_jsx_runtime.JSX.Element;
|
|
993
|
-
|
|
994
|
-
type SelectVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
995
|
-
declare const inputVariants$1: Record<SelectVariantProps, string>;
|
|
996
|
-
type SelectVariant = keyof typeof inputVariants$1;
|
|
997
|
-
|
|
998
|
-
type VariantProps$1 = SelectVariant;
|
|
999
|
-
type SizeProps = "sm" | "md" | "lg";
|
|
1000
|
-
interface UiSelectProps {
|
|
1001
|
-
ref?: React$1.Ref<HTMLLabelElement>;
|
|
1002
|
-
label?: string;
|
|
1003
|
-
placeholder?: string;
|
|
1004
|
-
value?: string;
|
|
1005
|
-
onChange?: (value: string) => void;
|
|
1006
|
-
items?: any[];
|
|
1007
|
-
children?: React$1.ReactNode;
|
|
1008
|
-
className?: string;
|
|
1009
|
-
selectClassName?: string;
|
|
1010
|
-
labelClassName?: string;
|
|
1011
|
-
contentClassName?: string;
|
|
1012
|
-
size?: SizeProps;
|
|
1013
|
-
variant?: VariantProps$1;
|
|
1014
|
-
errorMessage?: string;
|
|
1015
|
-
htmlFormItemId?: string;
|
|
1016
|
-
}
|
|
1017
|
-
declare function UiSelect({ ref, label, placeholder, value, onChange, items, children, className, selectClassName, labelClassName, contentClassName, size, variant, errorMessage, htmlFormItemId: formItemId, }: UiSelectProps): react_jsx_runtime.JSX.Element;
|
|
1018
|
-
|
|
1019
|
-
type InputVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
1020
|
-
declare const inputVariants: Record<InputVariantProps, string>;
|
|
1021
|
-
type InputVariant = keyof typeof inputVariants;
|
|
1022
|
-
|
|
1023
|
-
type VariantProps = InputVariant;
|
|
1024
|
-
interface UiInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
1025
|
-
ref?: React$1.Ref<HTMLLabelElement>;
|
|
1026
|
-
label?: string;
|
|
1027
|
-
placeholder?: string;
|
|
1028
|
-
value?: string;
|
|
1029
|
-
onChange?: React$1.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
1030
|
-
className?: string;
|
|
1031
|
-
classNameDefault?: boolean;
|
|
1032
|
-
requiredLabel?: boolean;
|
|
1033
|
-
requiredLabelClassName?: string;
|
|
1034
|
-
labelClassName?: string;
|
|
1035
|
-
inputClassName?: string;
|
|
1036
|
-
variant?: VariantProps;
|
|
1037
|
-
errorMessage?: string;
|
|
1038
|
-
htmlFormItemId?: string;
|
|
1039
|
-
}
|
|
1040
|
-
declare function UiInput({ ref, label, placeholder, onChange, className, classNameDefault, labelClassName, inputClassName, variant, errorMessage, htmlFormItemId: formItemId, requiredLabel, requiredLabelClassName, ...inputProps }: UiInputProps): react_jsx_runtime.JSX.Element;
|
|
1041
|
-
|
|
1042
1196
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1043
1197
|
|
|
1044
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATA_TABLE_TEMPLATES, DataTable, type DataTableAccent, DataTableSkeleton, type DataTableSlots, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant
|
|
1198
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomFormFieldProps, type CustomFormSelectProps, DATA_TABLE_TEMPLATES, DataTable, type DataTableAccent, type DataTableProps, DataTableSkeleton, type DataTableSlots, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, type DropzoneProps, FileUpload, type FileUploadProps, Form, FormCheckbox, type FormCheckboxProps, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormProps, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, type InputVariantProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, type PageHeadProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarProvider, Skeleton, Slider, ToasterSonner as SonnerToaster, type SonnerToasterProps, 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, ToasterSonner, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UiCheckbox, type UiCheckboxProps, UiInput, type UiInputProps, UiSelect, type UiSelectOption, type UiSelectProps, badgeVariants, buttonVariants, cn, iconButtonVariants, inputVariants, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useSidebar, useToast, variants };
|