import { type KitFontFamily } from '../../fonts'; import type { Snippet } from 'svelte'; type Size = 'xs' | 'sm' | 'md' | 'lg'; type Tone = 'primary' | 'secondary' | 'muted'; type Weight = 'regular' | 'medium' | 'semibold' | 'bold'; type Props = { /** @default 'md' */ size?: Size; /** Color tone, mapped to the semantic text-color tokens. @default 'primary' */ tone?: Tone; /** @default 'regular' */ weight?: Weight; /** Renders as `` (inline) or `

` (block). @default 'span' */ as?: 'span' | 'p'; /** Per-instance font-family. Equivalent to setting `--sc-kit--typo-text--font-family` from CSS, but typed and inline. */ fontFamily?: KitFontFamily; children: Snippet; }; /** * A typography primitive that maps `size`, `tone`, and `weight` props to the * kit's semantic text tokens. Renders as `` by default; switch to `

` * for block-level paragraphs via the `as` prop. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--typo-text--color` | Text color override | inherits from `tone` | * | `--sc-kit--typo-text--font-family` | Font family | `var(--sc-kit--font--sans)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;