shadcn-ui-react 0.7.10 → 0.7.12
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 +1152 -406
- package/dist/index.d.cts +99 -29
- package/dist/index.d.ts +99 -29
- package/dist/index.js +1157 -424
- package/dist/style.css +98 -94
- 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;
|
|
@@ -534,17 +546,17 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
534
546
|
getOptionLabel?: (item: TItem) => React$1.ReactNode;
|
|
535
547
|
getOptionDisabled?: (item: TItem) => boolean;
|
|
536
548
|
getOptionData?: (item: TItem) => unknown;
|
|
537
|
-
children?: React$1.ReactNode;
|
|
538
549
|
onChange?: (value: string) => void;
|
|
539
550
|
onChangeItem?: (item: TItem | null) => void;
|
|
540
551
|
disabled?: boolean;
|
|
541
|
-
size?: SizeProps
|
|
552
|
+
size?: SizeProps;
|
|
542
553
|
customSize?: CustomSize;
|
|
543
554
|
variant?: VariantProps;
|
|
544
555
|
invalid?: boolean;
|
|
545
556
|
searchable?: boolean;
|
|
546
557
|
searchPlaceholder?: string;
|
|
547
558
|
emptyText?: React$1.ReactNode;
|
|
559
|
+
classNameDefault?: boolean;
|
|
548
560
|
className?: string;
|
|
549
561
|
itemClassName?: string;
|
|
550
562
|
contentClassName?: string;
|
|
@@ -552,10 +564,9 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
552
564
|
labelClassName?: string;
|
|
553
565
|
messageClassName?: string;
|
|
554
566
|
requiredLabelClassName?: string;
|
|
555
|
-
position?: "item-aligned" | "popper";
|
|
556
567
|
};
|
|
557
568
|
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,
|
|
569
|
+
<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, onChange, onChangeItem, disabled, size, customSize, variant, invalid, searchable, searchPlaceholder, emptyText, classNameDefault, }: CustomFormSelectProps<TFieldValues, TName, TItem>): react_jsx_runtime.JSX.Element;
|
|
559
570
|
displayName: string;
|
|
560
571
|
};
|
|
561
572
|
|
|
@@ -759,24 +770,85 @@ type SearchableSelectProps<TData = unknown> = {
|
|
|
759
770
|
disabled?: boolean;
|
|
760
771
|
name?: string;
|
|
761
772
|
required?: boolean;
|
|
773
|
+
invalid?: boolean;
|
|
774
|
+
size?: SizeProps;
|
|
775
|
+
customSize?: CustomSize;
|
|
776
|
+
variant?: VariantProps;
|
|
777
|
+
classNameDefault?: boolean;
|
|
762
778
|
triggerClassName?: string;
|
|
763
779
|
contentClassName?: string;
|
|
764
780
|
itemClassName?: string;
|
|
765
781
|
searchInputClassName?: string;
|
|
766
782
|
};
|
|
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;
|
|
783
|
+
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
784
|
declare const SearchableSelect: typeof SearchableSelectBase;
|
|
769
785
|
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
786
|
+
type SelectAlign = "start" | "center" | "end";
|
|
787
|
+
type SelectProps = {
|
|
788
|
+
value?: string;
|
|
789
|
+
defaultValue?: string;
|
|
790
|
+
onValueChange?: (value: string) => void;
|
|
791
|
+
open?: boolean;
|
|
792
|
+
defaultOpen?: boolean;
|
|
793
|
+
onOpenChange?: (open: boolean) => void;
|
|
794
|
+
disabled?: boolean;
|
|
795
|
+
name?: string;
|
|
796
|
+
required?: boolean;
|
|
797
|
+
variant?: VariantProps;
|
|
798
|
+
size?: SizeProps;
|
|
799
|
+
customSize?: CustomSize;
|
|
800
|
+
invalid?: boolean;
|
|
801
|
+
children: React$1.ReactNode;
|
|
802
|
+
};
|
|
803
|
+
declare function Select({ value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, name, required, variant, size, customSize, invalid, children, }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
804
|
+
type SelectTriggerProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
805
|
+
variant?: VariantProps;
|
|
806
|
+
size?: SizeProps;
|
|
807
|
+
customSize?: CustomSize;
|
|
808
|
+
invalid?: boolean;
|
|
809
|
+
};
|
|
810
|
+
declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
811
|
+
variant?: VariantProps;
|
|
812
|
+
size?: SizeProps;
|
|
813
|
+
customSize?: CustomSize;
|
|
814
|
+
invalid?: boolean;
|
|
815
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
816
|
+
type SelectValueProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
817
|
+
placeholder?: React$1.ReactNode;
|
|
818
|
+
};
|
|
819
|
+
declare const SelectValue: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
820
|
+
placeholder?: React$1.ReactNode;
|
|
821
|
+
} & React$1.RefAttributes<HTMLSpanElement>>;
|
|
822
|
+
type SelectContentProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
823
|
+
position?: "popper";
|
|
824
|
+
sideOffset?: number;
|
|
825
|
+
align?: SelectAlign;
|
|
826
|
+
};
|
|
827
|
+
declare const SelectContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
|
|
828
|
+
position?: "popper";
|
|
829
|
+
sideOffset?: number;
|
|
830
|
+
align?: SelectAlign;
|
|
831
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
832
|
+
type SelectGroupProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
833
|
+
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
834
|
+
type SelectLabelProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
835
|
+
declare const SelectLabel: React$1.ForwardRefExoticComponent<SelectLabelProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
836
|
+
type SelectItemProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
|
837
|
+
value: string;
|
|
838
|
+
disabled?: boolean;
|
|
839
|
+
textValue?: string;
|
|
840
|
+
size?: SizeProps;
|
|
841
|
+
customSize?: CustomSize;
|
|
842
|
+
};
|
|
843
|
+
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
|
844
|
+
value: string;
|
|
845
|
+
disabled?: boolean;
|
|
846
|
+
textValue?: string;
|
|
847
|
+
size?: SizeProps;
|
|
848
|
+
customSize?: CustomSize;
|
|
849
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
850
|
+
type SelectSeparatorProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
851
|
+
declare const SelectSeparator: React$1.ForwardRefExoticComponent<SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
780
852
|
|
|
781
853
|
declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
782
854
|
|
|
@@ -922,17 +994,12 @@ interface UiInputProps extends Omit<InputProps, 'id'> {
|
|
|
922
994
|
}
|
|
923
995
|
declare const UiInput: React$1.ForwardRefExoticComponent<UiInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
924
996
|
|
|
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
997
|
type UiSelectOption<TData = unknown> = {
|
|
930
998
|
value: string;
|
|
931
999
|
label: React$1.ReactNode;
|
|
932
1000
|
disabled?: boolean;
|
|
933
1001
|
data?: TData;
|
|
934
1002
|
};
|
|
935
|
-
type SizeProps = 'sm' | 'md' | 'lg';
|
|
936
1003
|
interface UiSelectProps<TData = unknown> {
|
|
937
1004
|
label?: React$1.ReactNode;
|
|
938
1005
|
placeholder?: string;
|
|
@@ -951,11 +1018,14 @@ interface UiSelectProps<TData = unknown> {
|
|
|
951
1018
|
messageClassName?: string;
|
|
952
1019
|
requiredLabelClassName?: string;
|
|
953
1020
|
size?: SizeProps;
|
|
954
|
-
|
|
1021
|
+
customSize?: CustomSize;
|
|
1022
|
+
variant?: VariantProps;
|
|
1023
|
+
classNameDefault?: boolean;
|
|
955
1024
|
errorMessage?: string;
|
|
956
1025
|
htmlFormItemId?: string;
|
|
1026
|
+
position?: "popper";
|
|
957
1027
|
}
|
|
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;
|
|
1028
|
+
declare function UiSelect<TData = unknown>({ label, placeholder, value, defaultValue, onChange, items, children, disabled, requiredLabel, className, selectClassName, labelClassName, contentClassName, itemClassName, messageClassName, requiredLabelClassName, size, customSize, variant, errorMessage, htmlFormItemId, position, }: UiSelectProps<TData>): react_jsx_runtime.JSX.Element;
|
|
959
1029
|
|
|
960
1030
|
interface UiCheckboxProps extends CheckboxProps {
|
|
961
1031
|
label?: React$1.ReactNode;
|
|
@@ -1235,4 +1305,4 @@ declare function PaginationSection({ totalPosts, postsPerPage, currentPage, setC
|
|
|
1235
1305
|
|
|
1236
1306
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1237
1307
|
|
|
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
|
|
1308
|
+
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;
|
|
@@ -534,17 +546,17 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
534
546
|
getOptionLabel?: (item: TItem) => React$1.ReactNode;
|
|
535
547
|
getOptionDisabled?: (item: TItem) => boolean;
|
|
536
548
|
getOptionData?: (item: TItem) => unknown;
|
|
537
|
-
children?: React$1.ReactNode;
|
|
538
549
|
onChange?: (value: string) => void;
|
|
539
550
|
onChangeItem?: (item: TItem | null) => void;
|
|
540
551
|
disabled?: boolean;
|
|
541
|
-
size?: SizeProps
|
|
552
|
+
size?: SizeProps;
|
|
542
553
|
customSize?: CustomSize;
|
|
543
554
|
variant?: VariantProps;
|
|
544
555
|
invalid?: boolean;
|
|
545
556
|
searchable?: boolean;
|
|
546
557
|
searchPlaceholder?: string;
|
|
547
558
|
emptyText?: React$1.ReactNode;
|
|
559
|
+
classNameDefault?: boolean;
|
|
548
560
|
className?: string;
|
|
549
561
|
itemClassName?: string;
|
|
550
562
|
contentClassName?: string;
|
|
@@ -552,10 +564,9 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
552
564
|
labelClassName?: string;
|
|
553
565
|
messageClassName?: string;
|
|
554
566
|
requiredLabelClassName?: string;
|
|
555
|
-
position?: "item-aligned" | "popper";
|
|
556
567
|
};
|
|
557
568
|
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,
|
|
569
|
+
<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, onChange, onChangeItem, disabled, size, customSize, variant, invalid, searchable, searchPlaceholder, emptyText, classNameDefault, }: CustomFormSelectProps<TFieldValues, TName, TItem>): react_jsx_runtime.JSX.Element;
|
|
559
570
|
displayName: string;
|
|
560
571
|
};
|
|
561
572
|
|
|
@@ -759,24 +770,85 @@ type SearchableSelectProps<TData = unknown> = {
|
|
|
759
770
|
disabled?: boolean;
|
|
760
771
|
name?: string;
|
|
761
772
|
required?: boolean;
|
|
773
|
+
invalid?: boolean;
|
|
774
|
+
size?: SizeProps;
|
|
775
|
+
customSize?: CustomSize;
|
|
776
|
+
variant?: VariantProps;
|
|
777
|
+
classNameDefault?: boolean;
|
|
762
778
|
triggerClassName?: string;
|
|
763
779
|
contentClassName?: string;
|
|
764
780
|
itemClassName?: string;
|
|
765
781
|
searchInputClassName?: string;
|
|
766
782
|
};
|
|
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;
|
|
783
|
+
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
784
|
declare const SearchableSelect: typeof SearchableSelectBase;
|
|
769
785
|
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
786
|
+
type SelectAlign = "start" | "center" | "end";
|
|
787
|
+
type SelectProps = {
|
|
788
|
+
value?: string;
|
|
789
|
+
defaultValue?: string;
|
|
790
|
+
onValueChange?: (value: string) => void;
|
|
791
|
+
open?: boolean;
|
|
792
|
+
defaultOpen?: boolean;
|
|
793
|
+
onOpenChange?: (open: boolean) => void;
|
|
794
|
+
disabled?: boolean;
|
|
795
|
+
name?: string;
|
|
796
|
+
required?: boolean;
|
|
797
|
+
variant?: VariantProps;
|
|
798
|
+
size?: SizeProps;
|
|
799
|
+
customSize?: CustomSize;
|
|
800
|
+
invalid?: boolean;
|
|
801
|
+
children: React$1.ReactNode;
|
|
802
|
+
};
|
|
803
|
+
declare function Select({ value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, name, required, variant, size, customSize, invalid, children, }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
804
|
+
type SelectTriggerProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
805
|
+
variant?: VariantProps;
|
|
806
|
+
size?: SizeProps;
|
|
807
|
+
customSize?: CustomSize;
|
|
808
|
+
invalid?: boolean;
|
|
809
|
+
};
|
|
810
|
+
declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
811
|
+
variant?: VariantProps;
|
|
812
|
+
size?: SizeProps;
|
|
813
|
+
customSize?: CustomSize;
|
|
814
|
+
invalid?: boolean;
|
|
815
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
816
|
+
type SelectValueProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
817
|
+
placeholder?: React$1.ReactNode;
|
|
818
|
+
};
|
|
819
|
+
declare const SelectValue: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
820
|
+
placeholder?: React$1.ReactNode;
|
|
821
|
+
} & React$1.RefAttributes<HTMLSpanElement>>;
|
|
822
|
+
type SelectContentProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
823
|
+
position?: "popper";
|
|
824
|
+
sideOffset?: number;
|
|
825
|
+
align?: SelectAlign;
|
|
826
|
+
};
|
|
827
|
+
declare const SelectContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
|
|
828
|
+
position?: "popper";
|
|
829
|
+
sideOffset?: number;
|
|
830
|
+
align?: SelectAlign;
|
|
831
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
832
|
+
type SelectGroupProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
833
|
+
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
834
|
+
type SelectLabelProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
835
|
+
declare const SelectLabel: React$1.ForwardRefExoticComponent<SelectLabelProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
836
|
+
type SelectItemProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
|
837
|
+
value: string;
|
|
838
|
+
disabled?: boolean;
|
|
839
|
+
textValue?: string;
|
|
840
|
+
size?: SizeProps;
|
|
841
|
+
customSize?: CustomSize;
|
|
842
|
+
};
|
|
843
|
+
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
|
844
|
+
value: string;
|
|
845
|
+
disabled?: boolean;
|
|
846
|
+
textValue?: string;
|
|
847
|
+
size?: SizeProps;
|
|
848
|
+
customSize?: CustomSize;
|
|
849
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
850
|
+
type SelectSeparatorProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
851
|
+
declare const SelectSeparator: React$1.ForwardRefExoticComponent<SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
780
852
|
|
|
781
853
|
declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
782
854
|
|
|
@@ -922,17 +994,12 @@ interface UiInputProps extends Omit<InputProps, 'id'> {
|
|
|
922
994
|
}
|
|
923
995
|
declare const UiInput: React$1.ForwardRefExoticComponent<UiInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
924
996
|
|
|
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
997
|
type UiSelectOption<TData = unknown> = {
|
|
930
998
|
value: string;
|
|
931
999
|
label: React$1.ReactNode;
|
|
932
1000
|
disabled?: boolean;
|
|
933
1001
|
data?: TData;
|
|
934
1002
|
};
|
|
935
|
-
type SizeProps = 'sm' | 'md' | 'lg';
|
|
936
1003
|
interface UiSelectProps<TData = unknown> {
|
|
937
1004
|
label?: React$1.ReactNode;
|
|
938
1005
|
placeholder?: string;
|
|
@@ -951,11 +1018,14 @@ interface UiSelectProps<TData = unknown> {
|
|
|
951
1018
|
messageClassName?: string;
|
|
952
1019
|
requiredLabelClassName?: string;
|
|
953
1020
|
size?: SizeProps;
|
|
954
|
-
|
|
1021
|
+
customSize?: CustomSize;
|
|
1022
|
+
variant?: VariantProps;
|
|
1023
|
+
classNameDefault?: boolean;
|
|
955
1024
|
errorMessage?: string;
|
|
956
1025
|
htmlFormItemId?: string;
|
|
1026
|
+
position?: "popper";
|
|
957
1027
|
}
|
|
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;
|
|
1028
|
+
declare function UiSelect<TData = unknown>({ label, placeholder, value, defaultValue, onChange, items, children, disabled, requiredLabel, className, selectClassName, labelClassName, contentClassName, itemClassName, messageClassName, requiredLabelClassName, size, customSize, variant, errorMessage, htmlFormItemId, position, }: UiSelectProps<TData>): react_jsx_runtime.JSX.Element;
|
|
959
1029
|
|
|
960
1030
|
interface UiCheckboxProps extends CheckboxProps {
|
|
961
1031
|
label?: React$1.ReactNode;
|
|
@@ -1235,4 +1305,4 @@ declare function PaginationSection({ totalPosts, postsPerPage, currentPage, setC
|
|
|
1235
1305
|
|
|
1236
1306
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1237
1307
|
|
|
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
|
|
1308
|
+
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 };
|