Demo

            index.html
            
    html

<nav class="breadcrumbs" aria-label="Breadcrumb">
  <ol>
    <li><a href="/">Home</a></li>
    <li><a href="/docs">Docs</a></li>
    <li aria-current="page">Components</li>
  </ol>
</nav>

            styles.css
            
    css

.midwest-badge {
  --badge-bg: rgb(var(--theme-7-channels));
  background-color: var(--badge-bg);
  border-radius: 9999px;
  font-weight: 700;
}

            package.json
            
    json

{
  "name": "@unabridged/midwest",
  "version": "0.22.0",
  "peerDependencies": {
    "@hotwired/stimulus": "^3.0.0"
  }
}

sql

SELECT users.name, COUNT(posts.id) AS post_count
FROM users
LEFT JOIN posts ON posts.user_id = users.id
WHERE users.active = true
GROUP BY users.name
ORDER BY post_count DESC
LIMIT 10;