@pipelinesolucoes/form 1.0.0-beta.7 → 1.2.0-beta.10

package/dist/types/FieldProps.d.ts

@@ -1,9 +1,13 @@
 export interface FieldProps {
     backgroundField?: string;
     colorField?: string;
+    backgroundDisabledField?: string;
+    colorDisabledField?: string;
+    backgroundFocusedField?: string;
     colorFocusedField?: string;
     borderRadiusField?: string;
     boxShadowField?: string;
     borderColorField?: string;
     paddingField?: string;
+    marginField?: string;
 }

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@pipelinesolucoes/form",
-  "version": "1.0.0-beta.7",
+  "version": "1.2.0-beta.10",
+  "license": "UNLICENSED",
   "repository": {
     "type": "git",
     "url": "https://github.com/pipeline-solucoes/form.git"
@@ -31,11 +32,14 @@
     }
   },
   "scripts": {
-    "build": "tsc && node scripts/copy-theme-dts.cjs",
+    "build": "tsc",
     "lint": "eslint .",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "release-theme-beta": "npm uninstall @pipelinesolucoes/theme && npm install @pipelinesolucoes/theme@beta",
+    "release-theme": "npm uninstall @pipelinesolucoes/theme && npm install @pipelinesolucoes/theme"
   },
   "dependencies": {
+    "@pipelinesolucoes/theme": "^1.0.7-beta.1",
     "react-google-recaptcha": "^3.1.0"
   },
   "peerDependencies": {
@@ -60,8 +64,8 @@
     "@types/react-google-recaptcha": "^2.1.9",
     "@types/react-input-mask": "^3.0.6",
     "eslint": "^9",
-    "eslint-config-next": "15.1.6",    
-    "next": "^16.0.7",   
+    "eslint-config-next": "15.1.6",
+    "next": "^16.0.7",
     "typescript": "^5"
   }
 }

package/dist/components/ButtonFormStyled.d.ts

@@ -1,2 +0,0 @@
-import { ButtonProps } from "../types/ButtonProps";
-export declare const ButtonFormStyled: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "variant" | "classes" | "className" | "style" | "children" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "loading" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ButtonProps, {}, {}>;

package/dist/components/ButtonFormStyled.js

@@ -1,22 +0,0 @@
-import { BUTTON_STYLE_FORWARD_PROPS } from "../types/ButtonProps";
-import { Button, styled } from "@mui/material";
-export const ButtonFormStyled = styled(Button, {
-    shouldForwardProp: (prop) => !BUTTON_STYLE_FORWARD_PROPS.includes(prop),
-})(({ backgroundButton, backgroundHoverButton, colorButton, colorHoverButton, borderRadiusButton, borderButton, boxShadowButton, widthButton, heightButton, paddingButton, marginButton, }) => ({
-    color: colorButton,
-    background: backgroundButton,
-    borderRadius: borderRadiusButton,
-    textTransform: "none",
-    cursor: "pointer",
-    padding: paddingButton,
-    boxShadow: boxShadowButton,
-    width: widthButton,
-    height: heightButton,
-    border: borderButton,
-    margin: marginButton,
-    "&:hover": {
-        background: backgroundHoverButton,
-        color: colorHoverButton,
-    },
-}));
-//# sourceMappingURL=ButtonFormStyled.js.map

package/dist/components/ButtonFormStyled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonFormStyled.js","sourceRoot":"","sources":["../../src/components/ButtonFormStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE;IAC3C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,0BAA0B,CAAC,QAAQ,CAAC,IAAyB,CAAC;CAC/F,CAAC,CACA,CAAC,EACC,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,GACb,EAAE,EAAE,CAAC,CAAC;IACL,KAAK,EAAE,WAAW;IAClB,UAAU,EAAE,gBAAgB;IAC5B,YAAY,EAAE,kBAAkB;IAChC,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,SAAS;IAEjB,OAAO,EAAE,aAAa;IACtB,SAAS,EAAE,eAAe;IAC1B,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,YAAY;IACpB,MAAM,EAAE,YAAY;IACpB,MAAM,EAAE,YAAY;IAEpB,SAAS,EAAE;QACT,UAAU,EAAE,qBAAqB;QACjC,KAAK,EAAE,gBAAgB;KACxB;CACF,CAAC,CACH,CAAC"}

package/dist/components/FormStyled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormStyled.js","sourceRoot":"","sources":["../../src/components/FormStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAUhD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE;IAC/C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,kBAAkB,EAAE,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7G,CAAC,CAAuB,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAE3H,uBAAuB,EAAE;QACvB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAAE,oCAAoC;KACnF;IACD,oCAAoC,EAAE;QACpC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAAE,2CAA2C;KAC1F;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,gBAAgB;QACjC,YAAY,EAAE,aAAa;QAC3B,KAAK,EAAE,UAAU;KAClB;IACD,oCAAoC,EAAE;QACpC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EAAE,oCAAoC;KAC5F;IAED,KAAK,EAAE,KAAK;CACb,CAAC,CAAC,CAAC;AAUJ,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,SAAS,EAAE;IACxD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,kBAAkB,EAAE,YAAY,EAAE,kBAAkB,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpG,CAAC,CAAgC,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAExH,uBAAuB,EAAE;QACrB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAAE,oCAAoC;KACnF;IACD,oCAAoC,EAAE;QACpC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAAE,2CAA2C;KAC1F;IACD,sBAAsB,EAAE;QACtB,UAAU,EAAE,iBAAiB;QAC7B,UAAU,EAAE,YAAY;QACxB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,MAAM;QACjB,MAAM,EAAE,OAAO;QACf,eAAe,EAAE,gBAAgB;QACjC,YAAY,EAAE,aAAa;QAC3B,KAAK,EAAE,UAAU;KAClB;IACD,oCAAoC,EAAE;QACpC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EAAE,oCAAoC;KAC5F;CACF,CAAC,CAAC,CAAC;AAaJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE;IAC7C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,YAAY;QACnD,eAAe,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACxE,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAClD,aAAa,EAAE,YAAY,GAAC,aAAa,EAAE,MAAM,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAElE,KAAK,EAAE,UAAU;IACjB,eAAe,EAAE,gBAAgB;IACjC,YAAY,EAAE,aAAa;IAC3B,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,CAAC,YAAY,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,YAAY,EAAE,CAAC;IAC9E,MAAM,EAAE,MAAM;IAEd,yBAAyB;IACzB,SAAS,EAAE;QACT,eAAe,EAAE,gBAAgB;QACjC,OAAO,EAAE,GAAG;KACb;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE;IAC3C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACrF,CAAC,CACD,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC,EAAE,SAAS,EAAC,EAAE,EAAE,CAAC,CAAC;IAEhE,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,MAAM;IACd,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC,CAAC"}

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

@@ -1,161 +0,0 @@
-import React from 'react';
-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 LoginForm
- * - color: cor opcional para a mensagem (caso queira sobrescrever as cores padrão)
- */
-export interface ClickResult {
-    success: boolean;
-    message: string;
-    color?: string;
-}
-export interface LoginFormProps extends ColorProps, BorderProps, ButtonProps, FieldProps {
-    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;
-    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.
- *
- * @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 {(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.".
- *
- * @param {React.ReactNode} [children] Conteúdo extra renderizado ao final do container (abaixo da mensagem).
- *
- * @example
- * ```tsx
- * import LoginForm from '@/components/LoginForm';
- * import LockOutlinedIcon from '@mui/icons-material/LockOutlined';
- * import { Button } from '@mui/material';
- *
- * export default function Example() {
- *   return (
- *     <LoginForm
- *       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"
- *       onClick={async ({ email, password }) => {
- *         if (email === 'teste@exemplo.com' && password === '123') {
- *           return { success: true, message: 'Login realizado com sucesso!' };
- *         }
- *         return { success: false, message: 'Email ou senha inválidos.' };
- *       }}
- *     />
- *   );
- * }
- * ```
- */
-declare const LoginForm: React.FC<LoginFormProps>;
-export default LoginForm;

package/dist/components/login/LoginForm.js

@@ -1,198 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Divider, Typography } from '@mui/material';
-import { LinkFormStyled } from '../FormStyled';
-import { ButtonFormStyled } from '../ButtonFormStyled';
-import { validateEmailMessage } from '../../utils/validateEmail';
-import TextFieldValidate from '../TextFieldValidate';
-import TextFieldPassword from '../TextFieldPassword';
-const FormContainer = styled('div')(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '16px',
-    width: '100%',
-    margin: 'auto',
-    padding: '0px',
-}));
-const DivPassword = styled('div')(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '8px',
-    width: '100%',
-    margin: '0',
-    padding: '0',
-}));
-const DivTitulo = styled('div')(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '8px',
-    width: '100%',
-    margin: '0',
-    padding: '0',
-    alignItems: 'center',
-    justifyContent: 'center',
-}));
-const DivLink = styled('div', {
-    shouldForwardProp: (prop) => !['text_color', 'align'].includes(prop),
-})(({ text_color, align }) => ({
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: align,
-    width: '100%',
-    padding: '0',
-    flex: '1',
-    color: text_color,
-}));
-/**
- * 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.
- *
- * @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 {(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.".
- *
- * @param {React.ReactNode} [children] Conteúdo extra renderizado ao final do container (abaixo da mensagem).
- *
- * @example
- * ```tsx
- * import LoginForm from '@/components/LoginForm';
- * import LockOutlinedIcon from '@mui/icons-material/LockOutlined';
- * import { Button } from '@mui/material';
- *
- * export default function Example() {
- *   return (
- *     <LoginForm
- *       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"
- *       onClick={async ({ email, password }) => {
- *         if (email === 'teste@exemplo.com' && password === '123') {
- *           return { success: true, message: 'Login realizado com sucesso!' };
- *         }
- *         return { success: false, message: 'Email ou senha inválidos.' };
- *       }}
- *     />
- *   );
- * }
- * ```
- */
-const LoginForm = ({ urlRecuperarConta, urlCriarConta, Icon, titulo, googleButton, color, background = 'transparent', borderRadius = '0', border = 'none', boxShadow = 'none', backgroundField = 'transparent', colorField = '#000', borderRadiusField = '0px', boxShadowField = 'none', borderColorField = '#ccc', paddingField = '4px 8px', textButton = 'Enviar', variantButton = 'body1', backgroundButton = 'transparent', backgroundHoverButton = 'transparent', colorButton = '#000', colorHoverButton = '#000', borderRadiusButton = '0', borderButton = 'none', boxShadowButton = 'none', widthButton = 'auto', heightButton = 'auto', paddingButton = '4px 24px', marginButton = '0', color_message_sucess, color_message_erro, color_link, color_separador, onClick, children, }) => {
-    const [mensagemApi, setMensagemApi] = useState('');
-    const [corMensagemApi, setCorMensagemApi] = useState(color_message_erro);
-    const [email, setEmail] = useState('');
-    const [password, setPassword] = useState('');
-    const [errors, setErrors] = useState({});
-    const [isLoading, setIsLoading] = useState(false);
-    const validateEmail = (value) => /\S+@\S+\.\S+/.test(value);
-    const handleClick = async (e) => {
-        var _a, _b, _c;
-        e.preventDefault();
-        // validação local básica (mantém o comportamento atual)
-        const newErrors = {
-            email: !validateEmail(email),
-        };
-        setErrors(newErrors);
-        const hasErrors = Object.values(newErrors).some(Boolean);
-        if (hasErrors) {
-            setCorMensagemApi(color_message_erro);
-            setMensagemApi('Alguns dos dados fornecidos estão inválidos. Por favor, revise as informações preenchidas e corrija os campos destacados.');
-            return;
-        }
-        setIsLoading(true);
-        setMensagemApi('');
-        try {
-            if (!onClick) {
-                // Se o pai não passou handler, mantém feedback amigável
-                setCorMensagemApi(color_message_erro);
-                setMensagemApi('Nenhuma ação foi configurada para o botão.');
-                return;
-            }
-            const result = await onClick({ email, password });
-            if (result === null || result === void 0 ? void 0 : result.success) {
-                setCorMensagemApi((_a = result.color) !== null && _a !== void 0 ? _a : color_message_sucess);
-                setMensagemApi(result.message);
-            }
-            else {
-                setCorMensagemApi((_b = result.color) !== null && _b !== void 0 ? _b : color_message_erro);
-                setMensagemApi((_c = result === null || result === void 0 ? void 0 : result.message) !== null && _c !== void 0 ? _c : 'Falha ao realizar a operação.');
-            }
-        }
-        catch (err) {
-            setCorMensagemApi(color_message_erro);
-            setMensagemApi('Erro inesperado ao processar a solicitação.');
-        }
-        finally {
-            setIsLoading(false);
-        }
-    };
-    return (_jsxs(Box, { display: "flex", flexDirection: "column", justifyContent: "center", gap: "24px", flex: 1, sx: { padding: '24px', borderRadius: borderRadius,
-            background: background, border: border,
-            boxShadow: boxShadow }, children: [(Icon || titulo) && (_jsxs(DivTitulo, { children: [Icon && _jsx(Icon, {}), titulo && titulo()] })), _jsxs(FormContainer, { children: [googleButton && googleButton(), _jsx(Divider, { sx: { borderColor: color_separador }, children: "ou" }), _jsx(TextFieldValidate, { id: "email", label: "Email", placeholder: "Email", background: backgroundField, color: colorField, borderRadius: borderRadiusField, borderColor: borderColorField, boxShadow: boxShadowField, padding: paddingField, value: email, onChange: (e) => setEmail(e.target.value), required: true, requiredMessage: "Campo obrigat\u00F3rio", validate: validateEmailMessage, showErrorOn: "blur" }), _jsxs(DivPassword, { children: [_jsx(TextFieldPassword, { id: "password", label: "Senha", placeholder: "Senha", required: true, background: backgroundField, color: colorField, borderRadius: borderRadiusField, borderColor: borderColorField, boxShadow: boxShadowField, padding: paddingField, value: password, onPasswordChange: (p) => setPassword(p) }), _jsx(DivLink, { text_color: color, align: "flex-start", children: _jsx(LinkFormStyled, { href: urlRecuperarConta, width: "auto", height: "auto", text_color: color_link, font_size: "0.8rem", children: "Esqueceu sua senha?" }) })] }), _jsx(ButtonFormStyled, { backgroundButton: backgroundButton, backgroundHoverButton: backgroundHoverButton, colorButton: colorButton, colorHoverButton: colorHoverButton, borderRadiusButton: borderRadiusButton, borderButton: borderButton, boxShadowButton: boxShadowButton, widthButton: widthButton, heightButton: heightButton, paddingButton: paddingButton, marginButton: marginButton, disabled: isLoading, onClick: handleClick, children: isLoading ? ('Enviando...') : (_jsx(Typography, { variant: variantButton, component: "span", children: textButton })) }), _jsx(DivLink, { text_color: color, align: "center", children: _jsx(LinkFormStyled, { href: urlCriarConta, width: "auto", height: "100%", text_color: color_link, margin: "0", children: "Criar conta" }) })] }), mensagemApi && (_jsx(Typography, { variant: "body2", sx: { color: corMensagemApi }, children: mensagemApi })), children] }));
-};
-export default LoginForm;
-//# sourceMappingURL=LoginForm.js.map

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

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

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

@@ -1,142 +0,0 @@
-import React from 'react';
-import { TypographyVariant } from '@mui/material/styles';
-import { SvgIconProps } from '@mui/material';
-import { ButtonProps } from '../../types/ButtonProps';
-import { ColorProps } from '../../types/ColorProps';
-import { BorderProps } from '../../types/BorderProps';
-import { FieldProps } from '../../types/FieldProps';
-interface RecuperarSenhaSubmitResult {
-    success: boolean;
-    message: string;
-}
-interface PasswordRecoveryFormProps extends ButtonProps, ColorProps, BorderProps, FieldProps {
-    Icon?: React.ElementType<SvgIconProps>;
-    titulo?: () => React.ReactElement;
-    subTitulo?: () => React.ReactElement;
-    background?: string;
-    borderRadius?: 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;
-    color_message_sucess: string;
-    color_message_erro: string;
-    /**
-     * Callback assíncrono obrigatório: deve retornar sempre { success, message }.
-     * A mensagem exibida no componente virá SEMPRE daqui.
-     */
-    onSubmit: (email: string) => Promise<RecuperarSenhaSubmitResult>;
-    /**
-     * Callback opcional com o resultado final do submit.
-     */
-    onResult?: (success: boolean) => void;
-    children?: React.ReactNode;
-}
-/**
- * Componente de formulário para recuperação de senha via e-mail.
- * Faz a validação do e-mail, dispara um `onSubmit` assíncrono (obrigatório) e exibe a mensagem retornada.
- *
- * @param {React.ElementType<SvgIconProps>} [Icon] Ícone do Material UI exibido no topo do formulário.
- * @param {() => React.ReactElement} [titulo] Função que renderiza o título (ex.: <Typography />).
- * @param {() => React.ReactElement} [subTitulo] Função que renderiza o subtítulo (ex.: <Typography />).
- *
- * @param {string} [background='transparent'] Cor/estilo de fundo do container externo.
- * @param {string} [borderRadius='0px'] Borda arredondada do container externo.
- *
- * @param {string} [backgroundField='transparent'] Cor/estilo de fundo do campo de e-mail.
- * @param {string} [colorField='#000'] Cor do texto do campo de e-mail.
- * @param {string} [borderRadiusField='0px'] Borda arredondada do campo de e-mail.
- * @param {string} [boxShadowField='none'] Sombra do campo de e-mail.
- * @param {string} [borderColorField='#ccc'] Cor da borda do campo de e-mail.
- * @param {string} [paddingField='4px 8px'] Espaçamento interno do campo de e-mail.
- *
- * @param {string} [textButton='Enviar'] Texto exibido no botão quando não está carregando.
- * @param {TypographyVariant} [variantButton='body1'] Variant do Typography usado dentro do botão.
- * @param {string} [backgroundButton='transparent'] Cor/estilo de fundo do botão.
- * @param {string} [backgroundHoverButton='transparent'] Cor/estilo de 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'] Borda arredondada 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'] Espaçamento interno do botão.
- * @param {string} [marginButton='0'] Margem externa do botão.
- *
- * @param {string} color_message_sucess Cor aplicada na mensagem quando o submit retorna sucesso.
- * @param {string} color_message_erro Cor aplicada na mensagem quando o submit retorna erro ou validação falha.
- *
- * @param {(email: string) => Promise<{ success: boolean; message: string }>} onSubmit
- * Callback assíncrono obrigatório chamado após validação do e-mail. Deve retornar `{ success, message }`.
- *
- * @param {(success: boolean) => void} [onResult]
- * Callback opcional disparado com o resultado final (true/false) após o submit (ou validação falhar).
- *
- * @param {React.ReactNode} [children] Conteúdo extra renderizado abaixo do formulário (ex.: links, textos auxiliares).
- *
- * @example
- * ```tsx
- * import RecuperarSenhaForm from '@/components/RecuperarSenhaForm';
- * import { Typography } from '@mui/material';
- *
- * const Page = () => {
- *   return (
- *     <RecuperarSenhaForm
- *       titulo={() => <Typography variant="h5">Recuperar senha</Typography>}
- *       subTitulo={() => <Typography variant="body2">Digite seu e-mail para receber o link.</Typography>}
- *       background="#fff"
- *       borderRadius="12px"
- *       backgroundField="#fafafa"
- *       borderRadiusField="8px"
- *       borderColorField="#e0e0e0"
- *       paddingField="10px 12px"
- *       textButton="Enviar link"
- *       variantButton="button"
- *       backgroundButton="#1976d2"
- *       backgroundHoverButton="#1565c0"
- *       colorButton="#fff"
- *       colorHoverButton="#fff"
- *       borderRadiusButton="10px"
- *       widthButton="100%"
- *       color_message_sucess="green"
- *       color_message_erro="red"
- *       onSubmit={async (email) => {
- *         const response = await fetch('/api/recover', {
- *           method: 'POST',
- *           headers: { 'Content-Type': 'application/json' },
- *           body: JSON.stringify({ email }),
- *         });
- *
- *         if (!response.ok) {
- *           return { success: false, message: 'Falha ao enviar o e-mail. Tente novamente.' };
- *         }
- *
- *         return { success: true, message: 'Se o e-mail existir, enviaremos um link de recuperação.' };
- *       }}
- *       onResult={(success) => console.log('Resultado:', success)}
- *     >
- *       <Typography variant="caption">Verifique também sua caixa de spam.</Typography>
- *     </RecuperarSenhaForm>
- *   );
- * };
- * ```
- */
-declare const PasswordRecoveryForm: React.FC<PasswordRecoveryFormProps>;
-export default PasswordRecoveryForm;