import * as _angular_core from '@angular/core';

/**
 * Animated menu toggle — three SVG strokes morph between a hamburger and a
 * close mark on `open`. Two-way bindable, so it pairs naturally with a
 * `<wr-drawer>` or any disclosure.
 *
 * The morph is pure CSS (`stroke-dasharray` / `stroke-dashoffset` tweens),
 * so it stays smooth without JS and collapses to its end state under
 * `prefers-reduced-motion`.
 *
 * @example Toggle a drawer
 * ```html
 * <wr-burger [(open)]="menuOpen" />
 * <wr-drawer [(open)]="menuOpen" position="right">…</wr-drawer>
 * ```
 *
 * @see https://ngwr.dev/components/burger
 */
declare class WrBurger {
    /** Two-way bindable open state. Drives the hamburger ↔ close morph. @default false */
    readonly open: _angular_core.ModelSignal<boolean>;
    /** Accessible label for the toggle button. @default 'Toggle menu' */
    readonly label: _angular_core.InputSignal<string>;
    /** Disable the toggle. @default false */
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
    protected readonly classes: _angular_core.Signal<{
        'wr-burger': boolean;
        'wr-burger--opened': boolean;
    }>;
    protected toggle(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrBurger, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrBurger, "wr-burger", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, never, true, never>;
}

export { WrBurger };