{"$schema":"https://ui.logic2b.com/schema/registry-item.json","name":"kbd","type":"registry:ui","description":"Displays a keyboard shortcut or key combination, e.g. a ⌘K hint next to a menu item. Parts: Kbd, KbdGroup (wraps multiple keys with a separator-free gap).","registryDependencies":["utils"],"files":[{"path":"ui/kbd.tsx","type":"registry:ui","content":"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none [&_svg:not([class*='size-'])]:size-3\",\n        \"[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"kbd-group\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Kbd, KbdGroup }\n"}],"categories":["data-display"],"accessibility":{"support":"consumer","pattern":"keyboard input text","primitive":"HTML kbd","keyboard":[],"aria":["Uses the native kbd element so shortcut text is conveyed as keyboard input."],"consumer":["Describe the associated command in nearby text and do not make the shortcut the only way to perform it."]},"api":{"source":"src/ui/kbd.tsx","exports":[{"name":"Kbd","kind":"component","propsType":"React.ComponentProps<\"kbd\">"},{"name":"KbdGroup","kind":"component","propsType":"React.ComponentProps<\"div\">"}]}}