weloop-shadcn-ui
Version:
WeLoop UI component library with Radix UI and Recharts
1,435 lines • 86.2 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 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 SelectPrimitive from '@radix-ui/react-select';
import * as SliderPrimitive from '@radix-ui/react-slider';
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 TooltipPrimitive from '@radix-ui/react-tooltip';
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;
interface ChipGroupProps {
children: React$1.ReactNode;
groupId: string;
defaultActiveChip?: number;
activeChip?: number;
multiple?: boolean;
onGroupChange?: (groupId: string, chipIndex: number) => void;
className?: string;
}
declare const ChipGroup: React$1.FC<ChipGroupProps>;
interface ChipProps extends React$1.HTMLAttributes<HTMLSpanElement> {
variant?: "default" | "primary" | "secondary" | "muted" | "destructive" | "success" | "warning" | "error";
size?: "sm" | "md";
shape?: "default" | "rounded";
removable?: boolean;
onRemove?: () => void;
status?: "active" | "pending" | "failed";
disabled?: boolean;
toggled?: boolean;
groupId?: string;
isActive?: boolean;
onGroupChange?: (groupId: string, chipIndex: number) => void;
chipIndex?: number;
}
declare const Chip: React$1.ForwardRefExoticComponent<ChipProps & React$1.RefAttributes<HTMLSpanElement>>;
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>>;
interface SegmentProps extends React$1.HTMLAttributes<HTMLDivElement> {
asChild?: boolean;
disabled?: boolean;
value?: string;
onValueChange?: (value: string) => void;
}
declare const Segment: React$1.ForwardRefExoticComponent<SegmentProps & React$1.RefAttributes<HTMLDivElement>>;
interface SegmentItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
asChild?: boolean;
selected?: boolean;
value: string;
}
declare const SegmentItem: React$1.ForwardRefExoticComponent<SegmentItemProps & React$1.RefAttributes<HTMLButtonElement>>;
interface SegmentRadioProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
asChild?: boolean;
}
declare const SegmentRadio: React$1.ForwardRefExoticComponent<SegmentRadioProps & React$1.RefAttributes<HTMLInputElement>>;
declare const useSegment: (defaultValue?: string) => {
value: string;
onValueChange: (newValue: string) => void;
};
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 SidebarProps extends React$1.ComponentProps<"div"> {
variant?: "default" | "system-settings";
children: React$1.ReactNode;
}
interface SidebarHeaderProps extends React$1.ComponentProps<"div"> {
children: React$1.ReactNode;
}
interface SidebarBodyProps extends React$1.ComponentProps<"div"> {
children: React$1.ReactNode;
}
interface SidebarFooterProps extends React$1.ComponentProps<"div"> {
children: React$1.ReactNode;
}
interface SidebarItemProps extends React$1.ComponentProps<"li"> {
children: React$1.ReactNode;
isActive?: boolean;
}
interface SidebarItemTitleProps extends React$1.ComponentProps<"div"> {
children: React$1.ReactNode;
}
interface SidebarItemActionProps extends React$1.ComponentProps<"ul"> {
children: React$1.ReactNode;
}
interface SidebarAccordionProps extends React$1.ComponentProps<"div"> {
id: string;
children: React$1.ReactNode;
}
interface SidebarAccordionItemProps extends React$1.ComponentProps<"div"> {
id: string;
children: React$1.ReactNode;
}
interface SidebarAccordionToggleProps extends React$1.ComponentProps<"div"> {
"data-wl-toggle": string;
"data-wl-target": string;
"aria-expanded": boolean;
children: React$1.ReactNode;
}
interface SidebarAccordionItemListProps extends React$1.ComponentProps<"div"> {
id: string;
"data-wl-parent-id": string;
children: React$1.ReactNode;
}
declare const Sidebar: React$1.ForwardRefExoticComponent<Omit<SidebarProps & VariantProps<(props?: ({
variant?: "default" | "system-settings" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarHeader: React$1.ForwardRefExoticComponent<Omit<SidebarHeaderProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarBody: React$1.ForwardRefExoticComponent<Omit<SidebarBodyProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarFooter: React$1.ForwardRefExoticComponent<Omit<SidebarFooterProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarItem: React$1.ForwardRefExoticComponent<Omit<SidebarItemProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
declare const SidebarItemTitle: React$1.ForwardRefExoticComponent<Omit<SidebarItemTitleProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarItemAction: React$1.ForwardRefExoticComponent<Omit<SidebarItemActionProps, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
declare const SidebarAccordion: React$1.ForwardRefExoticComponent<Omit<SidebarAccordionProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarAccordionItem: React$1.ForwardRefExoticComponent<Omit<SidebarAccordionItemProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarAccordionToggle: React$1.ForwardRefExoticComponent<Omit<SidebarAccordionToggleProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarAccordionItemList: React$1.ForwardRefExoticComponent<Omit<SidebarAccordionItemListProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarItemTitleList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
declare const SidebarHeadTop: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarWrapper: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarIconBlock: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarLogo: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
declare const SidebarAvatar: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
declare const SidebarInfoWrapper: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const SidebarSubTitle: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
declare const SidebarChevronIcon: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
declare const SidebarHeaderText: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
interface TabPanelProps extends React$1.HTMLAttributes<HTMLDivElement> {
asChild?: boolean;
value?: string;
onValueChange?: (value: string) => void;
defaultValue?: string;
variant?: "default" | "pills" | "underline";
orientation?: "horizontal" | "vertical";
}
interface TabPanelControlProps extends React$1.HTMLAttributes<HTMLDivElement> {
asChild?: boolean;
}
interface TabPanelTriggerProps extends React$1.HTMLAttributes<HTMLDivElement> {
asChild?: boolean;
value: string;
label: string;
icon?: React$1.ReactNode;
disabled?: boolean;
}
interface TabPanelContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
asChild?: boolean;
value: string;
}
declare const TabPanel: React$1.ForwardRefExoticComponent<TabPanelProps & React$1.RefAttributes<HTMLDivElement>>;
declare const TabPanelControl: React$1.ForwardRefExoticComponent<TabPanelControlProps & React$1.RefAttributes<HTMLDivElement>>;
declare const TabPanelTrigger: React$1.ForwardRefExoticComponent<TabPanelTriggerProps & React$1.RefAttributes<HTMLDivElement>>;
declare const TabPanelContent: React$1.ForwardRefExoticComponent<TabPanelContentProps & React$1.RefAttributes<HTMLDivElement>>;
interface TabBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
asChild?: boolean;
variant?: "tab-bar" | "tab-bar-text";
orientation?: "horizontal" | "vertical";
value?: string;
onValueChange?: (value: string) => void;
defaultValue?: string;
}
interface TabBarItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
asChild?: boolean;
value: string;
label: string;
count?: number | string;
disabled?: boolean;
icon?: React$1.ReactNode;
}
interface TabBarContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
asChild?: boolean;
value: string;
"data-state"?: "active" | "inactive";
}
interface TabBarControlProps extends React$1.HTMLAttributes<HTMLDivElement> {
asChild?: boolean;
}
declare const useTabBar: () => {
value: string;
onValueChange: (value: string) => void;
variant: "tab-bar" | "tab-bar-text";
name: string;
};
declare const TabBar: React$1.ForwardRefExoticComponent<TabBarProps & React$1.RefAttributes<HTMLDivElement>>;
declare const TabBarItem: React$1.ForwardRefExoticComponent<TabBarItemProps & React$1.RefAttributes<HTMLDivElement>>;
declare const TabBarContent: React$1.ForwardRefExoticComponent<TabBarContentProps & React$1.RefAttributes<HTMLDivElement>>;
declare const TabBarControl: React$1.ForwardRefExoticComponent<TabBarControlProps & React$1.RefAttributes<HTMLDivElement>>;
interface CheckboxProps extends React$1.ComponentProps<typeof CheckboxPrimitive.Root> {
variant?: "default" | "circle";
size?: "default" | "md" | "lg";
indeterminate?: boolean;
children?: React$1.ReactNode;
showIndeterminate?: boolean;
onIndeterminateChange?: (checked: boolean) => void;
}
declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
interface CheckboxGroupProps {
items: Array<{
id: string;
label: string;
checked?: boolean;
disabled?: boolean;
}>;
onSelectionChange?: (selectedIds: string[]) => void;
className?: string;
showSelectAll?: boolean;
selectAllLabel?: string;
variant?: "default" | "circle";
size?: "default" | "md" | "lg";
}
declare const CheckboxGroup: React$1.FC<CheckboxGroupProps>;
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 DialogClose: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement> & {
showCloseButton?: boolean;
variant?: "message" | "hero" | "loading" | "system-setting";
size?: "sm" | "md" | "lg" | "xl";
preventOutsideClick?: 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({ className, showCloseButton, children, ...props }: React$1.ComponentProps<typeof Dialog> & {
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" | "success" | "warning" | "info" | null | undefined;
size?: "default" | "sm" | "lg" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
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 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 RadioProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
size?: "default" | "lg";
label?: string;
id?: string;
name?: string;
value?: string;
checked?: boolean;
disabled?: boolean;
onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
}
declare const Radio: React$1.ForwardRefExoticComponent<RadioProps & React$1.RefAttributes<HTMLInputElement>>;
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" | "success" | "warning" | "danger" | 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" | "success" | "warning" | "danger" | 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 Omit<React$1.ComponentProps<"input">, "size"> {
size?: "sm" | "md" | "lg";
id?: string;
}
declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
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 ContextMenuGroup({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): 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({ shouldScaleBackground, ...props }: React$1.ComponentProps<typeof Drawer$1.Root> & {
shouldScaleBackground?: boolean;
}): 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({ children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuContent({ className, sideOffset, zIndex, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content> & {
zIndex?: number;
}): 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, zIndex, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent> & {
zIndex?: number;
}): 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;
type PopoverPosition = "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
type PopoverType = "default" | "arrow-none";
interface PopoverContentProps extends React$1.ComponentProps<typeof PopoverPrimitive.Content> {
position?: PopoverPosition;
type?: PopoverType;
showArrow?: boolean;
autoFocus?: boolean;
}
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, position, type, showArrow, autoFocus, ...props }: PopoverContentProps): react_jsx_runtime.JSX.Element;
declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
declare function PopoverContentTop({ className, type, showArrow, autoFocus, ...props }: Omit<PopoverContentProps, "position">): react_jsx_runtime.JSX.Element;
declare function PopoverContentBottom({ className, type, showArrow, autoFocus, ...props }: Omit<PopoverContentProps, "position">): react_jsx_runtime.JSX.Element;
declare function PopoverContentLeft({ className, type, showArrow, autoFocus, ...props }: Omit<PopoverContentProps, "position">): react_jsx_runtime.JSX.Element;
declare function PopoverContentRight({ className, type, showArrow, autoFocus, ...props }: Omit<PopoverContentProps, "position">): react_jsx_runtime.JSX.Element;
declare function PopoverContentTopLeft({ className, type, showArrow, autoFocus, ...props }: Omit<PopoverContentProps, "position">): react_jsx_runtime.JSX.Element;
declare function PopoverContentTopRight({ className, type, showArrow, autoFocus, ...props }: Omit<PopoverContentProps, "position">): react_jsx_runtime.JSX.Element;
declare function PopoverContentBottomLeft({ className, type, showArrow, autoFocus, ...props }: Omit<PopoverContentProps, "position">): react_jsx_runtime.JSX.Element;
declare function PopoverContentBottomRight({ className, type, showArrow, autoFocus, ...props }: Omit<PopoverContentProps, "position">): react_jsx_runtime.JSX.Element;
type TooltipPosition = "center-left" | "center-right";
type TooltipArrowVariant = "default" | "none";
interface TooltipContentProps extends React$1.ComponentProps<typeof TooltipPrimitive.Content> {
className?: string;
sideOffset?: number;
children: React$1.ReactNode;
position?: TooltipPosition;
arrowVariant?: TooltipArrowVariant;
}
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, position, arrowVariant, ...props }: TooltipContentProps): react_jsx_runtime.JSX.Element;
interface TooltipContextValue {
delayDuration: number;
skipDelayDuration: number;
disableHoverableContent: boolean;
}
declare const useTooltipContext: () => TooltipContextValue;
interface TooltipProviderProps {
children: React$1.ReactNode;
delayDuration?: number;
skipDelayDuration?: number;
disableHoverableContent?: boolean;
}
declare function AppTooltipProvider({ children, delayDuration, skipDelayDuration, disableHoverableContent, }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
declare const alertVariants: (props?: ({
variant?: "default" | "destructive" | "success" | "warning" | "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;
shape?: "default" | "sm" | "md" | "lg" | "xl" | "2xl" | 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, shape, ...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;
interface EmptyStateProps extends React$1.HTMLAttributes<HTMLDivElement> {
icon?: React$1.ReactNode;
title?: string;
description?: string;
action?: React$1.ReactNode;
size?: "sm" | "md" | "lg";
variant?: "default" | "search" | "error" | "success";
}
declare const EmptyState: React$1.ForwardRefExoticComponent<EmptyStateProps & React$1.RefAttributes<HTMLDivElement>>;
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, formatters, components, activeChipIndex, ...props }: React$1.ComponentProps<typeof DayPicker> & {
activeChipIndex?: number;
}): react_jsx_runtime.JSX.Element;
interface DateRangePickerProps {
dateRange?: {
from: Date | undefined;
to?: Date | undefined;
};
onDateRangeChange?: (range: {
from: Date | undefined;
to?: Date | undefined;
} | undefined) => void;
placeholder?: string;
className?: string;
showQuickFilters?: boolean;
showSaveOption?: boolean;
onSave?: (range: {
from: Date | undefined;
to?: Date | undefined;
} | undefined, saveFilter: boolean) => void;
}
declare function DateRangePicker({ dateRange, onDateRangeChange, placeholder, className, showQuickFilters, showSaveOption, onSave, }: DateRangePickerProps): 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;
/**
* Custom hook for managing toast notifications.
*
* @returns Object with toast methods
*/
declare function useToast(): {
/**
* Show a default toast notification.
*/
toast: (title: string, options?: any) => string | number;
/**
* Show a success toast notification.
*/
success: (title: string, options?: any) => string | number;
/**
* Show an error toast notification.
*/
error: (title: string, options?: any) => string | number;
/**
* Show a warning toast notification.
*/
warning: (title: string, options?: any) => string | number;
/**
* Show an info toast notification.
*/
info: (title: string, options?: any) => string | number;
/**
* Show a promise-based toast notification.
*/
promise: (promise: Promise<any>, options: any) => (string & {
unwrap: () => Promise<any>;
}) | (number & {
unwrap: () => Promise<any>;
}) | {
unwrap: () => Promise<any>;
};
/**
* Dismiss a specific toast by ID.
*/
dismiss: (toastId?: string | number) => void;
/**
* Dismiss all currently visible toasts.
*/
dismissAll: () => void;
};
/**
* Custom hook for managing snackbar notifications.
*
* @returns Object with snackbar methods
*/
declare function useSnackbar(): {
/**
* Show a default snackbar notification.
*/
snackbar: (title: string, options?: any) => string | number;
/**
* Show a success snackbar notification.
*/
success: (title: string, options?: any) => string | number;
/**
* Show an error snackbar notification.
*/
error: (title: string, options?: any) => string | number;
/**
* Show a warning snackbar notification.
*/
warning: (title: string, options?: any) => string | number;
/**
* Show an info snackbar notification.
*/
info: (title: string, options?: any) => string | number;
/**
* Show a promise-based snackbar notification.
*/
promise: (promise: Promise<any>, options: any) => (string & {
unwrap: () => Promise<any>;
}) | (number & {
unwrap: () => Promise<any>;
}) | {
unwrap: () => Promise<any>;
};
/**
* Dismiss a specific snackbar by ID.
*/
dismiss: (snackbarId?: string | number) => void;
/**
* Dismiss all currently visible snackbars.
*/
dismissAll: () => void;
};
declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
declare const Snackbar: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
interface TagInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
value?: string[];
onChange?: (tags: string[]) => void;
placeholder?: string;
disabled?: boolean;
size?: "sm" | "md" | "lg";
maxTags?: number;
onTagAdd?: (tag: string) => void;
onTagRemove?: (tag: string, index: number) => void;
}
declare const TagInput: React$1.ForwardRefExoticComponent<TagInputProps & React$1.RefAttributes<HTMLDivElement>>;
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;
interface UseCheckboxGroupOptions<T extends string> {
items: T[];
initialValues?: T[];
onChange?: (checkedItems: T[], allChecked: boolean, someChecked: boolean) => void;
}
interface UseCheckboxGroupReturn<T extends string> {
checkedItems: Set<T>;
allChecked: boolean;
someChecked: boolean;
indeterminate: boolean;
toggleItem: (item: T) => void;
toggleAll: (checked?: boolean) => void;
setItem: (item: T, checked: boolean) => void;
setAll: (items: T[]) => void;
reset: () => void;
}
/**
* Custom hook for managing parent-child checkbox relationships
* Automatically handles indeterminate states and visual indicators
*
* @example
* ```tsx
* const { checkedItems, allChecked, indeterminate, toggleItem, toggleAll } = useCheckboxGroup({
* items: ['item1', 'item2', 'item3'],
* initialValues: ['item1'],
* onChange: (checked, allChecked, someChecked) => {
* console.log('Checkbox state changed:', { checked, allChecked, someChecked });
* }
* });
*
* return (
* <div>
* <Checkbox
* checked={allChecked}
* indeterminate={indeterminate}
* onCheckedChange={toggleAll}
* />
* {items.map(item => (
* <Checkbox
* key={item}
* checked={checkedItems.has(item)}
* onCheckedChange={() => toggleItem(item)}
* />
* ))}
* </div>
* );
* ```
*/
declare function useCheckboxGroup<T extends string>({ items, initialValues, onChange, }: UseCheckboxGroupOptions<T>): UseCheckboxGroupReturn<T>;
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, CheckboxGroup, Chip, ChipGroup, type ChipProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateRangePicker, Dialog, DialogClose, 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, EmptyState, 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, PopoverAnchor, PopoverContent, PopoverContentBottom, PopoverContentBottomLeft, PopoverContentBottomRight, PopoverContentLeft, type PopoverContentProps, PopoverContentRight, PopoverContentTop, PopoverContentTopLeft, PopoverContentTopRight, type PopoverPosition, PopoverTrigger, type PopoverType, Progress, RadarChart, RadialChart, Radio, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Segment, SegmentItem, SegmentRadio, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarAccordion, SidebarAccordionItem, SidebarAccordionItemList, SidebarAccordionToggle, SidebarAvatar, SidebarBody, SidebarChevronIcon, SidebarFooter, SidebarHeadTop, SidebarHeader, SidebarHeaderText, SidebarIconBlock, SidebarInfoWrapper, SidebarItem, SidebarItemAction, SidebarItemTitle, SidebarItemTitleList, SidebarLogo, SidebarSubTitle, SidebarWrapper, Skeleton, Slider, Snackbar, Switch, TabBar, TabBarContent, TabBarControl, TabBarItem, TabPanel, TabPanelContent, TabPanelControl, TabPanelTrigger, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, TagInput, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, type TooltipArrowVariant, TooltipContent, type TooltipContentProps, type TooltipPosition, AppTooltipProvider as TooltipProvider, TooltipProvider as TooltipProviderPrimitive, TooltipTrigger, type UseCheckboxGroupOptions, type UseCheckboxGroupReturn, accordionItemVariants, accordionTriggerVariants, accordionVariants, alertVariants, avatarFallbackVariants, avatarImageVariants, avatarVariants, badgeVariants, buttonVariants, calculateChartDimensions, cn, createChartConfig, formatChartValue, generateSampleData, getChartConfig, getChartVariants, getThemeColors, navigationMenuTriggerStyle, progressVariants, sliderVariants, toggleVariants, useBanner, useCheckboxGroup, useFormField, useIsMobile, useSegment, useSnackbar, useTabBar, useToast, useTooltipContext, validateChartData };