import { LitElement } from 'lit-element';
import 'lithium-ui/icon';
/**
 * Side Nav, a slide out nav for navigation menus
 *
 * @noInheritDoc
 * @element li-side-nav
 * @slot default - Content slot for nav elements
 * @event openChange - Notify when the side nav has been opened or closed.
 * @cssprop --top
 * @cssprop --width
 * @cssprop --color
 * @cssprop --background
 * @cssprop --background-hover
 * @cssprop --transition
 * @cssprop --border-right
 * @cssprop --heading-background
 * @cssprop --heading-color
 * @cssprop --backdrop-transition
 * @cssprop --backdrop-background
 */
export declare class LithiumSideNav extends LitElement {
    /** Trigger if nav should be open or closed */
    open: boolean;
    /** Set nav to remain open on left side */
    sticky: boolean;
    /** Set a pixel value for viewpoint width to set as sticky */
    stickyBreakpoint: number;
    /** Auto close nav when inner elements are clicked */
    closeOnInnerClick: boolean;
    private resizeObserver;
    static readonly styles: import("lit-element").CSSResult[];
    render(): import("lit-element").TemplateResult;
    connectedCallback(): void;
    disconnectedCallback(): void;
    /** close side nav */
    close(): void;
    /** toggle the open state */
    toggle(): void;
    private navClose;
    private openChange;
}
declare global {
    interface HTMLElementTagNameMap {
        'li-side-nav': LithiumSideNav;
    }
}