shadcn-ui-react 0.5.0 → 0.5.2
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 +141 -31
- package/dist/index.cjs +565 -181
- package/dist/index.d.cts +77 -42
- package/dist/index.d.ts +77 -42
- package/dist/index.js +565 -186
- package/dist/style.css +145 -46
- package/package.json +18 -18
package/dist/index.d.cts
CHANGED
|
@@ -2,7 +2,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
-
import { VariantProps as VariantProps$
|
|
5
|
+
import { VariantProps as VariantProps$3 } from 'class-variance-authority';
|
|
6
6
|
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
7
7
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
8
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
@@ -50,7 +50,7 @@ declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPri
|
|
|
50
50
|
declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
51
51
|
declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
52
52
|
|
|
53
|
-
declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps$
|
|
53
|
+
declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps$3<(props?: ({
|
|
54
54
|
variant?: "default" | "destructive" | null | undefined;
|
|
55
55
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
56
56
|
declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
@@ -65,7 +65,7 @@ declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimi
|
|
|
65
65
|
declare const badgeVariants: (props?: ({
|
|
66
66
|
variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
|
|
67
67
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
68
|
-
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$
|
|
68
|
+
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$3<typeof badgeVariants> {
|
|
69
69
|
}
|
|
70
70
|
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
71
71
|
|
|
@@ -91,7 +91,7 @@ declare const buttonVariants: (props?: ({
|
|
|
91
91
|
variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
|
|
92
92
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
93
93
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
94
|
-
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps$
|
|
94
|
+
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps$3<typeof buttonVariants> {
|
|
95
95
|
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null;
|
|
96
96
|
asChild?: boolean;
|
|
97
97
|
loading?: boolean;
|
|
@@ -318,17 +318,17 @@ type SelectOption<T = any> = {
|
|
|
318
318
|
disabled?: boolean;
|
|
319
319
|
data?: T;
|
|
320
320
|
};
|
|
321
|
-
type InputVariantProps = 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
|
|
322
|
-
declare const inputVariants: Record<InputVariantProps, string>;
|
|
323
|
-
type InputVariant = keyof typeof inputVariants;
|
|
324
|
-
declare const variants: Record<InputVariant, string>;
|
|
325
|
-
type VariantProps = InputVariant;
|
|
326
|
-
type SizeProps = 'sm' | 'md' | 'lg';
|
|
321
|
+
type InputVariantProps$1 = 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
|
|
322
|
+
declare const inputVariants$2: Record<InputVariantProps$1, string>;
|
|
323
|
+
type InputVariant$1 = keyof typeof inputVariants$2;
|
|
324
|
+
declare const variants: Record<InputVariant$1, string>;
|
|
325
|
+
type VariantProps$2 = InputVariant$1;
|
|
326
|
+
type SizeProps$1 = 'sm' | 'md' | 'lg';
|
|
327
327
|
type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
328
328
|
name: TName;
|
|
329
329
|
rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled' | 'size'>;
|
|
330
|
-
size?: SizeProps;
|
|
331
|
-
variant?: VariantProps;
|
|
330
|
+
size?: SizeProps$1;
|
|
331
|
+
variant?: VariantProps$2;
|
|
332
332
|
leading?: React__default.ReactNode;
|
|
333
333
|
trailing?: React__default.ReactNode;
|
|
334
334
|
invalid?: boolean;
|
|
@@ -393,8 +393,8 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
393
393
|
onChange?: (value: string) => void;
|
|
394
394
|
onChangeItem?: (item: TItem | null) => void;
|
|
395
395
|
disabled?: boolean;
|
|
396
|
-
size?: SizeProps;
|
|
397
|
-
variant?: VariantProps;
|
|
396
|
+
size?: SizeProps$1;
|
|
397
|
+
variant?: VariantProps$2;
|
|
398
398
|
invalid?: boolean;
|
|
399
399
|
searchable?: boolean;
|
|
400
400
|
searchPlaceholder?: string;
|
|
@@ -485,7 +485,7 @@ declare const InputOTPSlot: React$1.ForwardRefExoticComponent<Omit<React$1.Detai
|
|
|
485
485
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
486
486
|
declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
487
487
|
|
|
488
|
-
declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps$
|
|
488
|
+
declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps$3<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
489
489
|
|
|
490
490
|
declare const MenubarMenu: {
|
|
491
491
|
(props: MenubarPrimitive.MenubarMenuProps & {
|
|
@@ -582,25 +582,9 @@ declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive
|
|
|
582
582
|
declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
583
583
|
declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
584
584
|
|
|
585
|
-
declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.
|
|
586
|
-
declare const ResizablePanel:
|
|
587
|
-
|
|
588
|
-
collapsedSize?: number | undefined;
|
|
589
|
-
collapsible?: boolean | undefined;
|
|
590
|
-
defaultSize?: number | undefined;
|
|
591
|
-
id?: string;
|
|
592
|
-
maxSize?: number | undefined;
|
|
593
|
-
minSize?: number | undefined;
|
|
594
|
-
onCollapse?: ResizablePrimitive.PanelOnCollapse;
|
|
595
|
-
onExpand?: ResizablePrimitive.PanelOnExpand;
|
|
596
|
-
onResize?: ResizablePrimitive.PanelOnResize;
|
|
597
|
-
order?: number;
|
|
598
|
-
style?: object;
|
|
599
|
-
tagName?: keyof HTMLElementTagNameMap | undefined;
|
|
600
|
-
} & {
|
|
601
|
-
children?: React$1.ReactNode | undefined;
|
|
602
|
-
} & React$1.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
|
|
603
|
-
declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
|
|
585
|
+
declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Group>) => react_jsx_runtime.JSX.Element;
|
|
586
|
+
declare const ResizablePanel: typeof ResizablePrimitive.Panel;
|
|
587
|
+
declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Separator> & {
|
|
604
588
|
withHandle?: boolean;
|
|
605
589
|
}) => react_jsx_runtime.JSX.Element;
|
|
606
590
|
|
|
@@ -638,7 +622,7 @@ declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimiti
|
|
|
638
622
|
declare const sheetVariants: (props?: ({
|
|
639
623
|
side?: "top" | "right" | "bottom" | "left" | null | undefined;
|
|
640
624
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
641
|
-
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps$
|
|
625
|
+
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps$3<typeof sheetVariants> {
|
|
642
626
|
}
|
|
643
627
|
declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
644
628
|
declare const SheetHeader: {
|
|
@@ -661,7 +645,9 @@ declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Ele
|
|
|
661
645
|
|
|
662
646
|
declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
663
647
|
|
|
664
|
-
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> &
|
|
648
|
+
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & {
|
|
649
|
+
containerClassName?: string;
|
|
650
|
+
} & React$1.RefAttributes<HTMLTableElement>>;
|
|
665
651
|
declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
666
652
|
declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
667
653
|
declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
@@ -681,7 +667,7 @@ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$
|
|
|
681
667
|
|
|
682
668
|
declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
|
|
683
669
|
declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
|
|
684
|
-
declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps$
|
|
670
|
+
declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps$3<(props?: ({
|
|
685
671
|
variant?: "default" | "destructive" | null | undefined;
|
|
686
672
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
|
|
687
673
|
declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -695,16 +681,16 @@ declare const toggleVariants: (props?: ({
|
|
|
695
681
|
variant?: "default" | "outline" | null | undefined;
|
|
696
682
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
697
683
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
698
|
-
declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$
|
|
684
|
+
declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$3<(props?: ({
|
|
699
685
|
variant?: "default" | "outline" | null | undefined;
|
|
700
686
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
701
687
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
702
688
|
|
|
703
|
-
declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps$
|
|
689
|
+
declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps$3<(props?: ({
|
|
704
690
|
variant?: "default" | "outline" | null | undefined;
|
|
705
691
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
706
692
|
} & class_variance_authority_types.ClassProp) | undefined) => string>) & React$1.RefAttributes<HTMLDivElement>>;
|
|
707
|
-
declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$
|
|
693
|
+
declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$3<(props?: ({
|
|
708
694
|
variant?: "default" | "outline" | null | undefined;
|
|
709
695
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
710
696
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -806,8 +792,11 @@ interface DataTableProps<TData, TValue> {
|
|
|
806
792
|
pageLabel?: string;
|
|
807
793
|
ofLabel?: string;
|
|
808
794
|
emptyData?: React__default.ReactNode;
|
|
795
|
+
animate?: boolean;
|
|
796
|
+
stickyHeader?: boolean;
|
|
797
|
+
heightClassName?: string;
|
|
809
798
|
}
|
|
810
|
-
declare function DataTable<TData, TValue>({ columns, data, pageCount, page, perPage, pageSizeOptions, rowPerPageLabel, ofLabel, pageLabel, isRowsSelected, totalRows, rowsSelectedLabel, className, emptyData, bodyClassName, cellClassName, headerClassName, rowClassName, tableClassName, onPageChange, onClick, onPageSizeChange, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
|
|
799
|
+
declare function DataTable<TData, TValue>({ columns, data, pageCount, page, perPage, pageSizeOptions, rowPerPageLabel, ofLabel, pageLabel, isRowsSelected, totalRows, rowsSelectedLabel, className, emptyData, bodyClassName, cellClassName, headerClassName, rowClassName, tableClassName, onPageChange, onClick, onPageSizeChange, animate, stickyHeader, heightClassName, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
|
|
811
800
|
|
|
812
801
|
type DataTableSkeletonProps = {
|
|
813
802
|
columnCount: number;
|
|
@@ -865,6 +854,52 @@ type TFileUploadProps = {
|
|
|
865
854
|
};
|
|
866
855
|
declare function Dropzone({ label, onChange, value, className, description, descriptionActive, accept, options, descriptionClassName, dropzoneClassName, valueClassName, labelClassName, }: TFileUploadProps): react_jsx_runtime.JSX.Element;
|
|
867
856
|
|
|
857
|
+
type SelectVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
858
|
+
declare const inputVariants$1: Record<SelectVariantProps, string>;
|
|
859
|
+
type SelectVariant = keyof typeof inputVariants$1;
|
|
860
|
+
|
|
861
|
+
type VariantProps$1 = SelectVariant;
|
|
862
|
+
type SizeProps = "sm" | "md" | "lg";
|
|
863
|
+
interface UiSelectProps {
|
|
864
|
+
ref?: React$1.Ref<HTMLLabelElement>;
|
|
865
|
+
label?: string;
|
|
866
|
+
placeholder?: string;
|
|
867
|
+
value?: string;
|
|
868
|
+
onChange?: (value: string) => void;
|
|
869
|
+
items?: any[];
|
|
870
|
+
children?: React$1.ReactNode;
|
|
871
|
+
className?: string;
|
|
872
|
+
selectClassName?: string;
|
|
873
|
+
labelClassName?: string;
|
|
874
|
+
contentClassName?: string;
|
|
875
|
+
size?: SizeProps;
|
|
876
|
+
variant?: VariantProps$1;
|
|
877
|
+
errorMessage?: string;
|
|
878
|
+
htmlFormItemId?: string;
|
|
879
|
+
}
|
|
880
|
+
declare function UiSelect({ ref, label, placeholder, value, onChange, items, children, className, selectClassName, labelClassName, contentClassName, size, variant, errorMessage, htmlFormItemId: formItemId, }: UiSelectProps): react_jsx_runtime.JSX.Element;
|
|
881
|
+
|
|
882
|
+
type InputVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
883
|
+
declare const inputVariants: Record<InputVariantProps, string>;
|
|
884
|
+
type InputVariant = keyof typeof inputVariants;
|
|
885
|
+
|
|
886
|
+
type VariantProps = InputVariant;
|
|
887
|
+
interface UiInputProps {
|
|
888
|
+
ref?: React$1.Ref<HTMLLabelElement>;
|
|
889
|
+
label?: string;
|
|
890
|
+
placeholder?: string;
|
|
891
|
+
value?: string;
|
|
892
|
+
onChange?: React$1.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
893
|
+
className?: string;
|
|
894
|
+
classNameDefault?: boolean;
|
|
895
|
+
labelClassName?: string;
|
|
896
|
+
inputClassName?: string;
|
|
897
|
+
variant?: VariantProps;
|
|
898
|
+
errorMessage?: string;
|
|
899
|
+
htmlFormItemId?: string;
|
|
900
|
+
}
|
|
901
|
+
declare function UiInput({ ref, label, placeholder, onChange, className, classNameDefault, labelClassName, inputClassName, variant, errorMessage, htmlFormItemId: formItemId, ...inputProps }: UiInputProps): react_jsx_runtime.JSX.Element;
|
|
902
|
+
|
|
868
903
|
declare function cn(...inputs: ClassValue[]): string;
|
|
869
904
|
|
|
870
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, type InputVariantProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, inputVariants, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useToast, variants };
|
|
905
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant$1 as InputVariant, type InputVariantProps$1 as InputVariantProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UiInput, UiSelect, badgeVariants, buttonVariants, cn, inputVariants$2 as inputVariants, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useToast, variants };
|
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
-
import { VariantProps as VariantProps$
|
|
5
|
+
import { VariantProps as VariantProps$3 } from 'class-variance-authority';
|
|
6
6
|
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
7
7
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
8
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
@@ -50,7 +50,7 @@ declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPri
|
|
|
50
50
|
declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
51
51
|
declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
52
52
|
|
|
53
|
-
declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps$
|
|
53
|
+
declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps$3<(props?: ({
|
|
54
54
|
variant?: "default" | "destructive" | null | undefined;
|
|
55
55
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
56
56
|
declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
@@ -65,7 +65,7 @@ declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimi
|
|
|
65
65
|
declare const badgeVariants: (props?: ({
|
|
66
66
|
variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
|
|
67
67
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
68
|
-
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$
|
|
68
|
+
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$3<typeof badgeVariants> {
|
|
69
69
|
}
|
|
70
70
|
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
71
71
|
|
|
@@ -91,7 +91,7 @@ declare const buttonVariants: (props?: ({
|
|
|
91
91
|
variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
|
|
92
92
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
93
93
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
94
|
-
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps$
|
|
94
|
+
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps$3<typeof buttonVariants> {
|
|
95
95
|
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null;
|
|
96
96
|
asChild?: boolean;
|
|
97
97
|
loading?: boolean;
|
|
@@ -318,17 +318,17 @@ type SelectOption<T = any> = {
|
|
|
318
318
|
disabled?: boolean;
|
|
319
319
|
data?: T;
|
|
320
320
|
};
|
|
321
|
-
type InputVariantProps = 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
|
|
322
|
-
declare const inputVariants: Record<InputVariantProps, string>;
|
|
323
|
-
type InputVariant = keyof typeof inputVariants;
|
|
324
|
-
declare const variants: Record<InputVariant, string>;
|
|
325
|
-
type VariantProps = InputVariant;
|
|
326
|
-
type SizeProps = 'sm' | 'md' | 'lg';
|
|
321
|
+
type InputVariantProps$1 = 'outline' | 'soft' | 'ghost' | 'filled' | 'flushed' | 'unstyled' | 'link';
|
|
322
|
+
declare const inputVariants$2: Record<InputVariantProps$1, string>;
|
|
323
|
+
type InputVariant$1 = keyof typeof inputVariants$2;
|
|
324
|
+
declare const variants: Record<InputVariant$1, string>;
|
|
325
|
+
type VariantProps$2 = InputVariant$1;
|
|
326
|
+
type SizeProps$1 = 'sm' | 'md' | 'lg';
|
|
327
327
|
type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
328
328
|
name: TName;
|
|
329
329
|
rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled' | 'size'>;
|
|
330
|
-
size?: SizeProps;
|
|
331
|
-
variant?: VariantProps;
|
|
330
|
+
size?: SizeProps$1;
|
|
331
|
+
variant?: VariantProps$2;
|
|
332
332
|
leading?: React__default.ReactNode;
|
|
333
333
|
trailing?: React__default.ReactNode;
|
|
334
334
|
invalid?: boolean;
|
|
@@ -393,8 +393,8 @@ type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends Field
|
|
|
393
393
|
onChange?: (value: string) => void;
|
|
394
394
|
onChangeItem?: (item: TItem | null) => void;
|
|
395
395
|
disabled?: boolean;
|
|
396
|
-
size?: SizeProps;
|
|
397
|
-
variant?: VariantProps;
|
|
396
|
+
size?: SizeProps$1;
|
|
397
|
+
variant?: VariantProps$2;
|
|
398
398
|
invalid?: boolean;
|
|
399
399
|
searchable?: boolean;
|
|
400
400
|
searchPlaceholder?: string;
|
|
@@ -485,7 +485,7 @@ declare const InputOTPSlot: React$1.ForwardRefExoticComponent<Omit<React$1.Detai
|
|
|
485
485
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
486
486
|
declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
487
487
|
|
|
488
|
-
declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps$
|
|
488
|
+
declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps$3<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
489
489
|
|
|
490
490
|
declare const MenubarMenu: {
|
|
491
491
|
(props: MenubarPrimitive.MenubarMenuProps & {
|
|
@@ -582,25 +582,9 @@ declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive
|
|
|
582
582
|
declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
583
583
|
declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
584
584
|
|
|
585
|
-
declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.
|
|
586
|
-
declare const ResizablePanel:
|
|
587
|
-
|
|
588
|
-
collapsedSize?: number | undefined;
|
|
589
|
-
collapsible?: boolean | undefined;
|
|
590
|
-
defaultSize?: number | undefined;
|
|
591
|
-
id?: string;
|
|
592
|
-
maxSize?: number | undefined;
|
|
593
|
-
minSize?: number | undefined;
|
|
594
|
-
onCollapse?: ResizablePrimitive.PanelOnCollapse;
|
|
595
|
-
onExpand?: ResizablePrimitive.PanelOnExpand;
|
|
596
|
-
onResize?: ResizablePrimitive.PanelOnResize;
|
|
597
|
-
order?: number;
|
|
598
|
-
style?: object;
|
|
599
|
-
tagName?: keyof HTMLElementTagNameMap | undefined;
|
|
600
|
-
} & {
|
|
601
|
-
children?: React$1.ReactNode | undefined;
|
|
602
|
-
} & React$1.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
|
|
603
|
-
declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
|
|
585
|
+
declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Group>) => react_jsx_runtime.JSX.Element;
|
|
586
|
+
declare const ResizablePanel: typeof ResizablePrimitive.Panel;
|
|
587
|
+
declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Separator> & {
|
|
604
588
|
withHandle?: boolean;
|
|
605
589
|
}) => react_jsx_runtime.JSX.Element;
|
|
606
590
|
|
|
@@ -638,7 +622,7 @@ declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimiti
|
|
|
638
622
|
declare const sheetVariants: (props?: ({
|
|
639
623
|
side?: "top" | "right" | "bottom" | "left" | null | undefined;
|
|
640
624
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
641
|
-
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps$
|
|
625
|
+
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps$3<typeof sheetVariants> {
|
|
642
626
|
}
|
|
643
627
|
declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
644
628
|
declare const SheetHeader: {
|
|
@@ -661,7 +645,9 @@ declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Ele
|
|
|
661
645
|
|
|
662
646
|
declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
663
647
|
|
|
664
|
-
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> &
|
|
648
|
+
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & {
|
|
649
|
+
containerClassName?: string;
|
|
650
|
+
} & React$1.RefAttributes<HTMLTableElement>>;
|
|
665
651
|
declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
666
652
|
declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
667
653
|
declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
@@ -681,7 +667,7 @@ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$
|
|
|
681
667
|
|
|
682
668
|
declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
|
|
683
669
|
declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
|
|
684
|
-
declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps$
|
|
670
|
+
declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps$3<(props?: ({
|
|
685
671
|
variant?: "default" | "destructive" | null | undefined;
|
|
686
672
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
|
|
687
673
|
declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -695,16 +681,16 @@ declare const toggleVariants: (props?: ({
|
|
|
695
681
|
variant?: "default" | "outline" | null | undefined;
|
|
696
682
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
697
683
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
698
|
-
declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$
|
|
684
|
+
declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$3<(props?: ({
|
|
699
685
|
variant?: "default" | "outline" | null | undefined;
|
|
700
686
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
701
687
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
702
688
|
|
|
703
|
-
declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps$
|
|
689
|
+
declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps$3<(props?: ({
|
|
704
690
|
variant?: "default" | "outline" | null | undefined;
|
|
705
691
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
706
692
|
} & class_variance_authority_types.ClassProp) | undefined) => string>) & React$1.RefAttributes<HTMLDivElement>>;
|
|
707
|
-
declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$
|
|
693
|
+
declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps$3<(props?: ({
|
|
708
694
|
variant?: "default" | "outline" | null | undefined;
|
|
709
695
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
710
696
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -806,8 +792,11 @@ interface DataTableProps<TData, TValue> {
|
|
|
806
792
|
pageLabel?: string;
|
|
807
793
|
ofLabel?: string;
|
|
808
794
|
emptyData?: React__default.ReactNode;
|
|
795
|
+
animate?: boolean;
|
|
796
|
+
stickyHeader?: boolean;
|
|
797
|
+
heightClassName?: string;
|
|
809
798
|
}
|
|
810
|
-
declare function DataTable<TData, TValue>({ columns, data, pageCount, page, perPage, pageSizeOptions, rowPerPageLabel, ofLabel, pageLabel, isRowsSelected, totalRows, rowsSelectedLabel, className, emptyData, bodyClassName, cellClassName, headerClassName, rowClassName, tableClassName, onPageChange, onClick, onPageSizeChange, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
|
|
799
|
+
declare function DataTable<TData, TValue>({ columns, data, pageCount, page, perPage, pageSizeOptions, rowPerPageLabel, ofLabel, pageLabel, isRowsSelected, totalRows, rowsSelectedLabel, className, emptyData, bodyClassName, cellClassName, headerClassName, rowClassName, tableClassName, onPageChange, onClick, onPageSizeChange, animate, stickyHeader, heightClassName, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
|
|
811
800
|
|
|
812
801
|
type DataTableSkeletonProps = {
|
|
813
802
|
columnCount: number;
|
|
@@ -865,6 +854,52 @@ type TFileUploadProps = {
|
|
|
865
854
|
};
|
|
866
855
|
declare function Dropzone({ label, onChange, value, className, description, descriptionActive, accept, options, descriptionClassName, dropzoneClassName, valueClassName, labelClassName, }: TFileUploadProps): react_jsx_runtime.JSX.Element;
|
|
867
856
|
|
|
857
|
+
type SelectVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
858
|
+
declare const inputVariants$1: Record<SelectVariantProps, string>;
|
|
859
|
+
type SelectVariant = keyof typeof inputVariants$1;
|
|
860
|
+
|
|
861
|
+
type VariantProps$1 = SelectVariant;
|
|
862
|
+
type SizeProps = "sm" | "md" | "lg";
|
|
863
|
+
interface UiSelectProps {
|
|
864
|
+
ref?: React$1.Ref<HTMLLabelElement>;
|
|
865
|
+
label?: string;
|
|
866
|
+
placeholder?: string;
|
|
867
|
+
value?: string;
|
|
868
|
+
onChange?: (value: string) => void;
|
|
869
|
+
items?: any[];
|
|
870
|
+
children?: React$1.ReactNode;
|
|
871
|
+
className?: string;
|
|
872
|
+
selectClassName?: string;
|
|
873
|
+
labelClassName?: string;
|
|
874
|
+
contentClassName?: string;
|
|
875
|
+
size?: SizeProps;
|
|
876
|
+
variant?: VariantProps$1;
|
|
877
|
+
errorMessage?: string;
|
|
878
|
+
htmlFormItemId?: string;
|
|
879
|
+
}
|
|
880
|
+
declare function UiSelect({ ref, label, placeholder, value, onChange, items, children, className, selectClassName, labelClassName, contentClassName, size, variant, errorMessage, htmlFormItemId: formItemId, }: UiSelectProps): react_jsx_runtime.JSX.Element;
|
|
881
|
+
|
|
882
|
+
type InputVariantProps = "outline" | "soft" | "ghost" | "filled" | "flushed" | "unstyled" | "link";
|
|
883
|
+
declare const inputVariants: Record<InputVariantProps, string>;
|
|
884
|
+
type InputVariant = keyof typeof inputVariants;
|
|
885
|
+
|
|
886
|
+
type VariantProps = InputVariant;
|
|
887
|
+
interface UiInputProps {
|
|
888
|
+
ref?: React$1.Ref<HTMLLabelElement>;
|
|
889
|
+
label?: string;
|
|
890
|
+
placeholder?: string;
|
|
891
|
+
value?: string;
|
|
892
|
+
onChange?: React$1.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
893
|
+
className?: string;
|
|
894
|
+
classNameDefault?: boolean;
|
|
895
|
+
labelClassName?: string;
|
|
896
|
+
inputClassName?: string;
|
|
897
|
+
variant?: VariantProps;
|
|
898
|
+
errorMessage?: string;
|
|
899
|
+
htmlFormItemId?: string;
|
|
900
|
+
}
|
|
901
|
+
declare function UiInput({ ref, label, placeholder, onChange, className, classNameDefault, labelClassName, inputClassName, variant, errorMessage, htmlFormItemId: formItemId, ...inputProps }: UiInputProps): react_jsx_runtime.JSX.Element;
|
|
902
|
+
|
|
868
903
|
declare function cn(...inputs: ClassValue[]): string;
|
|
869
904
|
|
|
870
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, type InputVariantProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, inputVariants, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useToast, variants };
|
|
905
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSelect, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant$1 as InputVariant, type InputVariantProps$1 as InputVariantProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UiInput, UiSelect, badgeVariants, buttonVariants, cn, inputVariants$2 as inputVariants, navigationMenuTriggerStyle, reducer, toast, toggleVariants, useFormField, useToast, variants };
|