{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "select-controlled-example",
  "title": "Select Controlled",
  "description": "select-controlled-example",
  "dependencies": [
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/field",
    "https://intentui.com/r/select"
  ],
  "files": [
    {
      "path": "src/components/examples/pickers/select/select-controlled-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\nimport type { Key } from 'react-aria-components/Breadcrumbs'\nimport { Description, Label } from '@/components/ui/field'\nimport { Select, SelectContent, SelectItem, SelectTrigger } from '@/components/ui/select'\n\nexport const movies = [\n  { id: 1, title: 'Inception' },\n  { id: 2, title: 'The Dark Knight' },\n  { id: 3, title: 'Interstellar' },\n  { id: 4, title: 'The Matrix' },\n  { id: 5, title: 'Pulp Fiction' },\n]\n\nexport default function SelectControlledDemo() {\n  const [movie, setMovie] = useState<Key | null>('')\n  return (\n    <>\n      <Select name=\"movie\" value={movie} onChange={setMovie} placeholder=\"Select a movie\">\n        <Label>Movies</Label>\n        <SelectTrigger />\n        <SelectContent items={movies}>\n          {(item) => (\n            <SelectItem id={item.id} textValue={item.title}>\n              {item.title}\n            </SelectItem>\n          )}\n        </SelectContent>\n      </Select>\n      <Description className=\"mt-2 block text-muted-fg [&>strong]:text-fg\">\n        You have selected: <strong>{movie}</strong>\n      </Description>\n    </>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/select-controlled-example/page.tsx"
    }
  ],
  "type": "registry:page"
}