{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "list-item",
  "type": "registry:ui",
  "title": "List item",
  "description": "A flexible list row with leading and trailing slots around a truncated heading and description, split by hairline borders. Build settings or contact lists.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/list-item.tsx",
      "type": "registry:ui",
      "target": "components/ui/list-item.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction ListItem({\n  heading,\n  description,\n  leading,\n  trailing,\n  className,\n  ...props\n}: Omit<React.ComponentProps<\"div\">, \"title\"> & {\n  heading: React.ReactNode\n  description?: React.ReactNode\n  leading?: React.ReactNode\n  trailing?: React.ReactNode\n}) {\n  return (\n    <div data-slot=\"list-item\" className={cn(\"flex items-center gap-3 border-b border-border px-3 py-3 last:border-b-0\", className)} {...props}>\n      {leading}\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"truncate text-sm font-medium text-fg\">{heading}</div>\n        {description ? <div className=\"truncate text-xs text-fg-muted\">{description}</div> : null}\n      </div>\n      {trailing}\n    </div>\n  )\n}\nexport { ListItem }\n"
    }
  ]
}