import { PropertyValues } from 'lit';
import { BpTypeButton } from '@blueprintui/components/internals';
import { BpButton } from '@blueprintui/components/button';
import type { BpIcon } from '@blueprintui/icons';
export declare const buttonIconStyles: CSSStyleSheet;
/**
 * ```typescript
 * import '@blueprintui/components/include/button-icon.js';
 * ```
 *
 * ```html
 * <bp-button-icon></bp-button-icon>
 * ```
 *
 * @summary The icon button component is used to provide a visual representation of an action.
 * @element bp-button-icon
 * @since 1.0.0
 * @slot - slot for text content or bp-icon
 * @csspart icon
 * @cssprop --width
 * @cssprop --height
 * @cssprop --color
 * @cssprop --cursor
 * @cssprop --background
 * @cssprop --padding
 * @cssprop --outline
 * @cssprop --outline-offset
 * @cssprop --border
 */
export declare class BpButtonIcon extends BpButton implements Pick<BpTypeButton, keyof Omit<BpButtonIcon, 'shape' | 'icon'>> {
    /** Defines the icon shape to display within the button */
    accessor shape: string;
    /** Controls the directional orientation of the icon within the button */
    accessor direction: 'up' | 'down' | 'left' | 'right';
    /** Provides internationalization strings for accessibility labels and screen reader announcements */
    accessor i18n: {
        copy: string;
        sort: string;
        none: string;
        ascending: string;
        descending: string;
        expand: string;
        close: string;
        resize: string;
        filter: string;
        loading: string;
        show: string;
        hide: string;
        previous: string;
        next: string;
        first: string;
        last: string;
        today: string;
        browse: string;
        removeFile: string;
        files: string;
        resizeColumn: string;
        closeDetails: string;
        noData: string;
        action: string;
        dropTarget: string;
        firstPage: string;
        previousPage: string;
        nextPage: string;
        lastPage: string;
        pageSize: string;
        pagination: string;
        increment: string;
        decrement: string;
    };
    static get styles(): CSSStyleSheet[];
    get icon(): BpIcon;
    render(): import("lit").TemplateResult<1>;
    connectedCallback(): void;
    updated(props: PropertyValues<this>): void;
}