@pipelinesolucoes/carousel 1.0.0-beta.0

package/dist/components/CarouselCircular.d.ts

@@ -0,0 +1,11 @@
+interface DataCarouselCircular {
+    src: string;
+    caption: string;
+}
+interface CarouselCircularProps {
+    images: DataCarouselCircular[];
+    margin: string;
+    color: string;
+}
+declare const CarouselCircular: React.FC<CarouselCircularProps>;
+export default CarouselCircular;

package/dist/components/CarouselCircular.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from "@mui/material";
+import { motion } from "framer-motion";
+import { useEffect, useState } from "react";
+const CarouselCircular = ({ images, margin, color }) => {
+    const [currentIndex, setCurrentIndex] = useState(0);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setCurrentIndex((prev) => (prev - 1 + images.length) % images.length); // decrementa
+        }, 3000);
+        return () => clearInterval(interval);
+    }, [images.length]);
+    // calcula posição relativa de cada item em relação ao central
+    const getPosition = (index) => {
+        const middle = 2; // posição central na tela
+        let pos = index - currentIndex;
+        if (pos < -Math.floor(images.length / 2))
+            pos += images.length;
+        if (pos > Math.floor(images.length / 2))
+            pos -= images.length;
+        return pos;
+    };
+    const getScale = (pos) => {
+        switch (pos) {
+            case 0:
+                return 2.0;
+            case -1:
+            case 1:
+                return 1.5;
+            default:
+                return 1.0;
+        }
+    };
+    const getZIndex = (pos) => {
+        switch (pos) {
+            case 0:
+                return 3;
+            case -1:
+            case 1:
+                return 2;
+            default:
+                return 1;
+        }
+    };
+    return (_jsxs(Box, { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "space-between", sx: {
+            width: "100%",
+            minHeight: "350px",
+            margin: margin,
+            overflow: "hidden",
+        }, children: [_jsx(Box, { flex: 1, display: "flex", justifyContent: "center", alignItems: "center", sx: {
+                    position: "relative",
+                    width: "100%",
+                    minHeight: "250px",
+                }, children: images.map((item, index) => {
+                    const pos = getPosition(index);
+                    return (_jsx(motion.img, { src: item.src, style: {
+                            position: "absolute",
+                            width: "200px",
+                            height: "140px",
+                            borderRadius: "12px",
+                            objectFit: "cover",
+                            zIndex: getZIndex(pos),
+                        }, animate: {
+                            x: pos * 220, // deslocamento horizontal
+                            scale: getScale(pos),
+                            opacity: pos === 0 ? 1 : 0.8,
+                        }, transition: {
+                            duration: 1, // transição mais suave
+                            ease: "easeInOut",
+                        } }, `${item.src}-${index}`));
+                }) }), _jsx(Box, { sx: {
+                    minHeight: "auto",
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "100%",
+                    gap: "16px",
+                }, children: _jsx(Typography, { variant: "h5", textAlign: "center", maxWidth: "80%", color: color, children: images[currentIndex].caption }) })] }));
+};
+export default CarouselCircular;
+//# sourceMappingURL=CarouselCircular.js.map

package/dist/components/CarouselCircular.js.map

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

package/dist/components/Carrossel.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+interface CarrosselProps {
+    children: ReactNode;
+    cardsCount: number;
+    cardWidth: number;
+    background_color_button: string;
+    background_color_hover_button: string;
+    color_button: string;
+    color_hover_button: string;
+    color_dot_active: string;
+    border_radius_button: string;
+    texto?: string;
+}
+declare const Carrossel: React.FC<CarrosselProps>;
+export default Carrossel;

package/dist/components/Carrossel.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { motion, useMotionValue } from 'framer-motion';
+import { ChevronLeft, ChevronRight } from '@mui/icons-material';
+import { styled } from '@mui/material';
+const CarouselWrapper = styled('div')(() => ({
+    position: 'relative',
+    width: '100%',
+    margin: '0 auto',
+    overflow: 'hidden',
+    '@media (min-width:1921px)': { maxWidth: '1920px' },
+    '@media (min-width:1441px) and (max-width:1920px)': { maxWidth: '1500px' },
+    '@media (min-width:1280px) and (max-width:1440px)': { maxWidth: '1200px' },
+    '@media (min-width:960px) and (max-width:1279px)': { maxWidth: '940px' },
+    '@media (min-width:600px) and (max-width:959px)': { maxWidth: '600px' },
+    '@media (max-width:599px)': { maxWidth: '300px' },
+}));
+const CarouselContainer = styled(motion.div)(() => ({
+    display: 'flex',
+    gap: '24px',
+}));
+const ButtonContainer = styled(motion.div)(() => ({
+    display: 'flex',
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    padding: '16px 8px',
+    boxSizing: 'border-box',
+}));
+const ButtonStyle = styled('button', {
+    shouldForwardProp: (prop) => !['background_color', 'background_color_hover', 'color', 'color_hover', 'border_radius'].includes(prop),
+})(({ background_color, background_color_hover, color, color_hover, border_radius }) => ({
+    backgroundColor: background_color,
+    color: color,
+    border: 'none',
+    padding: '8px',
+    cursor: 'pointer',
+    borderRadius: border_radius,
+    transition: 'all 0.3s ease',
+    '&:hover': {
+        backgroundColor: background_color_hover,
+        color: color_hover,
+    },
+}));
+const PaginationWrapper = styled('div')(() => ({
+    display: 'flex',
+    justifyContent: 'center',
+    gap: '8px',
+    marginTop: '16px',
+}));
+const Dot = styled('button', {
+    shouldForwardProp: (prop) => prop !== 'active',
+})(({ active, color }) => ({
+    width: '10px',
+    height: '10px',
+    borderRadius: '50%',
+    border: 'none',
+    backgroundColor: active ? color : '#ccc',
+    transition: 'background-color 0.3s',
+    cursor: 'pointer',
+    '&:hover': {
+        backgroundColor: color,
+    },
+}));
+const Carrossel = ({ children, cardsCount, cardWidth, background_color_button, background_color_hover_button, color_button, color_hover_button, color_dot_active, border_radius_button, texto, }) => {
+    const wrapperRef = useRef(null);
+    const [maxOffset, setMaxOffset] = useState(0);
+    const [visibleCards, setVisibleCards] = useState(1);
+    const [currentPage, setCurrentPage] = useState(0);
+    const GAP = 24;
+    const x = useMotionValue(0);
+    // Calcula cards visíveis e maxOffset
+    useEffect(() => {
+        const calculateVisibleCards = () => {
+            if (wrapperRef.current) {
+                const wrapperWidth = wrapperRef.current.offsetWidth;
+                const totalCardWidth = (cardWidth + GAP) * cardsCount;
+                const maxScroll = wrapperWidth - totalCardWidth;
+                const visible = Math.floor(wrapperWidth / (cardWidth + GAP));
+                setVisibleCards(visible > 0 ? visible : 1);
+                setMaxOffset(maxScroll < 0 ? maxScroll : 0);
+            }
+        };
+        calculateVisibleCards();
+        const resizeObserver = new ResizeObserver(() => {
+            calculateVisibleCards();
+        });
+        if (wrapperRef.current)
+            resizeObserver.observe(wrapperRef.current);
+        return () => resizeObserver.disconnect();
+    }, [cardsCount, cardWidth]);
+    const totalPages = Math.ceil(cardsCount / visibleCards);
+    // Atualiza currentPage quando arrasta
+    useEffect(() => {
+        const unsubscribe = x.onChange((latestX) => {
+            const page = Math.round(-latestX / ((cardWidth + GAP) * visibleCards));
+            setCurrentPage(Math.min(Math.max(page, 0), totalPages - 1));
+        });
+        return () => unsubscribe();
+    }, [x, cardWidth, visibleCards, totalPages]);
+    const goToPage = (pageIndex) => {
+        const newPosition = -((cardWidth + GAP) * visibleCards * pageIndex);
+        const clamped = Math.max(newPosition, maxOffset);
+        x.set(clamped);
+        setCurrentPage(pageIndex);
+    };
+    const handlePrev = () => {
+        if (currentPage > 0)
+            goToPage(currentPage - 1);
+    };
+    const handleNext = () => {
+        if (currentPage < totalPages - 1)
+            goToPage(currentPage + 1);
+    };
+    return (_jsxs(CarouselWrapper, { ref: wrapperRef, id: "carrossel", children: [_jsxs(ButtonContainer, { children: [texto && _jsx("span", { style: { flex: 1 }, children: texto }), _jsx(ButtonStyle, { onClick: handlePrev, background_color: background_color_button, background_color_hover: background_color_hover_button, color: color_button, color_hover: color_hover_button, border_radius: border_radius_button, "aria-label": "bot\u00E3o mover carrossel para a esquerda", children: _jsx(ChevronLeft, {}) }), _jsx(ButtonStyle, { onClick: handleNext, background_color: background_color_button, background_color_hover: background_color_hover_button, color: color_button, color_hover: color_hover_button, border_radius: border_radius_button, "aria-label": "bot\u00E3o mover carrossel para a direita", children: _jsx(ChevronRight, {}) })] }), _jsx(CarouselContainer, { style: { x }, drag: "x", dragConstraints: { left: maxOffset, right: 0 }, whileTap: { cursor: 'grabbing' }, transition: { type: 'spring', stiffness: 300, damping: 30 }, children: children }), _jsx(PaginationWrapper, { children: Array.from({ length: totalPages }).map((_, index) => (_jsx(Dot, { color: color_dot_active, active: index === currentPage, onClick: () => goToPage(index), "aria-label": `marcador ${index}` }, index))) })] }));
+};
+export default Carrossel;
+//# sourceMappingURL=Carrossel.js.map

package/dist/components/Carrossel.js.map

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

package/dist/components/ImageCarousel.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface ImageCarouselImage {
+    alt?: string;
+    src: string;
+}
+export interface ImageCarouselProps {
+    width: string;
+    height: string;
+    dotColor: string;
+    activeDotColor: string;
+    autoPlay?: boolean;
+    autoPlayInterval?: number;
+    images: Array<string | ImageCarouselImage>;
+}
+declare const ImageCarousel: React.FC<ImageCarouselProps>;
+export default ImageCarousel;

package/dist/components/ImageCarousel.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { styled } from "@mui/material/styles";
+import Box from "@mui/material/Box";
+import { gsap } from "gsap";
+const CarouselRoot = styled("div", {
+    shouldForwardProp: (prop) => !["width", "height"].includes(prop),
+})(({ width, height }) => ({
+    position: "relative",
+    width,
+    height,
+    overflow: "hidden",
+    display: "flex",
+    flexDirection: "column",
+}));
+const SlidesWrapper = styled(Box)({
+    position: "relative",
+    width: "100%",
+    height: "100%",
+    flex: 1,
+});
+const Slide = styled("div")(() => ({
+    position: "absolute",
+    width: "100%",
+    height: "100%",
+    opacity: 0,
+    pointerEvents: "none",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+}));
+const SlideImage = styled("img")(() => ({
+    width: "100%",
+    height: "100%",
+    objectFit: "contain",
+    display: "block",
+}));
+const DotsWrapper = styled("div")({
+    display: "flex",
+    justifyContent: "center",
+    gap: 8,
+    padding: "8px 0",
+});
+const Dot = styled("button", {
+    shouldForwardProp: (prop) => !["isActive", "dotColor", "activeDotColor"].includes(prop),
+})(({ isActive, dotColor, activeDotColor }) => ({
+    width: 10,
+    height: 10,
+    borderRadius: "50%",
+    border: "none",
+    padding: 0,
+    cursor: "pointer",
+    backgroundColor: isActive ? activeDotColor : dotColor,
+    transition: "transform 0.2s ease, background-color 0.2s ease",
+    outline: "none",
+    "&:hover": { transform: "scale(1.1)" },
+}));
+const ImageCarousel = ({ width, height, dotColor, activeDotColor, autoPlay = true, autoPlayInterval = 5000, images, }) => {
+    const [activeIndex, setActiveIndex] = useState(0);
+    const slidesRef = useRef([]);
+    const prevIndexRef = useRef(0);
+    const normalizedImages = useMemo(() => images.map((img) => (typeof img === "string" ? { src: img, alt: "" } : img)), [images]);
+    // 🔑 chave baseada nos src (resolve troca de arrays com mesmo length)
+    const imagesKey = useMemo(() => normalizedImages.map((i) => i.src).join("|"), [normalizedImages]);
+    // Sempre que mudar o conjunto de imagens, resetar index e estados internos
+    useEffect(() => {
+        if (!normalizedImages.length)
+            return;
+        setActiveIndex(0);
+        prevIndexRef.current = 0;
+        // garante ref alinhado ao novo tamanho
+        slidesRef.current = slidesRef.current.slice(0, normalizedImages.length);
+    }, [imagesKey, normalizedImages.length]);
+    // Inicializa opacidades sempre que mudar o conjunto de imagens (ou refs)
+    useEffect(() => {
+        if (!normalizedImages.length)
+            return;
+        slidesRef.current.forEach((slide, index) => {
+            if (!slide)
+                return;
+            gsap.killTweensOf(slide);
+            gsap.set(slide, { opacity: index === activeIndex ? 1 : 0 });
+        });
+        prevIndexRef.current = activeIndex;
+    }, [imagesKey, normalizedImages.length, activeIndex]);
+    // Anima transição (e também reage quando imagesKey muda)
+    useEffect(() => {
+        const slides = slidesRef.current;
+        const current = slides[activeIndex];
+        if (!current)
+            return;
+        const prevIndex = prevIndexRef.current;
+        const prev = slides[prevIndex];
+        if (prev && prev !== current) {
+            gsap.killTweensOf(prev);
+            gsap.to(prev, { opacity: 0, duration: 0.6, ease: "power2.out" });
+        }
+        gsap.killTweensOf(current);
+        gsap.to(current, { opacity: 1, duration: 0.6, ease: "power2.out" });
+        prevIndexRef.current = activeIndex;
+    }, [activeIndex, imagesKey]);
+    // Autoplay
+    useEffect(() => {
+        if (!autoPlay || !normalizedImages.length)
+            return;
+        const interval = window.setInterval(() => {
+            setActiveIndex((prev) => (prev + 1 >= normalizedImages.length ? 0 : prev + 1));
+        }, autoPlayInterval);
+        return () => window.clearInterval(interval);
+    }, [autoPlay, autoPlayInterval, normalizedImages.length]);
+    const handleDotClick = (index) => setActiveIndex(index);
+    if (!normalizedImages.length)
+        return null;
+    return (_jsxs(CarouselRoot, { width: width, height: height, children: [_jsx(SlidesWrapper, { children: normalizedImages.map((image, index) => {
+                    var _a;
+                    return (_jsx(Slide, { ref: (el) => {
+                            slidesRef.current[index] = el;
+                        }, 
+                        // ✅ garante que mesmo com autoPlay=false a primeira imagem apareça
+                        style: { opacity: index === activeIndex ? 1 : 0 }, children: _jsx(SlideImage, { src: image.src, alt: (_a = image.alt) !== null && _a !== void 0 ? _a : "" }) }, image.src + index));
+                }) }), _jsx(DotsWrapper, { children: normalizedImages.map((_, index) => (_jsx(Dot, { type: "button", onClick: () => handleDotClick(index), isActive: index === activeIndex, dotColor: dotColor, activeDotColor: activeDotColor, "aria-label": `Ir para imagem ${index + 1}` }, index))) })] }));
+};
+ImageCarousel.displayName = "ImageCarousel";
+export default ImageCarousel;
+//# sourceMappingURL=ImageCarousel.js.map

package/dist/components/ImageCarousel.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Carrossel } from './components/Carrossel';
+export { default as CardMarquee } from './components/CardMarquee';
+export { default as CarouselCircular } from './components/CarouselCircular';

package/dist/index.js

@@ -0,0 +1,4 @@
+export { default as Carrossel } from './components/Carrossel';
+export { default as CardMarquee } from './components/CardMarquee';
+export { default as CarouselCircular } from './components/CarouselCircular';
+//# 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,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAC,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,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

package/dist/pages/_document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_document.js","sourceRoot":"","sources":["../../src/pages/_document.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AACxF,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,mBAAmB,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,uCAAuC;AACvC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,OAAO,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,QAAQ;IAC9C,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,GAAoB;QAC/C,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAC;QACnC,MAAM,EAAE,uBAAuB,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAE/D,MAAM,kBAAkB,GAAG,GAAG,CAAC,UAAU,CAAC;QAE1C,IAAI,CAAC;YACH,GAAG,CAAC,UAAU,GAAG,GAAG,EAAE,CACpB,kBAAkB,CAAC;gBACjB,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAC7B,CACE,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YACzB,KAAC,GAAG,oBAAK,KAAK,EAAI,GACJ,CACjB;aACJ,CAAC,CAAC;YAEL,MAAM,YAAY,GAAG,MAAM,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAEzD,mEAAmE;YACnE,MAAM,aAAa,GAAG,uBAAuB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACjE,MAAM,gBAAgB,GAAG,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3D,gCAEgB,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EACnD,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,IAFzC,KAAK,CAAC,GAAG,CAGd,CACH,CAAC,CAAC;YAEH,uCACK,YAAY,KACf,MAAM,EAAE,CACN,8BACG,YAAY,CAAC,MAAM,EACnB,gBAAgB,IAChB,CACJ,IACD;QACJ,CAAC;gBAAS,CAAC;YACT,mDAAmD;QACrD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,aACb,KAAC,IAAI,KACE,EACP,2BACE,KAAC,IAAI,KAAG,EACR,KAAC,UAAU,KAAG,IACT,IACF,CACR,CAAC;IACJ,CAAC;CACF"}

package/dist/theme.d.ts

@@ -0,0 +1,35 @@
+declare module '@mui/material/styles' {
+    interface Palette {
+        custom: {
+            transparent: string;
+            backgroundSectionMain: string;
+            backgroundSectionAlternative: string;
+            backgroundSectionHighlight?: string;
+            colorSectionMain: string;
+            backgroundButtonCTA: string;
+            backgroundHoverButtonCTA: string;
+            colorButtonCTA: string;
+            colorHoverButtonCTA: string;
+            borderRadiusButtonCTA: string;
+            carouselColorIndicators: string;
+            carouselColorFocus: string;
+        };
+    }
+    interface PaletteOptions {
+        custom?: {
+            transparent: string;
+            backgroundSectionMain: string;
+            backgroundSectionAlternative: string;
+            backgroundSectionHighlight?: string;
+            backgroundButtonCTA: string;
+            backgroundHoverButtonCTA: string;
+            colorButtonCTA: string;
+            colorHoverButtonCTA: string;
+            borderRadiusButtonCTA: string;
+            carouselColorIndicators: string;
+            carouselColorFocus: string;
+        };
+    }
+}
+declare const theme: import("@mui/material/styles").Theme;
+export { theme };