import type { ComputedRef, Ref } from 'vue';
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 declare const getSidebarWidth: (size: string) => "16rem" | "18rem" | "13rem";
export declare const useSidebar: <T extends {
    color: string;
    size: string;
    state: ComputedRef<'expanded' | 'collapsed'>;
    open: Ref<boolean>;
    setOpen: (value: boolean) => void;
    isMobile: Ref<boolean>;
    openMobile: Ref<boolean>;
    setOpenMobile: (value: boolean) => void;
    toggleSidebar: () => void;
} | null | undefined = {
    color: string;
    size: string;
    state: ComputedRef<'expanded' | 'collapsed'>;
    open: Ref<boolean>;
    setOpen: (value: boolean) => void;
    isMobile: Ref<boolean>;
    openMobile: Ref<boolean>;
    setOpenMobile: (value: boolean) => void;
    toggleSidebar: () => void;
}>(fallback?: T | undefined) => T extends null ? {
    color: string;
    size: string;
    state: ComputedRef<'expanded' | 'collapsed'>;
    open: Ref<boolean>;
    setOpen: (value: boolean) => void;
    isMobile: Ref<boolean>;
    openMobile: Ref<boolean>;
    setOpenMobile: (value: boolean) => void;
    toggleSidebar: () => void;
} | null : {
    color: string;
    size: string;
    state: ComputedRef<'expanded' | 'collapsed'>;
    open: Ref<boolean>;
    setOpen: (value: boolean) => void;
    isMobile: Ref<boolean>;
    openMobile: Ref<boolean>;
    setOpenMobile: (value: boolean) => void;
    toggleSidebar: () => void;
}, provideSidebarContext: (contextValue: {
    color: string;
    size: string;
    state: ComputedRef<'expanded' | 'collapsed'>;
    open: Ref<boolean>;
    setOpen: (value: boolean) => void;
    isMobile: Ref<boolean>;
    openMobile: Ref<boolean>;
    setOpenMobile: (value: boolean) => void;
    toggleSidebar: () => void;
}) => {
    color: string;
    size: string;
    state: ComputedRef<'expanded' | 'collapsed'>;
    open: Ref<boolean>;
    setOpen: (value: boolean) => void;
    isMobile: Ref<boolean>;
    openMobile: Ref<boolean>;
    setOpenMobile: (value: boolean) => void;
    toggleSidebar: () => void;
};