/**
 * Copyright Aquera Inc 2023
 *
 * This source code is licensed under the BSD-3-Clause license found in the
 * LICENSE file in the root directory of this source tree.
 */
import { CSSResultArray, TemplateResult } from 'lit';
import NileElement from '../internal/nile-element';
/**
 * Nile side-bar component.
 *
 * @tag nile-side-bar
 *
 * @attr position - Position of the sidebar ("left" | "right"). Defaults to "left".
 * @attr width - Expanded width of the sidebar (px).
 * @attr collapsed-width - Collapsed width of the sidebar (px).
 * @attr overlay - When set, the sidebar is taken out of normal flow and floats
 *   on top of adjacent content, so expanding it overlays the page instead of
 *   pushing siblings sideways.
 *
 * @event nile-toggle - Fired after the collapsed state changes (via the built-in
 *   expand button or the public expand()/collapse()/toggle() methods).
 *   `event.detail.collapsed` is the new state.
 *
 * @method expand() - Expand the sidebar.
 * @method collapse() - Collapse the sidebar.
 * @method toggle(force?) - Toggle, or force a specific collapsed state.
 */
export declare class NileSideBar extends NileElement {
    position: 'left' | 'right';
    collapsed: boolean;
    overlay: boolean;
    fullHeight: boolean;
    width: number | null;
    collapsedWidth: number | null;
    static get styles(): CSSResultArray;
    protected updated(changedProps: Map<string, unknown>): void;
    expand(): void;
    collapse(): void;
    toggle(force?: boolean): void;
    private setCollapsed;
    render(): TemplateResult;
}
export default NileSideBar;
declare global {
    interface HTMLElementTagNameMap {
        'nile-side-bar': NileSideBar;
    }
}