weloop-shadcn-ui
Version:
WeLoop UI component library with Radix UI and Recharts
1,109 lines • 72.5 kB
TypeScript
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
import * as React$1 from 'react';
import * as AccordionPrimitive from '@radix-ui/react-accordion';
import * as class_variance_authority from 'class-variance-authority';
import { VariantProps } from 'class-variance-authority';
import * as react_jsx_runtime from 'react/jsx-runtime';
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
import * as SeparatorPrimitive from '@radix-ui/react-separator';
import * as DialogPrimitive from '@radix-ui/react-dialog';
import * as MenubarPrimitive from '@radix-ui/react-menubar';
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
import * as TabsPrimitive from '@radix-ui/react-tabs';
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
import { Command as Command$1 } from 'cmdk';
import * as _radix_ui_react_slot from '@radix-ui/react-slot';
import * as react_hook_form from 'react-hook-form';
import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
import * as LabelPrimitive from '@radix-ui/react-label';
import { OTPInput } from 'input-otp';
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
import * as SelectPrimitive from '@radix-ui/react-select';
import * as SliderPrimitive from '@radix-ui/react-slider';
import * as SwitchPrimitive from '@radix-ui/react-switch';
import * as TogglePrimitive from '@radix-ui/react-toggle';
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
import { Drawer as Drawer$1 } from 'vaul';
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
import * as PopoverPrimitive from '@radix-ui/react-popover';
import * as AvatarPrimitive from '@radix-ui/react-avatar';
import { DayPicker } from 'react-day-picker';
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
import * as RechartsPrimitive from 'recharts';
import * as ProgressPrimitive from '@radix-ui/react-progress';
import * as ResizablePrimitive from 'react-resizable-panels';
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
import { ToasterProps } from 'sonner';
import { ClassValue } from 'clsx';
declare const Accordion: React$1.ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps & React$1.RefAttributes<HTMLDivElement> & VariantProps<(props?: ({
size?: "default" | "sm" | "md" | "lg" | null | undefined;
variant?: "default" | "chevron" | "plus-minus" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React$1.RefAttributes<HTMLDivElement> & VariantProps<(props?: ({
size?: "default" | "sm" | "md" | "lg" | null | undefined;
variant?: "default" | "chevron" | "plus-minus" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "ref">) & React$1.RefAttributes<HTMLDivElement>>;
declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement> & VariantProps<(props?: ({
variant?: "default" | "bordered" | "card" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement> & VariantProps<(props?: ({
size?: "default" | "sm" | "md" | "lg" | null | undefined;
variant?: "default" | "button" | "link" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const AppBar: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const AppBarNavigation: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const AppBarContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const AppBarTitleContainer: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const AppBarTitle: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
declare const AppBarSubtitle: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
declare const AppBarActions: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const AppBarModalHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare function AspectRatio({ className, ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime.JSX.Element;
declare const badgeVariants: (props?: ({
variant?: "default" | "progress" | "secondary" | "destructive" | "outline" | "draft" | "scheduled" | "pending" | "partially" | "paid" | "overpaid" | "closed" | "overdue" | "rejected" | "valid" | null | undefined;
size?: "default" | "sm" | "lg" | "xl" | null | undefined;
shape?: "default" | "rounded" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
declare function Badge({ className, variant, size, shape, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
asChild?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function Breadcrumb({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
asChild?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
declare const Button: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
variant?: "default" | "link" | "text" | "outline" | "primary" | "danger" | "danger-outline" | "danger-text" | "white" | "ghost" | "primary-icon" | "outline-icon" | "text-icon" | "danger-icon" | "danger-outline-icon" | "danger-text-icon" | "white-icon" | null | undefined;
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
asChild?: boolean;
}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
declare const buttonVariants: (props?: ({
variant?: "default" | "link" | "text" | "outline" | "primary" | "danger" | "danger-outline" | "danger-text" | "white" | "ghost" | "primary-icon" | "outline-icon" | "text-icon" | "danger-icon" | "danger-outline-icon" | "danger-text-icon" | "white-icon" | null | undefined;
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
interface ButtonGroupProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonVariants> {
asChild?: boolean;
}
declare const ButtonGroup: React$1.ForwardRefExoticComponent<ButtonGroupProps & React$1.RefAttributes<HTMLDivElement>>;
interface ButtonGroupItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
asChild?: boolean;
}
declare const ButtonGroupItem: React$1.ForwardRefExoticComponent<ButtonGroupItemProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const Card: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const CardHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const CardTitle: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const CardDescription: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const CardContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const CardFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare function Collapsible({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
declare function CollapsibleTrigger({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
declare function CollapsibleContent({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
declare function Sheet({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
declare function SheetClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
declare function SheetContent({ className, children, side, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
side?: "top" | "right" | "bottom" | "left";
}): react_jsx_runtime.JSX.Element;
declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare function Menubar({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Root>): react_jsx_runtime.JSX.Element;
declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
declare function MenubarRadioGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
declare function MenubarTrigger({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Content>): react_jsx_runtime.JSX.Element;
declare function MenubarItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Item> & {
inset?: boolean;
variant?: "default" | "destructive";
}): react_jsx_runtime.JSX.Element;
declare function MenubarCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
declare function MenubarRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
declare function MenubarLabel({ className, inset, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Label> & {
inset?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function MenubarSeparator({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Separator>): react_jsx_runtime.JSX.Element;
declare function MenubarShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
declare function MenubarSub({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
declare function MenubarSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
inset?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function MenubarSubContent({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
declare const navigationMenuTriggerStyle: string;
declare function NavigationMenu({ className, children, viewport, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
viewport?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function NavigationMenuList({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
declare function NavigationMenuItem({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element;
declare function NavigationMenuTrigger({ className, children, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
declare function NavigationMenuContent({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
declare function NavigationMenuLink({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
declare function PaginationContent({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
declare function PaginationItem({ ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
type PaginationLinkProps = {
isActive?: boolean;
disabled?: boolean;
} & React$1.ComponentProps<"button">;
declare function PaginationLink({ className, isActive, disabled, children, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
declare function PaginationPrevious({ className, disabled, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
declare function PaginationNext({ className, disabled, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
variant?: "default" | "error" | "complete" | "border-none";
size?: "default" | "lg";
leftIcon?: React$1.ReactNode;
rightIcon?: React$1.ReactNode;
clearable?: boolean;
onClear?: () => void;
}
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
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;
type SidebarContextProps = {
state: "expanded" | "collapsed";
open: boolean;
setOpen: (open: boolean) => void;
openMobile: boolean;
setOpenMobile: (open: boolean) => void;
isMobile: boolean;
toggleSidebar: () => void;
};
declare function useSidebar(): SidebarContextProps;
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<"div"> & {
defaultOpen?: boolean;
open?: boolean;
onOpenChange?: (open: boolean) => void;
}): react_jsx_runtime.JSX.Element;
declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
side?: "left" | "right";
variant?: "sidebar" | "floating" | "inset";
collapsible?: "offcanvas" | "icon" | "none";
}): react_jsx_runtime.JSX.Element;
declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
declare function SidebarInset({ className, variant, ...props }: React$1.ComponentProps<"main"> & {
variant?: string;
}): react_jsx_runtime.JSX.Element;
declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
declare function SidebarContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare function SidebarGroupLabel({ className, asChild, collapsible, ...props }: React$1.ComponentProps<"div"> & {
asChild?: boolean;
collapsible?: string;
}): react_jsx_runtime.JSX.Element;
declare function SidebarGroupAction({ className, asChild, collapsible, ...props }: React$1.ComponentProps<"button"> & {
asChild?: boolean;
collapsible?: string;
}): react_jsx_runtime.JSX.Element;
declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
declare const sidebarMenuButtonVariants: (props?: ({
variant?: "default" | "outline" | null | undefined;
size?: "default" | "sm" | "lg" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
asChild?: boolean;
isActive?: boolean;
tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
declare function SidebarMenuAction({ className, asChild, showOnHover, size, ...props }: React$1.ComponentProps<"button"> & {
asChild?: boolean;
showOnHover?: boolean;
size?: string;
}): react_jsx_runtime.JSX.Element;
declare function SidebarMenuBadge({ className, size, ...props }: React$1.ComponentProps<"div"> & {
size?: string;
}): react_jsx_runtime.JSX.Element;
declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React$1.ComponentProps<"div"> & {
showIcon?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function SidebarMenuSub({ className, collapsible, ...props }: React$1.ComponentProps<"ul"> & {
collapsible?: string;
}): react_jsx_runtime.JSX.Element;
declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
declare function SidebarMenuSubButton({ asChild, size, isActive, className, collapsible, ...props }: React$1.ComponentProps<"a"> & {
asChild?: boolean;
size?: "sm" | "md";
isActive?: boolean;
collapsible?: string;
}): react_jsx_runtime.JSX.Element;
declare function Tabs({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
interface CheckboxProps extends React$1.ComponentProps<typeof CheckboxPrimitive.Root> {
variant?: "default" | "circle";
size?: "default" | "md" | "lg";
}
declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
declare function Dialog({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
declare const DialogTrigger: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement> & {
showCloseButton?: boolean;
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const DialogHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const DialogFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React$1.ComponentProps<typeof Dialog> & {
title?: string;
description?: string;
className?: string;
showCloseButton?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
declare const useFormField: () => {
invalid: boolean;
isDirty: boolean;
isTouched: boolean;
isValidating: boolean;
error?: react_hook_form.FieldError;
id: string;
name: string;
formItemId: string;
formDescriptionId: string;
formMessageId: string;
};
declare const FormItem: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
layout?: "default" | "horizontal" | "vertical" | null | undefined;
size?: "default" | "sm" | "lg" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ({
size?: "default" | "sm" | "lg" | null | undefined;
weight?: "default" | "bold" | "normal" | "medium" | "semibold" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
declare const FormDescription: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLParagraphElement> & React$1.HTMLAttributes<HTMLParagraphElement> & VariantProps<(props?: ({
size?: "default" | "sm" | "lg" | null | undefined;
color?: "default" | "muted" | "secondary" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
declare const FormMessage: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLParagraphElement> & React$1.HTMLAttributes<HTMLParagraphElement> & VariantProps<(props?: ({
type?: "default" | "error" | "warning" | "success" | "info" | null | undefined;
size?: "default" | "sm" | "lg" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
declare function InputOTP({ className, containerClassName, disabled, ...props }: React$1.ComponentProps<typeof OTPInput> & {
containerClassName?: string;
}): react_jsx_runtime.JSX.Element;
declare function InputOTPGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare function InputOTPSlot({ index, className, disabled, ...props }: React$1.ComponentProps<"input"> & {
index: number;
}): react_jsx_runtime.JSX.Element;
declare function InputOTPSeparator({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
interface LabelProps extends React$1.ComponentProps<typeof LabelPrimitive.Root> {
size?: "default" | "sm" | "lg";
required?: boolean;
optional?: boolean;
}
declare function Label({ className, size, required, optional, children, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
interface RadioGroupProps extends React$1.ComponentProps<typeof RadioGroupPrimitive.Root> {
size?: "default" | "lg";
}
interface RadioGroupItemProps extends React$1.ComponentProps<typeof RadioGroupPrimitive.Item> {
size?: "default" | "lg";
}
declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupItemProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
declare function Select({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element;
declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
declare function SelectValue({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & {
size?: "sm" | "default";
}): react_jsx_runtime.JSX.Element;
declare function SelectContent({ className, children, position, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
declare const sliderVariants: (props?: ({
variant?: "default" | "primary" | "danger" | "warning" | "success" | null | undefined;
size?: "default" | "sm" | "lg" | null | undefined;
showValue?: boolean | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
variant?: "default" | "primary" | "danger" | "warning" | "success" | null | undefined;
size?: "default" | "sm" | "lg" | null | undefined;
showValue?: boolean | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
showValue?: boolean;
} & React$1.RefAttributes<HTMLSpanElement>>;
interface SwitchProps extends React$1.ComponentProps<typeof SwitchPrimitive.Root> {
size?: "sm" | "md" | "lg";
}
declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
variant?: "default" | "error" | "complete" | "border-none";
size?: "default" | "lg";
}
declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
declare const toggleVariants: (props?: ({
variant?: "default" | "outline" | null | undefined;
size?: "default" | "sm" | "lg" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const AlertDialogHeader: {
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
displayName: string;
};
declare const AlertDialogFooter: {
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
displayName: string;
};
declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
declare function ContextMenu({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
declare function ContextMenuTrigger({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
declare function ContextMenuSub({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
declare function ContextMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
inset?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function ContextMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
declare function ContextMenuContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
declare function ContextMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Item> & {
inset?: boolean;
variant?: "default" | "destructive";
}): react_jsx_runtime.JSX.Element;
declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
declare function ContextMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
declare function ContextMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Label> & {
inset?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
declare function DrawerContent({ className, children, ...props }: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
inset?: boolean;
variant?: "default" | "destructive";
}): react_jsx_runtime.JSX.Element;
declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
inset?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
inset?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
declare function HoverCard({ ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Root>): react_jsx_runtime.JSX.Element;
declare function HoverCardTrigger({ ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
declare function HoverCardContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime.JSX.Element;
declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
declare const alertVariants: (props?: ({
variant?: "default" | "destructive" | "warning" | "success" | "info" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
declare const avatarVariants: (props?: ({
size?: "default" | "sm" | "lg" | "xl" | "2xl" | null | undefined;
variant?: "default" | "add-new" | "clickable" | "width-100" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
declare const avatarFallbackVariants: (props?: ({
size?: "default" | "sm" | "lg" | "xl" | "2xl" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
declare const avatarImageVariants: (props?: ({
loaded?: boolean | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
declare function Avatar({ className, size, variant, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root> & VariantProps<typeof avatarVariants>): react_jsx_runtime.JSX.Element;
declare function AvatarImage({ className, loaded, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image> & VariantProps<typeof avatarImageVariants>): react_jsx_runtime.JSX.Element;
declare function AvatarFallback({ className, size, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback> & VariantProps<typeof avatarFallbackVariants>): react_jsx_runtime.JSX.Element;
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
type CarouselApi = UseEmblaCarouselType[1];
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
type CarouselOptions = UseCarouselParameters[0];
type CarouselPlugin = UseCarouselParameters[1];
type CarouselProps = {
opts?: CarouselOptions;
plugins?: CarouselPlugin;
orientation?: "horizontal" | "vertical";
setApi?: (api: CarouselApi) => void;
};
declare const Carousel: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & CarouselProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const CarouselContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const CarouselItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const CarouselPrevious: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
variant?: "default" | "link" | "text" | "outline" | "primary" | "danger" | "danger-outline" | "danger-text" | "white" | "ghost" | "primary-icon" | "outline-icon" | "text-icon" | "danger-icon" | "danger-outline-icon" | "danger-text-icon" | "white-icon" | null | undefined;
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
asChild?: boolean;
}, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
variant?: "default" | "link" | "text" | "outline" | "primary" | "danger" | "danger-outline" | "danger-text" | "white" | "ghost" | "primary-icon" | "outline-icon" | "text-icon" | "danger-icon" | "danger-outline-icon" | "danger-text-icon" | "white-icon" | null | undefined;
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
asChild?: boolean;
}, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
interface FileUploadProps extends React$1.HTMLAttributes<HTMLDivElement> {
onFilesSelected?: (files: File[]) => void;
onFileRemove?: (file: File) => void;
multiple?: boolean;
accept?: string;
maxSize?: number;
disabled?: boolean;
variant?: "default" | "drag" | "compact";
size?: "sm" | "md" | "lg";
}
declare const FileUpload: React$1.ForwardRefExoticComponent<FileUploadProps & React$1.RefAttributes<HTMLDivElement>>;
declare const THEMES: {
readonly light: "";
readonly dark: ".dark";
};
type ChartConfig = {
[k in string]: {
label?: React$1.ReactNode;
icon?: React$1.ComponentType;
} & ({
color?: string;
theme?: never;
} | {
color?: never;
theme: Record<keyof typeof THEMES, string>;
});
};
declare function ChartContainer({ id, className, children, config, ...props }: React$1.ComponentProps<"div"> & {
config: ChartConfig;
children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
}): react_jsx_runtime.JSX.Element;
declare const ChartStyle: ({ id, config }: {
id: string;
config: ChartConfig;
}) => react_jsx_runtime.JSX.Element | null;
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
hideLabel?: boolean;
hideIndicator?: boolean;
indicator?: "line" | "dot" | "dashed";
nameKey?: string;
labelKey?: string;
}): react_jsx_runtime.JSX.Element | null;
declare const ChartLegend: typeof RechartsPrimitive.Legend;
declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
hideIcon?: boolean;
nameKey?: string;
}): react_jsx_runtime.JSX.Element | null;
interface AreaChartProps {
data: any[];
className?: string;
config?: any;
variant?: "default" | "animated" | "interactive" | "minimal";
theme?: "light" | "dark" | "minimal";
responsive?: boolean;
accessible?: boolean;
gradient?: boolean;
dataKey?: string;
strokeColor?: string;
fillColor?: string;
strokeWidth?: number;
fillOpacity?: number;
type?: "monotone" | "linear" | "step" | "stepBefore" | "stepAfter" | "basis" | "basisOpen" | "basisClosed" | "natural" | "monotoneX" | "monotoneY";
}
declare function AreaChart({ data, className, config, variant, theme, responsive, accessible, gradient, dataKey, strokeColor, fillColor, strokeWidth, fillOpacity, type, ...props }: AreaChartProps): react_jsx_runtime.JSX.Element;
interface BarChartProps {
data: any[];
className?: string;
config?: any;
variant?: "default" | "animated" | "interactive" | "minimal" | "gradient" | "stacked" | "grouped";
theme?: "light" | "dark" | "minimal";
responsive?: boolean;
accessible?: boolean;
gradient?: boolean;
stacked?: boolean;
grouped?: boolean;
horizontal?: boolean;
dataKeys?: string[];
colors?: string[];
strokeWidth?: number;
radius?: number | [number, number, number, number];
showGrid?: boolean;
showLegend?: boolean;
showTooltip?: boolean;
height?: number | string;
width?: number | string;
}
declare function BarChart({ data, className, config, variant, theme, responsive, accessible, gradient, stacked, grouped, horizontal, dataKeys, colors, strokeWidth, radius, showGrid, showLegend, showTooltip, height, width, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
interface LineChartProps {
data: any[];
className?: string;
config?: any;
variant?: "default" | "animated" | "interactive" | "minimal" | "curved" | "stepped" | "dashed";
theme?: "light" | "dark" | "minimal";
responsive?: boolean;
accessible?: boolean;
dataKeys?: string[];
colors?: string[];
strokeWidth?: number;
showGrid?: boolean;
showLegend?: boolean;
showTooltip?: boolean;
showDots?: boolean;
showActiveDot?: boolean;
dotRadius?: number;
activeDotRadius?: number;
height?: number | string;
width?: number | string;
type?: "monotone" | "linear" | "step" | "stepBefore" | "stepAfter" | "basis" | "basisOpen" | "basisClosed" | "natural" | "monotoneX" | "monotoneY";
}
declare function LineChart({ data, className, config, variant, theme, responsive, accessible, dataKeys, colors, strokeWidth, showGrid, showLegend, showTooltip, showDots, showActiveDot, dotRadius, activeDotRadius, height, width, type, ...props }: LineChartProps): react_jsx_runtime.JSX.Element;
interface PieChartProps {
data: any[];
className?: string;
config?: any;
variant?: "default" | "animated" | "interactive" | "minimal" | "donut" | "gradient";
theme?: "light" | "dark" | "minimal";
responsive?: boolean;
accessible?: boolean;
colors?: string[];
innerRadius?: number | string;
outerRadius?: number | string;
showLabels?: boolean;
showLegend?: boolean;
showTooltip?: boolean;
height?: number | string;
width?: number | string;
dataKey?: string;
nameKey?: string;
valueKey?: string;
labelFormatter?: (props: any) => string;
paddingAngle?: number;
startAngle?: number;
endAngle?: number;
minAngle?: number;
}
declare function PieChart({ data, className, config, variant, theme, responsive, accessible, colors, innerRadius, outerRadius, showLabels, showLegend, showTooltip, height, width, dataKey, nameKey, valueKey, labelFormatter, paddingAngle, startAngle, endAngle, minAngle, ...props }: PieChartProps): react_jsx_runtime.JSX.Element;
interface RadarChartProps {
data: any[];
className?: string;
config?: any;
variant?: "default" | "animated" | "interactive" | "minimal" | "dots" | "lines" | "filled";
theme?: "light" | "dark" | "minimal";
responsive?: boolean;
accessible?: boolean;
dataKeys?: string[];
colors?: string[];
strokeWidth?: number;
fillOpacity?: number;
showGrid?: boolean;
showLegend?: boolean;
showTooltip?: boolean;
showDots?: boolean;
showActiveDot?: boolean;
dotRadius?: number;
activeDotRadius?: number;
height?: number | string;
width?: number | string;
gridType?: "polygon" | "circle";
domain?: [number, number];
angle?: number;
tickLine?: boolean;
axisLine?: boolean;
}
declare function RadarChart({ data, className, config, variant, theme, responsive, accessible, dataKeys, colors, strokeWidth, fillOpacity, showGrid, showLegend, showTooltip, showDots, showActiveDot, dotRadius, activeDotRadius, height, width, gridType, domain, angle, tickLine, axisLine, ...props }: RadarChartProps): react_jsx_runtime.JSX.Element;
interface RadialChartProps {
data: any[];
className?: string;
config?: any;
variant?: "default" | "animated" | "interactive" | "minimal" | "stacked" | "text" | "shape";
theme?: "light" | "dark" | "minimal";
responsive?: boolean;
accessible?: boolean;
dataKeys?: string[];
colors?: string[];
strokeWidth?: number;
showLegend?: boolean;
showTooltip?: boolean;
showLabels?: boolean;
height?: number | string;
width?: number | string;
innerRadius?: number | string;
outerRadius?: number | string;
startAngle?: number;
endAngle?: number;
cornerRadius?: number;
background?: boolean;
centerLabel?: {
value: string | number;
label?: string;
fontSize?: number;
fontWeight?: string;
};
}
declare function RadialChart({ data, className, config, variant, theme, responsive, accessible, dataKeys, colors, strokeWidth, showLegend, showTooltip, showLabels, height, width, innerRadius, outerRadius, startAngle, endAngle, cornerRadius, background, centerLabel, ...props }: RadialChartProps): react_jsx_runtime.JSX.Element;
declare const progressVariants: (props?: ({
variant?: "default" | "complete" | "indicator" | "pie" | "fail" | null | undefined;
size?: "default" | "sm" | null | undefined;
position?: "default" | "end" | null | undefined;
percentageDisplay?: "none" | "tooltip" | "badge" | "preview" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
variant?: "default" | "complete" | "indicator" | "pie" | "fail" | null | undefined;
size?: "default" | "sm" | null | undefined;
position?: "default" | "end" | null | undefined;
percentageDisplay?: "none" | "tooltip" | "badge" | "preview" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
showValue?: boolean;
title?: string;
required?: boolean;
percentageDisplay?: "none" | "preview" | "badge" | "tooltip";
} & React$1.RefAttributes<HTMLDivElement>>;
declare function ResizablePanelGroup({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime.JSX.Element;
declare function ResizablePanel({ ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
declare function ResizableHandle({ withHandle, className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
withHandle?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function ScrollArea({ className, children, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
declare function Table({ className, ...props }: React$1.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
declare function useToast(): {
toast: ({ title, description, ...props }: {
title?: string;
description?: string;
[key: string]: unknown;
}) => void;
dismiss: (toastId?: string | number) => void;
};
declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
interface SnackbarProps {
children?: React$1.ReactNode;
title?: string;
description?: string;
variant?: "default" | "success" | "warning" | "critical" | "information";
open?: boolean;
onOpenChange?: (open: boolean) => void;
className?: string;
action?: React$1.ReactNode;
}
declare const Snackbar: React$1.ForwardRefExoticComponent<SnackbarProps & React$1.RefAttributes<HTMLDivElement>>;
interface SnackbarProviderProps {
children: React$1.ReactNode;
maxSnackbars?: number;
}
interface SnackbarContextType {
showSnackbar: (props: Omit<SnackbarProps, "open" | "onOpenChange">) => void;
hideSnackbar: (id: string) => void;
}
declare function SnackbarProvider({ children, maxSnackbars, }: SnackbarProviderProps): react_jsx_runtime.JSX.Element;
declare function useSnackbar(): SnackbarContextType;
interface BannerProps {
variant?: "info" | "success" | "warning" | "critical" | "danger";
title?: string;
description?: string;
onClose?: () => void;
showClose?: boolean;
showButtonAction?: boolean;
buttonActionTitle?: string;
className?: string;
children?: React$1.ReactNode;
}
declare const Banner: React$1.ForwardRefExoticComponent<BannerProps & React$1.RefAttributes<HTMLDivElement>>;
interface BannerMultiProps {
variant?: "warning" | "critical" | "danger";
title?: string;
subtitle?: string;
onClose?: () => void;
buttonActionTitle?: string;
showClose?: boolean;
className?: string;
children?: React$1.ReactNode;
}
declare const BannerMulti: React$1.ForwardRefExoticComponent<BannerMultiProps & React$1.RefAttributes<HTMLDivElement>>;
interface BannerData {
id: string;
variant: "info" | "success" | "warning" | "critical" | "danger";
title?: string;
description?: string;
subtitle?: string;
isMulti?: boolean;
duration?: number;
buttonActionTitle?: string;
showButtonAction?: boolean;
}
interface BannerContextType {
showBanner: (banner: Omit<BannerData, "id">) => string;
dismissBanner: (id: string) => void;
dismissAll: () => void;
dismissOthers: (id: string) => void;
}
declare function BannerProvider({ children }: {
children: React$1.ReactNode;
}): react_jsx_runtime.JSX.Element;
declare function useBanner(): BannerContextType;
declare function cn(...inputs: ClassValue[]): string;
declare function useIsMobile(): boolean;
declare const accordionVariants: (props?: ({
size?: "default" | "sm" | "md" | "lg" | null | undefined;
variant?: "default" | "chevron" | "plus-minus" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
declare const accordionItemVariants: (props?: ({
variant?: "default" | "bordered" | "card" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
declare const accordionTriggerVariants: (props?: ({
size?: "default" | "sm" | "md" | "lg" | null | undefined;
variant?: "default" | "button" | "link" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
declare const CHART_COLORS: {
readonly primary: readonly ["hsl(221.2 83.2% 53.3%)", "hsl(217.2 91.2% 59.8%)", "hsl(214.3 31.8% 91.4%)", "hsl(210 40% 96%)"];
readonly success: readonly ["hsl(142.1 76.2% 36.3%)", "hsl(158.1 64.4% 52.0%)", "hsl(152.3 47.4% 11.8%)", "hsl(143.8 61.2% 20.2%)"];
readonly warning: readonly ["hsl(38 92% 50%)", "hsl(48 96% 89%)", "hsl(25 95% 53%)", "hsl(47 95% 57%)"];
readonly danger: readonly ["hsl(0 84.2% 60.2%)", "hsl(0 93.3% 94.1%)", "hsl(0 72.2% 50.6%)", "hsl(0 74% 74.9%)"];
readonly neutral: readonly ["hsl(215 20.2% 65.1%)", "hsl(215 16.3% 46.9%)", "hsl(215 25% 27.1%)", "hsl(215 14.3% 34.1%)"];
readonly dark: readonly ["#60a5fa", "#34d399", "#fbbf24", "#f87171"];
readonly minimal: readonly ["#6b7280", "#9ca3af", "#d1d5db", "#e5e7eb"];
};
declare const CHART_THEMES: {
readonly light: {
readonly colors: readonly ["hsl(221.2 83.2% 53.3%)", "hsl(217.2 91.2% 59.8%)", "hsl(214.3 31.8% 91.4%)", "hsl(210 40% 96%)"];
readonly backgroundColor: "#ffffff";
readonly textColor: "#000000";
readonly gridColor: "rgba(0,0,0,0.1)";
readonly axisColor: "#888888";
};
readonly dark: {
readonly colors: readonly ["#60a5fa", "#34d399", "#fbbf24", "#f87171"];
readonly backgroundColor: "#1f2937";
readonly textColor: "#ffffff";
readonly gridColor: "rgba(255,255,255,0.1)";
readonly axisColor: "#9ca3af";
};
readonly minimal: {
readonly colors: readonly ["#6b7280", "#9ca3af", "#d1d5db", "#e5e7eb"];
readonly backgroundColor: "#ffffff";
readonly textColor: "#6b7280";
readonly gridColor: "rgba(107,114,128,0.1)";
readonly axisColor: "#9ca3af";
};
};
declare const CHART_CONFIGS: {
readonly common: {
readonly responsive: true;
readonly accessible: true;
readonly showTooltip: true;
readonly showLegend: false;
readonly showGrid: true;
};
readonly area: {
readonly gradient: true;
readonly fillOpacity: 0.3;
readonly strokeWidth: 2;
readonly type: "monotone";
};
readonly bar: {
readonly gradient: true;
readonly strokeWidth: 2;
readonly radius: 4;
readonly horizontal: false;
readonly stacked: false;
readonly grouped: false;
};
readonly line: {
readonly strokeWidth: 2;
readonly showDots: true;
readonly showActiveDot: true;
readonly dotRadius: 4;
readonly activeDotRadius: 6;
readonly type: "monotone";
};
readonly pie: {
readonly innerRadius: 0;
readonly outerRadius: "80%";
readonly showLabels: true;
readonly paddingAngle: 0;
readonly startAngle: 0;
readonly endAngle: 360;
};
readonly radar: {
readonly strokeWidth: 2;
readonly fillOpacity: 0.3;
readonly showDots: false;
readonly showActiveDot: false;
readonly dotRadius: 4;
readonly activeDotRadius: 6;
readonly gridType: "polygon";
readonly domain: [number, number];
};
readonly radial: {
readonly strokeWidth: 2;
readonly showLabels: false;
readonly innerRadius: "20%";
readonly outerRadius: "80%";
readonly startAngle: 0;
readonly endAngle: 360;
readonly cornerRadius: 4;
readonly background: false;
};
};
declare const CHART_VARIANTS: {
readonly area: readonly ["default", "animated", "interactive", "minimal", "gradient", "stacked", "curved", "stepped"];
readonly bar: readonly ["default", "animated", "interactive", "minimal", "gradient", "stacked", "grouped"];
readonly line: readonly ["default", "animated", "interactive", "minimal", "curved", "stepped", "dashed"];
readonly pie: readonly ["default", "animated", "interactive", "minimal", "donut", "gradient"];
readonly radar: readonly ["default", "animated", "interactive", "minimal", "dots", "lines", "filled"];
readonly radial: readonly ["default", "animated", "interactive", "minimal", "stacked", "text", "shape"];
};
/**
* Get colors for a specific theme
*/
declare function getThemeColors(theme?: keyof typeof CHART_THEMES): readonly ["hsl(221.2 83.2% 53.3%)", "hsl(217.2 91.2% 59.8%)", "hsl(214.3 31.8% 91.4%)", "hsl(210 40% 96%)"] | readonly ["#60a5fa", "#34d399", "#fbbf24", "#f87171"] | readonly ["#6b7280", "#9ca3af", "#d1d5db", "#e5e7eb"];
/**
* Get chart configuration for a specific chart type
*/
declare function getChartConfig(chartType: keyof typeof CHART_CONFIGS): {
responsive: true;
accessible: true;
showTooltip: true;
showLegend: false;
showGrid: true;
} | {
gradient: true;
fillOpacity: 0.3;
strokeWidth: 2;
type: "monotone";
responsive: true;
accessible: true;
showTooltip: true;
showLegend: false;
showGrid: true;
} | {
gradient: true;
strokeWidth: 2;
radius: 4;
horizontal: false;
stacked: false;
grouped: false;
responsive: true;
accessible: true;
showTooltip: true;
showLegend: false;
showGrid: true;
} | {
strokeWidth: 2;
showDots: true;
showActiveDot: true;
dotRadius: 4;
activeDotRadius: 6;
type: "monotone";
responsive: true;
accessible: true;
showTooltip: true;
showLegend: false;
showGrid: true;
} | {
innerRadius: 0;
outerRadius: "80%";
showLabels: true;
paddingAngle: 0;
startAngle: 0;
endAngle: 360;
responsive: true;
accessible: true;
showTooltip: true;
showLegend: false;
showGrid: true;
} | {
strokeWidth: 2;
fillOpacity: 0.3;
showDots: false;
showActiveDot: false;
dotRadius: 4;
activeDotRadius: 6;
gridType: "polygon";
domain: [number, number];
responsive: true;
accessible: true;
showTooltip: true;
showLegend: false;
showGrid: true;
} | {
strokeWidth: 2;
showLabels: false;
innerRadius: "20%";
outerRadius: "80%";
startAngle: 0;
endAngle: 360;
cornerRadius: 4;
background: false;
responsive: true;
accessible: true;
showTooltip: true;
showLegend: false;
showGrid: true;
};
/**
* Create a chart configuration object for tooltips and legends
*/
declare function createChartConfig(dataKeys: string[], labels?: Record<string, string>, colors?: string[]): Record<string, any>;
/**
* Format number for display in charts
*/
declare function formatChartValue(value: number, format?: "number" | "currency" | "percentage"): string;
/**
* Generate sample data for charts
*/
declare function generateSampleData(type: "area" | "bar" | "line" | "pie" | "radar" | "radial", count?: number): {
name: string;
total: number;
sales: number;
revenue: number;
users: number;
}[] | {
subject: string;
A: number;
B: number;
fullMark: number;
}[] | {
name: string;
value: number;
}[];
/**
* Get chart variants for a specific chart type
*/
declare function getChartVariants<T extends keyof typeof CHART_VARIANTS>(chartType: T): {
readonly area: readonly ["default", "animated", "interactive", "minimal", "gradient", "stacked", "curved", "stepped"];
readonly bar: readonly ["default", "animated", "interactive", "minimal", "gradient", "stacked", "grouped"];
readonly line: readonly ["default", "animated", "interactive", "minimal", "curved", "stepped", "dashed"];
readonly pie: readonly ["default", "animated", "interactive", "minimal", "donut", "gradient"];
readonly radar: readonly ["default", "animated", "interactive", "minimal", "dots", "lines", "filled"];
readonly radial: readonly ["default", "animated", "interactive", "minimal", "stacked", "text", "shape"];
}[T];
/**
* Validate chart data
*/
declare function validateChartData(data: any[], requiredKeys?: string[]): boolean;
/**
* Calculate chart dimensions based on container
*/
declare function calculateChartDimensions(containerWidth: number, containerHeight: number, aspectRatio?: number): {
width: number;
height: number;
};
type ChartTheme = keyof typeof CHART_THEMES;
type ChartType = keyof typeof CHART_CONFIGS;
type ChartVariant<T extends keyof typeof CHART_VARIANTS> = typeof CHART_VARIANTS[T][number];
type ChartColorPalette = keyof typeof CHART_COLORS;
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppBar, AppBarActions, AppBarContent, AppBarModalHeader, AppBarNavigation, AppBarSubtitle, AppBarTitle, AppBarTitleContainer, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Banner, BannerMulti, BannerProvider, BarChart, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, CHART_COLORS, CHART_CONFIGS, CHART_THEMES, CHART_VARIANTS, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartColorPalette, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, type ChartTheme, ChartTooltip, ChartTooltipContent, type ChartType, type ChartVariant, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, LineChart, Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PieChart, Popover, PopoverContent, PopoverTrigger, Progress, RadarChart, RadialChart, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Snackbar, SnackbarProvider, Switch, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, accordionItemVariants, accordionTriggerVariants, accordionVariants, alertVariants, avatarFallbackVariants, avatarImageVariants, avatarVariants, badgeVariants, buttonVariants, calculateChartDimensions, cn, createChartConfig, formatChartValue, generateSampleData, getChartConfig, getChartVariants, getThemeColors, navigationMenuTriggerStyle, progressVariants, sliderVariants, toggleVariants, useBanner, useFormField, useIsMobile, useSidebar, useSnackbar, useToast, validateChartData };