@pipelinesolucoes/form 1.0.0-beta.0

package/dist/components/SignUpForm.js

@@ -0,0 +1,149 @@
+'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, IconButton, InputAdornment, Typography } from '@mui/material';
+import { ButtonFormStyled, LinkFormStyled, TextFieldStyled } from './FormStyled';
+import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
+import VisibilityIcon from '@mui/icons-material/Visibility';
+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),
+})(({ theme, text_color, align }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: align,
+        width: '100%',
+        padding: '0',
+        flex: '1',
+        color: text_color,
+        // Tipografia
+        fontFamily: theme.typography.fontFamily,
+        fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
+        fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
+        lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
+        letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
+        fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
+        margin: (_f = theme.typography.body1) === null || _f === void 0 ? void 0 : _f.margin,
+    });
+});
+const SignUpForm = ({ Icon, titulo, googleButton, color, background = 'transparent', border_radius = '0px', background_color_field = 'transparent', border_radius_field = '0px', color_button, background_color_button = 'transparent', border_radius_button = '0px', text_button, message_sucess, color_message_sucess, message_erro, color_message_erro, color_separador, children, urlLogin, color_link, }) => {
+    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 [showPassword, setShowPassword] = useState(false);
+    const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+    const [confirmPassword, setConfirmPassword] = useState('');
+    const validateEmail = (email) => /\S+@\S+\.\S+/.test(email);
+    const handleBlur = (field) => {
+        switch (field) {
+            case 'email':
+                setErrors((prevErrors) => (Object.assign(Object.assign({}, prevErrors), { email: !validateEmail(email) })));
+                break;
+            case 'password':
+                setErrors((prevErrors) => (Object.assign(Object.assign({}, prevErrors), { password: !password.trim() })));
+                break;
+            case 'confirmPassword':
+                setErrors((prevErrors) => (Object.assign(Object.assign({}, prevErrors), { confirmPassword: confirmPassword !== password })));
+                break;
+            default:
+                break;
+        }
+    };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        // Validação dos campos
+        const newErrors = {
+            email: !validateEmail(email),
+            password: !password.trim(),
+            confirmPassword: confirmPassword !== password,
+        };
+        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 {
+        const formData = new FormData();
+        formData.append('email', email);
+        formData.append('password', password);
+        // const response = await fetch('https://backend-sites-pipelinesolucoes.onrender.com/send-email-gmail', {
+        //   method: 'POST',
+        //   headers: {
+        //     Authorization: `Bearer ${token_bearer}`,
+        //   },
+        //   body: formData,
+        // });
+        // if (response.status === 200) {
+        //setCorMensagemApi(color_message_sucess);
+        //setMensagemApi(message_sucess);        
+        setEmail('');
+        setPassword('');
+        //  setErrors({});
+        // } else {
+        //   setCorMensagemApi(color_message_erro);
+        //   setMensagemApi(
+        //     message_erro ??
+        //       `Houve um problema ao enviar sua mensagem. Por favor, verifique sua conexão e tente novamente mais tarde.`
+        //   );
+        //   console.error('Erro ao enviar dados:', response.statusText);
+        // }
+        // } catch (error) {
+        //   setCorMensagemApi(color_message_erro);
+        //   setMensagemApi(
+        //     message_erro ??
+        //       `Houve um problema ao enviar sua mensagem. Por favor, verifique sua conexão e tente novamente mais tarde.`
+        //   );
+        //   console.error('Erro na solicitação:', error);
+        // } finally {
+        //   setIsLoading(false);
+        // }
+    };
+    return (_jsxs(Box, { display: "flex", flexDirection: 'column', justifyContent: "center", gap: "24px", flex: 1, sx: { padding: "24px", borderRadius: border_radius, background: background }, 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(TextFieldStyled, { id: "email", label: "Email", placeholder: "Email", value: email, onChange: (e) => setEmail(e.target.value), onBlur: () => handleBlur('email'), error: errors.email, helperText: errors.email && _jsx("span", { style: { color: color_message_erro }, children: "Email inv\u00E1lido" }), required: true, background_color: background_color_field, text_color: color, text_color_error: color_message_erro, border_radius: border_radius_field }), _jsxs(DivPassword, { children: [_jsx(TextFieldStyled, { id: "password", label: "Senha", type: showPassword ? 'text' : 'password', value: password, onChange: (e) => setPassword(e.target.value), onBlur: () => handleBlur('password'), error: errors.password, helperText: errors.password && (_jsx("span", { style: { color: color_message_erro }, children: "Senha inv\u00E1lida" })), required: true, background_color: background_color_field, text_color: color, text_color_error: color_message_erro, border_radius: border_radius_field, slotProps: {
+                                    input: {
+                                        endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { onClick: () => setShowPassword((prev) => !prev), edge: "end", children: showPassword ? _jsx(VisibilityOffIcon, {}) : _jsx(VisibilityIcon, {}) }) })),
+                                    },
+                                } }), _jsx(TextFieldStyled, { id: "passwordconfirmada", label: "Confirmar Senha", type: showConfirmPassword ? 'text' : 'password', value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value), onBlur: () => handleBlur('confirmPassword'), error: errors.confirmPassword, helperText: errors.confirmPassword && (_jsx("span", { style: { color: color_message_erro }, children: "As senhas n\u00E3o coincidem" })), required: true, background_color: background_color_field, text_color: color, text_color_error: color_message_erro, border_radius: border_radius_field, slotProps: {
+                                    input: {
+                                        endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { onClick: () => setShowConfirmPassword((prev) => !prev), edge: "end", children: showConfirmPassword ? _jsx(VisibilityOffIcon, {}) : _jsx(VisibilityIcon, {}) }) })),
+                                    },
+                                } })] }), _jsx(ButtonFormStyled, { width: "100%", height: "100%", onClick: handleSubmit, background_color: background_color_button, text_color: color_button, border_radius: border_radius_button, disabled: isLoading, margin: '16px 0 0 0', children: isLoading ? 'Enviando...' : text_button }), mensagemApi && (_jsx(Typography, { variant: "body1", component: "span", color: corMensagemApi, children: mensagemApi })), _jsxs(DivLink, { text_color: color, align: "center", children: ["J\u00E1 tem uma conta?", _jsx(LinkFormStyled, { href: urlLogin, width: "auto", height: "100%", text_color: color_link, margin: '0 0 0 8px', children: "Entrar" })] })] }), children] }));
+};
+export default SignUpForm;
+//# sourceMappingURL=SignUpForm.js.map

package/dist/components/SignUpForm.js.map

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

package/dist/components/TextFieldValidate.d.ts

@@ -0,0 +1,108 @@
+import React from 'react';
+interface TextFieldValidateProps {
+    id?: string;
+    label?: string;
+    background?: string;
+    colorText?: string;
+    borderRadius?: string;
+    boxShadow?: string;
+    borderColor?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    value?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    multiline?: boolean;
+    rows?: number;
+    required?: boolean;
+    requiredMessage?: string;
+    minLength?: number;
+    pattern?: RegExp | string;
+    patternMessage?: string;
+    validate?: (value: string) => string | null | undefined;
+    showErrorOn?: 'change' | 'blur';
+    maxLength?: number;
+}
+/**
+ * TextFieldValidate Component
+ *
+ * Um campo de texto personalizável baseado no Material UI (MUI 6+), com suporte a:
+ * - Estilização via `styled` (background, cor do texto, bordas, sombra).
+ * - Estados e acessibilidade do MUI (`label`, `disabled`, `helperText`, `error`).
+ * - Modo multilinha (`multiline`, `rows`).
+ * - Validações simples (obrigatório, tamanho mínimo, `pattern`) e validação customizada (`validate`).
+ * - Controle de exibição de erro durante a digitação ou após perder o foco (`showErrorOn`).
+ * - Limite máximo de caracteres via `maxLength` (aplicado ao input).
+ * - Suporte a um `onBlur` externo para lógicas adicionais (ex: busca de CEP).
+ *
+ * ### Parâmetros (props)
+ * - `id?: string` — Id do campo (passado para o DOM/MUI). **Default:** `undefined`
+ * - `label?: string` — Rótulo exibido acima do campo (Label do MUI). **Default:** `undefined`
+ * - `background?: string` — Cor de fundo do campo. **Default:** `"#fff"`
+ * - `colorText?: string` — Cor do texto. **Default:** `"#000"`
+ * - `borderRadius?: string` — Raio de borda. **Default:** `"6px"`
+ * - `boxShadow?: string` — Sombra do campo. **Default:** `"none"`
+ * - `borderColor?: string` — Cor da borda do campo (estado base e hover). **Default:** `"#ccc"`
+ * - `placeholder?: string` — Placeholder exibido quando o campo está vazio. **Default:** `""`
+ * - `disabled?: boolean` — Desabilita o campo (estado disabled). **Default:** `false`
+ * - `value?: string` — Valor atual do campo (controlado). **Default:** `""`
+ * - `onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void` — Função chamada ao alterar o valor. **Default:** `undefined`
+ * - `onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void` — Função chamada ao perder o foco, após a lógica interna marcar o campo como “tocado”. **Default:** `undefined`
+ *
+ * **Multiline**
+ * - `multiline?: boolean` — Define se o campo é multilinha. **Default:** `false`
+ * - `rows?: number` — Número de linhas quando `multiline` está ativo. **Default:** `3`
+ *
+ * **Validação**
+ * - `required?: boolean` — Indica se o preenchimento é obrigatório. **Default:** `false`
+ * - `requiredMessage?: string` — Mensagem quando obrigatório não atendido. **Default:** `"Campo obrigatório"`
+ * - `minLength?: number` — Tamanho mínimo (caracteres). **Default:** `undefined`
+ * - `pattern?: RegExp | string` — Expressão regular para validar o formato. **Default:** `undefined`
+ * - `patternMessage?: string` — Mensagem quando o `pattern` não é atendido. **Default:** `"Formato inválido"`
+ * - `validate?: (value: string) => string | null | undefined` — Validação customizada; retorne string com a mensagem de erro, ou `null/undefined` se válido. **Default:** `undefined`
+ * - `showErrorOn?: 'change' | 'blur'` — Quando exibir erros: durante a digitação (`"change"`) ou ao perder o foco (`"blur"`). **Default:** `"blur"`
+ *
+ * **Outros**
+ * - `maxLength?: number` — Limite máximo de caracteres permitido (não valida; apenas limita o input). **Default:** `undefined`
+ *
+ * ### Exemplo (uso com CEP e onBlur)
+ * ```tsx
+ * import React from 'react';
+ * import TextFieldValidate from './TextFieldValidate';
+ *
+ * const CepExample: React.FC = () => {
+ *   const [cep, setCep] = React.useState('');
+ *
+ *   const handleCepBlur = async (event: React.FocusEvent<HTMLInputElement>) => {
+ *     const raw = event.target.value || '';
+ *     const onlyDigits = raw.replace(/\D/g, '');
+ *
+ *     if (onlyDigits.length === 8) {
+ *       // Exemplo de chamada de API (ViaCEP)
+ *       // const response = await fetch(`https://viacep.com.br/ws/${onlyDigits}/json/`);
+ *       // const data = await response.json();
+ *       // ...preencher outros campos do formulário...
+ *       console.log('CEP para buscar:', onlyDigits);
+ *     }
+ *   };
+ *
+ *   return (
+ *     <TextFieldValidate
+ *       id="cep-input"
+ *       label="CEP"
+ *       placeholder="Digite o CEP"
+ *       value={cep}
+ *       onChange={(e) => setCep(e.target.value)}
+ *       onBlur={handleCepBlur}
+ *       pattern={/^\d{5}-?\d{3}$/}
+ *       patternMessage="CEP inválido"
+ *       required
+ *       showErrorOn="blur"
+ *       maxLength={9}
+ *     />
+ *   );
+ * };
+ * ```
+ */
+declare const TextFieldValidate: React.FC<TextFieldValidateProps>;
+export default TextFieldValidate;

package/dist/components/TextFieldValidate.js

@@ -0,0 +1,181 @@
+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', 'colorText', 'borderRadius', 'boxShadow', 'borderColor'].includes(prop),
+})(({ background, colorText, borderRadius, boxShadow, borderColor }) => ({
+    background: background || '#fff',
+    color: colorText || '#000',
+    borderRadius: borderRadius || '6px',
+    boxShadow: boxShadow || 'none',
+    '& .MuiInputBase-root': {
+        color: colorText || '#000',
+        background: background || '#fff',
+        borderRadius: borderRadius || '6px',
+        boxShadow: boxShadow || 'none',
+        padding: '4px 8px',
+    },
+    '& .MuiInputLabel-root': {
+        color: colorText || '#000',
+    },
+    '& .MuiOutlinedInput-notchedOutline': {
+        borderColor: borderColor || '#ccc',
+    },
+    '&:hover .MuiOutlinedInput-notchedOutline': {
+        borderColor: borderColor || '#888',
+    },
+    '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+        borderColor: '#1976d2',
+    },
+}));
+const computeError = (value, { required, requiredMessage, minLength, pattern, patternMessage, validate, }) => {
+    const v = value !== null && value !== void 0 ? value : '';
+    if (required && v.trim().length === 0)
+        return requiredMessage || 'Campo obrigatório';
+    if (typeof minLength === 'number' && v.length < minLength)
+        return `Mínimo de ${minLength} caracteres`;
+    if (pattern) {
+        const re = typeof pattern === 'string' ? new RegExp(pattern) : pattern;
+        if (!re.test(v))
+            return patternMessage || 'Formato inválido';
+    }
+    if (validate) {
+        const customMsg = validate(v);
+        if (typeof customMsg === 'string' && customMsg)
+            return customMsg;
+    }
+    return null;
+};
+/**
+ * TextFieldValidate Component
+ *
+ * Um campo de texto personalizável baseado no Material UI (MUI 6+), com suporte a:
+ * - Estilização via `styled` (background, cor do texto, bordas, sombra).
+ * - Estados e acessibilidade do MUI (`label`, `disabled`, `helperText`, `error`).
+ * - Modo multilinha (`multiline`, `rows`).
+ * - Validações simples (obrigatório, tamanho mínimo, `pattern`) e validação customizada (`validate`).
+ * - Controle de exibição de erro durante a digitação ou após perder o foco (`showErrorOn`).
+ * - Limite máximo de caracteres via `maxLength` (aplicado ao input).
+ * - Suporte a um `onBlur` externo para lógicas adicionais (ex: busca de CEP).
+ *
+ * ### Parâmetros (props)
+ * - `id?: string` — Id do campo (passado para o DOM/MUI). **Default:** `undefined`
+ * - `label?: string` — Rótulo exibido acima do campo (Label do MUI). **Default:** `undefined`
+ * - `background?: string` — Cor de fundo do campo. **Default:** `"#fff"`
+ * - `colorText?: string` — Cor do texto. **Default:** `"#000"`
+ * - `borderRadius?: string` — Raio de borda. **Default:** `"6px"`
+ * - `boxShadow?: string` — Sombra do campo. **Default:** `"none"`
+ * - `borderColor?: string` — Cor da borda do campo (estado base e hover). **Default:** `"#ccc"`
+ * - `placeholder?: string` — Placeholder exibido quando o campo está vazio. **Default:** `""`
+ * - `disabled?: boolean` — Desabilita o campo (estado disabled). **Default:** `false`
+ * - `value?: string` — Valor atual do campo (controlado). **Default:** `""`
+ * - `onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void` — Função chamada ao alterar o valor. **Default:** `undefined`
+ * - `onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void` — Função chamada ao perder o foco, após a lógica interna marcar o campo como “tocado”. **Default:** `undefined`
+ *
+ * **Multiline**
+ * - `multiline?: boolean` — Define se o campo é multilinha. **Default:** `false`
+ * - `rows?: number` — Número de linhas quando `multiline` está ativo. **Default:** `3`
+ *
+ * **Validação**
+ * - `required?: boolean` — Indica se o preenchimento é obrigatório. **Default:** `false`
+ * - `requiredMessage?: string` — Mensagem quando obrigatório não atendido. **Default:** `"Campo obrigatório"`
+ * - `minLength?: number` — Tamanho mínimo (caracteres). **Default:** `undefined`
+ * - `pattern?: RegExp | string` — Expressão regular para validar o formato. **Default:** `undefined`
+ * - `patternMessage?: string` — Mensagem quando o `pattern` não é atendido. **Default:** `"Formato inválido"`
+ * - `validate?: (value: string) => string | null | undefined` — Validação customizada; retorne string com a mensagem de erro, ou `null/undefined` se válido. **Default:** `undefined`
+ * - `showErrorOn?: 'change' | 'blur'` — Quando exibir erros: durante a digitação (`"change"`) ou ao perder o foco (`"blur"`). **Default:** `"blur"`
+ *
+ * **Outros**
+ * - `maxLength?: number` — Limite máximo de caracteres permitido (não valida; apenas limita o input). **Default:** `undefined`
+ *
+ * ### Exemplo (uso com CEP e onBlur)
+ * ```tsx
+ * import React from 'react';
+ * import TextFieldValidate from './TextFieldValidate';
+ *
+ * const CepExample: React.FC = () => {
+ *   const [cep, setCep] = React.useState('');
+ *
+ *   const handleCepBlur = async (event: React.FocusEvent<HTMLInputElement>) => {
+ *     const raw = event.target.value || '';
+ *     const onlyDigits = raw.replace(/\D/g, '');
+ *
+ *     if (onlyDigits.length === 8) {
+ *       // Exemplo de chamada de API (ViaCEP)
+ *       // const response = await fetch(`https://viacep.com.br/ws/${onlyDigits}/json/`);
+ *       // const data = await response.json();
+ *       // ...preencher outros campos do formulário...
+ *       console.log('CEP para buscar:', onlyDigits);
+ *     }
+ *   };
+ *
+ *   return (
+ *     <TextFieldValidate
+ *       id="cep-input"
+ *       label="CEP"
+ *       placeholder="Digite o CEP"
+ *       value={cep}
+ *       onChange={(e) => setCep(e.target.value)}
+ *       onBlur={handleCepBlur}
+ *       pattern={/^\d{5}-?\d{3}$/}
+ *       patternMessage="CEP inválido"
+ *       required
+ *       showErrorOn="blur"
+ *       maxLength={9}
+ *     />
+ *   );
+ * };
+ * ```
+ */
+const TextFieldValidate = ({ id, label, background, colorText = '#000', 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, }) => {
+    const [touched, setTouched] = React.useState(false);
+    const errorMessage = React.useMemo(() => {
+        if (showErrorOn === 'change') {
+            return computeError(value, {
+                required,
+                requiredMessage,
+                minLength,
+                pattern,
+                patternMessage,
+                validate,
+            });
+        }
+        if (showErrorOn === 'blur' && touched) {
+            return computeError(value, {
+                required,
+                requiredMessage,
+                minLength,
+                pattern,
+                patternMessage,
+                validate,
+            });
+        }
+        return null;
+    }, [
+        value,
+        required,
+        requiredMessage,
+        minLength,
+        pattern,
+        patternMessage,
+        validate,
+        showErrorOn,
+        touched,
+    ]);
+    const handleBlur = (event) => {
+        if (!touched)
+            setTouched(true);
+        if (onBlur) {
+            onBlur(event);
+        }
+    };
+    return (_jsx(StyledTextField, { id: id, label: label, placeholder: placeholder, value: value, onChange: onChange, onBlur: handleBlur, background: background, colorText: colorText, borderRadius: borderRadius, boxShadow: boxShadow, borderColor: borderColor, 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,
+            },
+        } }));
+};
+TextFieldValidate.displayName = 'TextFieldValidate';
+export default TextFieldValidate;
+//# sourceMappingURL=TextFieldValidate.js.map

package/dist/components/TextFieldValidate.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { default as RecaptchaForm } from './components/RecaptchaForm';
+export { default as LoginForm } from './components/LoginForm';
+export { default as RecuperarSenhaForm } from './components/RecuperarSenhaForm';
+export { default as SignUpForm } from './components/SignUpForm';
+export { default as GoogleButton } from './components/GoogleButton';
+export { default as TextFieldValidate } from './components/TextFieldValidate';
+export * from './utils/validateTelefone';
+export * from './utils/validateEmail';

package/dist/index.js

@@ -0,0 +1,9 @@
+export { default as RecaptchaForm } from './components/RecaptchaForm';
+export { default as LoginForm } from './components/LoginForm';
+export { default as RecuperarSenhaForm } from './components/RecuperarSenhaForm';
+export { default as SignUpForm } from './components/SignUpForm';
+export { default as GoogleButton } from './components/GoogleButton';
+export { default as TextFieldValidate } from './components/TextFieldValidate';
+export * from './utils/validateTelefone';
+export * from './utils/validateEmail';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAE9E,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}

package/dist/pages/_app.d.ts

@@ -0,0 +1,2 @@
+import { AppProps } from 'next/app';
+export default function MyApp({ Component, pageProps }: AppProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/_app.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
+import CssBaseline from '@mui/material/CssBaseline';
+import { CacheProvider } from '@emotion/react';
+import createCache from '@emotion/cache';
+import { theme } from '@/theme';
+// Crie uma instância de cache para o Emotion
+const cache = createCache({ key: 'css', prepend: true });
+export default function MyApp({ Component, pageProps }) {
+    React.useEffect(() => {
+        // Remove o CSS injetado pelo servidor, se existir
+        const jssStyles = document.querySelector('#jss-server-side');
+        if (jssStyles && jssStyles.parentElement) {
+            jssStyles.parentElement.removeChild(jssStyles);
+        }
+    }, []);
+    return (_jsx(CacheProvider, { value: cache, children: _jsxs(MuiThemeProvider, { theme: theme, children: [_jsx(CssBaseline, {}), _jsx(Component, Object.assign({}, pageProps))] }) }));
+}
+//# sourceMappingURL=_app.js.map

package/dist/pages/_app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_app.js","sourceRoot":"","sources":["../../src/pages/_app.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,6CAA6C;AAC7C,MAAM,KAAK,GAAG,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,EAAY;IAC9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,kDAAkD;QAClD,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAC7D,IAAI,SAAS,IAAI,SAAS,CAAC,aAAa,EAAE,CAAC;YACzC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YACzB,MAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,aAC5B,KAAC,WAAW,KAAe,EAC3B,KAAC,SAAS,oBAAK,SAAS,EAAe,IACtB,GACL,CACjB,CAAC;AACJ,CAAC"}

package/dist/pages/_document.d.ts

@@ -0,0 +1,9 @@
+import Document, { DocumentContext } from "next/document";
+export default class MyDocument extends Document {
+    static getInitialProps(ctx: DocumentContext): Promise<{
+        styles: import("react/jsx-runtime").JSX.Element;
+        html: string;
+        head?: Array<import("react").JSX.Element | null>;
+    }>;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/pages/_document.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Document, { Html, Head, Main, NextScript } from "next/document";
+import createCache from "@emotion/cache";
+import createEmotionServer from "@emotion/server/create-instance";
+import { CacheProvider } from "@emotion/react";
+// Função para criar o cache do Emotion
+const createEmotionCache = () => {
+    return createCache({ key: "css", prepend: true });
+};
+export default class MyDocument extends Document {
+    static async getInitialProps(ctx) {
+        const cache = createEmotionCache();
+        const { extractCriticalToChunks } = createEmotionServer(cache);
+        const originalRenderPage = ctx.renderPage;
+        try {
+            ctx.renderPage = () => originalRenderPage({
+                enhanceApp: (App) => (props) => (_jsx(CacheProvider, { value: cache, children: _jsx(App, Object.assign({}, props)) })),
+            });
+            const initialProps = await Document.getInitialProps(ctx);
+            // Extrai os estilos críticos para renderização no lado do servidor
+            const emotionStyles = extractCriticalToChunks(initialProps.html);
+            const emotionStyleTags = emotionStyles.styles.map((style) => (_jsx("style", { "data-emotion": `${style.key} ${style.ids.join(" ")}`, dangerouslySetInnerHTML: { __html: style.css } }, style.key)));
+            return Object.assign(Object.assign({}, initialProps), { styles: (_jsxs(_Fragment, { children: [initialProps.styles, emotionStyleTags] })) });
+        }
+        finally {
+            // Nada a liberar como no caso do styled-components
+        }
+    }
+    render() {
+        return (_jsxs(Html, { lang: "pt", children: [_jsx(Head, {}), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] }));
+    }
+}
+//# sourceMappingURL=_document.js.map

package/dist/pages/_document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_document.js","sourceRoot":"","sources":["../../src/pages/_document.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AACxF,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,mBAAmB,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,uCAAuC;AACvC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,OAAO,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,QAAQ;IAC9C,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,GAAoB;QAC/C,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAC;QACnC,MAAM,EAAE,uBAAuB,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAE/D,MAAM,kBAAkB,GAAG,GAAG,CAAC,UAAU,CAAC;QAE1C,IAAI,CAAC;YACH,GAAG,CAAC,UAAU,GAAG,GAAG,EAAE,CACpB,kBAAkB,CAAC;gBACjB,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAC7B,CACE,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YACzB,KAAC,GAAG,oBAAK,KAAK,EAAI,GACJ,CACjB;aACJ,CAAC,CAAC;YAEL,MAAM,YAAY,GAAG,MAAM,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAEzD,mEAAmE;YACnE,MAAM,aAAa,GAAG,uBAAuB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACjE,MAAM,gBAAgB,GAAG,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3D,gCAEgB,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EACnD,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,IAFzC,KAAK,CAAC,GAAG,CAGd,CACH,CAAC,CAAC;YAEH,uCACK,YAAY,KACf,MAAM,EAAE,CACN,8BACG,YAAY,CAAC,MAAM,EACnB,gBAAgB,IAChB,CACJ,IACD;QACJ,CAAC;gBAAS,CAAC;YACT,mDAAmD;QACrD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,aACb,KAAC,IAAI,KACE,EACP,2BACE,KAAC,IAAI,KAAG,EACR,KAAC,UAAU,KAAG,IACT,IACF,CACR,CAAC;IACJ,CAAC;CACF"}

package/dist/theme.d.ts

@@ -0,0 +1,35 @@
+declare module '@mui/material/styles' {
+    interface Palette {
+        custom: {
+            transparent: string;
+            backgroundSectionMain: string;
+            backgroundSectionAlternative: string;
+            backgroundSectionHighlight?: string;
+            colorSectionMain: string;
+            backgroundButtonCTA: string;
+            backgroundHoverButtonCTA: string;
+            colorButtonCTA: string;
+            colorHoverButtonCTA: string;
+            borderRadiusButtonCTA: string;
+            carouselColorIndicators: string;
+            carouselColorFocus: string;
+        };
+    }
+    interface PaletteOptions {
+        custom?: {
+            transparent: string;
+            backgroundSectionMain: string;
+            backgroundSectionAlternative: string;
+            backgroundSectionHighlight?: string;
+            backgroundButtonCTA: string;
+            backgroundHoverButtonCTA: string;
+            colorButtonCTA: string;
+            colorHoverButtonCTA: string;
+            borderRadiusButtonCTA: string;
+            carouselColorIndicators: string;
+            carouselColorFocus: string;
+        };
+    }
+}
+declare const theme: import("@mui/material/styles").Theme;
+export { theme };