import * as _angular_core 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
 */
/**
 * Corner treatment for `<wr-badge>`.
 *
 * - `rounded` (default) — small radius, matches the rest of the form vocabulary.
 * - `pill` — fully rounded ends; common for count chips and status pills.
 * - `squircle` — iOS-style continuous-curvature corners via the
 *   `corner-shape: squircle` CSS spec (Chrome 145+, falls back to a
 *   plain rounded corner elsewhere).
 */
type WrBadgeShape = '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
 */
/**
 * Badge size variant.
 */
type WrBadgeSize = '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
 */
/**
 * Where the icon (or loading spinner) sits relative to the tag content.
 */
type WrTagIconPosition = 'start' | 'end';

/**
 * Lean status chip — color, size, rounded/pill. Use for short labels
 * and counts (e.g. "ONLINE", "3 unread", "v2.1"). Reach for `<wr-tag>`
 * when you need icons, loading state, or outlined / transparent styles.
 *
 * @example
 * ```html
 * <wr-badge color="success">Active</wr-badge>
 * <wr-badge color="danger" size="sm">3</wr-badge>
 * <wr-badge color="primary" shape="pill">New</wr-badge>
 * ```
 *
 * @see https://ngwr.dev/components/badge
 */
declare class WrBadge {
    /**
     * Color variant. Maps to `--wr-color-*` CSS variables from the theme.
     *
     * @default 'primary'
     */
    readonly color: _angular_core.InputSignal<"primary" | "secondary" | "success" | "warning" | "danger" | "light" | "medium" | "dark">;
    /**
     * Size variant.
     *
     * @default 'md'
     */
    readonly size: _angular_core.InputSignal<WrBadgeSize>;
    /**
     * Corner treatment. Mirrors `<wr-btn>` — `rounded` (default) uses the
     * small form-radius; `pill` rounds the ends fully.
     *
     * @default 'rounded'
     */
    readonly shape: _angular_core.InputSignal<WrBadgeShape>;
    /**
     * Outlined style — transparent fill, colored border and text.
     *
     * @default false
     */
    readonly outlined: _angular_core.InputSignalWithTransform<boolean, any>;
    protected readonly classes: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrBadge, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrBadge, "wr-badge", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

/**
 * Rich inline label — icons, loading state, three visual styles
 * (solid / outlined / transparent). Reach for `<wr-badge>` when all
 * you need is a colored text chip.
 *
 * @example
 * ```html
 * <wr-tag>Default</wr-tag>
 * <wr-tag color="success" icon="checkmark">Done</wr-tag>
 * <wr-tag color="primary" outlined rounded>Beta</wr-tag>
 * <wr-tag color="warning" loading>Saving</wr-tag>
 * ```
 *
 * @see https://ngwr.dev/components/badge
 */
declare class WrTag {
    /**
     * Color variant.
     *
     * @default 'primary'
     */
    readonly color: _angular_core.InputSignal<"primary" | "secondary" | "success" | "warning" | "danger" | "light" | "medium" | "dark">;
    /**
     * Icon name shown alongside the content. The icon is replaced by a
     * spinner when `loading` is true.
     *
     * @default null
     */
    readonly icon: _angular_core.InputSignal<string | null>;
    /**
     * Where the icon/spinner is rendered.
     *
     * @default 'start'
     */
    readonly iconPosition: _angular_core.InputSignal<WrTagIconPosition>;
    /**
     * Outlined style — colored text and border on a tinted background.
     *
     * @default false
     */
    readonly outlined: _angular_core.InputSignalWithTransform<boolean, any>;
    /**
     * Transparent style — colored text on a low-opacity tint, no border.
     *
     * @default false
     */
    readonly transparent: _angular_core.InputSignalWithTransform<boolean, any>;
    /**
     * Pill-shaped corners.
     *
     * @default false
     */
    readonly rounded: _angular_core.InputSignalWithTransform<boolean, any>;
    /**
     * Adds a hover state — use when the tag is interactive (button/link).
     *
     * @default false
     */
    readonly hoverable: _angular_core.InputSignalWithTransform<boolean, any>;
    /**
     * Show a spinner in place of the icon.
     *
     * @default false
     */
    readonly loading: _angular_core.InputSignalWithTransform<boolean, any>;
    protected readonly classes: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrTag, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrTag, "wr-tag", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

export { WrBadge, WrTag };
export type { WrBadgeSize, WrTagIconPosition };