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
 */
/** Semantic + display variants for {@link WrTypography}. */
type WrTypographyVariant = 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'lead' | 'body' | 'small' | 'caption' | 'overline' | 'code' | 'list' | 'link';
/** Horizontal alignment. */
type WrTypographyAlign = 'start' | 'center' | 'end' | 'justify';
/** Color tone — maps to a `--wr-color-*` token. */
type WrTypographyTone = 'dark' | 'medium' | 'primary' | 'success' | 'warning' | 'danger';

/**
 * Semantic typography directive. Attaches to any native element and
 * applies the visual treatment for the chosen `variant` (`h1`–`h6`,
 * `display`, `lead`, `body`, `small`, `caption`, `overline`, `code`).
 *
 * Reads from the same `--wr-text-*` / `--wr-font-weight-*` / `--wr-leading-*`
 * tokens used by the opt-in typography utility classes — themeable by
 * overriding tokens at `:root`.
 *
 * @example
 * ```html
 * <h1 wrTypography variant="display">Build interfaces</h1>
 * <h2 wrTypography variant="h2" tone="primary">that feel alive.</h2>
 * <p wrTypography variant="lead">A developer-first library.</p>
 * <span wrTypography variant="caption" tone="medium">v1.6.0 — released today</span>
 * <code wrTypography variant="code">inject(WrTheme)</code>
 * ```
 *
 * @see https://ngwr.dev/typography/overview
 */
declare class WrTypography {
    /** Visual variant. @default 'body' */
    readonly variant: _angular_core.InputSignal<WrTypographyVariant>;
    /**
     * Color tone. `null` (default) keeps the variant's own color — the base
     * dark for headings/body, medium for lead/caption, primary for links.
     */
    readonly tone: _angular_core.InputSignal<WrTypographyTone | null>;
    /** Horizontal alignment. */
    readonly align: _angular_core.InputSignal<WrTypographyAlign | null>;
    /** Truncate to single line with ellipsis. @default false */
    readonly truncate: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Render with monospace font. @default false (auto-true for `code`) */
    readonly mono: _angular_core.InputSignalWithTransform<boolean, any>;
    protected readonly classes: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrTypography, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<WrTypography, "[wrTypography]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "truncate": { "alias": "truncate"; "required": false; "isSignal": true; }; "mono": { "alias": "mono"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { WrTypography };
export type { WrTypographyAlign, WrTypographyTone, WrTypographyVariant };