shadcn-ui-react 0.5.3 → 0.6.0

package/dist/index.d.cts

@@ -769,13 +769,122 @@ type BreadcrumbsProps = {
 };
 declare function Breadcrumbs({ items, className, classNameList }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
 
+/** =========
+ *  SLOTS
+ *  =========
+ *  Classname “slots” you can override to customize styles at specific points
+ *  (root, table, header, rows, cells, footer, etc.).
+ */
+type DataTableSlots = Partial<{
+    root: string;
+    table: string;
+    thead: string;
+    theadSticky: string;
+    trHead: string;
+    th: string;
+    tbody: string;
+    tr: string;
+    trClickable: string;
+    td: string;
+    footer: string;
+    footerInner: string;
+    metaWrap: string;
+    controlsWrap: string;
+    pageSizeLabel: string;
+    pageSizeTrigger: string;
+    pageLabel: string;
+    navButton: string;
+}>;
+/** =========
+ *  ACCENTS
+ *  =========
+ *  Accent system for highlighting interactive/selected states.
+ *  - `accent`: choose a preset accent name
+ *  - `accentColor`: provide a custom CSS color (overrides `accent`)
+ *  If both are null/empty, accent styling is disabled.
+ */
+type DataTableAccent = 'primary' | 'emerald' | 'indigo' | 'rose' | 'amber' | 'zinc';
+/** =========
+ *  TEMPLATES
+ *  =========
+ *  Built-in visual templates (neo, glass, compact, minimal, clean, elevated, grid, cards).
+ *  Each template is a partial set of slots. Slots are merged like:
+ *  `neo base` + `selected template` + `classNames overrides`.
+ */
+declare const DATA_TABLE_TEMPLATES: {
+    readonly neo: {
+        root: string;
+        table: string;
+        thead: string;
+        theadSticky: string;
+        trHead: string;
+        th: string;
+        tbody: string;
+        tr: string;
+        trClickable: string;
+        td: string;
+        footer: string;
+        footerInner: string;
+        metaWrap: string;
+        controlsWrap: string;
+        pageSizeLabel: string;
+        pageSizeTrigger: string;
+        pageLabel: string;
+        navButton: string;
+    };
+    readonly glass: {
+        root: string;
+        theadSticky: string;
+        tbody: string;
+    };
+    readonly compact: {
+        th: string;
+        td: string;
+        pageSizeTrigger: string;
+    };
+    readonly minimal: {
+        root: string;
+        theadSticky: string;
+        footer: string;
+        tbody: string;
+    };
+    readonly clean: {
+        root: string;
+        theadSticky: string;
+        tbody: string;
+        tr: string;
+        trClickable: string;
+    };
+    readonly elevated: {
+        root: string;
+        theadSticky: string;
+        tbody: string;
+        th: string;
+        td: string;
+    };
+    readonly grid: {
+        root: string;
+        table: string;
+        thead: string;
+        tbody: string;
+        tr: string;
+        trClickable: string;
+    };
+    readonly cards: {
+        root: string;
+        table: string;
+        theadSticky: string;
+        tr: string;
+        trClickable: string;
+        tbody: string;
+    };
+};
+type BuiltInTemplate = keyof typeof DATA_TABLE_TEMPLATES;
 interface DataTableProps<TData, TValue> {
-    className?: string;
-    tableClassName?: string;
-    headerClassName?: string;
-    bodyClassName?: string;
-    rowClassName?: string;
-    cellClassName?: string;
+    classNames?: DataTableSlots;
+    template?: BuiltInTemplate;
+    accent?: DataTableAccent | null;
+    accentColor?: string | null;
     page?: number;
     perPage?: number;
     onPageChange?: (page: number) => void;
@@ -793,10 +902,38 @@ interface DataTableProps<TData, TValue> {
     ofLabel?: string;
     emptyData?: React__default.ReactNode;
     animate?: boolean;
-    stickyHeader?: boolean;
     heightClassName?: string;
+    stickyHeader?: boolean;
+    headerScroll?: boolean;
 }
-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;
+/**
+ * DataTable
+ * ----------
+ * A styled, template-driven table for TanStack Table with:
+ * - manual pagination + external page state
+ * - optional animated body transitions
+ * - optional sticky header (works because we removed wrapper div around <table>)
+ * - optional row click handler
+ * - optional accent highlight system
+ *
+ * Props:
+ * - columns, data: TanStack Table definitions and rows
+ * - page, perPage, pageCount: pagination inputs (1-based page)
+ * - onPageChange(page): called with 1-based page
+ * - onPageSizeChange(size): called when page size changes (also resets to page 1)
+ * - template: built-in template key
+ * - classNames: slot overrides (merge on top)
+ * - accent / accentColor: accent control (off by default)
+ * - stickyHeader: enables sticky header behavior (default true)
+ * - headerScroll: if true, header stickiness is disabled (use when header must scroll away)
+ * - heightClassName: sets the overall component height
+ * - animate: animates tbody on page changes
+ * - emptyData: custom empty state node
+ * - totalRows: optional meta display
+ * - isRowsSelected / rowsSelectedLabel: selection meta display
+ * - rowPerPageLabel, pageLabel, ofLabel: i18n labels
+ */
+declare function DataTable<TData, TValue>({ columns, data, pageCount, page, perPage, pageSizeOptions, rowPerPageLabel, ofLabel, pageLabel, isRowsSelected, totalRows, rowsSelectedLabel, template, classNames, accent, accentColor, emptyData, onPageChange, onClick, onPageSizeChange, animate, stickyHeader, headerScroll, heightClassName }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 
 type DataTableSkeletonProps = {
     columnCount: number;
@@ -902,4 +1039,4 @@ declare function UiInput({ ref, label, placeholder, onChange, className, classNa
 
 declare function cn(...inputs: ClassValue[]): string;
 
-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 };
+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, DATA_TABLE_TEMPLATES, DataTable, type DataTableAccent, 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, 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

@@ -769,13 +769,122 @@ type BreadcrumbsProps = {
 };
 declare function Breadcrumbs({ items, className, classNameList }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
 
+/** =========
+ *  SLOTS
+ *  =========
+ *  Classname “slots” you can override to customize styles at specific points
+ *  (root, table, header, rows, cells, footer, etc.).
+ */
+type DataTableSlots = Partial<{
+    root: string;
+    table: string;
+    thead: string;
+    theadSticky: string;
+    trHead: string;
+    th: string;
+    tbody: string;
+    tr: string;
+    trClickable: string;
+    td: string;
+    footer: string;
+    footerInner: string;
+    metaWrap: string;
+    controlsWrap: string;
+    pageSizeLabel: string;
+    pageSizeTrigger: string;
+    pageLabel: string;
+    navButton: string;
+}>;
+/** =========
+ *  ACCENTS
+ *  =========
+ *  Accent system for highlighting interactive/selected states.
+ *  - `accent`: choose a preset accent name
+ *  - `accentColor`: provide a custom CSS color (overrides `accent`)
+ *  If both are null/empty, accent styling is disabled.
+ */
+type DataTableAccent = 'primary' | 'emerald' | 'indigo' | 'rose' | 'amber' | 'zinc';
+/** =========
+ *  TEMPLATES
+ *  =========
+ *  Built-in visual templates (neo, glass, compact, minimal, clean, elevated, grid, cards).
+ *  Each template is a partial set of slots. Slots are merged like:
+ *  `neo base` + `selected template` + `classNames overrides`.
+ */
+declare const DATA_TABLE_TEMPLATES: {
+    readonly neo: {
+        root: string;
+        table: string;
+        thead: string;
+        theadSticky: string;
+        trHead: string;
+        th: string;
+        tbody: string;
+        tr: string;
+        trClickable: string;
+        td: string;
+        footer: string;
+        footerInner: string;
+        metaWrap: string;
+        controlsWrap: string;
+        pageSizeLabel: string;
+        pageSizeTrigger: string;
+        pageLabel: string;
+        navButton: string;
+    };
+    readonly glass: {
+        root: string;
+        theadSticky: string;
+        tbody: string;
+    };
+    readonly compact: {
+        th: string;
+        td: string;
+        pageSizeTrigger: string;
+    };
+    readonly minimal: {
+        root: string;
+        theadSticky: string;
+        footer: string;
+        tbody: string;
+    };
+    readonly clean: {
+        root: string;
+        theadSticky: string;
+        tbody: string;
+        tr: string;
+        trClickable: string;
+    };
+    readonly elevated: {
+        root: string;
+        theadSticky: string;
+        tbody: string;
+        th: string;
+        td: string;
+    };
+    readonly grid: {
+        root: string;
+        table: string;
+        thead: string;
+        tbody: string;
+        tr: string;
+        trClickable: string;
+    };
+    readonly cards: {
+        root: string;
+        table: string;
+        theadSticky: string;
+        tr: string;
+        trClickable: string;
+        tbody: string;
+    };
+};
+type BuiltInTemplate = keyof typeof DATA_TABLE_TEMPLATES;
 interface DataTableProps<TData, TValue> {
-    className?: string;
-    tableClassName?: string;
-    headerClassName?: string;
-    bodyClassName?: string;
-    rowClassName?: string;
-    cellClassName?: string;
+    classNames?: DataTableSlots;
+    template?: BuiltInTemplate;
+    accent?: DataTableAccent | null;
+    accentColor?: string | null;
     page?: number;
     perPage?: number;
     onPageChange?: (page: number) => void;
@@ -793,10 +902,38 @@ interface DataTableProps<TData, TValue> {
     ofLabel?: string;
     emptyData?: React__default.ReactNode;
     animate?: boolean;
-    stickyHeader?: boolean;
     heightClassName?: string;
+    stickyHeader?: boolean;
+    headerScroll?: boolean;
 }
-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;
+/**
+ * DataTable
+ * ----------
+ * A styled, template-driven table for TanStack Table with:
+ * - manual pagination + external page state
+ * - optional animated body transitions
+ * - optional sticky header (works because we removed wrapper div around <table>)
+ * - optional row click handler
+ * - optional accent highlight system
+ *
+ * Props:
+ * - columns, data: TanStack Table definitions and rows
+ * - page, perPage, pageCount: pagination inputs (1-based page)
+ * - onPageChange(page): called with 1-based page
+ * - onPageSizeChange(size): called when page size changes (also resets to page 1)
+ * - template: built-in template key
+ * - classNames: slot overrides (merge on top)
+ * - accent / accentColor: accent control (off by default)
+ * - stickyHeader: enables sticky header behavior (default true)
+ * - headerScroll: if true, header stickiness is disabled (use when header must scroll away)
+ * - heightClassName: sets the overall component height
+ * - animate: animates tbody on page changes
+ * - emptyData: custom empty state node
+ * - totalRows: optional meta display
+ * - isRowsSelected / rowsSelectedLabel: selection meta display
+ * - rowPerPageLabel, pageLabel, ofLabel: i18n labels
+ */
+declare function DataTable<TData, TValue>({ columns, data, pageCount, page, perPage, pageSizeOptions, rowPerPageLabel, ofLabel, pageLabel, isRowsSelected, totalRows, rowsSelectedLabel, template, classNames, accent, accentColor, emptyData, onPageChange, onClick, onPageSizeChange, animate, stickyHeader, headerScroll, heightClassName }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 
 type DataTableSkeletonProps = {
     columnCount: number;
@@ -902,4 +1039,4 @@ declare function UiInput({ ref, label, placeholder, onChange, className, classNa
 
 declare function cn(...inputs: ClassValue[]): string;
 
-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 };
+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, DATA_TABLE_TEMPLATES, DataTable, type DataTableAccent, 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, 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 };