Components UI Conventions

Shared primitives in components/ui/ — shadcn-style (CVA + Radix). Reference: components/ui/button.tsx, components/ui/dialog.tsx.

Radix import style

Use the unified radix-ui package:

import { Dialog as DialogPrimitive } from "radix-ui"

Not @radix-ui/react-*. Components use data-slot="..." attributes (shadcn v4 style).

When to use <Button> vs custom buttons