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

package/dist/components/DownloadButton.d.ts

@@ -1,78 +1,37 @@
 import React from 'react';
 /**
- * Propriedades do componente `NavigationButton`.
+ * Props para o componente DownloadButton
  */
-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.
-     */
+export interface DownloadButtonProps {
+    /** URL do arquivo a ser baixado */
     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). */
+    /** Nome do arquivo que será salvo */
+    fileName: string;
+    /** Cor de fundo padrão */
+    background?: string;
+    /** Cor de fundo no hover */
+    backgroundHover?: string;
+    /** Cor do texto padrão */
+    color?: string;
+    /** Cor do texto no hover */
+    colorHover?: string;
+    /** Raio da borda */
+    borderRadius?: string;
+    /** Sombra do botão */
+    boxShadow?: string;
+    /** Ícone opcional exibido à esquerda do texto */
+    icon?: React.ReactNode;
+    /** Texto do botão passado como children (deve ser um Typography) */
     children: React.ReactNode;
 }
 /**
- * Componente `DownloadButton`
+ * Botão de download customizável com suporte a ícone e texto centralizado.
+ * O texto deve ser passado via `Typography` como children.
  *
- * 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>
- * ```
+ * @default background="#1976d2"
+ * @default color="#fff"
+ * @default borderRadius="8px"
+ * @default boxShadow="none"
  */
 declare const DownloadButton: React.FC<DownloadButtonProps>;
 export default DownloadButton;

package/dist/components/DownloadButton.js

@@ -1,69 +1,44 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
-const ButtonStyled = styled('a', {
+const StyledLink = styled('a', {
     shouldForwardProp: (prop) => ![
-        'background_color',
-        'background_color_hover',
+        'background',
+        'backgroundHover',
         'color',
-        'color_hover',
-        'padding',
-        'border_radius',
-        'border_color',
-        'color_hover',
-        'width',
-        'margin',
-        'boxshadow',
+        'colorHover',
+        'borderRadius',
+        'boxShadow',
     ].includes(prop),
-})(({ background_color, background_color_hover, color, color_hover, padding, border_radius, border_color, width, margin, boxshadow, }) => ({
-    width: width,
+})(({ background, backgroundHover, color, colorHover, borderRadius, boxShadow }) => ({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: '8px',
+    background: background || '#1976d2',
+    color: color || '#fff',
+    borderRadius: borderRadius || '8px',
+    boxShadow: boxShadow || 'none',
+    padding: '8px 16px',
     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,
+    transition: 'all 0.3s ease',
     '&:hover': {
-        backgroundColor: background_color_hover,
-        color: color_hover,
+        background: backgroundHover || '#1565c0',
+        color: colorHover || color || '#fff',
     },
 }));
 /**
- * Componente `DownloadButton`
+ * Botão de download customizável com suporte a ícone e texto centralizado.
+ * O texto deve ser passado via `Typography` como children.
  *
- * 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>
- * ```
+ * @default background="#1976d2"
+ * @default color="#fff"
+ * @default borderRadius="8px"
+ * @default boxShadow="none"
  */
-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 }));
+const DownloadButton = ({ file, fileName, background, backgroundHover, color, colorHover, borderRadius, boxShadow, icon, children, }) => {
+    return (_jsxs(StyledLink, { href: file, download: fileName, background: background, backgroundHover: backgroundHover, color: color, colorHover: colorHover, borderRadius: borderRadius, boxShadow: boxShadow, children: [icon && _jsx("span", { children: icon }), children] }));
 };
+DownloadButton.displayName = 'DownloadButton';
 export default DownloadButton;
 //# sourceMappingURL=DownloadButton.js.map

package/dist/components/DownloadButton.js.map

@@ -1 +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"}
+{"version":3,"file":"DownloadButton.js","sourceRoot":"","sources":["../../src/components/DownloadButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AA4B9C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,EAAE;IAC7B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,YAAY;QACZ,iBAAiB;QACjB,OAAO;QACP,YAAY;QACZ,cAAc;QACd,WAAW;KACZ,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAOC,CAAC,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IACnF,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,GAAG,EAAE,KAAK;IACV,UAAU,EAAE,UAAU,IAAI,SAAS;IACnC,KAAK,EAAE,KAAK,IAAI,MAAM;IACtB,YAAY,EAAE,YAAY,IAAI,KAAK;IACnC,SAAS,EAAE,SAAS,IAAI,MAAM;IAC9B,OAAO,EAAE,UAAU;IACnB,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,UAAU,EAAE,eAAe;IAC3B,SAAS,EAAE;QACT,UAAU,EAAE,eAAe,IAAI,SAAS;QACxC,KAAK,EAAE,UAAU,IAAI,KAAK,IAAI,MAAM;KACrC;CACF,CAAC,CAAC,CAAC;AAEJ;;;;;;;;GAQG;AACH,MAAM,cAAc,GAAkC,CAAC,EACrD,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,eAAe,EACf,KAAK,EACL,UAAU,EACV,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,aAEnB,IAAI,IAAI,yBAAO,IAAI,GAAQ,EAC3B,QAAQ,IACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,eAAe,cAAc,CAAC"}