import { LitElement } from 'lit';

export interface IconButtonClickEventDetail {
    originalEvent: MouseEvent;
    label: string;
    pressed: boolean;
}
export interface IconButtonActivateEventDetail {
    originalEvent: KeyboardEvent;
    label: string;
    pressed: boolean;
}
export type IconButtonClickEvent = CustomEvent<IconButtonClickEventDetail>;
export type IconButtonActivateEvent = CustomEvent<IconButtonActivateEventDetail>;
export interface IconButtonProps {
    label?: string;
    icon?: string;
    unicode?: string;
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'ghost' | 'monochrome';
    type?: 'button' | 'submit' | 'reset';
    disabled?: boolean;
    pressed?: boolean;
    loading?: boolean;
    onIconButtonClick?: (event: IconButtonClickEvent) => void;
    onIconButtonActivate?: (event: IconButtonActivateEvent) => void;
}
/**
 * AgIconButton - Accessible icon-only button component
 *
 * A semantic button element that displays only an icon with proper
 * accessibility labeling following Sara Soueidan's guidelines and
 * WAI-ARIA APG button patterns.
 *
 * Features:
 * - Semantic <button> element foundation
 * - Required accessible name via aria-label
 * - Multiple icon source support (SVG, Unicode, slots)
 * - Sara Soueidan accessibility compliance
 * - Minimalist styling via design tokens
 * - APG-compliant keyboard interaction
 */
export declare class AgIconButton extends LitElement implements IconButtonProps {
    static styles: import('lit').CSSResult;
    /**
     * Required accessible name for the button
     * This is critical for screen reader users
     */
    label: string;
    /**
     * Icon identifier or name (for icon systems)
     */
    icon: string;
    /**
     * Unicode symbol for simple icons (×, ☰, etc.)
     */
    unicode: string;
    /**
     * Button size variant
     */
    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /**
     * Visual variant
     */
    variant: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'ghost' | 'monochrome';
    /**
     * Disabled state
     */
    disabled: boolean;
    /**
     * Pressed state for toggle buttons
     */
    pressed: boolean;
    /**
     * Loading state
     */
    loading: boolean;
    /**
     * Button type
     */
    type: 'button' | 'submit' | 'reset';
    /**
     * ARIA described by reference
     */
    /**
     * Callback for icon button click events
     */
    onIconButtonClick?: (event: IconButtonClickEvent) => void;
    /**
     * Callback for icon button activate events
     */
    onIconButtonActivate?: (event: IconButtonActivateEvent) => void;
    constructor();
    private _handleClick;
    private _handleKeyDown;
    /**
     * Renders the appropriate icon content
     */
    private _renderIcon;
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ag-icon-button': AgIconButton;
    }
}
//# sourceMappingURL=_IconButton.d.ts.map