ActivityGraph

GitHub-style daily activity heatmap with month and weekday labels and a Less/More legend; auto-fits cell size.

Mapa de calor por dia: contagens em { date, count } com date em YYYY-MM-DD. Rótulos de mês e dia da semana, legenda Menos / Mais, e escala de cor em cinco níveis. Por defeito ajusta o tamanho das células à largura do contentor (ResizeObserver); opcionalmente fixas blockSize em px.

As chaves de dia alinham com a data local (não UTC) para coincidir com os date dos dados.

Importação

import {
	ActivityGraph,
	type ActivityEntry,
} from "@zexon/ui/components/activity-graph";

Uso

Exemplo

Props

Prop	Tipo	Predefinição	Notas
`data`	`ActivityEntry[]`	—	`date` (ISO `YYYY-MM-DD`), `count`
`colorScale`	`[string, string, string, string, string]`	escala verde	Classes Tailwind por intensidade 0–4
`blockSize`	`number`	—	px; se omitido, auto
`blockRadius`	`number`	`2`	Raio das células em px
`weeks`	`number`	`52`	Semanas mostradas até ao fim da semana actual
`locale`	`string`	`pt-BR`	Datas e meses
`className`	`string`	—	Contentor raiz

Demais props HTML do div raiz são repassadas (exceto children).

Accordion

Alert