{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "combo-box-custom-value-example",
  "title": "Combo Box Custom Value",
  "description": "combo-box-custom-value-example",
  "registryDependencies": [
    "https://intentui.com/r/combo-box",
    "https://intentui.com/r/field"
  ],
  "files": [
    {
      "path": "src/components/examples/pickers/combo-box/combo-box-custom-value-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\nimport { ComboBox, ComboBoxContent, ComboBoxInput, ComboBoxItem } from '@/components/ui/combo-box'\nimport { Description } from '@/components/ui/field'\n\nexport default function ComboBoxCustomValueDemo() {\n  const [value, setValue] = useState('')\n  return (\n    <ComboBox name=\"user\" aria-label=\"Users\" inputValue={value} onInputChange={setValue}>\n      <ComboBoxInput placeholder=\"Select a user\" />\n      <ComboBoxContent items={users}>\n        {(item) => (\n          <ComboBoxItem id={item.id} textValue={item.name}>\n            {item.name}\n          </ComboBoxItem>\n        )}\n      </ComboBoxContent>\n      <Description>{value}</Description>\n    </ComboBox>\n  )\n}\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    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/combo-box-custom-value-example/page.tsx"
    }
  ],
  "type": "registry:page"
}