@anyreach/component-library-ui/dist/index.d.ts

React component library built on shadcn/ui foundation following atomic design principles

import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
import { ClassProp } from 'class-variance-authority/types';
import { ClassValue } from 'clsx';
import { default as default_2 } from 'react';
import * as DialogPrimitive from '@radix-ui/react-dialog';
import { JSX as JSX_2 } from 'react/jsx-runtime';
import * as LabelPrimitive from '@radix-ui/react-label';
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
import * as React_2 from 'react';
import * as SelectPrimitive from '@radix-ui/react-select';
import * as ToastPrimitives from '@radix-ui/react-toast';
import { VariantProps } from 'class-variance-authority';

export declare const Avatar: default_2.ForwardRefExoticComponent<AvatarProps & default_2.RefAttributes<HTMLDivElement>>;

declare interface AvatarProps extends default_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
    src?: string;
    alt?: string;
    fallback?: string;
    status?: 'online' | 'offline' | 'away' | 'busy';
}

export declare const avatarVariants: (props?: ({
    size?: "sm" | "md" | "lg" | null | undefined;
} & ClassProp) | undefined) => string;

export declare function Badge({ className, variant, ...props }: BadgeProps): JSX_2.Element;

declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
}

export declare const badgeVariants: (props?: ({
    variant?: "default" | "info" | "success" | "warning" | "danger" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Breadcrumb: React_2.ForwardRefExoticComponent<BreadcrumbProps & React_2.RefAttributes<HTMLElement>>;

export declare const BreadcrumbEllipsis: React_2.ForwardRefExoticComponent<BreadcrumbEllipsisProps & React_2.RefAttributes<HTMLSpanElement>>;

declare interface BreadcrumbEllipsisProps extends React_2.ComponentPropsWithoutRef<"span"> {
}

export declare const BreadcrumbItem: React_2.ForwardRefExoticComponent<BreadcrumbItemProps & React_2.RefAttributes<HTMLLIElement>>;

export declare interface BreadcrumbItemData {
    label: string;
    href?: string;
}

declare interface BreadcrumbItemProps extends React_2.ComponentPropsWithoutRef<"li"> {
}

export declare const BreadcrumbLink: React_2.ForwardRefExoticComponent<BreadcrumbLinkProps & React_2.RefAttributes<HTMLAnchorElement>>;

declare interface BreadcrumbLinkProps extends React_2.ComponentPropsWithoutRef<"a"> {
}

export declare const BreadcrumbList: React_2.ForwardRefExoticComponent<BreadcrumbListProps & React_2.RefAttributes<HTMLOListElement>>;

declare interface BreadcrumbListProps extends React_2.ComponentPropsWithoutRef<"ol"> {
}

export declare const BreadcrumbPage: React_2.ForwardRefExoticComponent<BreadcrumbPageProps & React_2.RefAttributes<HTMLSpanElement>>;

declare interface BreadcrumbPageProps extends React_2.ComponentPropsWithoutRef<"span"> {
}

declare interface BreadcrumbProps extends React_2.ComponentPropsWithoutRef<"nav">, VariantProps<typeof breadcrumbVariants> {
}

export declare const BreadcrumbSeparator: React_2.ForwardRefExoticComponent<BreadcrumbSeparatorProps & React_2.RefAttributes<HTMLLIElement>>;

declare interface BreadcrumbSeparatorProps extends React_2.ComponentPropsWithoutRef<"li"> {
}

declare const breadcrumbVariants: (props?: ClassProp | undefined) => string;

export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;

declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
    asChild?: boolean;
    icon?: default_2.ReactElement;
    loading?: boolean;
}

export declare const buttonVariants: (props?: ({
    variant?: "default" | "destructive" | "secondary" | "ghost" | null | undefined;
    size?: "default" | "icon" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Calendar: React_2.ForwardRefExoticComponent<CalendarProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface CalendarProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
    selected?: Date | Date[];
    onSelect?: (date: Date | Date[] | undefined) => void;
    keepRange?: boolean;
    disabled?: (date: Date) => boolean;
    showOutsideDays?: boolean;
    showDropdowns?: boolean;
}

export declare const calendarVariants: (props?: ClassProp | undefined) => string;

export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;

export declare const CardContent: React_2.ForwardRefExoticComponent<CardContentProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface CardContentProps extends React_2.HTMLAttributes<HTMLDivElement> {
}

export declare const CardDescription: React_2.ForwardRefExoticComponent<CardDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>>;

declare interface CardDescriptionProps extends React_2.HTMLAttributes<HTMLParagraphElement> {
}

export declare const CardFooter: React_2.ForwardRefExoticComponent<CardFooterProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface CardFooterProps extends React_2.HTMLAttributes<HTMLDivElement> {
}

export declare const CardHeader: React_2.ForwardRefExoticComponent<CardHeaderProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface CardHeaderProps extends React_2.HTMLAttributes<HTMLDivElement> {
}

declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
}

export declare const CardTitle: React_2.ForwardRefExoticComponent<CardTitleProps & React_2.RefAttributes<HTMLParagraphElement>>;

declare interface CardTitleProps extends React_2.HTMLAttributes<HTMLHeadingElement> {
}

export declare const cardVariants: (props?: ({
    variant?: "default" | "active" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare function cn(...inputs: ClassValue[]): string;

export declare const ComponentLibraryUI: {
    version: string;
    description: string;
    components: {
        core: string[];
        forms: string[];
        display: string[];
        layout: string[];
        interactive: string[];
        overlay: string[];
        data: string[];
        templates: string[];
    };
};

export declare const DataTable: React_2.ForwardRefExoticComponent<DataTableProps<any> & React_2.RefAttributes<HTMLDivElement>>;

declare interface DataTableCallbacks {
    onStateChange?: (state: DataTableState) => void;
    onSearchChange?: (search: string, state: DataTableState) => void;
    onFilterChange?: (filters: Record<string, string>, state: DataTableState) => void;
    onSortChange?: (sortColumn: string | null, sortDirection: 'asc' | 'desc', state: DataTableState) => void;
    onPageChange?: (page: number, state: DataTableState) => void;
    onPageSizeChange?: (pageSize: number, state: DataTableState) => void;
}

declare interface DataTableColumn<T = any> {
    key: string;
    title: string;
    sortable?: boolean;
    filterable?: boolean;
    render?: (value: any, row: T, index: number) => React_2.ReactNode;
    width?: string;
}

declare interface DataTableProps<T = any> extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dataTableVariants>, DataTableCallbacks {
    data: T[];
    columns: DataTableColumn<T>[];
    totalCount?: number;
    loading?: boolean;
    keepSearch?: boolean;
    keepFilters?: boolean;
    keepPagination?: boolean;
    keepSort?: boolean;
    pageSize?: number;
    actionButtons?: React_2.ReactNode[];
    onRowClick?: (row: T, index: number) => void;
    selectedRows?: number[];
    onSelectionChange?: (selectedIndices: number[]) => void;
    filterOptions?: Record<string, Array<{
        label: string;
        value: string;
    }>>;
    initialState?: Partial<DataTableState>;
}

declare interface DataTableState {
    search: string;
    filters: Record<string, string>;
    sortColumn: string | null;
    sortDirection: 'asc' | 'desc';
    currentPage: number;
    pageSize: number;
}

export declare const dataTableVariants: (props?: ({
    variant?: "default" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const FileInput: React_2.ForwardRefExoticComponent<FileInputProps & React_2.RefAttributes<HTMLInputElement>>;

declare interface FileInputProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'>, VariantProps<typeof fileInputVariants> {
    onFilesChange?: (files: File[]) => void;
    onFileUpload?: (file: File) => Promise<void>;
    allowMultiple?: boolean;
    allowDragDrop?: boolean;
    allowClickToSelect?: boolean;
    accept?: string;
    maxSize?: number;
    showProgress?: boolean;
    showPreviews?: boolean;
}

export declare const fileInputVariants: (props?: ClassProp | undefined) => string;

export declare const Input: React_2.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React_2.RefAttributes<HTMLInputElement>>;

declare interface InputProps extends React_2.ComponentProps<'input'>, VariantProps<typeof inputVariants> {
    icon?: React_2.ReactElement;
}

export declare const inputVariants: (props?: ({
    variant?: "default" | "search" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ClassProp | undefined) => string> & React_2.RefAttributes<HTMLLabelElement>>;

export declare function Layout({ title, logo, icon, sidebarGroups, userInfo, children, className, onUserMenuClick, onLogout, onThemeToggle, onNotificationClick, onGlobalSearchClick, isDark, showThemeToggle, additionalNavbarButtons, organizations, onOrganizationChanged, showOrganizationSelector, defaultSidebarCollapsed, }: LayoutProps): JSX_2.Element;

export declare type LayoutMode = "table" | "cards" | "horizontal";

export declare interface LayoutProps {
    title: string;
    logo?: React_2.ReactNode;
    icon?: React_2.ReactNode;
    sidebarGroups: SidebarGroup[];
    userInfo: UserInfo;
    children: React_2.ReactNode;
    className?: string;
    sidebarVariant?: 'default' | 'elevated';
    navbarVariant?: 'default' | 'elevated';
    onUserMenuClick?: () => void;
    onLogout?: () => void;
    onThemeToggle?: () => void;
    onNotificationClick?: () => void;
    onGlobalSearchClick?: () => void;
    isDark?: boolean;
    showThemeToggle?: boolean;
    additionalNavbarButtons?: React_2.ReactNode[];
    organizations?: Organization[];
    onOrganizationChanged?: (organizationId: string) => void;
    showOrganizationSelector?: boolean;
    defaultSidebarCollapsed?: boolean;
}

export declare interface ListAction {
    label: string;
    icon?: React_2.ReactElement;
    onClick: (item: ListItem) => void;
    variant?: "default" | "destructive" | "secondary" | "ghost";
}

export declare interface ListItem {
    id: string;
    [key: string]: any;
}

export declare const ListTemplate: React_2.ForwardRefExoticComponent<ListTemplateProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface ListTemplateProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof listTemplateVariants> {
    title?: string;
    description?: string;
    data: ListItem[];
    columns?: any[];
    searchable?: boolean;
    searchPlaceholder?: string;
    onSearch?: (query: string) => void;
    filterable?: boolean;
    onFilter?: () => void;
    layout?: LayoutMode;
    onLayoutChange?: (layout: LayoutMode) => void;
    onCreateClick?: () => void;
    createLabel?: string;
    cardRender?: (item: ListItem) => React_2.ReactNode;
    actions?: ListAction[];
    loading?: boolean;
}

export declare const listTemplateVariants: (props?: ClassProp | undefined) => string;

export declare const Modal: React_2.FC<DialogPrimitive.DialogProps>;

export declare const ModalClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;

export declare const ModalContent: React_2.ForwardRefExoticComponent<ModalContentProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface ModalContentProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof modalVariants> {
}

export declare const ModalDescription: React_2.ForwardRefExoticComponent<ModalDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>>;

declare interface ModalDescriptionProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {
}

export declare const ModalFooter: React_2.ForwardRefExoticComponent<ModalFooterProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface ModalFooterProps extends React_2.HTMLAttributes<HTMLDivElement> {
}

export declare const ModalHeader: React_2.ForwardRefExoticComponent<ModalHeaderProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface ModalHeaderProps extends React_2.HTMLAttributes<HTMLDivElement> {
}

export declare const ModalTitle: React_2.ForwardRefExoticComponent<ModalTitleProps & React_2.RefAttributes<HTMLHeadingElement>>;

declare interface ModalTitleProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
}

export declare const ModalTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;

declare const modalVariants: (props?: ({
    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Navbar: React_2.ForwardRefExoticComponent<NavbarProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface NavbarProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof navbarVariants> {
    buttons?: React_2.ReactNode[];
    showThemeToggle?: boolean;
    onThemeToggle?: () => void;
    isDark?: boolean;
    logo?: React_2.ReactNode;
    title?: string;
    showOrganizationSelector?: boolean;
    onOrganizationChanged?: (organizationId: string) => void;
    organizations?: Organization[];
}

export declare const navbarVariants: (props?: ({
    variant?: "default" | "elevated" | null | undefined;
} & ClassProp) | undefined) => string;

declare interface Organization {
    id: string;
    name: string;
    logoUrl?: string;
}

export declare function Page({ breadcrumbs, children }: PageProps): JSX_2.Element;

export declare interface PageProps {
    breadcrumbs?: BreadcrumbItemData[];
    children: React_2.ReactNode;
}

export declare const Pagination: {
    ({ className, ...props }: PaginationProps): JSX_2.Element;
    displayName: string;
};

export declare const PaginationContent: React_2.ForwardRefExoticComponent<PaginationContentProps & React_2.RefAttributes<HTMLUListElement>>;

declare interface PaginationContentProps extends React_2.ComponentPropsWithoutRef<"ul"> {
}

export declare const PaginationEllipsis: React_2.ForwardRefExoticComponent<PaginationEllipsisProps & React_2.RefAttributes<HTMLSpanElement>>;

declare interface PaginationEllipsisProps extends React_2.ComponentPropsWithoutRef<"span"> {
}

export declare const PaginationItem: React_2.ForwardRefExoticComponent<PaginationItemProps & React_2.RefAttributes<HTMLLIElement>>;

declare interface PaginationItemProps extends React_2.ComponentPropsWithoutRef<"li"> {
}

declare const paginationItemVariants: (props?: ({
    variant?: "default" | "ghost" | "current" | "outline" | null | undefined;
    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const PaginationLink: React_2.ForwardRefExoticComponent<PaginationLinkProps & React_2.RefAttributes<HTMLAnchorElement>>;

declare interface PaginationLinkProps extends React_2.ComponentPropsWithoutRef<"a">, VariantProps<typeof paginationItemVariants> {
    isActive?: boolean;
}

export declare const PaginationNext: React_2.ForwardRefExoticComponent<PaginationNextProps & React_2.RefAttributes<HTMLAnchorElement>>;

declare interface PaginationNextProps extends React_2.ComponentPropsWithoutRef<typeof PaginationLink> {
}

export declare const PaginationPrevious: React_2.ForwardRefExoticComponent<PaginationPreviousProps & React_2.RefAttributes<HTMLAnchorElement>>;

declare interface PaginationPreviousProps extends React_2.ComponentPropsWithoutRef<typeof PaginationLink> {
}

declare interface PaginationProps extends React_2.ComponentPropsWithoutRef<"nav"> {
}

export declare const Progress: React_2.ForwardRefExoticComponent<ProgressProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface ProgressProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressVariants> {
    value?: number;
    max?: number;
}

export declare const progressVariants: (props?: ({
    size?: "sm" | "md" | "lg" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;

export declare const SelectContent: React_2.ForwardRefExoticComponent<SelectContentProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface SelectContentProps extends React_2.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
}

export declare const SelectGroup: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React_2.RefAttributes<HTMLDivElement>>;

export declare const SelectItem: React_2.ForwardRefExoticComponent<SelectItemProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface SelectItemProps extends React_2.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
}

export declare const SelectLabel: React_2.ForwardRefExoticComponent<SelectLabelProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface SelectLabelProps extends React_2.ComponentPropsWithoutRef<typeof SelectPrimitive.Label> {
}

export declare const SelectSeparator: React_2.ForwardRefExoticComponent<SelectSeparatorProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface SelectSeparatorProps extends React_2.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator> {
}

export declare const SelectTrigger: React_2.ForwardRefExoticComponent<SelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;

declare interface SelectTriggerProps extends React_2.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, VariantProps<typeof selectTriggerVariants> {
}

declare const selectTriggerVariants: (props?: ({
    variant?: "default" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;

export declare const Separator: React_2.ForwardRefExoticComponent<SeparatorProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface SeparatorProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof separatorVariants> {
}

export declare const separatorVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Sheet: React_2.FC<DialogPrimitive.DialogProps>;

export declare const SheetClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;

export declare const SheetContent: React_2.ForwardRefExoticComponent<SheetContentProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface SheetContentProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
}

export declare const SheetDescription: React_2.ForwardRefExoticComponent<SheetDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>>;

declare interface SheetDescriptionProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {
}

export declare const SheetFooter: React_2.ForwardRefExoticComponent<SheetFooterProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface SheetFooterProps extends React_2.HTMLAttributes<HTMLDivElement> {
}

export declare const SheetHeader: React_2.ForwardRefExoticComponent<SheetHeaderProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface SheetHeaderProps extends React_2.HTMLAttributes<HTMLDivElement> {
}

export declare const SheetTitle: React_2.ForwardRefExoticComponent<SheetTitleProps & React_2.RefAttributes<HTMLHeadingElement>>;

declare interface SheetTitleProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
}

export declare const SheetTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;

declare const sheetVariants: (props?: ({
    side?: "left" | "top" | "right" | "bottom" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Sidebar: React_2.ForwardRefExoticComponent<SidebarProps & React_2.RefAttributes<HTMLDivElement>>;

export declare interface SidebarGroup {
    id: string;
    label?: string;
    items: SidebarItem[];
}

export declare interface SidebarItem {
    id: string;
    label: string;
    icon?: React_2.ReactNode;
    href?: string;
    active?: boolean;
    onClick?: () => void;
    children?: SidebarItem[];
}

declare interface SidebarProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof sidebarVariants>, 'collapsed'> {
    groups?: SidebarGroup[];
    showUserMenu?: boolean;
    userInfo?: UserInfo;
    onUserMenuClick?: () => void;
    onLogout?: () => void;
    onCollapse?: () => void;
    logo: React_2.ReactNode;
    icon: React_2.ReactNode;
    isCollapsed?: boolean;
}

export declare const sidebarVariants: (props?: ({
    variant?: "default" | "elevated" | null | undefined;
    collapsed?: boolean | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Slider: React_2.ForwardRefExoticComponent<SliderProps & React_2.RefAttributes<HTMLInputElement>>;

declare interface SliderProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'>, VariantProps<typeof sliderVariants> {
    value?: number;
    onValueChange?: (value: number) => void;
    min?: number;
    max?: number;
    step?: number;
}

export declare const sliderVariants: (props?: ({
    state?: "default" | "disabled" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Textarea: React_2.ForwardRefExoticComponent<TextareaProps & React_2.RefAttributes<HTMLTextAreaElement>>;

declare interface TextareaProps extends React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
}

export declare const textareaVariants: (props?: ({
    state?: "default" | "disabled" | "required" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Toast: React_2.ForwardRefExoticComponent<ToastProps & React_2.RefAttributes<HTMLLIElement>>;

export declare const ToastAction: React_2.ForwardRefExoticComponent<ToastActionProps & React_2.RefAttributes<HTMLButtonElement>>;

export declare type ToastActionElement = React_2.ReactElement<typeof ToastAction>;

declare interface ToastActionProps extends React_2.ComponentPropsWithoutRef<typeof ToastPrimitives.Action> {
}

export declare const ToastClose: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const ToastDescription: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

declare interface ToastProps extends React_2.ComponentPropsWithoutRef<typeof ToastPrimitives.Root>, VariantProps<typeof toastVariants> {
}

export declare const ToastProvider: React_2.FC<ToastPrimitives.ToastProviderProps>;

export declare const ToastTitle: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

declare const toastVariants: (props?: ({
    variant?: "error" | "info" | "success" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React_2.RefAttributes<HTMLOListElement>, "ref"> & React_2.RefAttributes<HTMLOListElement>>;

export declare function useIsClient(): boolean;

export declare const useIsomorphicLayoutEffect: typeof default_2.useLayoutEffect;

export declare interface UserInfo {
    name: string;
    email?: string;
    avatar?: string;
    initials?: string;
}

export declare function useWindowSize(): {
    width: number;
    height: number;
};

export { }