pipesol-notificationbar 1.0.0

package/dist/components/form/Form.js

@@ -0,0 +1,96 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, useState } from 'react';
+import { TextFieldFixedSizeStyled, ButtonFormStyled, TextFieldStyled } from './FormStyled';
+import { styled } from '@mui/material/styles';
+import { StyledSpanBody1 } from '../text/SpanStyled';
+const FormContainer = styled('div')(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px',
+    width: '100%',
+    margin: 'auto',
+    padding: '0px',
+}));
+const Form = ({ color, background_color = 'transparent', border_radius = '0px', color_button, background_color_button = 'transparent', border_radius_button = '0px', text_button, token, color_message_sucess, color_message_erro, message_sucess, message_erro }) => {
+    const [mensagemApi, setMensagemApi] = useState('');
+    const [corMensagemApi, setCorMensagemApi] = useState(color_message_erro);
+    const [nome, setNome] = useState('');
+    const [email, setEmail] = useState('');
+    const [telefone, setTelefone] = useState('');
+    const [mensagem, setMensagem] = useState('');
+    const [errors, setErrors] = useState({});
+    const [isLoading, setIsLoading] = useState(false);
+    const telefoneRef = useRef(null);
+    useEffect(() => {
+        if (telefoneRef.current) {
+            telefoneRef.current.focus();
+        }
+    }, []);
+    const validateEmail = (email) => /\S+@\S+\.\S+/.test(email);
+    const validateTelefone = (telefone) => /^\d{2}\d{9}$/.test(telefone);
+    const handleBlur = (field) => {
+        switch (field) {
+            case 'email':
+                setErrors((prevErrors) => (Object.assign(Object.assign({}, prevErrors), { email: !validateEmail(email) })));
+                break;
+            case 'telefone':
+                setErrors((prevErrors) => (Object.assign(Object.assign({}, prevErrors), { telefone: !validateTelefone(telefone) })));
+                break;
+            default:
+                setErrors((prevErrors) => (Object.assign(Object.assign({}, prevErrors), { [field]: !Boolean(eval(field)) })));
+                break;
+        }
+    };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        const hasErrors = Object.keys(errors).some((key) => errors[key]);
+        const messageError = message_erro !== null && message_erro !== void 0 ? message_erro : `Houve um problema ao enviar sua mensagem. Por favor, verifique sua conexão e tente novamente mais tarde. 
+        Caso o erro persista, saiba que você também pode nos contatar pelos outros canais disponíveis.`;
+        if (!hasErrors) {
+            setIsLoading(true); // Inicia o estado de loading
+            try {
+                const formData = new FormData();
+                formData.append('nome', nome);
+                formData.append('email', email);
+                formData.append('telefone', telefone);
+                formData.append('mensagem', mensagem);
+                const response = await fetch(`https://api.pipelinesolucoes.com.br/fale-conosco/envia-email?token=${token}`, {
+                    method: 'POST',
+                    body: formData,
+                });
+                if (response.status === 200) {
+                    setCorMensagemApi(color_message_sucess);
+                    setMensagemApi(message_sucess);
+                    setNome('');
+                    setEmail('');
+                    setTelefone('');
+                    setMensagem('');
+                }
+                else {
+                    setCorMensagemApi(color_message_erro);
+                    setMensagemApi(messageError);
+                    console.log('Erro ao enviar dados:', response.statusText);
+                }
+            }
+            catch (error) {
+                setCorMensagemApi(color_message_erro);
+                setMensagemApi(messageError);
+                console.log('Erro na solicitação:', error);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        }
+        else {
+            setCorMensagemApi(color_message_erro);
+            setMensagemApi(`Alguns dos dados fornecidos estão inválidos. 
+          Por favor, revise as informações preenchidas e 
+          corrija os campos destacados antes de tentar enviar o formulário novamente.`);
+        }
+    };
+    return (_jsxs(FormContainer, { children: [_jsx(TextFieldStyled, { id: 'nome', label: "Nome", placeholder: "Nome", value: nome, onChange: (e) => setNome(e.target.value), onBlur: () => handleBlur('nome'), error: errors.nome, helperText: errors.nome && _jsx("span", { style: { color: color_message_erro }, children: "Nome \u00E9 obrigat\u00F3rio" }), required: true, background_color: background_color, text_color: color, text_color_error: color_message_erro, border_radius: border_radius }), _jsx(TextFieldStyled, { id: "email", label: "Email", placeholder: "Email", value: email, onChange: (e) => setEmail(e.target.value), onBlur: () => handleBlur('email'), error: errors.email, helperText: errors.email && _jsx("span", { style: { color: color_message_erro }, children: "Email inv\u00E1lido" }), required: true, background_color: background_color, text_color: color, text_color_error: color_message_erro, border_radius: border_radius }), _jsx(TextFieldStyled, { id: "telefone", label: "Telefone", value: telefone, onChange: (e) => setTelefone(e.target.value), onBlur: () => handleBlur('telefone'), error: errors.telefone, helperText: errors.telefone && _jsx("span", { style: { color: color_message_erro }, children: "Telefone inv\u00E1lido" }), required: true, placeholder: "21999999999", background_color: background_color, text_color: color, text_color_error: color_message_erro, border_radius: border_radius }), _jsx(TextFieldFixedSizeStyled, { id: "mensagem", label: "Mensagem", placeholder: "Mensagem", value: mensagem, onChange: (e) => setMensagem(e.target.value), onBlur: () => handleBlur('mensagem'), error: errors.mensagem, helperText: errors.mensagem && _jsx("span", { style: { color: color_message_erro }, children: "Mensagem \u00E9 obrigat\u00F3ria" }), required: true, multiline: true, background_color: background_color, text_color: color, text_color_error: color_message_erro, border_radius: border_radius }), _jsx(ButtonFormStyled, { width: '100%', height: '100%', onClick: handleSubmit, background_color: background_color_button, text_color: color_button, border_radius: border_radius_button, disabled: isLoading, children: text_button }), mensagemApi &&
+                _jsx(StyledSpanBody1, { text_color: corMensagemApi, children: isLoading ? 'Enviando...' : mensagemApi })] }));
+};
+export default Form;
+//# sourceMappingURL=Form.js.map

package/dist/components/form/Form.js.map

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

package/dist/components/form/FormStyled.d.ts

@@ -0,0 +1,27 @@
+interface TextFieldStyledProps {
+    background_color: string;
+    text_color: string;
+    text_color_error: string;
+    border_radius: string;
+}
+export declare const TextFieldStyled: import("@emotion/styled").StyledComponent<{
+    variant?: import("@mui/material").TextFieldVariants | undefined;
+} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").StandardTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TextFieldStyledProps, {}, {}>;
+interface TextFieldFixedSizeStyledProps {
+    background_color: string;
+    text_color: string;
+    text_color_error: string;
+    border_radius: string;
+}
+export declare const TextFieldFixedSizeStyled: import("@emotion/styled").StyledComponent<{
+    variant?: import("@mui/material").TextFieldVariants | undefined;
+} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").StandardTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TextFieldFixedSizeStyledProps, {}, {}>;
+interface ButtonFormStyledProps {
+    width: string;
+    height: string;
+    background_color: string;
+    text_color: string;
+    border_radius: string;
+}
+export declare const ButtonFormStyled: 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" | "variant" | "href" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "disableElevation" | "endIcon" | "fullWidth" | "loadingPosition" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ButtonFormStyledProps, {}, {}>;
+export {};

package/dist/components/form/FormStyled.js

@@ -0,0 +1,95 @@
+import { Button } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import TextField from '@mui/material/TextField';
+export const TextFieldStyled = styled(TextField, {
+    shouldForwardProp: (prop) => !['background_color', 'text_color', 'text_color_error', 'border_radius'].includes(prop),
+})(({ theme, background_color, text_color, text_color_error, border_radius, error }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        '& .MuiInputLabel-root': {
+            color: error ? text_color_error : text_color, // Label em vermelho em caso de erro
+        },
+        '& .MuiInputBase-input::placeholder': {
+            color: error ? text_color_error : text_color, // Placeholder também em vermelho, opcional
+        },
+        '& .MuiInputBase-root': {
+            backgroundColor: background_color,
+            borderRadius: border_radius,
+            color: text_color,
+        },
+        '& .MuiOutlinedInput-notchedOutline': {
+            borderColor: error ? text_color_error : 'transparent', // Borda em vermelho em caso de erro
+        },
+        fontFamily: theme.typography.fontFamily,
+        fontSize: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontSize,
+        fontWeight: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontWeight,
+        fontStyle: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.fontStyle,
+        lineHeight: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.lineHeight,
+        letterSpacing: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.letterSpacing,
+        margin: (_f = theme.typography.body1) === null || _f === void 0 ? void 0 : _f.margin,
+    });
+});
+export const TextFieldFixedSizeStyled = styled(TextField, {
+    shouldForwardProp: (prop) => !['background_color', 'text_color', 'text_color_error', 'border_radius'].includes(prop),
+})(({ theme, background_color, text_color, text_color_error, border_radius, error }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        '& .MuiInputLabel-root': {
+            color: error ? text_color_error : text_color, // Label em vermelho em caso de erro
+        },
+        '& .MuiInputBase-input::placeholder': {
+            color: error ? text_color_error : text_color, // Placeholder também em vermelho, opcional
+        },
+        '& .MuiInputBase-root': {
+            transition: 'none !important',
+            alignItems: 'flex-start',
+            width: '100%',
+            overflowY: 'auto',
+            height: '150px',
+            backgroundColor: background_color,
+            borderRadius: border_radius,
+            color: text_color,
+        },
+        '& .MuiOutlinedInput-notchedOutline': {
+            borderColor: error ? text_color_error : 'transparent', // Borda em vermelho em caso de erro
+        },
+        fontFamily: theme.typography.fontFamily,
+        fontSize: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontSize,
+        fontWeight: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontWeight,
+        fontStyle: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.fontStyle,
+        lineHeight: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.lineHeight,
+        letterSpacing: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.letterSpacing,
+        margin: (_f = theme.typography.body1) === null || _f === void 0 ? void 0 : _f.margin,
+    });
+});
+export const ButtonFormStyled = styled(Button, {
+    shouldForwardProp: (prop) => !['width', 'height', 'background_color', 'text_color', 'border_radius'].includes(prop),
+})(({ theme, width, height, background_color, text_color, border_radius }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        color: text_color,
+        backgroundColor: background_color,
+        borderRadius: border_radius,
+        textTransform: 'none',
+        border: 'none',
+        cursor: 'pointer',
+        padding: '8px 24px',
+        boxShadow: 'none',
+        width: width,
+        height: height,
+        // 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,
+        // Hover state (opcional)
+        '&:hover': {
+            backgroundColor: background_color,
+            opacity: 0.9,
+        },
+    });
+});
+//# sourceMappingURL=FormStyled.js.map

package/dist/components/form/FormStyled.js.map

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

package/dist/components/header/HeaderBarIn.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface HeaderBarInProps {
+    height_xs?: string;
+    height_sm?: string;
+    height_md?: string;
+    height_lg?: string;
+    height_xl?: string;
+    background_color: string;
+    border_radius?: string;
+    top_bar?: number;
+    renderBar: () => React.ReactElement;
+    renderBanner: () => React.ReactElement;
+}
+declare const HeaderBarIn: React.FC<HeaderBarInProps>;
+export default HeaderBarIn;

package/dist/components/header/HeaderBarIn.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, styled } from '@mui/material';
+const Container = styled(Box, {
+    shouldForwardProp: (prop) => !['height_xs', 'height_sm', 'height_md', 'height_lg', 'height_xl', 'background_color', 'border_radius'].includes(prop),
+})(({ theme, height_xs, height_sm, height_md, height_lg, height_xl, background_color, border_radius }) => ({
+    width: '100%',
+    backgroundColor: background_color,
+    borderRadius: border_radius,
+    position: 'relative',
+    [theme.breakpoints.between(0, 'sm')]: {
+        height: height_xs,
+    },
+    [theme.breakpoints.up('sm')]: {
+        height: height_sm,
+    },
+    [theme.breakpoints.up('md')]: {
+        height: height_md,
+    },
+    [theme.breakpoints.up('lg')]: {
+        height: height_lg,
+    },
+    [theme.breakpoints.up('xl')]: {
+        height: height_xl,
+    },
+}));
+const BarWrapper = styled(Box, {
+    shouldForwardProp: (prop) => !['top'].includes(prop),
+})(({ top }) => ({
+    position: 'absolute',
+    top: top,
+    left: 0,
+    right: 0,
+    zIndex: 2,
+}));
+const HeaderBarIn = ({ renderBar, renderBanner, height_xs = "880px", height_sm = "680px", height_md = "680px", height_lg = "680px", height_xl = "680px", background_color, border_radius = '0px', top_bar = 10 }) => {
+    return (_jsxs(Container, { id: "ContainerHeaderBarIn", height_xs: height_xs, height_sm: height_sm, height_md: height_md, height_lg: height_lg, height_xl: height_xl, background_color: background_color, border_radius: border_radius, children: [_jsx(BarWrapper, { top: `${top_bar}px`, children: renderBar() }), renderBanner()] }));
+};
+export default HeaderBarIn;
+//# sourceMappingURL=HeaderBarIn.js.map

package/dist/components/header/HeaderBarIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBarIn.js","sourceRoot":"","sources":["../../../src/components/header/HeaderBarIn.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACnI,CAAC,CAQC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IAEzG,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,gBAAgB;IACjC,YAAY,EAAE,aAAa;IAC3B,QAAQ,EAAE,UAAU;IAEpB,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE;QACpC,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,EAAE;IAC7B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpC,CAAC,CAAiB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAE/B,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;CACV,CAAC,CAAC,CAAC;AAeJ,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,YAAY,EACZ,SAAS,GAAG,OAAO,EACnB,SAAS,GAAG,OAAO,EACnB,SAAS,GAAG,OAAO,EACnB,SAAS,GAAG,OAAO,EACnB,SAAS,GAAG,OAAO,EACnB,gBAAgB,EAChB,aAAa,GAAG,KAAK,EACrB,OAAO,GAAG,EAAE,EACb,EAAE,EAAE;IACH,OAAO,CACL,MAAC,SAAS,IAAC,EAAE,EAAC,sBAAsB,EAClC,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,aAE5B,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,OAAO,IAAI,YAC5B,SAAS,EAAE,GACD,EACZ,YAAY,EAAE,IACL,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/header/HeaderBarTop.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface HeaderBarTopProps {
+    height_xs?: string;
+    height_sm?: string;
+    height_md?: string;
+    height_lg?: string;
+    height_xl?: string;
+    renderBar: () => React.ReactElement;
+    renderBanner: () => React.ReactElement;
+}
+declare const HeaderBarTop: React.FC<HeaderBarTopProps>;
+export default HeaderBarTop;

package/dist/components/header/HeaderBarTop.js

@@ -0,0 +1,30 @@
+'use cliente';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, styled } from '@mui/material';
+const Container = styled(Box, {
+    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%',
+    backgroundColor: '#ededed',
+    // Breakpoints para diferentes larguras de tela
+    [theme.breakpoints.between(0, '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 HeaderBarTop = ({ renderBar, renderBanner, height_xs = "880px", height_sm = "680px", height_md = "680px", height_lg = "680px", height_xl = "680px" }) => {
+    return (_jsxs(Container, { height_xs: height_xs, height_sm: height_sm, height_md: height_md, height_lg: height_lg, height_xl: height_xl, children: [renderBar(), renderBanner()] }));
+};
+export default HeaderBarTop;
+//# sourceMappingURL=HeaderBarTop.js.map

package/dist/components/header/HeaderBarTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBarTop.js","sourceRoot":"","sources":["../../../src/components/header/HeaderBarTop.tsx"],"names":[],"mappings":"AAAA,aAAa,CAAC;;AAEd,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC9F,CAAC,CAMC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IAExE,KAAK,EAAE,MAAM;IACb,eAAe,EAAC,SAAS;IAExB,+CAA+C;IAChD,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE;QACpC,MAAM,EAAE,SAAS,EAAE,kBAAkB;KACtC;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,sBAAsB;KAC1C;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,uBAAuB;KAC3C;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,wBAAwB;KAC5C;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,kBAAkB;KACtC;CACF,CAAC,CAAC,CAAC;AAaJ,MAAM,YAAY,GAAgC,CAAC,EAAE,SAAS,EAC1D,YAAY,EAAE,SAAS,GAAG,OAAO,EAAE,SAAS,GAAG,OAAO,EAAE,SAAS,GAAG,OAAO,EAAE,SAAS,GAAG,OAAO,EAChG,SAAS,GAAG,OAAO,EAAE,EAAE,EAAE;IAE3B,OAAO,CACH,MAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EACnD,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/D,SAAS,EAAE,EACX,YAAY,EAAE,IACL,CACf,CAAC;AAEJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/section/Section.d.ts

@@ -0,0 +1,9 @@
+interface SectionProps {
+    section_id: string;
+    background_color: string;
+    background_color_container_safe?: string;
+    border_radius_container_safe?: string;
+    children: React.ReactNode;
+}
+declare const Section: React.FC<SectionProps>;
+export default Section;

package/dist/components/section/Section.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { ContainerSafeSection } from '../containers/ContainerSafe';
+const SectionStyled = styled('section', {
+    shouldForwardProp: (prop) => !['background_color'].includes(prop),
+})(({ background_color }) => ({
+    position: 'relative',
+    backgroundColor: background_color,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+}));
+const Section = ({ section_id, background_color, background_color_container_safe = 'transparent', border_radius_container_safe = '0px', children }) => {
+    return (_jsx(SectionStyled, { id: section_id, background_color: background_color, children: _jsx(ContainerSafeSection, { border_radius: border_radius_container_safe, background_color: background_color_container_safe, children: children }) }));
+};
+export default Section;
+//# sourceMappingURL=Section.js.map

package/dist/components/section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5E,CAAC,CAEC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5B,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,gBAAgB;IACjC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAC;AAWJ,MAAM,OAAO,GAA2B,CAAC,EACrC,UAAU,EACV,gBAAgB,EAChB,+BAA+B,GAAG,aAAa,EAC/C,4BAA4B,GAAG,KAAK,EAAG,QAAQ,EAAE,EAAE,EAAE;IAErD,OAAO,CACL,KAAC,aAAa,IAAC,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,gBAAgB,YAC/D,KAAC,oBAAoB,IAAC,aAAa,EAAE,4BAA4B,EAAE,gBAAgB,EAAE,+BAA+B,YAChH,QAAQ,GACW,GACT,CACjB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/section/SectionGradiente.d.ts

@@ -0,0 +1,9 @@
+interface SectionProps {
+    children: React.ReactNode;
+    color1: string;
+    color2: string;
+    color3: string;
+    section_id: string;
+}
+declare const SectionGradiente: React.FC<SectionProps>;
+export default SectionGradiente;

package/dist/components/section/SectionGradiente.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { ContainerSafeSection } from '../containers/ContainerSafe';
+const SectionStyled = styled('section', {
+    shouldForwardProp: (prop) => !['color1', 'color2', 'color3'].includes(prop),
+})(({ color1, color2, color3 }) => ({
+    position: 'relative',
+    background: `linear-gradient(to bottom, ${color1}, ${color2}, ${color3})`,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+}));
+const SectionGradiente = ({ children, color1, color2, color3, section_id }) => {
+    return (_jsx(SectionStyled, { id: section_id, color1: color1, color2: color2, color3: color3, children: _jsx(ContainerSafeSection, { border_radius: '0px', background_color: 'transparent', children: children }) }));
+};
+export default SectionGradiente;
+//# sourceMappingURL=SectionGradiente.js.map

package/dist/components/section/SectionGradiente.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionGradiente.js","sourceRoot":"","sources":["../../../src/components/section/SectionGradiente.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACtF,CAAC,CAIC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAClC,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,8BAA8B,MAAM,KAAK,MAAM,KAAK,MAAM,GAAG;IACzE,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAC;AAUF,MAAM,gBAAgB,GAA2B,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAC,EAAE,EAAE;IAEnG,OAAO,CACL,KAAC,aAAa,IAAC,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAC3E,KAAC,oBAAoB,IAAC,aAAa,EAAC,KAAK,EAAC,gBAAgB,EAAC,aAAa,YACpE,QAAQ,GACW,GACT,CACjB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/section/SectionImage.d.ts

@@ -0,0 +1,7 @@
+interface SectionProps {
+    children: React.ReactNode;
+    src: string;
+    section_id: string;
+}
+declare const SectionImage: React.FC<SectionProps>;
+export default SectionImage;

package/dist/components/section/SectionImage.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { ContainerSafeSection } from '../containers/ContainerSafe';
+const SectionStyled = styled('section', {
+    shouldForwardProp: (prop) => !['background_image'].includes(prop),
+})(({ background_image }) => ({
+    position: 'relative',
+    backgroundImage: `url(${background_image})`,
+    backgroundSize: 'cover',
+    backgroundPosition: 'center',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+}));
+const SectionImage = ({ children, src, section_id }) => {
+    return (_jsx(SectionStyled, { id: section_id, background_image: src, children: _jsx(ContainerSafeSection, { border_radius: '0px', background_color: 'transparent', children: children }) }));
+};
+export default SectionImage;
+//# sourceMappingURL=SectionImage.js.map

package/dist/components/section/SectionImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionImage.js","sourceRoot":"","sources":["../../../src/components/section/SectionImage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5E,CAAC,CAEC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5B,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,OAAO,gBAAgB,GAAG;IAC3C,cAAc,EAAE,OAAO;IACvB,kBAAkB,EAAE,QAAQ;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAC;AAQF,MAAM,YAAY,GAA2B,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAC,EAAE,EAAE;IAE5E,OAAO,CACL,KAAC,aAAa,IAAC,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,YAClD,KAAC,oBAAoB,IAAC,aAAa,EAAC,KAAK,EAAC,gBAAgB,EAAC,aAAa,YACpE,QAAQ,GACW,GACT,CACjB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/section/SectionStyled.d.ts

@@ -0,0 +1,9 @@
+export declare const ContentSectionWrapStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    marginTop?: string;
+    marginBottom?: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentSectionWrapCenterStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SectionTextColumnStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    textColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default ContentSectionWrapStyled;

package/dist/components/section/SectionStyled.js

@@ -0,0 +1,46 @@
+import { styled } from '@mui/material/styles';
+export const ContentSectionWrapStyled = styled('div', {
+    shouldForwardProp: (prop) => !['marginTop', 'marginBottom'].includes(prop),
+})(({ marginTop = '0px', marginBottom = '0px' }) => ({
+    width: '100%',
+    height: '100%',
+    gap: '24px',
+    display: 'flex',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'flex-start',
+    justifyContent: 'center',
+    marginTop: marginTop,
+    marginBottom: marginBottom
+}));
+export const ContentSectionWrapCenterStyled = styled('div')(() => ({
+    width: '100%',
+    height: '100%',
+    gap: '24px',
+    display: 'flex',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    justifyContent: 'center',
+}));
+export const SectionTextColumnStyle = styled('div', {
+    shouldForwardProp: (prop) => !['textColor'].includes(prop),
+})(({ theme, textColor }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        width: '100%',
+        color: textColor,
+        flex: '1',
+        minWidth: '340px',
+        // 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 default ContentSectionWrapStyled;
+//# sourceMappingURL=SectionStyled.js.map

package/dist/components/section/SectionStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionStyled.js","sourceRoot":"","sources":["../../../src/components/section/SectionStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,EAAE;IACpD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC1D,CAAC,CAA8C,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,YAAY,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChG,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,GAAG,EAAE,MAAM;IACX,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,YAAY;IACxB,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,SAAS;IACpB,YAAY,EAAE,YAAY;CAC3B,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACjE,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,GAAG,EAAE,MAAM;IACX,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,EAAE;IAClD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC1C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;;IAAC,OAAA,CAAC;QAE/C,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,GAAG;QACT,QAAQ,EAAE,OAAO;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,eAAe,wBAAwB,CAAC"}

package/dist/components/social_media/SocialMediaIconLink.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface SocialMediaIconLinkProps {
+    children: React.ReactNode;
+    url?: string;
+    aria_label: string;
+}
+declare const SocialMediaIconLink: React.FC<SocialMediaIconLinkProps>;
+export default SocialMediaIconLink;

package/dist/components/social_media/SocialMediaIconLink.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconButton } from '@mui/material';
+const SocialMediaIconLink = ({ url, children, aria_label, }) => {
+    if (url) {
+        return (_jsx(IconButton, { "aria-label": aria_label, onClick: () => window.open(url, '_blank', 'noopener noreferrer'), children: children }));
+    }
+    else {
+        _jsx(IconButton, { "aria-label": aria_label, disabled: true, children: children });
+    }
+};
+export default SocialMediaIconLink;
+//# sourceMappingURL=SocialMediaIconLink.js.map

package/dist/components/social_media/SocialMediaIconLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialMediaIconLink.js","sourceRoot":"","sources":["../../../src/components/social_media/SocialMediaIconLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,GAAG,EACH,QAAQ,EACR,UAAU,GACX,EAAE,EAAE;IAEH,IAAI,GAAG,EACP,CAAC;QACC,OAAO,CACL,KAAC,UAAU,kBAAa,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,YACjG,QAAQ,GACE,CACd,CAAC;IACJ,CAAC;SACG,CAAC;QACH,KAAC,UAAU,kBAAa,UAAU,EAAE,QAAQ,kBACzC,QAAQ,GACE,CAAA;IACf,CAAC;AAEH,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/social_media/SocialMediaIconLinkWithBorder.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface SocialMediaIconLinkWithBorderProps {
+    children: React.ReactNode;
+    url: string;
+    background_color: string;
+    aria_label: string;
+}
+export declare const StyledBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    background_color: string;
+}, {}, {}>;
+declare const SocialMediaIconLinkWithBorder: React.FC<SocialMediaIconLinkWithBorderProps>;
+export default SocialMediaIconLinkWithBorder;

package/dist/components/social_media/SocialMediaIconLinkWithBorder.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, IconButton } from '@mui/material';
+import { styled } from '@mui/material/styles';
+export 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',
+}));
+const SocialMediaIconLinkWithBorder = ({ url, background_color, aria_label, children }) => {
+    return (_jsx(StyledBox, { background_color: background_color, children: _jsx(IconButton, { "aria-label": aria_label, onClick: () => window.open(url, '_blank', 'noopener noreferrer'), children: children }) }));
+};
+export default SocialMediaIconLinkWithBorder;
+//# sourceMappingURL=SocialMediaIconLinkWithBorder.js.map

package/dist/components/social_media/SocialMediaIconLinkWithBorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialMediaIconLinkWithBorder.js","sourceRoot":"","sources":["../../../src/components/social_media/SocialMediaIconLinkWithBorder.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAS9C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IACnC,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,MAAM,6BAA6B,GAAiD,CAAC,EAAE,GAAG,EACvF,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAE7C,OAAO,CACH,KAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,YAC3C,KAAC,UAAU,kBAAa,UAAU,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,YAC/D,QAAQ,GACE,GACH,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

package/dist/components/substask/SubstackPage.d.ts

@@ -0,0 +1,5 @@
+interface SubstackPageProps {
+    url: string;
+}
+export default function SubstackPage({ url }: SubstackPageProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export {};