{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "select-25",
  "title": "Select with groups",
  "description": "Options gathered under frontend and backend headings.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.ndekocode.dev/r/field.json",
    "https://ui.ndekocode.dev/r/select.json",
    "https://ui.ndekocode.dev/r/theme.json"
  ],
  "files": [
    {
      "path": "registry/ndeko/components/select/select-25.tsx",
      "content": "import { Field, FieldLabel } from '@/registry/ndeko/ui/field';\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from '@/registry/ndeko/ui/select';\n\nconst GROUPS = [\n  {\n    label: 'Frontend',\n    items: [\n      { value: 'react', label: 'React' },\n      { value: 'vue', label: 'Vue' },\n      { value: 'angular', label: 'Angular' },\n    ],\n  },\n  {\n    label: 'Backend',\n    items: [\n      { value: 'nodejs', label: 'Node.js' },\n      { value: 'python', label: 'Python' },\n      { value: 'java', label: 'Java' },\n    ],\n  },\n];\n\nexport default function Select25() {\n  return (\n    <Field className='w-full max-w-xs'>\n      <FieldLabel>Technology</FieldLabel>\n      <Select items={GROUPS} defaultValue='react'>\n        <SelectTrigger>\n          <SelectValue placeholder='Pick a technology' />\n        </SelectTrigger>\n        <SelectContent>\n          {GROUPS.map((group) => (\n            <SelectGroup key={group.label}>\n              <SelectLabel>{group.label}</SelectLabel>\n              {group.items.map((item) => (\n                <SelectItem key={item.value} value={item.value}>\n                  {item.label}\n                </SelectItem>\n              ))}\n            </SelectGroup>\n          ))}\n        </SelectContent>\n      </Select>\n    </Field>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "components",
    "select"
  ],
  "type": "registry:component"
}