{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-kbd",
  "title": "Kbd Demo",
  "description": "Single keyboard keys and common shortcuts using the Kbd and Shortcut components.",
  "registryDependencies": [
    "@unlumen-ui/kbd"
  ],
  "files": [
    {
      "path": "registry/demo/components/unlumen/kbd/index.tsx",
      "content": "\"use client\";\n\nimport { Kbd, Shortcut } from \"@/components/unlumen-ui/primitives/kbd\";\n\nexport const KbdDemo = ({ size = \"md\" }: { size?: \"sm\" | \"md\" | \"lg\" }) => {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-6 p-8\">\n      {/* Single keys */}\n      <div className=\"flex flex-wrap items-center justify-center gap-2\">\n        {[\"⌘\", \"⌥\", \"⇧\", \"⌃\", \"⏎\", \"⌫\", \"⇥\", \"Esc\"].map((key) => (\n          <Kbd key={key} size={size}>\n            {key}\n          </Kbd>\n        ))}\n      </div>\n\n      {/* Common shortcuts */}\n      <div className=\"flex flex-col gap-3 text-sm text-muted-foreground\">\n        <div className=\"flex items-center justify-between gap-8\">\n          <span>Save file</span>\n          <Shortcut keys={[\"⌘\", \"S\"]} size={size} />\n        </div>\n        <div className=\"flex items-center justify-between gap-8\">\n          <span>Open command menu</span>\n          <Shortcut keys={[\"⌘\", \"K\"]} size={size} />\n        </div>\n        <div className=\"flex items-center justify-between gap-8\">\n          <span>Undo</span>\n          <Shortcut keys={[\"⌘\", \"Z\"]} size={size} />\n        </div>\n        <div className=\"flex items-center justify-between gap-8\">\n          <span>Find &amp; replace</span>\n          <Shortcut keys={[\"⌘\", \"⇧\", \"H\"]} size={size} />\n        </div>\n      </div>\n    </div>\n  );\n};\n",
      "type": "registry:example"
    }
  ],
  "meta": {
    "demoProps": {
      "KbdDemo": {
        "size": {
          "value": "md",
          "options": {
            "Small": "sm",
            "Medium": "md",
            "Large": "lg"
          }
        }
      }
    }
  },
  "type": "registry:example"
}