{
  "name": "ai-select",
  "type": "registry:component",
  "title": "AiSelect",
  "description": "Select with AI, search, users, and tags icons",
  "registryDependencies": [
    "select"
  ],
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "components/ai_select.tsx",
      "type": "registry:component",
      "content": "import { Search, AtSign, Hash, UserPen } from \"lucide-react\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./ui/select\";\n\n/**\n * Available select mode options\n */\ntype AiSelectValue =\n  | \"ai\"\n  | \"classic\"\n  | \"users\"\n  | \"userTopics\"\n  | \"tags\"\n  | \"community\";\n\n/**\n * AI icon SVG component\n */\nconst AiIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    x=\"0px\"\n    y=\"0px\"\n    width=\"100\"\n    height=\"100\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path d=\"M17.469 9.286l-2.156-.957c-1.657-.736-2.976-2.096-3.683-3.801L10.81 2.554C10.658 2.187 10.329 2.004 10 2.004S9.342 2.187 9.19 2.554L8.371 4.528C7.663 6.232 6.345 7.593 4.687 8.329L2.531 9.286c-.708.314-.708 1.344 0 1.658l2.226.988c1.616.717 2.911 2.029 3.631 3.678l.809 1.852c.155.356.479.534.803.534s.648-.178.804-.534l.809-1.852c.72-1.648 2.015-2.961 3.631-3.678l2.226-.988C18.177 10.63 18.177 9.6 17.469 9.286zM10 14.34c-.949-1.882-2.497-3.37-4.408-4.225C7.523 9.231 9.07 7.706 10 5.78c.93 1.926 2.477 3.451 4.408 4.334C12.497 10.969 10.949 12.458 10 14.34zM18.713 21.125l-.247.565c-.18.414-.753.414-.934 0l-.247-.565c-.44-1.008-1.231-1.81-2.219-2.249l-.76-.337c-.411-.182-.411-.78 0-.962l.717-.319c1.013-.45 1.819-1.282 2.251-2.324l.253-.611c.176-.426.765-.426.941 0l.253.611c.432 1.042 1.238 1.874 2.251 2.324l.717.319c.411.182.411.78 0 .962l-.76.337C19.945 19.315 19.153 20.117 18.713 21.125z\"></path>\n  </svg>\n);\n\n/**\n * AiSelect component\n * Select dropdown with icons for different search/filter modes\n * - AI: AI-powered search\n * - Classic: Standard search\n * - Users: Search by user\n * - UserTopics: Search by user topics\n * - Tags: Search by tags\n */\nconst AiSelect = ({\n  value,\n  onValueChange,\n}: {\n  value: AiSelectValue;\n  onValueChange: (value: AiSelectValue) => void;\n}) => {\n  return (\n    <Select value={value} onValueChange={onValueChange}>\n      <SelectTrigger>\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectGroup>\n          <SelectItem value=\"ai\">\n            <AiIcon />\n          </SelectItem>\n          <SelectItem value=\"classic\">\n            <Search />\n          </SelectItem>\n          <SelectItem value=\"users\">\n            <AtSign />\n          </SelectItem>\n          <SelectItem value=\"userTopics\">\n            <UserPen />\n          </SelectItem>\n          <SelectItem value=\"tags\">\n            <Hash />\n          </SelectItem>\n        </SelectGroup>\n      </SelectContent>\n    </Select>\n  );\n};\n\nexport default AiSelect;\nexport { AiSelect, type AiSelectValue };\n"
    }
  ]
}