shadcn-ui-react 0.7.10 → 0.7.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.cjs +860 -253
- package/dist/index.d.cts +100 -28
- package/dist/index.d.ts +100 -28
- package/dist/index.js +865 -271
- package/dist/style.css +117 -47
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -32,7 +32,6 @@ import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
|
32
32
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
33
33
|
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
34
34
|
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
35
|
-
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
36
35
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
37
36
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
38
37
|
import { Toaster as Toaster$1 } from 'sonner';
|
|
@@ -385,13 +384,19 @@ type SelectOption<TData = unknown> = {
|
|
|
385
384
|
type FormInputVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
386
385
|
declare const formInputVariants: Record<FormInputVariantProps, string>;
|
|
387
386
|
type InputVariant = keyof typeof formInputVariants;
|
|
388
|
-
|
|
387
|
+
/**
|
|
388
|
+
* Variantes equivalentes para controles compuestos:
|
|
389
|
+
* SearchableSelect, combobox, wrappers con input interno, etc.
|
|
390
|
+
* Usan focus-within porque el foco real vive dentro del wrapper.
|
|
391
|
+
*/
|
|
392
|
+
declare const formCompositeVariants: Record<InputVariant, string>;
|
|
393
|
+
declare const variants: Record<InputVariant, string>;
|
|
394
|
+
type SizeProps = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
389
395
|
type VariantProps = InputVariant;
|
|
390
396
|
/**
|
|
391
397
|
* Backward-compatible aliases.
|
|
392
|
-
* Useful if some components still import FormSizeProps/FormVariantProps.
|
|
393
398
|
*/
|
|
394
|
-
type FormSizeProps = SizeProps
|
|
399
|
+
type FormSizeProps = SizeProps;
|
|
395
400
|
type FormVariantProps = VariantProps;
|
|
396
401
|
type SizeClasses = {
|
|
397
402
|
control: string;
|
|
@@ -405,6 +410,13 @@ type SizeClasses = {
|
|
|
405
410
|
message: string;
|
|
406
411
|
};
|
|
407
412
|
type CustomSize = Partial<SizeClasses>;
|
|
413
|
+
declare const formSizeVariants: Record<SizeProps, SizeClasses>;
|
|
414
|
+
declare const formControlBase = "relative inline-flex w-full items-center justify-between gap-2 text-foreground outline-none transition data-[placeholder]:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50";
|
|
415
|
+
declare const formCompositeControlBase = "relative flex w-full items-center gap-2 text-foreground outline-none transition";
|
|
416
|
+
declare const formControlErrorClass = "border-destructive focus:border-destructive focus:ring-destructive/20";
|
|
417
|
+
declare const formCompositeControlErrorClass = "border-destructive focus-within:border-destructive focus-within:ring-destructive/20";
|
|
418
|
+
declare function getFormSizeClasses(size?: SizeProps, customSize?: CustomSize): SizeClasses;
|
|
419
|
+
declare function getFormControlSizeClass(variant: VariantProps, sizeClasses: SizeClasses): string;
|
|
408
420
|
|
|
409
421
|
type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
|
410
422
|
name: TName;
|
|
@@ -478,7 +490,7 @@ declare const FormCheckbox: {
|
|
|
478
490
|
};
|
|
479
491
|
|
|
480
492
|
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
481
|
-
size?: SizeProps
|
|
493
|
+
size?: SizeProps;
|
|
482
494
|
customSize?: CustomSize;
|
|
483
495
|
variant?: VariantProps;
|
|
484
496
|
leading?: React$1.ReactNode;
|
|
@@ -500,7 +512,7 @@ type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldP
|
|
|
500
512
|
label?: React$1.ReactNode;
|
|
501
513
|
requiredLabel?: boolean;
|
|
502
514
|
placeholder?: string;
|
|
503
|
-
size?: SizeProps
|
|
515
|
+
size?: SizeProps;
|
|
504
516
|
customSize?: CustomSize;
|
|
505
517
|
variant?: VariantProps;
|
|
506
518
|
leading?: React$1.ReactNode;
|
|
@@ -538,13 +550,14 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
538
550
|
onChange?: (value: string) => void;
|
|
539
551
|
onChangeItem?: (item: TItem | null) => void;
|
|
540
552
|
disabled?: boolean;
|
|
541
|
-
size?: SizeProps
|
|
553
|
+
size?: SizeProps;
|
|
542
554
|
customSize?: CustomSize;
|
|
543
555
|
variant?: VariantProps;
|
|
544
556
|
invalid?: boolean;
|
|
545
557
|
searchable?: boolean;
|
|
546
558
|
searchPlaceholder?: string;
|
|
547
559
|
emptyText?: React$1.ReactNode;
|
|
560
|
+
classNameDefault?: boolean;
|
|
548
561
|
className?: string;
|
|
549
562
|
itemClassName?: string;
|
|
550
563
|
contentClassName?: string;
|
|
@@ -552,10 +565,10 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
552
565
|
labelClassName?: string;
|
|
553
566
|
messageClassName?: string;
|
|
554
567
|
requiredLabelClassName?: string;
|
|
555
|
-
position?: "
|
|
568
|
+
position?: "popper";
|
|
556
569
|
};
|
|
557
570
|
declare const FormSelect: {
|
|
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;
|
|
571
|
+
<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, classNameDefault, position, }: CustomFormSelectProps<TFieldValues, TName, TItem>): react_jsx_runtime.JSX.Element;
|
|
559
572
|
displayName: string;
|
|
560
573
|
};
|
|
561
574
|
|
|
@@ -759,24 +772,85 @@ type SearchableSelectProps<TData = unknown> = {
|
|
|
759
772
|
disabled?: boolean;
|
|
760
773
|
name?: string;
|
|
761
774
|
required?: boolean;
|
|
775
|
+
invalid?: boolean;
|
|
776
|
+
size?: SizeProps;
|
|
777
|
+
customSize?: CustomSize;
|
|
778
|
+
variant?: VariantProps;
|
|
779
|
+
classNameDefault?: boolean;
|
|
762
780
|
triggerClassName?: string;
|
|
763
781
|
contentClassName?: string;
|
|
764
782
|
itemClassName?: string;
|
|
765
783
|
searchInputClassName?: string;
|
|
766
784
|
};
|
|
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;
|
|
785
|
+
declare function SearchableSelectBase<TData = unknown>({ items, value, defaultValue, onValueChange, placeholder, searchPlaceholder, emptyText, disabled, name, required, invalid, size, customSize, variant, classNameDefault, triggerClassName, contentClassName, itemClassName, searchInputClassName, }: SearchableSelectProps<TData>): react_jsx_runtime.JSX.Element;
|
|
768
786
|
declare const SearchableSelect: typeof SearchableSelectBase;
|
|
769
787
|
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
788
|
+
type SelectAlign = "start" | "center" | "end";
|
|
789
|
+
type SelectProps = {
|
|
790
|
+
value?: string;
|
|
791
|
+
defaultValue?: string;
|
|
792
|
+
onValueChange?: (value: string) => void;
|
|
793
|
+
open?: boolean;
|
|
794
|
+
defaultOpen?: boolean;
|
|
795
|
+
onOpenChange?: (open: boolean) => void;
|
|
796
|
+
disabled?: boolean;
|
|
797
|
+
name?: string;
|
|
798
|
+
required?: boolean;
|
|
799
|
+
variant?: VariantProps;
|
|
800
|
+
size?: SizeProps;
|
|
801
|
+
customSize?: CustomSize;
|
|
802
|
+
invalid?: boolean;
|
|
803
|
+
children: React$1.ReactNode;
|
|
804
|
+
};
|
|
805
|
+
declare function Select({ value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, name, required, variant, size, customSize, invalid, children, }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
806
|
+
type SelectTriggerProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
807
|
+
variant?: VariantProps;
|
|
808
|
+
size?: SizeProps;
|
|
809
|
+
customSize?: CustomSize;
|
|
810
|
+
invalid?: boolean;
|
|
811
|
+
};
|
|
812
|
+
declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
813
|
+
variant?: VariantProps;
|
|
814
|
+
size?: SizeProps;
|
|
815
|
+
customSize?: CustomSize;
|
|
816
|
+
invalid?: boolean;
|
|
817
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
818
|
+
type SelectValueProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
819
|
+
placeholder?: React$1.ReactNode;
|
|
820
|
+
};
|
|
821
|
+
declare const SelectValue: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
822
|
+
placeholder?: React$1.ReactNode;
|
|
823
|
+
} & React$1.RefAttributes<HTMLSpanElement>>;
|
|
824
|
+
type SelectContentProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
825
|
+
position?: "popper";
|
|
826
|
+
sideOffset?: number;
|
|
827
|
+
align?: SelectAlign;
|
|
828
|
+
};
|
|
829
|
+
declare const SelectContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
|
|
830
|
+
position?: "popper";
|
|
831
|
+
sideOffset?: number;
|
|
832
|
+
align?: SelectAlign;
|
|
833
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
834
|
+
type SelectGroupProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
835
|
+
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
836
|
+
type SelectLabelProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
837
|
+
declare const SelectLabel: React$1.ForwardRefExoticComponent<SelectLabelProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
838
|
+
type SelectItemProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
|
839
|
+
value: string;
|
|
840
|
+
disabled?: boolean;
|
|
841
|
+
textValue?: string;
|
|
842
|
+
size?: SizeProps;
|
|
843
|
+
customSize?: CustomSize;
|
|
844
|
+
};
|
|
845
|
+
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
|
846
|
+
value: string;
|
|
847
|
+
disabled?: boolean;
|
|
848
|
+
textValue?: string;
|
|
849
|
+
size?: SizeProps;
|
|
850
|
+
customSize?: CustomSize;
|
|
851
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
852
|
+
type SelectSeparatorProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
853
|
+
declare const SelectSeparator: React$1.ForwardRefExoticComponent<SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
780
854
|
|
|
781
855
|
declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
782
856
|
|
|
@@ -922,17 +996,12 @@ interface UiInputProps extends Omit<InputProps, 'id'> {
|
|
|
922
996
|
}
|
|
923
997
|
declare const UiInput: React$1.ForwardRefExoticComponent<UiInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
924
998
|
|
|
925
|
-
type SelectVariantProps = 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
|
|
926
|
-
declare const selectVariants: Record<SelectVariantProps, string>;
|
|
927
|
-
type SelectVariant = keyof typeof selectVariants;
|
|
928
|
-
|
|
929
999
|
type UiSelectOption<TData = unknown> = {
|
|
930
1000
|
value: string;
|
|
931
1001
|
label: React$1.ReactNode;
|
|
932
1002
|
disabled?: boolean;
|
|
933
1003
|
data?: TData;
|
|
934
1004
|
};
|
|
935
|
-
type SizeProps = 'sm' | 'md' | 'lg';
|
|
936
1005
|
interface UiSelectProps<TData = unknown> {
|
|
937
1006
|
label?: React$1.ReactNode;
|
|
938
1007
|
placeholder?: string;
|
|
@@ -951,11 +1020,14 @@ interface UiSelectProps<TData = unknown> {
|
|
|
951
1020
|
messageClassName?: string;
|
|
952
1021
|
requiredLabelClassName?: string;
|
|
953
1022
|
size?: SizeProps;
|
|
954
|
-
|
|
1023
|
+
customSize?: CustomSize;
|
|
1024
|
+
variant?: VariantProps;
|
|
1025
|
+
classNameDefault?: boolean;
|
|
955
1026
|
errorMessage?: string;
|
|
956
1027
|
htmlFormItemId?: string;
|
|
1028
|
+
position?: "popper";
|
|
957
1029
|
}
|
|
958
|
-
declare function UiSelect<TData = unknown>({ label, placeholder, value, defaultValue, onChange, items, children, disabled, requiredLabel, className, selectClassName, labelClassName, contentClassName, itemClassName, messageClassName, requiredLabelClassName, size, variant, errorMessage, htmlFormItemId }: UiSelectProps<TData>): react_jsx_runtime.JSX.Element;
|
|
1030
|
+
declare function UiSelect<TData = unknown>({ label, placeholder, value, defaultValue, onChange, items, children, disabled, requiredLabel, className, selectClassName, labelClassName, contentClassName, itemClassName, messageClassName, requiredLabelClassName, size, customSize, variant, classNameDefault, errorMessage, htmlFormItemId, position, }: UiSelectProps<TData>): react_jsx_runtime.JSX.Element;
|
|
959
1031
|
|
|
960
1032
|
interface UiCheckboxProps extends CheckboxProps {
|
|
961
1033
|
label?: React$1.ReactNode;
|
|
@@ -1235,4 +1307,4 @@ declare function PaginationSection({ totalPosts, postsPerPage, currentPage, setC
|
|
|
1235
1307
|
|
|
1236
1308
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1237
1309
|
|
|
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
|
|
1310
|
+
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, type InputVariant, 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, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectOption, type SelectProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarProvider, type SizeClasses, type 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, formCompositeControlBase, formCompositeControlErrorClass, formCompositeVariants, formControlBase, formControlErrorClass, formInputVariants, formSizeVariants, getDefaultOptionLabel, getDefaultOptionValue, getErrorMessage, getFormControlSizeClass, getFormSizeClasses, getNextEnabledIndex, iconButtonVariants, navigationMenuTriggerStyle, normalizeSearchText, reducer, toast, toggleVariants, useFormField, useSidebar, useToast, variants };
|
package/dist/index.d.ts
CHANGED
|
@@ -32,7 +32,6 @@ import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
|
32
32
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
33
33
|
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
34
34
|
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
35
|
-
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
36
35
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
37
36
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
38
37
|
import { Toaster as Toaster$1 } from 'sonner';
|
|
@@ -385,13 +384,19 @@ type SelectOption<TData = unknown> = {
|
|
|
385
384
|
type FormInputVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
386
385
|
declare const formInputVariants: Record<FormInputVariantProps, string>;
|
|
387
386
|
type InputVariant = keyof typeof formInputVariants;
|
|
388
|
-
|
|
387
|
+
/**
|
|
388
|
+
* Variantes equivalentes para controles compuestos:
|
|
389
|
+
* SearchableSelect, combobox, wrappers con input interno, etc.
|
|
390
|
+
* Usan focus-within porque el foco real vive dentro del wrapper.
|
|
391
|
+
*/
|
|
392
|
+
declare const formCompositeVariants: Record<InputVariant, string>;
|
|
393
|
+
declare const variants: Record<InputVariant, string>;
|
|
394
|
+
type SizeProps = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
389
395
|
type VariantProps = InputVariant;
|
|
390
396
|
/**
|
|
391
397
|
* Backward-compatible aliases.
|
|
392
|
-
* Useful if some components still import FormSizeProps/FormVariantProps.
|
|
393
398
|
*/
|
|
394
|
-
type FormSizeProps = SizeProps
|
|
399
|
+
type FormSizeProps = SizeProps;
|
|
395
400
|
type FormVariantProps = VariantProps;
|
|
396
401
|
type SizeClasses = {
|
|
397
402
|
control: string;
|
|
@@ -405,6 +410,13 @@ type SizeClasses = {
|
|
|
405
410
|
message: string;
|
|
406
411
|
};
|
|
407
412
|
type CustomSize = Partial<SizeClasses>;
|
|
413
|
+
declare const formSizeVariants: Record<SizeProps, SizeClasses>;
|
|
414
|
+
declare const formControlBase = "relative inline-flex w-full items-center justify-between gap-2 text-foreground outline-none transition data-[placeholder]:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50";
|
|
415
|
+
declare const formCompositeControlBase = "relative flex w-full items-center gap-2 text-foreground outline-none transition";
|
|
416
|
+
declare const formControlErrorClass = "border-destructive focus:border-destructive focus:ring-destructive/20";
|
|
417
|
+
declare const formCompositeControlErrorClass = "border-destructive focus-within:border-destructive focus-within:ring-destructive/20";
|
|
418
|
+
declare function getFormSizeClasses(size?: SizeProps, customSize?: CustomSize): SizeClasses;
|
|
419
|
+
declare function getFormControlSizeClass(variant: VariantProps, sizeClasses: SizeClasses): string;
|
|
408
420
|
|
|
409
421
|
type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
|
410
422
|
name: TName;
|
|
@@ -478,7 +490,7 @@ declare const FormCheckbox: {
|
|
|
478
490
|
};
|
|
479
491
|
|
|
480
492
|
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
481
|
-
size?: SizeProps
|
|
493
|
+
size?: SizeProps;
|
|
482
494
|
customSize?: CustomSize;
|
|
483
495
|
variant?: VariantProps;
|
|
484
496
|
leading?: React$1.ReactNode;
|
|
@@ -500,7 +512,7 @@ type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldP
|
|
|
500
512
|
label?: React$1.ReactNode;
|
|
501
513
|
requiredLabel?: boolean;
|
|
502
514
|
placeholder?: string;
|
|
503
|
-
size?: SizeProps
|
|
515
|
+
size?: SizeProps;
|
|
504
516
|
customSize?: CustomSize;
|
|
505
517
|
variant?: VariantProps;
|
|
506
518
|
leading?: React$1.ReactNode;
|
|
@@ -538,13 +550,14 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
538
550
|
onChange?: (value: string) => void;
|
|
539
551
|
onChangeItem?: (item: TItem | null) => void;
|
|
540
552
|
disabled?: boolean;
|
|
541
|
-
size?: SizeProps
|
|
553
|
+
size?: SizeProps;
|
|
542
554
|
customSize?: CustomSize;
|
|
543
555
|
variant?: VariantProps;
|
|
544
556
|
invalid?: boolean;
|
|
545
557
|
searchable?: boolean;
|
|
546
558
|
searchPlaceholder?: string;
|
|
547
559
|
emptyText?: React$1.ReactNode;
|
|
560
|
+
classNameDefault?: boolean;
|
|
548
561
|
className?: string;
|
|
549
562
|
itemClassName?: string;
|
|
550
563
|
contentClassName?: string;
|
|
@@ -552,10 +565,10 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
552
565
|
labelClassName?: string;
|
|
553
566
|
messageClassName?: string;
|
|
554
567
|
requiredLabelClassName?: string;
|
|
555
|
-
position?: "
|
|
568
|
+
position?: "popper";
|
|
556
569
|
};
|
|
557
570
|
declare const FormSelect: {
|
|
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;
|
|
571
|
+
<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, classNameDefault, position, }: CustomFormSelectProps<TFieldValues, TName, TItem>): react_jsx_runtime.JSX.Element;
|
|
559
572
|
displayName: string;
|
|
560
573
|
};
|
|
561
574
|
|
|
@@ -759,24 +772,85 @@ type SearchableSelectProps<TData = unknown> = {
|
|
|
759
772
|
disabled?: boolean;
|
|
760
773
|
name?: string;
|
|
761
774
|
required?: boolean;
|
|
775
|
+
invalid?: boolean;
|
|
776
|
+
size?: SizeProps;
|
|
777
|
+
customSize?: CustomSize;
|
|
778
|
+
variant?: VariantProps;
|
|
779
|
+
classNameDefault?: boolean;
|
|
762
780
|
triggerClassName?: string;
|
|
763
781
|
contentClassName?: string;
|
|
764
782
|
itemClassName?: string;
|
|
765
783
|
searchInputClassName?: string;
|
|
766
784
|
};
|
|
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;
|
|
785
|
+
declare function SearchableSelectBase<TData = unknown>({ items, value, defaultValue, onValueChange, placeholder, searchPlaceholder, emptyText, disabled, name, required, invalid, size, customSize, variant, classNameDefault, triggerClassName, contentClassName, itemClassName, searchInputClassName, }: SearchableSelectProps<TData>): react_jsx_runtime.JSX.Element;
|
|
768
786
|
declare const SearchableSelect: typeof SearchableSelectBase;
|
|
769
787
|
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
788
|
+
type SelectAlign = "start" | "center" | "end";
|
|
789
|
+
type SelectProps = {
|
|
790
|
+
value?: string;
|
|
791
|
+
defaultValue?: string;
|
|
792
|
+
onValueChange?: (value: string) => void;
|
|
793
|
+
open?: boolean;
|
|
794
|
+
defaultOpen?: boolean;
|
|
795
|
+
onOpenChange?: (open: boolean) => void;
|
|
796
|
+
disabled?: boolean;
|
|
797
|
+
name?: string;
|
|
798
|
+
required?: boolean;
|
|
799
|
+
variant?: VariantProps;
|
|
800
|
+
size?: SizeProps;
|
|
801
|
+
customSize?: CustomSize;
|
|
802
|
+
invalid?: boolean;
|
|
803
|
+
children: React$1.ReactNode;
|
|
804
|
+
};
|
|
805
|
+
declare function Select({ value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, name, required, variant, size, customSize, invalid, children, }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
806
|
+
type SelectTriggerProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
807
|
+
variant?: VariantProps;
|
|
808
|
+
size?: SizeProps;
|
|
809
|
+
customSize?: CustomSize;
|
|
810
|
+
invalid?: boolean;
|
|
811
|
+
};
|
|
812
|
+
declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
813
|
+
variant?: VariantProps;
|
|
814
|
+
size?: SizeProps;
|
|
815
|
+
customSize?: CustomSize;
|
|
816
|
+
invalid?: boolean;
|
|
817
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
818
|
+
type SelectValueProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
819
|
+
placeholder?: React$1.ReactNode;
|
|
820
|
+
};
|
|
821
|
+
declare const SelectValue: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
822
|
+
placeholder?: React$1.ReactNode;
|
|
823
|
+
} & React$1.RefAttributes<HTMLSpanElement>>;
|
|
824
|
+
type SelectContentProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
825
|
+
position?: "popper";
|
|
826
|
+
sideOffset?: number;
|
|
827
|
+
align?: SelectAlign;
|
|
828
|
+
};
|
|
829
|
+
declare const SelectContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
|
|
830
|
+
position?: "popper";
|
|
831
|
+
sideOffset?: number;
|
|
832
|
+
align?: SelectAlign;
|
|
833
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
834
|
+
type SelectGroupProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
835
|
+
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
836
|
+
type SelectLabelProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
837
|
+
declare const SelectLabel: React$1.ForwardRefExoticComponent<SelectLabelProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
838
|
+
type SelectItemProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
|
839
|
+
value: string;
|
|
840
|
+
disabled?: boolean;
|
|
841
|
+
textValue?: string;
|
|
842
|
+
size?: SizeProps;
|
|
843
|
+
customSize?: CustomSize;
|
|
844
|
+
};
|
|
845
|
+
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
|
846
|
+
value: string;
|
|
847
|
+
disabled?: boolean;
|
|
848
|
+
textValue?: string;
|
|
849
|
+
size?: SizeProps;
|
|
850
|
+
customSize?: CustomSize;
|
|
851
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
852
|
+
type SelectSeparatorProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
853
|
+
declare const SelectSeparator: React$1.ForwardRefExoticComponent<SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
780
854
|
|
|
781
855
|
declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
782
856
|
|
|
@@ -922,17 +996,12 @@ interface UiInputProps extends Omit<InputProps, 'id'> {
|
|
|
922
996
|
}
|
|
923
997
|
declare const UiInput: React$1.ForwardRefExoticComponent<UiInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
924
998
|
|
|
925
|
-
type SelectVariantProps = 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
|
|
926
|
-
declare const selectVariants: Record<SelectVariantProps, string>;
|
|
927
|
-
type SelectVariant = keyof typeof selectVariants;
|
|
928
|
-
|
|
929
999
|
type UiSelectOption<TData = unknown> = {
|
|
930
1000
|
value: string;
|
|
931
1001
|
label: React$1.ReactNode;
|
|
932
1002
|
disabled?: boolean;
|
|
933
1003
|
data?: TData;
|
|
934
1004
|
};
|
|
935
|
-
type SizeProps = 'sm' | 'md' | 'lg';
|
|
936
1005
|
interface UiSelectProps<TData = unknown> {
|
|
937
1006
|
label?: React$1.ReactNode;
|
|
938
1007
|
placeholder?: string;
|
|
@@ -951,11 +1020,14 @@ interface UiSelectProps<TData = unknown> {
|
|
|
951
1020
|
messageClassName?: string;
|
|
952
1021
|
requiredLabelClassName?: string;
|
|
953
1022
|
size?: SizeProps;
|
|
954
|
-
|
|
1023
|
+
customSize?: CustomSize;
|
|
1024
|
+
variant?: VariantProps;
|
|
1025
|
+
classNameDefault?: boolean;
|
|
955
1026
|
errorMessage?: string;
|
|
956
1027
|
htmlFormItemId?: string;
|
|
1028
|
+
position?: "popper";
|
|
957
1029
|
}
|
|
958
|
-
declare function UiSelect<TData = unknown>({ label, placeholder, value, defaultValue, onChange, items, children, disabled, requiredLabel, className, selectClassName, labelClassName, contentClassName, itemClassName, messageClassName, requiredLabelClassName, size, variant, errorMessage, htmlFormItemId }: UiSelectProps<TData>): react_jsx_runtime.JSX.Element;
|
|
1030
|
+
declare function UiSelect<TData = unknown>({ label, placeholder, value, defaultValue, onChange, items, children, disabled, requiredLabel, className, selectClassName, labelClassName, contentClassName, itemClassName, messageClassName, requiredLabelClassName, size, customSize, variant, classNameDefault, errorMessage, htmlFormItemId, position, }: UiSelectProps<TData>): react_jsx_runtime.JSX.Element;
|
|
959
1031
|
|
|
960
1032
|
interface UiCheckboxProps extends CheckboxProps {
|
|
961
1033
|
label?: React$1.ReactNode;
|
|
@@ -1235,4 +1307,4 @@ declare function PaginationSection({ totalPosts, postsPerPage, currentPage, setC
|
|
|
1235
1307
|
|
|
1236
1308
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1237
1309
|
|
|
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
|
|
1310
|
+
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, type InputVariant, 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, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectOption, type SelectProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarProvider, type SizeClasses, type 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, formCompositeControlBase, formCompositeControlErrorClass, formCompositeVariants, formControlBase, formControlErrorClass, formInputVariants, formSizeVariants, getDefaultOptionLabel, getDefaultOptionValue, getErrorMessage, getFormControlSizeClass, getFormSizeClasses, getNextEnabledIndex, iconButtonVariants, navigationMenuTriggerStyle, normalizeSearchText, reducer, toast, toggleVariants, useFormField, useSidebar, useToast, variants };
|