{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "import { Button } from \"~/registry/ui/button/button\";\nimport { Keyboard } from \"~/registry/ui/keyboard\";\nimport { Menu } from \"~/registry/ui/menu\";\nimport { Popover } from \"~/registry/ui/popover\";\n\nexport function MenuDemo() {\n  return (\n    <Menu.Root>\n      <Button variant=\"outline\">Open</Button>\n\n      <Popover.Content placement=\"bottom start\">\n        <Menu.Content className=\"w-56\">\n          <Menu.Label>My Account</Menu.Label>\n          <Menu.Group>\n            <Menu.Item textValue=\"Profile\">\n              Profile\n              <Keyboard variant=\"menu\">⇧⌘P</Keyboard>\n            </Menu.Item>\n            <Menu.Item textValue=\"Billing\">\n              Billing\n              <Keyboard variant=\"menu\">⌘B</Keyboard>\n            </Menu.Item>\n            <Menu.Item textValue=\"Settings\">\n              Settings\n              <Keyboard variant=\"menu\">⌘S</Keyboard>\n            </Menu.Item>\n            <Menu.Item textValue=\"Keyboard shortcuts\">\n              Keyboard shortcuts\n              <Keyboard variant=\"menu\">⌘K</Keyboard>\n            </Menu.Item>\n          </Menu.Group>\n          <Menu.Separator />\n          <Menu.Group>\n            <Menu.Item textValue=\"Team\">Team</Menu.Item>\n            <Menu.Sub>\n              <Menu.Item textValue=\"Invite users\">Invite users</Menu.Item>\n              <Popover.Content>\n                <Menu.Content>\n                  <Menu.Item textValue=\"Email\">Email</Menu.Item>\n                  <Menu.Item textValue=\"Message\">Message</Menu.Item>\n                  <Menu.Separator />\n                  <Menu.Item textValue=\"More\">More...</Menu.Item>\n                </Menu.Content>\n              </Popover.Content>\n            </Menu.Sub>\n            <Menu.Item textValue=\"New Team\">\n              New Team\n              <Keyboard variant=\"menu\">⌘+T</Keyboard>\n            </Menu.Item>\n          </Menu.Group>\n          <Menu.Separator />\n          <Menu.Item>GitHub</Menu.Item>\n          <Menu.Item>Support</Menu.Item>\n          <Menu.Item isDisabled>API</Menu.Item>\n          <Menu.Separator />\n          <Menu.Item textValue=\"Log out\" variant=\"destructive\">\n            Log out\n            <Keyboard variant=\"menu\">⇧⌘Q</Keyboard>\n          </Menu.Item>\n        </Menu.Content>\n      </Popover.Content>\n    </Menu.Root>\n  );\n}\n",
      "path": "src/registry/examples/menu/menu-demo.tsx",
      "type": "registry:example"
    }
  ],
  "name": "menu-demo",
  "registryDependencies": [
    "@kanpeki/menu"
  ],
  "type": "registry:example"
}