import { AgIconButton, IconButtonProps, IconButtonClickEvent, IconButtonActivateEvent } from '../../IconButton/core/_IconButton.js';
import { FxProps } from '../../../types/fx.js';

export type { IconButtonClickEvent, IconButtonActivateEvent };
export interface IconButtonFxProps extends IconButtonProps, FxProps {
}
/**
 * IconButtonFx - IconButton with CSS animation effects
 *
 * Extends AgIconButton to add optional CSS-only animation effects.
 * Inherits all IconButton functionality and styling.
 *
 * Features:
 * - CSS-only FX effects (reuses motionStyles keyframes)
 * - Full control over button hover states
 * - Automatic reduced-motion support
 * - Can override IconButton's default hover behaviors
 */
export declare class IconButtonFx extends AgIconButton implements FxProps {
    static styles: import('lit').CSSResult[];
    fx?: string;
    fxSpeed: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    fxEase: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'bounce' | 'spring-sm' | 'spring-md' | 'spring-lg';
    fxDisabled: boolean;
    constructor();
    firstUpdated(changedProperties: Map<PropertyKey, unknown>): void;
    updated(changedProperties: Map<PropertyKey, unknown>): void;
    private _applyFxClasses;
    private _applyFxCustomProperties;
}
//# sourceMappingURL=_IconButtonFx.d.ts.map