{
  "$schema": "https://uipkge.dev/schema/registry-item.json",
  "name": "kbd",
  "title": "Kbd",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-angular/components/kbd/kbd.component.ts",
      "content": "import { Component, Input, ChangeDetectionStrategy } from '@angular/core'\nimport { cn } from '@/lib/utils'\n\n/**\n * Angular port of UIPKGE Kbd. Standalone, signals-ready.\n * Pure presentational: inline keyboard-key chip with the registry classes —\n * identical to Vue.\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.Eager,\n  selector: 'ui-kbd, [ui-kbd]',\n  standalone: true,\n  host: {\n    '[attr.data-slot]': '\"kbd\"',\n    '[attr.data-uipkge]': '\"\"',\n    '[class]': 'hostClass',\n  },\n  template: `<ng-content />`,\n})\nexport class UiKbdComponent {\n  @Input('class') className?: string\n\n  get hostClass(): string {\n    return 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-xs font-medium select-none',\n      this.className,\n    )\n  }\n}\n",
      "type": "registry:ui",
      "target": "~/src/app/components/ui/kbd/kbd.component.ts"
    },
    {
      "path": "packages/registry-angular/components/kbd/index.ts",
      "content": "export { UiKbdComponent } from './kbd.component'\n",
      "type": "registry:ui",
      "target": "~/src/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"
  ]
}