Basecoat UI MCP

<!-- Basecoat Kbd Component --> <div class="space-y-6"> <!-- Basic Kbd --> <div class="flex flex-col items-center gap-4"> <span class="inline-flex items-center gap-1"> <kbd class="kbd">⌘</kbd> <kbd class="kbd">⇧</kbd> <kbd class="kbd">⌥</kbd> <kbd class="kbd">⌃</kbd> </span> <span class="inline-flex items-center gap-1"> <kbd class="kbd">Ctrl</kbd> <span>+</span> <kbd class="kbd">B</kbd> </span> </div> <!-- Single Kbd --> <div class="flex justify-center"> <kbd class="kbd">⌘K</kbd> </div> <!-- Kbd Group --> <p class="text-muted-foreground text-sm text-center"> Use <span class="inline-flex items-center gap-1"> <kbd class="kbd">Ctrl + B</kbd> <kbd class="kbd">Ctrl + K</kbd> </span> to open the command palette </p> <!-- Kbd in Buttons --> <div class="flex flex-wrap items-center justify-center gap-x-4"> <button class="btn-sm-outline pr-2">Accept <kbd class="kbd">⏎</kbd></button> <button class="btn-sm-outline pr-2">Cancel <kbd class="kbd">Esc</kbd></button> </div> </div>