Frontend completo (Etapas 11-18) e extensões de backend (Etapas 13 e 18)

Adiciona o frontend Next.js em frontend/ (setup, design system, autenticação/tema, layout/navegação, área master, área tenant completa: clientes, produtos, vendas, recebimentos, whatsapp, e-mail, alertas, equipe e perfil). Estende o backend de forma aditiva e autorizada: cookie httpOnly para refresh token (Etapa 13) e CRUD de equipe + edição de perfil do tenant (Etapa 18, módulo src/modules/equipe/ novo e PUT /tenant/perfil). Detalhes completos em Etapas/V2/*. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-16 09:41:13 -03:00
parent f9738e54da
commit 323912748f
179 changed files with 29312 additions and 22 deletions
@@ -0,0 +1,66 @@
+import * as React from 'react';
+
+import { cn } from '@/lib/utils';
+import { Label } from '@/components/ui/label';
+
+interface FormFieldProps {
+  label: string;
+  children: React.ReactElement<{
+    id?: string;
+    'aria-invalid'?: boolean;
+    'aria-describedby'?: string;
+  }>;
+  error?: string;
+  helpText?: string;
+  required?: boolean;
+  className?: string;
+  id?: string;
+}
+
+/**
+ * Wrapper obrigatório para label + input + erro + texto de ajuda —
+ * nenhuma tela deve montar esse trio manualmente (Etapa 12). Injeta
+ * `id`/`aria-invalid`/`aria-describedby` no único filho, então `children`
+ * precisa ser um componente que espalha `...props` no elemento nativo
+ * (Input, Textarea, SelectTrigger etc).
+ */
+function FormField({ label, children, error, helpText, required, className, id }: FormFieldProps) {
+  const autoId = React.useId();
+  const fieldId = id ?? autoId;
+  const errorId = `${fieldId}-error`;
+  const helpId = `${fieldId}-help`;
+
+  const describedBy =
+    [error ? errorId : null, helpText ? helpId : null].filter(Boolean).join(' ') || undefined;
+
+  return (
+    <div className={cn('flex flex-col gap-1.5', className)}>
+      <Label htmlFor={fieldId}>
+        {label}
+        {required && (
+          <span className="text-destructive" aria-hidden>
+            {' '}
+            *
+          </span>
+        )}
+      </Label>
+      {React.cloneElement(children, {
+        id: fieldId,
+        'aria-invalid': !!error,
+        'aria-describedby': describedBy,
+      })}
+      {helpText && !error && (
+        <p id={helpId} className="text-xs text-muted-foreground">
+          {helpText}
+        </p>
+      )}
+      {error && (
+        <p id={errorId} role="alert" className="text-xs text-destructive">
+          {error}
+        </p>
+      )}
+    </div>
+  );
+}
+
+export { FormField };