pipesol-button 1.0.1-beta.5 → 1.0.1-beta.7

package/dist/components/CircularIconLink.d.ts

@@ -14,8 +14,8 @@ export interface CircularIconLinkProps {
      * ```
      */
     children: ReactElement<HTMLImageElement> | ReactElement<SvgIconProps>;
-    /** URL a ser aberta */
-    url: string;
+    /** URL a ser aberta (opcional se onClick for usado) */
+    url?: string;
     /** Cor de fundo do círculo */
     background_color: string;
     /** Texto para acessibilidade (`aria-label`) */
@@ -26,6 +26,8 @@ export interface CircularIconLinkProps {
     border?: string;
     /** Define se o link será aberto em nova aba. @default true */
     openInNewTab?: boolean;
+    /** Evento de clique customizado. Se definido, sobrescreve o comportamento padrão */
+    onClick?: () => void;
 }
 /**
  * **CircularIconLink**
@@ -35,7 +37,7 @@ export interface CircularIconLinkProps {
  *
  * - 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 nova aba ou na mesma aba, dependendo da prop `openInNewTab`.
+ * - Ao clicar, executa o `onClick` se definido, caso contrário abre a `url` em nova aba ou na mesma aba.
  */
 declare const CircularIconLink: React.FC<CircularIconLinkProps>;
 export default CircularIconLink;

package/dist/components/CircularIconLink.js

@@ -19,15 +19,17 @@ const StyledBox = styled(Box, {
  *
  * - 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 nova aba ou na mesma aba, dependendo da prop `openInNewTab`.
+ * - Ao clicar, executa o `onClick` se definido, caso contrário abre a `url` em nova aba ou na mesma aba.
  */
-const CircularIconLink = ({ url, background_color = 'transparent', aria_label, padding = '4px', border = 'none', children, openInNewTab = true, }) => {
+const CircularIconLink = ({ url, background_color = 'transparent', aria_label, padding = '4px', border = 'none', children, openInNewTab = true, onClick, }) => {
     const handleClick = () => {
-        const target = openInNewTab ? '_blank' : '_self';
-        const features = openInNewTab ? 'noopener noreferrer' : '';
-        window.open(url, target, features);
+        if (url) {
+            const target = openInNewTab ? '_blank' : '_self';
+            const features = openInNewTab ? 'noopener noreferrer' : '';
+            window.open(url, target, features);
+        }
     };
-    return (_jsx(StyledBox, { background_color: background_color, padding: padding, border: border, children: _jsx(IconButton, { "aria-label": aria_label, onClick: handleClick, children: children }) }));
+    return (_jsx(StyledBox, { background_color: background_color, padding: padding, border: border, children: _jsx(IconButton, { "aria-label": aria_label, onClick: onClick || handleClick, children: children }) }));
 };
 export default CircularIconLink;
 //# sourceMappingURL=CircularIconLink.js.map

package/dist/components/CircularIconLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularIconLink.js","sourceRoot":"","sources":["../../src/components/CircularIconLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,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;AAoCJ;;;;;;;;;GASG;AACH,MAAM,gBAAgB,GAAoC,CAAC,EACzD,GAAG,EACH,gBAAgB,GAAG,aAAa,EAChC,UAAU,EACV,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,MAAM,EACf,QAAQ,EACR,YAAY,GAAG,IAAI,GACpB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;QACjD,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3D,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAC7E,KAAC,UAAU,kBAAa,UAAU,EAAE,OAAO,EAAE,WAAW,YACrD,QAAQ,GACE,GACH,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CircularIconLink.js","sourceRoot":"","sources":["../../src/components/CircularIconLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,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;AAuCJ;;;;;;;;;GASG;AACH,MAAM,gBAAgB,GAAoC,CAAC,EACzD,GAAG,EACH,gBAAgB,GAAG,aAAa,EAChC,UAAU,EACV,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,MAAM,EACf,QAAQ,EACR,YAAY,GAAG,IAAI,EACnB,OAAO,GACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,GAAG,EAAE,CAAC;YACR,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;YACjD,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3D,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAC7E,KAAC,UAAU,kBAAa,UAAU,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,YAChE,QAAQ,GACE,GACH,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/DownloadButton.d.ts

@@ -0,0 +1,78 @@
+import React from 'react';
+/**
+ * Propriedades do componente `NavigationButton`.
+ */
+interface DownloadButtonProps {
+    /**
+     * **Arquivo a ser baixado**.
+     *
+     * - Pode ser um caminho relativo dentro do projeto (ex: `/arquivos/relatorio.pdf`),
+     *   que o navegador tratará como download automático.
+     * - Pode ser uma URL absoluta/externa (ex: `https://exemplo.com/arquivo.zip`),
+     *   que será aberta em nova aba para que o usuário faça o download.
+     */
+    file: 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;
+    /** 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;
+}
+/**
+ * Componente `DownloadButton`
+ *
+ * Botão estilizado para **download de arquivos**.
+ * Cria um link em formato de botão que pode:
+ * - Abrir o arquivo em nova aba (para URLs externas iniciando com `http`);
+ * - Acionar o download direto de um arquivo local/relativo.
+ *
+ * Exemplo de uso:
+ * ```tsx
+ * <DownloadButton
+ *   file="/docs/manual.pdf"
+ *   aria_label="Baixar manual em PDF"
+ *   background_color="#1976d2"
+ *   color="#fff"
+ *   border_radius="8px"
+ *   width="200px"
+ * >
+ *   Baixar Manual
+ * </DownloadButton>
+ * ```
+ */
+declare const DownloadButton: React.FC<DownloadButtonProps>;
+export default DownloadButton;

package/dist/components/DownloadButton.js

@@ -0,0 +1,69 @@
+'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',
+        'border_radius',
+        'border_color',
+        'color_hover',
+        'width',
+        'margin',
+        'boxshadow',
+    ].includes(prop),
+})(({ background_color, background_color_hover, color, color_hover, padding, border_radius, border_color, width, margin, boxshadow, }) => ({
+    width: width,
+    cursor: 'pointer',
+    textDecoration: 'none',
+    textTransform: 'none',
+    textAlign: 'center',
+    boxShadow: boxshadow,
+    backgroundColor: background_color,
+    color: color,
+    border: `1px solid ${border_color}`,
+    borderRadius: border_radius,
+    padding: padding,
+    margin: margin,
+    '&:hover': {
+        backgroundColor: background_color_hover,
+        color: color_hover,
+    },
+}));
+/**
+ * Componente `DownloadButton`
+ *
+ * Botão estilizado para **download de arquivos**.
+ * Cria um link em formato de botão que pode:
+ * - Abrir o arquivo em nova aba (para URLs externas iniciando com `http`);
+ * - Acionar o download direto de um arquivo local/relativo.
+ *
+ * Exemplo de uso:
+ * ```tsx
+ * <DownloadButton
+ *   file="/docs/manual.pdf"
+ *   aria_label="Baixar manual em PDF"
+ *   background_color="#1976d2"
+ *   color="#fff"
+ *   border_radius="8px"
+ *   width="200px"
+ * >
+ *   Baixar Manual
+ * </DownloadButton>
+ * ```
+ */
+const DownloadButton = ({ file, 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;
+    // Se sua rota de download for algo como /api/files/[file]/download,
+    // você pode ajustar aqui:
+    const downloadHref = `${file}/download`;
+    return (_jsx(ButtonStyled, { href: downloadHref, download // faz o navegador baixar ao invés de abrir, se suportado
+        : true, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: border_radius, border_color: border_color, padding: padding, margin: margin, "aria-label": aria_label, boxshadow: box_shadow, children: children }));
+};
+export default DownloadButton;
+//# sourceMappingURL=DownloadButton.js.map

package/dist/components/DownloadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadButton.js","sourceRoot":"","sources":["../../src/components/DownloadButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,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,eAAe;QACf,cAAc;QACd,aAAa;QACb,OAAO;QACP,QAAQ;QACR,WAAW;KACZ,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAYA,CAAC,EACC,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,aAAa,EACb,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,GACV,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,SAAS,EAAE,SAAS;IACpB,eAAe,EAAE,gBAAgB;IACjC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,aAAa,YAAY,EAAE;IACnC,YAAY,EAAE,aAAa;IAC3B,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,MAAM;IAEd,SAAS,EAAE;QACT,eAAe,EAAE,sBAAsB;QACvC,KAAK,EAAE,WAAW;KACnB;CACF,CAAC,CACH,CAAC;AAoEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,cAAc,GAAkC,CAAC,EACrD,IAAI,EACJ,UAAU,EACV,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,EACL,WAAW,EACX,aAAa,GAAG,GAAG,EACnB,YAAY,GAAG,aAAa,EAC5B,UAAU,GAAG,MAAM,EACnB,KAAK,EACL,MAAM,GAAG,GAAG,EACZ,OAAO,GAAG,UAAU,EACpB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,eAAe,GAAW,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,aAAa,CAAC;IAClE,MAAM,oBAAoB,GAAW,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,eAAe,CAAC;IAC/E,MAAM,UAAU,GAAW,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,CAAC;IAEhD,oEAAoE;IACpE,0BAA0B;IAC1B,MAAM,YAAY,GAAG,GAAG,IAAI,WAAW,CAAC;IAExC,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,YAAY,EAClB,QAAQ,CAAC,yDAAyD;gBAClE,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,eAAe,EACjC,sBAAsB,EAAE,oBAAoB,EAC5C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,UAAU,EACvB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,gBACF,UAAU,EACtB,SAAS,EAAE,UAAU,YAEpB,QAAQ,GACI,CAChB,CAAC;AAEJ,CAAC,CAAC;AAEF,eAAe,cAAc,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 DownloadButton } from './components/DownloadButton';
 export { default as NavigationLink } from './components/NavigationLink';
 export { default as ScrollToTopButton } from './components/ScrollToTopButton';
 export { default as WhatsAppButton } from './components/WhatsAppButton';

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 DownloadButton } from './components/DownloadButton';
 export { default as NavigationLink } from './components/NavigationLink';
 export { default as ScrollToTopButton } from './components/ScrollToTopButton';
 export { default as WhatsAppButton } from './components/WhatsAppButton';

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,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"}
+{"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,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"}