{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "single-menu-example",
  "title": "Single Menu",
  "description": "single-menu-example",
  "dependencies": [
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/menu"
  ],
  "files": [
    {
      "path": "src/components/examples/collections/menu/single-menu-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\nimport type { Selection } from 'react-aria-components/GridList'\nimport type { Placement } from 'react-aria-components/Popover'\nimport { Button } from '@/components/ui/button'\nimport { Menu, MenuContent, MenuItem, MenuLabel } from '@/components/ui/menu'\n\nexport const placements = [\n  'bottom',\n  'bottom left',\n  'bottom right',\n  'bottom start',\n  'bottom end',\n  'top',\n  'top left',\n  'top right',\n  'top start',\n  'top end',\n  'left',\n  'left top',\n  'left bottom',\n  'start',\n  'start top',\n  'start bottom',\n  'right',\n  'right top',\n  'right bottom',\n  'end',\n  'end top',\n  'end bottom',\n].map((item, i) => ({ id: i, name: item }))\n\nexport default function SingleMenuDemo() {\n  const [selected, setSelected] = useState<Selection>(new Set(['bottom']))\n  return (\n    <Menu>\n      <Button intent=\"outline\">Placement</Button>\n      <MenuContent\n        popover={{ placement: Array.from(selected)[0] as Placement }}\n        selectionMode=\"single\"\n        selectedKeys={selected}\n        onSelectionChange={setSelected}\n        items={placements}\n        className=\"min-w-52\"\n      >\n        {(item) => (\n          <MenuItem id={item.name}>\n            <MenuLabel>{item.name}</MenuLabel>\n          </MenuItem>\n        )}\n      </MenuContent>\n    </Menu>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/single-menu-example/page.tsx"
    }
  ],
  "type": "registry:page"
}