@pipelinesolucoes/button 1.0.0-beta.0

package/dist/components/NavigationButton.js

@@ -0,0 +1,80 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { COMMON_STYLE_FORWARD_PROPS } from '../types/CommonForwardProps';
+import { Typography } from '@mui/material';
+const ButtonStyled = styled('a', {
+    shouldForwardProp: (prop) => !['kind', ...COMMON_STYLE_FORWARD_PROPS].includes(prop),
+})(({ theme, kind, background, backgroundHover, colorText, colorHover, padding, borderRadius, border, width, margin, boxShadow, }) => {
+    const tokens = kind === 'primary'
+        ? theme.palette.custom.primaryButton
+        : kind === 'secondary'
+            ? theme.palette.custom.secondaryButton
+            : kind === 'delete'
+                ? theme.palette.custom.deleteButton
+                : undefined;
+    return {
+        width: width !== null && width !== void 0 ? width : 'auto',
+        margin: margin !== null && margin !== void 0 ? margin : '0',
+        padding: tokens ? tokens.padding : padding,
+        borderRadius: tokens ? tokens.borderRadius : borderRadius,
+        boxShadow: tokens ? tokens.boxShadow : boxShadow,
+        border,
+        textDecoration: 'none',
+        textTransform: 'none',
+        cursor: 'pointer',
+        textAlign: 'center',
+        background: tokens ? tokens.background : background,
+        color: tokens ? tokens.color : colorText,
+        '&:hover': {
+            background: tokens
+                ? tokens.backgroundHover
+                : backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : background,
+            color: tokens ? tokens.colorHover : colorHover !== null && colorHover !== void 0 ? colorHover : colorText,
+        },
+    };
+});
+/**
+ * Botão de navegação reutilizável baseado em um link (`<a>`), estilizado com Material UI.
+ *
+ * Regras de navegação:
+ * - Se `url` contiver `http`, o link é tratado como externo e abre em nova aba.
+ * - Caso contrário, é tratado como link interno ou âncora.
+ *
+ * @param {ButtonKind} [kind="none"] Tipo de botão baseado nos tokens do tema.
+ * @param {string} url URL ou âncora de destino.
+ * @param {string} aria_label Texto para acessibilidade.
+ * @param {string} [background] Cor de fundo do botão.
+ * @param {string} [backgroundHover] Cor de fundo no hover.
+ * @param {string} [colorText] Cor do texto.
+ * @param {string} [colorHover] Cor do texto no hover.
+ * @param {string} [border="none"] Borda do botão.
+ * @param {string} [borderRadius="0"] Raio da borda.
+ * @param {string} [boxShadow="none"] Sombra do botão.
+ * @param {string} width Largura do botão.
+ * @param {string} [margin="0"] Margem externa.
+ * @param {string} [padding="8px 24px"] Espaçamento interno.
+ * @param {string} [text] Texto do botão.
+ * @param {TypographyVariant} [variant="body1"] Variante da tipografia usada no texto.
+ *
+ * @example
+ * ```tsx
+ * <NavigationButton
+ *   kind="primary"
+ *   url="#contato"
+ *   aria_label="Ir para contato"
+ *   width="fit-content"
+ * >
+ *   Fale conosco
+ * </NavigationButton>
+ * ```
+ */
+const NavigationButton = ({ url, text, kind = 'none', aria_label, background, backgroundHover, colorText, colorHover, borderRadius = '0', border = 'none', boxShadow = 'none', width, margin = '0', padding = '8px 24px', variant = "body1", }) => {
+    if (url.includes('http')) {
+        return (_jsx(ButtonStyled, { kind: kind, href: url, width: width, background: background, backgroundHover: backgroundHover, colorText: colorText, colorHover: colorHover, borderRadius: borderRadius, border: border, padding: padding, margin: margin, "aria-label": aria_label, target: "_blank", rel: "noopener noreferrer", boxShadow: boxShadow, children: _jsx(Typography, { variant: variant, children: text }) }));
+    }
+    return (_jsx(ButtonStyled, { kind: kind, href: url, width: width, background: background, backgroundHover: backgroundHover, colorText: colorText, colorHover: colorHover, borderRadius: borderRadius, border: border, padding: padding, margin: margin, "aria-label": aria_label, boxShadow: boxShadow, children: _jsx(Typography, { variant: variant, children: text }) }));
+};
+NavigationButton.displayName = 'NavigationButton';
+export default NavigationButton;
+//# sourceMappingURL=NavigationButton.js.map

package/dist/components/NavigationButton.js.map

@@ -0,0 +1 @@
+{"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,73 @@
+import React from 'react';
+import { TypographyVariant } from '@mui/material/styles';
+import { LayoutProps } from '../types/style/LayoutProps';
+import { ColorProps } from '../types/style/ColorProps';
+export interface LinkStyleProps extends LayoutProps, ColorProps {
+    textDecoration: 'none' | 'underline';
+}
+interface NavigationLinkProps extends LinkStyleProps {
+    url: string;
+    aria_label: string;
+    textDecoration: 'none' | 'underline';
+    text: string;
+    variant?: TypographyVariant;
+}
+/**
+ * Componente que renderiza um link de navegação estilizado usando `styled` do Material UI.
+ * Ele aplica estilos customizáveis (layout e cores) e encapsula o texto com `Typography`.
+ *
+ * Quando a `url` contém `"http"`, o link é tratado como **externo** e abre em uma nova aba
+ * com `target="_blank"` e `rel="noopener noreferrer"`. Caso contrário, o link é tratado como **interno**
+ * e abre na mesma aba.
+ *
+ * @param {string} url URL de destino do link. Se contiver "http", será considerado link externo.
+ * @param {string} aria_label Rótulo de acessibilidade aplicado em `aria-label` no elemento `<a>`.
+ * @param {string} [background_color='transparent'] Cor de fundo do link.
+ * @param {string} [background_color_hover] Cor de fundo no hover. Se não for informada, usa `background_color`.
+ * @param {string} color Cor do texto do link.
+ * @param {string} [color_hover] Cor do texto no hover. Se não for informada, usa `color`.
+ * @param {'none' | 'underline'} [text_decoration='none'] Estilo de decoração do texto (`text-decoration`) do link.
+ * @param {string} width Largura do link (ex.: `'100%'`, `'auto'`, `'200px'`).
+ * @param {string} [margin='0'] Margem externa do link.
+ * @param {string} [padding='0'] Espaçamento interno do link.
+ * @param {string} text Texto exibido dentro do link.
+ * @param {TypographyVariant} [variant='body1'] Variante do `Typography` do Material UI utilizada para renderizar o texto.
+ *
+ * @example
+ * ```tsx
+ * import { NavigationLink } from '@/components/NavigationLink';
+ *
+ * export const Example = () => {
+ *   return (
+ *     <>
+ *       <NavigationLink
+ *         url="/about"
+ *         aria_label="Ir para a página Sobre"
+ *         color="#222"
+ *         text="Sobre"
+ *         width="auto"
+ *         padding="8px 12px"
+ *         text_decoration="none"
+ *         variant="body2"
+ *       />
+ *
+ *       <NavigationLink
+ *         url="https://example.com"
+ *         aria_label="Abrir site externo"
+ *         color="#1976d2"
+ *         color_hover="#0d47a1"
+ *         background_color="transparent"
+ *         background_color_hover="transparent"
+ *         text="Site externo"
+ *         width="auto"
+ *         margin="0 0 0 12px"
+ *         padding="8px 12px"
+ *         text_decoration="underline"
+ *       />
+ *     </>
+ *   );
+ * };
+ * ```
+ */
+declare const NavigationLink: React.FC<NavigationLinkProps>;
+export default NavigationLink;

package/dist/components/NavigationLink.js

@@ -0,0 +1,101 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { Typography } from '@mui/material';
+const ButtonStyled = styled('a', {
+    shouldForwardProp: (prop) => ![
+        "width",
+        "height",
+        "padding",
+        "margin",
+        "background",
+        "backgroundHover",
+        "colorText",
+        "colorHover",
+    ].includes(prop),
+})(({ background, backgroundHover, colorText, colorHover, padding, width, margin, textDecoration }) => ({
+    width: width,
+    cursor: 'pointer',
+    textDecoration: textDecoration,
+    textTransform: 'none',
+    textAlign: 'center',
+    backgroundColor: background,
+    color: colorText,
+    padding: padding,
+    margin: margin,
+    '&:hover': {
+        backgroundColor: backgroundHover,
+        borderBottom: `1px solid ${colorHover}`,
+        color: colorHover,
+    },
+}));
+/**
+ * Componente que renderiza um link de navegação estilizado usando `styled` do Material UI.
+ * Ele aplica estilos customizáveis (layout e cores) e encapsula o texto com `Typography`.
+ *
+ * Quando a `url` contém `"http"`, o link é tratado como **externo** e abre em uma nova aba
+ * com `target="_blank"` e `rel="noopener noreferrer"`. Caso contrário, o link é tratado como **interno**
+ * e abre na mesma aba.
+ *
+ * @param {string} url URL de destino do link. Se contiver "http", será considerado link externo.
+ * @param {string} aria_label Rótulo de acessibilidade aplicado em `aria-label` no elemento `<a>`.
+ * @param {string} [background_color='transparent'] Cor de fundo do link.
+ * @param {string} [background_color_hover] Cor de fundo no hover. Se não for informada, usa `background_color`.
+ * @param {string} color Cor do texto do link.
+ * @param {string} [color_hover] Cor do texto no hover. Se não for informada, usa `color`.
+ * @param {'none' | 'underline'} [text_decoration='none'] Estilo de decoração do texto (`text-decoration`) do link.
+ * @param {string} width Largura do link (ex.: `'100%'`, `'auto'`, `'200px'`).
+ * @param {string} [margin='0'] Margem externa do link.
+ * @param {string} [padding='0'] Espaçamento interno do link.
+ * @param {string} text Texto exibido dentro do link.
+ * @param {TypographyVariant} [variant='body1'] Variante do `Typography` do Material UI utilizada para renderizar o texto.
+ *
+ * @example
+ * ```tsx
+ * import { NavigationLink } from '@/components/NavigationLink';
+ *
+ * export const Example = () => {
+ *   return (
+ *     <>
+ *       <NavigationLink
+ *         url="/about"
+ *         aria_label="Ir para a página Sobre"
+ *         color="#222"
+ *         text="Sobre"
+ *         width="auto"
+ *         padding="8px 12px"
+ *         text_decoration="none"
+ *         variant="body2"
+ *       />
+ *
+ *       <NavigationLink
+ *         url="https://example.com"
+ *         aria_label="Abrir site externo"
+ *         color="#1976d2"
+ *         color_hover="#0d47a1"
+ *         background_color="transparent"
+ *         background_color_hover="transparent"
+ *         text="Site externo"
+ *         width="auto"
+ *         margin="0 0 0 12px"
+ *         padding="8px 12px"
+ *         text_decoration="underline"
+ *       />
+ *     </>
+ *   );
+ * };
+ * ```
+ */
+const NavigationLink = ({ url, aria_label, background = 'transparent', backgroundHover, colorText, colorHover, textDecoration = 'none', width, margin = '0', padding = '0', text, variant = "body1", }) => {
+    const backgroundColor = background;
+    const backgroundColorHover = backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : backgroundColor;
+    const color_hover = colorHover ? colorHover : (colorText !== null && colorText !== void 0 ? colorText : 'black');
+    if (url.indexOf('http') != -1) {
+        return (_jsx(ButtonStyled, { href: url, width: width, background: backgroundColor, backgroundHover: backgroundColorHover, colorText: colorText, colorHover: color_hover, padding: padding, margin: margin, textDecoration: textDecoration, "aria-label": aria_label, target: "_blank", rel: "noopener noreferrer", children: _jsx(Typography, { variant: variant, children: text }) }));
+    }
+    else {
+        return (_jsx(ButtonStyled, { href: url, width: width, background: backgroundColor, backgroundHover: backgroundColorHover, colorText: colorText, colorHover: color_hover, padding: padding, margin: margin, "aria-label": aria_label, textDecoration: textDecoration, children: _jsx(Typography, { variant: variant, children: text }) }));
+    }
+};
+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,EAAqB,MAAM,sBAAsB,CAAC;AAGjE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,EAAE;IAC/B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,OAAO;QACP,QAAQ;QACR,SAAS;QACT,QAAQ;QACR,YAAY;QACZ,iBAAiB;QACjB,WAAW;QACX,YAAY;KACb,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAAiB,CAAC,EAClB,UAAU,EACV,eAAe,EACf,SAAS,EACT,UAAU,EACV,OAAO,EACP,KAAK,EACL,MAAM,EACN,cAAc,EACf,EAAE,EAAE,CAAC,CAAC;IACL,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,cAAc;IAC9B,aAAa,EAAE,MAAM;IACrB,SAAS,EAAE,QAAQ;IACnB,eAAe,EAAE,UAAU;IAC3B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,MAAM;IAEd,SAAS,EAAE;QACT,eAAe,EAAE,eAAe;QAChC,YAAY,EAAE,aAAa,UAAU,EAAE;QACvC,KAAK,EAAE,UAAU;KAClB;CACF,CAAC,CAAC,CAAC;AAUJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AAEH,MAAM,cAAc,GAAkC,CAAC,EACrD,GAAG,EAAE,UAAU,EAAE,UAAU,GAAC,aAAa,EAAE,eAAe,EAC1D,SAAS,EAAE,UAAU,EAAE,cAAc,GAAG,MAAM,EAC9C,KAAK,EAAE,MAAM,GAAC,GAAG,EAAE,OAAO,GAAC,GAAG,EAAE,IAAI,EAAE,OAAO,GAAG,OAAO,GAAK,EAAE,EAAE;IAE9D,MAAM,eAAe,GAAY,UAAU,CAAC;IAC5C,MAAM,oBAAoB,GAAY,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,eAAe,CAAC;IACzE,MAAM,WAAW,GAAY,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,OAAO,CAAC,CAAC;IAE9E,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,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,oBAAoB,EACrC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,gBACjB,UAAU,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YACzB,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAc,GACpC,CAChB,CAAC;IACJ,CAAC;SACG,CAAC;QAEH,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,oBAAoB,EACrC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,gBACD,UAAU,EACvB,cAAc,EAAE,cAAc,YAE9B,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAc,GACpC,CAChB,CAAC;IACJ,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/ScrollToTopButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface ScrollToTopButtonProps {
+    show: boolean;
+    border_radius: string;
+    background_color: string;
+    background_color_hover: string;
+    children: React.ReactNode;
+}
+declare const ScrollToTopButton: React.FC<ScrollToTopButtonProps>;
+export default ScrollToTopButton;

package/dist/components/ScrollToTopButton.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import IconButton from '@mui/material/IconButton';
+import { styled } from '@mui/material/styles';
+const ButtonStyled = styled(IconButton, {
+    shouldForwardProp: (prop) => !['$show', '$background_color', '$border_radius', '$background_color_hover'].includes(prop),
+})(({ $show, $background_color, $border_radius, $background_color_hover }) => ({
+    display: $show === 'true' ? 'flex' : 'none',
+    position: 'fixed',
+    bottom: '165px',
+    right: '20px',
+    cursor: 'pointer',
+    zIndex: 1000,
+    width: 'auto',
+    height: 'auto',
+    border: `1px solid ${$background_color || '#00000000'}`,
+    backgroundColor: $background_color || '#00000000',
+    borderRadius: $border_radius,
+    '&:hover': {
+        backgroundColor: $background_color_hover || $background_color,
+    },
+}));
+const ScrollToTopButton = ({ show, border_radius, background_color, background_color_hover, children }) => {
+    const [showButton, setshowButton] = useState(show);
+    const handleScroll = () => {
+        setshowButton(window.scrollY > 0);
+    };
+    useEffect(() => {
+        window.addEventListener('scroll', handleScroll);
+        return () => {
+            window.removeEventListener('scroll', handleScroll);
+        };
+    }, []);
+    const scrollToTop = () => {
+        window.scrollTo({
+            top: 0,
+            behavior: 'smooth',
+        });
+    };
+    return (_jsx(ButtonStyled, { "$background_color": background_color, "$border_radius": border_radius, "$background_color_hover": background_color_hover, onClick: scrollToTop, "aria-label": "ir para o topo", "$show": showButton.toString(), children: children }));
+};
+export default ScrollToTopButton;
+//# sourceMappingURL=ScrollToTopButton.js.map

package/dist/components/ScrollToTopButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTopButton.js","sourceRoot":"","sources":["../../src/components/ScrollToTopButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,yBAAyB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACnI,CAAC,CAKC,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,uBAAuB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;IAC3C,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,aAAa,iBAAiB,IAAI,WAAW,EAAE;IACvD,eAAe,EAAE,iBAAiB,IAAI,WAAW;IACjD,YAAY,EAAE,cAAc;IAC5B,SAAS,EAAE;QACT,eAAe,EAAE,uBAAuB,IAAI,iBAAiB;KAC9D;CACF,CAAC,CAAC,CAAC;AAWJ,MAAM,iBAAiB,GAAqC,CAAC,EAAC,IAAI,EAAE,aAAa,EAC7E,gBAAgB,EAAE,sBAAsB,EAAE,QAAQ,EAAC,EAAE,EAAE;IAEnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,GAAG,EAAE;QAExB,aAAa,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,QAAQ,CAAC;YACd,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,yBACQ,gBAAgB,oBACnB,aAAa,6BACJ,sBAAsB,EAC/C,OAAO,EAAE,WAAW,gBAAa,gBAAgB,WAC1C,UAAU,CAAC,QAAQ,EAAE,YAC3B,QAAQ,GACI,CAChB,CAAC;AACV,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/StyledButton.d.ts

@@ -0,0 +1,6 @@
+import { ButtonKind } from "../types/ButtonKind";
+import { CommonStyleProps } from "../types/style/CommonStyleProps";
+export interface ButtonStyleProps extends CommonStyleProps {
+    kind: ButtonKind;
+}
+export declare const StyledButtonKind: 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>, "style" | "color" | "children" | "sx" | "className" | "tabIndex" | "classes" | "href" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "disableElevation" | "endIcon" | "fullWidth" | "loadingPosition" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ButtonStyleProps, {}, {}>;

package/dist/components/StyledButton.js

@@ -0,0 +1,39 @@
+import { COMMON_STYLE_FORWARD_PROPS } from '../types/CommonForwardProps';
+import { Button, styled } from "@mui/material";
+export const StyledButtonKind = styled(Button, {
+    shouldForwardProp: (prop) => !["kind", ...COMMON_STYLE_FORWARD_PROPS].includes(prop),
+})(({ theme, kind = "primary", width, height, padding, margin, background, backgroundHover, colorText, colorHover, borderRadius, boxShadow }) => {
+    const tokens = kind === "primary"
+        ? theme.palette.custom.primaryButton
+        : kind === "secondary"
+            ? theme.palette.custom.secondaryButton
+            : kind === "delete"
+                ? theme.palette.custom.deleteButton
+                : undefined;
+    return {
+        // Dimensões
+        width: width,
+        height: height,
+        margin: margin,
+        padding: tokens ? tokens.padding : padding,
+        // Visual
+        textTransform: "none",
+        borderRadius: tokens ? tokens.borderRadius : borderRadius,
+        boxShadow: tokens ? tokens.boxShadow : boxShadow,
+        // Cores
+        background: tokens ? tokens.background : background,
+        color: tokens ? tokens.color : colorText,
+        "&:hover": {
+            background: tokens ? tokens.backgroundHover : (backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : background),
+            color: tokens ? tokens.colorHover : (colorHover !== null && colorHover !== void 0 ? colorHover : colorText),
+            boxShadow: tokens ? tokens.boxShadow : boxShadow,
+        },
+        // Estado disabled
+        "&.Mui-disabled": {
+            background: theme.palette.grey[300],
+            color: theme.palette.text.disabled,
+            boxShadow: "none",
+        },
+    };
+});
+//# sourceMappingURL=StyledButton.js.map

package/dist/components/StyledButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledButton.js","sourceRoot":"","sources":["../../src/components/StyledButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAM/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE;IAC7C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,0BAA0B,CAAE,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC/F,CAAC,CAEA,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE;IAE5I,MAAM,MAAM,GACV,IAAI,KAAK,SAAS;QAChB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa;QACpC,CAAC,CAAC,IAAI,KAAK,WAAW;YACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe;YACtC,CAAC,CAAC,IAAI,KAAK,QAAQ;gBACjB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY;gBACnC,CAAC,CAAC,SAAS,CAAC;IAEpB,OAAO;QACL,YAAY;QACZ,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;QAE1C,SAAS;QACT,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY;QACzD,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAEhD,QAAQ;QACR,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QACnD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QAExC,SAAS,EAAE;YACT,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,UAAU,CAAC;YAC9E,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,SAAS,CAAC;YAC7D,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;SACjD;QAED,kBAAkB;QAClB,gBAAgB,EAAE;YAChB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACnC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;YAClC,SAAS,EAAE,MAAM;SAClB;KACF,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/WhatsAppButton.d.ts

@@ -0,0 +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

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WhatsApp } from '@mui/icons-material';
+import { styled } from '@mui/material/styles';
+import Fab from '@mui/material/Fab';
+const StyledFab = styled(Fab)({
+    position: 'fixed',
+    bottom: '20px',
+    right: '20px',
+    zIndex: 1000,
+    backgroundColor: '#25D366',
+    color: 'white',
+    '&:hover': {
+        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');
+    };
+    return (_jsx(StyledFab, { "aria-label": "button whatsapp", onClick: handleClick, children: _jsx(WhatsApp, {}) }));
+};
+export default WhatsAppButton;
+//# sourceMappingURL=WhatsAppButton.js.map

package/dist/components/WhatsAppButton.js.map

@@ -0,0 +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;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

@@ -0,0 +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

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, IconButton, styled } from '@mui/material';
+import { WhatsApp } from '@mui/icons-material';
+const StyledBox = styled(Box, {
+    shouldForwardProp: (prop) => !['background_color'].includes(prop),
+})(({ background_color }) => ({
+    backgroundColor: background_color,
+    padding: '4px',
+    borderRadius: '50%',
+    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 } }) }) }));
+};
+export default WhatsAppIcon;
+//# sourceMappingURL=WhatsAppIcon.js.map

package/dist/components/WhatsAppIcon.js.map

@@ -0,0 +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;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

@@ -0,0 +1,16 @@
+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';
+export { default as WhatsAppIcon } from './components/WhatsAppIcon';
+export { default as ActionButton } from "./components/ActionButton";
+export { default as FormButtonGroup } from "./components/FormButtonGroup";
+export type { ButtonKind } from "./types/ButtonKind";
+export type { BorderProps } from "./types/style/BorderProps";
+export type { ColorProps } from "./types/style/ColorProps";
+export type { LayoutProps } from "./types/style/LayoutProps";
+export type { CommonStyleProps } from "./types/style/CommonStyleProps";
+export { COMMON_STYLE_FORWARD_PROPS } from './types/CommonForwardProps';
+export * from './components/StyledButton';

package/dist/index.js

@@ -0,0 +1,12 @@
+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';
+export { default as WhatsAppIcon } from './components/WhatsAppIcon';
+export { default as ActionButton } from "./components/ActionButton";
+export { default as FormButtonGroup } from "./components/FormButtonGroup";
+export { COMMON_STYLE_FORWARD_PROPS } from './types/CommonForwardProps';
+export * from './components/StyledButton';
+//# 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,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;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAO1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACxE,cAAc,2BAA2B,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