{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "kbd",
  "type": "registry:ui",
  "title": "Kbd (MIAN)",
  "description": "Keyboard keys and shortcuts.",
  "categories": [
    "data display",
    "kbd",
    "keyboard",
    "shortcut",
    "hotkey"
  ],
  "registryDependencies": [
    "https://mian.ro/r/mian-base.json"
  ],
  "files": [
    {
      "path": "mian/components/kbd.css",
      "type": "registry:file",
      "target": "mian/components/kbd.css",
      "content": ".mn-kbd {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 1.5rem; height: 1.5rem; padding: 0 .4em;\n  border: var(--mn-border-w) solid var(--mn-border); border-bottom-width: 2px;\n  border-radius: min(6px, var(--mn-radius-field));\n  background: var(--mn-surface-2); color: var(--mn-fg);\n  font: 500 .75rem/1 var(--mn-font-mono);"
    },
    {
      "path": "mian/examples/kbd.html",
      "type": "registry:file",
      "target": "mian/examples/kbd.html",
      "content": "<!-- Shortcuts -->\n<span class=\"mn-row\"><kbd class=\"mn-kbd\" title=\"Command\">⌘</kbd><kbd class=\"mn-kbd\">K</kbd></span>\n<span class=\"mn-muted mn-small\">Press <kbd class=\"mn-kbd\">Esc</kbd> to close, <kbd class=\"mn-kbd\">↑</kbd> <kbd class=\"mn-kbd\">↓</kbd> to move.</span>"
    }
  ],
  "docs": "MIAN components are HTML + CSS classes, not React components. The styles are already included in mian-base; this item adds the component's CSS section and example markup for reference. Docs: https://mian.ro/components/kbd",
  "meta": {
    "mian": {
      "license": "LicenseRef-MIAN-1.0",
      "requiresJs": false,
      "classes": [
        "mn-kbd"
      ],
      "accessibility": [
        "Use <kbd>. For symbols like ⌘ add a title or visually hidden text (\"Command\")."
      ],
      "intents": [
        "keyboard shortcut",
        "key hint",
        "hotkey"
      ]
    }
  }
}