Use Heading when a reusable component receives its structural level from context. Its default host is a div with role="heading" and aria-level; use a native h1–h6 when the level is fixed.
import { Heading } from "@typed/ui/Heading";
export const AccountHeading = Heading({ level: 2, content: "Account security" });
Typography does not determine hierarchy. See the Heading API.