{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"kbd","title":"Kbd","description":"Displays a keyboard key or key combination, used for surfacing shortcut hints in menus, tooltips, and documentation.","dependencies":["cn"],"files":[{"path":"components/ui/kbd.tsx","content":"import { cn } from \"cn\"\n\nfunction Kbd({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"kbd\"> & { size?: \"default\" | \"sm\" }) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      data-size={size}\n      className={cn(\n        \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-xs bg-fill-2 px-1 font-sans text-2xs font-medium text-muted-foreground select-none in-data-[slot=badge]:h-4 in-data-[slot=badge]:min-w-4 in-data-[slot=badge]:px-0.5 in-data-[slot=tooltip-content]:h-4 in-data-[slot=tooltip-content]:min-w-4 in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:px-0.5 in-data-[slot=tooltip-content]:text-background data-[size=sm]:h-4 data-[size=sm]:min-w-4 data-[size=sm]:px-0.5 dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      className={cn(\"inline-flex items-center gap-0.5\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Kbd, KbdGroup }\n","type":"registry:ui"}],"cssVars":{"theme":{"color-fill-2":"var(--fill-2)","text-2xs--letter-spacing":"-0.005em","text-2xs":"0.75rem","text-2xs--line-height":"calc(1 / 0.75)"},"light":{"fill-2":"oklch(0.556 0 0 / 8%)"},"dark":{"fill-2":"oklch(1 0 0 / 10%)"}},"categories":["content"],"type":"registry:ui"}