{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "combo-box-validation-example",
  "title": "Combo Box Validation",
  "description": "combo-box-validation-example",
  "dependencies": [
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/avatar",
    "https://intentui.com/r/button",
    "https://intentui.com/r/combo-box",
    "https://intentui.com/r/field"
  ],
  "files": [
    {
      "path": "src/components/examples/pickers/combo-box/combo-box-validation-example.tsx",
      "content": "'use client'\n\nimport { Form } from 'react-aria-components/Form'\nimport { Avatar } from '@/components/ui/avatar'\nimport { Button } from '@/components/ui/button'\nimport {\n  ComboBox,\n  ComboBoxContent,\n  ComboBoxInput,\n  ComboBoxItem,\n  ComboBoxLabel,\n} from '@/components/ui/combo-box'\nimport { FieldError, Label } from '@/components/ui/field'\n\nconst users = [\n  {\n    id: 1,\n    name: 'Barbara Kirlin Sr.',\n    image_url: 'https://i.pravatar.cc/150?img=1',\n  },\n  //...\n]\nexport default function ComboBoxValidationDemo() {\n  return (\n    <Form onSubmit={(e) => e.preventDefault()} className=\"space-y-2\">\n      <ComboBox isRequired>\n        <Label>Users</Label>\n        <ComboBoxInput placeholder=\"Select a user\" />\n        <ComboBoxContent items={users}>\n          {(item) => (\n            <ComboBoxItem key={item.id} id={item.id} textValue={item.name}>\n              <Avatar src={item.image_url} />\n              <ComboBoxLabel>{item.name}</ComboBoxLabel>\n            </ComboBoxItem>\n          )}\n        </ComboBoxContent>\n        <FieldError />\n      </ComboBox>\n      <Button type=\"submit\">Submit</Button>\n    </Form>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/combo-box-validation-example/page.tsx"
    }
  ],
  "type": "registry:page"
}