import { InjectionKey, Ref } from 'vue';
export declare const SIDEBAR_COLLAPSED_WIDTH = "66px";
export declare const SIDEBAR_COLLAPSED_WIDTH_CARD = "82px";
export interface AppLayoutContext {
    /** Sidebar open (expanded) state */
    isOpen: Ref<boolean>;
    /** Viewport is below MOBILE_BREAKPOINT */
    isMobile: Ref<boolean>;
    toggleMenu: () => void;
    /** Close the sidebar when on mobile (e.g. after navigating) */
    closeOnMobile: () => void;
    sidebarWidth: string;
    sidebarCollapsedWidth: string;
    /** Sidebar rendered as a floating card */
    sidebarCardStyle: boolean;
}
export declare const AppLayoutKey: InjectionKey<AppLayoutContext>;
/**
 * Access the AppLayout context (sidebar open state, mobile flag, toggle).
 * Works inside AppLayout's slots — including custom header buttons.
 * Outside an AppLayout it warns (dev) and returns an inert fallback.
 */
export declare function useAppLayout(): AppLayoutContext;
//# sourceMappingURL=appLayoutContext.d.ts.map