@pipelinesolucoes/carousel 1.0.0-beta.0

package/LICENSE

@@ -0,0 +1,78 @@
+LICENÇA COMERCIAL – PIPELINE SOLUÇÕES
+
+Copyright (c) Pipeline Soluções
+
+Este software é de propriedade da Pipeline Soluções e é disponibilizado
+publicamente para instalação e avaliação. O uso comercial está sujeito
+a licenciamento conforme os termos abaixo.
+
+────────────────────────────────────────────────────────────
+
+1. CONCESSÃO DE LICENÇA
+
+A Pipeline Soluções concede ao Licenciado uma licença não exclusiva,
+intransferível e revogável para utilizar este software em 1 (um)
+projeto comercial, mediante aquisição de licença válida.
+
+Projeto é definido como uma única aplicação em produção, incluindo
+seus ambientes de desenvolvimento, homologação e staging.
+
+────────────────────────────────────────────────────────────
+
+2. USO PERMITIDO
+
+É permitido:
+- Instalar e avaliar o software livremente.
+- Utilizar o software em projetos comerciais mediante licença válida.
+- Modificar o código para uso interno no projeto licenciado.
+
+────────────────────────────────────────────────────────────
+
+3. USO PROIBIDO
+
+É expressamente proibido:
+- Utilizar o software em projetos comerciais sem licença válida.
+- Redistribuir, sublicenciar, vender ou alugar este software,
+  integralmente ou em partes.
+- Publicar o software como parte de outra biblioteca, framework
+  ou produto concorrente.
+- Remover ou alterar avisos de copyright ou licenciamento.
+
+────────────────────────────────────────────────────────────
+
+4. SUPORTE E ATUALIZAÇÕES
+
+A aquisição da licença pode incluir suporte básico e atualizações,
+conforme acordado no momento da compra. A Pipeline Soluções não é
+obrigada a fornecer suporte gratuito.
+
+────────────────────────────────────────────────────────────
+
+5. GARANTIAS E RESPONSABILIDADE
+
+Este software é fornecido "NO ESTADO EM QUE SE ENCONTRA",
+sem garantias de qualquer tipo, expressas ou implícitas.
+Em nenhuma hipótese a Pipeline Soluções será responsabilizada
+por danos diretos ou indiretos decorrentes do uso do software.
+
+────────────────────────────────────────────────────────────
+
+6. RESCISÃO
+
+Esta licença será automaticamente rescindida em caso de violação
+de qualquer um dos termos aqui estabelecidos. Em caso de rescisão,
+o uso do software deverá ser interrompido imediatamente.
+
+────────────────────────────────────────────────────────────
+
+7. CONTATO
+
+Para aquisição de licença comercial ou esclarecimento de dúvidas:
+
+E-mail: contato@pipelinesolucoes.com.br  
+Site: https://www.pipelinesolucoes.com.br
+
+────────────────────────────────────────────────────────────
+
+Ao utilizar este software em um projeto comercial, você declara ter
+lido, compreendido e concordado com os termos desta licença.

package/README.md

@@ -0,0 +1,171 @@
+# @pipelinesolucoes/carousel
+
+Biblioteca de **componentes de carrossel para React**, desenvolvida para **padronização visual**, **reutilização** e **escalabilidade** em aplicações modernas e design systems.
+
+Este pacote faz parte do ecossistema de componentes da **Pipeline Soluções**.
+
+---
+
+## 📦 Componentes disponíveis
+
+A biblioteca inclui os seguintes componentes:
+
+- **BookCarousel**  
+- **CardMarquee**  
+- **CarouselCircular**  
+- **Carrossel**  
+- **ImageCarousel**  
+  
+---
+
+## ✨ Características
+
+- ✅ Pronto para produção
+- 🎨 Integração com Material UI
+- ♿ Foco em acessibilidade
+- 🧩 Ideal para design systems
+- 🔄 Reutilizável em múltiplos projetos
+- 📦 Publicado no npm com versionamento semântico
+- 🔐 Preparado para licenciamento por projeto
+
+---
+
+## 📥 Instalação
+
+```bash
+npm install @pipelinesolucoes/carousel 
+ou
+yarn add @pipelinesolucoes/carousel
+
+```
+
+## 🚀 Uso básico
+
+```
+import { ImageCarousel } from "@pipelinesolucoes/carousel";
+
+export function Example() {
+  return (
+    <ImageCarousel 
+      width="100%"
+      height="100%"
+      images={[ '/image1.png', '/image2.png', '/image3.png' ]}
+      dotColor="#eeeeee"
+      activeDotColor="blue"
+      autoPlay={true}
+      autoPlayInterval={4000}        
+    />   
+  );
+}
+```
+
+## 🧩 Uso em Design Systems
+
+Este pacote foi projetado para:
+
+ - padronização de ações e navegação
+ - reutilização entre projetos
+ - evolução incremental de UI
+ - integração com temas e tokens de design
+
+Pode ser utilizado de forma isolada ou como parte de um design system maior.
+
+---
+
+## 🔐 Licença de uso comercial
+
+Este pacote é publicamente acessível no npm, porém:
+
+O uso comercial é licenciado por projeto.
+
+**O que isso significa?**
+
+O pacote pode ser instalado e avaliado livremente.
+
+Para uso em projetos comerciais, é necessária a aquisição de uma licença válida por projeto.
+
+**Definição de projeto**
+
+Projeto = 1 aplicação em produção
+(ex.: site institucional, sistema interno ou aplicação SaaS).
+Ambientes de desenvolvimento, staging e homologação estão incluídos no mesmo projeto.
+
+---
+
+## 📄 O que a licença inclui
+
+✔ Uso em 1 projeto
+✔ Atualizações enquanto a licença estiver ativa
+✔ Correções de bugs
+✔ Suporte básico
+✔ Evolução contínua do pacote
+
+---
+
+## ⚙️ Configuração de licença (mock)
+
+Após adquirir a licença, você receberá um Project ID e uma License Key.
+
+No projeto, configure as variáveis de ambiente:
+
+PIPESOL_PROJECT_ID=meu-projeto
+PIPESOL_BUTTON_LICENSE_KEY=SUA-LICENSE-KEY-AQUI
+
+
+Atualmente, a validação é local e não bloqueante, servindo como preparação para automação futura.
+
+---
+
+## 🔁 Versionamento
+
+Este projeto segue Semantic Versioning (SemVer):
+
+1.0.1 – Correção de bugs
+
+1.1.0 – Nova funcionalidade compatível
+
+2.0.0 – Mudança incompatível
+
+1.0.0-beta.x – Versões beta
+
+Para listar as versões publicadas:
+
+```
+npm view @pipelinesolucoes/carousel versions --json
+```
+
+## 🚀 Processo de publicação
+
+Este pacote é publicado exclusivamente via CI/CD utilizando GitHub Actions.
+
+Características do processo:
+
+ - Publicação apenas por tags Git (vX.Y.Z)
+ - Autenticação via Trusted Publishing (OIDC)
+ - Nenhum token npm armazenado
+ - Tokens clássicos desabilitados
+ - Autenticação em dois fatores (2FA) obrigatória
+ - Publicações seguras, rastreáveis e reprodutíveis
+
+ ---
+
+ ## 📬 Aquisição de licença e contato
+
+Para adquirir uma licença comercial ou obter mais informações:
+
+📧 contato@pipelinesolucoes.com.br
+🌐 https://www.pipelinesolucoes.com.br
+
+--- 
+
+## 📄 Licença
+
+Copyright © Pipeline Soluções
+Este software está sujeito a licença comercial por projeto.
+Consulte o arquivo LICENSE para mais informações.
+
+```
+Se você quiser, eu também posso gerar agora o **arquivo `LICENSE`** (texto curto e claro) no mesmo padrão profissional pra você copiar e colar como `LICENSE` no repo.
+```
+
+

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

@@ -0,0 +1,5 @@
+export type BookCarouselProps = {
+    bookScale?: number;
+    coverSrc?: string;
+};
+export default function BookCarousel({ bookScale, coverSrc, }: BookCarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/BookCarousel.js

@@ -0,0 +1,288 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { styled } from "@mui/material/styles";
+import gsap from "gsap";
+const SHEETS = 10;
+const HOLD_DESKTOP = 1.6;
+const TURN_DESKTOP = 1.55;
+const HOLD_MOBILE = 2.2;
+const TURN_MOBILE = 1.75;
+const CoverImg = styled("img")(() => ({
+    overflow: "hidden",
+    width: "100%",
+    height: "100%",
+    display: "block",
+    boxSizing: "border-box",
+    objectFit: "cover",
+    borderRadius: "0 5% 5% 0",
+}));
+const PageImage = styled("img")(() => ({
+    overflow: "hidden",
+    width: "100%",
+    height: "100%",
+    display: "block",
+    boxSizing: "border-box",
+    objectFit: "cover",
+    borderRadius: "0 5% 5% 0",
+    padding: "16px",
+}));
+const PageImageBack = styled("img")(() => ({
+    overflow: "hidden",
+    width: "100%",
+    height: "100%",
+    display: "block",
+    boxSizing: "border-box",
+    objectFit: "cover",
+    borderRadius: "5% 0 0 5%",
+    padding: "16px",
+}));
+export default function BookCarousel({ bookScale = 1, coverSrc = "/capa.png", }) {
+    const rootRef = useRef(null);
+    const bookRef = useRef(null);
+    const [coverReady, setCoverReady] = useState(false);
+    // ✅ Preload + decode da capa
+    useEffect(() => {
+        let alive = true;
+        if (typeof window === "undefined") {
+            setCoverReady(true);
+            return;
+        }
+        const img = new window.Image();
+        img.src = coverSrc;
+        const done = async () => {
+            try {
+                // @ts-ignore
+                if (img.decode)
+                    await img.decode();
+            }
+            catch (_a) { }
+            if (!alive)
+                return;
+            setCoverReady(true);
+        };
+        if (img.complete) {
+            void done();
+        }
+        else {
+            img.addEventListener("load", () => void done(), { once: true });
+            img.addEventListener("error", () => void done(), { once: true });
+        }
+        return () => {
+            alive = false;
+        };
+    }, [coverSrc]);
+    useLayoutEffect(() => {
+        if (!coverReady)
+            return;
+        const rootEl = rootRef.current;
+        const bookEl = bookRef.current;
+        if (!rootEl || !bookEl)
+            return;
+        const pages = Array.from(bookEl.querySelectorAll(".book__page"));
+        if (!pages.length)
+            return;
+        const ctx = gsap.context(() => {
+            const mm = gsap.matchMedia();
+            const setInitial = () => {
+                pages.forEach((page, index) => {
+                    const t = page;
+                    gsap.set(t, {
+                        transformOrigin: "0% 50%",
+                        transformStyle: "preserve-3d",
+                        force3D: true,
+                        willChange: "transform",
+                        z: index === 0 ? 60 : -index,
+                        zIndex: index === 0 ? 3000 : 1000 - index,
+                    });
+                    gsap.set(t, { clearProps: "rotationY" });
+                });
+            };
+            const buildTimeline = (opts) => {
+                const { hold, turn } = opts;
+                setInitial();
+                const tl = gsap.timeline({ repeat: -1, repeatDelay: 0.8 });
+                tl.eventCallback("onRepeat", () => setInitial());
+                const cover = pages[0];
+                // warm up
+                tl.to(cover, { rotationY: 0.01, duration: 0.001, ease: "none", immediateRender: false }, 0);
+                tl.to(cover, { rotationY: 0, duration: 0.001, ease: "none", immediateRender: false }, 0.002);
+                pages.forEach((page, index) => {
+                    if (index === pages.length - 1)
+                        return;
+                    const target = page;
+                    // ✅ CAPA: overload compatível (targets, duration, fromVars, toVars, position)
+                    if (index === 0) {
+                        tl.fromTo(target, turn, // duration
+                        { rotationY: 0 }, {
+                            rotationY: -180,
+                            ease: "power3.inOut",
+                            immediateRender: false,
+                            onStart: () => {
+                                gsap.set(target, { zIndex: 5000 });
+                            },
+                            onComplete: () => {
+                                gsap.set(target, { z: -13, zIndex: 1000 - index });
+                            },
+                        }, `+=${hold}`);
+                        return;
+                    }
+                    // Páginas internas
+                    tl.to(target, { rotationY: -180, duration: turn, ease: "power3.inOut", immediateRender: false }, `+=${hold}`);
+                    tl.to(target, { z: index, duration: 0.12, ease: "power1.out", immediateRender: false }, "<+=0.02");
+                });
+                return tl;
+            };
+            mm.add("(min-width: 900px)", () => {
+                const tl = buildTimeline({ hold: HOLD_DESKTOP, turn: TURN_DESKTOP });
+                return () => {
+                    tl.kill();
+                };
+            });
+            mm.add("(max-width: 899px)", () => {
+                const tl = buildTimeline({ hold: HOLD_MOBILE, turn: TURN_MOBILE });
+                return () => {
+                    tl.kill();
+                };
+            });
+            mm.add("(prefers-reduced-motion: reduce)", () => {
+                const tl = buildTimeline({ hold: 2.5, turn: 0.01 });
+                return () => {
+                    tl.kill();
+                };
+            });
+            return () => {
+                mm.revert();
+            };
+        }, rootRef);
+        return () => {
+            ctx.revert();
+        };
+    }, [coverReady]);
+    const FrontHalf = ({ children }) => (_jsx("div", { className: "page__half page__half--front", children: children }));
+    const BackHalf = ({ children }) => (_jsx("div", { className: "page__half page__half--back", children: children }));
+    return (_jsxs("div", { ref: rootRef, className: "bookHost", style: {
+            width: "30vmin",
+            height: "40vmin",
+            minWidth: 150,
+            minHeight: 200,
+            position: "relative",
+            ["--book-scale"]: bookScale,
+        }, children: [coverReady ? (_jsxs("div", { className: "book", ref: bookRef, children: [_jsx("div", { className: "book__spine" }), _jsxs("div", { className: "page book__page book__cover book__cover--front", children: [_jsx(FrontHalf, { children: _jsx(CoverImg, { src: coverSrc, alt: "Capa" }) }), _jsx(BackHalf, {})] }), Array.from({ length: SHEETS }).map((_, p) => {
+                        const leftNumber = p * 2 + 1;
+                        const rightNumber = p * 2 + 2;
+                        return (_jsxs("div", { className: "page book__page", children: [_jsxs(FrontHalf, { children: [_jsx(PageImage, { src: "/img_a_autora_e3.webp", alt: `Página ${leftNumber}` }), _jsx("span", { className: "page__number", children: leftNumber })] }), _jsxs(BackHalf, { children: [_jsx(PageImageBack, { src: "/img_a_colecao.webp", alt: `Página ${rightNumber}` }), _jsx("span", { className: "page__number", children: rightNumber })] })] }, `sheet-${p}`));
+                    }), _jsxs("div", { className: "page book__page book__cover book__cover--back", children: [_jsx(FrontHalf, {}), _jsx(BackHalf, { children: _jsx("span", { className: "code", children: "CONTRA CAPA" }) })] })] })) : (_jsx("div", { style: { width: "100%", height: "100%" } })), _jsx("style", { children: `
+        * { box-sizing: border-box; }
+
+        .bookHost{ overflow: visible; }
+
+        .page{
+          height: 100%;
+          width: 100%;
+          position: relative;
+          transform-style: preserve-3d;
+        }
+
+        .page__number{
+          position: absolute;
+          color: hsl(0, 0%, 50%);
+          bottom: 1rem;
+          font-size: 1.2vmin;
+        }
+        .page__half--front .page__number{ right: 1rem; }
+        .page__half--back .page__number{ left: 1rem; }
+
+        .page__half{
+          display:flex; align-items:center; justify-content:center;
+          height:100%;
+          position:absolute; top:0; left:0; width:100%;
+
+          /* ✅ remove clip-path (principal causa do “desfoque”) */
+          overflow: hidden;
+
+          /* ✅ micro-z estabiliza textura durante a rotação */
+          transform: rotateY(calc(var(--rotation) * 1deg))
+            translate3d(0, 0, calc((0.5 * var(--coefficient)) * 1px))
+            translateZ(0.01px);
+        }
+
+        .page__half--front{
+          --rotation: 0;
+          --coefficient: 0;
+          backface-visibility: hidden;
+          border-radius: 0 5% 5% 0;
+        }
+
+        .page__half--back{
+          --rotation: 180;
+          --coefficient: 2;
+          border-radius: 5% 0 0 5%;
+          backface-visibility: hidden;
+        }
+
+        .book{
+          height: 100%;
+          width: 100%;
+          position: relative;
+
+          transform: scale(var(--book-scale, 1));
+          transform-origin: top left;
+
+          transform-style: preserve-3d;
+          perspective: 1200px;
+          z-index: 10;
+          will-change: transform;
+        }
+
+        .book__spine{
+          left: 0;
+          top: 50%;
+          height: 94%;
+          width: 12px;
+          position: absolute;
+          background: black;
+          transform-origin: 0 50%;
+          transform: translate3d(0, -50%, -13px);
+        }
+
+        .book__page{
+          position: absolute;
+          left: 2%;
+          top: 50%;
+          border-radius: 0 5% 5% 0;
+          transform: translate(0, -50%);
+          height: 94%;
+          width: 94%;
+          transform-origin: 0% 50%;
+        }
+
+        .book__cover{ border-radius: 0 5% 5% 0; }
+        .book__cover--front .page__half--back{ border-right: 1rem solid black; }
+        .book__cover--back .page__half--front{ border-left: 1rem solid black; }
+
+        .book__page:not(.book__cover) .page__half{
+          background: white;
+          backface-visibility: hidden;
+        }
+
+        .book__cover .page__half{ background: hsl(0, 0%, 10%); }
+        .book__cover--front .page__half--front{ background: transparent; }
+
+        .code{
+          line-height: 1.2;
+          font-family: monospace;
+          white-space: pre-line;
+          max-width: 100%;
+          max-height: 100%;
+          font-weight: 700;
+          color: hsl(0, 0% 96%);
+          border-radius: 8px;
+          display: block;
+          overflow: hidden;
+          padding: 12px;
+          text-align: center;
+        }
+      ` })] }));
+}
+//# sourceMappingURL=BookCarousel.js.map

package/dist/components/BookCarousel.js.map

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

package/dist/components/CardMarquee.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface CardMarqueeProps {
+    direction?: "left" | "right";
+    speed?: number;
+    children: React.ReactNode[];
+}
+declare const CardMarquee: React.FC<CardMarqueeProps>;
+export default CardMarquee;

package/dist/components/CardMarquee.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { motion, useAnimation } from "framer-motion";
+import { Box, styled } from "@mui/material";
+const ContainerSafe = styled('div') `            
+  overflow: hidden;
+  width: 100%;
+  position: relative;
+  display: flex;
+  justify-content: center;
+`;
+const OuterWrapper = styled('div') `
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+  display: flex;
+  justify-content: center;
+`;
+const InnerWrapper = styled('div') `
+  width: 100%;
+  max-width: 100vw;
+  position: relative;
+  overflow: hidden;
+`;
+const MotionDiv = styled(motion.div) `
+  display: flex;
+  gap: 48px;
+  white-space: nowrap;
+  height: fit-content;
+`;
+const CardMarquee = ({ direction = "left", speed = 50, children, }) => {
+    const controls = useAnimation();
+    const marqueeRef = useRef(null);
+    const distanceRef = useRef(0);
+    useEffect(() => {
+        const marquee = marqueeRef.current;
+        if (marquee) {
+            const totalWidth = marquee.scrollWidth / 2; // já que você duplica os children
+            distanceRef.current = direction === "left" ? -totalWidth : totalWidth;
+            controls.start({
+                x: [0, distanceRef.current],
+                transition: {
+                    x: {
+                        repeat: Infinity,
+                        repeatType: "loop",
+                        duration: speed,
+                        ease: "linear",
+                    },
+                },
+            });
+        }
+    }, [controls, direction, speed, children.length]);
+    return (_jsx(ContainerSafe, { children: _jsx(OuterWrapper, { children: _jsx(InnerWrapper, { children: _jsx(MotionDiv, { ref: marqueeRef, animate: controls, children: [...children, ...children].map((child, index) => (_jsx(Box, { sx: { width: "fit-content", height: "fit-content" }, children: child }, index))) }) }) }) }));
+};
+export default CardMarquee;
+//# sourceMappingURL=CardMarquee.js.map

package/dist/components/CardMarquee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardMarquee.js","sourceRoot":"","sources":["../../src/components/CardMarquee.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;CAMlC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;CAMjC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;CAKjC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;CAKnC,CAAC;AAQF,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,GAAG,MAAM,EAClB,KAAK,GAAG,EAAE,EACV,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,YAAY,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,kCAAkC;YAC9E,WAAW,CAAC,OAAO,GAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;YAEtE,QAAQ,CAAC,KAAK,CAAC;gBACb,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;gBAC3B,UAAU,EAAE;oBACV,CAAC,EAAE;wBACD,MAAM,EAAE,QAAQ;wBAChB,UAAU,EAAE,MAAM;wBAClB,QAAQ,EAAE,KAAK;wBACf,IAAI,EAAE,QAAQ;qBACf;iBACF;aACF,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAElD,OAAO,CACL,KAAC,aAAa,cACZ,KAAC,YAAY,cACX,KAAC,YAAY,cACX,KAAC,SAAS,IAAC,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,YAC1C,CAAC,GAAG,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAChD,KAAC,GAAG,IAAa,EAAE,EAAE,EAAC,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAC,YAC/D,KAAK,IADE,KAAK,CAET,CACP,CAAC,GACQ,GACC,GACF,GACD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}