{
  "$schema": "https://abackui.com/schema/registry-item.json",
  "name": "kbd",
  "type": "registry:ui",
  "title": "Kbd",
  "description": "A keycap for documenting shortcuts.",
  "registryDependencies": [
    "https://abackui.com/r/utils.json"
  ],
  "categories": [
    "Foundation"
  ],
  "docs": "https://abackui.com/docs/components/kbd",
  "meta": {
    "status": "stable",
    "usedIn": [
      "aback-tools",
      "aback-launch"
    ]
  },
  "files": [
    {
      "path": "components/ui/kbd.tsx",
      "content": "import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"inline-flex h-5 min-w-5 items-center justify-center border border-border/60 bg-background px-1\",\n        \"font-sans text-[10px] font-bold uppercase tracking-[0.12em] text-muted-foreground\",\n        \"shadow-[0_1px_0_0_rgb(0_0_0/0.04)] dark:shadow-[0_1px_0_0_rgb(255_255_255/0.04)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Kbd };\n",
      "type": "registry:ui",
      "target": "components/ui/kbd.tsx"
    }
  ]
}