Basecoat UI MCP

<!-- Pagination Navigation --> <nav role="navigation" aria-label="pagination" class="mx-auto flex w-full justify-center"> <ul class="flex flex-row items-center gap-1"> <!-- Previous --> <li> <button class="btn-icon-ghost" aria-label="Go to previous page"> <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" /> </svg> </button> </li> <!-- Page numbers --> <li><button class="btn-ghost">1</button></li> <li><button class="btn-icon-outline" aria-current="page">2</button></li> <li><button class="btn-ghost">3</button></li> <li><span class="px-2">...</span></li> <li><button class="btn-ghost">10</button></li> <!-- Next --> <li> <button class="btn-icon-ghost" aria-label="Go to next page"> <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /> </svg> </button> </li> </ul> </nav>