{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "command-menu-example",
  "title": "Command Menu",
  "description": "command-menu-example",
  "dependencies": [
    "@heroicons/react"
  ],
  "registryDependencies": [
    "https://intentui.com/r/avatar",
    "https://intentui.com/r/button",
    "https://intentui.com/r/command-menu"
  ],
  "files": [
    {
      "path": "src/components/examples/controls/command-menu/command-menu-example.tsx",
      "content": "'use client'\n\nimport {\n  Cog6ToothIcon,\n  CreditCardIcon,\n  CubeIcon,\n  DocumentTextIcon,\n  HomeIcon,\n  ShieldCheckIcon,\n} from '@heroicons/react/24/outline'\nimport { useState } from 'react'\nimport { Avatar } from '@/components/ui/avatar'\nimport { Button } from '@/components/ui/button'\nimport {\n  CommandMenu,\n  CommandMenuItem,\n  CommandMenuLabel,\n  CommandMenuList,\n  CommandMenuSearch,\n  CommandMenuSection,\n  CommandMenuShortcut,\n} from '@/components/ui/command-menu'\n\nexport default function CommandMenuDemo() {\n  const [isOpen, setIsOpen] = useState(false)\n  return (\n    <>\n      <Button intent=\"outline\" onPress={() => setIsOpen(true)}>\n        Open\n      </Button>\n      <CommandMenu isOpen={isOpen} onOpenChange={setIsOpen}>\n        <CommandMenuSearch placeholder=\"Quick search...\" />\n        <CommandMenuList>\n          <CommandMenuSection label=\"Pages\">\n            <CommandMenuItem textValue=\"Home\" href=\"#\">\n              <HomeIcon />\n              <CommandMenuLabel>Home</CommandMenuLabel>\n            </CommandMenuItem>\n            <CommandMenuItem textValue=\"Docs\" href=\"#\">\n              <DocumentTextIcon />\n              <CommandMenuLabel>Docs</CommandMenuLabel>\n              <CommandMenuShortcut>⌘k</CommandMenuShortcut>\n            </CommandMenuItem>\n            <CommandMenuItem textValue=\"Components\" href=\"#\">\n              <CubeIcon />\n              <CommandMenuLabel>Components</CommandMenuLabel>\n            </CommandMenuItem>\n          </CommandMenuSection>\n          <CommandMenuSection label=\"Dashboard\">\n            <CommandMenuItem textValue=\"billing\" href=\"#\">\n              <CreditCardIcon />\n              <CommandMenuLabel>Billing</CommandMenuLabel>\n            </CommandMenuItem>\n            <CommandMenuItem textValue=\"settings\" href=\"#\">\n              <Cog6ToothIcon />\n              <CommandMenuLabel>Settings</CommandMenuLabel>\n              <CommandMenuShortcut>⌘s</CommandMenuShortcut>\n            </CommandMenuItem>\n            <CommandMenuItem textValue=\"security\" href=\"#\">\n              <ShieldCheckIcon />\n              <CommandMenuLabel>Security</CommandMenuLabel>\n            </CommandMenuItem>\n          </CommandMenuSection>\n          <CommandMenuSection label=\"Team\">\n            {users.map((user) => (\n              <CommandMenuItem textValue={user.name} key={user.id}>\n                <Avatar src={user.image_url} />\n                <CommandMenuLabel>{user.name}</CommandMenuLabel>\n              </CommandMenuItem>\n            ))}\n          </CommandMenuSection>\n        </CommandMenuList>\n      </CommandMenu>\n    </>\n  )\n}\n\nconst users = [\n  {\n    id: 1,\n    name: 'Barbara Kirlin Sr.',\n    image_url: 'https://i.pravatar.cc/150?img=1',\n  },\n  {\n    id: 2,\n    name: 'Rosemarie Koch',\n    image_url: 'https://i.pravatar.cc/150?img=2',\n  },\n  {\n    id: 3,\n    name: 'Mrs. Reva Heaney Jr.',\n    image_url: 'https://i.pravatar.cc/150?img=3',\n  },\n  {\n    id: 5,\n    name: 'Bria Ziemann',\n    image_url: 'https://i.pravatar.cc/150?img=5',\n  },\n  {\n    id: 6,\n    name: 'Heloise Borer Sr.',\n    image_url: 'https://i.pravatar.cc/150?img=6',\n  },\n]\n",
      "type": "registry:page",
      "target": "app/command-menu-example/page.tsx"
    }
  ],
  "type": "registry:page"
}