website refactor

apps/website/ui/Badge.tsx

@@ -3,14 +3,14 @@ import { Box, BoxProps } from './primitives/Box';
 import { Icon } from './Icon';
 import { LucideIcon } from 'lucide-react';
 
-interface BadgeProps extends Omit<BoxProps<'div'>, 'children'> {
+interface BadgeProps {
   children: ReactNode;
   variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
   size?: 'xs' | 'sm' | 'md';
   icon?: LucideIcon;
 }
 
-export function Badge({ children, className = '', variant = 'default', size = 'sm', icon, rounded = 'none', ...props }: BadgeProps) {
+export function Badge({ children, variant = 'default', size = 'sm', icon }: BadgeProps) {
   const baseClasses = 'flex items-center gap-1.5 border font-bold uppercase tracking-widest';
   
   const sizeClasses = {
@@ -19,16 +19,6 @@ export function Badge({ children, className = '', variant = 'default', size = 's
     md: 'px-3 py-1 text-xs'
   };
 
-  const roundedClasses = {
-    none: 'rounded-none',
-    sm: 'rounded-sm',
-    md: 'rounded-md',
-    lg: 'rounded-lg',
-    xl: 'rounded-xl',
-    '2xl': 'rounded-2xl',
-    full: 'rounded-full'
-  };
-
   const variantClasses = {
     default: 'bg-gray-500/10 border-gray-500/30 text-gray-400',
     primary: 'bg-primary-accent/10 border-primary-accent/30 text-primary-accent',
@@ -41,13 +31,11 @@ export function Badge({ children, className = '', variant = 'default', size = 's
   const classes = [
     baseClasses, 
     sizeClasses[size],
-    typeof rounded === 'string' && roundedClasses[rounded as keyof typeof roundedClasses] ? roundedClasses[rounded as keyof typeof roundedClasses] : '',
-    !props.bg && !props.color && !props.borderColor ? variantClasses[variant] : '',
-    className
+    variantClasses[variant],
   ].filter(Boolean).join(' ');
 
   return (
-    <Box className={classes} {...props}>
+    <Box className={classes}>
       {icon && <Icon icon={icon} size={3} />}
       {children}
     </Box>