initial: standalone repo from monorepo split

src/components/ui/badge.tsx

@@ -0,0 +1,49 @@
+interface BadgeProps {
+  label: string;
+  variant?: 'default' | 'success' | 'warning' | 'error' | 'info' | 'purple';
+}
+
+const variantStyles: Record<string, string> = {
+  default: 'bg-surface-100 dark:bg-surface-700 text-surface-600 dark:text-surface-300',
+  success: 'bg-emerald-50 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-400',
+  warning: 'bg-amber-50 dark:bg-amber-900/30 text-amber-700 dark:text-amber-400',
+  error: 'bg-red-50 dark:bg-red-900/30 text-red-700 dark:text-red-400',
+  info: 'bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-400',
+  purple: 'bg-violet-50 dark:bg-violet-900/30 text-violet-700 dark:text-violet-400',
+};
+
+export function Badge({ label, variant = 'default' }: BadgeProps) {
+  return (
+    <span
+      className={`inline-flex items-center px-2 py-0.5 text-[11px] font-medium rounded-full ${variantStyles[variant]}`}
+      role="status"
+      aria-label={label}
+    >
+      {label}
+    </span>
+  );
+}
+
+export function statusBadgeVariant(status: string): BadgeProps['variant'] {
+  const map: Record<string, BadgeProps['variant']> = {
+    active: 'success',
+    resolved: 'success',
+    paid: 'success',
+    confirmed: 'success',
+    open: 'info',
+    sent: 'info',
+    pending: 'warning',
+    in_progress: 'warning',
+    partial: 'warning',
+    suspended: 'warning',
+    overdue: 'error',
+    cancelled: 'error',
+    inactive: 'error',
+    rejected: 'error',
+    void: 'default',
+    draft: 'default',
+    postpaid: 'info',
+    prepaid: 'purple',
+  };
+  return map[status] || 'default';
+}