Reusable status badge component implementing the OpenFrame Design System (ODS) badge specifications, with support for multiple color schemes, density variants, and a dedicated OpenFrame generation mode. ## Key Components ### `StatusBadge` (default export) A polymorphic ``-based badge component built with `class-variance-authority`. Supports two density variants and multiple semantic color schemes, including border-only styles for task-type badges. ### `statusBadgeVariants` CVA variant configuration exposing two axes: - **`variant`**: `card` (standalone, full ODS caption composite) | `button` (dense inline stamp, 10px scale) - **`colorScheme`**: `cyan` | `pink` | `yellow` | `green` | `purple` | `success` | `error` | `warning` | `default` | `accentBorder` | `errorBorder` | `whiteBorder` ### `genBadgeBgOpacity(gen: number): number` Returns the accent background opacity (%) for a given OpenFrame generation tier. Gen 1 is strongest (30%), fading progressively for later generations. ### `generationTierFromLabel(label: string | null | undefined): number` Parses a whole-number generation tier from a ClickUp Target Version label (e.g. `"Gen1.5"` → `1`). Fractional gens share their tier's tint. ## Usage Example ```typescript import { StatusBadge, generationTierFromLabel } from './status-badge'; // Semantic color scheme // Dense inline stamp with multi-word stacking // Inline stamp, single line (no vertical stacking) // Generation chip (overrides colorScheme) // Border-only task type badge ```