shadcn-ui-react 0.7.8 → 0.7.9
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/bin/shadcn-ui-react.mjs +1 -1
- package/dist/index.cjs +1164 -995
- package/dist/index.d.cts +84 -69
- package/dist/index.d.ts +84 -69
- package/dist/index.js +1105 -941
- package/dist/style.css +71 -21
- package/package.json +15 -15
package/dist/index.d.cts
CHANGED
|
@@ -18,9 +18,9 @@ import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
|
18
18
|
import * as vaul from 'vaul';
|
|
19
19
|
import { Drawer as Drawer$1 } from 'vaul';
|
|
20
20
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
21
|
-
import { FieldValues, UseFormReturn, SubmitHandler, SubmitErrorHandler, FieldPath, Control, RegisterOptions, FieldPathValue, FieldError } from 'react-hook-form';
|
|
22
21
|
import * as _radix_ui_react_slot from '@radix-ui/react-slot';
|
|
23
22
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
23
|
+
import { FieldValues, FieldPath, RegisterOptions, FieldError, UseFormReturn, SubmitHandler, SubmitErrorHandler, Control, FieldPathValue } from 'react-hook-form';
|
|
24
24
|
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
25
25
|
import { LucideProps } from 'lucide-react';
|
|
26
26
|
import * as input_otp from 'input-otp';
|
|
@@ -195,9 +195,9 @@ declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<React$1.Butto
|
|
|
195
195
|
loaderClassName?: string;
|
|
196
196
|
} & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
197
197
|
|
|
198
|
-
type CheckboxSize =
|
|
199
|
-
type CheckboxVariant =
|
|
200
|
-
interface CheckboxProps extends Omit<React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,
|
|
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
201
|
size?: CheckboxSize;
|
|
202
202
|
variant?: CheckboxVariant;
|
|
203
203
|
invalid?: boolean;
|
|
@@ -376,6 +376,68 @@ declare const DropdownMenuShortcut: {
|
|
|
376
376
|
displayName: string;
|
|
377
377
|
};
|
|
378
378
|
|
|
379
|
+
type SelectOption<TData = unknown> = {
|
|
380
|
+
value: string;
|
|
381
|
+
label: React$1.ReactNode;
|
|
382
|
+
disabled?: boolean;
|
|
383
|
+
data?: TData;
|
|
384
|
+
};
|
|
385
|
+
type FormInputVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
386
|
+
declare const formInputVariants: Record<FormInputVariantProps, string>;
|
|
387
|
+
type InputVariant = keyof typeof formInputVariants;
|
|
388
|
+
type SizeProps$1 = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
389
|
+
type VariantProps = InputVariant;
|
|
390
|
+
type SizeClasses = {
|
|
391
|
+
control: string;
|
|
392
|
+
flushedControl: string;
|
|
393
|
+
linkControl: string;
|
|
394
|
+
selectItem: string;
|
|
395
|
+
searchInput: string;
|
|
396
|
+
checkbox: string;
|
|
397
|
+
label: string;
|
|
398
|
+
description: string;
|
|
399
|
+
message: string;
|
|
400
|
+
};
|
|
401
|
+
type CustomSize = Partial<SizeClasses>;
|
|
402
|
+
|
|
403
|
+
type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
|
404
|
+
name: TName;
|
|
405
|
+
};
|
|
406
|
+
declare const FormFieldContext: React$1.Context<FormFieldContextValue<FieldValues, string> | null>;
|
|
407
|
+
type FieldRules$1<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
408
|
+
declare function getErrorMessage(error?: FieldError): string | undefined;
|
|
409
|
+
declare function normalizeSearchText(value: React$1.ReactNode): string;
|
|
410
|
+
declare function getDefaultOptionValue<TItem>(item: TItem): string;
|
|
411
|
+
declare function getDefaultOptionLabel<TItem>(item: TItem): React$1.ReactNode;
|
|
412
|
+
declare function getNextEnabledIndex<TItem>(options: SelectOption<TItem>[], currentIndex: number, direction: 1 | -1): number;
|
|
413
|
+
type FormItemContextValue = {
|
|
414
|
+
id: string;
|
|
415
|
+
};
|
|
416
|
+
declare const FormItemContext: React$1.Context<FormItemContextValue | null>;
|
|
417
|
+
declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
418
|
+
declare const useFormField: () => {
|
|
419
|
+
id: string;
|
|
420
|
+
formItemId: string;
|
|
421
|
+
formDescriptionId: string;
|
|
422
|
+
formMessageId: string;
|
|
423
|
+
error: undefined;
|
|
424
|
+
} | {
|
|
425
|
+
invalid: boolean;
|
|
426
|
+
isDirty: boolean;
|
|
427
|
+
isTouched: boolean;
|
|
428
|
+
isValidating: boolean;
|
|
429
|
+
error?: FieldError;
|
|
430
|
+
id: string;
|
|
431
|
+
name: string;
|
|
432
|
+
formItemId: string;
|
|
433
|
+
formDescriptionId: string;
|
|
434
|
+
formMessageId: string;
|
|
435
|
+
};
|
|
436
|
+
declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
437
|
+
declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
438
|
+
declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
439
|
+
declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
440
|
+
|
|
379
441
|
type FormProps<TFieldValues extends FieldValues> = {
|
|
380
442
|
children: React$1.ReactNode;
|
|
381
443
|
methods: UseFormReturn<TFieldValues>;
|
|
@@ -385,7 +447,7 @@ type FormProps<TFieldValues extends FieldValues> = {
|
|
|
385
447
|
};
|
|
386
448
|
declare function Form<TFieldValues extends FieldValues>({ children, methods, onSubmit, onError, formProps }: FormProps<TFieldValues>): react_jsx_runtime.JSX.Element;
|
|
387
449
|
|
|
388
|
-
type CheckboxRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>,
|
|
450
|
+
type CheckboxRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
|
|
389
451
|
type FormCheckboxProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
390
452
|
name: TName;
|
|
391
453
|
control?: Control<TFieldValues>;
|
|
@@ -403,36 +465,12 @@ type FormCheckboxProps<TFieldValues extends FieldValues, TName extends FieldPath
|
|
|
403
465
|
messageClassName?: string;
|
|
404
466
|
requiredLabelClassName?: string;
|
|
405
467
|
onChange?: (checked: boolean) => void;
|
|
406
|
-
} & Omit<CheckboxProps,
|
|
468
|
+
} & Omit<CheckboxProps, "checked" | "defaultChecked" | "onCheckedChange">;
|
|
407
469
|
declare const FormCheckbox: {
|
|
408
470
|
<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
471
|
displayName: string;
|
|
410
472
|
};
|
|
411
473
|
|
|
412
|
-
type SelectOption<TData = unknown> = {
|
|
413
|
-
value: string;
|
|
414
|
-
label: React$1.ReactNode;
|
|
415
|
-
disabled?: boolean;
|
|
416
|
-
data?: TData;
|
|
417
|
-
};
|
|
418
|
-
type FormInputVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
419
|
-
declare const formInputVariants: Record<FormInputVariantProps, string>;
|
|
420
|
-
type InputVariant = keyof typeof formInputVariants;
|
|
421
|
-
type SizeProps$1 = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
422
|
-
type VariantProps = InputVariant;
|
|
423
|
-
type SizeClasses = {
|
|
424
|
-
control: string;
|
|
425
|
-
flushedControl: string;
|
|
426
|
-
linkControl: string;
|
|
427
|
-
selectItem: string;
|
|
428
|
-
searchInput: string;
|
|
429
|
-
checkbox: string;
|
|
430
|
-
label: string;
|
|
431
|
-
description: string;
|
|
432
|
-
message: string;
|
|
433
|
-
};
|
|
434
|
-
type CustomSize = Partial<SizeClasses>;
|
|
435
|
-
|
|
436
474
|
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
437
475
|
size?: SizeProps$1;
|
|
438
476
|
customSize?: CustomSize;
|
|
@@ -446,11 +484,11 @@ interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>,
|
|
|
446
484
|
}
|
|
447
485
|
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
448
486
|
|
|
449
|
-
type FieldRules
|
|
487
|
+
type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
450
488
|
type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
451
489
|
name: TName;
|
|
452
490
|
control?: Control<TFieldValues>;
|
|
453
|
-
rules?: FieldRules
|
|
491
|
+
rules?: FieldRules<TFieldValues, TName>;
|
|
454
492
|
shouldUnregister?: boolean;
|
|
455
493
|
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
456
494
|
label?: React$1.ReactNode;
|
|
@@ -474,35 +512,11 @@ declare const FormField: {
|
|
|
474
512
|
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, label, placeholder, requiredLabel, className, classNameDefault, itemClassName, labelClassName, messageClassName, requiredLabelClassName, variant, size, customSize, rules, shouldUnregister, defaultValue, leading, trailing, invalid, onChange, ...inputProps }: CustomFormFieldProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
|
|
475
513
|
displayName: string;
|
|
476
514
|
};
|
|
477
|
-
declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
478
|
-
declare const useFormField: () => {
|
|
479
|
-
id: string;
|
|
480
|
-
formItemId: string;
|
|
481
|
-
formDescriptionId: string;
|
|
482
|
-
formMessageId: string;
|
|
483
|
-
error: undefined;
|
|
484
|
-
} | {
|
|
485
|
-
invalid: boolean;
|
|
486
|
-
isDirty: boolean;
|
|
487
|
-
isTouched: boolean;
|
|
488
|
-
isValidating: boolean;
|
|
489
|
-
error?: FieldError;
|
|
490
|
-
id: string;
|
|
491
|
-
name: string;
|
|
492
|
-
formItemId: string;
|
|
493
|
-
formDescriptionId: string;
|
|
494
|
-
formMessageId: string;
|
|
495
|
-
};
|
|
496
|
-
declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
497
|
-
declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
498
|
-
declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
499
|
-
declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
500
515
|
|
|
501
|
-
type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled' | 'size'>;
|
|
502
516
|
type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption> = {
|
|
503
517
|
name: TName;
|
|
504
518
|
control?: Control<TFieldValues>;
|
|
505
|
-
rules?: FieldRules<TFieldValues, TName>;
|
|
519
|
+
rules?: FieldRules$1<TFieldValues, TName>;
|
|
506
520
|
shouldUnregister?: boolean;
|
|
507
521
|
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
508
522
|
label?: React$1.ReactNode;
|
|
@@ -532,10 +546,10 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
532
546
|
labelClassName?: string;
|
|
533
547
|
messageClassName?: string;
|
|
534
548
|
requiredLabelClassName?: string;
|
|
535
|
-
position?:
|
|
549
|
+
position?: "item-aligned" | "popper";
|
|
536
550
|
};
|
|
537
551
|
declare const FormSelect: {
|
|
538
|
-
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption>({ name, control, rules, shouldUnregister, defaultValue, placeholder, label, requiredLabel, className, itemClassName, contentClassName, searchInputClassName, labelClassName, messageClassName, requiredLabelClassName, options, items, getOptionValue, getOptionLabel, getOptionDisabled, getOptionData, children, onChange, onChangeItem, disabled, size, customSize, variant, invalid, searchable, searchPlaceholder, emptyText, position }: CustomFormSelectProps<TFieldValues, TName, TItem>): react_jsx_runtime.JSX.Element;
|
|
552
|
+
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption>({ name, control, rules, shouldUnregister, defaultValue, placeholder, label, requiredLabel, className, itemClassName, contentClassName, searchInputClassName, labelClassName, messageClassName, requiredLabelClassName, options, items, getOptionValue, getOptionLabel, getOptionDisabled, getOptionData, children, onChange, onChangeItem, disabled, size, customSize, variant, invalid, searchable, searchPlaceholder, emptyText, position, }: CustomFormSelectProps<TFieldValues, TName, TItem>): react_jsx_runtime.JSX.Element;
|
|
539
553
|
displayName: string;
|
|
540
554
|
};
|
|
541
555
|
|
|
@@ -714,15 +728,12 @@ declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.Com
|
|
|
714
728
|
declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
715
729
|
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
716
730
|
|
|
717
|
-
|
|
731
|
+
interface SearchInputProps extends Omit<InputProps, "value" | "defaultValue" | "onChange" | "type"> {
|
|
718
732
|
value?: string;
|
|
719
|
-
placeholder?: string;
|
|
720
|
-
className?: string;
|
|
721
|
-
classNameDefault?: boolean;
|
|
722
733
|
debounceTime?: number;
|
|
723
|
-
onSearch: (searchTerm
|
|
724
|
-
}
|
|
725
|
-
declare
|
|
734
|
+
onSearch: (searchTerm: string) => void;
|
|
735
|
+
}
|
|
736
|
+
declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
726
737
|
|
|
727
738
|
type SearchableSelectOption<TData = unknown> = {
|
|
728
739
|
value: string;
|
|
@@ -731,7 +742,7 @@ type SearchableSelectOption<TData = unknown> = {
|
|
|
731
742
|
keywords?: string;
|
|
732
743
|
data?: TData;
|
|
733
744
|
};
|
|
734
|
-
type SearchableSelectProps<TData = unknown> =
|
|
745
|
+
type SearchableSelectProps<TData = unknown> = {
|
|
735
746
|
items: SearchableSelectOption<TData>[];
|
|
736
747
|
value?: string;
|
|
737
748
|
defaultValue?: string;
|
|
@@ -739,12 +750,16 @@ type SearchableSelectProps<TData = unknown> = Omit<React$1.ComponentPropsWithout
|
|
|
739
750
|
placeholder?: string;
|
|
740
751
|
searchPlaceholder?: string;
|
|
741
752
|
emptyText?: React$1.ReactNode;
|
|
753
|
+
disabled?: boolean;
|
|
754
|
+
name?: string;
|
|
755
|
+
required?: boolean;
|
|
742
756
|
triggerClassName?: string;
|
|
743
757
|
contentClassName?: string;
|
|
744
758
|
itemClassName?: string;
|
|
745
759
|
searchInputClassName?: string;
|
|
746
760
|
};
|
|
747
|
-
declare function
|
|
761
|
+
declare function SearchableSelectBase<TData = unknown>({ items, value, defaultValue, onValueChange, placeholder, searchPlaceholder, emptyText, disabled, name, required, triggerClassName, contentClassName, itemClassName, searchInputClassName, }: SearchableSelectProps<TData>): react_jsx_runtime.JSX.Element;
|
|
762
|
+
declare const SearchableSelect: typeof SearchableSelectBase;
|
|
748
763
|
|
|
749
764
|
declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
|
|
750
765
|
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -1214,4 +1229,4 @@ declare function PaginationSection({ totalPosts, postsPerPage, currentPage, setC
|
|
|
1214
1229
|
|
|
1215
1230
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1216
1231
|
|
|
1217
|
-
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, 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, 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, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useSidebar, useToast };
|
|
1232
|
+
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, type CheckboxRules, type CheckboxSize, type CheckboxVariant, 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, type FieldRules$1 as FieldRules, FileUpload, type FileUploadProps, Form, FormCheckbox, type FormCheckboxProps, FormControl, FormDescription, FormField, FormFieldContext, type FormFieldContextValue, FormItem, FormItemContext, FormLabel, FormMessage, type FormProps, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, 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, type SearchInputProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, 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, getDefaultOptionLabel, getDefaultOptionValue, getErrorMessage, getNextEnabledIndex, iconButtonVariants, navigationMenuTriggerStyle, normalizeSearchText, reducer, toast, toggleVariants, useFormField, useSidebar, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -18,9 +18,9 @@ import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
|
18
18
|
import * as vaul from 'vaul';
|
|
19
19
|
import { Drawer as Drawer$1 } from 'vaul';
|
|
20
20
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
21
|
-
import { FieldValues, UseFormReturn, SubmitHandler, SubmitErrorHandler, FieldPath, Control, RegisterOptions, FieldPathValue, FieldError } from 'react-hook-form';
|
|
22
21
|
import * as _radix_ui_react_slot from '@radix-ui/react-slot';
|
|
23
22
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
23
|
+
import { FieldValues, FieldPath, RegisterOptions, FieldError, UseFormReturn, SubmitHandler, SubmitErrorHandler, Control, FieldPathValue } from 'react-hook-form';
|
|
24
24
|
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
25
25
|
import { LucideProps } from 'lucide-react';
|
|
26
26
|
import * as input_otp from 'input-otp';
|
|
@@ -195,9 +195,9 @@ declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<React$1.Butto
|
|
|
195
195
|
loaderClassName?: string;
|
|
196
196
|
} & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
197
197
|
|
|
198
|
-
type CheckboxSize =
|
|
199
|
-
type CheckboxVariant =
|
|
200
|
-
interface CheckboxProps extends Omit<React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,
|
|
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
201
|
size?: CheckboxSize;
|
|
202
202
|
variant?: CheckboxVariant;
|
|
203
203
|
invalid?: boolean;
|
|
@@ -376,6 +376,68 @@ declare const DropdownMenuShortcut: {
|
|
|
376
376
|
displayName: string;
|
|
377
377
|
};
|
|
378
378
|
|
|
379
|
+
type SelectOption<TData = unknown> = {
|
|
380
|
+
value: string;
|
|
381
|
+
label: React$1.ReactNode;
|
|
382
|
+
disabled?: boolean;
|
|
383
|
+
data?: TData;
|
|
384
|
+
};
|
|
385
|
+
type FormInputVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
386
|
+
declare const formInputVariants: Record<FormInputVariantProps, string>;
|
|
387
|
+
type InputVariant = keyof typeof formInputVariants;
|
|
388
|
+
type SizeProps$1 = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
389
|
+
type VariantProps = InputVariant;
|
|
390
|
+
type SizeClasses = {
|
|
391
|
+
control: string;
|
|
392
|
+
flushedControl: string;
|
|
393
|
+
linkControl: string;
|
|
394
|
+
selectItem: string;
|
|
395
|
+
searchInput: string;
|
|
396
|
+
checkbox: string;
|
|
397
|
+
label: string;
|
|
398
|
+
description: string;
|
|
399
|
+
message: string;
|
|
400
|
+
};
|
|
401
|
+
type CustomSize = Partial<SizeClasses>;
|
|
402
|
+
|
|
403
|
+
type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
|
404
|
+
name: TName;
|
|
405
|
+
};
|
|
406
|
+
declare const FormFieldContext: React$1.Context<FormFieldContextValue<FieldValues, string> | null>;
|
|
407
|
+
type FieldRules$1<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
408
|
+
declare function getErrorMessage(error?: FieldError): string | undefined;
|
|
409
|
+
declare function normalizeSearchText(value: React$1.ReactNode): string;
|
|
410
|
+
declare function getDefaultOptionValue<TItem>(item: TItem): string;
|
|
411
|
+
declare function getDefaultOptionLabel<TItem>(item: TItem): React$1.ReactNode;
|
|
412
|
+
declare function getNextEnabledIndex<TItem>(options: SelectOption<TItem>[], currentIndex: number, direction: 1 | -1): number;
|
|
413
|
+
type FormItemContextValue = {
|
|
414
|
+
id: string;
|
|
415
|
+
};
|
|
416
|
+
declare const FormItemContext: React$1.Context<FormItemContextValue | null>;
|
|
417
|
+
declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
418
|
+
declare const useFormField: () => {
|
|
419
|
+
id: string;
|
|
420
|
+
formItemId: string;
|
|
421
|
+
formDescriptionId: string;
|
|
422
|
+
formMessageId: string;
|
|
423
|
+
error: undefined;
|
|
424
|
+
} | {
|
|
425
|
+
invalid: boolean;
|
|
426
|
+
isDirty: boolean;
|
|
427
|
+
isTouched: boolean;
|
|
428
|
+
isValidating: boolean;
|
|
429
|
+
error?: FieldError;
|
|
430
|
+
id: string;
|
|
431
|
+
name: string;
|
|
432
|
+
formItemId: string;
|
|
433
|
+
formDescriptionId: string;
|
|
434
|
+
formMessageId: string;
|
|
435
|
+
};
|
|
436
|
+
declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
437
|
+
declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
438
|
+
declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
439
|
+
declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
440
|
+
|
|
379
441
|
type FormProps<TFieldValues extends FieldValues> = {
|
|
380
442
|
children: React$1.ReactNode;
|
|
381
443
|
methods: UseFormReturn<TFieldValues>;
|
|
@@ -385,7 +447,7 @@ type FormProps<TFieldValues extends FieldValues> = {
|
|
|
385
447
|
};
|
|
386
448
|
declare function Form<TFieldValues extends FieldValues>({ children, methods, onSubmit, onError, formProps }: FormProps<TFieldValues>): react_jsx_runtime.JSX.Element;
|
|
387
449
|
|
|
388
|
-
type CheckboxRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>,
|
|
450
|
+
type CheckboxRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
|
|
389
451
|
type FormCheckboxProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
390
452
|
name: TName;
|
|
391
453
|
control?: Control<TFieldValues>;
|
|
@@ -403,36 +465,12 @@ type FormCheckboxProps<TFieldValues extends FieldValues, TName extends FieldPath
|
|
|
403
465
|
messageClassName?: string;
|
|
404
466
|
requiredLabelClassName?: string;
|
|
405
467
|
onChange?: (checked: boolean) => void;
|
|
406
|
-
} & Omit<CheckboxProps,
|
|
468
|
+
} & Omit<CheckboxProps, "checked" | "defaultChecked" | "onCheckedChange">;
|
|
407
469
|
declare const FormCheckbox: {
|
|
408
470
|
<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
471
|
displayName: string;
|
|
410
472
|
};
|
|
411
473
|
|
|
412
|
-
type SelectOption<TData = unknown> = {
|
|
413
|
-
value: string;
|
|
414
|
-
label: React$1.ReactNode;
|
|
415
|
-
disabled?: boolean;
|
|
416
|
-
data?: TData;
|
|
417
|
-
};
|
|
418
|
-
type FormInputVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
419
|
-
declare const formInputVariants: Record<FormInputVariantProps, string>;
|
|
420
|
-
type InputVariant = keyof typeof formInputVariants;
|
|
421
|
-
type SizeProps$1 = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
422
|
-
type VariantProps = InputVariant;
|
|
423
|
-
type SizeClasses = {
|
|
424
|
-
control: string;
|
|
425
|
-
flushedControl: string;
|
|
426
|
-
linkControl: string;
|
|
427
|
-
selectItem: string;
|
|
428
|
-
searchInput: string;
|
|
429
|
-
checkbox: string;
|
|
430
|
-
label: string;
|
|
431
|
-
description: string;
|
|
432
|
-
message: string;
|
|
433
|
-
};
|
|
434
|
-
type CustomSize = Partial<SizeClasses>;
|
|
435
|
-
|
|
436
474
|
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
437
475
|
size?: SizeProps$1;
|
|
438
476
|
customSize?: CustomSize;
|
|
@@ -446,11 +484,11 @@ interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>,
|
|
|
446
484
|
}
|
|
447
485
|
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
448
486
|
|
|
449
|
-
type FieldRules
|
|
487
|
+
type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
450
488
|
type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
451
489
|
name: TName;
|
|
452
490
|
control?: Control<TFieldValues>;
|
|
453
|
-
rules?: FieldRules
|
|
491
|
+
rules?: FieldRules<TFieldValues, TName>;
|
|
454
492
|
shouldUnregister?: boolean;
|
|
455
493
|
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
456
494
|
label?: React$1.ReactNode;
|
|
@@ -474,35 +512,11 @@ declare const FormField: {
|
|
|
474
512
|
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, label, placeholder, requiredLabel, className, classNameDefault, itemClassName, labelClassName, messageClassName, requiredLabelClassName, variant, size, customSize, rules, shouldUnregister, defaultValue, leading, trailing, invalid, onChange, ...inputProps }: CustomFormFieldProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
|
|
475
513
|
displayName: string;
|
|
476
514
|
};
|
|
477
|
-
declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
478
|
-
declare const useFormField: () => {
|
|
479
|
-
id: string;
|
|
480
|
-
formItemId: string;
|
|
481
|
-
formDescriptionId: string;
|
|
482
|
-
formMessageId: string;
|
|
483
|
-
error: undefined;
|
|
484
|
-
} | {
|
|
485
|
-
invalid: boolean;
|
|
486
|
-
isDirty: boolean;
|
|
487
|
-
isTouched: boolean;
|
|
488
|
-
isValidating: boolean;
|
|
489
|
-
error?: FieldError;
|
|
490
|
-
id: string;
|
|
491
|
-
name: string;
|
|
492
|
-
formItemId: string;
|
|
493
|
-
formDescriptionId: string;
|
|
494
|
-
formMessageId: string;
|
|
495
|
-
};
|
|
496
|
-
declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
497
|
-
declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
498
|
-
declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
499
|
-
declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
500
515
|
|
|
501
|
-
type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled' | 'size'>;
|
|
502
516
|
type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption> = {
|
|
503
517
|
name: TName;
|
|
504
518
|
control?: Control<TFieldValues>;
|
|
505
|
-
rules?: FieldRules<TFieldValues, TName>;
|
|
519
|
+
rules?: FieldRules$1<TFieldValues, TName>;
|
|
506
520
|
shouldUnregister?: boolean;
|
|
507
521
|
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
508
522
|
label?: React$1.ReactNode;
|
|
@@ -532,10 +546,10 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
532
546
|
labelClassName?: string;
|
|
533
547
|
messageClassName?: string;
|
|
534
548
|
requiredLabelClassName?: string;
|
|
535
|
-
position?:
|
|
549
|
+
position?: "item-aligned" | "popper";
|
|
536
550
|
};
|
|
537
551
|
declare const FormSelect: {
|
|
538
|
-
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption>({ name, control, rules, shouldUnregister, defaultValue, placeholder, label, requiredLabel, className, itemClassName, contentClassName, searchInputClassName, labelClassName, messageClassName, requiredLabelClassName, options, items, getOptionValue, getOptionLabel, getOptionDisabled, getOptionData, children, onChange, onChangeItem, disabled, size, customSize, variant, invalid, searchable, searchPlaceholder, emptyText, position }: CustomFormSelectProps<TFieldValues, TName, TItem>): react_jsx_runtime.JSX.Element;
|
|
552
|
+
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption>({ name, control, rules, shouldUnregister, defaultValue, placeholder, label, requiredLabel, className, itemClassName, contentClassName, searchInputClassName, labelClassName, messageClassName, requiredLabelClassName, options, items, getOptionValue, getOptionLabel, getOptionDisabled, getOptionData, children, onChange, onChangeItem, disabled, size, customSize, variant, invalid, searchable, searchPlaceholder, emptyText, position, }: CustomFormSelectProps<TFieldValues, TName, TItem>): react_jsx_runtime.JSX.Element;
|
|
539
553
|
displayName: string;
|
|
540
554
|
};
|
|
541
555
|
|
|
@@ -714,15 +728,12 @@ declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.Com
|
|
|
714
728
|
declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
715
729
|
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
716
730
|
|
|
717
|
-
|
|
731
|
+
interface SearchInputProps extends Omit<InputProps, "value" | "defaultValue" | "onChange" | "type"> {
|
|
718
732
|
value?: string;
|
|
719
|
-
placeholder?: string;
|
|
720
|
-
className?: string;
|
|
721
|
-
classNameDefault?: boolean;
|
|
722
733
|
debounceTime?: number;
|
|
723
|
-
onSearch: (searchTerm
|
|
724
|
-
}
|
|
725
|
-
declare
|
|
734
|
+
onSearch: (searchTerm: string) => void;
|
|
735
|
+
}
|
|
736
|
+
declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
726
737
|
|
|
727
738
|
type SearchableSelectOption<TData = unknown> = {
|
|
728
739
|
value: string;
|
|
@@ -731,7 +742,7 @@ type SearchableSelectOption<TData = unknown> = {
|
|
|
731
742
|
keywords?: string;
|
|
732
743
|
data?: TData;
|
|
733
744
|
};
|
|
734
|
-
type SearchableSelectProps<TData = unknown> =
|
|
745
|
+
type SearchableSelectProps<TData = unknown> = {
|
|
735
746
|
items: SearchableSelectOption<TData>[];
|
|
736
747
|
value?: string;
|
|
737
748
|
defaultValue?: string;
|
|
@@ -739,12 +750,16 @@ type SearchableSelectProps<TData = unknown> = Omit<React$1.ComponentPropsWithout
|
|
|
739
750
|
placeholder?: string;
|
|
740
751
|
searchPlaceholder?: string;
|
|
741
752
|
emptyText?: React$1.ReactNode;
|
|
753
|
+
disabled?: boolean;
|
|
754
|
+
name?: string;
|
|
755
|
+
required?: boolean;
|
|
742
756
|
triggerClassName?: string;
|
|
743
757
|
contentClassName?: string;
|
|
744
758
|
itemClassName?: string;
|
|
745
759
|
searchInputClassName?: string;
|
|
746
760
|
};
|
|
747
|
-
declare function
|
|
761
|
+
declare function SearchableSelectBase<TData = unknown>({ items, value, defaultValue, onValueChange, placeholder, searchPlaceholder, emptyText, disabled, name, required, triggerClassName, contentClassName, itemClassName, searchInputClassName, }: SearchableSelectProps<TData>): react_jsx_runtime.JSX.Element;
|
|
762
|
+
declare const SearchableSelect: typeof SearchableSelectBase;
|
|
748
763
|
|
|
749
764
|
declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
|
|
750
765
|
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -1214,4 +1229,4 @@ declare function PaginationSection({ totalPosts, postsPerPage, currentPage, setC
|
|
|
1214
1229
|
|
|
1215
1230
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1216
1231
|
|
|
1217
|
-
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, 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, 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, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useSidebar, useToast };
|
|
1232
|
+
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, type CheckboxRules, type CheckboxSize, type CheckboxVariant, 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, type FieldRules$1 as FieldRules, FileUpload, type FileUploadProps, Form, FormCheckbox, type FormCheckboxProps, FormControl, FormDescription, FormField, FormFieldContext, type FormFieldContextValue, FormItem, FormItemContext, FormLabel, FormMessage, type FormProps, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, 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, type SearchInputProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, 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, getDefaultOptionLabel, getDefaultOptionValue, getErrorMessage, getNextEnabledIndex, iconButtonVariants, navigationMenuTriggerStyle, normalizeSearchText, reducer, toast, toggleVariants, useFormField, useSidebar, useToast };
|