{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "command-menu-description-example",
  "title": "Command Menu Description",
  "description": "command-menu-description-example",
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/command-menu"
  ],
  "files": [
    {
      "path": "src/components/examples/controls/command-menu/command-menu-description-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\n\nimport { Button } from '@/components/ui/button'\nimport {\n  CommandMenu,\n  CommandMenuDescription,\n  CommandMenuItem,\n  CommandMenuList,\n  CommandMenuSearch,\n  CommandMenuSection,\n} from '@/components/ui/command-menu'\n\nexport default function CommandMenuDescriptionDemo() {\n  const [isOpen, setIsOpen] = useState(false)\n  return (\n    <>\n      <Button intent=\"outline\" onPress={() => setIsOpen(true)}>\n        Open\n      </Button>\n      <CommandMenu escapeButton={false} isOpen={isOpen} onOpenChange={setIsOpen}>\n        <CommandMenuSearch\n          className=\"*:data-[slot=command-menu-search-icon]:hidden\"\n          placeholder=\"Search for apps and commands...\"\n        />\n        <CommandMenuList>\n          <CommandMenuSection className=\"mt-2\" label=\"Suggestions\">\n            <CommandMenuItem textValue=\"phpstorm\">\n              PhpStorm\n              <CommandMenuDescription>Application</CommandMenuDescription>\n            </CommandMenuItem>\n            <CommandMenuItem textValue=\"webstorm\">\n              WebStorm\n              <CommandMenuDescription>Application</CommandMenuDescription>\n            </CommandMenuItem>\n            <CommandMenuItem textValue=\"warp\">\n              Warp\n              <CommandMenuDescription>Application</CommandMenuDescription>\n            </CommandMenuItem>\n          </CommandMenuSection>\n\n          <CommandMenuSection label=\"Applications\">\n            <CommandMenuItem textValue=\"terminal\">\n              Terminal\n              <CommandMenuDescription>Application</CommandMenuDescription>\n            </CommandMenuItem>\n            <CommandMenuItem textValue=\"docker\">\n              Docker\n              <CommandMenuDescription>Application</CommandMenuDescription>\n            </CommandMenuItem>\n          </CommandMenuSection>\n\n          <CommandMenuSection label=\"Commands\">\n            <CommandMenuItem textValue=\"git status\">\n              Git status\n              <CommandMenuDescription>Command</CommandMenuDescription>\n            </CommandMenuItem>\n            <CommandMenuItem textValue=\"bun add\">\n              Bun add\n              <CommandMenuDescription>Command</CommandMenuDescription>\n            </CommandMenuItem>\n            <CommandMenuItem textValue=\"composer require\">\n              Composer require\n              <CommandMenuDescription>Command</CommandMenuDescription>\n            </CommandMenuItem>\n          </CommandMenuSection>\n\n          <CommandMenuSection label=\"System Settings\">\n            <CommandMenuItem textValue=\"display brightness\">\n              Display Brightness\n              <CommandMenuDescription>System Settings</CommandMenuDescription>\n            </CommandMenuItem>\n            <CommandMenuItem textValue=\"sound output\">\n              Sound Output\n              <CommandMenuDescription>System Settings</CommandMenuDescription>\n            </CommandMenuItem>\n          </CommandMenuSection>\n        </CommandMenuList>\n      </CommandMenu>\n    </>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/command-menu-description-example/page.tsx"
    }
  ],
  "type": "registry:page"
}