Initial commit: SKEEN Derma Experts - Sistema Integral de Gestión Clínica

- Frontend React (SKEEN Brand) con Vite, TypeScript, Tailwind
- Frontend Homenest (versión alternativa)
- Módulos Odoo 17 custom (citas, pacientes, monedero, pagos, ventas, inventario, whatsapp)
- WACRM fork (Next.js 16 + Supabase)
- Hermes + Bridge + Skills (Qwen3.6 via Nan Builders)
- Scripts de migración y operación
- Documentación extensiva en docs/

frontend-homenest/src/components/ui/TextArea.tsx

@@ -0,0 +1,31 @@
+import type { FC, TextareaHTMLAttributes } from 'react';
+import { cn } from '../../lib/utils';
+
+interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+  label?: string;
+  error?: string;
+}
+
+export const TextArea: FC<TextAreaProps> = ({ label, error, className, id, ...props }) => {
+  const areaId = id ?? (label ? `textarea-${label.replace(/\s+/g, '-').toLowerCase()}` : undefined);
+  return (
+    <div className={cn('w-full', className)}>
+      {label && (
+        <label htmlFor={areaId} className="block text-xs font-medium text-[#7A5C44] mb-1.5">
+          {label}
+        </label>
+      )}
+      <textarea
+        id={areaId}
+        className={cn(
+          'w-full rounded-xl border bg-homenest-cream-light px-3 py-2.5 text-sm text-homenest-bark placeholder:text-[#A87B5D] focus:outline-none focus:ring-2 focus:ring-[#8B5E3C]/30 focus:border-[#3E2C1C] transition resize-y min-h-[80px]',
+          error ? 'border-rose-300 focus:border-rose-500 focus:ring-rose-500/20' : 'border-[#E9D5B7]'
+        )}
+        {...props}
+      />
+      {error && <p className="mt-1.5 text-xs text-rose-600">{error}</p>}
+    </div>
+  );
+};
+
+export default TextArea;