{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "kbd",
  "title": "Kbd",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-vue/components/kbd/Kbd.vue",
      "content": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<{\n  class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n  <kbd\n    data-uipkge\n    data-slot=\"kbd\"\n    :class=\"\n      cn(\n        'bg-muted text-muted-foreground pointer-events-none inline-flex h-5 min-w-5 items-center justify-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium select-none',\n        props.class,\n      )\n    \"\n  >\n    <slot />\n  </kbd>\n</template>",
      "type": "registry:ui",
      "target": "~/app/components/ui/kbd/Kbd.vue"
    },
    {
      "path": "packages/registry-vue/components/kbd/index.ts",
      "content": "export { default as Kbd } from './Kbd.vue'",
      "type": "registry:ui",
      "target": "~/app/components/ui/kbd/index.ts"
    }
  ],
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [],
  "description": "Inline keyboard-key indicator — renders a single key or shortcut in monospace with a subtle bordered chip.",
  "categories": [
    "data-display"
  ]
}