{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "command-menu-dynamic-example",
  "title": "Command Menu Dynamic",
  "description": "command-menu-dynamic-example",
  "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-dynamic-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\n\nimport { Avatar } from '@/components/ui/avatar'\nimport { Button } from '@/components/ui/button'\nimport {\n  CommandMenu,\n  CommandMenuItem,\n  CommandMenuList,\n  CommandMenuSearch,\n  CommandMenuSection,\n  CommandMenuSeparator,\n} from '@/components/ui/command-menu'\n\nexport default function CommandMenuDynamicDemo() {\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              Home\n            </CommandMenuItem>\n            <CommandMenuItem textValue=\"Docs\" href=\"#\">\n              Docs\n            </CommandMenuItem>\n            <CommandMenuItem textValue=\"Components\" href=\"#\">\n              Components\n            </CommandMenuItem>\n          </CommandMenuSection>\n          <CommandMenuSeparator />\n          <CommandMenuSection label=\"Users\" items={users}>\n            {(user) => (\n              <CommandMenuItem>\n                <Avatar src={user.image_url} alt={user.name} initials={user.name.slice(0, 2)} />\n                {user.name}\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: 4,\n    name: 'Ms. Ettie Abshire DVM',\n    image_url: 'https://i.pravatar.cc/150?img=4',\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    id: 7,\n    name: 'Miss Jacinthe Gerlach DVM',\n    image_url: 'https://i.pravatar.cc/150?img=7',\n  },\n  {\n    id: 8,\n    name: 'Miss Stephania Schaefer Sr.',\n    image_url: 'https://i.pravatar.cc/150?img=8',\n  },\n  {\n    id: 9,\n    name: 'Kevon Hackett MD',\n    image_url: 'https://i.pravatar.cc/150?img=9',\n  },\n  {\n    id: 10,\n    name: 'Tom Ledner',\n    image_url: 'https://i.pravatar.cc/150?img=10',\n  },\n]\n",
      "type": "registry:page",
      "target": "app/command-menu-dynamic-example/page.tsx"
    }
  ],
  "type": "registry:page"
}