{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"kbd","title":"Keyboard Key","description":"Keyboard input notation for keys and grouped shortcuts.","dependencies":[],"registryDependencies":["@siteplane/base"],"files":[{"path":"packages/ui/src/components/kbd/kbd.tsx","content":"import type * as React from \"react\";\n\nimport { cn } from \"../../system/utils/cn\";\nimport { slotClass } from \"../../system/utils/slot-class\";\n\nconst kbdClassName =\n  \"pointer-events-none inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap font-sans [&_svg:not([class*='size-'])]:size-3\";\n\nexport function Kbd({\n  className,\n  ...props\n}: React.ComponentProps<\"kbd\">): React.ReactElement {\n  return (\n    <kbd\n      className={cn(slotClass(\"kbd\", props), kbdClassName, className)}\n      data-slot=\"kbd\"\n      {...props}\n    />\n  );\n}\n\nexport function KbdGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"kbd\">): React.ReactElement {\n  return (\n    <kbd\n      className={cn(\n        slotClass(\"kbd-group\", props),\n        \"inline-flex shrink-0 items-center whitespace-nowrap\",\n        className,\n      )}\n      data-slot=\"kbd-group\"\n      {...props}\n    />\n  );\n}\n","type":"registry:ui","target":"~/src/siteplane/components/kbd/kbd.tsx"},{"path":"packages/ui/src/components/kbd/index.ts","content":"export * from \"./kbd\";\n","type":"registry:ui","target":"~/src/siteplane/components/kbd/index.ts"}],"type":"registry:ui","docs":"https://ui.siteplane.io/docs-markdown/components/kbd.md","categories":["Layout & utilities"],"meta":{"avoidWhen":["Avoid showing a shortcut as the only way to discover an action.","Avoid for code; use Code."],"description":"Keyboard input notation for keys and grouped shortcuts.","knownLimitations":[],"providerNotes":[],"releaseStatus":"stable","searchTerms":["kbd","keyboard key"],"useWhen":["Use to show a key or a keyboard shortcut inside text, a button or a menu item."]}}