primocode 10.19.0 → 11.1.0

package/kits/cartaz-cinetico/receita.json

@@ -1,209 +0,0 @@
-{
-  "kit": "cartaz-cinetico",
-  "fps": 30,
-  "batida_trilha_quadros": 14.52,
-  "duracao_video_s": [
-    6,
-    45
-  ],
-  "ordem_sugerida": [
-    "gancho",
-    "problema",
-    "virada",
-    "prova",
-    "lista",
-    "data",
-    "oferta",
-    "marca"
-  ],
-  "batidas": [
-    {
-      "nome": "gancho",
-      "obrigatoria": true,
-      "duracao": [
-        36,
-        60
-      ],
-      "elementos": [
-        "CartazPalavra"
-      ],
-      "entrada": [
-        "nenhuma"
-      ],
-      "sons": [
-        "impacto",
-        "pop-palavra"
-      ],
-      "nota": "2–3 palavras de 1 batida cada, cada uma com um bloco de cor diferente."
-    },
-    {
-      "nome": "problema",
-      "obrigatoria": false,
-      "duracao": [
-        30,
-        60
-      ],
-      "elementos": [
-        "CartazPalavra",
-        "PilhaCartaz"
-      ],
-      "entrada": [
-        "cortar"
-      ],
-      "sons": [
-        "impacto",
-        "swoosh"
-      ],
-      "nota": "a dor numa palavra girada 90° ou em 2 linhas esticadas."
-    },
-    {
-      "nome": "virada",
-      "obrigatoria": true,
-      "duracao": [
-        40,
-        66
-      ],
-      "elementos": [
-        "PilhaCartaz"
-      ],
-      "entrada": [
-        "cortar"
-      ],
-      "sons": [
-        "pop-palavra",
-        "impacto"
-      ],
-      "nota": "o nome do evento/produto em 2–3 linhas esticadas, cada uma de uma cor."
-    },
-    {
-      "nome": "prova",
-      "obrigatoria": false,
-      "duracao": [
-        40,
-        66
-      ],
-      "elementos": [
-        "RoletaPalavras",
-        "EcoPalavra"
-      ],
-      "entrada": [
-        "cortar"
-      ],
-      "sons": [
-        "clique",
-        "subida",
-        "impacto"
-      ],
-      "nota": "a roleta passa 4–5 atrações e para na maior."
-    },
-    {
-      "nome": "lista",
-      "obrigatoria": false,
-      "duracao": [
-        30,
-        60
-      ],
-      "elementos": [
-        "EcoPalavra",
-        "RoletaPalavras"
-      ],
-      "entrada": [
-        "cortar"
-      ],
-      "sons": [
-        "pop-palavra"
-      ],
-      "nota": "uma palavra-síntese repetida em degraus (VEM, TEM, VAI)."
-    },
-    {
-      "nome": "data",
-      "obrigatoria": true,
-      "duracao": [
-        36,
-        66
-      ],
-      "elementos": [
-        "CirculoPoster",
-        "Selo"
-      ],
-      "entrada": [
-        "girar",
-        "cortar"
-      ],
-      "sons": [
-        "pop-cartao",
-        "impacto"
-      ],
-      "nota": "dia e mês no círculo que vira quadrado + selo com local/horário."
-    },
-    {
-      "nome": "oferta",
-      "obrigatoria": false,
-      "duracao": [
-        30,
-        60
-      ],
-      "elementos": [
-        "CartazPalavra",
-        "Selo"
-      ],
-      "entrada": [
-        "cortar"
-      ],
-      "sons": [
-        "impacto"
-      ],
-      "nota": "GRÁTIS / 2 POR 1 em palavra gigante."
-    },
-    {
-      "nome": "marca",
-      "obrigatoria": true,
-      "duracao": [
-        48,
-        90
-      ],
-      "elementos": [
-        "AssinaturaMarca"
-      ],
-      "entrada": [
-        "cortar"
-      ],
-      "sons": [
-        "assinatura",
-        "impacto"
-      ],
-      "nota": "sempre a última: bloco preto, nome em 2 linhas esticadas, barra vermelha e endereço."
-    }
-  ],
-  "transicoes": [
-    {
-      "nome": "cortar",
-      "quadros": 8,
-      "como": "entra com zoom 1,14 → 1 e sobra; a anterior cresce 20% girando 4° e some"
-    },
-    {
-      "nome": "girar",
-      "quadros": 8,
-      "como": "entra girada −14° e 1,5x, assenta com sobra"
-    },
-    {
-      "nome": "direita",
-      "quadros": 8,
-      "como": "entra 464 px da direita"
-    },
-    {
-      "nome": "nenhuma",
-      "quadros": 0,
-      "como": "sem movimento de janela; as palavras batem sozinhas (gancho)"
-    }
-  ],
-  "camera": {
-    "deriva": "sempre",
-    "socos": "cada palavra que bate"
-  },
-  "trilha": {
-    "arquivo": "assets/trilha/cartaz-124bpm.mp3",
-    "volume": 0.55,
-    "com_narracao": 0.25
-  }
-}

package/kits/cartaz-cinetico/regras/area-segura.md

@@ -1,19 +0,0 @@
-# Área segura (9:16, 1080×1920)
-
-- Tudo que se lê fica entre **y = 168** e **y = 1330** e entre **x = 80** e **x = 1000** (920 px úteis).
-- Embaixo de 1330 px ficam a legenda e os botões do Reels/TikTok: ali só fundo e elementos que sangram.
-- Posições de referência (centro, em px):
-
-| uso | y |
-|---|---|
-| palavra de cartaz (centro) | 760 |
-| palavra girada (centro) | 750 |
-| pilha (centro do bloco) | 720 |
-| roleta (centro da janela) | 740 |
-| rótulo acima da roleta | 420 |
-| eco (centro) | 740 |
-| círculo (centro) | 740 |
-| selo (centro) | 400 |
-| marca (nome) | 640 |
-
-- Blocos de cor e o círculo podem sangrar; o texto das palavras fica sempre entre 168 e 1330.

package/kits/cartaz-cinetico/regras/cor.md

@@ -1,13 +0,0 @@
-# Cor
-
-| token | hex | uso |
-|---|---|---|
-| `papel` | `#EFE6D2` | chão e texto sobre cor escura |
-| `preto` | `#111111` | texto e bloco |
-| `vermelho` | `#E8381F` | bloco principal, círculo |
-| `azul` | `#2438E8` | bloco de apoio (roleta, 2ª cor) |
-
-- Só estas 4 cores, chapadas: sem degradê, sem sombra, sem brilho.
-- Texto sobre `papel` é `preto`, `vermelho` ou `azul`; sobre `vermelho`/`azul`/`preto` é `papel` (ou `preto` sobre vermelho).
-- Cada corte troca o bloco de cor: nunca duas batidas seguidas com o mesmo fundo.
-- O cliente pode trocar `vermelho` e `azul` pela paleta da marca.

package/kits/cartaz-cinetico/regras/movimento.md

@@ -1,16 +0,0 @@
-# Movimento
-
-- Tela 1080×1920, **30 fps**. Curva padrão `e5` ≈ cubic-bezier(.2,.8,.2,1); toda entrada com sobra `eb` (easeOutBack, passa ~10% e volta).
-- A câmera nunca para: zoom 1,02 ± 0,015 (período 100 quadros), deslize ±14 × ±12 px, giro ±0,7°; soco de +4% que cai em 7 quadros a cada palavra.
-- Entrada de cena: 8 quadros; saída sobrepõe 6 quadros com a próxima. Corte ou troca a cada 0,6–1,5 s (18–45 quadros).
-
-| movimento | quadros | valores |
-|---|---|---|
-| palavra bate | 9 | scale 2,4 → 1 com `eb` (sobra 1,9); depois push-in de 0,15% por quadro |
-| cortina de cor | 8 | círculo cresce do centro até 1600 px (clip-path) em `e5` |
-| linha da pilha estica | 12 | scaleX 0 → 1 ancorado à esquerda com `eb`; intervalo 7 |
-| roleta gira | 8 + 5 por palavra | translateY de −altura por palavra, com sobra de 20% e volta |
-| eco em degraus | 10 | cada cópia entra de lado (alterna), intervalo 3 quadros |
-| círculo vira quadrado | 14 | scale 0 → 1, depois raio 50% → 6% e giro 0 → 90° |
-| selo gira | contínuo | 3,2° por quadro; entra com scale 0 → 1 `eb` |
-| saída de cena | 6 | scale 1 → 1,2 e giro de 4°, sobrepondo 6 quadros |

package/kits/cartaz-cinetico/regras/ritmo.md

@@ -1,17 +0,0 @@
-# Ritmo
-
-- 124 bpm → 1 batida = **14.52 quadros** (0.484 s). Cortes caem nas batidas; cada palavra do gancho dura 1 batida.
-- Tempo mínimo de leitura: **14** quadros por frase (≈ 0,45 s por palavra curta).
-
-| batida | duração (s) | quadros |
-|---|---|---|
-| gancho | 1.2–2.0 | 36–60 |
-| problema | 1.0–2.0 | 30–60 |
-| virada | 1.3–2.2 | 40–66 |
-| prova | 1.3–2.2 | 40–66 |
-| lista | 1.0–2.0 | 30–60 |
-| data | 1.2–2.2 | 36–66 |
-| oferta | 1.0–2.0 | 30–60 |
-| marca | 1.6–3.0 | 48–90 |
-
-- Vídeo de demo: 8 s = 240 quadros (16.5 batidas).

package/kits/cartaz-cinetico/regras/som.md

@@ -1,21 +0,0 @@
-# Som
-
-- Trilha: `assets/trilha/cartaz-124bpm.mp3` (9 s, 124 bpm), volume **0.55**, fade de saída nos últimos **20 quadros**. Vídeo maior que 9 s: gere outra no MotionCraft (`music make`, preset tech-bright, 124 bpm, tom F, progressão hopeful, lead glock, bateria tight) — não faça loop.
-- Com narração: trilha a **0,25** e efeitos a 70% do volume da tabela.
-- Efeitos sintetizados (MotionCraft `sfx make`, pacote soft-pop); trilha de 9 s, 124 bpm, com bateria no ponto.
-
-| som | volume | quando |
-|---|---|---|
-| `impacto` | 0.95 | palavra que bate e círculo que fecha |
-| `pop-palavra` | 1 | linha da pilha e cópia do eco |
-| `whoosh-entra` | 0.9 | entrada de cena |
-| `clique` | 0.8 | a roleta para em cada palavra |
-| `swoosh` | 1 | palavra girada |
-| `pop-cartao` | 0.9 | selo que entra |
-| `subida` | 0.7 | 1,3 s antes da palavra final |
-| `assinatura` | 0.9 | revelação da marca |
-| `whoosh-sai` | 0.8 | saída grande |
-
-- Um som por movimento que importa; no máximo **3 sons por segundo**; nunca o mesmo arquivo duas vezes seguidas.
-- Som entra **1 a 2 quadros antes** do visual.
-- O render nivela o mix em **−14 LUFS**, pico −1,5 dBTP.

package/kits/cartaz-cinetico/regras/tipografia.md

@@ -1,16 +0,0 @@
-# Tipografia
-
-Anton 400 (única espessura, condensada) em caixa alta para tudo que é grande; Archivo 800 só em rótulos e selos. O tamanho vem da largura: a palavra cresce até encher.
-
-| papel | tamanho (px) | máx. caracteres | peso · tracking · caixa |
-|---|---|---|---|
-| palavra de cartaz | até 700 (encolhe/estica para caber em 920) | 10 | Anton · −0,005 em · MAIÚSCULAS · entrelinha 0,95 |
-| palavra girada 90° | cabe em 1160 de altura | 12 | Anton · MAIÚSCULAS |
-| pilha (linhas) | até 520 por linha, cada uma enche 920 | 12 por linha | Anton · MAIÚSCULAS · entrelinha 0,92 |
-| roleta | cabe na janela de 920 × 560 | 10 | Anton |
-| rótulo / selo / info | 44–56 | 24 | Archivo 800 · 0,06 em · MAIÚSCULAS |
-| nome na marca | até 560 por linha | 10 por linha | Anton · MAIÚSCULAS |
-
-- Texto que passa da largura útil (920 px) **encolhe sozinho** (`caber()` em `elementos/base.ts`). Nunca palavra cortada.
-- Palavra curta fica ENORME (a de 3 letras chega a 700 px); palavra longa encolhe até caber, nunca é cortada.
-- Contorno (`-webkit-text-stroke` 6 px, miolo transparente) só no eco.

package/kits/colagem/assets/ASSETS.md

@@ -1,25 +0,0 @@
-# Assets do kit colagem
-
-| arquivo | o que é | origem | licença |
-|---|---|---|---|
-| `fontes/abril-fatface.woff2` | Abril Fatface (título), subset latino | Google Fonts (fonts.gstatic.com), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-abril-fatface.txt` |
-| `fontes/special-elite.woff2` | Special Elite (texto), subset latino | Google Fonts (fonts.gstatic.com), baixado em 26/10/2026 | Apache 2.0 (Special Elite é Apache; o texto da licença segue o mesmo arquivo de aviso) — texto em `fontes/OFL-special-elite.txt` |
-| `sons/whoosh-entra.mp3` | efeito whoosh-entra | sintetizado: MotionCraft `sfx make`, tipo `whoosh_in`, pacote `paper` | sem samples; síntese própria (CC0) |
-| `sons/whoosh-sai.mp3` | efeito whoosh-sai | sintetizado: MotionCraft `sfx make`, tipo `whoosh_out`, pacote `paper` | sem samples; síntese própria (CC0) |
-| `sons/swoosh.mp3` | efeito swoosh | sintetizado: MotionCraft `sfx make`, tipo `swoosh`, pacote `paper` | sem samples; síntese própria (CC0) |
-| `sons/pop-palavra.mp3` | efeito pop-palavra | sintetizado: MotionCraft `sfx make`, tipo `word_pop`, pacote `paper` | sem samples; síntese própria (CC0) |
-| `sons/pop-cartao.mp3` | efeito pop-cartao | sintetizado: MotionCraft `sfx make`, tipo `icon_pop`, pacote `paper` | sem samples; síntese própria (CC0) |
-| `sons/clique.mp3` | efeito clique | sintetizado: MotionCraft `sfx make`, tipo `button`, pacote `paper` | sem samples; síntese própria (CC0) |
-| `sons/impacto.mp3` | efeito impacto | sintetizado: MotionCraft `sfx make`, tipo `impact`, pacote `paper` | sem samples; síntese própria (CC0) |
-| `sons/subida.mp3` | efeito subida | sintetizado: MotionCraft `sfx make`, tipo `riser`, pacote `paper` | sem samples; síntese própria (CC0) |
-| `sons/assinatura.mp3` | efeito assinatura | sintetizado: MotionCraft `sfx make`, tipo `logo_sting`, pacote `paper` | sem samples; síntese própria (CC0) |
-| `sons/tick.mp3` | efeito tick | sintetizado: MotionCraft `sfx make`, tipo `letter_tick`, pacote `paper` | sem samples; síntese própria (CC0) |
-| `trilha/trilha.mp3` | trilha de 8,7 s, 108 bpm | MotionCraft `music make --preset warm-major --bpm 108 --key C` | síntese própria (CC0); MotionCraft é MIT |
-
-
-Conteúdo de demonstração (fica em `exemplos/`):
-
-| arquivo | origem | licença |
-|---|---|---|
-| `exemplos/fotos/foto-01.jpg` | Unsplash via picsum (cópia das fotos do kit apple-tipografico), recorte 720×960 | Unsplash License |
-| `exemplos/fotos/foto-02.jpg` | Unsplash via picsum (cópia das fotos do kit apple-tipografico), recorte 720×960 | Unsplash License |

package/kits/colagem/elementos/AssinaturaMarca.tsx

@@ -1,17 +0,0 @@
-// AssinaturaMarca: o nome em letras-recorte (bilhete), carimbo redondo de tinta girado e o endereço numa tira de fita. Sempre a última cena.
-import React from 'react';
-import {COR, FONTE_TEXTO, FONTE_TITULO, mola, seg, useF} from './base';
-import {FitaAdesiva} from './FitaAdesiva';
-import {TituloRecorte} from './TituloRecorte';
-
-export type AssinaturaMarcaProps = {nome: string; detalhe?: string; endereco?: string; inicio?: number};
-export const AssinaturaMarca: React.FC<AssinaturaMarcaProps> = ({nome, detalhe, endereco, inicio = 0}) => {
-  const f = useF() - inicio;
-  const p = mola(seg(f, 14, 24), 2.4);
-  const pe = mola(seg(f, 22, 32), 1.8);
-  return <>
-    <TituloRecorte linhas={[nome]} inicio={inicio + 1} y={640} tamanho={230} />
-    {detalhe && <div style={{position: 'absolute', left: 540 - 175, top: 860, width: 350, height: 350, borderRadius: '50%', border: `10px solid ${COR.vermelho}`, color: COR.vermelho, display: 'flex', alignItems: 'center', justifyContent: 'center', textAlign: 'center', fontFamily: FONTE_TITULO, fontSize: 60, lineHeight: 1, padding: 40, whiteSpace: 'pre-line', opacity: 0.92, transform: `rotate(${-14 + (1 - p) * 40}deg) scale(${Math.max(0.01, 1.6 - p * 0.6)})`, mixBlendMode: 'multiply'}}><div style={{border: `4px solid ${COR.vermelho}`, borderRadius: '50%', position: 'absolute', inset: 14}} />{detalhe}</div>}
-    {endereco && <><div style={{position: 'absolute', left: 540 - 330, top: 1260, width: 660, height: 92, background: COR.fita, opacity: 0.9 * pe, display: 'flex', alignItems: 'center', justifyContent: 'center', fontFamily: FONTE_TEXTO, fontSize: 50, color: COR.tinta, transform: `rotate(-2deg) scaleX(${Math.max(0.01, pe)})`, boxShadow: '0 3px 3px rgba(0,0,0,0.2)'}}>{endereco}</div><FitaAdesiva x={540 + 320} y={1250} rot={20} largura={120} altura={60} inicio={inicio + 28} /></>}
-  </>;
-};

package/kits/colagem/elementos/Camera.tsx

@@ -1,21 +0,0 @@
-// Camera: deriva constante por baixo de tudo e um soco em cada batida. O quadro nunca fica parado.
-import React from 'react';
-import {AbsoluteFill, useCurrentFrame} from 'remotion';
-import {q} from './base';
-
-export type CameraProps = {batidas?: number[]; forca?: number; children: React.ReactNode};
-
-export const posCamera = (f: number, batidas: number[], forca = 1) => {
-  let z = 1.018 + 0.01 * Math.sin(f / 60), dx = Math.sin(f / 31) * 10, dy = Math.cos(f / 43) * 8;
-  let rot = Math.sin(f / 71) * 0.004;
-  for (const h of batidas) if (f >= h) {
-    const d = Math.exp(-(f - h) / 7) * forca;
-    z += 0.025 * d; dx += 12 * d * Math.sin((f - h) * 2.7 + h); dy += 12 * d * Math.cos((f - h) * 3.3 + h); rot += 0.004 * 0.8 * d * Math.sin((f - h) * 2 + h);
-  }
-  return {z, dx, dy, rot};
-};
-
-export const Camera: React.FC<CameraProps> = ({batidas = [], forca = 1, children}) => {
-  const c = posCamera(q(useCurrentFrame()), batidas, forca);
-  return <AbsoluteFill style={{transform: `translate(${c.dx}px, ${c.dy}px) rotate(${c.rot}rad) scale(${c.z})`, transformOrigin: '50% 44%'}}>{children}</AbsoluteFill>;
-};

package/kits/colagem/elementos/Cena.tsx

@@ -1,36 +0,0 @@
-// Cena: janela de tempo de um plano. Entra com movimento (nunca corte seco), sai com movimento e sobrepõe 10 quadros com a próxima.
-// Dentro dela, useCurrentFrame() começa em 0 e useDuracaoCena() devolve a duração.
-import React, {createContext, useContext} from 'react';
-import {AbsoluteFill, Sequence, useCurrentFrame} from 'remotion';
-import {mola, e5, seg, q} from './base';
-
-export type Entrada = 'subir' | 'zoom' | 'direita' | 'esquerda' | 'nenhuma';
-export const SOBREPOE = 10;
-
-const CenaCtx = createContext({duracao: 60});
-export const useDuracaoCena = () => useContext(CenaCtx).duracao;
-
-export type CenaProps = {de: number; ate: number; entrada?: Entrada; ultima?: boolean; children: React.ReactNode};
-
-const Janela: React.FC<{duracao: number; entrada: Entrada; ultima: boolean; children: React.ReactNode}> = ({duracao, entrada, ultima, children}) => {
-  const f = q(useCurrentFrame());
-  const en = entrada === 'nenhuma' ? 0 : 1 - mola(seg(f, 0, 12));
-  const xo = ultima ? 0 : e5(seg(f, duracao, duracao + SOBREPOE));
-  let tf = '';
-  if (entrada === 'subir') tf += `translateY(${en * 240}px) `;
-  if (entrada === 'zoom') tf += `scale(${1 + en * 0.9}) `;
-  if (entrada === 'direita') tf += `translateX(${en * 720}px) `;
-  if (entrada === 'esquerda') tf += `translateX(${-en * 720}px) `;
-  tf += `translateY(${-xo * 280}px) rotate(${xo * 3}deg)`;
-  const blur = (en * 0 + xo * 0);
-  return <AbsoluteFill style={{transform: tf, opacity: Math.max(0, (1 - Math.max(0, en) * 0.9) * (1 - xo)), filter: blur > 0.3 ? `blur(${blur}px)` : undefined}}>{children}</AbsoluteFill>;
-};
-
-export const Cena: React.FC<CenaProps> = ({de, ate, entrada = 'subir', ultima = false, children}) => {
-  const duracao = ate - de;
-  return <Sequence from={de} durationInFrames={duracao + (ultima ? 0 : SOBREPOE)} layout="none">
-    <CenaCtx.Provider value={{duracao}}>
-      <Janela duracao={duracao} entrada={entrada} ultima={ultima}>{children}</Janela>
-    </CenaCtx.Provider>
-  </Sequence>;
-};

package/kits/colagem/elementos/FitaAdesiva.tsx

@@ -1,11 +0,0 @@
-// FitaAdesiva: pedaço de fita adesiva amarelada e translúcida com pontas serrilhadas, colada em ângulo. Apoio que prende fotos e notas; também serve sozinha.
-import React from 'react';
-import {COR, mola, seg, useF} from './base';
-
-export type FitaAdesivaProps = {x?: number; y?: number; largura?: number; altura?: number; rot?: number; inicio?: number; cor?: string};
-export const FitaAdesiva: React.FC<FitaAdesivaProps> = ({x = 540, y = 400, largura = 280, altura = 80, rot = -8, inicio = 0, cor = COR.fita}) => {
-  const f = useF() - inicio;
-  const p = mola(seg(f, 0, 8), 2);
-  const z = Array.from({length: 7}).map((_, i) => (i % 2 ? '100%' : '97%')).join(',');
-  return <div style={{position: 'absolute', left: x - largura / 2, top: y - altura / 2, width: largura, height: altura, background: cor, opacity: 0.82 * Math.min(1, p * 2), clipPath: `polygon(0 0, 100% 0, 97% 15%, 100% 30%, 97% 45%, 100% 60%, 97% 75%, 100% 90%, 100% 100%, 0 100%, 3% 85%, 0 70%, 3% 55%, 0 40%, 3% 25%, 0 10%)`, boxShadow: '0 3px 3px rgba(0,0,0,0.2)', transform: `rotate(${rot + (1 - p) * 20}deg) scale(${0.6 + p * 0.4})`}} />;
-};

package/kits/colagem/elementos/FotoRasgada.tsx

@@ -1,26 +0,0 @@
-// FotoRasgada: o herói. Foto recortada com borda rasgada sobre uma folha branca também rasgada, presa com duas fitas. Voa girando e pousa em passos de 2 quadros,
-// com um leve balanço de "ainda não colou" e depois quieta. `legenda` entra datilografada num pedaço de papel embaixo.
-import React from 'react';
-import {COR, FONTE_TEXTO, caber, mola, ruido, seg, useF} from './base';
-import {FitaAdesiva} from './FitaAdesiva';
-import {rasgado} from './rasgado';
-
-export type FotoRasgadaProps = {src: string; legenda?: string; x?: number; y?: number; largura?: number; altura?: number; rot?: number; inicio?: number; foco?: string; de?: 'esquerda' | 'direita' | 'cima'};
-export const FotoRasgada: React.FC<FotoRasgadaProps> = ({src, legenda, x = 540, y = 700, largura = 700, altura = 880, rot = -4, inicio = 0, foco = '50% 50%', de = 'direita'}) => {
-  const f = useF() - inicio;
-  const p = mola(seg(f, 0, 14), 1.8);
-  const q = 1 - p;
-  const dx = de === 'esquerda' ? -1100 : de === 'direita' ? 1100 : 0, dy = de === 'cima' ? -1400 : 0;
-  const bal = Math.sin(f / 3) * 3 * Math.exp(-f / 16);
-  const W = largura + 70, H = altura + 70;
-  const pl = mola(seg(f, 16, 26), 1.6);
-  return <>
-    <div style={{position: 'absolute', left: x - W / 2, top: y - H / 2, width: W, height: H, transform: `translate(${q * dx}px, ${q * dy}px) rotate(${rot + q * 30 + bal}deg) scale(${0.7 + p * 0.3})`, filter: 'drop-shadow(0 14px 10px rgba(0,0,0,0.38))'}}>
-      <div style={{position: 'absolute', inset: 0, background: COR.branco, clipPath: rasgado(W, H, 3, 10, 30)}} />
-      <div style={{position: 'absolute', left: 35, top: 35, width: largura, height: altura, backgroundImage: `url(${src})`, backgroundSize: 'cover', backgroundPosition: foco, clipPath: rasgado(largura, altura, 8, 12, 34)}} />
-    </div>
-    <FitaAdesiva x={x - W / 2 + 70} y={y - H / 2 + 20} rot={-38} inicio={inicio + 12} largura={230} />
-    <FitaAdesiva x={x + W / 2 - 70} y={y - H / 2 + 20} rot={34} inicio={inicio + 15} largura={230} />
-    {legenda && <div style={{position: 'absolute', left: x - 330, top: y + H / 2 - 40, width: 660, background: COR.jornal, padding: '14px 26px', fontFamily: FONTE_TEXTO, fontSize: caber(legenda, 56, 600, FONTE_TEXTO, 400, 0), color: COR.tinta, clipPath: rasgado(660, 100, 5, 5, 24), filter: 'drop-shadow(0 6px 4px rgba(0,0,0,0.3))', transform: `rotate(${2 + (1 - pl) * 10}deg) scale(${Math.max(0.01, pl)})`, textAlign: 'center', whiteSpace: 'nowrap'}}>{legenda}</div>}
-  </>;
-};

package/kits/colagem/elementos/Fundo.tsx

@@ -1,16 +0,0 @@
-// Fundo: papel kraft com pontos de retícula de jornal bem fracos, dobras em cruz e um canto de papel rasgado preto embaixo. Quieto; o respiro do estilo.
-import React from 'react';
-import {AbsoluteFill} from 'remotion';
-import {COR, useF} from './base';
-import {rasgado} from './rasgado';
-
-export const Fundo: React.FC = () => {
-  const f = useF();
-  return <AbsoluteFill style={{background: COR.kraft}}>
-    <AbsoluteFill style={{backgroundImage: 'radial-gradient(rgba(60,40,20,0.12) 2px, transparent 3px)', backgroundSize: '22px 22px', WebkitMaskImage: 'linear-gradient(180deg, rgba(0,0,0,0.9), transparent 55%)', maskImage: 'linear-gradient(180deg, rgba(0,0,0,0.9), transparent 55%)'}} />
-    <div style={{position: 'absolute', left: 539, top: 0, width: 2, height: 1920, background: 'rgba(255,255,255,0.25)'}} />
-    <div style={{position: 'absolute', left: 0, top: 959, width: 1080, height: 2, background: 'rgba(0,0,0,0.08)'}} />
-    <div style={{position: 'absolute', left: -60 + Math.sin(f / 50) * 10, top: 1620, width: 760, height: 360, background: COR.tinta, clipPath: rasgado(760, 360, 21, 14, 34), filter: 'drop-shadow(0 -4px 6px rgba(0,0,0,0.3))'}} />
-    <div style={{position: 'absolute', right: -80, top: 80 + Math.cos(f / 60) * 8, width: 420, height: 260, background: COR.jornal, clipPath: rasgado(420, 260, 13, 12, 30), opacity: 0.8}} />
-  </AbsoluteFill>;
-};

package/kits/colagem/elementos/ListaRecortes.tsx

@@ -1,23 +0,0 @@
-// ListaRecortes: cada item numa tira de papel rasgado diferente (jornal, branco, amarelo), girada, com texto datilografado e um grampo/fita na ponta.
-// As tiras batem em fila, de lados alternados.
-import React from 'react';
-import {COR, FONTE_TEXTO, FONTE_TITULO, caber, mola, seg, useF} from './base';
-import {rasgado} from './rasgado';
-
-export type ListaRecortesProps = {itens: string[]; inicio?: number; intervalo?: number; y?: number; altura?: number};
-const PAP = [COR.jornal, COR.branco, COR.amarelo];
-export const ListaRecortes: React.FC<ListaRecortesProps> = ({itens, inicio = 0, intervalo = 7, y = 740, altura = 230}) => {
-  const f = useF() - inicio;
-  const W = 800;
-  const tam = Math.min(...itens.map((t) => caber(t.toUpperCase(), 120, W - 260, FONTE_TITULO, 400, 0)));
-  const topo = y - (itens.length * altura) / 2;
-  return <>{itens.map((t, i) => {
-    const t0 = i * intervalo;
-    const p = mola(seg(f, t0, t0 + 10), 2);
-    return <div key={i} style={{position: 'absolute', left: (1080 - W) / 2 + (i % 2 ? 36 : -36), top: topo + i * altura, width: W, height: altura - 24, transform: `translateX(${(1 - p) * (i % 2 ? 1200 : -1200)}px) rotate(${(i % 2 ? 2.5 : -2.5) + (1 - p) * 14}deg)`, filter: 'drop-shadow(0 8px 6px rgba(0,0,0,0.35))', opacity: f >= t0 ? 1 : 0}}>
-      <div style={{position: 'absolute', inset: 0, background: PAP[i % PAP.length], clipPath: rasgado(W, altura - 24, i + 2, 8, 28)}} />
-      <div style={{position: 'absolute', left: 50, top: 0, height: '100%', display: 'flex', alignItems: 'center', fontFamily: FONTE_TEXTO, fontSize: 90, color: COR.vermelho}}>{i + 1}.</div>
-      <div style={{position: 'absolute', left: 190, right: 40, top: 0, height: '100%', display: 'flex', alignItems: 'center', fontFamily: FONTE_TITULO, fontSize: tam, color: COR.tinta, whiteSpace: 'nowrap'}}>{t.toUpperCase()}</div>
-    </div>;
-  })}</>;
-};

package/kits/colagem/elementos/Montagem.tsx

@@ -1,56 +0,0 @@
-// Montagem: transforma um plano de cenas (JSON escrito pela IA) em vídeo, só com os elementos do kit.
-// Não decide estética: põe Fundo + Camera + Cenas + Overlay + sons onde o plano mandou. Formato: exemplos/plano.json.
-import React from 'react';
-import {AbsoluteFill} from 'remotion';
-import {Fundo} from './Fundo';
-import {Overlay} from './Overlay';
-import {Camera} from './Camera';
-import {Cena, Entrada} from './Cena';
-import {Efeito, NomeSom, Trilha} from './Som';
-import {COR} from './base';
-import {AssinaturaMarca} from './AssinaturaMarca';
-import {FitaAdesiva} from './FitaAdesiva';
-import {FotoRasgada} from './FotoRasgada';
-import {ListaRecortes} from './ListaRecortes';
-import {NotaDatilografada} from './NotaDatilografada';
-import {RecorteForma} from './RecorteForma';
-import {TituloRecorte} from './TituloRecorte';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const ELEMENTOS: Record<string, React.FC<any>> = {AssinaturaMarca, FitaAdesiva, FotoRasgada, ListaRecortes, NotaDatilografada, RecorteForma, TituloRecorte};
-
-export type Camada = {elemento: string; props: Record<string, unknown>};
-export type CenaPlano = {
-  batida: string; de: number; ate: number; entrada?: Entrada;
-  camadas: Camada[];
-  sons?: {som: NomeSom; em: number; volume?: number}[];
-  socos?: number[];
-};
-export type Plano = {kit: string; duracao: number; trilha?: {volume?: number} | false; cenas: CenaPlano[]};
-
-const resolver = (v: unknown, arquivos: Record<string, string>): unknown => {
-  if (typeof v === 'string') return arquivos[v] ?? v;
-  if (Array.isArray(v)) return v.map((x) => resolver(x, arquivos));
-  if (v && typeof v === 'object') return Object.fromEntries(Object.entries(v).map(([k, x]) => [k, resolver(x, arquivos)]));
-  return v;
-};
-
-export const Montagem: React.FC<{plano: Plano; arquivos?: Record<string, string>}> = ({plano, arquivos = {}}) => {
-  const socos = plano.cenas.flatMap((c) => [c.de, ...(c.socos ?? []).map((s) => c.de + s)]);
-  const ultima = plano.cenas.length - 1;
-  return <AbsoluteFill style={{background: "#E6D8BC"}}>
-    <Fundo />
-    <Camera batidas={socos}>
-      {plano.cenas.map((c, i) => <Cena key={i} de={c.de} ate={c.ate} entrada={c.entrada} ultima={i === ultima}>
-        {c.camadas.map((k, j) => {
-          const El = ELEMENTOS[k.elemento];
-          if (!El) throw new Error(`colagem: elemento "${k.elemento}" não existe no kit`);
-          return <El key={j} {...(resolver(k.props, arquivos) as object)} />;
-        })}
-      </Cena>)}
-    </Camera>
-    <Overlay />
-    {plano.cenas.flatMap((c, i) => (c.sons ?? []).map((s, j) => <Efeito key={`${i}-${j}`} som={s.som} em={c.de + s.em} volume={s.volume} />))}
-    {plano.trilha !== false && <Trilha volume={plano.trilha?.volume} />}
-  </AbsoluteFill>;
-};

package/kits/colagem/elementos/NotaDatilografada.tsx

@@ -1,35 +0,0 @@
-// NotaDatilografada: pedaço de papel rasgado com texto que bate na máquina de escrever (Special Elite), uma palavra circulada a caneta vermelha
-// que se desenha, e fita no topo. `circular` é a palavra a destacar.
-import React from 'react';
-import {COR, FONTE_TEXTO, LARGURA_UTIL, caber, mola, seg, useF} from './base';
-import {FitaAdesiva} from './FitaAdesiva';
-import {rasgado} from './rasgado';
-
-export type NotaDatilografadaProps = {texto: string; circular?: string; inicio?: number; y?: number; tamanho?: number; ritmo?: number};
-export const NotaDatilografada: React.FC<NotaDatilografadaProps> = ({texto, circular, inicio = 0, y = 740, tamanho = 100, ritmo = 1.4}) => {
-  const f = useF() - inicio;
-  const p = mola(seg(f, 0, 10), 1.8);
-  const W = 840, H = 760;
-  const n = Math.max(0, Math.floor((f - 8) / ritmo));
-  const linhas = texto.split('\n');
-  const maiorLinha = linhas.reduce((a, b) => (a.length > b.length ? a : b), '');
-  const tam = caber(maiorLinha, tamanho, W - 120, FONTE_TEXTO, 400, 0);
-  let gasto = 0;
-  const circ = seg(f, 8 + texto.length * ritmo + 4, 8 + texto.length * ritmo + 16);
-  return <>
-    <div style={{position: 'absolute', left: (1080 - W) / 2, top: y - H / 2, width: W, height: H, transform: `translateY(${(1 - p) * 900}px) rotate(${-2 + (1 - p) * 10}deg)`, filter: 'drop-shadow(0 12px 9px rgba(0,0,0,0.35))'}}>
-      <div style={{position: 'absolute', inset: 0, background: COR.branco, clipPath: rasgado(W, H, 11, 11, 30)}} />
-      <div style={{position: 'absolute', left: 60, right: 60, top: 0, bottom: 0, display: 'flex', flexDirection: 'column', justifyContent: 'center', fontFamily: FONTE_TEXTO, fontSize: tam, lineHeight: 1.25, color: COR.tinta}}>
-        {linhas.map((l, i) => {
-          const ini = gasto; gasto += l.length;
-          const vis = l.slice(0, Math.max(0, n - ini));
-          const idx = circular ? l.indexOf(circular) : -1;
-          return <div key={i} style={{position: 'relative', whiteSpace: 'pre', height: tam * 1.25}}>{vis}
-            {idx >= 0 && circular && <svg width={circular.length * tam * 0.62 + 50} height={tam * 1.7} style={{position: 'absolute', left: idx * tam * 0.6 - 24, top: -tam * 0.22, overflow: 'visible'}}><ellipse cx={(circular.length * tam * 0.6 + 40) / 2} cy={tam * 0.8} rx={(circular.length * tam * 0.6 + 40) / 2} ry={tam * 0.62} fill="none" stroke={COR.vermelho} strokeWidth="9" strokeLinecap="round" strokeDasharray="1400" strokeDashoffset={1400 * (1 - circ)} transform={`rotate(-3 ${(circular.length * tam * 0.6) / 2} ${tam * 0.8})`} /></svg>}
-          </div>;
-        })}
-      </div>
-    </div>
-    <FitaAdesiva x={540} y={y - H / 2 + 16} largura={300} rot={-3} inicio={inicio + 8} />
-  </>;
-};

package/kits/colagem/elementos/RecorteForma.tsx

@@ -1,23 +0,0 @@
-// RecorteForma: adesivo-explosão de papel (círculo de pontas) vermelho com texto grande em Abril Fatface, e uma tira rasgada preta com subtexto.
-// Estoura com overshoot, gira em passos e balança. Serve de selo de data ou oferta.
-import React from 'react';
-import {COR, FONTE_TEXTO, FONTE_TITULO, caber, mola, seg, useF} from './base';
-import {rasgado} from './rasgado';
-
-export type RecorteFormaProps = {texto: string; sub?: string; cor?: string; inicio?: number; y?: number; diametro?: number; tamanho?: number};
-export const RecorteForma: React.FC<RecorteFormaProps> = ({texto, sub, cor = COR.vermelho, inicio = 0, y = 700, diametro = 800, tamanho = 280}) => {
-  const f = useF() - inicio;
-  const p = mola(seg(f, 0, 12), 2.4);
-  const pts = Array.from({length: 48}).map((_, i) => { const a = (i / 48) * Math.PI * 2, r = i % 2 ? 0.86 : 1; return `${50 + Math.cos(a) * 50 * r}% ${50 + Math.sin(a) * 50 * r}%`; }).join(',');
-  const linhas = texto.split('\n');
-  const tam = Math.min(...linhas.map((l) => caber(l, tamanho, diametro * 0.62, FONTE_TITULO, 400, 0)));
-  const ps = mola(seg(f, 10, 20), 2);
-  return <>
-    <div style={{position: 'absolute', left: 540 - diametro / 2, top: y - diametro / 2, width: diametro, height: diametro, transform: `rotate(${(1 - p) * -120 + Math.sin(f / 5) * 2}deg) scale(${Math.max(0.01, p)})`, filter: 'drop-shadow(0 14px 10px rgba(0,0,0,0.4))'}}>
-      <div style={{position: 'absolute', inset: 0, background: cor, clipPath: `polygon(${pts})`}} />
-      <div style={{position: 'absolute', inset: '9%', border: `6px dashed ${COR.branco}`, borderRadius: '50%', opacity: 0.8}} />
-      <div style={{position: 'absolute', inset: 0, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fontFamily: FONTE_TITULO, color: COR.branco, lineHeight: 0.95, fontSize: tam, textShadow: `6px 6px 0 ${COR.tinta}`}}>{linhas.map((l, i) => <div key={i}>{l}</div>)}</div>
-    </div>
-    {sub && <div style={{position: 'absolute', left: 540 - 330, top: y + diametro / 2 - 80, width: 660, height: 120, background: COR.tinta, clipPath: rasgado(660, 120, 4, 6, 26), display: 'flex', alignItems: 'center', justifyContent: 'center', fontFamily: FONTE_TEXTO, fontSize: caber(sub, 60, 580, FONTE_TEXTO, 400, 0), color: COR.amarelo, transform: `rotate(-3deg) scale(${Math.max(0.01, ps)})`, whiteSpace: 'nowrap'}}>{sub}</div>}
-  </>;
-};