import * as _angular_core from '@angular/core';
import { Signal } from '@angular/core';

/**
 * @license
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
 */
/**
 * Button size variant.
 */
type WrButtonSize = 'sm' | 'md' | 'lg';

/**
 * @license
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
 */
/**
 * Corner treatment for `<wr-btn>`.
 *
 * - `rounded` (default) — small radius, matches the rest of the form vocabulary.
 * - `pill` — fully rounded ends; ideal for solitary CTAs.
 * - `squircle` — iOS-style continuous-curvature corners via the
 *   `corner-shape: squircle` CSS spec (Chrome 145+, falls back to a
 *   plain rounded corner elsewhere). For a deterministic
 *   clip-path-based squircle that works across browsers, wrap the
 *   button in `[wrSquircle]` instead.
 */
type WrButtonShape = 'rounded' | 'pill' | 'squircle';

/**
 * @license
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
 */
/**
 * Where the icon sits relative to the button label.
 */
type WrButtonIconPosition = 'start' | 'end';

/**
 * Trigger an action. Renders as a `<wr-btn>` element, or attach to a
 * native `<button>` / `<a>` via the `wr-btn` attribute selector.
 *
 * @example
 * ```html
 * <button wr-btn color="primary">Save</button>
 * <a wr-btn color="primary" outlined>Cancel</a>
 * <wr-btn color="danger" icon="trash">Delete</wr-btn>
 * <wr-btn color="primary" shape="pill">Pill</wr-btn>
 * ```
 *
 * **Squircle?** Wrap with `[wrSquircle]` — the directive is the only
 * way ngwr ships smooth-corner clip-paths:
 *
 * ```html
 * <wr-btn wrSquircle [radius]="14">Squircle</wr-btn>
 * ```
 *
 * Inside a `<wr-btn-group shape="…">`, the group's shape is enforced on
 * every child — child `[shape]` inputs are ignored so the group reads as
 * one coherent control.
 *
 * @see https://ngwr.dev/components/button
 */
declare class WrButton {
    /** Color variant. Omit for the neutral default style. @default null */
    readonly color: _angular_core.InputSignal<"primary" | "secondary" | "success" | "warning" | "danger" | "light" | "medium" | "dark" | null>;
    /** Size variant. @default 'md' */
    readonly size: _angular_core.InputSignal<WrButtonSize>;
    /**
     * Corner treatment — `rounded` or `pill`. `null` (default) falls back
     * to `rounded`. Inside a `<wr-btn-group shape="…">`, the group's shape
     * ALWAYS wins over this input — the group enforces a consistent corner
     * treatment across its members.
     *
     * @default null
     */
    readonly shape: _angular_core.InputSignal<WrButtonShape | null>;
    /**
     * Icon name to render alongside the label. The icon is hidden while
     * `loading` is `true` so the spinner can take its place.
     *
     * @default null
     */
    readonly icon: _angular_core.InputSignal<string | null>;
    /** Position of the icon relative to the label. @default 'start' */
    readonly iconPosition: _angular_core.InputSignal<WrButtonIconPosition>;
    /** Disable the button. @default false */
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Outlined variant — colored text and border on a transparent background. @default false */
    readonly outlined: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Stretch the button to fill its parent's width. @default false */
    readonly block: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Show a spinner overlaying the label. Layout is preserved. @default false */
    readonly loading: _angular_core.InputSignalWithTransform<boolean, any>;
    /**
     * When `loading` is `true` and this is also `true`, pointer events are
     * suppressed and the button reports as disabled to assistive tech.
     *
     * @default true
     */
    readonly isDisabledWhenLoading: _angular_core.InputSignalWithTransform<boolean, any>;
    private readonly group;
    /**
     * Resolved shape. Inside a `<wr-btn-group>`, the group ALWAYS wins —
     * child `[shape]` is ignored entirely so the group reads as one
     * coherent control. Outside a group, the button's own `[shape]` is
     * used, falling back to `rounded`.
     */
    protected readonly effectiveShape: _angular_core.Signal<WrButtonShape>;
    protected readonly nativeDisabled: _angular_core.Signal<"" | null>;
    protected readonly classes: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrButton, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrButton, "wr-btn, button[wr-btn], a[wr-btn]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "isDisabledWhenLoading": { "alias": "isDisabledWhenLoading"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

/**
 * @license
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
 */

/**
 * Contract a child `<wr-btn>` reads from its enclosing `<wr-btn-group>`.
 *
 * @internal
 */
interface WrButtonGroupContext {
    /** Shape cascade — child buttons fall back to this when they don't set their own. */
    readonly shape: Signal<WrButtonShape | null>;
}

/**
 * Visually group buttons by merging their borders. Optionally enforce a
 * single corner treatment across every child via `[shape]` — child
 * `<wr-btn>` `[shape]` inputs are ignored when set on the group.
 *
 * @example
 * ```html
 * <wr-btn-group>
 *   <button wr-btn>Left</button>
 *   <button wr-btn>Middle</button>
 *   <button wr-btn>Right</button>
 * </wr-btn-group>
 *
 * <wr-btn-group shape="pill">
 *   <button wr-btn>One</button>
 *   <button wr-btn>Two</button>
 *   <button wr-btn>Three</button>
 * </wr-btn-group>
 * ```
 *
 * @see https://ngwr.dev/components/button-group
 */
declare class WrButtonGroup implements WrButtonGroupContext {
    /**
     * Corner treatment enforced on every child `<wr-btn>`. Child `[shape]`
     * inputs are ignored when this is set — the group exists to make a
     * uniform control. `null` (default) leaves children alone.
     *
     * @default null
     */
    readonly shape: _angular_core.InputSignal<WrButtonShape | null>;
    protected readonly hostClasses: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrButtonGroup, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrButtonGroup, "wr-btn-group", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

export { WrButton, WrButtonGroup };
export type { WrButtonIconPosition, WrButtonShape, WrButtonSize };