@pipelinesolucoes/form 1.0.0-beta.0

package/LICENSE

@@ -0,0 +1,78 @@
+LICENÇA COMERCIAL – PIPELINE SOLUÇÕES
+
+Copyright (c) Pipeline Soluções
+
+Este software é de propriedade da Pipeline Soluções e é disponibilizado
+publicamente para instalação e avaliação. O uso comercial está sujeito
+a licenciamento conforme os termos abaixo.
+
+────────────────────────────────────────────────────────────
+
+1. CONCESSÃO DE LICENÇA
+
+A Pipeline Soluções concede ao Licenciado uma licença não exclusiva,
+intransferível e revogável para utilizar este software em 1 (um)
+projeto comercial, mediante aquisição de licença válida.
+
+Projeto é definido como uma única aplicação em produção, incluindo
+seus ambientes de desenvolvimento, homologação e staging.
+
+────────────────────────────────────────────────────────────
+
+2. USO PERMITIDO
+
+É permitido:
+- Instalar e avaliar o software livremente.
+- Utilizar o software em projetos comerciais mediante licença válida.
+- Modificar o código para uso interno no projeto licenciado.
+
+────────────────────────────────────────────────────────────
+
+3. USO PROIBIDO
+
+É expressamente proibido:
+- Utilizar o software em projetos comerciais sem licença válida.
+- Redistribuir, sublicenciar, vender ou alugar este software,
+  integralmente ou em partes.
+- Publicar o software como parte de outra biblioteca, framework
+  ou produto concorrente.
+- Remover ou alterar avisos de copyright ou licenciamento.
+
+────────────────────────────────────────────────────────────
+
+4. SUPORTE E ATUALIZAÇÕES
+
+A aquisição da licença pode incluir suporte básico e atualizações,
+conforme acordado no momento da compra. A Pipeline Soluções não é
+obrigada a fornecer suporte gratuito.
+
+────────────────────────────────────────────────────────────
+
+5. GARANTIAS E RESPONSABILIDADE
+
+Este software é fornecido "NO ESTADO EM QUE SE ENCONTRA",
+sem garantias de qualquer tipo, expressas ou implícitas.
+Em nenhuma hipótese a Pipeline Soluções será responsabilizada
+por danos diretos ou indiretos decorrentes do uso do software.
+
+────────────────────────────────────────────────────────────
+
+6. RESCISÃO
+
+Esta licença será automaticamente rescindida em caso de violação
+de qualquer um dos termos aqui estabelecidos. Em caso de rescisão,
+o uso do software deverá ser interrompido imediatamente.
+
+────────────────────────────────────────────────────────────
+
+7. CONTATO
+
+Para aquisição de licença comercial ou esclarecimento de dúvidas:
+
+E-mail: contato@pipelinesolucoes.com.br  
+Site: https://www.pipelinesolucoes.com.br
+
+────────────────────────────────────────────────────────────
+
+Ao utilizar este software em um projeto comercial, você declara ter
+lido, compreendido e concordado com os termos desta licença.

package/README.md

@@ -0,0 +1,162 @@
+# @pipelinesolucoes/form
+
+Biblioteca de **componentes de botão para React**, desenvolvida para **padronização visual**, **reutilização** e **escalabilidade** em aplicações modernas e design systems.
+
+Este pacote faz parte do ecossistema de componentes da **Pipeline Soluções**.
+
+---
+
+## 📦 Componentes disponíveis
+
+A biblioteca inclui os seguintes componentes:
+
+- **Actionform**  
+  Botão de ação estilizado, baseado no tema e com tipografia configurável via `variant`.
+
+---
+
+## ✨ Características
+
+- ✅ Pronto para produção
+- 🎨 Integração com Material UI
+- ♿ Foco em acessibilidade
+- 🧩 Ideal para design systems
+- 🔄 Reutilizável em múltiplos projetos
+- 📦 Publicado no npm com versionamento semântico
+- 🔐 Preparado para licenciamento por projeto
+
+---
+
+## 📥 Instalação
+
+```bash
+npm install @pipelinesolucoes/form 
+ou
+yarn add @pipelinesolucoes/form
+
+```
+
+## 🚀 Uso básico
+
+```
+import { Actionform } from "@pipelinesolucoes/form";
+
+export function Example() {
+  return (
+    <Actionform variant="contained" color="primary">
+      Ação
+    </Actionform>
+  );
+}
+```
+
+## 🧩 Uso em Design Systems
+
+Este pacote foi projetado para:
+
+ - padronização de ações e navegação
+ - reutilização entre projetos
+ - evolução incremental de UI
+ - integração com temas e tokens de design
+
+Pode ser utilizado de forma isolada ou como parte de um design system maior.
+
+---
+
+## 🔐 Licença de uso comercial
+
+Este pacote é publicamente acessível no npm, porém:
+
+O uso comercial é licenciado por projeto.
+
+**O que isso significa?**
+
+O pacote pode ser instalado e avaliado livremente.
+
+Para uso em projetos comerciais, é necessária a aquisição de uma licença válida por projeto.
+
+**Definição de projeto**
+
+Projeto = 1 aplicação em produção
+(ex.: site institucional, sistema interno ou aplicação SaaS).
+Ambientes de desenvolvimento, staging e homologação estão incluídos no mesmo projeto.
+
+---
+
+## 📄 O que a licença inclui
+
+✔ Uso em 1 projeto
+✔ Atualizações enquanto a licença estiver ativa
+✔ Correções de bugs
+✔ Suporte básico
+✔ Evolução contínua do pacote
+
+---
+
+## ⚙️ Configuração de licença (mock)
+
+Após adquirir a licença, você receberá um Project ID e uma License Key.
+
+No projeto, configure as variáveis de ambiente:
+
+PIPESOL_PROJECT_ID=meu-projeto
+PIPESOL_form_LICENSE_KEY=SUA-LICENSE-KEY-AQUI
+
+
+Atualmente, a validação é local e não bloqueante, servindo como preparação para automação futura.
+
+---
+
+## 🔁 Versionamento
+
+Este projeto segue Semantic Versioning (SemVer):
+
+1.0.1 – Correção de bugs
+
+1.1.0 – Nova funcionalidade compatível
+
+2.0.0 – Mudança incompatível
+
+1.0.0-beta.x – Versões beta
+
+Para listar as versões publicadas:
+
+```
+npm view @pipelinesolucoes/form versions --json
+```
+
+## 🚀 Processo de publicação
+
+Este pacote é publicado exclusivamente via CI/CD utilizando GitHub Actions.
+
+Características do processo:
+
+ - Publicação apenas por tags Git (vX.Y.Z)
+ - Autenticação via Trusted Publishing (OIDC)
+ - Nenhum token npm armazenado
+ - Tokens clássicos desabilitados
+ - Autenticação em dois fatores (2FA) obrigatória
+ - Publicações seguras, rastreáveis e reprodutíveis
+
+ ---
+
+ ## 📬 Aquisição de licença e contato
+
+Para adquirir uma licença comercial ou obter mais informações:
+
+📧 contato@pipelinesolucoes.com.br
+🌐 https://www.pipelinesolucoes.com.br
+
+--- 
+
+## 📄 Licença
+
+Copyright © Pipeline Soluções
+Este software está sujeito a licença comercial por projeto.
+Consulte o arquivo LICENSE para mais informações.
+
+```
+Se você quiser, eu também posso gerar agora o **arquivo `LICENSE`** (texto curto e claro) no mesmo padrão profissional pra você copiar e colar como `LICENSE` no repo.
+```
+
+

package/dist/app/layout.d.ts

@@ -0,0 +1,6 @@
+import type { Metadata } from "next";
+import "./globals.css";
+export declare const metadata: Metadata;
+export default function RootLayout({ children, }: Readonly<{
+    children: React.ReactNode;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/app/layout.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+const geistSans = Geist({
+    variable: "--font-geist-sans",
+    subsets: ["latin"],
+});
+const geistMono = Geist_Mono({
+    variable: "--font-geist-mono",
+    subsets: ["latin"],
+});
+export const metadata = {
+    title: "Create Next App",
+    description: "Generated by create next app",
+};
+export default function RootLayout({ children, }) {
+    return (_jsx("html", { lang: "en", children: _jsx("body", { className: `${geistSans.variable} ${geistMono.variable}`, children: children }) }));
+}
+//# sourceMappingURL=layout.js.map

package/dist/app/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/app/layout.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,eAAe,CAAC;AAEvB,MAAM,SAAS,GAAG,KAAK,CAAC;IACtB,QAAQ,EAAE,mBAAmB;IAC7B,OAAO,EAAE,CAAC,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,UAAU,CAAC;IAC3B,QAAQ,EAAE,mBAAmB;IAC7B,OAAO,EAAE,CAAC,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAa;IAChC,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,8BAA8B;CAC5C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,GAGR;IACA,OAAO,CACL,eAAM,IAAI,EAAC,IAAI,YACb,eAAM,SAAS,EAAE,GAAG,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ,EAAE,YAC3D,QAAQ,GACJ,GACF,CACR,CAAC;AACJ,CAAC"}

package/dist/app/page.d.ts

@@ -0,0 +1 @@
+export default function Home(): import("react/jsx-runtime").JSX.Element;

package/dist/app/page.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Home() {
+    return (_jsx("p", { children: "teste" }));
+}
+//# sourceMappingURL=page.js.map

package/dist/app/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../src/app/page.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,MAAM,CAAC,OAAO,UAAU,IAAI;IAC1B,OAAO,CACL,gCAAY,CACb,CAAC;AACJ,CAAC"}

package/dist/components/FormStyled.d.ts

@@ -0,0 +1,37 @@
+interface TextFieldStyledProps {
+    background_color: string;
+    text_color: string;
+    text_color_error: string;
+    border_radius: string;
+    width?: string;
+}
+export declare const TextFieldStyled: import("@emotion/styled").StyledComponent<{
+    variant?: import("@mui/material").TextFieldVariants | undefined;
+} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TextFieldStyledProps, {}, {}>;
+interface TextFieldFixedSizeStyledProps {
+    background_color: string;
+    text_color: string;
+    text_color_error: string;
+    border_radius: string;
+}
+export declare const TextFieldFixedSizeStyled: import("@emotion/styled").StyledComponent<{
+    variant?: import("@mui/material").TextFieldVariants | undefined;
+} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TextFieldFixedSizeStyledProps, {}, {}>;
+interface ButtonFormStyledProps {
+    width: string;
+    height: string;
+    background_color: string;
+    text_color: string;
+    border_radius: string;
+    border_color?: string;
+    margin?: string;
+}
+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>, "className" | "style" | "tabIndex" | "color" | "children" | "size" | "variant" | "classes" | "disabled" | "fullWidth" | "sx" | "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> & ButtonFormStyledProps, {}, {}>;
+export declare const LinkFormStyled: 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>, "className" | "style" | "tabIndex" | "color" | "children" | "size" | "variant" | "classes" | "disabled" | "fullWidth" | "sx" | "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> & {
+    width: string;
+    height: string;
+    text_color: string;
+    margin?: string;
+    font_size?: string;
+}, {}, {}>;
+export {};

package/dist/components/FormStyled.js

@@ -0,0 +1,120 @@
+import { Button } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import TextField from '@mui/material/TextField';
+export const TextFieldStyled = styled(TextField, {
+    shouldForwardProp: (prop) => !['background_color', 'text_color', 'text_color_error', 'border_radius', 'width'].includes(prop),
+})(({ theme, background_color, text_color, text_color_error, border_radius, error, width = '100%' }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        '& .MuiInputLabel-root': {
+            color: error ? text_color_error : text_color, // Label em vermelho em caso de erro
+        },
+        '& .MuiInputBase-input::placeholder': {
+            color: error ? text_color_error : text_color, // Placeholder também em vermelho, opcional
+        },
+        '& .MuiInputBase-root': {
+            backgroundColor: background_color,
+            borderRadius: border_radius,
+            color: text_color,
+        },
+        '& .MuiOutlinedInput-notchedOutline': {
+            borderColor: error ? text_color_error : 'transparent', // Borda em vermelho em caso de erro
+        },
+        fontFamily: theme.typography.fontFamily,
+        fontSize: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontSize,
+        fontWeight: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontWeight,
+        fontStyle: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.fontStyle,
+        lineHeight: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.lineHeight,
+        letterSpacing: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.letterSpacing,
+        margin: (_f = theme.typography.body1) === null || _f === void 0 ? void 0 : _f.margin,
+        width: width,
+    });
+});
+export const TextFieldFixedSizeStyled = styled(TextField, {
+    shouldForwardProp: (prop) => !['background_color', 'text_color', 'text_color_error', 'border_radius'].includes(prop),
+})(({ theme, background_color, text_color, text_color_error, border_radius, error }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        '& .MuiInputLabel-root': {
+            color: error ? text_color_error : text_color, // Label em vermelho em caso de erro
+        },
+        '& .MuiInputBase-input::placeholder': {
+            color: error ? text_color_error : text_color, // Placeholder também em vermelho, opcional
+        },
+        '& .MuiInputBase-root': {
+            transition: 'none !important',
+            alignItems: 'flex-start',
+            width: '100%',
+            overflowY: 'auto',
+            height: '150px',
+            backgroundColor: background_color,
+            borderRadius: border_radius,
+            color: text_color,
+        },
+        '& .MuiOutlinedInput-notchedOutline': {
+            borderColor: error ? text_color_error : 'transparent', // Borda em vermelho em caso de erro
+        },
+        fontFamily: theme.typography.fontFamily,
+        fontSize: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontSize,
+        fontWeight: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontWeight,
+        fontStyle: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.fontStyle,
+        lineHeight: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.lineHeight,
+        letterSpacing: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.letterSpacing,
+        margin: (_f = theme.typography.body1) === null || _f === void 0 ? void 0 : _f.margin,
+    });
+});
+export const ButtonFormStyled = styled(Button, {
+    shouldForwardProp: (prop) => !['width', 'height', 'background_color', 'text_color',
+        'border_radius', 'border_color', 'margin'].includes(prop),
+})(({ theme, width, height, background_color, text_color, border_radius, border_color = 'transparent', margin = '0' }) => {
+    var _a, _b, _c, _d, _e;
+    return ({
+        color: text_color,
+        backgroundColor: background_color,
+        borderRadius: border_radius,
+        textTransform: 'none',
+        cursor: 'pointer',
+        padding: '8px 24px',
+        boxShadow: 'none',
+        width: width,
+        height: height,
+        border: (border_color == "transparent" ? "none" : `1px solid ${border_color}`),
+        margin: margin,
+        // 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,
+        // Hover state (opcional)
+        '&:hover': {
+            backgroundColor: background_color,
+            opacity: 0.9,
+        },
+    });
+});
+export const LinkFormStyled = styled(Button, {
+    shouldForwardProp: (prop) => !['width', 'height', 'text_color', 'margin', 'font_size'].includes(prop),
+})(({ theme, width, height, text_color, margin = 0, font_size }) => {
+    var _a, _b, _c, _d, _e;
+    return ({
+        color: text_color,
+        width: width,
+        height: height,
+        textTransform: 'none',
+        border: 'none',
+        cursor: 'pointer',
+        padding: '0',
+        boxShadow: 'none',
+        margin: margin,
+        // 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: (font_size ? font_size : (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize),
+    });
+});
+//# sourceMappingURL=FormStyled.js.map

package/dist/components/FormStyled.js.map

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

package/dist/components/GoogleButton.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+export interface GoogleButtonProps {
+    endpoint: string;
+    messageError?: string;
+    errorColor?: string;
+    boxShadow?: string;
+    width?: string;
+    height?: string;
+    padding?: string;
+    margin?: string;
+    background?: string;
+    border?: string;
+    borderRadius?: string;
+    children: React.ReactNode;
+}
+/**
+ * Componente de botão que chama um endpoint ao clicar.
+ * Em caso de erro (status não-2xx ou exceção de rede), exibe `messageError`.
+ *
+ *
+ * @property endpoint - URL que será chamada ao clicar.
+ * @property messageError - Mensagem exibida quando a requisição falhar.
+ * @property errorColor - Cor do texto da mensagem de erro.
+ * @property width - Largura do botão. @default 'auto'
+ * @property height - Altura do botão. @default 'auto'
+ * @property padding - Espaçamento interno. @default '8px 24px'
+ * @property margin - Margem externa. @default '0'
+ * @property background - Cor de fundo. @default 'transparent'
+ * @property border - Borda do botão. @default 'none'
+ * @property borderRadius - Raio da borda. @default '8px'
+ * @property boxShadow - Sombra do botão. @default 'none'
+ * @property children - Conteúdo interno do botão.
+ *
+ * @default width 'auto'
+ * @default height 'auto'
+ * @default padding '8px 24px'
+ * @default margin '0'
+ * @default background 'transparent'
+ * @default border 'none'
+ * @default borderRadius '8px'
+ * @default boxShadow 'none'
+ *
+ * @example
+ * <GoogleButton
+ *   endpoint="/api/auth/google"
+ *   messageError="Falha ao autenticar com o Google."
+ *   errorColor="#d32f2f"
+ *   width="100%"
+ *   height="40px"
+ *   background="transparent"
+ *   border="1px solid #ccc"
+ *   borderRadius="6px"
+ *   boxShadow="0 2px 6px rgba(0,0,0,0.1)"
+ * >
+ *   Continuar com Google
+ * </GoogleButton>
+ *
+ **/
+declare const GoogleButton: React.FC<GoogleButtonProps>;
+export default GoogleButton;

package/dist/components/GoogleButton.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Button, styled, Typography, Box } from '@mui/material';
+const ButtonFormStyled = styled(Button, {
+    shouldForwardProp: (prop) => ![
+        'width',
+        'height',
+        'padding',
+        'margin',
+        'background',
+        'border',
+        'borderRadius',
+        'boxShadow',
+    ].includes(prop),
+})(({ theme, width, height, padding, margin, background, border, borderRadius, boxShadow, }) => {
+    var _a, _b, _c, _d, _e;
+    return ({
+        // Layout
+        width: width || 'auto',
+        height: height || 'auto',
+        padding: padding || '8px 24px',
+        margin: margin || '0',
+        // Visual
+        background: background || 'transparent',
+        border: border || 'none',
+        borderRadius: borderRadius || '8px',
+        boxShadow: boxShadow || 'none',
+        textTransform: 'none',
+        cursor: 'pointer',
+        // Tipografia baseada no tema
+        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,
+        '&:hover': {
+            opacity: 0.9,
+            boxShadow: boxShadow || 'none',
+        },
+        '&:disabled': {
+            opacity: 0.6,
+            cursor: 'not-allowed',
+        },
+    });
+});
+/**
+ * Componente de botão que chama um endpoint ao clicar.
+ * Em caso de erro (status não-2xx ou exceção de rede), exibe `messageError`.
+ *
+ *
+ * @property endpoint - URL que será chamada ao clicar.
+ * @property messageError - Mensagem exibida quando a requisição falhar.
+ * @property errorColor - Cor do texto da mensagem de erro.
+ * @property width - Largura do botão. @default 'auto'
+ * @property height - Altura do botão. @default 'auto'
+ * @property padding - Espaçamento interno. @default '8px 24px'
+ * @property margin - Margem externa. @default '0'
+ * @property background - Cor de fundo. @default 'transparent'
+ * @property border - Borda do botão. @default 'none'
+ * @property borderRadius - Raio da borda. @default '8px'
+ * @property boxShadow - Sombra do botão. @default 'none'
+ * @property children - Conteúdo interno do botão.
+ *
+ * @default width 'auto'
+ * @default height 'auto'
+ * @default padding '8px 24px'
+ * @default margin '0'
+ * @default background 'transparent'
+ * @default border 'none'
+ * @default borderRadius '8px'
+ * @default boxShadow 'none'
+ *
+ * @example
+ * <GoogleButton
+ *   endpoint="/api/auth/google"
+ *   messageError="Falha ao autenticar com o Google."
+ *   errorColor="#d32f2f"
+ *   width="100%"
+ *   height="40px"
+ *   background="transparent"
+ *   border="1px solid #ccc"
+ *   borderRadius="6px"
+ *   boxShadow="0 2px 6px rgba(0,0,0,0.1)"
+ * >
+ *   Continuar com Google
+ * </GoogleButton>
+ *
+ **/
+const GoogleButton = ({ endpoint, messageError = 'Ocorreu um erro ao processar sua solicitação.', errorColor = '#d32f2f', boxShadow, width, height, padding, margin, background, border = 'none', borderRadius, children, }) => {
+    const [loading, setLoading] = React.useState(false);
+    const [errorMsg, setErrorMsg] = React.useState(null);
+    const handleClick = async () => {
+        setErrorMsg(null);
+        setLoading(true);
+        try {
+            window.location.href = endpoint;
+        }
+        catch (e) {
+            setErrorMsg(messageError);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsxs(Box, { children: [_jsx(ButtonFormStyled, { onClick: handleClick, disabled: loading, width: width, height: height, padding: padding, margin: margin, background: background, border: border, borderRadius: borderRadius, boxShadow: boxShadow, children: loading ? 'Carregando...' : children }), errorMsg && (_jsx(Typography, { role: "alert", variant: "body2", sx: { mt: 1 }, color: errorColor, children: errorMsg }))] }));
+};
+GoogleButton.displayName = 'GoogleButton';
+export default GoogleButton;
+//# sourceMappingURL=GoogleButton.js.map

package/dist/components/GoogleButton.js.map

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

package/dist/components/LoginForm.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+interface LoginFormProps {
+    Icon?: React.ElementType<SvgIconProps>;
+    titulo?: () => React.ReactElement;
+    googleButton: () => React.ReactElement;
+    color: string;
+    background?: string;
+    border_radius?: string;
+    background_color_field?: string;
+    border_radius_field?: string;
+    color_button: string;
+    background_color_button?: string;
+    border_radius_button?: string;
+    text_button: string;
+    message_sucess: string;
+    color_message_sucess: string;
+    message_erro?: string;
+    color_message_erro: string;
+    color_link: string;
+    color_separador: string;
+    background_color_button_google?: string;
+    color_button_google: string;
+    urlRecuperarConta: string;
+    urlCriarConta: string;
+    children?: React.ReactNode;
+}
+declare const LoginForm: React.FC<LoginFormProps>;
+export default LoginForm;