Tier 1Tier 1 · Web (www / app / auth). The full design system: our component library and the components.css recipe. This is the one tier where the recipe is the contract, native tiers take the tokens and nothing else.--sheet-border · --radius-lg · --radius-sm · --list-item-border
01Sheet: right-side detail panel380px · --shadow-lg
For inspecting one thing without leaving the list: file details, transfer details, share settings.
entryslides from the right over --sheet-scrim
behind itthe row stays selected
dismissEscape, close button, or scrim click
use insteadModal when an answer is required before continuing. Bottom sheet on touch
Films
Dune.Part.Two.2024.1080p.WEB-DL.x264-GROUP.mkv
ambient-session-03.mp3
backup-photos-2025.zip
Invoices Q1 2026.pdf
Width
--sheet-width · 380px
Scrim
--sheet-scrim
Parts
data-slot="sheet-*"
Motion
--dur-base · --ease-out