Componente

Sheet

Painel lateral deslizante (baseado em Radix Dialog). Lados top/bottom/left/right com slide via ease expo.

tsx

import {
  Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription,
} from "@bte/ui/sheet";

<Sheet>
  <SheetTrigger asChild><Button variant="outline">Abrir painel</Button></SheetTrigger>
  <SheetContent side="right">
    <SheetHeader>
      <SheetTitle>Detalhes da edição</SheetTitle>
      <SheetDescription>Arena BTG · 11 de julho.</SheetDescription>
    </SheetHeader>
  </SheetContent>
</Sheet>