{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "key-value-list",
  "title": "Key Value List",
  "description": "A small definition-list component for metadata and registry payload details.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "context-menu",
    "https://ui.corr.sh/r/filters.json"
  ],
  "files": [
    {
      "path": "registry/corr/components/key-value-list.tsx",
      "content": "import type { ReactNode } from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport type KeyValueListItem = {\n  label: ReactNode\n  value: ReactNode\n  description?: ReactNode\n}\n\nexport function KeyValueList({\n  items,\n  variant = \"default\",\n  className,\n}: {\n  items: KeyValueListItem[]\n  variant?: \"default\" | \"bordered\"\n  className?: string\n}) {\n  return (\n    <dl\n      className={cn(\n        \"grid text-sm\",\n        variant === \"bordered\" && \"overflow-hidden rounded-md border\",\n        className\n      )}\n    >\n      {items.map((item, index) => (\n        <div\n          key={index}\n          className={cn(\n            \"grid gap-1 px-3 py-2 sm:grid-cols-[10rem_minmax(0,1fr)] sm:gap-4\",\n            variant === \"bordered\" && index > 0 && \"border-t\"\n          )}\n        >\n          <dt className=\"text-muted-foreground\">{item.label}</dt>\n          <dd className=\"min-w-0 font-medium\">\n            <div className=\"truncate\">{item.value}</div>\n            {item.description ? (\n              <div className=\"mt-1 text-xs font-normal text-muted-foreground\">\n                {item.description}\n              </div>\n            ) : null}\n          </dd>\n        </div>\n      ))}\n    </dl>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}