duokit-ui 0.1.1 → 0.1.3

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -34,7 +34,8 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { Table as Table$1 } from '@tanstack/react-table';
+import * as _tanstack_react_table from '@tanstack/react-table';
+import { Table as Table$1, ColumnDef, TableOptions } from '@tanstack/react-table';
 import { ClassValue } from 'clsx';
 import { z } from 'zod';
 
@@ -483,249 +484,100 @@ declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrim
 declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
-/**
- * Animation types and configurations
- */
-interface AnimationConfig$1 {
-    /** Badge animation type */
-    badgeAnimation?: "bounce" | "pulse" | "wiggle" | "fade" | "slide" | "none";
-    /** Popover animation type */
-    popoverAnimation?: "scale" | "slide" | "fade" | "flip" | "none";
-    /** Option hover animation type */
-    optionHoverAnimation?: "highlight" | "scale" | "glow" | "none";
-    /** Animation duration in seconds */
-    duration?: number;
-    /** Animation delay in seconds */
-    delay?: number;
-}
-/**
- * Variants for the multi-select component to handle different styles.
- * Uses class-variance-authority (cva) to define different styles based on "variant" prop.
- */
-declare const multiSelectVariants$2: (props?: ({
-    variant?: "default" | "destructive" | "secondary" | "inverted" | null | undefined;
-    badgeAnimation?: "none" | "bounce" | "pulse" | "wiggle" | "fade" | "slide" | null | undefined;
+declare const multiSelectVariants$1: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-/**
- * Option interface for MultiSelect component
- */
-interface MultiSelectOption$1 {
-    /** The text to display for the option. */
-    label: string;
-    /** The unique value associated with the option. */
-    value: string;
-    /** Optional icon component to display alongside the option. */
-    icon?: React$1.ComponentType<{
-        className?: string;
-    }>;
-    /** Whether this option is disabled */
-    disabled?: boolean;
-    /** Custom styling for the option */
-    style?: {
-        /** Custom badge color */
-        badgeColor?: string;
-        /** Custom icon color */
-        iconColor?: string;
-        /** Gradient background for badge */
-        gradient?: string;
-    };
-}
-/**
- * Group interface for organizing options
- */
-interface MultiSelectGroup$1 {
-    /** Group heading */
-    heading: string;
-    /** Options in this group */
-    options: MultiSelectOption$1[];
+interface CalendarDatePickerProps extends React$1.HTMLAttributes<HTMLButtonElement>, VariantProps<typeof multiSelectVariants$1> {
+    id?: string;
+    className?: string;
+    date: DateRange;
+    closeOnSelect?: boolean;
+    numberOfMonths?: 1 | 2;
+    yearsRange?: number;
+    onDateSelect: (range: {
+        from: Date;
+        to: Date;
+    }) => void;
 }
-/**
- * Props for MultiSelect component
- */
-interface MultiSelectProps$1 extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "animationConfig">, VariantProps<typeof multiSelectVariants$2> {
-    /**
-     * An array of option objects or groups to be displayed in the multi-select component.
-     */
-    options: MultiSelectOption$1[] | MultiSelectGroup$1[];
-    /**
-     * Callback function triggered when the selected values change.
-     * Receives an array of the new selected values.
-     */
-    onValueChange: (value: string[]) => void;
-    /** The default selected values when the component mounts. */
-    defaultValue?: string[];
-    /**
-     * Placeholder text to be displayed when no values are selected.
-     * Optional, defaults to "Select options".
-     */
-    placeholder?: string;
+declare const CalendarDatePicker: React$1.ForwardRefExoticComponent<CalendarDatePickerProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface DataTableProps<TData> {
     /**
-     * Animation duration in seconds for the visual effects (e.g., bouncing badges).
-     * Optional, defaults to 0 (no animation).
+     * Table instance from useReactTable
      */
-    animation?: number;
+    table: Table$1<TData>;
     /**
-     * Advanced animation configuration for different component parts.
-     * Optional, allows fine-tuning of various animation effects.
+     * Whether the table is in a loading state
      */
-    animationConfig?: AnimationConfig$1;
+    isLoading?: boolean;
     /**
-     * Maximum number of items to display. Extra selected items will be summarized.
-     * Optional, defaults to 3.
+     * Custom empty state message
      */
-    maxCount?: number;
+    emptyMessage?: ReactNode;
     /**
-     * The modality of the popover. When set to true, interaction with outside elements
-     * will be disabled and only popover content will be visible to screen readers.
-     * Optional, defaults to false.
+     * Custom loading message
      */
-    modalPopover?: boolean;
+    loadingMessage?: string;
     /**
-     * If true, renders the multi-select component as a child of another component.
-     * Optional, defaults to false.
+     * Children components
      */
-    asChild?: boolean;
+    children?: ReactNode;
     /**
-     * Additional class names to apply custom styles to the multi-select component.
-     * Optional, can be used to add custom styles.
+     * Custom className for the root container
      */
     className?: string;
+}
+interface DataTableSearchProps {
     /**
-     * If true, disables the select all functionality.
-     * Optional, defaults to false.
-     */
-    hideSelectAll?: boolean;
-    /**
-     * If true, shows search functionality in the popover.
-     * If false, hides the search input completely.
-     * Optional, defaults to true.
-     */
-    searchable?: boolean;
-    /**
-     * Custom empty state message when no options match search.
-     * Optional, defaults to "No results found."
-     */
-    emptyIndicator?: React$1.ReactNode;
-    /**
-     * If true, allows the component to grow and shrink with its content.
-     * If false, uses fixed width behavior.
-     * Optional, defaults to false.
-     */
-    autoSize?: boolean;
-    /**
-     * If true, shows badges in a single line with horizontal scroll.
-     * If false, badges wrap to multiple lines.
-     * Optional, defaults to false.
-     */
-    singleLine?: boolean;
-    /**
-     * Custom CSS class for the popover content.
-     * Optional, can be used to customize popover appearance.
-     */
-    popoverClassName?: string;
-    /**
-     * If true, disables the component completely.
-     * Optional, defaults to false.
-     */
-    disabled?: boolean;
-    /**
-     * Responsive configuration for different screen sizes.
-     * Allows customizing maxCount and other properties based on viewport.
-     * Can be boolean true for default responsive behavior or an object for custom configuration.
-     */
-    responsive?: boolean | {
-        /** Configuration for mobile devices (< 640px) */
-        mobile?: {
-            maxCount?: number;
-            hideIcons?: boolean;
-            compactMode?: boolean;
-        };
-        /** Configuration for tablet devices (640px - 1024px) */
-        tablet?: {
-            maxCount?: number;
-            hideIcons?: boolean;
-            compactMode?: boolean;
-        };
-        /** Configuration for desktop devices (> 1024px) */
-        desktop?: {
-            maxCount?: number;
-            hideIcons?: boolean;
-            compactMode?: boolean;
-        };
-    };
-    /**
-     * Minimum width for the component.
-     * Optional, defaults to auto-sizing based on content.
-     * When set, component will not shrink below this width.
-     */
-    minWidth?: string;
-    /**
-     * Maximum width for the component.
-     * Optional, defaults to 100% of container.
-     * Component will not exceed container boundaries.
-     */
-    maxWidth?: string;
-    /**
-     * If true, automatically removes duplicate options based on their value.
-     * Optional, defaults to false (shows warning in dev mode instead).
+     * Placeholder text for the search input
      */
-    deduplicateOptions?: boolean;
+    placeholder?: string;
     /**
-     * If true, the component will reset its internal state when defaultValue changes.
-     * Useful for React Hook Form integration and form reset functionality.
-     * Optional, defaults to true.
+     * Debounce delay in milliseconds
      */
-    resetOnDefaultValueChange?: boolean;
+    debounceMs?: number;
     /**
-     * If true, automatically closes the popover after selecting an option.
-     * Useful for single-selection-like behavior or mobile UX.
-     * Optional, defaults to false.
+     * Custom className
      */
-    closeOnSelect?: boolean;
+    className?: string;
 }
-/**
- * Imperative methods exposed through ref
- */
-interface MultiSelectRef$1 {
-    /**
-     * Programmatically reset the component to its default value
-     */
-    reset: () => void;
-    /**
-     * Get current selected values
-     */
-    getSelectedValues: () => string[];
+interface DataTablePaginationProps {
     /**
-     * Set selected values programmatically
+     * Show page size selector
      */
-    setSelectedValues: (values: string[]) => void;
+    showPageSizeSelector?: boolean;
     /**
-     * Clear all selected values
+     * Available page sizes
      */
-    clear: () => void;
+    pageSizeOptions?: number[];
     /**
-     * Focus the component
+     * Custom className
      */
-    focus: () => void;
+    className?: string;
 }
-declare const MultiSelect: React$1.ForwardRefExoticComponent<MultiSelectProps$1 & React$1.RefAttributes<MultiSelectRef$1>>;
 
-declare const multiSelectVariants$1: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface CalendarDatePickerProps extends React$1.HTMLAttributes<HTMLButtonElement>, VariantProps<typeof multiSelectVariants$1> {
-    id?: string;
+declare function DataTableRoot<TData>({ table, isLoading, emptyMessage, loadingMessage, children, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataTableHeader<TData>(): react_jsx_runtime.JSX.Element;
+declare function DataTableBody<TData>(): react_jsx_runtime.JSX.Element;
+declare function DataTablePagination({ showPageSizeSelector, className, }: DataTablePaginationProps): react_jsx_runtime.JSX.Element;
+declare function DataTableFilters({ children, className, }: {
+    children?: React.ReactNode;
     className?: string;
-    date: DateRange;
-    closeOnSelect?: boolean;
-    numberOfMonths?: 1 | 2;
-    yearsRange?: number;
-    onDateSelect: (range: {
-        from: Date;
-        to: Date;
-    }) => void;
-}
-declare const CalendarDatePicker: React$1.ForwardRefExoticComponent<CalendarDatePickerProps & React$1.RefAttributes<HTMLButtonElement>>;
+}): react_jsx_runtime.JSX.Element;
+declare const DataTable: {
+    Root: typeof DataTableRoot;
+    Header: typeof DataTableHeader;
+    Body: typeof DataTableBody;
+    Pagination: typeof DataTablePagination;
+    Filters: typeof DataTableFilters;
+};
+
+type Condition<Value = unknown> = Value | false | null | undefined | 0 | "";
+declare function If<Value = unknown>({ condition, children, fallback, }: React.PropsWithoutRef<{
+    condition: Condition<Value>;
+    children: React.ReactNode | ((value: Value) => React.ReactNode);
+    fallback?: React.ReactNode;
+}>): react_jsx_runtime.JSX.Element | null;
 
 declare const multiSelectVariants: (props?: ({
     variant?: "default" | "destructive" | "secondary" | "inverted" | null | undefined;
@@ -947,105 +799,11 @@ declare const ClientMultiSelect: React$1.ForwardRefExoticComponent<MultiSelectPr
 
 declare const PaginatedMultiSelect: React$1.ForwardRefExoticComponent<MultiSelectProps & PaginationProps & React$1.RefAttributes<MultiSelectRef>>;
 
-interface DataTableProps<TData> {
-    /**
-     * Table instance from useReactTable
-     */
-    table: Table$1<TData>;
-    /**
-     * Whether the table is in a loading state
-     */
-    isLoading?: boolean;
-    /**
-     * Custom empty state message
-     */
-    emptyMessage?: ReactNode;
-    /**
-     * Custom loading message
-     */
-    loadingMessage?: string;
-    /**
-     * Children components
-     */
-    children?: ReactNode;
-    /**
-     * Custom className for the root container
-     */
-    className?: string;
-}
-interface DataTableSearchProps {
-    /**
-     * Placeholder text for the search input
-     */
-    placeholder?: string;
-    /**
-     * Debounce delay in milliseconds
-     */
-    debounceMs?: number;
-    /**
-     * Custom className
-     */
-    className?: string;
-}
-interface DataTablePaginationProps {
-    /**
-     * Show page size selector
-     */
-    showPageSizeSelector?: boolean;
-    /**
-     * Available page sizes
-     */
-    pageSizeOptions?: number[];
-    /**
-     * Custom className
-     */
-    className?: string;
-}
-
-declare function DataTableRoot<TData>({ table, isLoading, emptyMessage, loadingMessage, children, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
-declare function DataTableHeader<TData>(): react_jsx_runtime.JSX.Element;
-declare function DataTableBody<TData>(): react_jsx_runtime.JSX.Element;
-declare function DataTablePagination({ showPageSizeSelector, className, }: DataTablePaginationProps): react_jsx_runtime.JSX.Element;
-declare function DataTableFilters({ children, className, }: {
-    children?: React.ReactNode;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare const DataTable: {
-    Root: typeof DataTableRoot;
-    Header: typeof DataTableHeader;
-    Body: typeof DataTableBody;
-    Pagination: typeof DataTablePagination;
-    Filters: typeof DataTableFilters;
-};
-
-declare function H1({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-
-declare function H2({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-
-declare function H3({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-
-declare function H4({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-
-declare function Paragraph({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-
-declare function Blockquote({ children, className, }: {
-    children: React.ReactNode;
+declare function PasswordInput({ value, onChange, className, autoComplete, }: {
+    value: string;
+    onChange: (value: string) => void;
     className?: string;
+    autoComplete?: string;
 }): react_jsx_runtime.JSX.Element;
 
 declare const NavigationConfigSchema: z.ZodObject<{
@@ -1287,12 +1045,35 @@ declare const SidebarMenuSubButton: React$1.FC<React$1.ComponentProps<"a"> & {
     isActive?: boolean;
 }>;
 
-type Condition<Value = unknown> = Value | false | null | undefined | 0 | "";
-declare function If<Value = unknown>({ condition, children, fallback, }: React.PropsWithoutRef<{
-    condition: Condition<Value>;
-    children: React.ReactNode | ((value: Value) => React.ReactNode);
-    fallback?: React.ReactNode;
-}>): react_jsx_runtime.JSX.Element | null;
+declare function Blockquote({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function H1({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function H2({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function H3({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function H4({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Paragraph({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
 
 /**
  * @name isRouteActive
@@ -1314,8 +1095,14 @@ declare function checkIfRouteIsActive(targetLink: string, currentRoute: string,
 
 declare function cn(...inputs: ClassValue[]): string;
 
+type TableProps<TData extends ColumnDef<TData>> = Pick<TableOptions<TData>, "data" | "columns" | "state" | "onPaginationChange" | "onSortingChange" | "onColumnFiltersChange" | "enableSorting">;
+interface UseCreateTableProps<TData extends ColumnDef<TData>> extends TableProps<TData> {
+    totalItems?: number;
+}
+declare const useCreateTable: <TData extends ColumnDef<TData>>(props: UseCreateTableProps<TData>) => _tanstack_react_table.Table<TData>;
+
 declare function useIsMobile(): boolean;
 
 declare const useToast: () => typeof toast;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationConfig$1 as AnimationConfig, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Blockquote, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDatePicker, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ClientMultiSelect, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, 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, type DataTablePaginationProps, type DataTableProps, type DataTableSearchProps, 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, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, If, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MultiSelect, type MultiSelectGroup$1 as MultiSelectGroup, type MultiSelectOption$1 as MultiSelectOption, type MultiSelectProps$1 as MultiSelectProps, type MultiSelectRef$1 as MultiSelectRef, NavigationConfigSchema, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PaginatedMultiSelect, Paragraph, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, type SidebarConfig, SidebarContent, SidebarContext, type SidebarContextValue, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, checkIfRouteIsActive, cn, isRouteActive, navigationMenuTriggerStyle, sidebarMenuButtonVariants, tabsListVariants, toggleVariants, useComboboxAnchor, useIsMobile, useSidebar, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Blockquote, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDatePicker, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ClientMultiSelect, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, 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, type DataTablePaginationProps, type DataTableProps, type DataTableSearchProps, 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, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, If, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationConfigSchema, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PaginatedMultiSelect, Paragraph, PasswordInput, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, type SidebarConfig, SidebarContent, SidebarContext, type SidebarContextValue, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, checkIfRouteIsActive, cn, isRouteActive, navigationMenuTriggerStyle, sidebarMenuButtonVariants, tabsListVariants, toggleVariants, useComboboxAnchor, useCreateTable, useIsMobile, useSidebar, useToast };