Surface
The container primitive. `raised` is the default card, `elevated` floats above content, `inset` reads as a well. Server-compatible — no client boundary.
Variants
Raised
Cards, panels, grouped content.
Elevated
Floating above the page.
Inset
Wells, code, sunken regions.
Usage
import { Surface } from "@hamelndigital/ui";
<Surface className="p-6">…</Surface>
<Surface variant="elevated">…</Surface>
<Surface variant="inset">…</Surface>