primocode 11.0.0 → 11.1.0

package/kits/produto-3d/exemplos/plano.json

@@ -1,53 +0,0 @@
-{
-  "kit": "produto-3d",
-  "duracao": 240,
-  "trilha": {"volume": 0.5},
-  "cenas": [
-    {"batida": "gancho", "de": 0, "ate": 54, "entrada": "escuro", "fundo": {"feixe": 50, "poca": [50, 64], "horizonte": 62},
-     "camadas": [
-       {"elemento": "Produto3D", "props": {
-         "modelo": [{"nome": "lente"}], "inclinar": 58, "giro": [[0, -40], [54, -14]],
-         "camera": [{"em": 0, "distancia": 13.5, "elevacao": 12, "alvo": [0, -0.75, 0]}, {"em": 54, "distancia": 11.8, "elevacao": 7, "alvo": [0, -0.7, 0]}],
-         "chao": -1.12, "reflexo": 0.4, "luz": [[0, 0], [22, 1]], "borda": [[0, 0.2], [18, 1.2]], "brilho": [[22, 0.1], [30, 1], [54, 0.55]]}},
-       {"elemento": "TituloMinimo", "props": {"linhas": ["Feita para", "a noite."], "y": 1140, "inicio": 24, "intervalo": 5, "acentoUltima": true}}],
-     "sons": [{"som": "subida", "em": 0}, {"som": "clique", "em": 28}, {"som": "pop-palavra", "em": 24, "volume": 0.6}]},
-
-    {"batida": "prova", "de": 54, "ate": 120, "entrada": "corte", "fundo": {"feixe": 50, "poca": [50, 80], "forca": 0.8, "horizonte": 74},
-     "camadas": [
-       {"elemento": "Produto3D", "props": {
-         "modelo": [{"nome": "lente"}], "inclinar": 16, "giro": [[0, 25], [66, -15]],
-         "explodir": [[0, 0], [22, 1], [42, 1], [58, 0]], "cascata": 2,
-         "camera": [{"em": 0, "distancia": 13.5, "elevacao": 10, "alvo": [0, -0.1, 0]}, {"em": 66, "distancia": 12.0, "elevacao": 6, "alvo": [0, -0.15, 0]}],
-         "chao": -2.3, "reflexo": 0.3, "sombra": 0.3, "brilho": 0.6}},
-       {"elemento": "RotuloChamada", "props": {"ponto": [610, 760], "texto": [770, 640], "titulo": "11 elementos", "sub": "3 grupos ópticos", "inicio": 18, "sai": 40}}],
-     "sons": [{"som": "whoosh-sai", "em": 1}, {"som": "pop-cartao", "em": 19, "volume": 0.5}, {"som": "whoosh-entra", "em": 44, "volume": 0.6}, {"som": "impacto", "em": 60}]},
-
-    {"batida": "detalhe", "de": 120, "ate": 162, "entrada": "borrao", "fundo": {"forca": 0.4},
-     "camadas": [
-       {"elemento": "Produto3D", "props": {
-         "modelo": [{"nome": "lente"}], "giro": [[0, 20], [42, -30]],
-         "camera": [{"em": 0, "distancia": 2.4, "elevacao": 14, "orbita": 8, "alvo": [0.62, -0.44, 0]}, {"em": 42, "distancia": 2.0, "elevacao": 9, "orbita": -4, "alvo": [0.64, -0.42, 0]}], "borda": 1.4,
-         "sombra": 0, "reflexo": 0, "brilho": [[6, 0.1], [14, 1], [42, 0.85]]}},
-       {"elemento": "RotuloChamada", "props": {"ponto": [400, 1120], "texto": [700, 960], "titulo": "Foco manual", "sub": "0,3 m → ∞ em 270°", "inicio": 10}}],
-     "sons": [{"som": "swoosh", "em": 0}, {"som": "clique", "em": 12}]},
-
-    {"batida": "data", "de": 162, "ate": 204, "entrada": "borrao", "fundo": {"feixe": 50, "poca": [50, 58], "forca": 0.7, "horizonte": 56},
-     "camadas": [
-       {"elemento": "Produto3D", "props": {
-         "modelo": [{"nome": "lente"}], "inclinar": 90,
-         "camera": [{"em": 0, "distancia": 10.4, "elevacao": 9, "orbita": 30, "alvo": [0, -0.62, 0]}, {"em": 42, "distancia": 9.2, "elevacao": 5, "orbita": 10, "alvo": [0, -0.58, 0]}],
-         "chao": -0.8, "reflexo": 0.35, "brilho": 0.6}},
-       {"elemento": "NumeroDestaque", "props": {"de": 2.8, "para": 1.2, "prefixo": "f/", "rotulo": "Abertura máxima", "y": 1110, "inicio": 4, "conta": 24}}],
-     "sons": [{"som": "swoosh", "em": 0}, {"som": "pop-palavra", "em": 5, "volume": 0.7}]},
-
-    {"batida": "marca", "de": 204, "ate": 240, "entrada": "escuro", "fundo": {"feixe": 50, "poca": [50, 80], "horizonte": 76},
-     "camadas": [
-       {"elemento": "Produto3D", "props": {
-         "modelo": [{"nome": "lente"}], "giro": [[0, -30], [36, -8]], "flutuar": 0,
-         "camera": [{"em": 0, "distancia": 10.6, "elevacao": 7, "alvo": [0, 0.5, 0]}, {"em": 36, "distancia": 9.9, "elevacao": 5, "alvo": [0, 0.47, 0]}],
-         "chao": -1.05, "reflexo": 0.45, "brilho": 0.9}},
-       {"elemento": "AssinaturaMarca", "props": {"nome": "Kairo 35", "linha": "f/1.2 · chega em 12.11", "y": 330, "inicio": 4, "rodape": "Kairo é uma marca fictícia, criada para esta demonstração."}},
-       {"elemento": "VarreduraLuz", "props": {"em": 6, "y": 395, "dura": 18}}],
-     "sons": [{"som": "assinatura", "em": 3}]}
-  ]
-}

package/kits/produto-3d/exemplos/roteiro.md

@@ -1,15 +0,0 @@
-# Roteiro da demo: Kairo 35 (lente fictícia)
-
-Pedido: "Filme de lançamento da nossa lente 35 mm f/1.2, escuro, caro, com vista explodida."
-
-| cena | batida | quadros | na tela | elemento | som |
-|---|---|---|---|---|---|
-| 1 | gancho | 0–54 | lente nasce do breu, anel acende · "FEITA PARA / A NOITE." | Produto3D, TituloMinimo | subida, clique, pop |
-| 2 | prova | 54–120 | vista explodida abre, "11 ELEMENTOS", encaixa peça por peça | Produto3D, RotuloChamada | whoosh, pop, impacto |
-| 3 | detalhe | 120–162 | macro no anel de foco estriado · "FOCO MANUAL" | Produto3D, RotuloChamada | swoosh, clique |
-| 4 | data | 162–204 | frente da lente · f/2.8 → f/1.2 | Produto3D, NumeroDestaque | swoosh, pop |
-| 5 | marca | 204–240 | lente em pé no chão polido · KAIRO 35 | Produto3D, AssinaturaMarca, VarreduraLuz | assinatura |
-
-Como a IA chegou nisso: lente é objeto de revolução, então cabe inteira em cilindros, anéis e elipsoides.
-A vista explodida mostra os vidros escondidos (o "por dentro"). O macro prova acabamento; o número prova
-desempenho. Uma frase por plano e muito breu em volta.

package/kits/produto-3d/preview.tsx

@@ -1,9 +0,0 @@
-// Preview do kit: a demo (8 s) montada SÓ com os elementos do kit, a partir de exemplos/plano.json.
-// O estúdio registra isto como `Kit-produto-3d`.
-import React from 'react';
-import {Montagem, Plano} from './elementos';
-import plano from './exemplos/plano.json';
-
-const Preview: React.FC = () => <Montagem plano={plano as Plano} />;
-
-export const preview = {duracaoEmQuadros: plano.duracao, quadroCapa: 190, Componente: Preview};

package/kits/produto-3d/receita.json

@@ -1,16 +0,0 @@
-{
-  "kit": "produto-3d", "fps": 30, "batida_trilha_quadros": 18,
-  "batidas": [
-    {"nome": "gancho", "obrigatoria": true, "duracao": [48, 66], "elementos": ["Produto3D", "TituloMinimo"], "entrada": ["escuro"], "sons": ["subida", "clique", "pop-palavra"], "nota": "o produto nasce do breu pela luz de borda; o título entra quando o anel acende"},
-    {"nome": "prova", "obrigatoria": true, "duracao": [60, 72], "elementos": ["Produto3D", "RotuloChamada"], "entrada": ["corte"], "sons": ["whoosh-sai", "pop-cartao", "whoosh-entra", "impacto"], "nota": "vista explodida: abre, segura, encaixa peça por peça; impacto no último encaixe"},
-    {"nome": "detalhe", "obrigatoria": false, "duracao": [36, 48], "elementos": ["Produto3D", "RotuloChamada"], "entrada": ["borrao"], "sons": ["swoosh", "clique"], "nota": "macro na borda do produto, a silhueta contra o breu"},
-    {"nome": "data", "obrigatoria": false, "duracao": [36, 48], "elementos": ["Produto3D", "NumeroDestaque"], "entrada": ["borrao"], "sons": ["swoosh", "pop-palavra"], "nota": "um número que conta, com o produto de frente"},
-    {"nome": "marca", "obrigatoria": true, "duracao": [36, 48], "elementos": ["Produto3D", "AssinaturaMarca", "VarreduraLuz"], "entrada": ["escuro"], "sons": ["assinatura"], "nota": "produto em pé no chão polido, nome em cima, risco de luz"}
-  ],
-  "transicoes": [
-    {"nome": "corte", "quadros": 0, "como": "troca seca"},
-    {"nome": "borrao", "quadros": 8, "como": "chicote: desfoque horizontal, a cena nova vem da direita"},
-    {"nome": "dissolver", "quadros": 10, "como": "fusão"},
-    {"nome": "escuro", "quadros": 12, "como": "nasce do preto"}
-  ]
-}

package/kits/produto-3d/regras/area-segura.md

@@ -1,14 +0,0 @@
-# Área segura
-
-Tela 1080×1920. Texto lido entre y 168 e 1330, x 88 a 992 (margem 8%).
-
-| elemento | y de referência |
-|---|---|
-| título (topo da 1ª linha) | 1120–1160, abaixo do produto |
-| número | 1100–1120 |
-| marca | 300–360 (produto embaixo) |
-| rótulo | 600–1200, no lado vazio do produto |
-| produto (centro) | 650–1250 conforme o texto; ocupa 40–60% da altura |
-
-- 35–45% da tela fica vazia (breu).
-- O reflexo pode passar de 1330: não é texto.

package/kits/produto-3d/regras/cor.md

@@ -1,20 +0,0 @@
-# Cor
-
-| token | hex | uso |
-|---|---|---|
-| breu | #030304 | fundo do estúdio |
-| chao | #07080A | chão polido abaixo do horizonte (até #0B0C10 no pé) |
-| feixe | #9AA3B5 | feixe de luz, alfa 0,20 → 0 |
-| anodizado | #1B1C21 | corpo do produto |
-| borracha | #101114 | anéis estriados |
-| metal | #B9BEC6 | baioneta, aros |
-| vidro | #05070C | lentes (tratamento: verde #29573A → violeta #7F1F9E no ângulo) |
-| bordaQuente | #FFE6CC | tira de borda à esquerda |
-| bordaFria | #D2E4FF | tira de borda à direita |
-| texto | #F2F2F0 | título, número, marca |
-| apagado | #7B7F88 | rótulos |
-| acento | #FF5A1F | o anel do produto, traço do título, sufixo do número |
-
-- Vinheta: preto 0 → 75% do centro (55%) à borda.
-- Reflexo no chão: 0,30–0,45, some com e^(−1,25 × altura).
-- O cliente troca só `acento` e a cor do `anodizado`.

package/kits/produto-3d/regras/movimento.md

@@ -1,19 +0,0 @@
-# Movimento
-
-Curva padrão `suave` = cubic-bezier(0.5, 0, 0.15, 1). Entrada de texto `saida` = cubic-bezier(0.16, 1, 0.3, 1).
-
-| movimento | quadros | valores |
-|---|---|---|
-| revelar do breu | 0–22 | luz 0 → 1, borda 0,2 → 1,2 |
-| órbita do produto | o plano todo | 20–40° por plano (máx. 40°/s) |
-| empurrão de câmera | o plano todo | distância −10 a −15% |
-| vista explodida abre | 22 | explodir 0 → 1, cascata 2 quadros por grupo |
-| segura aberta | 20 | parado (só a órbita anda) |
-| encaixe | 16 + cascata | explodir 1 → 0, impacto no último grupo |
-| anel acende | 8 | brilho 0,1 → 1 |
-| título entra | 16 por linha | sobe 105% da máscara, tracking 0,3 → 0,04 em |
-| título sai | 9 | desfoque 0 → 10 px, desce 24 px |
-| número conta | 22–24 | de → para |
-| chicote (borrão) | 8 | desfoque horizontal 60 px, 220 px de deslocamento |
-| flutuar | contínuo | 0,02 unidade, período 3,4 s |
-| feixe balança | contínuo | ±2,2%, período 9,6 s |

package/kits/produto-3d/regras/ritmo.md

@@ -1,15 +0,0 @@
-# Ritmo
-
-Batida da trilha: 100 bpm = 18 quadros.
-
-| batida | duração s | quadros |
-|---|---|---|
-| gancho | 1,6–2,2 | 48–66 |
-| prova (explodida) | 2,0–2,4 | 60–72 |
-| detalhe (macro) | 1,2–1,6 | 36–48 |
-| data | 1,2–1,6 | 36–48 |
-| marca | 1,2–1,6 | 36–48 |
-
-- Leitura mínima: 0,25 s por palavra + 0,5 s.
-- Depois de cada golpe (encaixe, anel aceso, número parado) segure ≥ 8 quadros.
-- 4 a 6 planos em 8 s.

package/kits/produto-3d/regras/som.md

@@ -1,18 +0,0 @@
-# Som
-
-Trilha: `assets/trilha/trilha.mp3` (dark-minimal, 100 bpm), volume 0,5, fade de saída 20 quadros. Alvo −14 LUFS.
-
-| som | volume | quando |
-|---|---|---|
-| subida | 0,7 | revelar do breu (quadro 0 do gancho) |
-| clique | 0,8 | o anel acende |
-| pop-palavra | 0,6–0,7 | título ou número entra |
-| whoosh-sai | 0,8 | vista explodida abre |
-| whoosh-entra | 0,6 | vista explodida começa a fechar |
-| impacto | 0,85 | o último encaixe (1 por vídeo) |
-| swoosh | 1 | corte chicote |
-| pop-cartao | 0,5 | rótulo aparece |
-| assinatura | 0,9 | a marca |
-
-- Máx. 2 sons por segundo; nunca o mesmo arquivo duas vezes seguidas.
-- O som vem 1–2 quadros antes do movimento.

package/kits/produto-3d/regras/tipografia.md

@@ -1,13 +0,0 @@
-# Tipografia
-
-| papel | fonte | tamanho px | máx. caracteres | tracking | caixa |
-|---|---|---|---|---|---|
-| título | Syncopate 700 | 68 (encolhe até caber em 904) | 14 por linha, 2 linhas | 0,3 em → 0,04 em na entrada | alta |
-| marca | Syncopate 700 | 92 | 12 | 0,6 em → 0,08 em | alta |
-| número | Syncopate 700 | 150 (prefixo/sufixo 42%) | 5 | −0,02 em | — |
-| rótulo | IBM Plex Mono 600 | 27 | 22 | 0,16 em | alta |
-| sub-rótulo | IBM Plex Mono 400 | 21 | 28 | 0,16 em | alta |
-| rodapé legal | IBM Plex Mono 400 | 17 | 70 | 0 | normal |
-
-- line-height do título: 1,18. Alinhado à esquerda em x = 88.
-- Linha entra em 16 quadros, 5 quadros entre linhas.

package/kits/quadro-giz/assets/ASSETS.md

@@ -1,18 +0,0 @@
-# Assets do kit quadro-giz
-
-| arquivo | o que é | origem | licença |
-|---|---|---|---|
-| `fontes/schoolbell.woff2` | Schoolbell (título), subset latino | Google Fonts (fonts.gstatic.com), baixado em 26/10/2026 | Apache 2.0 (Schoolbell) — texto em `fontes/OFL-schoolbell.txt` |
-| `fontes/patrick-hand.woff2` | Patrick Hand (texto), subset latino | Google Fonts (fonts.gstatic.com), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-patrick-hand.txt` |
-| `sons/whoosh-entra.mp3` | efeito whoosh-entra | sintetizado: MotionCraft `sfx make`, tipo `whoosh_in`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
-| `sons/whoosh-sai.mp3` | efeito whoosh-sai | sintetizado: MotionCraft `sfx make`, tipo `whoosh_out`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
-| `sons/swoosh.mp3` | efeito swoosh | sintetizado: MotionCraft `sfx make`, tipo `swoosh`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
-| `sons/pop-palavra.mp3` | efeito pop-palavra | sintetizado: MotionCraft `sfx make`, tipo `word_pop`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
-| `sons/pop-cartao.mp3` | efeito pop-cartao | sintetizado: MotionCraft `sfx make`, tipo `icon_pop`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
-| `sons/clique.mp3` | efeito clique | sintetizado: MotionCraft `sfx make`, tipo `button`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
-| `sons/impacto.mp3` | efeito impacto | sintetizado: MotionCraft `sfx make`, tipo `impact`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
-| `sons/subida.mp3` | efeito subida | sintetizado: MotionCraft `sfx make`, tipo `riser`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
-| `sons/assinatura.mp3` | efeito assinatura | sintetizado: MotionCraft `sfx make`, tipo `logo_sting`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
-| `sons/tick.mp3` | efeito tick | sintetizado: MotionCraft `sfx make`, tipo `letter_tick`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
-| `trilha/trilha.mp3` | trilha de 8,7 s, 90 bpm | MotionCraft `music make --preset lofi-desk --bpm 90 --key D` | síntese própria (CC0); MotionCraft é MIT |
-

package/kits/quadro-giz/elementos/ApagadorVarrendo.tsx

@@ -1,32 +0,0 @@
-// ApagadorVarrendo: uma palavra escrita a giz que é apagada por um apagador de feltro que varre da esquerda para a direita.
-// Sobra uma mancha clara e poeira de giz subindo. Serve de "problema": a palavra errada some.
-import React from 'react';
-import {COR, FONTE_TITULO, caber, larguraTexto, mola, ruido, seg, useF} from './base';
-import {giz} from './traco';
-
-export type ApagadorVarrendoProps = {texto: string; inicio?: number; apagarEm?: number; y?: number; tamanho?: number; cor?: string};
-export const ApagadorVarrendo: React.FC<ApagadorVarrendoProps> = ({texto, inicio = 0, apagarEm = 20, y = 720, tamanho = 260, cor = COR.rosa}) => {
-  const f = useF() - inicio;
-  const tam = caber(texto, tamanho, 860, FONTE_TITULO, 400, 0);
-  const w = larguraTexto(texto, tam, FONTE_TITULO, 400, 0);
-  const x0 = (1080 - w) / 2;
-  const esc = seg(f, 0, 10);
-  const prog = seg(f, apagarEm, apagarEm + 18);
-  const ex = x0 - 140 + prog * (w + 280);
-  const p = mola(seg(f, apagarEm - 8, apagarEm), 1.6);
-  const apagado = Math.max(0, Math.min(w, ex + 60 - x0));
-  return <>
-    <div style={{position: 'absolute', left: x0 - 10, top: y - tam * 0.7, width: w + 30, height: tam * 1.4, filter: giz(f), clipPath: `inset(-10% ${100 - esc * 100}% -10% ${(apagado / (w + 30)) * 100}%)`, fontFamily: FONTE_TITULO, fontSize: tam, lineHeight: `${tam * 1.4}px`, color: cor, whiteSpace: 'nowrap', paddingLeft: 10, textDecoration: prog === 0 && f > apagarEm - 8 ? 'line-through' : 'none'}}>{texto}</div>
-    <div style={{position: 'absolute', left: x0 - 30, top: y - tam * 0.6, width: Math.max(0, apagado + 30), height: tam * 1.2, background: 'linear-gradient(90deg, rgba(244,241,232,0.2), rgba(244,241,232,0.08))', filter: 'blur(14px)', opacity: prog > 0 ? 1 - seg(f, apagarEm + 20, apagarEm + 30) * 0.8 : 0}} />
-    {Array.from({length: 16}).map((_, i) => {
-      const t = seg(f, apagarEm + i * 0.8, apagarEm + 24);
-      if (prog === 0) return null;
-      const px = x0 + ruido(i + 3) * apagado;
-      return <div key={i} style={{position: 'absolute', left: px, top: y + (ruido(i) - 0.5) * tam * 0.6 - t * 120, width: 12 + ruido(i + 9) * 18, height: 12 + ruido(i + 9) * 18, borderRadius: '50%', background: COR.branco, opacity: (1 - t) * 0.5, filter: 'blur(5px)'}} />;
-    })}
-    <div style={{position: 'absolute', left: ex, top: y - tam * 0.45 - (1 - p) * 500, width: 190, height: tam * 0.9, transform: `rotate(${-6 + prog * 12}deg)`, filter: 'drop-shadow(0 12px 8px rgba(0,0,0,0.45))'}}>
-      <div style={{position: 'absolute', left: 0, right: 0, top: 0, height: '38%', background: '#8B5E3C', borderRadius: '18px 18px 4px 4px'}} />
-      <div style={{position: 'absolute', left: 0, right: 0, top: '34%', bottom: 0, background: '#D9CDB0', borderRadius: '4px 4px 22px 22px', backgroundImage: 'repeating-linear-gradient(90deg, rgba(0,0,0,0.12) 0 3px, transparent 3px 12px)'}} />
-    </div>
-  </>;
-};

package/kits/quadro-giz/elementos/AssinaturaMarca.tsx

@@ -1,20 +0,0 @@
-// AssinaturaMarca: o nome escrito grande a giz branco com uma coroa de estrelas desenhada em cima, detalhe em amarelo e o endereço numa moldura de giz. Sempre a última cena.
-import React from 'react';
-import {COR, FONTE_TEXTO, FONTE_TITULO, caber, larguraTexto, mola, seg, useF} from './base';
-import {DESENHOS} from './DesenhoGiz';
-import {giz, traco} from './traco';
-
-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 tam = caber(nome, 240, 800, FONTE_TITULO, 400, 0);
-  const w = larguraTexto(nome, tam, FONTE_TITULO, 400, 0);
-  const esc = seg(f, 6, 18);
-  const pe = mola(seg(f, 20, 30), 1.6);
-  return <>
-    <svg viewBox="-8 -8 116 116" width={240} height={240} style={{position: 'absolute', left: 420, top: 330, overflow: 'visible', filter: giz(f)}}>{DESENHOS.estrela.tracos.map(([p, c], i) => <path key={i} d={p} {...traco(seg(f, 0, 14), c, 4)} />)}</svg>
-    <div style={{position: 'absolute', left: (1080 - w) / 2, top: 640, width: w + 20, height: tam * 1.3, filter: giz(f), clipPath: `inset(-10% ${100 - esc * 100}% -10% 0)`, fontFamily: FONTE_TITULO, fontSize: tam, lineHeight: `${tam * 1.3}px`, color: COR.branco, whiteSpace: 'nowrap'}}>{nome}</div>
-    {detalhe && <div style={{position: 'absolute', left: 96, right: 96, top: 640 + tam * 1.3 + 30, textAlign: 'center', fontFamily: FONTE_TEXTO, fontSize: caber(detalhe, 90, 888, FONTE_TEXTO, 400, 0), color: COR.amarelo, opacity: pe, filter: giz(f)}}>{detalhe}</div>}
-    {endereco && <div style={{position: 'absolute', left: 0, right: 0, top: 640 + tam * 1.3 + 170, display: 'flex', justifyContent: 'center', opacity: f > 20 ? 1 : 0, filter: giz(f)}}><div style={{border: `6px solid ${COR.rosa}`, borderRadius: '24px 34px 28px 38px', padding: '8px 44px', fontFamily: FONTE_TEXTO, fontSize: 76, color: COR.rosa, transform: `rotate(-2deg) scale(${Math.max(0.01, pe)})`}}>{endereco}</div></div>}
-  </>;
-};

package/kits/quadro-giz/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.015 + 0.008 * Math.sin(f / 60), dx = Math.sin(f / 31) * 8, dy = Math.cos(f / 43) * 6;
-  let rot = Math.sin(f / 71) * 0.003;
-  for (const h of batidas) if (f >= h) {
-    const d = Math.exp(-(f - h) / 7) * forca;
-    z += 0.02 * d; dx += 12 * d * Math.sin((f - h) * 2.7 + h); dy += 12 * d * Math.cos((f - h) * 3.3 + h); rot += 0.003 * 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/quadro-giz/elementos/CartaoGiz.tsx

@@ -1,25 +0,0 @@
-// CartaoGiz: moldura de giz com cantos reforçados (quatro colchetes) desenhada traço a traço, com a data enorme em amarelo no meio e a legenda em rosa embaixo.
-// O texto é escrito depois que a moldura fecha.
-import React from 'react';
-import {COR, FONTE_TEXTO, FONTE_TITULO, caber, mola, seg, useF} from './base';
-import {giz, traco} from './traco';
-
-export type CartaoGizProps = {texto: string; sub?: string; inicio?: number; y?: number; tamanho?: number; largura?: number; altura?: number};
-export const CartaoGiz: React.FC<CartaoGizProps> = ({texto, sub, inicio = 0, y = 740, tamanho = 300, largura = 800, altura = 700}) => {
-  const f = useF() - inicio;
-  const linhas = texto.split('\n');
-  const tam = Math.min(...linhas.map((l) => caber(l, tamanho, largura - 160, FONTE_TITULO, 400, 0)));
-  const esc = seg(f, 10, 24);
-  const ps = mola(seg(f, 22, 32), 1.8);
-  const L = largura, A = altura;
-  return <div style={{position: 'absolute', left: (1080 - L) / 2, top: y - A / 2, width: L, height: A}}>
-    <svg width={L} height={A} viewBox={`0 0 ${L} ${A}`} style={{position: 'absolute', inset: 0, overflow: 'visible', filter: giz(f)}}>
-      <path d={`M20 30 L${L - 12} 18 L${L - 24} ${A - 14} L10 ${A - 24} Z`} {...traco(seg(f, 0, 14), COR.branco, 8)} />
-      {[[16, 24, 1, 1], [L - 10, 14, -1, 1], [L - 22, A - 10, -1, -1], [8, A - 20, 1, -1]].map(([cx, cy, sx, sy], i) => <path key={i} d={`M${cx} ${cy + sy * 90} L${cx} ${cy} L${cx + sx * 90} ${cy}`} {...traco(seg(f, 8 + i * 2, 18 + i * 2), COR.amarelo, 14)} />)}
-    </svg>
-    <div style={{position: 'absolute', inset: 0, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', filter: giz(f), clipPath: `inset(0 ${100 - esc * 100}% 0 0)`}}>
-      {linhas.map((l, i) => <div key={i} style={{fontFamily: FONTE_TITULO, fontSize: tam, lineHeight: 1, color: COR.amarelo}}>{l}</div>)}
-      {sub && <div style={{marginTop: 22, fontFamily: FONTE_TEXTO, fontSize: caber(sub, 90, L - 160, FONTE_TEXTO, 400, 0), color: COR.rosa, opacity: ps}}>{sub}</div>}
-    </div>
-  </div>;
-};

package/kits/quadro-giz/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 * 200}px) `;
-  if (entrada === 'zoom') tf += `scale(${1 + en * 0.9}) `;
-  if (entrada === 'direita') tf += `translateX(${en * 600}px) `;
-  if (entrada === 'esquerda') tf += `translateX(${-en * 600}px) `;
-  tf += `translateY(${-xo * 260}px)`;
-  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/quadro-giz/elementos/ContaNoQuadro.tsx

@@ -1,34 +0,0 @@
-// ContaNoQuadro: uma conta ou frase curta escrita a giz, termo por termo (cada um numa cor de giz), com o resultado circulado por um laço
-// desenhado e uma seta apontando para ele. `termos` é a lista na ordem; o último é o resultado e leva o círculo.
-import React from 'react';
-import {COR, FONTE_TITULO, LARGURA_UTIL, larguraTexto, mola, seg, useF} from './base';
-import {giz, traco} from './traco';
-
-export type ContaNoQuadroProps = {termos: string[]; inicio?: number; intervalo?: number; y?: number; tamanho?: number; cores?: string[]};
-export const ContaNoQuadro: React.FC<ContaNoQuadroProps> = ({termos, inicio = 0, intervalo = 9, y = 720, tamanho = 280, cores = [COR.branco, COR.amarelo, COR.branco, COR.azul, COR.rosa]}) => {
-  const f = useF() - inicio;
-  const gap = 0.34;
-  const base = termos.map((t) => larguraTexto(t, tamanho, FONTE_TITULO, 400, 0));
-  const total = base.reduce((a, b) => a + b, 0) + gap * tamanho * (termos.length - 1);
-  const e = Math.min(1, (LARGURA_UTIL - 40) / total);
-  const tam = Math.floor(tamanho * e);
-  const larg = base.map((b) => b * e);
-  const gp = gap * tam;
-  const tt = larg.reduce((a, b) => a + b, 0) + gp * (termos.length - 1);
-  let x = (1080 - tt) / 2;
-  const ult = termos.length - 1;
-  const ult0 = ult * intervalo;
-  const xr = (1080 - tt) / 2 + tt - larg[ult];
-  return <>
-    {termos.map((t, i) => {
-      const x0 = x; x += larg[i] + gp;
-      const t0 = i * intervalo;
-      const esc = seg(f, t0, t0 + 8);
-      const p = mola(seg(f, t0, t0 + 10), 1.6);
-      return <div key={i} style={{position: 'absolute', left: x0, top: y - tam * 0.62, width: larg[i] + 20, height: tam * 1.3, filter: giz(f), clipPath: `inset(-10% ${100 - esc * 100}% -10% -2%)`, fontFamily: FONTE_TITULO, fontSize: tam, lineHeight: `${tam * 1.3}px`, color: cores[i % cores.length], whiteSpace: 'nowrap', transform: `translateY(${(1 - p) * -40}px)`}}>{t}</div>;
-    })}
-    <svg width={1080} height={1920} style={{position: 'absolute', inset: 0, overflow: 'visible', filter: giz(f)}}>
-      <path d={`M${xr - 26} ${y + 10} C${xr - 30} ${y - tam * 0.62} ${xr + larg[ult] + 30} ${y - tam * 0.66} ${xr + larg[ult] + 26} ${y + 6} C${xr + larg[ult] + 22} ${y + tam * 0.62} ${xr - 34} ${y + tam * 0.68} ${xr - 20} ${y - 20}`} {...traco(seg(f, ult0 + 10, ult0 + 24), COR.amarelo, 8)} />
-    </svg>
-  </>;
-};

package/kits/quadro-giz/elementos/DesenhoGiz.tsx

@@ -1,29 +0,0 @@
-// DesenhoGiz: o herói. Desenho grande a giz (maçã, livro, lâmpada, estrela, planeta, seta) desenhado traço por traço, cada traço de uma cor de giz,
-// com o corpo preenchido por hachura de giz colorido no fim. Ocupa ~700 px.
-import React from 'react';
-import {COR, mola, seg, useF} from './base';
-import {giz, traco} from './traco';
-
-type Desenho = {tracos: [string, string][]; hachura?: string};
-export const DESENHOS: Record<string, Desenho> = {
-  maca: {tracos: [['M50 30 C30 18 8 30 12 58 C16 84 34 96 50 88 C66 96 84 84 88 58 C92 30 70 18 50 30', COR.rosa], ['M50 30 C50 20 52 14 58 8', COR.branco], ['M54 22 C66 8 82 10 84 22 C72 30 60 28 54 22', COR.verde]], hachura: 'M50 34 C32 24 14 34 18 58 C22 80 36 90 50 84 C64 90 78 80 82 58 C86 34 68 24 50 34'},
-  livro: {tracos: [['M50 24 C36 14 18 14 6 20 L6 80 C18 74 36 74 50 84 C64 74 82 74 94 80 L94 20 C82 14 64 14 50 24 Z', COR.branco], ['M50 24 L50 84', COR.amarelo], ['M14 34 C24 30 34 30 42 34', COR.azul], ['M14 46 C24 42 34 42 42 46', COR.azul], ['M58 34 C66 30 76 30 86 34', COR.azul], ['M58 46 C66 42 76 42 86 46', COR.azul]]},
-  lampada: {tracos: [['M50 12 C24 12 14 40 28 58 C34 66 36 70 36 78 L64 78 C64 70 66 66 72 58 C86 40 76 12 50 12', COR.amarelo], ['M38 87 L62 87', COR.branco], ['M42 95 L58 95', COR.branco], ['M10 22 L19 30', COR.amarelo], ['M90 22 L81 30', COR.amarelo], ['M3 52 L14 52', COR.amarelo], ['M97 52 L86 52', COR.amarelo]], hachura: 'M50 16 C28 16 20 40 32 56 C38 64 40 68 40 76 L60 76 C60 68 62 64 68 56 C80 40 72 16 50 16'},
-  estrela: {tracos: [['M50 6 L61 38 L95 40 L68 61 L78 94 L50 75 L22 94 L32 61 L5 40 L39 38 Z', COR.amarelo]], hachura: 'M50 14 L59 40 L86 42 L65 58 L73 84 L50 70 L27 84 L35 58 L14 42 L41 40 Z'},
-  planeta: {tracos: [['M50 20 A30 30 0 1 0 50.1 20', COR.azul], ['M6 62 C6 44 94 28 94 46 C94 64 6 80 6 62', COR.rosa]], hachura: 'M50 26 A24 24 0 1 0 50.1 26'},
-  seta: {tracos: [['M8 84 C14 40 44 14 86 36', COR.branco], ['M64 14 L88 38 L58 54', COR.amarelo]]},
-};
-export type DesenhoGizProps = {nome?: keyof typeof DESENHOS | string; x?: number; y?: number; tam?: number; inicio?: number; duracao?: number};
-export const DesenhoGiz: React.FC<DesenhoGizProps> = ({nome = 'maca', x = 540, y = 720, tam = 740, inicio = 0, duracao = 30}) => {
-  const f = useF() - inicio;
-  const d = DESENHOS[nome] ?? DESENHOS.maca;
-  const n = d.tracos.length;
-  const pf = mola(seg(f, duracao - 2, duracao + 12), 1.2);
-  const cor = d.tracos[0][1];
-  return <div style={{position: 'absolute', left: x - tam / 2, top: y - tam / 2, width: tam, height: tam, transform: `rotate(${Math.sin(f / 20) * 1.2}deg)`}}>
-    <svg viewBox="-8 -8 116 116" width={tam} height={tam} style={{overflow: 'visible', filter: giz(f)}}>
-      {d.hachura ? <><defs><clipPath id={`gz-h-${nome}`}><path d={d.hachura} /></clipPath></defs><g clipPath={`url(#gz-h-${nome})`}>{Array.from({length: 16}).map((_, i) => <path key={i} d={`M-10 ${i * 8} L110 ${i * 8 - 40}`} stroke={cor} strokeWidth="3.4" opacity={pf > i / 16 ? 0.55 : 0} />)}</g></> : null}
-      {d.tracos.map(([p, c], i) => <path key={i} d={p} {...traco(seg(f, (i / n) * duracao, ((i + 1) / n) * duracao + 3), c, 3.6)} />)}
-    </svg>
-  </div>;
-};

package/kits/quadro-giz/elementos/Fundo.tsx

@@ -1,21 +0,0 @@
-// Fundo: o quadro verde: verde-escuro com manchas largas e claras de apagador e poeira, e os 4 filtros SVG de giz (`gz-0..3`) que os elementos usam
-// para dar borda áspera e falhas de pigmento ao traço (a semente troca a cada 2 quadros).
-import React from 'react';
-import {AbsoluteFill} from 'remotion';
-import {COR, useF} from './base';
-
-export const Fundo: React.FC = () => {
-  const f = useF();
-  return <AbsoluteFill style={{background: `radial-gradient(90% 60% at 50% 40%, ${COR.quadroClaro}, ${COR.quadro} 70%)`}}>
-    <svg width="0" height="0" style={{position: 'absolute'}}>
-      {[0, 1, 2, 3].map((s) => <filter key={s} id={`gz-${s}`} x="-5%" y="-5%" width="110%" height="110%">
-        <feTurbulence type="fractalNoise" baseFrequency="0.05" numOctaves="2" seed={s * 5 + 1} result="d" />
-        <feDisplacementMap in="SourceGraphic" in2="d" scale="5" result="r" />
-        <feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" seed={s * 11 + 3} result="g" />
-        <feColorMatrix in="g" type="matrix" values="0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  3 0 0 0 -0.55" result="m" />
-        <feComposite in="r" in2="m" operator="in" />
-      </filter>)}
-    </svg>
-    {[[120, 380, 760, 150, -8], [300, 1100, 820, 170, 5], [-80, 1500, 700, 130, -4]].map(([x, y, w, h, r], i) => <div key={i} style={{position: 'absolute', left: x + Math.sin(f / 60 + i) * 14, top: y, width: w, height: h, background: 'rgba(244,241,232,0.07)', borderRadius: 100, filter: 'blur(26px)', transform: `rotate(${r}deg)`}} />)}
-  </AbsoluteFill>;
-};

package/kits/quadro-giz/elementos/ListaGiz.tsx

@@ -1,21 +0,0 @@
-// ListaGiz: lista de aula no quadro: número com parêntese ("1)"), item escrito a giz e uma estrela de giz desenhada no fim de cada linha.
-// Cada item numa cor de giz; entram um a um escrevendo da esquerda.
-import React from 'react';
-import {COR, FONTE_TITULO, FONTE_TEXTO, caber, larguraTexto, seg, useF} from './base';
-import {giz, traco} from './traco';
-
-export type ListaGizProps = {itens: string[]; inicio?: number; intervalo?: number; y?: number; altura?: number; cores?: string[]};
-export const ListaGiz: React.FC<ListaGizProps> = ({itens, inicio = 0, intervalo = 11, y = 740, altura = 240, cores = [COR.branco, COR.amarelo, COR.rosa, COR.azul]}) => {
-  const f = useF() - inicio;
-  const tam = Math.min(...itens.map((t) => caber(t, 170, 560, FONTE_TITULO, 400, 0)));
-  const topo = y - (itens.length * altura) / 2;
-  return <div style={{position: 'absolute', inset: 0, filter: giz(f)}}>{itens.map((t, i) => {
-    const t0 = i * intervalo;
-    const w = larguraTexto(t, tam, FONTE_TITULO, 400, 0);
-    return <div key={i} style={{position: 'absolute', left: 120, width: 860, top: topo + i * altura, height: altura}}>
-      <div style={{position: 'absolute', left: 0, top: 0, height: altura, display: 'flex', alignItems: 'center', fontFamily: FONTE_TEXTO, fontSize: 120, color: COR.amarelo, clipPath: `inset(0 ${100 - seg(f, t0, t0 + 4) * 100}% 0 0)`}}>{i + 1})</div>
-      <div style={{position: 'absolute', left: 150, top: 0, height: altura, width: w + 30, display: 'flex', alignItems: 'center', fontFamily: FONTE_TITULO, fontSize: tam, color: cores[i % cores.length], whiteSpace: 'nowrap', clipPath: `inset(-10% ${100 - seg(f, t0 + 3, t0 + 12) * 100}% -10% 0)`}}>{t}</div>
-      <svg viewBox="0 0 100 100" width="110" height="110" style={{position: 'absolute', left: 150 + w + 40, top: altura / 2 - 55, overflow: 'visible'}}><path d="M50 6 L61 38 L95 40 L68 61 L78 94 L50 75 L22 94 L32 61 L5 40 L39 38 Z" {...traco(seg(f, t0 + 12, t0 + 20), COR.amarelo, 6)} /></svg>
-    </div>;
-  })}</div>;
-};

package/kits/quadro-giz/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 {ApagadorVarrendo} from './ApagadorVarrendo';
-import {AssinaturaMarca} from './AssinaturaMarca';
-import {CartaoGiz} from './CartaoGiz';
-import {ContaNoQuadro} from './ContaNoQuadro';
-import {DesenhoGiz} from './DesenhoGiz';
-import {ListaGiz} from './ListaGiz';
-import {TituloGiz} from './TituloGiz';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const ELEMENTOS: Record<string, React.FC<any>> = {ApagadorVarrendo, AssinaturaMarca, CartaoGiz, ContaNoQuadro, DesenhoGiz, ListaGiz, TituloGiz};
-
-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: "#2E4A3E"}}>
-    <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(`quadro-giz: 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/quadro-giz/elementos/Overlay.tsx

@@ -1,12 +0,0 @@
-// Overlay: a moldura de madeira do quadro (borda de 36 px com veio) e a bandeja de giz no pé com um giz e um apagador. Repete em todo plano.
-import React from 'react';
-import {AbsoluteFill} from 'remotion';
-import {COR} from './base';
-
-export const Overlay: React.FC = () => <AbsoluteFill style={{pointerEvents: 'none'}}>
-  <div style={{position: 'absolute', inset: 0, boxShadow: `inset 0 0 0 38px ${COR.madeira}, inset 0 0 0 44px ${COR.madeiraEscura}, inset 0 0 90px rgba(0,0,0,0.35)`}} />
-  <div style={{position: 'absolute', inset: 0, backgroundImage: 'repeating-linear-gradient(90deg, rgba(0,0,0,0.07) 0 3px, transparent 3px 19px)', clipPath: 'polygon(0 0, 100% 0, 100% 38px, 0 38px)'}} />
-  <div style={{position: 'absolute', left: 0, right: 0, top: 1838, height: 82, background: COR.madeira, boxShadow: `inset 0 6px 0 ${COR.madeiraEscura}`}} />
-  <div style={{position: 'absolute', left: 120, top: 1812, width: 150, height: 26, background: COR.branco, borderRadius: 8, transform: 'rotate(-4deg)'}} />
-  <div style={{position: 'absolute', left: 760, top: 1792, width: 190, height: 46, background: '#D9CDB0', borderRadius: 8, borderTop: '14px solid #5b3b22'}} />
-</AbsoluteFill>;

package/kits/quadro-giz/elementos/Som.tsx

@@ -1,30 +0,0 @@
-// Som: efeitos e trilha do kit (sintetizados no MotionCraft, pacote organic-wood). Um som por movimento, 1–2 quadros ANTES do visual.
-import React from 'react';
-import {Audio, Sequence, interpolate, useVideoConfig} from 'remotion';
-import whooshEntra from '../assets/sons/whoosh-entra.mp3';
-import whooshSai from '../assets/sons/whoosh-sai.mp3';
-import swoosh from '../assets/sons/swoosh.mp3';
-import popPalavra from '../assets/sons/pop-palavra.mp3';
-import popCartao from '../assets/sons/pop-cartao.mp3';
-import clique from '../assets/sons/clique.mp3';
-import impacto from '../assets/sons/impacto.mp3';
-import subida from '../assets/sons/subida.mp3';
-import assinatura from '../assets/sons/assinatura.mp3';
-import tick from '../assets/sons/tick.mp3';
-import trilha from '../assets/trilha/trilha.mp3';
-
-export const SONS = {'whoosh-entra': whooshEntra, 'whoosh-sai': whooshSai, swoosh, 'pop-palavra': popPalavra, 'pop-cartao': popCartao, clique, impacto, subida, assinatura, tick} as const;
-export type NomeSom = keyof typeof SONS;
-const VOLUME: Record<NomeSom, number> = {'whoosh-entra': 0.9, 'whoosh-sai': 0.8, swoosh: 1, 'pop-palavra': 1, 'pop-cartao': 0.9, clique: 0.8, impacto: 0.9, subida: 0.7, assinatura: 0.9, tick: 0.6};
-
-export type EfeitoProps = {som: NomeSom; em: number; volume?: number};
-export const Efeito: React.FC<EfeitoProps> = ({som, em, volume}) =>
-  <Sequence from={Math.max(0, Math.round(em))} durationInFrames={90} layout="none">
-    <Audio src={SONS[som]} volume={volume ?? VOLUME[som]} />
-  </Sequence>;
-
-export type TrilhaProps = {volume?: number; saida?: number};
-export const Trilha: React.FC<TrilhaProps> = ({volume = 0.5, saida = 20}) => {
-  const {durationInFrames} = useVideoConfig();
-  return <Audio src={trilha} volume={(f) => volume * interpolate(f, [durationInFrames - saida, durationInFrames], [1, 0], {extrapolateLeft: 'clamp', extrapolateRight: 'clamp'})} />;
-};