import { OnChanges } from '@angular/core';
import { SafeHtml } from '@angular/platform-browser';
import * as i0 from "@angular/core";
/** Visual style of a `compsych-button`. Controls color, border, and elevation. */
export type ButtonVariant = 'filled' | 'tonal' | 'outlined' | 'elevated' | 'text' | 'danger' | 'danger-outlined';
/** Button dimensions — controls height, padding, font size, and icon size. */
export type ButtonSize = 'small' | 'medium' | 'large' | 'xlarge';
/** Native button behaviour. `'submit'`/`'reset'` make the component a real form control. */
export type ButtonType = 'button' | 'submit' | 'reset';
/**
 * A themeable button that renders a native `<button>` element, so it is fully
 * form-submittable and keyboard/screen-reader accessible out of the box. Icons
 * are Lucide glyphs (matching the rest of the library); a button may carry a
 * leading icon, a trailing icon, or both.
 */
export declare class ButtonComponent implements OnChanges {
    private readonly sanitizer;
    /** Text label rendered on the button. */
    label: string;
    /** Visual style of the button. Defaults to `'filled'`. */
    variant: ButtonVariant;
    /** Button dimensions — controls height, padding, font size, and icon size. Defaults to `'small'`. */
    size: ButtonSize;
    /** Lucide icon name shown before the label (e.g. `'house'`). Swapped for a spinner when loading. */
    leadingIcon?: string;
    /** Lucide icon name shown after the label (e.g. `'chevron-right'`). Can be combined with `leadingIcon`. */
    trailingIcon?: string;
    /** Native button type. Use `'submit'` inside a `<form>` to submit it. Defaults to `'button'`. */
    type: ButtonType;
    /**
     * Accessible name. Required for icon-only buttons since the icon is decorative.
     * When `iconOnly` or `loading` is set and this is omitted, `label` is used.
     */
    ariaLabel?: string;
    /** Hides the label and renders a square icon-only button. Uses `leadingIcon`. Supports boolean coercion. */
    iconOnly: boolean;
    /** Disables the button — non-interactive and rendered in a neutral grey. Supports boolean coercion. */
    disabled: boolean;
    /**
     * Loading state. Swaps the leading icon for a spinner and suppresses activation
     * (native `disabled` blocks click/keyboard), while keeping the label and exposing
     * `aria-busy="true"`. Retains the variant's colours. Supports boolean coercion.
     */
    loading: boolean;
    /** Stretches the button to the full width of its container. Supports boolean coercion. */
    fullWidth: boolean;
    /** Mirrors `fullWidth` onto the host so it can stretch. */
    get hostFullWidth(): boolean;
    /**
     * Marks the host non-interactive while disabled or loading. The inner `<button>` sets
     * `pointer-events: none` when disabled, so without this a click lands on the host wrapper
     * instead — firing any `(click)` a consumer bound on `<compsych-button>`. Blocking pointer
     * events at the host too makes the disabled state honour its "non-interactive" contract.
     */
    get hostNonInteractive(): boolean;
    /** Pre-sanitized icon markup, recomputed on input change (avoids re-sanitizing every CD cycle). */
    protected leadingIconSvg: SafeHtml | null;
    protected trailingIconSvg: SafeHtml | null;
    ngOnChanges(): void;
    /** Space-separated class list applied to the inner native button. */
    get buttonClasses(): string;
    /** Resolves the accessible name. Icon-only buttons have no visible text, so they fall back to `label`. */
    get computedAriaLabel(): string | null;
    /**
     * Looks up a Lucide icon by name and injects an explicit width/height so the SVG
     * renders at the correct size when injected via `[innerHTML]` (Angular's CSS
     * encapsulation does not reach dynamically injected content).
     */
    private buildIconSvg;
    /** M3 pressed ripple: pointer-down spawns a ripple at the pointer position. */
    onPointerDown(event: PointerEvent): void;
    /** M3 pressed ripple: keyboard activation (Enter/Space) spawns a centered ripple. */
    onKeyDown(event: KeyboardEvent): void;
    /** Diameter that reaches the farthest corner from (x, y), so the ripple always covers the button. */
    private farthestCornerDiameter;
    /**
     * Spawns an expanding ripple circle. Created imperatively with inline styles and
     * animated via the Web Animations API — Angular's emulated encapsulation does not
     * reach dynamically created nodes, so it cannot rely on the component stylesheet.
     */
    private spawnRipple;
    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "compsych-button", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "type": { "alias": "type"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, {}, never, ["*"], true, never>;
    static ngAcceptInputType_iconOnly: unknown;
    static ngAcceptInputType_disabled: unknown;
    static ngAcceptInputType_loading: unknown;
    static ngAcceptInputType_fullWidth: unknown;
}