{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "command-menu-pending-example",
  "title": "Command Menu Pending",
  "description": "command-menu-pending-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-pending-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\nimport { Avatar } from '@/components/ui/avatar'\nimport { Button } from '@/components/ui/button'\nimport {\n  CommandMenu,\n  CommandMenuItem,\n  CommandMenuList,\n  CommandMenuSearch,\n} from '@/components/ui/command-menu'\n\nexport default function CommandMenuControlledDemo() {\n  const [isOpen, setIsOpen] = useState(false)\n  const [search, setSearch] = useState('')\n  const [isSearching, setIsSearching] = useState(false)\n  const [results, setResults] = useState(users)\n\n  const handleSearch = async (value: string) => {\n    setIsSearching(true)\n    setSearch(value)\n    await new Promise((resolve) => setTimeout(resolve, 2000))\n    const filteredResults = users.filter((user) =>\n      user.name.toLowerCase().includes(value.toLowerCase())\n    )\n    setResults(filteredResults)\n    setIsSearching(false)\n  }\n\n  return (\n    <>\n      <Button intent=\"outline\" onPress={() => setIsOpen(true)}>\n        Open\n      </Button>\n      <CommandMenu\n        isPending={isSearching}\n        onInputChange={handleSearch}\n        inputValue={search}\n        isOpen={isOpen}\n        onOpenChange={setIsOpen}\n      >\n        <CommandMenuSearch placeholder=\"Quick search...\" />\n        <CommandMenuList items={results}>\n          {(user) => (\n            <CommandMenuItem textValue={user.name} key={user.name}>\n              <Avatar src={user.image_url} />\n              {user.name}\n            </CommandMenuItem>\n          )}\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-pending-example/page.tsx"
    }
  ],
  "type": "registry:page"
}