{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "command-dialog",
  "registryDependencies": [
    "https://taki-ui.com/r/command.json",
    "https://taki-ui.com/r/dialog.json"
  ],
  "files": [
    {
      "path": "registry/new-york/examples/command-dialog.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  Calculator,\n  Calendar,\n  CreditCard,\n  Settings,\n  Smile,\n  User,\n} from \"lucide-react\"\n\nimport {\n  Command,\n  CommandDialog,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from \"@/registry/new-york/ui/command\"\n\nexport default function CommandDialogDemo() {\n  const [open, setOpen] = React.useState(false)\n\n  React.useEffect(() => {\n    const down = (e: KeyboardEvent) => {\n      if (e.key === \"j\" && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault()\n        setOpen((open) => !open)\n      }\n    }\n\n    document.addEventListener(\"keydown\", down)\n    return () => document.removeEventListener(\"keydown\", down)\n  }, [])\n\n  return (\n    <>\n      <p className=\"text-muted-foreground text-sm\">\n        Press{\" \"}\n        <kbd className=\"bg-muted text-muted-foreground pointer-events-none inline-flex h-5 items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium opacity-100 select-none\">\n          <span className=\"text-xs\">⌘</span>J\n        </kbd>\n      </p>\n      <Command>\n        <CommandDialog isOpen={open} onOpenChange={setOpen}>\n          <CommandInput autoFocus placeholder=\"Type a command or search...\" />\n          <CommandList emptyMessage=\"No results found.\">\n            <CommandGroup heading=\"Suggestions\">\n              <CommandItem id=\"calendar\" textValue=\"Calendar\">\n                <Calendar />\n                <span>Calendar</span>\n              </CommandItem>\n              <CommandItem id=\"search-emoji\" textValue=\"Search Emoji\">\n                <Smile />\n                <span>Search Emoji</span>\n              </CommandItem>\n              <CommandItem id=\"calculator\" textValue=\"Calculator\">\n                <Calculator />\n                <span>Calculator</span>\n              </CommandItem>\n            </CommandGroup>\n            <CommandSeparator />\n            <CommandGroup heading=\"Settings\">\n              <CommandItem id=\"profile\" textValue=\"Profile\">\n                <User />\n                <span>Profile</span>\n                <CommandShortcut>⌘P</CommandShortcut>\n              </CommandItem>\n              <CommandItem id=\"billing\" textValue=\"Billing\">\n                <CreditCard />\n                <span>Billing</span>\n                <CommandShortcut>⌘B</CommandShortcut>\n              </CommandItem>\n              <CommandItem id=\"settings\" textValue=\"Settings\">\n                <Settings />\n                <span>Settings</span>\n                <CommandShortcut>⌘S</CommandShortcut>\n              </CommandItem>\n            </CommandGroup>\n          </CommandList>\n        </CommandDialog>\n      </Command>\n    </>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}