import { type KitFontFamily } from '../../fonts'; import type { Snippet } from 'svelte'; type Level = 1 | 2 | 3 | 4 | 5 | 6; type Size = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl'; type Props = { /** Semantic heading level (h1–h6). @default 1 */ level?: Level; /** Visual size, decoupled from semantic level. Defaults to a size matching the level. */ size?: Size; /** Per-instance font-family. Equivalent to setting `--sc-kit--typo-heading--font-family` from CSS, but typed and inline. */ fontFamily?: KitFontFamily; children: Snippet; }; /** * A heading element with a semantic level (h1–h6) decoupled from its visual size. * * Pass `level` for the HTML element and document outline; pass `size` to control * the visual appearance independently. When `size` is omitted it defaults to a * sensible match for the level. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--typo-heading--color` | Text color | `var(--sc-kit--color--text--primary)` | * | `--sc-kit--typo-heading--font-family` | Font family | `var(--sc-kit--font--sans)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;