Rename statBadge to badgeCVA.

Author: nedtwigg

browser-extension/src/components/Badge.tsx

@@ -1,8 +1,8 @@
 import type { VariantProps } from 'class-variance-authority'
 import { twMerge } from 'tailwind-merge'
-import { statBadge, typeIcons } from '@/components/design'
+import { badgeCVA, typeIcons } from '@/components/design'
 
-export type BadgeProps = VariantProps<typeof statBadge> & {
+export type BadgeProps = VariantProps<typeof badgeCVA> & {
   type: keyof typeof typeIcons
   text?: number | string
 }
@@ -12,7 +12,7 @@ const Badge = ({ text, type }: BadgeProps) => {
   return (
     <span
       className={twMerge(
-        statBadge({
+        badgeCVA({
           type,
         }),
       )}

browser-extension/src/components/design.tsx

@@ -14,7 +14,7 @@ import {
 } from 'lucide-react'
 
 // CVA configuration for stat badges
-export const statBadge = cva(
+export const badgeCVA = cva(
   'inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-xs font-normal h-5',
   {
     defaultVariants: {

browser-extension/tests/playground/claude.tsx

@@ -2,7 +2,7 @@ import { Eye, EyeOff, Search, Settings, Trash2 } from 'lucide-react'
 import { useMemo, useState } from 'react'
 import { twMerge } from 'tailwind-merge'
 import Badge from '@/components/Badge'
-import { statBadge, typeIcons } from '@/components/design'
+import { badgeCVA, typeIcons } from '@/components/design'
 import type { CommentTableRow } from '@/entrypoints/background'
 import type { FilterState } from '@/entrypoints/popup/popup'
 import { EnhancerRegistry } from '@/lib/registries'
@@ -39,7 +39,7 @@ const MultiSegment = <T,>({ segments, value, onValueChange }: MultiSegmentProps<
         return (
           <button
             key={String(segment.value)}
-            className={`${statBadge({
+            className={`${badgeCVA({
               clickable: true,
               selected: value === segment.value,
               type: segment.type,
@@ -237,7 +237,7 @@ export const ClaudePrototype = () => {
                         type='button'
                         onClick={() => updateFilter('showTrashed', !filters.showTrashed)}
                         className={twMerge(
-                          statBadge({
+                          badgeCVA({
                             clickable: true,
                             type: filters.showTrashed ? 'trashed' : 'hideTrashed',
                           }),
@@ -275,7 +275,7 @@ export const ClaudePrototype = () => {
                       <button
                         type='button'
                         className={twMerge(
-                          statBadge({
+                          badgeCVA({
                             clickable: true,
                             type: 'settings',
                           }),