shadcn-ui-react 0.7.8 → 0.7.10
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 +2 -2
- package/dist/index.cjs +1566 -1354
- package/dist/index.d.cts +90 -69
- package/dist/index.d.ts +90 -69
- package/dist/index.js +1504 -1297
- package/dist/style.css +174 -140
- package/package.json +43 -31
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,74 @@ 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
|
+
/**
|
|
391
|
+
* Backward-compatible aliases.
|
|
392
|
+
* Useful if some components still import FormSizeProps/FormVariantProps.
|
|
393
|
+
*/
|
|
394
|
+
type FormSizeProps = SizeProps$1;
|
|
395
|
+
type FormVariantProps = VariantProps;
|
|
396
|
+
type SizeClasses = {
|
|
397
|
+
control: string;
|
|
398
|
+
flushedControl: string;
|
|
399
|
+
linkControl: string;
|
|
400
|
+
selectItem: string;
|
|
401
|
+
searchInput: string;
|
|
402
|
+
checkbox: string;
|
|
403
|
+
label: string;
|
|
404
|
+
description: string;
|
|
405
|
+
message: string;
|
|
406
|
+
};
|
|
407
|
+
type CustomSize = Partial<SizeClasses>;
|
|
408
|
+
|
|
409
|
+
type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
|
410
|
+
name: TName;
|
|
411
|
+
};
|
|
412
|
+
declare const FormFieldContext: React$1.Context<FormFieldContextValue<FieldValues, string> | null>;
|
|
413
|
+
type FieldRules$1<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
414
|
+
declare function getErrorMessage(error?: FieldError): string | undefined;
|
|
415
|
+
declare function normalizeSearchText(value: React$1.ReactNode): string;
|
|
416
|
+
declare function getDefaultOptionValue<TItem>(item: TItem): string;
|
|
417
|
+
declare function getDefaultOptionLabel<TItem>(item: TItem): React$1.ReactNode;
|
|
418
|
+
declare function getNextEnabledIndex<TItem>(options: SelectOption<TItem>[], currentIndex: number, direction: 1 | -1): number;
|
|
419
|
+
type FormItemContextValue = {
|
|
420
|
+
id: string;
|
|
421
|
+
};
|
|
422
|
+
declare const FormItemContext: React$1.Context<FormItemContextValue | null>;
|
|
423
|
+
declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
424
|
+
declare const useFormField: () => {
|
|
425
|
+
id: string;
|
|
426
|
+
formItemId: string;
|
|
427
|
+
formDescriptionId: string;
|
|
428
|
+
formMessageId: string;
|
|
429
|
+
error: undefined;
|
|
430
|
+
} | {
|
|
431
|
+
invalid: boolean;
|
|
432
|
+
isDirty: boolean;
|
|
433
|
+
isTouched: boolean;
|
|
434
|
+
isValidating: boolean;
|
|
435
|
+
error?: FieldError;
|
|
436
|
+
id: string;
|
|
437
|
+
name: string;
|
|
438
|
+
formItemId: string;
|
|
439
|
+
formDescriptionId: string;
|
|
440
|
+
formMessageId: string;
|
|
441
|
+
};
|
|
442
|
+
declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
443
|
+
declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
444
|
+
declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
445
|
+
declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
446
|
+
|
|
379
447
|
type FormProps<TFieldValues extends FieldValues> = {
|
|
380
448
|
children: React$1.ReactNode;
|
|
381
449
|
methods: UseFormReturn<TFieldValues>;
|
|
@@ -385,7 +453,7 @@ type FormProps<TFieldValues extends FieldValues> = {
|
|
|
385
453
|
};
|
|
386
454
|
declare function Form<TFieldValues extends FieldValues>({ children, methods, onSubmit, onError, formProps }: FormProps<TFieldValues>): react_jsx_runtime.JSX.Element;
|
|
387
455
|
|
|
388
|
-
type CheckboxRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>,
|
|
456
|
+
type CheckboxRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
|
|
389
457
|
type FormCheckboxProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
390
458
|
name: TName;
|
|
391
459
|
control?: Control<TFieldValues>;
|
|
@@ -403,36 +471,12 @@ type FormCheckboxProps<TFieldValues extends FieldValues, TName extends FieldPath
|
|
|
403
471
|
messageClassName?: string;
|
|
404
472
|
requiredLabelClassName?: string;
|
|
405
473
|
onChange?: (checked: boolean) => void;
|
|
406
|
-
} & Omit<CheckboxProps,
|
|
474
|
+
} & Omit<CheckboxProps, "checked" | "defaultChecked" | "onCheckedChange">;
|
|
407
475
|
declare const FormCheckbox: {
|
|
408
476
|
<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
477
|
displayName: string;
|
|
410
478
|
};
|
|
411
479
|
|
|
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
480
|
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
437
481
|
size?: SizeProps$1;
|
|
438
482
|
customSize?: CustomSize;
|
|
@@ -446,11 +490,11 @@ interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>,
|
|
|
446
490
|
}
|
|
447
491
|
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
448
492
|
|
|
449
|
-
type FieldRules
|
|
493
|
+
type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
450
494
|
type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
451
495
|
name: TName;
|
|
452
496
|
control?: Control<TFieldValues>;
|
|
453
|
-
rules?: FieldRules
|
|
497
|
+
rules?: FieldRules<TFieldValues, TName>;
|
|
454
498
|
shouldUnregister?: boolean;
|
|
455
499
|
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
456
500
|
label?: React$1.ReactNode;
|
|
@@ -474,35 +518,11 @@ declare const FormField: {
|
|
|
474
518
|
<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
519
|
displayName: string;
|
|
476
520
|
};
|
|
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
521
|
|
|
501
|
-
type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled' | 'size'>;
|
|
502
522
|
type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption> = {
|
|
503
523
|
name: TName;
|
|
504
524
|
control?: Control<TFieldValues>;
|
|
505
|
-
rules?: FieldRules<TFieldValues, TName>;
|
|
525
|
+
rules?: FieldRules$1<TFieldValues, TName>;
|
|
506
526
|
shouldUnregister?: boolean;
|
|
507
527
|
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
508
528
|
label?: React$1.ReactNode;
|
|
@@ -532,10 +552,10 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
532
552
|
labelClassName?: string;
|
|
533
553
|
messageClassName?: string;
|
|
534
554
|
requiredLabelClassName?: string;
|
|
535
|
-
position?:
|
|
555
|
+
position?: "item-aligned" | "popper";
|
|
536
556
|
};
|
|
537
557
|
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;
|
|
558
|
+
<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
559
|
displayName: string;
|
|
540
560
|
};
|
|
541
561
|
|
|
@@ -714,15 +734,12 @@ declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.Com
|
|
|
714
734
|
declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
715
735
|
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
716
736
|
|
|
717
|
-
|
|
737
|
+
interface SearchInputProps extends Omit<InputProps, "value" | "defaultValue" | "onChange" | "type"> {
|
|
718
738
|
value?: string;
|
|
719
|
-
placeholder?: string;
|
|
720
|
-
className?: string;
|
|
721
|
-
classNameDefault?: boolean;
|
|
722
739
|
debounceTime?: number;
|
|
723
|
-
onSearch: (searchTerm
|
|
724
|
-
}
|
|
725
|
-
declare
|
|
740
|
+
onSearch: (searchTerm: string) => void;
|
|
741
|
+
}
|
|
742
|
+
declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
726
743
|
|
|
727
744
|
type SearchableSelectOption<TData = unknown> = {
|
|
728
745
|
value: string;
|
|
@@ -731,7 +748,7 @@ type SearchableSelectOption<TData = unknown> = {
|
|
|
731
748
|
keywords?: string;
|
|
732
749
|
data?: TData;
|
|
733
750
|
};
|
|
734
|
-
type SearchableSelectProps<TData = unknown> =
|
|
751
|
+
type SearchableSelectProps<TData = unknown> = {
|
|
735
752
|
items: SearchableSelectOption<TData>[];
|
|
736
753
|
value?: string;
|
|
737
754
|
defaultValue?: string;
|
|
@@ -739,12 +756,16 @@ type SearchableSelectProps<TData = unknown> = Omit<React$1.ComponentPropsWithout
|
|
|
739
756
|
placeholder?: string;
|
|
740
757
|
searchPlaceholder?: string;
|
|
741
758
|
emptyText?: React$1.ReactNode;
|
|
759
|
+
disabled?: boolean;
|
|
760
|
+
name?: string;
|
|
761
|
+
required?: boolean;
|
|
742
762
|
triggerClassName?: string;
|
|
743
763
|
contentClassName?: string;
|
|
744
764
|
itemClassName?: string;
|
|
745
765
|
searchInputClassName?: string;
|
|
746
766
|
};
|
|
747
|
-
declare function
|
|
767
|
+
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;
|
|
768
|
+
declare const SearchableSelect: typeof SearchableSelectBase;
|
|
748
769
|
|
|
749
770
|
declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
|
|
750
771
|
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -1214,4 +1235,4 @@ declare function PaginationSection({ totalPosts, postsPerPage, currentPage, setC
|
|
|
1214
1235
|
|
|
1215
1236
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1216
1237
|
|
|
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 };
|
|
1238
|
+
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, type CustomSize, 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, type FormInputVariantProps, FormItem, FormItemContext, FormLabel, FormMessage, type FormProps, FormSelect, type FormSizeProps, type FormVariantProps, 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, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarProvider, type SizeProps$1 as SizeProps, 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, type VariantProps, 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,74 @@ 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
|
+
/**
|
|
391
|
+
* Backward-compatible aliases.
|
|
392
|
+
* Useful if some components still import FormSizeProps/FormVariantProps.
|
|
393
|
+
*/
|
|
394
|
+
type FormSizeProps = SizeProps$1;
|
|
395
|
+
type FormVariantProps = VariantProps;
|
|
396
|
+
type SizeClasses = {
|
|
397
|
+
control: string;
|
|
398
|
+
flushedControl: string;
|
|
399
|
+
linkControl: string;
|
|
400
|
+
selectItem: string;
|
|
401
|
+
searchInput: string;
|
|
402
|
+
checkbox: string;
|
|
403
|
+
label: string;
|
|
404
|
+
description: string;
|
|
405
|
+
message: string;
|
|
406
|
+
};
|
|
407
|
+
type CustomSize = Partial<SizeClasses>;
|
|
408
|
+
|
|
409
|
+
type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
|
410
|
+
name: TName;
|
|
411
|
+
};
|
|
412
|
+
declare const FormFieldContext: React$1.Context<FormFieldContextValue<FieldValues, string> | null>;
|
|
413
|
+
type FieldRules$1<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
414
|
+
declare function getErrorMessage(error?: FieldError): string | undefined;
|
|
415
|
+
declare function normalizeSearchText(value: React$1.ReactNode): string;
|
|
416
|
+
declare function getDefaultOptionValue<TItem>(item: TItem): string;
|
|
417
|
+
declare function getDefaultOptionLabel<TItem>(item: TItem): React$1.ReactNode;
|
|
418
|
+
declare function getNextEnabledIndex<TItem>(options: SelectOption<TItem>[], currentIndex: number, direction: 1 | -1): number;
|
|
419
|
+
type FormItemContextValue = {
|
|
420
|
+
id: string;
|
|
421
|
+
};
|
|
422
|
+
declare const FormItemContext: React$1.Context<FormItemContextValue | null>;
|
|
423
|
+
declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
424
|
+
declare const useFormField: () => {
|
|
425
|
+
id: string;
|
|
426
|
+
formItemId: string;
|
|
427
|
+
formDescriptionId: string;
|
|
428
|
+
formMessageId: string;
|
|
429
|
+
error: undefined;
|
|
430
|
+
} | {
|
|
431
|
+
invalid: boolean;
|
|
432
|
+
isDirty: boolean;
|
|
433
|
+
isTouched: boolean;
|
|
434
|
+
isValidating: boolean;
|
|
435
|
+
error?: FieldError;
|
|
436
|
+
id: string;
|
|
437
|
+
name: string;
|
|
438
|
+
formItemId: string;
|
|
439
|
+
formDescriptionId: string;
|
|
440
|
+
formMessageId: string;
|
|
441
|
+
};
|
|
442
|
+
declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
443
|
+
declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
444
|
+
declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
445
|
+
declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
446
|
+
|
|
379
447
|
type FormProps<TFieldValues extends FieldValues> = {
|
|
380
448
|
children: React$1.ReactNode;
|
|
381
449
|
methods: UseFormReturn<TFieldValues>;
|
|
@@ -385,7 +453,7 @@ type FormProps<TFieldValues extends FieldValues> = {
|
|
|
385
453
|
};
|
|
386
454
|
declare function Form<TFieldValues extends FieldValues>({ children, methods, onSubmit, onError, formProps }: FormProps<TFieldValues>): react_jsx_runtime.JSX.Element;
|
|
387
455
|
|
|
388
|
-
type CheckboxRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>,
|
|
456
|
+
type CheckboxRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
|
|
389
457
|
type FormCheckboxProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
390
458
|
name: TName;
|
|
391
459
|
control?: Control<TFieldValues>;
|
|
@@ -403,36 +471,12 @@ type FormCheckboxProps<TFieldValues extends FieldValues, TName extends FieldPath
|
|
|
403
471
|
messageClassName?: string;
|
|
404
472
|
requiredLabelClassName?: string;
|
|
405
473
|
onChange?: (checked: boolean) => void;
|
|
406
|
-
} & Omit<CheckboxProps,
|
|
474
|
+
} & Omit<CheckboxProps, "checked" | "defaultChecked" | "onCheckedChange">;
|
|
407
475
|
declare const FormCheckbox: {
|
|
408
476
|
<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
477
|
displayName: string;
|
|
410
478
|
};
|
|
411
479
|
|
|
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
480
|
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
437
481
|
size?: SizeProps$1;
|
|
438
482
|
customSize?: CustomSize;
|
|
@@ -446,11 +490,11 @@ interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>,
|
|
|
446
490
|
}
|
|
447
491
|
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
448
492
|
|
|
449
|
-
type FieldRules
|
|
493
|
+
type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
450
494
|
type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
451
495
|
name: TName;
|
|
452
496
|
control?: Control<TFieldValues>;
|
|
453
|
-
rules?: FieldRules
|
|
497
|
+
rules?: FieldRules<TFieldValues, TName>;
|
|
454
498
|
shouldUnregister?: boolean;
|
|
455
499
|
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
456
500
|
label?: React$1.ReactNode;
|
|
@@ -474,35 +518,11 @@ declare const FormField: {
|
|
|
474
518
|
<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
519
|
displayName: string;
|
|
476
520
|
};
|
|
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
521
|
|
|
501
|
-
type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled' | 'size'>;
|
|
502
522
|
type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption> = {
|
|
503
523
|
name: TName;
|
|
504
524
|
control?: Control<TFieldValues>;
|
|
505
|
-
rules?: FieldRules<TFieldValues, TName>;
|
|
525
|
+
rules?: FieldRules$1<TFieldValues, TName>;
|
|
506
526
|
shouldUnregister?: boolean;
|
|
507
527
|
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
508
528
|
label?: React$1.ReactNode;
|
|
@@ -532,10 +552,10 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
532
552
|
labelClassName?: string;
|
|
533
553
|
messageClassName?: string;
|
|
534
554
|
requiredLabelClassName?: string;
|
|
535
|
-
position?:
|
|
555
|
+
position?: "item-aligned" | "popper";
|
|
536
556
|
};
|
|
537
557
|
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;
|
|
558
|
+
<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
559
|
displayName: string;
|
|
540
560
|
};
|
|
541
561
|
|
|
@@ -714,15 +734,12 @@ declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.Com
|
|
|
714
734
|
declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
715
735
|
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
716
736
|
|
|
717
|
-
|
|
737
|
+
interface SearchInputProps extends Omit<InputProps, "value" | "defaultValue" | "onChange" | "type"> {
|
|
718
738
|
value?: string;
|
|
719
|
-
placeholder?: string;
|
|
720
|
-
className?: string;
|
|
721
|
-
classNameDefault?: boolean;
|
|
722
739
|
debounceTime?: number;
|
|
723
|
-
onSearch: (searchTerm
|
|
724
|
-
}
|
|
725
|
-
declare
|
|
740
|
+
onSearch: (searchTerm: string) => void;
|
|
741
|
+
}
|
|
742
|
+
declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
726
743
|
|
|
727
744
|
type SearchableSelectOption<TData = unknown> = {
|
|
728
745
|
value: string;
|
|
@@ -731,7 +748,7 @@ type SearchableSelectOption<TData = unknown> = {
|
|
|
731
748
|
keywords?: string;
|
|
732
749
|
data?: TData;
|
|
733
750
|
};
|
|
734
|
-
type SearchableSelectProps<TData = unknown> =
|
|
751
|
+
type SearchableSelectProps<TData = unknown> = {
|
|
735
752
|
items: SearchableSelectOption<TData>[];
|
|
736
753
|
value?: string;
|
|
737
754
|
defaultValue?: string;
|
|
@@ -739,12 +756,16 @@ type SearchableSelectProps<TData = unknown> = Omit<React$1.ComponentPropsWithout
|
|
|
739
756
|
placeholder?: string;
|
|
740
757
|
searchPlaceholder?: string;
|
|
741
758
|
emptyText?: React$1.ReactNode;
|
|
759
|
+
disabled?: boolean;
|
|
760
|
+
name?: string;
|
|
761
|
+
required?: boolean;
|
|
742
762
|
triggerClassName?: string;
|
|
743
763
|
contentClassName?: string;
|
|
744
764
|
itemClassName?: string;
|
|
745
765
|
searchInputClassName?: string;
|
|
746
766
|
};
|
|
747
|
-
declare function
|
|
767
|
+
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;
|
|
768
|
+
declare const SearchableSelect: typeof SearchableSelectBase;
|
|
748
769
|
|
|
749
770
|
declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
|
|
750
771
|
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -1214,4 +1235,4 @@ declare function PaginationSection({ totalPosts, postsPerPage, currentPage, setC
|
|
|
1214
1235
|
|
|
1215
1236
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1216
1237
|
|
|
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 };
|
|
1238
|
+
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, type CustomSize, 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, type FormInputVariantProps, FormItem, FormItemContext, FormLabel, FormMessage, type FormProps, FormSelect, type FormSizeProps, type FormVariantProps, 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, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarProvider, type SizeProps$1 as SizeProps, 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, type VariantProps, badgeVariants, buttonVariants, cn, getDefaultOptionLabel, getDefaultOptionValue, getErrorMessage, getNextEnabledIndex, iconButtonVariants, navigationMenuTriggerStyle, normalizeSearchText, reducer, toast, toggleVariants, useFormField, useSidebar, useToast };
|