{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "command-01",
  "title": "Basic",
  "description": "Canonical command menu with grouped items, icons, and shortcuts.",
  "dependencies": [],
  "registryDependencies": [
    "command"
  ],
  "files": [
    {
      "path": "registry/patterns/command/command-01.tsx",
      "content": "import {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from '@/components/ui/command'\nimport {\n  CalendarIcon,\n  CreditCardIcon,\n  SettingsIcon,\n  SmileIcon,\n  UserIcon,\n} from 'lucide-react'\n\nexport function Command01() {\n  return (\n    <Command className=\"w-full max-w-md rounded-lg border shadow-sm\">\n      <CommandInput placeholder=\"Type a command or search...\" />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n        <CommandGroup heading=\"Suggestions\">\n          <CommandItem>\n            <CalendarIcon />\n            <span>Calendar</span>\n          </CommandItem>\n          <CommandItem>\n            <SmileIcon />\n            <span>Search Emoji</span>\n          </CommandItem>\n        </CommandGroup>\n        <CommandSeparator />\n        <CommandGroup heading=\"Settings\">\n          <CommandItem>\n            <UserIcon />\n            <span>Profile</span>\n            <CommandShortcut>⌘P</CommandShortcut>\n          </CommandItem>\n          <CommandItem>\n            <CreditCardIcon />\n            <span>Billing</span>\n            <CommandShortcut>⌘B</CommandShortcut>\n          </CommandItem>\n          <CommandItem>\n            <SettingsIcon />\n            <span>Settings</span>\n            <CommandShortcut>⌘S</CommandShortcut>\n          </CommandItem>\n        </CommandGroup>\n      </CommandList>\n    </Command>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/command/command-01.tsx"
    }
  ],
  "type": "registry:block"
}