{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "kbd",
  "type": "registry:ui",
  "title": "Kbd",
  "description": "A keyboard key, e.g. `<Kbd>⌘</Kbd><Kbd>K</Kbd>`. Give symbols a `title` so they read clearly.",
  "registryDependencies": [
    "https://junco.madebytobi.com/r/junco-theme.json",
    "https://junco.madebytobi.com/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/junco/ui/kbd.tsx",
      "type": "registry:ui",
      "content": "import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface KbdProps extends React.HTMLAttributes<HTMLElement> {}\n\n/** A keyboard key, e.g. `<Kbd>⌘</Kbd><Kbd>K</Kbd>`. Give symbols a `title` so they read clearly. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(({ className, ...props }, ref) => (\n  <kbd\n    ref={ref}\n    className={cn(\n      \"inline-flex h-5 min-w-5 items-center justify-center rounded-xs border border-b-2 border-border bg-surface px-1.5\",\n      \"font-mono text-[11px] leading-none text-muted-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\nKbd.displayName = \"Kbd\";\n"
    }
  ],
  "docs": "Docs and examples: https://junco.madebytobi.com/docs/components/kbd",
  "meta": {
    "hash": "80ec2294496d225e",
    "source": "packages/react/src/components/kbd.tsx",
    "exports": [
      "KbdProps",
      "Kbd"
    ],
    "props": {
      "Kbd": {
        "extends": "React.HTMLAttributes<HTMLElement>",
        "props": []
      }
    },
    "docsUrl": "https://junco.madebytobi.com/docs/components/kbd"
  }
}