{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "keyboard-shortcuts-02",
  "title": "Keyboard Shortcuts 02",
  "description": "A simple keyboard shortcuts block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "card",
    "kbd"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/keyboard-shortcuts-02/components/keyboard-shortcuts.tsx",
      "content": "import { KeyboardIcon } from \"lucide-react\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/registry/bases/radix/ui/card\";\nimport { Kbd } from \"@/registry/bases/radix/ui/kbd\";\nimport { cn } from \"@/lib/utils\";\n\nexport default function KeyboardShortcuts() {\n  return (\n    <div className=\"px-6 py-12\">\n      <div className=\"mx-auto max-w-sm space-y-1 rounded-xl border bg-muted/40 p-1\">\n        <Card className=\"shadow/5 dark:shadow/40 relative overflow-hidden rounded-lg bg-background py-5\">\n          {/* Circuit Board - Light Pattern */}\n          <CircuitBoardPattern />\n          <KeyboardIcon className=\"mask-r-from-55% mask-r-to-75% dark:mask-r-from-50% absolute -top-1 -right-1 size-11 -rotate-45 stroke-[1.5px] text-muted-foreground opacity-60 dark:opacity-40\" />\n\n          <CardHeader className=\"relative isolate\">\n            <CardTitle className=\"font-medium\">Keyboard Shortcuts</CardTitle>\n            <CardDescription>\n              A list of keyboard shortcuts for the application\n            </CardDescription>\n          </CardHeader>\n        </Card>\n        <Card className=\"shadow/5 dark:shadow/40 relative overflow-hidden rounded-lg bg-background\">\n          <CircuitBoardPattern />\n\n          <CardContent className=\"relative isolate\">\n            <ul className=\"space-y-5\">\n              {shortcuts.map((shortcut) => (\n                <li key={shortcut.category}>\n                  <span className=\"font-medium text-muted-foreground text-sm\">\n                    {shortcut.category}\n                  </span>\n                  <ul className=\"mt-2 space-y-2\">\n                    {shortcut.shortcuts.map((shortcut) => (\n                      <li\n                        className=\"flex items-center justify-between\"\n                        key={shortcut.shortcut}\n                      >\n                        <span>{shortcut.description}</span>\n                        <Kbd className=\"border border-border/50 px-1.5 font-mono\">\n                          {shortcut.shortcut}\n                        </Kbd>\n                      </li>\n                    ))}\n                  </ul>\n                </li>\n              ))}\n            </ul>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n\nconst CircuitBoardPattern = ({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) => {\n  return (\n    <div\n      {...props}\n      className={cn(\n        \"pointer-events-none absolute inset-0 -top-px z-0 opacity-40 dark:opacity-100\",\n        className\n      )}\n      style={{\n        backgroundImage: `\n        repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(75, 85, 99, 0.08) 19px, rgba(75, 85, 99, 0.08) 20px, transparent 20px, transparent 39px, rgba(75, 85, 99, 0.08) 39px, rgba(75, 85, 99, 0.08) 40px),\n        repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(75, 85, 99, 0.08) 19px, rgba(75, 85, 99, 0.08) 20px, transparent 20px, transparent 39px, rgba(75, 85, 99, 0.08) 39px, rgba(75, 85, 99, 0.08) 40px),\n        radial-gradient(circle at 20px 20px, rgba(55, 65, 81, 0.12) 2px, transparent 2px),\n        radial-gradient(circle at 40px 40px, rgba(55, 65, 81, 0.12) 2px, transparent 2px)\n      `,\n        backgroundSize: \"40px 40px, 40px 40px, 40px 40px, 40px 40px\",\n      }}\n    />\n  );\n};\n\nconst shortcuts = [\n  {\n    category: \"File Operations\",\n    shortcuts: [\n      {\n        shortcut: \"Ctrl + N\",\n        description: \"Open a new window\",\n      },\n      {\n        shortcut: \"Ctrl + O\",\n        description: \"Open a file\",\n      },\n      {\n        shortcut: \"Ctrl + S\",\n        description: \"Save the file\",\n      },\n      {\n        shortcut: \"Ctrl + Q\",\n        description: \"Quit the application\",\n      },\n    ],\n  },\n  {\n    category: \"Navigation\",\n    shortcuts: [\n      {\n        shortcut: \"Ctrl + K\",\n        description: \"Open the search bar\",\n      },\n      {\n        shortcut: \"Ctrl + T\",\n        description: \"Open a new tab\",\n      },\n      {\n        shortcut: \"Ctrl + W\",\n        description: \"Close the tab\",\n      },\n      {\n        shortcut: \"Ctrl + R\",\n        description: \"Refresh the page\",\n      },\n      {\n        shortcut: \"Ctrl + [\",\n        description: \"Go back\",\n      },\n      {\n        shortcut: \"Ctrl + ]\",\n        description: \"Go forward\",\n      },\n    ],\n  },\n  {\n    category: \"Editing\",\n    shortcuts: [\n      {\n        shortcut: \"Ctrl + X\",\n        description: \"Cut the selection\",\n      },\n      {\n        shortcut: \"Ctrl + Z\",\n        description: \"Undo the last action\",\n      },\n      {\n        shortcut: \"Ctrl + Y\",\n        description: \"Redo the last action\",\n      },\n    ],\n  },\n  {\n    category: \"Settings\",\n    shortcuts: [\n      {\n        shortcut: \"Ctrl + P\",\n        description: \"Open the settings\",\n      },\n    ],\n  },\n];\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}