{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "kbd",
  "type": "registry:ui",
  "title": "Kbd",
  "description": "Keyboard key primitive with thick border, hard shadow, and press animation.",
  "dependencies": [
    "clsx",
    "tailwind-merge"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/ui/kbd.tsx",
      "content": "import * as React from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface KbdProps extends React.HTMLAttributes<HTMLElement> {\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(\n  ({ className, size = 'md', ...props }, ref) => (\n    <kbd\n      ref={ref}\n      className={cn(\n        'inline-flex items-center justify-center gap-1 rounded-lg bg-rk-surface font-mono font-bold text-rk-ink rk-border-sm rk-shadow-sm select-none whitespace-nowrap',\n        'focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-black focus-visible:ring-offset-2',\n        'active:translate-x-[2px] active:translate-y-[2px] active:shadow-none transition-all duration-75',\n        size === 'sm' && 'h-6 min-w-6 px-1.5 text-[10px]',\n        size === 'md' && 'h-7 min-w-7 px-2 text-xs',\n        size === 'lg' && 'h-9 min-w-9 px-2.5 text-sm',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nKbd.displayName = 'Kbd'\n",
      "type": "registry:ui",
      "target": "components/ui/kbd.tsx"
    }
  ]
}