{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "item-14",
  "title": "File list",
  "description": "File icon, name, size metadata, and a trailing overflow menu with actions per row.",
  "dependencies": [],
  "registryDependencies": [
    "item",
    "button",
    "dropdown-menu"
  ],
  "files": [
    {
      "path": "registry/patterns/item/item-14.tsx",
      "content": "'use client'\n\nimport { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\nimport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemGroup,\n  ItemMedia,\n  ItemTitle,\n} from '@/components/ui/item'\nimport {\n  FileSpreadsheetIcon,\n  FileTextIcon,\n  ImageIcon,\n  MoreHorizontalIcon,\n} from 'lucide-react'\n\nconst files = [\n  {\n    icon: FileTextIcon,\n    name: 'Q4-strategy.md',\n    meta: 'Markdown · 14 KB',\n  },\n  {\n    icon: FileSpreadsheetIcon,\n    name: 'pricing.csv',\n    meta: 'Spreadsheet · 3.2 KB',\n  },\n  {\n    icon: ImageIcon,\n    name: 'hero-cover.png',\n    meta: 'Image · 1.4 MB',\n  },\n]\n\nexport function Item14() {\n  return (\n    <ItemGroup className=\"w-full max-w-md\">\n      {files.map((file) => (\n        <Item key={file.name} variant=\"outline\">\n          <ItemMedia variant=\"icon\">\n            <file.icon />\n          </ItemMedia>\n          <ItemContent>\n            <ItemTitle>{file.name}</ItemTitle>\n            <ItemDescription>{file.meta}</ItemDescription>\n          </ItemContent>\n          <ItemActions>\n            <DropdownMenu>\n              <DropdownMenuTrigger\n                render={\n                  <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"More\">\n                    <MoreHorizontalIcon />\n                  </Button>\n                }\n              />\n              <DropdownMenuContent align=\"end\">\n                <DropdownMenuItem>Open</DropdownMenuItem>\n                <DropdownMenuItem>Download</DropdownMenuItem>\n                <DropdownMenuItem>Rename</DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem variant=\"destructive\">\n                  Delete\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </ItemActions>\n        </Item>\n      ))}\n    </ItemGroup>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/item/item-14.tsx"
    }
  ],
  "type": "registry:block"
}