How do 'Template Literal Types' bridge dynamic strings and static safety?

Template literal types allow pattern matching and dynamic string generation at the type level[cite: 1].

They use JS template string syntax to create new unions. This bridges the gap between dynamic string-based APIs and static safety, enabling typed CSS properties or event patterns (e.g., on${Capitalize<EventName>})[cite: 1].