import { CSSProperties, ElementType, HTMLAttributes, ReactNode } from 'react';
export interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
    variant?: string;
    variantMapping?: Record<string, string>;
    align?: CSSProperties['textAlign'];
    noWrap?: boolean;
    gutterBottom?: boolean;
    color?: string;
    component?: ElementType;
    sx?: unknown;
    classes?: Record<string, string>;
    children?: ReactNode;
}
/**
 * Native, MUI-free reimplementation of the previous `Typography` passthrough. Reproduces MUI v9's
 * default typography scale via `StyledTypography.module.scss`, the variant→element mapping, and the
 * `align`/`noWrap`/`gutterBottom`/`color` props. `sx` is honoured via `resolveSx` (DEC-007).
 * Signature unchanged: still accepts `TypographyProps` (DEC-003).
 *
 * **Overriding the type scale.** The variant defaults are plain CSS-module declarations carrying no
 * `!important`, so any of these wins over them — pick whichever suits the call site:
 *   - `sx={{ fontSize: '0.875rem', fontWeight: 600 }}` or `style={{ … }}` (inline; beats normal rules)
 *   - `className='text-sm! font-semibold!'` (Tailwind `!` modifier)
 *   - a consumer CSS-module class; add `!` to the utilities if the consumer's Tailwind sits in a
 *     `@layer utilities` (layered normal declarations lose to this library's unlayered ones)
 * Do **not** re-express these defaults as Tailwind utilities on the element: this library builds
 * Tailwind with `important: true`, which would make the defaults unoverridable again. Full reasoning
 * in the header of `StyledTypography.module.scss`.
 *
 * `classes` remains accepted-but-ignored for signature parity — it is not an override hook.
 *
 * @figmaNode none — **MUI-compatibility shim, NOT a Design-System component.** Its `variant` scale
 * (h1=6rem light, body1=1rem, MUI palette colours…) intentionally mirrors MUI v9 so pre-existing
 * `<StyledTypography variant="…">` call-sites keep rendering identically. **Do not rescale it to the
 * Figma type scale** — that would silently change every consumer.
 *
 * The authoritative ASMA Design-System type scale (Figma "Typography" `wXrXt5uKNNzV2DnQCgyYZH#23020-67726`)
 * lives in the Tailwind text-* layer and is applied directly per component — it maps 1:1 onto the
 * default Tailwind scale (Roboto, letter-spacing 0 unless noted):
 *   Page title 24/32 → `text-2xl font-semibold` · Subtitle 20/28 → `text-xl font-semibold` ·
 *   Section title 18/28 → `text-lg font-semibold` · Body Base 16/24 → `text-base` (+`font-semibold`) ·
 *   Helper 14/20 → `text-sm` (+`font-semibold`) · Small 12/16 → `text-xs tracking-[0.24px]` ·
 *   X-small uppercase 11/12 → `text-[11px] tracking-[0.55px] uppercase font-semibold`.
 */
export declare const StyledTypography: (props: TypographyProps) => JSX.Element;