import * as react from 'react';
import { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';

type SidebarSide = 'left' | 'right';
type SidebarCollapsible = 'offcanvas' | 'icon' | 'none';
interface SidebarContextValue {
    state: 'expanded' | 'collapsed';
    open: boolean;
    setOpen: (open: boolean) => void;
    isMobile: boolean;
    openMobile: boolean;
    setOpenMobile: (open: boolean) => void;
    toggleSidebar: () => void;
}
declare function useSidebar(): SidebarContextValue;
interface SidebarProviderProps extends HTMLAttributes<HTMLDivElement> {
    open?: boolean;
    /** Default expanded state (desktop). Default `true`. */
    defaultOpen?: boolean;
    onOpenChange?: (open: boolean) => void;
    /** Cmd/Ctrl+B toggles the sidebar. Default `true`. */
    keyboardShortcut?: boolean;
}
declare const SidebarProvider: react.ForwardRefExoticComponent<SidebarProviderProps & react.RefAttributes<HTMLDivElement>>;
interface SidebarProps extends HTMLAttributes<HTMLElement> {
    side?: SidebarSide;
    /** Default `offcanvas`. */
    collapsible?: SidebarCollapsible;
    /** Screen reader title for the mobile sheet. */
    mobileTitle?: string;
}
declare const Sidebar: react.ForwardRefExoticComponent<SidebarProps & react.RefAttributes<HTMLElement>>;
declare const SidebarTrigger: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
declare const SidebarInset: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
declare const SidebarHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
declare const SidebarContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
declare const SidebarFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
declare const SidebarGroup: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
declare const SidebarGroupLabel: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
declare const SidebarGroupContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
declare const SidebarMenu: react.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & react.RefAttributes<HTMLUListElement>>;
declare const SidebarMenuItem: react.ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & react.RefAttributes<HTMLLIElement>>;
interface SidebarMenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    /** Render as the single child element (e.g. `next/link`) instead of a `<button>`. */
    asChild?: boolean;
    isActive?: boolean;
    icon?: ReactNode;
    /** Shown as a tooltip when the sidebar is collapsed to icon-only. */
    tooltip?: ReactNode;
}
declare const SidebarMenuButton: react.ForwardRefExoticComponent<SidebarMenuButtonProps & react.RefAttributes<HTMLButtonElement>>;
declare const SidebarMenuAction: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
    asChild?: boolean;
} & react.RefAttributes<HTMLButtonElement>>;
declare const SidebarMenuBadge: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
declare const SidebarMenuSub: react.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & react.RefAttributes<HTMLUListElement>>;
declare const SidebarMenuSubItem: react.ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & react.RefAttributes<HTMLLIElement>>;
interface SidebarMenuSubButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    asChild?: boolean;
    isActive?: boolean;
}
declare const SidebarMenuSubButton: react.ForwardRefExoticComponent<SidebarMenuSubButtonProps & react.RefAttributes<HTMLButtonElement>>;
interface SidebarNavItem {
    id: string;
    label: ReactNode;
    href?: string;
    active?: boolean;
    icon?: ReactNode;
    onSelect?: () => void;
}
interface SidebarNavGroup {
    label?: ReactNode;
    items: SidebarNavItem[];
}

export { Sidebar, type SidebarCollapsible, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarNavGroup, type SidebarNavItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, type SidebarSide, SidebarTrigger, useSidebar };