{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "select-with-avatar-example",
  "title": "Select With Avatar",
  "description": "select-with-avatar-example",
  "registryDependencies": [
    "https://intentui.com/r/avatar",
    "https://intentui.com/r/select"
  ],
  "files": [
    {
      "path": "src/components/examples/pickers/select/select-with-avatar-example.tsx",
      "content": "'use client'\n\nimport { Avatar } from '@/components/ui/avatar'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n} from '@/components/ui/select'\n\nexport default function SelectWithAvatarDemo() {\n  return (\n    <Select aria-label=\"Users\" placeholder=\"Select a user\">\n      <SelectTrigger />\n      <SelectContent items={users}>\n        {(item) => (\n          <SelectItem textValue={item.name}>\n            <Avatar src={item.image_url} />\n            <SelectLabel>{item.name}</SelectLabel>\n          </SelectItem>\n        )}\n      </SelectContent>\n    </Select>\n  )\n}\n\nexport const users = [\n  {\n    id: 1,\n    name: 'Barbara Kirlin Sr.',\n    image_url: 'https://i.pravatar.cc/150?img=1',\n  },\n  {\n    id: 2,\n    name: 'Rosemarie Koch',\n    image_url: 'https://i.pravatar.cc/150?img=2',\n  },\n  {\n    id: 3,\n    name: 'Mrs. Reva Heaney Jr.',\n    image_url: 'https://i.pravatar.cc/150?img=3',\n  },\n  {\n    id: 4,\n    name: 'Ms. Ettie Abshire DVM',\n    image_url: 'https://i.pravatar.cc/150?img=4',\n  },\n  {\n    id: 5,\n    name: 'Bria Ziemann',\n    image_url: 'https://i.pravatar.cc/150?img=5',\n  },\n  {\n    id: 6,\n    name: 'Heloise Borer Sr.',\n    image_url: 'https://i.pravatar.cc/150?img=6',\n  },\n  {\n    id: 7,\n    name: 'Miss Jacinthe Gerlach DVM',\n    image_url: 'https://i.pravatar.cc/150?img=7',\n  },\n  {\n    id: 8,\n    name: 'Miss Stephania Schaefer Sr.',\n    image_url: 'https://i.pravatar.cc/150?img=8',\n  },\n  {\n    id: 9,\n    name: 'Kevon Hackett MD',\n    image_url: 'https://i.pravatar.cc/150?img=9',\n  },\n  {\n    id: 10,\n    name: 'Tom Ledner',\n    image_url: 'https://i.pravatar.cc/150?img=10',\n  },\n]\n",
      "type": "registry:page",
      "target": "app/select-with-avatar-example/page.tsx"
    }
  ],
  "type": "registry:page"
}