import { type VariantProps } from 'class-variance-authority';
import type { ComponentProps, FC } from 'react';
import { Button } from '../Button';
import { BasicInput } from '../Form';
import { Separator } from '../Separator';
import { Tooltip } from '../Tooltip';
export declare const SIDEBAR_COOKIE_NAME = "sidebar:state";
export declare const SIDEBAR_COOKIE_MAX_AGE: number;
export declare const SIDEBAR_WIDTH = "16rem";
export declare const SIDEBAR_WIDTH_MOBILE = "18rem";
export declare const SIDEBAR_WIDTH_ICON = "3rem";
export declare const SIDEBAR_KEYBOARD_SHORTCUT = "b";
export type SidebarContext = {
    state: 'expanded' | 'collapsed';
    open: boolean;
    setOpen: (open: boolean) => void;
    openMobile: boolean;
    setOpenMobile: (open: boolean) => void;
    isMobile: boolean;
    toggleSidebar: () => void;
};
export declare const SidebarContext: import("react").Context<SidebarContext | null>;
export declare function useSidebar(): SidebarContext;
export type SidebarContextProviderProps = ComponentProps<'div'> & {
    defaultOpen?: boolean;
    open?: boolean;
    onOpenChange?: (open: boolean) => void;
};
export declare const SidebarContextProvider: FC<SidebarContextProviderProps>;
export type SidebarProps = ComponentProps<'div'> & {
    side?: 'left' | 'right';
    variant?: 'sidebar' | 'floating' | 'inset';
    collapsible?: 'offcanvas' | 'icon' | 'none';
    dataTestId?: string;
};
export type SidebarTriggerProps = ComponentProps<typeof Button> & {
    dataTestId?: string;
};
export type SidebarRailProps = ComponentProps<'button'> & {
    dataTestId?: string;
};
export type SidebarInsetProps = ComponentProps<'main'> & {
    dataTestId?: string;
};
export type SidebarInputProps = ComponentProps<typeof BasicInput> & {
    dataTestId?: string;
};
export type SidebarHeaderProps = ComponentProps<'div'> & {
    dataTestId?: string;
};
export type SidebarFooterProps = ComponentProps<'div'> & {
    dataTestId?: string;
};
export type SidebarSeparatorProps = ComponentProps<typeof Separator> & {
    dataTestId?: string;
};
export type SidebarContentProps = ComponentProps<'div'> & {
    dataTestId?: string;
};
export type SidebarGroupProps = ComponentProps<'div'> & {
    dataTestId?: string;
};
export type SidebarGroupLabelProps = ComponentProps<'div'> & {
    asChild?: boolean;
    dataTestId?: string;
};
export type SidebarGroupActionProps = ComponentProps<'button'> & {
    asChild?: boolean;
    dataTestId?: string;
};
export type SidebarGroupContentProps = ComponentProps<'div'> & {
    dataTestId?: string;
};
export type SidebarMenuProps = ComponentProps<'ul'> & {
    dataTestId?: string;
};
export type SidebarMenuItemProps = ComponentProps<'li'> & {
    dataTestId?: string;
};
declare const sidebarMenuButtonVariants: (props?: ({
    variant?: "default" | "outline" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export type SidebarMenuButtonProps = ComponentProps<'button'> & {
    asChild?: boolean;
    isActive?: boolean;
    tooltip?: string | ComponentProps<typeof Tooltip>;
    dataTestId?: string;
} & VariantProps<typeof sidebarMenuButtonVariants>;
export type SidebarMenuActionProps = ComponentProps<'button'> & {
    asChild?: boolean;
    showOnHover?: boolean;
    dataTestId?: string;
};
export type SidebarMenuBadgeProps = ComponentProps<'div'> & {
    dataTestId?: string;
};
export type SidebarMenuSkeletonProps = ComponentProps<'div'> & {
    showIcon?: boolean;
    dataTestId?: string;
};
export type SidebarMenuSubProps = ComponentProps<'ul'> & {
    dataTestId?: string;
};
export type SidebarMenuSubItemProps = ComponentProps<'li'> & {
    dataTestId?: string;
};
export declare const Sidebar: FC<SidebarProps> & {
    Content: FC<SidebarContentProps>;
    Footer: FC<SidebarFooterProps>;
    Group: FC<SidebarGroupProps>;
    GroupAction: FC<SidebarGroupActionProps>;
    GroupContent: FC<SidebarGroupContentProps>;
    GroupLabel: FC<SidebarGroupLabelProps>;
    Header: FC<SidebarHeaderProps>;
    Input: FC<SidebarInputProps>;
    Inset: FC<SidebarInsetProps>;
    Menu: FC<SidebarMenuProps>;
    MenuAction: FC<SidebarMenuActionProps>;
    MenuBadge: FC<SidebarMenuBadgeProps>;
    MenuButton: FC<SidebarMenuButtonProps>;
    MenuItem: FC<SidebarMenuItemProps>;
    MenuSkeleton: FC<SidebarMenuSkeletonProps>;
    MenuSub: FC<SidebarMenuSubProps>;
    MenuSubButton: FC<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
        asChild?: boolean;
        size?: "sm" | "md";
        isActive?: boolean;
        dataTestId?: string;
    }>;
    MenuSubItem: FC<SidebarMenuSubItemProps>;
    Rail: FC<SidebarRailProps>;
    Separator: FC<SidebarSeparatorProps>;
    Trigger: FC<SidebarTriggerProps>;
};
export {};