import * as React from "react";
import type { VariantProps } from "class-variance-authority";
import { Button } from "../button/index.js";
import { Separator } from "../separator/index.js";
import { TooltipContent } from "../tooltip/index.js";
import { sidebarMenuButtonVariants } from "./variants.js";
export * from "./variants.js";
declare module "react" {
    interface CSSProperties {
        [key: `--${string}`]: string | number;
    }
}
type SidebarContextValue = {
    state: "expanded" | "collapsed";
    open: boolean;
    setOpen: (open: boolean) => void;
    openMobile: boolean;
    setOpenMobile: (open: boolean) => void;
    isMobile: boolean;
    toggleSidebar: () => void;
};
export declare function useSidebar(): SidebarContextValue;
type SidebarProviderProps = React.ComponentProps<"div"> & {
    defaultOpen?: boolean;
    open?: boolean;
    onOpenChange?: (open: boolean) => void;
};
export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: SidebarProviderProps): React.JSX.Element;
type SidebarProps = React.ComponentProps<"div"> & {
    side?: "left" | "right";
    variant?: "sidebar" | "floating" | "inset";
    collapsible?: "offcanvas" | "icon" | "none";
};
export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: SidebarProps): React.JSX.Element;
export declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
export declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
export declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
export declare function SidebarInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
export declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
export declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
export declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
export declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
export declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
export declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
    asChild?: boolean;
}): React.JSX.Element;
export declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
    asChild?: boolean;
}): React.JSX.Element;
export declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
export declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
export declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
type SidebarMenuButtonProps = React.ComponentProps<"button"> & {
    asChild?: boolean;
    isActive?: boolean;
    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
} & VariantProps<typeof sidebarMenuButtonVariants>;
export declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: SidebarMenuButtonProps): React.JSX.Element;
export declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
    asChild?: boolean;
    showOnHover?: boolean;
}): React.JSX.Element;
export declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
    showIcon?: boolean;
}): React.JSX.Element;
export declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
export declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
export declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
    asChild?: boolean;
    size?: "sm" | "md";
    isActive?: boolean;
}): React.JSX.Element;
//# sourceMappingURL=index.d.ts.map