feat: Puente Mayúscula-Minúscula + TTS SpeechSynthesis + E2E fixes

2026-07-21 15:31:46 -03:00
commit fa8e0c58ce
120 changed files with 16013 additions and 0 deletions
@@ -0,0 +1,26 @@
+import { cn } from "@/lib/utils"
+
+interface MetricCardProps {
+  title: string
+  value: string | number
+  subtitle?: string
+  variant?: "default" | "primary" | "success" | "accent"
+  className?: string
+}
+
+const variants = {
+  default: "bg-white",
+  primary: "bg-primary/10 border-primary/20",
+  success: "bg-success/10 border-success/20",
+  accent: "bg-accent/10 border-accent/20",
+}
+
+export function MetricCard({ title, value, subtitle, variant = "default", className }: MetricCardProps) {
+  return (
+    <div className={cn("rounded-2xl p-4 shadow-sm border border-border", variants[variant], className)}>
+      <p className="text-sm text-muted-foreground">{title}</p>
+      <p className="text-3xl font-display font-bold text-foreground mt-1">{value}</p>
+      {subtitle && <p className="text-xs text-muted-foreground mt-1">{subtitle}</p>}
+    </div>
+  )
+}