{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "multiple-menu-example",
  "title": "Multiple Menu",
  "description": "multiple-menu-example",
  "dependencies": [
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/menu"
  ],
  "files": [
    {
      "path": "src/components/examples/collections/menu/multiple-menu-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\nimport type { Selection } from 'react-aria-components/GridList'\nimport { Button } from '@/components/ui/button'\nimport { Menu, MenuContent, MenuItem, MenuLabel } from '@/components/ui/menu'\n\nexport default function MultipleMenuDemo() {\n  const [selected, setSelected] = useState<Selection>(new Set(['autoPlay']))\n  return (\n    <Menu>\n      <Button intent=\"outline\">Open</Button>\n      <MenuContent\n        popover={{ placement: 'bottom' }}\n        selectionMode=\"multiple\"\n        selectedKeys={selected}\n        onSelectionChange={setSelected}\n        items={items}\n      >\n        {(item) => (\n          <MenuItem id={item.slug} textValue={item.name}>\n            <MenuLabel>{item.name}</MenuLabel>\n          </MenuItem>\n        )}\n      </MenuContent>\n    </Menu>\n  )\n}\n\nconst items = [\n  {\n    name: 'Auto-Play Videos',\n    slug: 'autoPlay',\n  },\n  {\n    name: 'High-Quality Streaming',\n    slug: 'highQuality',\n  },\n  {\n    name: 'Exclusive Releases',\n    slug: 'exclusiveContent',\n  },\n  {\n    name: 'Default Subtitles',\n    slug: 'subtitles',\n  },\n  {\n    name: 'Personalized Recommendations',\n    slug: 'recommendations',\n  },\n  {\n    name: 'Background Play',\n    slug: 'backgroundPlay',\n  },\n  {\n    name: 'Allow Downloads',\n    slug: 'download',\n  },\n]\n",
      "type": "registry:page",
      "target": "app/multiple-menu-example/page.tsx"
    }
  ],
  "type": "registry:page"
}