{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "multiple-select-invalid-example",
  "title": "Multiple Select Invalid",
  "description": "multiple-select-invalid-example",
  "dependencies": [
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/field",
    "https://intentui.com/r/multiple-select"
  ],
  "files": [
    {
      "path": "src/components/examples/pickers/multiple-select/multiple-select-invalid-example.tsx",
      "content": "'use client'\n\nimport type { FormEvent } from 'react'\nimport { Form } from 'react-aria-components/Form'\nimport { Button } from '@/components/ui/button'\nimport { FieldError, Label } from '@/components/ui/field'\nimport {\n  MultipleSelect,\n  MultipleSelectContent,\n  MultipleSelectItem,\n} from '@/components/ui/multiple-select'\n\nexport default function MultipleSelectInvalidDemo() {\n  function submit(e: FormEvent<HTMLFormElement>) {\n    e.preventDefault()\n  }\n\n  return (\n    <Form className=\"space-y-2\" onSubmit={submit}>\n      <MultipleSelect className=\"mx-auto max-w-2xs\" isRequired>\n        <Label>Select fruits</Label>\n        <MultipleSelectContent items={fruits}>\n          {(item) => {\n            return (\n              <MultipleSelectItem id={item.id} textValue={item.name}>\n                {item.name}\n              </MultipleSelectItem>\n            )\n          }}\n        </MultipleSelectContent>\n        <FieldError />\n      </MultipleSelect>\n      <Button type=\"submit\">Submit</Button>\n    </Form>\n  )\n}\n\nconst fruits = [\n  { id: 1, name: 'Apple' },\n  { id: 2, name: 'Banana' },\n  { id: 3, name: 'Cherry' },\n  { id: 4, name: 'Date' },\n  { id: 9, name: 'Kiwi' },\n  { id: 10, name: 'Lemon' },\n  { id: 11, name: 'Mango' },\n  { id: 12, name: 'Nectarine' },\n  { id: 13, name: 'Orange' },\n  { id: 14, name: 'Papaya' },\n  { id: 15, name: 'Quince' },\n  { id: 16, name: 'Raspberry' },\n  { id: 17, name: 'Strawberry' },\n  { id: 18, name: 'Tangerine' },\n  { id: 19, name: 'Ugli Fruit' },\n  { id: 20, name: 'Watermelon' },\n]\n",
      "type": "registry:page",
      "target": "app/multiple-select-invalid-example/page.tsx"
    }
  ],
  "type": "registry:page"
}