@pipelinesolucoes/form 1.2.0-beta.1 → 1.2.0-beta.12

package/dist/components/TextFieldValidate.js

@@ -1,68 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { styled } from '@mui/material/styles';
-import TextField from '@mui/material/TextField';
-const StyledTextField = styled(TextField, {
-    shouldForwardProp: (prop) => ![
-        "background",
-        "borderRadius",
-        "boxShadow",
-        "borderColor",
-        "colorFocused",
-        "backgroundDisabled",
-        "colorDisabled",
-        "padding",
-        "colorText",
-    ].includes(prop),
-})(({ theme, background, backgroundDisabled, colorText, borderRadius, boxShadow, borderColor, colorFocused, colorDisabled, padding, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const field = (_b = (_a = theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.forms) === null || _b === void 0 ? void 0 : _b.field;
-    // props -> tokens -> fallback
-    const bg = (_c = background !== null && background !== void 0 ? background : field === null || field === void 0 ? void 0 : field.background) !== null && _c !== void 0 ? _c : "transparent";
-    const bgDisabled = (_d = backgroundDisabled !== null && backgroundDisabled !== void 0 ? backgroundDisabled : field === null || field === void 0 ? void 0 : field.backgroundDisabled) !== null && _d !== void 0 ? _d : bg;
-    const txt = (_e = colorText !== null && colorText !== void 0 ? colorText : field === null || field === void 0 ? void 0 : field.color) !== null && _e !== void 0 ? _e : theme.palette.text.primary;
-    const txtDisabled = (_f = colorDisabled !== null && colorDisabled !== void 0 ? colorDisabled : field === null || field === void 0 ? void 0 : field.colorDisabled) !== null && _f !== void 0 ? _f : theme.palette.text.disabled;
-    const br = (_g = borderRadius !== null && borderRadius !== void 0 ? borderRadius : field === null || field === void 0 ? void 0 : field.borderRadius) !== null && _g !== void 0 ? _g : "8px";
-    const sh = (_h = boxShadow !== null && boxShadow !== void 0 ? boxShadow : field === null || field === void 0 ? void 0 : field.boxShadow) !== null && _h !== void 0 ? _h : "none";
-    const bd = (_j = borderColor !== null && borderColor !== void 0 ? borderColor : field === null || field === void 0 ? void 0 : field.borderColor) !== null && _j !== void 0 ? _j : theme.palette.divider;
-    const bdFocused = (_k = colorFocused !== null && colorFocused !== void 0 ? colorFocused : field === null || field === void 0 ? void 0 : field.colorFocused) !== null && _k !== void 0 ? _k : theme.palette.primary.main;
-    const pad = padding !== null && padding !== void 0 ? padding : field === null || field === void 0 ? void 0 : field.padding; // pode deixar undefined se quiser respeitar o default do MUI
-    return {
-        // (opcional) pode manter, mas o mais importante é estilizar os slots internos:
-        background: bg,
-        borderRadius: br,
-        boxShadow: sh,
-        "& .MuiInputBase-root": {
-            color: txt,
-        },
-        "& .MuiOutlinedInput-root": Object.assign(Object.assign({ borderRadius: br, boxShadow: sh }, (pad ? { padding: pad } : {})), { "& .MuiOutlinedInput-notchedOutline": {
-                borderColor: bd,
-            }, "&:hover .MuiOutlinedInput-notchedOutline": {
-                borderColor: bd,
-            }, "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
-                borderColor: bdFocused,
-            }, "&.Mui-disabled": {
-                background: bgDisabled,
-                color: txtDisabled,
-                "& .MuiOutlinedInput-notchedOutline": {
-                    borderColor: bd,
-                },
-            }, 
-            // texto digitado quando disabled
-            "& input.Mui-disabled": {
-                WebkitTextFillColor: txtDisabled,
-            } }),
-        "& .MuiInputLabel-root": {
-            color: txt,
-        },
-        "& .MuiInputLabel-root.Mui-focused": {
-            color: bdFocused,
-        },
-        "& .MuiInputLabel-root.Mui-disabled": {
-            color: txtDisabled,
-        },
-    };
-});
+import { useTheme } from '@mui/material/styles';
+import { TextFieldStyled } from '../style/TextFieldStyle';
+import { fbbackground, fbbackgroundDisabled, fbborderColor, fbborderRadius, fbboxShadow, fbcolor, fbcolorDisabled, fbcolorFocused, fbpadding } from '@/constant';
 const computeError = (value, { required, requiredMessage, minLength, pattern, patternMessage, validate, }) => {
     const v = value !== null && value !== void 0 ? value : '';
     if (required && v.trim().length === 0)
@@ -82,48 +22,101 @@ const computeError = (value, { required, requiredMessage, minLength, pattern, pa
     return null;
 };
 /**
- * Componente de campo de texto com validação, baseado no TextField do Material UI.
- * Permite personalização visual via `styled` e suporte a validações comuns
- * (obrigatório, tamanho mínimo, regex) e validação customizada.
+ * Campo de texto com suporte a validações comuns e customizadas, construído
+ * sobre o TextField do Material UI e estilizado via Design System da Pipeline.
+ *
+ * Funcionalidades principais:
+ * - Suporte a modo controlado (`value`)
+ * - Validações nativas (obrigatório, tamanho mínimo, regex)
+ * - Validação customizada via função
+ * - Controle de momento de exibição do erro (`change` ou `blur`)
+ * - Suporte a campo multilinha
+ * - Customização visual via props e tokens de theme
  *
- * O erro pode ser exibido durante a digitação ou apenas após o campo perder o foco.
+ * Tokens de estilo (ordem de prioridade):
+ * - `prop` do componente
+ * - `theme.pipelinesolucoes.forms.field`
+ * - Fallback interno (constantes `fb*`)
+ *
+ * Tipografia:
+ * - Suporte à tipografia do Material UI via `textVariant`
+ * - Fallback para `theme.pipelinesolucoes.forms.field.typography`
+ * - Fallback final para `theme.typography.body1`
+ *
+ * @param {string} [id] Identificador do campo, repassado ao input do Material UI.
+ * @param {string} [label] Texto do rótulo exibido acima do campo.
+ * @param {string} [placeholder] Texto exibido quando o campo está vazio.
+ * @param {string} [value] Valor atual do campo (modo controlado).
  *
- * @param {string} [id] Id do campo (replicado no input do MUI).
- * @param {string} [label] Rótulo exibido acima do campo.
- * @param {string} [placeholder] Placeholder exibido quando o campo está vazio.
- * @param {string} [value=''] Valor atual do campo (modo controlado).
  * @param {boolean} [disabled=false] Define se o campo está desabilitado.
  *
- * @param {string} [background='#fff'] Cor de fundo do campo.
- * @param {string} [backgroundDisabled='#E5E7EB'] Cor de fundo do campo quando o campo está desabilitado.
- * @param {string} [color='#000'] Cor do texto e do label.
- * @param {string} [colorFocused='#1976d2'] Cor da borda quando o campo está focado.
- * @param {string} [colorDisabled='#9CA3AF'] Cor do texto e do label quando o campo está focado.
- * @param {string} [borderColor='#ccc'] Cor da borda no estado normal e hover.
- * @param {string} [borderRadius='0'] Raio da borda do campo.
- * @param {string} [boxShadow='none'] Sombra aplicada ao campo.
- * @param {string} [padding='4px 8px'] Espaçamento interno do input.
+ * @param {number} [minLength] Número mínimo de caracteres permitidos.
+ * @param {number} [maxLength] Número máximo de caracteres permitidos.
+ *
+ * @param {boolean} [multiline=false] Define se o campo aceita múltiplas linhas.
+ * @param {number} [rows=3] Quantidade de linhas visíveis quando `multiline` está ativo.
+ *
+ *
+ * ### Estilo / Aparência
+ *
+ * @param {import('@mui/material/styles').TypographyVariant} [textVariant] Variante tipográfica do Material UI aplicada ao texto e placeholder.
+ *
+ * @param {string} [background]
+ * Cor de fundo do campo.
+ * Ordem: `background` → `theme.pipelinesolucoes.forms.field.background` → `#fff`.
+ *
+ * @param {string} [backgroundDisabled]
+ * Cor de fundo do campo quando desabilitado.
+ * Ordem: `backgroundDisabled` → `theme.pipelinesolucoes.forms.field.backgroundDisabled` → `#E5E7EB`.
  *
- * @param {boolean} [multiline=false] Define se o campo é multilinha.
- * @param {number} [rows=3] Número de linhas quando `multiline` está ativo.
+ * @param {string} [color]
+ * Cor do texto do campo (texto digitado e label).
+ * Ordem: `color` → `theme.pipelinesolucoes.forms.field.color` → `#000`.
+ *
+ * @param {string} [colorFocused]
+ * Cor aplicada ao estado focado (usada como cor de borda no focus).
+ * Ordem: `colorFocused` → `theme.pipelinesolucoes.forms.field.colorFocused` → `#1976d2`.
+ *
+ * @param {string} [colorDisabled]
+ * Cor do texto do campo quando desabilitado.
+ * Ordem: `colorDisabled` → `theme.pipelinesolucoes.forms.field.colorDisabled` → `#9CA3AF`.
+ *
+ * @param {string} [borderRadius]
+ * Raio da borda do campo.
+ * Ordem: `borderRadius` → `theme.pipelinesolucoes.forms.field.borderRadius` → `"0"`.
+ *
+ * @param {string} [boxShadow]
+ * Sombra do campo.
+ * Ordem: `boxShadow` → `theme.pipelinesolucoes.forms.field.boxShadow` → `"none"`.
+ *
+ * @param {string} [borderColor]
+ * Cor da borda do campo (estado padrão/hover).
+ * Ordem: `borderColor` → `theme.pipelinesolucoes.forms.field.borderColor` → `#ccc`.
+ *
+ * @param {string} [padding]
+ * Espaçamento interno do input (aplicado no texto e textarea).
+ * Ordem: `padding` → `theme.pipelinesolucoes.forms.field.padding` → `"4px 8px"`.
+ *
+ * ---
+ * ### Validação
  *
  * @param {boolean} [required=false] Indica se o campo é obrigatório.
- * @param {string} [requiredMessage='Campo obrigatório'] Mensagem exibida quando o campo obrigatório está vazio.
- * @param {number} [minLength] Número mínimo de caracteres.
- * @param {RegExp | string} [pattern] Expressão regular para validação do valor.
- * @param {string} [patternMessage='Formato inválido'] Mensagem exibida quando o pattern não é atendido.
+ * @param {string} [requiredMessage] Mensagem exibida quando o campo obrigatório está vazio.
+ * @param {RegExp | string} [pattern] Expressão regular utilizada para validação do valor.
+ * @param {string} [patternMessage] Mensagem exibida quando o valor não atende ao pattern.
+ * @param {'change' | 'blur'} [showErrorOn='blur'] Define quando o erro será exibido.
  * @param {(value: string) => string | null | undefined} [validate] Função de validação customizada.
- * @param {'change' | 'blur'} [showErrorOn='blur'] Momento em que o erro deve ser exibido.
  *
- * @param {number} [maxLength] Limite máximo de caracteres permitido no input.
+ * ---
+ * ### Eventos
+ *
  * @param {(event: React.ChangeEvent<HTMLInputElement>) => void} [onChange] Callback disparado ao alterar o valor.
  * @param {(event: React.FocusEvent<HTMLInputElement>) => void} [onBlur] Callback disparado ao perder o foco.
  *
+ * ---
+ *
  * @example
  * ```tsx
- * import React from 'react';
- * import TextFieldValidate from '@/components/TextFieldValidate';
- *
  * const Example = () => {
  *   const [email, setEmail] = React.useState('');
  *
@@ -139,12 +132,14 @@ const computeError = (value, { required, requiredMessage, minLength, pattern, pa
  *       showErrorOn="blur"
  *       maxLength={120}
  *       borderRadius="6px"
+ *       textVariant="subtitle2"
  *     />
  *   );
  * };
  * ```
  */
-const TextFieldValidate = ({ id, label, background = '#fff', backgroundDisabled = "#E5E7EB", color = '#000', colorFocused = '#1976d2', colorDisabled = "#9CA3AF", borderRadius = '0', boxShadow = 'none', borderColor = '#ccc', placeholder, disabled = false, value = '', onChange, onBlur, multiline = false, rows = 3, required = false, requiredMessage = 'Campo obrigatório', minLength, pattern, patternMessage = 'Formato inválido', validate, showErrorOn = 'blur', maxLength, padding = '4px 8px' }) => {
+const TextFieldValidate = ({ id, label, background, backgroundDisabled, color, colorFocused, colorDisabled, borderRadius, boxShadow, borderColor, placeholder, disabled = false, value = '', onChange, onBlur, multiline = false, rows = 3, required = false, requiredMessage = 'campo obrigatório', minLength, pattern, patternMessage = 'formato inválido', validate, showErrorOn = 'blur', maxLength, padding, textVariant, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     const [touched, setTouched] = React.useState(false);
     const errorMessage = React.useMemo(() => {
         if (showErrorOn === 'change') {
@@ -186,7 +181,19 @@ const TextFieldValidate = ({ id, label, background = '#fff', backgroundDisabled
             onBlur(event);
         }
     };
-    return (_jsx(StyledTextField, { id: id, label: label, placeholder: placeholder, value: value, onChange: onChange, onBlur: handleBlur, background: background, backgroundDisabled: backgroundDisabled, colorText: color, colorFocused: colorFocused, colorDisabled: colorDisabled, borderRadius: borderRadius, boxShadow: boxShadow, borderColor: borderColor, padding: padding, disabled: disabled, multiline: multiline, required: required, rows: multiline ? rows : undefined, fullWidth: true, error: Boolean(errorMessage), helperText: errorMessage || ' ', slotProps: {
+    const theme = useTheme();
+    const field = (_b = (_a = theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.forms) === null || _b === void 0 ? void 0 : _b.field;
+    const bg = (_c = background !== null && background !== void 0 ? background : field === null || field === void 0 ? void 0 : field.background) !== null && _c !== void 0 ? _c : fbbackground;
+    const bgDisabled = (_d = backgroundDisabled !== null && backgroundDisabled !== void 0 ? backgroundDisabled : field === null || field === void 0 ? void 0 : field.backgroundDisabled) !== null && _d !== void 0 ? _d : fbbackgroundDisabled;
+    const txt = (_e = color !== null && color !== void 0 ? color : field === null || field === void 0 ? void 0 : field.color) !== null && _e !== void 0 ? _e : fbcolor;
+    const txtDisabled = (_f = colorDisabled !== null && colorDisabled !== void 0 ? colorDisabled : field === null || field === void 0 ? void 0 : field.colorDisabled) !== null && _f !== void 0 ? _f : fbcolorDisabled;
+    const br = (_g = borderRadius !== null && borderRadius !== void 0 ? borderRadius : field === null || field === void 0 ? void 0 : field.borderRadius) !== null && _g !== void 0 ? _g : fbborderRadius;
+    const sh = (_h = boxShadow !== null && boxShadow !== void 0 ? boxShadow : field === null || field === void 0 ? void 0 : field.boxShadow) !== null && _h !== void 0 ? _h : fbboxShadow;
+    const bd = (_j = borderColor !== null && borderColor !== void 0 ? borderColor : field === null || field === void 0 ? void 0 : field.borderColor) !== null && _j !== void 0 ? _j : fbborderColor;
+    const bdFocused = (_k = colorFocused !== null && colorFocused !== void 0 ? colorFocused : field === null || field === void 0 ? void 0 : field.colorFocused) !== null && _k !== void 0 ? _k : fbcolorFocused;
+    const pad = (_l = padding !== null && padding !== void 0 ? padding : field === null || field === void 0 ? void 0 : field.padding) !== null && _l !== void 0 ? _l : fbpadding;
+    const typo = (_o = (_m = (textVariant && theme.typography[textVariant])) !== null && _m !== void 0 ? _m : field === null || field === void 0 ? void 0 : field.typography) !== null && _o !== void 0 ? _o : theme.typography.body1;
+    return (_jsx(TextFieldStyled, { id: id, label: label, placeholder: placeholder, value: value, typo: typo, onChange: onChange, onBlur: handleBlur, background: bg, backgroundDisabled: bgDisabled, colorText: txt, colorFocused: bdFocused, colorDisabled: txtDisabled, borderRadius: br, boxShadow: sh, borderColor: bd, padding: pad, disabled: disabled, multiline: multiline, required: required, rows: multiline ? rows : undefined, fullWidth: true, error: Boolean(errorMessage), helperText: errorMessage || ' ', slotProps: {
             input: {
                 inputProps: typeof maxLength === 'number' ? { maxLength } : undefined,
             },

package/dist/components/TextFieldValidate.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldValidate.js","sourceRoot":"","sources":["../../src/components/TextFieldValidate.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextFieldValidate.js","sourceRoot":"","sources":["../../src/components/TextFieldValidate.tsx"],"names":[],"mappings":"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"}

package/dist/components/login/ClickResult.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Retorno do onClick/onSubmit do componente pai.
+ * - success: define se a ação foi bem sucedida
+ * - message: mensagem para exibir no próprio FormLogin
+ * - color: cor opcional para a mensagem (caso queira sobrescrever as cores padrão)
+ */
+export interface ClickResult {
+    success: boolean;
+    message: string;
+    color?: string;
+}

package/dist/components/login/ClickResult.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ClickResult.js.map

package/dist/components/login/ClickResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickResult.js","sourceRoot":"","sources":["../../../src/components/login/ClickResult.ts"],"names":[],"mappings":""}

package/dist/components/login/FormLogin.d.ts

@@ -3,158 +3,147 @@ import { TypographyVariant } from '@mui/material/styles';
 import { SvgIconProps } from '@mui/material';
 import { ButtonProps } from '../../types/ButtonProps';
 import { FieldProps } from '@/types/FieldProps';
-import { ColorProps } from '../../types/ColorProps';
-import { BorderProps } from '../../types/BorderProps';
-/**
- * Retorno do onClick/onSubmit do componente pai.
- * - success: define se a ação foi bem sucedida
- * - message: mensagem para exibir no próprio FormLogin
- * - color: cor opcional para a mensagem (caso queira sobrescrever as cores padrão)
- */
-export interface ClickResult {
-    success: boolean;
-    message: string;
-    color?: string;
-}
-export interface FormLoginProps extends ColorProps, BorderProps, ButtonProps, FieldProps {
+import { BorderProps, ColorProps, LayoutProps } from '@pipelinesolucoes/theme';
+import { ClickResult } from './ClickResult';
+export interface FormLoginProps extends ColorProps, BorderProps, ButtonProps, FieldProps, LayoutProps {
+    urlRecuperarConta: string;
+    urlCriarConta: string;
     Icon?: React.ElementType<SvgIconProps>;
     titulo?: () => React.ReactElement;
     googleButton: () => React.ReactElement;
-    color: string;
-    background?: string;
-    borderRadius?: string;
-    border?: string;
-    boxShadow?: string;
-    backgroundField?: string;
-    colorField?: string;
-    colorFocusedField?: string;
-    borderRadiusField?: string;
-    boxShadowField?: string;
-    borderColorField?: string;
-    paddingField?: string;
     textButton?: string;
     variantButton?: TypographyVariant;
-    backgroundButton?: string;
-    backgroundHoverButton?: string;
-    colorButton?: string;
-    colorHoverButton?: string;
-    borderRadiusButton?: string;
-    borderButton?: string;
-    boxShadowButton?: string;
-    widthButton?: string;
-    heightButton?: string;
-    paddingButton?: string;
-    marginButton?: string;
-    /** Cores padrão para mensagem (caso o pai não retorne color no ClickResult) */
-    color_message_sucess: string;
-    color_message_erro: string;
-    color_link: string;
-    color_separador: string;
-    urlRecuperarConta: string;
-    urlCriarConta: string;
+    colorLink?: string;
+    divider?: string;
     children?: React.ReactNode;
-    /**
-     * Evento disparado ao clicar no botão principal.
-     * O componente pai devolve a mensagem e o sucesso/erro.
-     */
     onClick?: (data: {
         email: string;
         password: string;
     }) => Promise<ClickResult> | ClickResult;
 }
 /**
- * Componente de formulário de login com suporte a autenticação via Google e login por email/senha.
- * Inclui validação básica de email, exibição de mensagens de erro/sucesso retornadas pelo handler `onClick`
- * e customização visual via props (container, campos, botão e links).
- *
- * @param {string} urlRecuperarConta URL para a página de recuperação de conta/senha. Obrigatório.
- * @param {string} urlCriarConta URL para a página de criação de conta. Obrigatório.
- * @param {React.ElementType<SvgIconProps>} [Icon] Ícone opcional (MUI SvgIcon) exibido no topo do formulário.
- * @param {() => React.ReactElement} [titulo] Função que retorna o conteúdo do título exibido no topo do formulário.
- * @param {() => React.ReactElement} googleButton Função que retorna o botão de login com Google. Obrigatório.
- *
- * @param {string} color Cor usada em alguns textos/containers auxiliares (ex.: wrapper dos links). Obrigatório.
- * @param {string} [background='transparent'] Cor de fundo do container principal.
- * @param {string} [borderRadius='0'] Raio da borda do container principal.
- * @param {string} [border='none'] Borda do container principal.
- * @param {string} [boxShadow='none'] Sombra do container principal.
- *
- * @param {string} [backgroundField='transparent'] Fundo dos campos (email/senha).
- * @param {string} [colorField='#000'] Cor do texto dos campos (email/senha).
- * @param {string} [colorFocusedField] Cor do estado focado do campo (se suportado pelos campos internos).
- * @param {string} [borderRadiusField='0px'] Raio da borda dos campos.
- * @param {string} [boxShadowField='none'] Sombra dos campos.
- * @param {string} [borderColorField='#ccc'] Cor da borda dos campos.
- * @param {string} [paddingField='4px 8px'] Espaçamento interno dos campos.
- *
- * @param {string} [textButton='Enviar'] Texto do botão principal.
- * @param {TypographyVariant} [variantButton='body1'] Variante do Typography usada no texto do botão.
- * @param {string} [backgroundButton='transparent'] Fundo do botão principal.
- * @param {string} [backgroundHoverButton='transparent'] Fundo do botão no hover.
- * @param {string} [colorButton='#000'] Cor do texto do botão.
- * @param {string} [colorHoverButton='#000'] Cor do texto do botão no hover.
- * @param {string} [borderRadiusButton='0'] Raio da borda do botão.
- * @param {string} [borderButton='none'] Borda do botão.
- * @param {string} [boxShadowButton='none'] Sombra do botão.
- * @param {string} [widthButton='auto'] Largura do botão.
- * @param {string} [heightButton='auto'] Altura do botão.
- * @param {string} [paddingButton='4px 24px'] Padding do botão.
- * @param {string} [marginButton='0'] Margem do botão.
+ * Componente de formulário de login completo, com suporte a:
+ * autenticação por email/senha, botão de login social (ex: Google),
+ * validação básica de campos, exibição de mensagens de sucesso/erro
+ * e customização visual via props ou tema.
+ *
+ * @param {string} urlRecuperarConta URL para a página de recuperação de senha.
+ *
+ * @param {string} urlCriarConta URL para a página de criação de conta.
  *
- * @param {string} color_message_sucess Cor padrão para mensagem de sucesso (caso `onClick` não retorne `color`). Obrigatório.
- * @param {string} color_message_erro Cor padrão para mensagem de erro (caso `onClick` não retorne `color`). Obrigatório.
- * @param {string} color_link Cor aplicada nos links "Esqueceu sua senha?" e "Criar conta". Obrigatório.
- * @param {string} color_separador Cor da linha separadora (Divider). Obrigatório.
+ * @param {React.ElementType<SvgIconProps>} [Icon] Ícone exibido no topo do formulário.
+ *
+ * @param {() => React.ReactElement} [titulo] Função que retorna o título do formulário.
+ *
+ * @param {() => React.ReactElement} googleButton Função que renderiza o botão de login social.
+ *
+ * @param {string} [textButton='Enviar'] Texto exibido no botão principal de submit.
+ * @param {TypographyVariant} [variantButton='body1'] Variante tipográfica usada nos textos do botão e links.
  *
  * @param {(data: { email: string; password: string }) => Promise<ClickResult> | ClickResult} [onClick]
- * Handler chamado ao submeter o formulário. Recebe `{ email, password }` e deve retornar um `ClickResult`.
- * - Se `success` for `true`, exibe `message` com `color_message_sucess` (ou `result.color` se fornecida)
- * - Se `success` for `false`, exibe `message` com `color_message_erro` (ou `result.color` se fornecida)
- * Se não for informado, o componente exibirá a mensagem: "Nenhuma ação foi configurada para o botão.".
+ * Callback executado ao submeter o formulário. Deve retornar um objeto com sucesso, mensagem e cor opcional.
+ *
+ * @param {React.ReactNode} [children] Conteúdo adicional renderizado abaixo do formulário.
+ *
+ * @param {string} [colorLink] Cor dos links de ação (criar conta / recuperar senha).
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
+ *
+ * @param {string} [divider] Cor do divisor visual entre login social e formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
+ *
+ * @param {string} [background] Cor de fundo do container principal do formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
+ *
+ * @param {string | number} [borderRadius] Raio da borda do container principal do formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
+ *
+ * @param {string} [border] Borda do container principal do formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
+ *
+ * @param {string} [boxShadow] Sombra do container principal do formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
+ *
+ * @param {string} [maxWidth] Largura Máxima do container principal do formulário.
+ *
+ * @param {string} [backgroundField] Cor de fundo dos campos de formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [colorField] Cor do texto dos campos de formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string | number} [borderRadiusField] Raio da borda dos campos de formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [boxShadowField] Sombra aplicada aos campos de formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [borderColorField] Cor da borda dos campos de formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string | number} [paddingField] Espaçamento interno dos campos de formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string | number} [marginField] Margem externa dos campos de formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [textButton='Enviar'] Texto exibido no botão principal do formulário.
+ *
+ * @param {TypographyVariant} [variantButton='body1'] Variante tipográfica utilizada no texto do botão e links.
+ *
+ * @param {string} [backgroundButton] Cor de fundo do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [backgroundHoverButton] Cor de fundo do botão ao passar o mouse.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [colorButton] Cor do texto do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [colorHoverButton] Cor do texto do botão ao passar o mouse.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [borderRadiusButton] Raio da borda do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [borderButton='none'] Borda do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [boxShadowButton] Sombra aplicada ao botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [widthButton='auto'] Largura do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [heightButton='auto'] Altura do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
  *
- * @param {React.ReactNode} [children] Conteúdo extra renderizado ao final do container (abaixo da mensagem).
+ * @param {string | number} [paddingButton] Espaçamento interno do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
  *
+ * @param {string | number} [marginButton='0'] Margem externa do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+
+
  * @example
  * ```tsx
- * import FormLogin from '@/components/FormLogin';
- * import LockOutlinedIcon from '@mui/icons-material/LockOutlined';
- * import { Button } from '@mui/material';
+ * import { FormLogin } from '@/components/FormLogin';
+ * import GoogleIcon from '@mui/icons-material/Google';
  *
- * export default function Example() {
+ * const Example = () => {
  *   return (
  *     <FormLogin
- *       urlRecuperarConta="/recuperar"
- *       urlCriarConta="/cadastro"
- *       Icon={LockOutlinedIcon}
- *       titulo={() => <h2>Entrar</h2>}
- *       googleButton={() => <Button variant="outlined">Continuar com Google</Button>}
- *       color="#111"
- *       background="#fff"
- *       borderRadius="12px"
- *       boxShadow="0 10px 30px rgba(0,0,0,0.08)"
- *       backgroundField="#fafafa"
- *       borderColorField="#e0e0e0"
- *       paddingField="10px 12px"
- *       textButton="Acessar"
- *       backgroundButton="#111"
- *       backgroundHoverButton="#000"
- *       colorButton="#fff"
- *       colorHoverButton="#fff"
- *       borderRadiusButton="10px"
- *       paddingButton="10px 16px"
- *       color_message_sucess="#1b5e20"
- *       color_message_erro="#b71c1c"
- *       color_link="#1976d2"
- *       color_separador="#e0e0e0"
+ *       urlCriarConta="/criar-conta"
+ *       urlRecuperarConta="/recuperar-senha"
+ *       googleButton={() => <button>Entrar com Google</button>}
  *       onClick={async ({ email, password }) => {
- *         if (email === 'teste@exemplo.com' && password === '123') {
+ *         if (email === 'teste@teste.com' && password === '123') {
  *           return { success: true, message: 'Login realizado com sucesso!' };
  *         }
- *         return { success: false, message: 'Email ou senha inválidos.' };
+ *         return { success: false, message: 'Credenciais inválidas.' };
  *       }}
  *     />
  *   );
- * }
+ * };
  * ```
  */
 declare const FormLogin: React.FC<FormLoginProps>;