pipesol-notificationbar 1.0.0

package/README.md

@@ -0,0 +1,30 @@
+# Sobre
+
+  Este projeto é uma biblioteca React preparada para publicação no npm. 
+  Essa biblioteca contem componentes de barra de notificacao.
+  Abaixo está o passo a passo para publicar ou atualizar a lib.
+
+# Pré-requisitos
+
+    1. Conta no NPM
+        - Crie uma conta em: https://www.npmjs.com/signup
+
+    2. Node.js instalado
+        - Recomenda-se uma versão LTS. Verifique com: node -v
+        - Login no NPM pelo terminal: npm login
+          npm: pipeline-solucoes
+          senha:pipesollinecoes
+          key: pipeline@12345#
+
+# Como Publicar a biblioteca:
+
+  1. Instalar dependências: npm install
+
+  2. No package.json, altere o campo version de acordo com a semântica de versionamento.
+    1.0.1 – correção de bug
+    1.1.0 – nova funcionalidade compatível
+    2.0.0 – mudanças incompatíveis
+
+  3. Build da biblioteca: npm run build
+
+  4. Publicar no NPM: npm publish   

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/ImageResponsive.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { StaticImageData } from 'next/image';
+interface ImageResponsiveProps {
+    src: StaticImageData;
+    alt: string;
+    width: number;
+    height: number;
+    border_radius?: string;
+    priority?: boolean;
+    objectFit?: 'cover' | 'scale-down';
+}
+declare const ImageResponsive: React.FC<ImageResponsiveProps>;
+export default ImageResponsive;

package/dist/components/ImageResponsive.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Image from 'next/image';
+import { styled } from '@mui/material';
+const Container = styled('div', {
+    shouldForwardProp: (prop) => !['width', 'height', 'border_radius'].includes(prop),
+})(({ width, height, border_radius }) => ({
+    width: `${width}px`,
+    height: `${height}px`,
+    position: 'relative',
+    overflow: 'hidden',
+    borderRadius: border_radius,
+}));
+const ImageResponsive = ({ src, alt, width, height, border_radius = '0px', priority = false, objectFit = 'cover', }) => {
+    if (objectFit == 'cover') {
+        return (_jsx(Container, { width: width, height: height, border_radius: border_radius, children: _jsx(Image, { src: src, alt: alt, priority: priority, quality: 80, fill: true, sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw", placeholder: 'blur', style: {
+                    objectFit: 'cover',
+                    objectPosition: 'center',
+                }, onError: () => {
+                    console.error('Erro ao carregar a imagem:', src);
+                } }) }));
+    }
+    else {
+        return (_jsx(Container, { width: width, height: height, border_radius: border_radius, children: _jsx(Image, { src: src, alt: alt, priority: priority, quality: 80, fill: true, sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw", placeholder: 'blur', style: {
+                    objectFit: 'scale-down',
+                    objectPosition: 'center',
+                }, onError: () => {
+                    console.error('Erro ao carregar a imagem:', src);
+                } }) }));
+    }
+};
+export default ImageResponsive;
+//# sourceMappingURL=ImageResponsive.js.map

package/dist/components/ImageResponsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageResponsive.js","sourceRoot":"","sources":["../../src/components/ImageResponsive.tsx"],"names":[],"mappings":";AACA,OAAO,KAA0B,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5F,CAAC,CAA2D,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IAClG,KAAK,EAAE,GAAG,KAAK,IAAI;IACnB,MAAM,EAAE,GAAG,MAAM,IAAI;IACrB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,aAAa;CAC5B,CAAC,CAAC,CAAC;AAYJ,MAAM,eAAe,GAAmC,CAAC,EACvD,GAAG,EACH,GAAG,EACH,KAAK,EACL,MAAM,EACN,aAAa,GAAG,KAAK,EACrB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,OAAO,GACpB,EAAE,EAAE;IAEH,IAAI,SAAS,IAAI,OAAO,EACxB,CAAC;QACG,OAAO,CACL,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,YACnE,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,EAAE,EACX,IAAI,QACJ,KAAK,EAAC,0DAA0D,EAChE,WAAW,EAAC,MAAM,EAClB,KAAK,EAAE;oBACL,SAAS,EAAE,OAAO;oBAClB,cAAc,EAAE,QAAQ;iBACzB,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,GAAG,CAAC,CAAC;gBACnD,CAAC,GACD,GACQ,CACb,CAAC;IACN,CAAC;SACG,CAAC;QACH,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,YACnE,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,EAAE,EACX,IAAI,QACJ,KAAK,EAAC,0DAA0D,EAChE,WAAW,EAAC,MAAM,EAClB,KAAK,EAAE;oBACL,SAAS,EAAE,YAAY;oBACvB,cAAc,EAAE,QAAQ;iBACzB,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,GAAG,CAAC,CAAC;gBACnD,CAAC,GACD,GACQ,CACb,CAAC;IACN,CAAC;AAGH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/Location.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SvgIconComponent } from '@mui/icons-material';
+export declare const Endereco: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface LocationProps {
+    textColor: string;
+    endereco: string;
+    bairro: string;
+    cidade: string;
+    uf: string;
+    cep: string;
+    Icon: SvgIconComponent;
+    iconColor: string;
+}
+declare const Location: React.FC<LocationProps>;
+export default Location;

package/dist/components/Location.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, styled } from '@mui/material';
+const Container = styled('div', {
+    shouldForwardProp: (prop) => !['text_color'].includes(prop),
+})(({ theme, text_color }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'flex-start',
+        gap: '8px',
+        width: '100%',
+        color: text_color,
+        // 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,
+        margin: (_f = theme.typography.body1) === null || _f === void 0 ? void 0 : _f.margin,
+    });
+});
+export const Endereco = styled('div')(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'flex-start',
+    gap: '4px',
+    width: '100%',
+}));
+const Location = ({ textColor, endereco, bairro, cidade, uf, cep, Icon, iconColor }) => {
+    return (_jsxs(Container, { text_color: textColor, children: [_jsx(Box, { fontSize: 24, color: iconColor, children: _jsx(Icon, {}) }), _jsxs(Endereco, { children: [_jsx("div", { children: endereco }), _jsx("div", { children: `${bairro} - ${cidade} / ${uf}` }), _jsx("div", { children: `CEP: ${cep}` })] })] }));
+};
+export default Location;
+//# sourceMappingURL=Location.js.map

package/dist/components/Location.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Location.js","sourceRoot":"","sources":["../../src/components/Location.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC3C,CAAC,CAAuB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;;IAAC,OAAA,CAAC;QAEjD,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,YAAY;QACxB,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,UAAU;QAEjB,aAAa;QACb,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;QACvC,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,UAAU;QAC9C,SAAS,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,SAAS;QAC5C,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,UAAU;QAC9C,aAAa,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,aAAa;QACpD,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,QAAQ;QAC1C,MAAM,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,MAAM;KACzC,CAAC,CAAA;CAAA,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,YAAY;IACxB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,MAAM;CAChB,CAAC,CAAC,CAAC;AAaJ,MAAM,QAAQ,GAA4B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IAE5G,OAAM,CACF,MAAC,SAAS,IAAC,UAAU,EAAE,SAAS,aAC9B,KAAC,GAAG,IAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,YACjC,KAAC,IAAI,KAAE,GACH,EACN,MAAC,QAAQ,eACP,wBAAM,QAAQ,GAAO,EACrB,wBAAM,GAAG,MAAM,MAAM,MAAM,MAAM,EAAE,EAAE,GAAO,EAC5C,wBAAM,QAAQ,GAAG,EAAE,GAAO,IACjB,IACD,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/MensagemDeploy.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface MensagemDeployProps {
+    texto_contato: string;
+    url_contato: string;
+}
+declare const MensagemDeploy: React.FC<MensagemDeployProps>;
+export default MensagemDeploy;

package/dist/components/MensagemDeploy.js

@@ -0,0 +1,54 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Container, styled } from '@mui/material';
+import Image from 'next/image';
+import NavigationButton from './button/NavigationButton';
+const ContainerImage = styled('div')(() => ({
+    height: '100%',
+    width: '100%',
+    position: 'relative',
+    overflow: 'hidden',
+}));
+const Content = styled('div')(() => ({
+    width: 'auto',
+    height: 'auto',
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    overflow: 'hidden',
+    margin: 'auto'
+}));
+const ContentText = styled('div')(() => ({
+    width: 'auto',
+    height: 'auto',
+    textAlign: 'center',
+}));
+const ContentLinks = styled('div')(() => ({
+    width: 'fit-content',
+    height: 'auto',
+    position: 'relative',
+    overflow: 'hidden',
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    gap: '20px',
+}));
+const Titulo = styled('p')(() => ({
+    fontSize: '22px',
+    color: '#555f56'
+}));
+const PStyled = styled('p')(() => ({
+    fontSize: '20px',
+    color: '#555f56'
+}));
+const MensagemDeploy = ({ url_contato, texto_contato }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(Container, { sx: { width: '100vw', height: '100vh' }, children: _jsx(ContainerImage, { children: _jsx(Image, { src: "/construcao.png", alt: 'imagem do banner', fill: true, style: { objectFit: 'contain' }, priority: true }) }) }), _jsxs(Content, { children: [_jsxs(ContentText, { children: [_jsx(Titulo, { children: _jsx("b", { children: "Estamos construindo algo incr\u00EDvel!" }) }), _jsx(PStyled, { children: "A Empresa Pipeline Solu\u00E7\u00F5es est\u00E1 trabalhando nos bastidores para trazer uma experi\u00EAncia completa e inovadora para voc\u00EA. O site est\u00E1 em processo de deploy, mas em breve voc\u00EA poder\u00E1 navegar por um espa\u00E7o feito com muito cuidado, dedica\u00E7\u00E3o e prop\u00F3sito." }), _jsx(PStyled, { children: "Enquanto isso, fique \u00E0 vontade para acompanhar nas redes sociais ou entrar em contato!" }), _jsx(PStyled, { children: "Estamos quase l\u00E1. Fique ligado!" })] }), _jsxs(ContentLinks, { children: [_jsx(NavigationButton, { aria_label: '', layout: 'link', width: 'auto', text_decoration: 'underline', url: url_contato, color: '#555f56', children: _jsx("h3", { children: texto_contato }) }), _jsx(NavigationButton, { aria_label: '', layout: 'link', width: 'auto', text_decoration: 'underline', url: 'https://www.instagram.com/pipelinesolucoes/', color: '#555f56', children: _jsx("h3", { children: "@pipelinesolucoes" }) })] })] })] }));
+};
+export default MensagemDeploy;
+//# sourceMappingURL=MensagemDeploy.js.map

package/dist/components/MensagemDeploy.js.map

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

package/dist/components/NotificationBar.d.ts

@@ -0,0 +1,16 @@
+interface NotificationBarProps {
+    url_termo_uso: string;
+    url_politica_privacidade: string;
+    background_color: string;
+    color: string;
+    background_color_button_ok: string;
+    color_button_ok: string;
+    background_color_button_cancel: string;
+    color_button_cancel: string;
+    background_color_link: string;
+    color_link: string;
+    background_color_hover_link: string;
+    color_hover_link: string;
+}
+declare const NotificationBar: React.FC<NotificationBarProps>;
+export default NotificationBar;

package/dist/components/NotificationBar.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, styled } from '@mui/material';
+import { parseCookies, setCookie } from 'nookies';
+const Container = styled('div', {
+    shouldForwardProp: (prop) => ![
+        'background_color',
+        'show'
+    ].includes(prop),
+})(({ show, background_color }) => ({
+    position: 'fixed',
+    bottom: 0,
+    width: '100%',
+    backgroundColor: background_color,
+    display: show ? 'block' : 'none',
+    zIndex: 4000,
+}));
+const BotaoNotificationBar = styled('button', {
+    shouldForwardProp: (prop) => ![
+        'background_color',
+        'color',
+    ].includes(prop),
+})(({ theme, background_color, color }) => {
+    var _a, _b, _c, _d;
+    return ({
+        backgroundColor: background_color,
+        color: color,
+        padding: '8px 24px',
+        border: 'none',
+        cursor: 'pointer',
+        margin: '0 0 0 20px',
+        borderRadius: theme.shape.borderRadius,
+        fontFamily: theme.typography.fontFamily,
+        fontWeight: 600,
+        fontStyle: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontStyle,
+        lineHeight: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.lineHeight,
+        letterSpacing: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.letterSpacing,
+        fontSize: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.fontSize,
+    });
+});
+const LinkStyled = styled('a', {
+    shouldForwardProp: (prop) => ![
+        'background_color',
+        'background_color_hover',
+        'color',
+        'color_hover'
+    ].includes(prop),
+})(({ background_color, background_color_hover, color, color_hover, }) => ({
+    width: 'auto',
+    cursor: 'pointer',
+    textDecoration: 'none',
+    textTransform: 'none',
+    textAlign: 'center',
+    boxShadow: 'none',
+    backgroundColor: background_color,
+    color: color,
+    padding: '0',
+    margin: '0',
+    '&:hover': {
+        backgroundColor: background_color_hover,
+        borderBottom: `1px solid ${color_hover}`,
+        color: color_hover,
+    },
+}));
+const Content = styled('div')({
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: '24px',
+    width: '100%',
+    boxSizing: 'border-box',
+    flexWrap: 'wrap',
+});
+const AreaTexto = styled('div', {
+    shouldForwardProp: (prop) => ![
+        'color',
+    ].includes(prop),
+})(({ theme, color }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        color: color,
+        flexGrow: 1,
+        minWidth: '340px',
+        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,
+        margin: (_f = theme.typography.body1) === null || _f === void 0 ? void 0 : _f.margin,
+        [`@media (max-width:600px)`]: {
+            maxWidth: '340px',
+        },
+    });
+});
+const NotificationBar = ({ url_termo_uso, url_politica_privacidade, background_color, color, background_color_button_ok, color_button_ok, background_color_button_cancel, color_button_cancel, background_color_link, color_link, background_color_hover_link, color_hover_link }) => {
+    const [showNotification, setShowNotification] = useState(() => {
+        const cookies = parseCookies();
+        return cookies.cookieConsent !== 'true' && cookies.cookieConsent !== 'false';
+    });
+    const handleAccept = () => {
+        setCookie(null, 'cookieConsent', 'true', {
+            maxAge: 60 * 60 * 24 * 365,
+            path: '/',
+        });
+        setShowNotification(false);
+    };
+    const handleReject = () => {
+        setCookie(null, 'cookieConsent', 'false', {
+            maxAge: 60 * 60 * 24 * 365,
+            path: '/',
+        });
+        setShowNotification(false);
+    };
+    return (_jsx(Container, { show: showNotification, background_color: background_color, children: _jsxs(Content, { children: [_jsxs(AreaTexto, { color: color, children: ["Este site usa cookies e dados pessoais de acordo com os nossos", ' ', _jsx(LinkStyled, { href: url_termo_uso, background_color: background_color_link, background_color_hover: background_color_hover_link, color: color_link, color_hover: color_hover_link, children: "Termos de Uso" }), " e", ' ', _jsx(LinkStyled, { href: url_politica_privacidade, background_color: background_color_link, background_color_hover: background_color_hover_link, color: color_link, color_hover: color_hover_link, children: "Pol\u00EDtica de Privacidade" }), ". Ao continuar navegando neste site, voc\u00EA declara estar ciente dessas condi\u00E7\u00F5es."] }), _jsxs(Box, { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", sx: { padding: '16px' }, children: [_jsx(BotaoNotificationBar, { background_color: background_color_button_cancel, color: color_button_cancel, onClick: handleReject, children: "Cancelar" }), _jsx(BotaoNotificationBar, { background_color: background_color_button_ok, color: color_button_ok, onClick: handleAccept, children: "Ok" })] })] }) }));
+};
+export default NotificationBar;
+//# sourceMappingURL=NotificationBar.js.map

package/dist/components/NotificationBar.js.map

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

package/dist/components/VideoPlayer.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type VideoPlayerProps = {
+    videoSrc: string;
+    width?: string;
+    height?: string;
+    controls?: boolean;
+    autoplay?: boolean;
+    loop?: boolean;
+};
+declare const VideoPlayer: React.FC<VideoPlayerProps>;
+export default VideoPlayer;

package/dist/components/VideoPlayer.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from "@mui/material";
+const Container = styled('div')(() => ({
+    textAlign: 'center', // Ajustado para usar camelCase
+    width: '100%', // Ajustado para usar aspas corretas
+    height: '100%', // Ajustado para usar aspas corretas
+}));
+const VideoPlayer = ({ videoSrc, width = '100%', height = '100%', controls = true, autoplay = false, loop = false, }) => {
+    return (_jsx(Container, { children: _jsxs("video", { controls: controls, autoPlay: autoplay, loop: loop, style: { objectFit: "cover", width: width, height: height }, children: [_jsx("source", { src: videoSrc, type: "video/mp4" }), "Seu navegador n\u00E3o suporta v\u00EDdeos HTML5."] }) }));
+};
+export default VideoPlayer;
+//# sourceMappingURL=VideoPlayer.js.map

package/dist/components/VideoPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.js","sourceRoot":"","sources":["../../src/components/VideoPlayer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAYvC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACrC,SAAS,EAAE,QAAQ,EAAE,+BAA+B;IACpD,KAAK,EAAE,MAAM,EAAE,oCAAoC;IACnD,MAAM,EAAE,MAAM,EAAE,oCAAoC;CACrD,CAAC,CAAC,CAAC;AAEJ,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,KAAK,GACb,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,cACR,iBACE,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,aAE3D,iBAAQ,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,WAAW,GAAG,yDAGpC,GACE,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/banner/BannerVideo.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface BannerProps {
+    src_video: string;
+    children: React.ReactNode;
+}
+declare const Banner: React.FC<BannerProps>;
+export default Banner;

package/dist/components/banner/BannerVideo.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import VideoPlayer from '../VideoPlayer';
+import { styled } from '@mui/material/styles';
+const Container = styled('div')(() => ({
+    width: '100%',
+    height: '600px',
+    position: 'relative',
+    overflow: 'hidden',
+    display: 'flex',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: '24px',
+    alignItems: 'center',
+    justifyContent: 'center',
+}));
+const Banner = ({ src_video, children }) => {
+    return (_jsxs(Container, { children: [children, _jsx(VideoPlayer, { videoSrc: src_video })] }));
+};
+export default Banner;
+//# sourceMappingURL=BannerVideo.js.map

package/dist/components/banner/BannerVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerVideo.js","sourceRoot":"","sources":["../../../src/components/Banner/BannerVideo.tsx"],"names":[],"mappings":";AACA,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,OAAO;IACf,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,MAAM;IAChB,GAAG,EAAE,MAAM;IACX,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAC;AAOJ,MAAM,MAAM,GAA0B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAEhE,OAAO,CACL,MAAC,SAAS,eACP,QAAQ,EACT,KAAC,WAAW,IAAC,QAAQ,EAAE,SAAS,GAAgB,IACtC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/banner/ContentBannerStyled.d.ts

@@ -0,0 +1,6 @@
+export declare const ContentBannerCenter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentBannerLeft: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentBanner2Columns: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    top: string;
+    height: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/banner/ContentBannerStyled.js

@@ -0,0 +1,44 @@
+import { styled } from '@mui/material/styles';
+//Usado para criar a area no bannner com 1 coluna alinhada ao centro.
+export const ContentBannerCenter = styled('div')(() => ({
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: '100%',
+    height: '100%',
+    boxSizing: 'border-box',
+    overflow: 'hidden',
+    position: 'relative',
+}));
+//Usado para criar a area no bannner com 1 coluna alinhada a esquerda.
+export const ContentBannerLeft = styled('div')(() => ({
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    width: '100%',
+    height: '100%',
+    boxSizing: 'border-box',
+    overflow: 'hidden',
+    position: 'relative',
+}));
+//Usado para criar a area no banner com duas colunas. 50% cada coluna.
+//Para dispositivos menores será exibido 2 linhas.
+export const ContentBanner2Columns = styled('div', {
+    shouldForwardProp: (prop) => !['top', 'height'].includes(prop),
+})(({ theme, top = '10px', height = '100px' }) => ({
+    display: 'grid',
+    gridTemplateRows: '1fr 1fr',
+    justifyItems: 'center',
+    alignItems: 'center',
+    width: '100%',
+    position: 'absolute',
+    top: top,
+    height: height,
+    [theme.breakpoints.up('md')]: {
+        gridTemplateRows: 'unset', // Remover gridTemplateRows para não conflitar
+        gridTemplateColumns: '50% 50%',
+    },
+}));
+//# sourceMappingURL=ContentBannerStyled.js.map

package/dist/components/banner/ContentBannerStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBannerStyled.js","sourceRoot":"","sources":["../../../src/components/banner/ContentBannerStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,qEAAqE;AACrE,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC,CAAC;AAEJ,sEAAsE;AACtE,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACpD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,YAAY;IAC5B,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC,CAAC;AAEJ,sEAAsE;AACtE,kDAAkD;AAClD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,EAAE;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,KAAK,EAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7C,CAAC,CAAgC,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,MAAM,EAAE,MAAM,GAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CAAC;IAE7E,OAAO,EAAE,MAAM;IACf,gBAAgB,EAAE,SAAS;IAC3B,YAAY,EAAE,QAAQ;IACtB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,GAAG;IACR,MAAM,EAAE,MAAM;IAEd,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,gBAAgB,EAAE,OAAO,EAAE,8CAA8C;QACzE,mBAAmB,EAAE,SAAS;KAC/B;CAEF,CAAC,CAAC,CAAC"}

package/dist/components/banner/ResponsiveBanner.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { BannerResponsiveConfig } from '@/types/BannerResponsiveConfig';
+interface BannerSources {
+    xs: BannerResponsiveConfig;
+    sm: BannerResponsiveConfig;
+    md: BannerResponsiveConfig;
+    lg: BannerResponsiveConfig;
+    xl: BannerResponsiveConfig;
+}
+interface BannerProps {
+    srcSet: BannerSources;
+    children: React.ReactNode;
+}
+declare const ResponsiveBanner: React.FC<BannerProps>;
+export default ResponsiveBanner;

package/dist/components/banner/ResponsiveBanner.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { useTheme } from '@mui/material/styles';
+import { ContainerSafeSemMargem } from '../containers/ContainerSafe';
+import { styled } from '@mui/material/styles';
+const Container = styled('div', {
+    shouldForwardProp: (prop) => !['height_xs', 'height_sm', 'height_md', 'height_lg', 'height_xl'].includes(prop),
+})(({ theme, height_xs, height_sm, height_md, height_lg, height_xl }) => ({
+    width: '100%',
+    position: 'relative',
+    overflow: 'hidden',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    // Breakpoints para diferentes larguras de tela
+    [theme.breakpoints.down('sm')]: {
+        height: height_xs, // Menor que 600px
+    },
+    [theme.breakpoints.up('sm')]: {
+        height: height_sm, // Entre 600px e 960px
+    },
+    [theme.breakpoints.up('md')]: {
+        height: height_md, // Entre 960px e 1280px
+    },
+    [theme.breakpoints.up('lg')]: {
+        height: height_lg, // Entre 1280px e 1920px
+    },
+    [theme.breakpoints.up('xl')]: {
+        height: height_xl, // Acima de 1920px
+    },
+}));
+const ResponsiveBanner = ({ srcSet, children }) => {
+    const theme = useTheme();
+    const [isLoaded, setIsLoaded] = useState(false);
+    const imgRef = useRef(null);
+    useEffect(() => {
+        const img = imgRef.current;
+        if (!img)
+            return;
+        if (img.complete) {
+            setIsLoaded(true);
+        }
+        else {
+            const handleLoad = () => setIsLoaded(true);
+            img.addEventListener('load', handleLoad);
+            return () => img.removeEventListener('load', handleLoad);
+        }
+    }, []);
+    return (_jsxs(Container, { height_xs: srcSet.xs.height, height_sm: srcSet.sm.height, height_md: srcSet.md.height, height_lg: srcSet.lg.height, height_xl: srcSet.xl.height, children: [!isLoaded && (_jsx("div", { style: {
+                    position: 'absolute',
+                    zIndex: 1,
+                    color: '#ededed',
+                    fontSize: '1.2rem',
+                }, children: "Carregando imagem..." })), _jsxs("picture", { style: {
+                    position: 'absolute',
+                    inset: 0,
+                    zIndex: 0,
+                    width: '100%',
+                    height: '100%',
+                }, children: [_jsx("source", { media: `(min-width: ${theme.breakpoints.values.xs}px) and (max-width: ${theme.breakpoints.values.sm - 1}px)`, srcSet: srcSet.xs.image }), _jsx("source", { media: `(min-width: ${theme.breakpoints.values.sm}px) and (max-width: ${theme.breakpoints.values.md - 1}px)`, srcSet: srcSet.sm.image }), _jsx("source", { media: `(min-width: ${theme.breakpoints.values.md}px) and (max-width: ${theme.breakpoints.values.lg - 1}px)`, srcSet: srcSet.md.image }), _jsx("source", { media: `(min-width: ${theme.breakpoints.values.lg}px) and (max-width: ${theme.breakpoints.values.xl - 1}px)`, srcSet: srcSet.lg.image }), _jsx("img", { ref: imgRef, src: srcSet.xl.image, alt: "Banner", style: {
+                            width: '100%',
+                            height: '100%',
+                            objectFit: 'cover',
+                            display: isLoaded ? 'block' : 'none',
+                        } })] }), isLoaded && (_jsx(ContainerSafeSemMargem, { id: "areasafebanner", children: children }))] }));
+};
+export default ResponsiveBanner;
+//# sourceMappingURL=ResponsiveBanner.js.map

package/dist/components/banner/ResponsiveBanner.js.map

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