pipesol-button 1.0.0-beta.2 → 1.0.1-beta.4

package/dist/components/CircularIconLink.d.ts

@@ -0,0 +1,60 @@
+import React, { ReactElement } from 'react';
+import { SvgIconProps } from '@mui/material';
+/**
+ * Propriedades do componente `CircularIconLink`.
+ */
+export interface CircularIconLinkProps {
+    /**
+     * Ícone do Material UI (`<SvgIcon>`) ou uma imagem (`<img>`).
+     * Aceita:
+     * ```tsx
+     * <Instagram sx={{ color: 'white' }} />
+     * // ou
+     * <img src="/logo.png" alt="logo" width={24} height={24} />
+     * ```
+     */
+    children: ReactElement<HTMLImageElement> | ReactElement<SvgIconProps>;
+    /** URL a ser aberta em nova aba. */
+    url: string;
+    /** Cor de fundo do círculo. */
+    background_color: string;
+    /** Texto para acessibilidade (`aria-label`). */
+    aria_label: string;
+    /** Padding interno do círculo. @default "4px" */
+    padding?: string;
+    /** Estilo da borda. @default "2px solid transparent" */
+    border?: string;
+}
+/**
+ * **CircularIconLink**
+ *
+ * Componente que exibe um **ícone ou imagem dentro de um círculo clicável**,
+ * permitindo criar links visuais para redes sociais, sites ou qualquer URL externa.
+ *
+ * - Aceita ícones do Material UI (`<SvgIcon>`) ou imagens (`<img>`).
+ * - O círculo possui cor de fundo, padding e borda personalizáveis.
+ * - Ao clicar, abre o link em uma nova aba com `noopener noreferrer` por segurança.
+ *
+ * Exemplo de uso:
+ * ```tsx
+ * import { Instagram } from '@mui/icons-material';
+ *
+ * <CircularIconLink
+ *   url="https://instagram.com/seuperfil"
+ *   background_color="#E1306C"
+ *   aria_label="Abrir Instagram"
+ * >
+ *   <Instagram sx={{ color: 'white', fontSize: 24 }} />
+ * </CircularIconLink>
+ *
+ * <CircularIconLink
+ *   url="https://example.com"
+ *   background_color="#25D366"
+ *   aria_label="Logo do site"
+ * >
+ *   <img src="/logo.png" alt="Logo" width={24} height={24} />
+ * </CircularIconLink>
+ * ```
+ */
+declare const CircularIconLink: React.FC<CircularIconLinkProps>;
+export default CircularIconLink;

package/dist/components/CircularIconLink.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, IconButton } from '@mui/material';
+import { styled } from '@mui/material/styles';
+const StyledBox = styled(Box, {
+    shouldForwardProp: (prop) => !['background_color', 'padding', 'border'].includes(prop),
+})(({ background_color, padding, border }) => ({
+    backgroundColor: background_color,
+    padding: padding,
+    borderRadius: '50%',
+    display: 'inline-block',
+    border: border,
+}));
+/**
+ * **CircularIconLink**
+ *
+ * Componente que exibe um **ícone ou imagem dentro de um círculo clicável**,
+ * permitindo criar links visuais para redes sociais, sites ou qualquer URL externa.
+ *
+ * - Aceita ícones do Material UI (`<SvgIcon>`) ou imagens (`<img>`).
+ * - O círculo possui cor de fundo, padding e borda personalizáveis.
+ * - Ao clicar, abre o link em uma nova aba com `noopener noreferrer` por segurança.
+ *
+ * Exemplo de uso:
+ * ```tsx
+ * import { Instagram } from '@mui/icons-material';
+ *
+ * <CircularIconLink
+ *   url="https://instagram.com/seuperfil"
+ *   background_color="#E1306C"
+ *   aria_label="Abrir Instagram"
+ * >
+ *   <Instagram sx={{ color: 'white', fontSize: 24 }} />
+ * </CircularIconLink>
+ *
+ * <CircularIconLink
+ *   url="https://example.com"
+ *   background_color="#25D366"
+ *   aria_label="Logo do site"
+ * >
+ *   <img src="/logo.png" alt="Logo" width={24} height={24} />
+ * </CircularIconLink>
+ * ```
+ */
+const CircularIconLink = ({ url, background_color = 'transparent', aria_label, padding = '4px', border = 'none', children, }) => {
+    return (_jsx(StyledBox, { background_color: background_color, padding: padding, border: border, children: _jsx(IconButton, { "aria-label": aria_label, onClick: () => window.open(url, '_blank', 'noopener noreferrer'), children: children }) }));
+};
+export default CircularIconLink;
+//# sourceMappingURL=CircularIconLink.js.map

package/dist/components/CircularIconLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularIconLink.js","sourceRoot":"","sources":["../../src/components/CircularIconLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACtE,CAAC,CAIC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7C,eAAe,EAAE,gBAAgB;IACjC,OAAO,EAAE,OAAO;IAChB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC,CAAC;AAiCJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,gBAAgB,GAAoC,CAAC,EACzD,GAAG,EACH,gBAAgB,GAAC,aAAa,EAC9B,UAAU,EACV,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,MAAM,EACf,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAC7E,KAAC,UAAU,kBAAa,UAAU,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,YAE/D,QAAQ,GACE,GACH,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/NavigationButton.d.ts

@@ -1,19 +1,58 @@
 import React from 'react';
+/**
+ * Propriedades do componente `NavigationButton`.
+ */
 interface NavigationButtonProps {
+    /**
+     * URL ou âncora para onde o botão deve navegar.
+     * - Se começar com `http`, abre em nova aba.
+     * - Caso contrário, é tratado como link interno/âncora.
+     */
     url: string;
+    /** Texto para acessibilidade (atributo `aria-label`). */
     aria_label: string;
+    /** Cor de fundo padrão do botão (ex: `#1976d2` ou `transparent`). */
     background_color?: string;
+    /** Cor de fundo quando o botão é focado/hover. Se não informado, usa a cor padrão. */
     background_color_hover?: string;
+    /** Cor do texto padrão (ex: `#fff`). */
     color: string;
+    /** Cor do texto no hover. Se não informado, usa a mesma cor padrão. */
     color_hover?: string;
+    /**
+     * Cor da borda (ex: `#1976d2`).
+     * @default "transparent"
+     */
     border_color?: string;
+    /**
+     * Raio de borda (ex: `8px`, `50%`).
+     * @default "0"
+     */
     border_radius?: string;
+    /**
+     * Sombra CSS (ex: `0 2px 4px rgba(0,0,0,0.2)`).
+     * @default "none"
+     */
     box_shadow?: string;
-    text_decoration: 'none' | 'underline';
-    layout: 'button' | 'link';
+    /** Largura do botão (ex: `200px`, `100%`). */
     width: string;
+    /**
+     * Margem externa.
+     * @default "0"
+     */
     margin?: string;
+    /**
+     * Padding interno.
+     * @default "8px 24px"
+     */
+    padding?: string;
+    /** Conteúdo interno (texto ou elementos JSX). */
     children: React.ReactNode;
 }
+/**
+ * Botão de navegação reutilizável.
+ * Cria um link estilizado que pode ser usado para redirecionar
+ * para páginas externas ou seções internas.
+ */
 declare const NavigationButton: React.FC<NavigationButtonProps>;
 export default NavigationButton;

package/dist/components/NavigationButton.js

@@ -10,13 +10,12 @@ const ButtonStyled = styled('a', {
         'padding',
         'border_radius',
         'border_color',
-        'border_color_underline',
         'color_hover',
         'width',
         'margin',
         'boxshadow',
     ].includes(prop),
-})(({ background_color, background_color_hover, color, color_hover, padding, border_radius, border_color, border_color_underline, width, margin, boxshadow }) => ({
+})(({ background_color, background_color_hover, color, color_hover, padding, border_radius, border_color, width, margin, boxshadow, }) => ({
     width: width,
     cursor: 'pointer',
     textDecoration: 'none',
@@ -31,24 +30,27 @@ const ButtonStyled = styled('a', {
     margin: margin,
     '&:hover': {
         backgroundColor: background_color_hover,
-        borderBottom: `1px solid ${border_color_underline}`,
         color: color_hover,
     },
 }));
-const NavigationButton = ({ url, aria_label, background_color, background_color_hover, color, color_hover, border_radius, border_color, text_decoration = 'none', box_shadow = 'none', layout, width, margin, children }) => {
+/**
+ * Botão de navegação reutilizável.
+ * Cria um link estilizado que pode ser usado para redirecionar
+ * para páginas externas ou seções internas.
+ */
+const NavigationButton = ({ url, aria_label, background_color, background_color_hover, color, color_hover, border_radius = '0', border_color = 'transparent', box_shadow = 'none', width, margin = '0', padding = '8px 24px', children, }) => {
     const backgroundColor = background_color !== null && background_color !== void 0 ? background_color : 'transparent';
     const backgroundColorHover = background_color_hover !== null && background_color_hover !== void 0 ? background_color_hover : backgroundColor;
     const colorHover = color_hover !== null && color_hover !== void 0 ? color_hover : color;
-    const borderRadius = border_radius !== null && border_radius !== void 0 ? border_radius : '0px';
-    const padding = layout == 'button' ? '8px 24px' : '0px';
-    const borderColor = text_decoration == 'underline' ? 'transparent' : (border_color !== null && border_color !== void 0 ? border_color : 'transparent');
-    const borderColorUnderline = (text_decoration == 'underline') ? color : (border_color !== null && border_color !== void 0 ? border_color : 'transparent');
-    const marginButton = margin !== null && margin !== void 0 ? margin : '0px';
-    if (url.indexOf('http') != -1) {
-        return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: borderColor, border_color_underline: borderColorUnderline, padding: padding, margin: marginButton, "aria-label": aria_label, target: "_blank", boxshadow: box_shadow, rel: "noopener noreferrer", children: children }));
+    const borderRadius = border_radius;
+    const marginButton = margin;
+    if (url.indexOf('http') !== -1) {
+        // Link externo: abre em nova aba
+        return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: border_color, padding: padding, margin: marginButton, "aria-label": aria_label, target: "_blank", boxshadow: box_shadow, rel: "noopener noreferrer", children: children }));
     }
     else {
-        return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: borderColor, border_color_underline: borderColorUnderline, padding: padding, margin: marginButton, "aria-label": aria_label, boxshadow: box_shadow, children: children }));
+        // Link interno ou âncora
+        return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: border_color, padding: padding, margin: marginButton, "aria-label": aria_label, boxshadow: box_shadow, children: children }));
     }
 };
 export default NavigationButton;

package/dist/components/NavigationButton.js.map

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

package/dist/components/NavigationLink.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface NavigationLinkProps {
+    url: string;
+    aria_label: string;
+    background_color?: string;
+    background_color_hover?: string;
+    color: string;
+    color_hover?: string;
+    text_decoration: 'none' | 'underline';
+    width: string;
+    margin?: string;
+    padding?: string;
+    children: React.ReactNode;
+}
+declare const NavigationLink: React.FC<NavigationLinkProps>;
+export default NavigationLink;

package/dist/components/NavigationLink.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+const ButtonStyled = styled('a', {
+    shouldForwardProp: (prop) => ![
+        'background_color',
+        'background_color_hover',
+        'color',
+        'color_hover',
+        'padding',
+        'color_hover',
+        'width',
+        'margin',
+    ].includes(prop),
+})(({ background_color, background_color_hover, color, color_hover, padding, width, margin, }) => ({
+    width: width,
+    cursor: 'pointer',
+    textDecoration: 'none',
+    textTransform: 'none',
+    textAlign: 'center',
+    backgroundColor: background_color,
+    color: color,
+    padding: padding,
+    margin: margin,
+    '&:hover': {
+        backgroundColor: background_color_hover,
+        borderBottom: `1px solid ${color_hover}`,
+        color: color_hover,
+    },
+}));
+const NavigationLink = ({ url, aria_label, background_color = 'transparent', background_color_hover, color, color_hover, text_decoration = 'none', width, margin = '0', padding = '0', children }) => {
+    const backgroundColor = background_color;
+    const backgroundColorHover = background_color_hover !== null && background_color_hover !== void 0 ? background_color_hover : backgroundColor;
+    const colorHover = color_hover !== null && color_hover !== void 0 ? color_hover : color;
+    if (url.indexOf('http') != -1) {
+        return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, padding: padding, margin: margin, "aria-label": aria_label, target: "_blank", rel: "noopener noreferrer", children: children }));
+    }
+    else {
+        return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, padding: padding, margin: margin, "aria-label": aria_label, children: children }));
+    }
+};
+export default NavigationLink;
+//# sourceMappingURL=NavigationLink.js.map

package/dist/components/NavigationLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLink.js","sourceRoot":"","sources":["../../src/components/NavigationLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,EAAE;IAC/B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,kBAAkB;QAClB,wBAAwB;QACxB,OAAO;QACP,aAAa;QACb,SAAS;QACT,aAAa;QACb,OAAO;QACP,QAAQ;KACT,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAQC,CAAC,EACF,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAAK,EACL,MAAM,GACP,EAAE,EAAE,CAAC,CAAC;IACL,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,MAAM;IACrB,SAAS,EAAE,QAAQ;IACnB,eAAe,EAAE,gBAAgB;IACjC,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,MAAM;IAEd,SAAS,EAAE;QACT,eAAe,EAAE,sBAAsB;QACvC,YAAY,EAAE,aAAa,WAAW,EAAE;QACxC,KAAK,EAAE,WAAW;KACnB;CACF,CAAC,CAAC,CAAC;AAgBJ,MAAM,cAAc,GAAkC,CAAC,EACrD,GAAG,EAAE,UAAU,EAAE,gBAAgB,GAAC,aAAa,EAAE,sBAAsB,EACvE,KAAK,EAAE,WAAW,EAAE,eAAe,GAAG,MAAM,EAC5C,KAAK,EAAE,MAAM,GAAC,GAAG,EAAE,OAAO,GAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE;IAE5C,MAAM,eAAe,GAAY,gBAAgB,CAAC;IAClD,MAAM,oBAAoB,GAAY,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,eAAe,CAAC;IAChF,MAAM,UAAU,GAAY,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,CAAC;IAEjD,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;QAE9B,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,eAAe,EACjC,sBAAsB,EAAE,oBAAoB,EAC5C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,UAAU,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,gBACD,UAAU,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YACxB,QAAQ,GACI,CAChB,CAAC;IACJ,CAAC;SACG,CAAC;QAEH,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,eAAe,EACjC,sBAAsB,EAAE,oBAAoB,EAC5C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,UAAU,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,gBACD,UAAU,YAEtB,QAAQ,GACI,CAChB,CAAC;IACJ,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/WhatsAppButton.d.ts

@@ -1,6 +1,28 @@
 import React from 'react';
+/**
+ * Propriedades do componente `WhatsAppButton`.
+ */
 interface WhatsAppButtonProps {
+    /**
+     * Número de telefone para iniciar a conversa no WhatsApp.
+     *
+     * - Deve ser informado **apenas com dígitos**, incluindo o código do país.
+     * - Exemplo para Brasil: `"5511999999999"` (55 = DDI, 11 = DDD).
+     */
     whatsapp: string;
 }
+/**
+ * Botão flutuante do WhatsApp que abre uma conversa no **WhatsApp** em uma nova aba,
+ * usando o número fornecido na propriedade `whatsapp`.
+ *
+ * - Fica posicionado no canto inferior direito da tela.
+ * - Estilizado com a cor oficial do WhatsApp (#25D366).
+ * - Ao clicar, redireciona para `https://wa.me/{whatsapp}`
+ *
+ * Exemplo de uso:
+ * ```tsx
+ * <WhatsAppButton whatsapp="5511999999999" />
+ * ```
+ */
 declare const WhatsAppButton: React.FC<WhatsAppButtonProps>;
 export default WhatsAppButton;

package/dist/components/WhatsAppButton.js

@@ -14,7 +14,23 @@ const StyledFab = styled(Fab)({
         backgroundColor: '#1EBE5D',
     },
 });
+/**
+ * Botão flutuante do WhatsApp que abre uma conversa no **WhatsApp** em uma nova aba,
+ * usando o número fornecido na propriedade `whatsapp`.
+ *
+ * - Fica posicionado no canto inferior direito da tela.
+ * - Estilizado com a cor oficial do WhatsApp (#25D366).
+ * - Ao clicar, redireciona para `https://wa.me/{whatsapp}`
+ *
+ * Exemplo de uso:
+ * ```tsx
+ * <WhatsAppButton whatsapp="5511999999999" />
+ * ```
+ */
 const WhatsAppButton = ({ whatsapp }) => {
+    /**
+     * Abre uma nova aba com o link oficial `wa.me/{whatsapp}` para iniciar a conversa.
+     */
     const handleClick = () => {
         window.open(`https://wa.me/${whatsapp}`, '_blank');
     };

package/dist/components/WhatsAppButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppButton.js","sourceRoot":"","sources":["../../src/components/WhatsAppButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAEpC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,IAAI;IACZ,eAAe,EAAE,SAAS;IAC1B,KAAK,EAAE,OAAO;IAEd,SAAS,EAAE;QACT,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC,CAAC;AAMH,MAAM,cAAc,GAAkC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAErE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,EAAE,QAAQ,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBAAY,iBAAiB,EAAC,OAAO,EAAE,WAAW,YAC1D,KAAC,QAAQ,KAAG,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"WhatsAppButton.js","sourceRoot":"","sources":["../../src/components/WhatsAppButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAEpC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,IAAI;IACZ,eAAe,EAAE,SAAS;IAC1B,KAAK,EAAE,OAAO;IAEd,SAAS,EAAE;QACT,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC,CAAC;AAeH;;;;;;;;;;;;GAYG;AACH,MAAM,cAAc,GAAkC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrE;;OAEG;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,EAAE,QAAQ,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBAAY,iBAAiB,EAAC,OAAO,EAAE,WAAW,YAC1D,KAAC,QAAQ,KAAG,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/WhatsAppIcon.d.ts

@@ -1,6 +1,28 @@
 import React from 'react';
+/**
+ * Propriedades do componente `WhatsAppIcon`.
+ */
 export interface WhatsAppIconProps {
+    /**
+     * Número de telefone para iniciar a conversa no WhatsApp.
+     *
+     * - Use **apenas dígitos**, incluindo o código do país.
+     * - Exemplo (Brasil): `"5511999999999"` (55 = DDI, 11 = DDD).
+     */
     whatsapp: string;
 }
+/**
+ * Ícone clicável do WhatsApp envolto em um container circular personalizável,
+ * que pode ser posicionado livremente em qualquer lugar da tela.
+ *
+ * - Ao clicar, abre uma nova aba com o link `https://wa.me/{whatsapp}`.
+ * - A cor de fundo do círculo é a cor oficial do WhatsApp (`#25D366`).
+ * - Ideal para ser usado dentro de layouts onde você controla o `position` via CSS/Box pai.
+ *
+ * Exemplo de uso:
+ * ```tsx
+ * <WhatsAppIcon whatsapp="5511999999999" />
+ * ```
+ */
 declare const WhatsAppIcon: React.FC<WhatsAppIconProps>;
 export default WhatsAppIcon;

package/dist/components/WhatsAppIcon.js

@@ -11,8 +11,21 @@ const StyledBox = styled(Box, {
     display: 'inline-block',
     border: '2px solid transparent',
 }));
+/**
+ * Ícone clicável do WhatsApp envolto em um container circular personalizável,
+ * que pode ser posicionado livremente em qualquer lugar da tela.
+ *
+ * - Ao clicar, abre uma nova aba com o link `https://wa.me/{whatsapp}`.
+ * - A cor de fundo do círculo é a cor oficial do WhatsApp (`#25D366`).
+ * - Ideal para ser usado dentro de layouts onde você controla o `position` via CSS/Box pai.
+ *
+ * Exemplo de uso:
+ * ```tsx
+ * <WhatsAppIcon whatsapp="5511999999999" />
+ * ```
+ */
 const WhatsAppIcon = ({ whatsapp }) => {
-    return (_jsx(StyledBox, { background_color: '#25D366', children: _jsx(IconButton, { "aria-label": 'icone whatsapp', onClick: () => window.open(`https://wa.me/${whatsapp}`, '_blank', 'noopener noreferrer'), children: _jsx(WhatsApp, { sx: { color: 'white', fontSize: 24 } }) }) }));
+    return (_jsx(StyledBox, { background_color: "#25D366", children: _jsx(IconButton, { "aria-label": "icone whatsapp", onClick: () => window.open(`https://wa.me/${whatsapp}`, '_blank', 'noopener noreferrer'), children: _jsx(WhatsApp, { sx: { color: 'white', fontSize: 24 } }) }) }));
 };
 export default WhatsAppIcon;
 //# sourceMappingURL=WhatsAppIcon.js.map

package/dist/components/WhatsAppIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppIcon.js","sourceRoot":"","sources":["../../src/components/WhatsAppIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5E,CAAC,CAA+B,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,eAAe,EAAE,gBAAgB;IACjC,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,uBAAuB;CAChC,CAAC,CAAC,CAAC;AAOJ,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAEjE,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAC,SAAS,YACnC,KAAC,UAAU,kBAAY,gBAAgB,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,EAAE,QAAQ,EAAE,qBAAqB,CAAC,YACxF,KAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAc,GACjD,GACH,CACb,CAAC;AAEJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"WhatsAppIcon.js","sourceRoot":"","sources":["../../src/components/WhatsAppIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5E,CAAC,CAA+B,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,eAAe,EAAE,gBAAgB;IACjC,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,uBAAuB;CAChC,CAAC,CAAC,CAAC;AAeJ;;;;;;;;;;;;GAYG;AACH,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAC,SAAS,YACnC,KAAC,UAAU,kBACE,gBAAgB,EAC3B,OAAO,EAAE,GAAG,EAAE,CACZ,MAAM,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,EAAE,QAAQ,EAAE,qBAAqB,CAAC,YAG3E,KAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GACvC,GACH,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
+export { default as CircularIconLink } from './components/CircularIconLink';
 export { default as NavigationButton } from './components/NavigationButton';
-export { default as NavigationHamburguerButton } from './components/NavigationHamburguerButton';
+export { default as NavigationLink } from './components/NavigationLink';
 export { default as ScrollToTopButton } from './components/ScrollToTopButton';
 export { default as WhatsAppButton } from './components/WhatsAppButton';
 export { default as WhatsAppIcon } from './components/WhatsAppIcon';

package/dist/index.js

@@ -1,5 +1,6 @@
+export { default as CircularIconLink } from './components/CircularIconLink';
 export { default as NavigationButton } from './components/NavigationButton';
-export { default as NavigationHamburguerButton } from './components/NavigationHamburguerButton';
+export { default as NavigationLink } from './components/NavigationLink';
 export { default as ScrollToTopButton } from './components/ScrollToTopButton';
 export { default as WhatsAppButton } from './components/WhatsAppButton';
 export { default as WhatsAppIcon } from './components/WhatsAppIcon';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAC,MAAM,yCAAyC,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAC,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAC,MAAM,2BAA2B,CAAC"}