{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "chart-tooltip",
  "type": "registry:ui",
  "title": "Chart tooltip",
  "description": "Shared tooltip primitive for Recharts-based charts.",
  "dependencies": [
    "recharts"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/blacksite/charts/chart-tooltip.tsx",
      "type": "registry:ui",
      "target": "components/charts/chart-tooltip.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\n\ninterface ChartTooltipPayloadItem {\n  dataKey: string;\n  name: string;\n  value: number | string;\n  color: string;\n}\n\ninterface ChartTooltipProps {\n  active?: boolean;\n  payload?: ChartTooltipPayloadItem[];\n  label?: string;\n}\n\nconst ChartTooltip = React.memo(function ChartTooltip({\n  active,\n  payload,\n  label,\n}: ChartTooltipProps) {\n  if (!active || !payload?.length) return null;\n  return (\n    <div className=\"border-border-strong bg-popover rounded-sm border px-2 py-1.5 shadow-[var(--shadow-panel)]\">\n      <div className=\"text-mono text-foreground-muted text-[10px] tracking-[0.08em] uppercase\">\n        {label}\n      </div>\n      <div className=\"mt-1 flex flex-col gap-0.5\">\n        {payload.map((entry) => (\n          <div key={entry.dataKey} className=\"flex items-center gap-1.5\">\n            <span className=\"size-1.5 rounded-full\" style={{ backgroundColor: entry.color }} />\n            <span className=\"text-mono text-foreground text-[11px]\">\n              {entry.name}: <span className=\"text-foreground-muted\">{entry.value}</span>\n            </span>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n\nexport { ChartTooltip };\nexport type { ChartTooltipPayloadItem, ChartTooltipProps };\n"
    }
  ]
}