alouette

Styling conventions for writing components with alouette: express props keyed on internal state (selected/disabled/loading) or fanning out across slots as tailwind-variants tv() variants instead of a Record lookup, expose a class set the caller could write verbatim through className rather than as an alias variant prop, give one component a single tv() with slots instead of several tv objects, style through className instead of inline style, and write pixel sizes as arbitrary values (w-[380px]) rather than the canonical spacing-scale class. States the alouette design principles every component must satisfy, including that interactivity is a component and never a wrapper. Load when writing, restyling or reviewing a component.