{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "native-select-controlled-example",
  "title": "Native Select Controlled",
  "description": "native-select-controlled-example",
  "registryDependencies": [
    "https://intentui.com/r/field",
    "https://intentui.com/r/native-select"
  ],
  "files": [
    {
      "path": "src/components/examples/pickers/native-select/native-select-controlled-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\nimport { Label } from '@/components/ui/field'\nimport { NativeSelect, NativeSelectContent } from '@/components/ui/native-select'\n\nexport default function NativeSelectControlledDemo() {\n  const [value, setValue] = useState('member')\n  return (\n    <NativeSelect>\n      <Label>Role</Label>\n      <NativeSelectContent value={value} onChange={(e) => setValue(e.target.value)} name=\"role\">\n        <option value=\"owner\">Owner</option>\n        <option value=\"admin\">Admin</option>\n        <option value=\"member\">Member</option>\n        <option value=\"viewer\">Viewer</option>\n      </NativeSelectContent>\n    </NativeSelect>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/native-select-controlled-example/page.tsx"
    }
  ],
  "type": "registry:page"
}