{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "kbd",
  "title": "Kbd",
  "description": "Compact keycaps and shortcut groups for keyboard commands and interaction hints.",
  "registryDependencies": [
    "https://zeron-ui.vercel.app/r/surfaces.json",
    "utils",
    "https://zeron-ui.vercel.app/r/shape-context.json"
  ],
  "files": [
    {
      "path": "src/components/ui/kbd.tsx",
      "content": "\"use client\";\n\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n} from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { useShape } from \"@/lib/shape-context\";\n\ntype KbdProps = ComponentPropsWithoutRef<\"kbd\">;\n\nconst Kbd = forwardRef<HTMLElement, KbdProps>(\n  ({ className, style, ...props }, ref) => {\n    const shape = useShape();\n\n    return (\n      <kbd\n        ref={ref}\n        className={cn(\n          \"pointer-events-none inline-flex h-5 min-w-5 select-none items-center justify-center gap-1 border border-border-subtle bg-muted px-1 font-mono text-label text-fg-muted shadow-control\",\n          shape.item,\n          \"font-medium\",\n          className\n        )}\n        data-slot=\"kbd\"\n        style={style}\n        {...props}\n      />\n    );\n  }\n);\n\nKbd.displayName = \"Kbd\";\n\ntype KbdGroupProps = HTMLAttributes<HTMLDivElement>;\n\nconst KbdGroup = forwardRef<HTMLDivElement, KbdGroupProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      data-slot=\"kbd-group\"\n      {...props}\n    />\n  )\n);\n\nKbdGroup.displayName = \"KbdGroup\";\n\nexport { Kbd, KbdGroup };\nexport type { KbdProps, KbdGroupProps };\n",
      "type": "registry:ui",
      "target": "components/ui/kbd.tsx"
    }
  ],
  "type": "registry:ui"
}