shadcn-ui-react 0.3.8 → 0.4.1

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/dist/index.d.cts CHANGED
@@ -2,7 +2,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
2
2
  import * as React$1 from 'react';
3
3
  import React__default from 'react';
4
4
  import * as class_variance_authority_types from 'class-variance-authority/types';
5
- import { VariantProps } from 'class-variance-authority';
5
+ import { VariantProps as VariantProps$1 } from 'class-variance-authority';
6
6
  import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
7
7
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
8
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -50,7 +50,7 @@ declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPri
50
50
  declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
51
51
  declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
52
52
 
53
- declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
53
+ declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps$1<(props?: ({
54
54
  variant?: "default" | "destructive" | null | undefined;
55
55
  } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
56
56
  declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
@@ -65,7 +65,7 @@ declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimi
65
65
  declare const badgeVariants: (props?: ({
66
66
  variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
67
67
  } & class_variance_authority_types.ClassProp) | undefined) => string;
68
- interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
68
+ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$1<typeof badgeVariants> {
69
69
  }
70
70
  declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
71
71
 
@@ -91,7 +91,7 @@ declare const buttonVariants: (props?: ({
91
91
  variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
92
92
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
93
93
  } & class_variance_authority_types.ClassProp) | undefined) => string;
94
- interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
94
+ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps$1<typeof buttonVariants> {
95
95
  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null;
96
96
  asChild?: boolean;
97
97
  loading?: boolean;
@@ -312,17 +312,29 @@ type FormProps<T extends Record<string, any>> = {
312
312
  };
313
313
  declare const Form: <T extends Record<string, any>>({ children, methods, onSubmit, onError, formProps, }: FormProps<T>) => react_jsx_runtime.JSX.Element;
314
314
 
315
+ type SelectOption<T = any> = {
316
+ value: string;
317
+ label: React__default.ReactNode;
318
+ disabled?: boolean;
319
+ data?: T;
320
+ };
321
+ type InputVariantProps = 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
322
+ declare const inputVariants: Record<InputVariantProps, string>;
323
+ type InputVariant = keyof typeof inputVariants;
324
+ declare const variants: Record<InputVariant, string>;
325
+ type VariantProps = InputVariant;
326
+ type SizeProps = 'sm' | 'md' | 'lg';
315
327
  type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
316
328
  name: TName;
317
329
  rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled' | 'size'>;
318
- size?: 'sm' | 'md' | 'lg';
319
- variant?: 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
330
+ size?: SizeProps;
331
+ variant?: VariantProps;
320
332
  leading?: React__default.ReactNode;
321
333
  trailing?: React__default.ReactNode;
322
334
  invalid?: boolean;
323
335
  shouldUnregister?: boolean;
324
336
  defaultValue?: FieldPathValue<TFieldValues, TName>;
325
- control?: Control<TFieldValues, any, TFieldValues>;
337
+ control?: Control<TFieldValues, any>;
326
338
  placeholder?: string;
327
339
  className?: string;
328
340
  classNameDefault?: boolean;
@@ -335,13 +347,12 @@ type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldP
335
347
  } & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'>;
336
348
  declare const FormField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, label, placeholder, requiredLabel, className, classNameDefault, labelClassName, messageClassName, requiredLabelClassName, variant, size, rules, shouldUnregister, defaultValue, onChange, ...inputProps }: CustomFormFieldProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
337
349
  declare const FormItem: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
338
- declare const FormLabel: React__default.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
339
350
  declare const useFormField: () => {
340
351
  id: string;
341
352
  formItemId: string;
342
353
  formDescriptionId: string;
343
354
  formMessageId: string;
344
- error: null;
355
+ error: any;
345
356
  } | {
346
357
  invalid: boolean;
347
358
  isDirty: boolean;
@@ -354,18 +365,13 @@ declare const useFormField: () => {
354
365
  formDescriptionId: string;
355
366
  formMessageId: string;
356
367
  };
368
+ declare const FormLabel: React__default.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
357
369
  declare const FormControl: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React__default.RefAttributes<HTMLElement>, "ref"> & React__default.RefAttributes<HTMLElement>>;
358
370
  declare const FormDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
359
371
  declare const FormMessage: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
360
- type SelectOption = {
361
- value: string;
362
- label: React__default.ReactNode;
363
- disabled?: boolean;
364
- data?: any;
365
- };
366
- type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
372
+ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = any> = {
367
373
  name: TName;
368
- control?: Control<TFieldValues, any, TFieldValues>;
374
+ control?: Control<TFieldValues, any>;
369
375
  rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
370
376
  shouldUnregister?: boolean;
371
377
  defaultValue?: FieldPathValue<TFieldValues, TName>;
@@ -377,16 +383,24 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
377
383
  labelClassName?: string;
378
384
  messageClassName?: string;
379
385
  requiredLabelClassName?: string;
380
- items?: SelectOption[];
386
+ options?: SelectOption<TItem>[];
387
+ items?: TItem[];
388
+ getOptionValue?: (item: TItem) => string;
389
+ getOptionLabel?: (item: TItem) => React__default.ReactNode;
390
+ getOptionDisabled?: (item: TItem) => boolean;
391
+ getOptionData?: (item: TItem) => any;
381
392
  children?: React__default.ReactNode;
382
393
  onChange?: (value: string) => void;
394
+ onChangeItem?: (item: TItem | null) => void;
383
395
  disabled?: boolean;
384
- size?: 'sm' | 'md' | 'lg';
385
- variant?: 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
396
+ size?: SizeProps;
397
+ variant?: VariantProps;
386
398
  invalid?: boolean;
399
+ searchable?: boolean;
400
+ searchPlaceholder?: string;
387
401
  };
388
402
  declare const FormSelect: {
389
- <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, rules, shouldUnregister, defaultValue, placeholder, label, requiredLabel, className, contentClassName, labelClassName, messageClassName, requiredLabelClassName, items, children, onChange, disabled, size, variant, invalid, }: CustomFormSelectProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
403
+ <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, rules, shouldUnregister, defaultValue, placeholder, label, requiredLabel, className, contentClassName, labelClassName, messageClassName, requiredLabelClassName, items, children, onChange, disabled, size, variant, invalid, searchable, searchPlaceholder }: CustomFormSelectProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
390
404
  displayName: string;
391
405
  };
392
406
 
@@ -471,7 +485,7 @@ declare const InputOTPSlot: React$1.ForwardRefExoticComponent<Omit<React$1.Detai
471
485
  } & React$1.RefAttributes<HTMLDivElement>>;
472
486
  declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
473
487
 
474
- declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
488
+ declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps$1<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
475
489
 
476
490
  declare const MenubarMenu: {
477
491
  (props: MenubarPrimitive.MenubarMenuProps & {
@@ -624,7 +638,7 @@ declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimiti
624
638
  declare const sheetVariants: (props?: ({
625
639
  side?: "top" | "right" | "bottom" | "left" | null | undefined;
626
640
  } & class_variance_authority_types.ClassProp) | undefined) => string;
627
- interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
641
+ interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps$1<typeof sheetVariants> {
628
642
  }
629
643
  declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
630
644
  declare const SheetHeader: {
@@ -667,7 +681,7 @@ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$
667
681
 
668
682
  declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
669
683
  declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
670
- declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
684
+ declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps$1<(props?: ({
671
685
  variant?: "default" | "destructive" | null | undefined;
672
686
  } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
673
687
  declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
@@ -681,16 +695,16 @@ declare const toggleVariants: (props?: ({
681
695
  variant?: "default" | "outline" | null | undefined;
682
696
  size?: "default" | "sm" | "lg" | null | undefined;
683
697
  } & class_variance_authority_types.ClassProp) | undefined) => string;
684
- declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
698
+ declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$1<(props?: ({
685
699
  variant?: "default" | "outline" | null | undefined;
686
700
  size?: "default" | "sm" | "lg" | null | undefined;
687
701
  } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
688
702
 
689
- declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
703
+ declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps$1<(props?: ({
690
704
  variant?: "default" | "outline" | null | undefined;
691
705
  size?: "default" | "sm" | "lg" | null | undefined;
692
706
  } & class_variance_authority_types.ClassProp) | undefined) => string>) & React$1.RefAttributes<HTMLDivElement>>;
693
- declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
707
+ declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$1<(props?: ({
694
708
  variant?: "default" | "outline" | null | undefined;
695
709
  size?: "default" | "sm" | "lg" | null | undefined;
696
710
  } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
@@ -853,4 +867,4 @@ declare function Dropzone({ label, onChange, value, className, description, desc
853
867
 
854
868
  declare function cn(...inputs: ClassValue[]): string;
855
869
 
856
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, 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, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, 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, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useToast };
870
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, type InputVariantProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, 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, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, inputVariants, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useToast, variants };
package/dist/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
2
2
  import * as React$1 from 'react';
3
3
  import React__default from 'react';
4
4
  import * as class_variance_authority_types from 'class-variance-authority/types';
5
- import { VariantProps } from 'class-variance-authority';
5
+ import { VariantProps as VariantProps$1 } from 'class-variance-authority';
6
6
  import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
7
7
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
8
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -50,7 +50,7 @@ declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPri
50
50
  declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
51
51
  declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
52
52
 
53
- declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
53
+ declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps$1<(props?: ({
54
54
  variant?: "default" | "destructive" | null | undefined;
55
55
  } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
56
56
  declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
@@ -65,7 +65,7 @@ declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimi
65
65
  declare const badgeVariants: (props?: ({
66
66
  variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
67
67
  } & class_variance_authority_types.ClassProp) | undefined) => string;
68
- interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
68
+ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$1<typeof badgeVariants> {
69
69
  }
70
70
  declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
71
71
 
@@ -91,7 +91,7 @@ declare const buttonVariants: (props?: ({
91
91
  variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
92
92
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
93
93
  } & class_variance_authority_types.ClassProp) | undefined) => string;
94
- interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
94
+ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps$1<typeof buttonVariants> {
95
95
  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null;
96
96
  asChild?: boolean;
97
97
  loading?: boolean;
@@ -312,17 +312,29 @@ type FormProps<T extends Record<string, any>> = {
312
312
  };
313
313
  declare const Form: <T extends Record<string, any>>({ children, methods, onSubmit, onError, formProps, }: FormProps<T>) => react_jsx_runtime.JSX.Element;
314
314
 
315
+ type SelectOption<T = any> = {
316
+ value: string;
317
+ label: React__default.ReactNode;
318
+ disabled?: boolean;
319
+ data?: T;
320
+ };
321
+ type InputVariantProps = 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
322
+ declare const inputVariants: Record<InputVariantProps, string>;
323
+ type InputVariant = keyof typeof inputVariants;
324
+ declare const variants: Record<InputVariant, string>;
325
+ type VariantProps = InputVariant;
326
+ type SizeProps = 'sm' | 'md' | 'lg';
315
327
  type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
316
328
  name: TName;
317
329
  rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled' | 'size'>;
318
- size?: 'sm' | 'md' | 'lg';
319
- variant?: 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
330
+ size?: SizeProps;
331
+ variant?: VariantProps;
320
332
  leading?: React__default.ReactNode;
321
333
  trailing?: React__default.ReactNode;
322
334
  invalid?: boolean;
323
335
  shouldUnregister?: boolean;
324
336
  defaultValue?: FieldPathValue<TFieldValues, TName>;
325
- control?: Control<TFieldValues, any, TFieldValues>;
337
+ control?: Control<TFieldValues, any>;
326
338
  placeholder?: string;
327
339
  className?: string;
328
340
  classNameDefault?: boolean;
@@ -335,13 +347,12 @@ type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldP
335
347
  } & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'>;
336
348
  declare const FormField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, label, placeholder, requiredLabel, className, classNameDefault, labelClassName, messageClassName, requiredLabelClassName, variant, size, rules, shouldUnregister, defaultValue, onChange, ...inputProps }: CustomFormFieldProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
337
349
  declare const FormItem: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
338
- declare const FormLabel: React__default.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
339
350
  declare const useFormField: () => {
340
351
  id: string;
341
352
  formItemId: string;
342
353
  formDescriptionId: string;
343
354
  formMessageId: string;
344
- error: null;
355
+ error: any;
345
356
  } | {
346
357
  invalid: boolean;
347
358
  isDirty: boolean;
@@ -354,18 +365,13 @@ declare const useFormField: () => {
354
365
  formDescriptionId: string;
355
366
  formMessageId: string;
356
367
  };
368
+ declare const FormLabel: React__default.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
357
369
  declare const FormControl: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React__default.RefAttributes<HTMLElement>, "ref"> & React__default.RefAttributes<HTMLElement>>;
358
370
  declare const FormDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
359
371
  declare const FormMessage: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
360
- type SelectOption = {
361
- value: string;
362
- label: React__default.ReactNode;
363
- disabled?: boolean;
364
- data?: any;
365
- };
366
- type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
372
+ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = any> = {
367
373
  name: TName;
368
- control?: Control<TFieldValues, any, TFieldValues>;
374
+ control?: Control<TFieldValues, any>;
369
375
  rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
370
376
  shouldUnregister?: boolean;
371
377
  defaultValue?: FieldPathValue<TFieldValues, TName>;
@@ -377,16 +383,24 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
377
383
  labelClassName?: string;
378
384
  messageClassName?: string;
379
385
  requiredLabelClassName?: string;
380
- items?: SelectOption[];
386
+ options?: SelectOption<TItem>[];
387
+ items?: TItem[];
388
+ getOptionValue?: (item: TItem) => string;
389
+ getOptionLabel?: (item: TItem) => React__default.ReactNode;
390
+ getOptionDisabled?: (item: TItem) => boolean;
391
+ getOptionData?: (item: TItem) => any;
381
392
  children?: React__default.ReactNode;
382
393
  onChange?: (value: string) => void;
394
+ onChangeItem?: (item: TItem | null) => void;
383
395
  disabled?: boolean;
384
- size?: 'sm' | 'md' | 'lg';
385
- variant?: 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
396
+ size?: SizeProps;
397
+ variant?: VariantProps;
386
398
  invalid?: boolean;
399
+ searchable?: boolean;
400
+ searchPlaceholder?: string;
387
401
  };
388
402
  declare const FormSelect: {
389
- <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, rules, shouldUnregister, defaultValue, placeholder, label, requiredLabel, className, contentClassName, labelClassName, messageClassName, requiredLabelClassName, items, children, onChange, disabled, size, variant, invalid, }: CustomFormSelectProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
403
+ <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, rules, shouldUnregister, defaultValue, placeholder, label, requiredLabel, className, contentClassName, labelClassName, messageClassName, requiredLabelClassName, items, children, onChange, disabled, size, variant, invalid, searchable, searchPlaceholder }: CustomFormSelectProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
390
404
  displayName: string;
391
405
  };
392
406
 
@@ -471,7 +485,7 @@ declare const InputOTPSlot: React$1.ForwardRefExoticComponent<Omit<React$1.Detai
471
485
  } & React$1.RefAttributes<HTMLDivElement>>;
472
486
  declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
473
487
 
474
- declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
488
+ declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps$1<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
475
489
 
476
490
  declare const MenubarMenu: {
477
491
  (props: MenubarPrimitive.MenubarMenuProps & {
@@ -624,7 +638,7 @@ declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimiti
624
638
  declare const sheetVariants: (props?: ({
625
639
  side?: "top" | "right" | "bottom" | "left" | null | undefined;
626
640
  } & class_variance_authority_types.ClassProp) | undefined) => string;
627
- interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
641
+ interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps$1<typeof sheetVariants> {
628
642
  }
629
643
  declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
630
644
  declare const SheetHeader: {
@@ -667,7 +681,7 @@ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$
667
681
 
668
682
  declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
669
683
  declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
670
- declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
684
+ declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps$1<(props?: ({
671
685
  variant?: "default" | "destructive" | null | undefined;
672
686
  } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
673
687
  declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
@@ -681,16 +695,16 @@ declare const toggleVariants: (props?: ({
681
695
  variant?: "default" | "outline" | null | undefined;
682
696
  size?: "default" | "sm" | "lg" | null | undefined;
683
697
  } & class_variance_authority_types.ClassProp) | undefined) => string;
684
- declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
698
+ declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$1<(props?: ({
685
699
  variant?: "default" | "outline" | null | undefined;
686
700
  size?: "default" | "sm" | "lg" | null | undefined;
687
701
  } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
688
702
 
689
- declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
703
+ declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps$1<(props?: ({
690
704
  variant?: "default" | "outline" | null | undefined;
691
705
  size?: "default" | "sm" | "lg" | null | undefined;
692
706
  } & class_variance_authority_types.ClassProp) | undefined) => string>) & React$1.RefAttributes<HTMLDivElement>>;
693
- declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
707
+ declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$1<(props?: ({
694
708
  variant?: "default" | "outline" | null | undefined;
695
709
  size?: "default" | "sm" | "lg" | null | undefined;
696
710
  } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
@@ -853,4 +867,4 @@ declare function Dropzone({ label, onChange, value, className, description, desc
853
867
 
854
868
  declare function cn(...inputs: ClassValue[]): string;
855
869
 
856
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, 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, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, 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, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useToast };
870
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, type InputVariantProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, 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, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, inputVariants, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useToast, variants };