import { LitElement, CSSResultGroup } from 'lit';

export interface ButtonToggleEventDetail {
    pressed: boolean;
}
export type ButtonToggleEvent = CustomEvent<ButtonToggleEventDetail>;
export interface ButtonProps {
    variant?: 'success' | 'primary' | 'secondary' | 'warning' | 'danger' | 'monochrome' | '';
    size?: 'x-sm' | 'sm' | 'md' | 'lg' | 'xl';
    shape?: 'capsule' | 'rounded' | 'circle' | 'square' | 'rounded-square' | '';
    bordered?: boolean;
    ghost?: boolean;
    link?: boolean;
    grouped?: boolean;
    fullWidth?: boolean;
    type?: 'button' | 'submit' | 'reset';
    disabled?: boolean;
    loading?: boolean;
    toggle?: boolean;
    pressed?: boolean;
    ariaLabel?: string;
    onClick?: (event: MouseEvent) => void;
    onFocus?: (event: FocusEvent) => void;
    onBlur?: (event: FocusEvent) => void;
    onToggle?: (event: ButtonToggleEvent) => void;
}
/**
 * AgButton - Foundation button component with APG compliance
 *
 * A semantic button element that supports multiple types and follows
 * WAI-ARIA APG button patterns for full accessibility compliance.
 *
 * Features:
 * - Semantic <button> element foundation
 * - Space/Enter keyboard activation (browser default)
 * - Multiple button types (button, submit, reset)
 * - Minimalist styling via design tokens
 * - APG-compliant accessibility
 */
export declare class AgButton extends LitElement implements ButtonProps {
    static shadowRootOptions: {
        delegatesFocus: boolean;
        clonable?: boolean;
        customElementRegistry?: CustomElementRegistry;
        mode: ShadowRootMode;
        serializable?: boolean;
        slotAssignment?: SlotAssignmentMode;
    };
    static styles: CSSResultGroup;
    /**
     * Visual variant for styling hooks
     */
    variant: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'monochrome' | '';
    /**
     * Size variant for styling hooks
     */
    size: 'x-sm' | 'sm' | 'md' | 'lg' | 'xl';
    /**
     * Shape variant for styling hooks
     */
    shape: 'capsule' | 'rounded' | 'circle' | 'square' | 'rounded-square' | '';
    /**
     * Bordered style - transparent background with colored border
     */
    bordered: boolean;
    /**
     * Ghost style - minimal button with transparent background and minimal padding
     */
    ghost: boolean;
    /**
     * Link style - looks like a text link with underline
     */
    link: boolean;
    /**
     * Grouped style - for buttons in a group, removes inner radius
     */
    grouped: boolean;
    /**
     * Full-width style - button takes 100% width of container
     */
    fullWidth: boolean;
    /**
     * Button type - determines behavior in forms
     */
    type: 'button' | 'submit' | 'reset';
    /**
     * Disabled state - button cannot be interacted with
     */
    disabled: boolean;
    /**
     * Loading state - button is disabled and shows busy indicator
     */
    loading: boolean;
    /**
     * Toggle mode - button acts as a toggle button with pressed state
     */
    toggle: boolean;
    /**
     * Pressed state - for toggle buttons
     */
    pressed: boolean;
    /**
     * ARIA label for accessibility
     */
    ariaLabel: string;
    onClick?: (event: MouseEvent) => void;
    onFocus?: (event: FocusEvent) => void;
    onBlur?: (event: FocusEvent) => void;
    onToggle?: (event: ButtonToggleEvent) => void;
    constructor();
    private _handleClick;
    private _handleFocus;
    private _handleBlur;
    render(): import('lit').TemplateResult<1>;
}
//# sourceMappingURL=_Button.d.ts.map