primocode 10.19.0 → 11.1.0

package/kits/aquarela/regras/movimento.md

@@ -1,19 +0,0 @@
-# Movimento
-
-Curva padrão: `ob(t) = 1 + 2,9·(t−1)³ + 1,9·(t−1)²` (overshoot de ~9%, assenta em 8 quadros) e `e5(t) = 1 − (1 − t)^5` para saídas.
-
-| movimento | duração | valores |
-|---|---|---|
-| mancha floresce | 20 quadros | escala 0 → 1,09 → 1 com overshoot; continua crescendo +8% em 70 quadros |
-| palavra cai | 16 quadros | cai 260 px, gira 8° → 0, escala 1,4 → 1 |
-| lavagem atrás da palavra | 14 quadros | escala X 0 → 1 a partir de 4 quadros depois da palavra |
-| pincelada | 14–22 quadros | traço revelado de ponta a ponta, 7 cerdas, bordas deslocadas 14 px |
-| anotação | 16 quadros + 14 do desenho | texto revelado da esquerda; seta/círculo desenhados depois |
-| papel cai | 22 quadros | cai 900 px, gira ±14° → rotação final, overshoot 1,6 |
-| pingo | 10 quadros de queda + 12 de espirro | cai com aceleração t²; 8 satélites a 60–140 px |
-| entrada de cena | 14 quadros | `circulo` abre a 1600 px · `subir` 300 px · `giro` 16°; desfoque 10 px |
-| saída de cena | 10 quadros | sobe 240 px, escala 1,08, desfoque 10 px |
-| câmera (sempre) | contínuo | zoom 1,03 ± 0,014, deriva ±20/±14 px, giro ±0,5°; soco +0,035 em ~8 quadros |
-
-- Nada fica parado: se uma cena passa de 40 quadros sem elemento novo, ponha um pingo, uma pincelada ou uma anotação.
-- Escalonamento entre palavras: 6–9 quadros.

package/kits/aquarela/regras/ritmo.md

@@ -1,17 +0,0 @@
-# Ritmo
-
-- 30 fps. Uma batida da trilha = **16.667 quadros** (108 bpm). Cortes em múltiplos de 16,7 (arredonde): 0, 17, 33, 50, 67, 83, 100, 117, 133, 150, 167, 183, 200, 217, 233.
-
-| batida | duração (s) | quadros |
-|---|---|---|
-| gancho | 1,2–2,2 | 36–66 |
-| problema | 1,2–2,5 | 36–75 |
-| virada | 1,4–2,2 | 42–66 |
-| prova (cada) | 0,9–1,8 | 27–54 |
-| lista | 1,2–2,2 | 36–66 |
-| data | 1,1–1,8 | 33–54 |
-| oferta | 1,2–2,0 | 36–60 |
-| marca | 1,6–3,0 | 48–90 |
-
-- Preview do kit: 8 s, 7 cenas.
-- Leitura: uma anotação precisa de **≥ 24 quadros** na tela depois de escrita; um título de 2 linhas, **≥ 36**.

package/kits/aquarela/regras/som.md

@@ -1,20 +0,0 @@
-# Som
-
-- Trilha: `assets/trilha/calma-com-punch-108bpm.mp3` (8,6 s, 108 bpm), volume **0.5**, fade de saída nos últimos **20 quadros**. Vídeo maior que 8,6 s: gere uma trilha nova no MotionCraft (`music make`, preset `calm-punch`, 108 bpm, tom F), não faça loop deste trecho.
-- Com narração: trilha a **0.25** e efeitos a 70% do volume da tabela.
-- Efeitos (todos sintetizados) e volume padrão:
-
-| som | volume | quando |
-|---|---|---|
-| `whoosh-pincel` | 0.9 | pincelada que atravessa a tela (−1 quadro) |
-| `pop-mancha` | 0.9 | mancha de tinta que floresce |
-| `gota` | 0.85 | pingo que bate no papel |
-| `papel-cai` | 0.9 | cartão de papel rasgado que cai |
-| `palavra` | 1.0 | palavra do título que cai |
-| `risco` | 0.7 | anotação à mão que se escreve |
-| `impacto` | 0.8 | a palavra final da virada e a data |
-| `assinatura` | 0.9 | revelação da marca |
-
-- 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/aquarela/regras/tipografia.md

@@ -1,16 +0,0 @@
-# Tipografia
-
-Duas fontes: **Fraunces** (serifada macia) para título e **Caveat** (letra de mão) para anotação.
-
-| papel | fonte | peso | tamanho (px) | máx. caracteres |
-|---|---|---|---|---|
-| título gigante | Fraunces | 700 | 190–260 | 14 |
-| título de apoio | Fraunces | 700 | 120–150 | 22 |
-| texto de cartão | Fraunces | 500 | 56–72 | 28 |
-| anotação à mão | Caveat | 700 | 84–120 | 18 |
-| endereço / detalhe | Caveat | 600 | 64–76 | 30 |
-
-- Tracking: −0,02 em no título, 0 no resto.
-- Line-height: 1,02 no título; 1,25 no cartão.
-- Caixa: frase normal (maiúscula só na primeira letra); nada em caixa-alta.
-- Texto que cresce encolhe sozinho (`caber()` em `base.ts`) até caber em 920 px; nunca palavra cortada.

package/kits/aurora/assets/ASSETS.md

@@ -1,21 +0,0 @@
-# Assets do kit aurora
-
-| arquivo | o que é | origem | licença |
-|---|---|---|---|
-| `fontes/instrument-latin.woff2` | Instrument Serif (400), subset latino | Google Fonts (`fonts.googleapis.com/css2?family=Instrument+Serif`), baixado em 26/10/2026 | SIL OFL 1.1, texto em `fontes/OFL-InstrumentSerif.txt` |
-| `fontes/manrope-latin.woff2` | Manrope (300 700), subset latino | Google Fonts (`fonts.googleapis.com/css2?family=Manrope`), baixado em 26/10/2026 | SIL OFL 1.1, texto em `fontes/OFL-Manrope.txt` |
-| `sons/brilho.mp3` | palavra de destaque que se acende | sintetizado: MotionCraft `sfx make`, tipo `icon_pop`, pacote `glass` | sem samples; síntese própria (CC0) |
-| `sons/sino.mp3` | cartão de vidro que chega | sintetizado: MotionCraft `sfx make`, tipo `success`, pacote `glass` | sem samples; síntese própria (CC0) |
-| `sons/onda.mp3` | entrada de cena | sintetizado: MotionCraft `sfx make`, tipo `whoosh_in`, pacote `glass` | sem samples; síntese própria (CC0) |
-| `sons/subida.mp3` | cortina de luz subindo | sintetizado: MotionCraft `sfx make`, tipo `riser`, pacote `glass` | sem samples; síntese própria (CC0) |
-| `sons/toque.mp3` | rótulo / endereço | sintetizado: MotionCraft `sfx make`, tipo `button`, pacote `glass` | sem samples; síntese própria (CC0) |
-| `sons/meteoro.mp3` | estrela cadente | sintetizado: MotionCraft `sfx make`, tipo `swoosh`, pacote `glass` | sem samples; síntese própria (CC0) |
-| `sons/sopro.mp3` | saída de cena | sintetizado: MotionCraft `sfx make`, tipo `whoosh_out`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/assinatura.mp3` | revelação da marca | sintetizado: MotionCraft `sfx make`, tipo `logo_sting`, pacote `glass` | sem samples; síntese própria (CC0) |
-| `trilha/suave-88bpm.mp3` | 8,6 s a partir de 2.7273 s da trilha gerada | MotionCraft `music make` (preset `cinematic-soft`, 88 bpm, tom Bb) | sem samples; síntese própria (CC0). MotionCraft é MIT |
-
-Conteúdo de demonstração (não faz parte do estilo, fica em `exemplos/`):
-
-| arquivo | origem | licença |
-|---|---|---|
-| `exemplos/logo-boreal.svg` | logo fictício desenhado para a demo | próprio |

package/kits/aurora/elementos/AssinaturaMarca.tsx

@@ -1,24 +0,0 @@
-// AssinaturaMarca: a última cena. O logo sobe suave (24 quadros), o nome entra em Instrument Serif e o endereço
-// aparece em Manrope; um fio fino se desenha entre eles.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, FAM_A, FAM_B, FONTE_A, FONTE_B, caber, c01, e5, ob, seg} from './base';
-
-export type AssinaturaMarcaProps = {
-  logo: string;
-  nome: string;
-  endereco?: string;
-  inicio?: number;
-};
-
-export const AssinaturaMarca: React.FC<AssinaturaMarcaProps> = ({logo, nome, endereco, inicio = 0}) => {
-  const f = useCurrentFrame() - inicio;
-  const lg = ob(seg(f, 0, 24), 1.15), nm = ob(seg(f, 10, 34), 1.15), fio = e5(seg(f, 30, 50)), en = e5(seg(f, 36, 54));
-  const tn = caber(nome, 190, FAM_A, 888, 400, -0.01), te = caber(endereco ?? '', 48, FAM_B, 800, 400, 0.04);
-  return <>
-    <img src={logo} style={{position: 'absolute', left: 540 - 170, top: 520 - 170, width: 340, height: 340, transform: `translateY(${(1 - lg) * 40}px)`, opacity: c01(f / 14)}} />
-    <div style={{position: 'absolute', left: 0, width: 1080, top: 860 - tn * 0.6, textAlign: 'center', fontFamily: FONTE_A, fontSize: tn, lineHeight: 1.2, letterSpacing: '-0.01em', color: COR.luz, whiteSpace: 'nowrap', transform: `translateY(${(1 - nm) * 40}px)`, opacity: c01((f - 9) / 14)}}>{nome}</div>
-    <div style={{position: 'absolute', left: 540 - 90 * fio, top: 1000, width: 180 * fio, height: 2, background: COR.verde, opacity: 0.8}} />
-    {endereco && <div style={{position: 'absolute', left: 0, width: 1080, top: 1040, textAlign: 'center', fontFamily: FONTE_B, fontWeight: 400, fontSize: te, letterSpacing: '0.04em', color: COR.gelo, opacity: en, transform: `translateY(${(1 - en) * 20}px)`}}>{endereco}</div>}
-  </>;
-};

package/kits/aurora/elementos/CartaoVidro.tsx

@@ -1,29 +0,0 @@
-// CartaoVidro: cartão de vidro fosco (backdrop-filter: blur 26 px, 8% branco, borda de 1,5 px) com uma palavra ou número
-// grande em Instrument Serif e uma legenda em Manrope. Sobe 40 px com escala 0,94 → 1 em 24 quadros.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, FAM_A, FAM_B, FONTE_A, FONTE_B, caber, c01, e5, ob, seg} from './base';
-
-export type CartaoVidroProps = {
-  /** número ou palavra grande */
-  grande: string;
-  legenda?: string;
-  y?: number;
-  largura?: number;
-  altura?: number;
-  tamanho?: number;
-  inicio?: number;
-  fim?: number;
-};
-
-export const CartaoVidro: React.FC<CartaoVidroProps> = ({grande, legenda, y = 700, largura = 780, altura = 640, tamanho = 300, inicio = 0, fim}) => {
-  const f = useCurrentFrame();
-  const p = ob(seg(f, inicio, inicio + 24), 1.2), sai = fim === undefined ? 0 : e5(seg(f, fim, fim + 16));
-  if (f < inicio - 1 || sai >= 1) return null;
-  const tam = caber(grande, tamanho, FAM_A, largura - 120, 400, -0.01), tl = legenda ? caber(legenda.toUpperCase(), 44, FAM_B, largura - 100, 600, 0.22) : 0;
-  const leg = e5(seg(f, inicio + 14, inicio + 30));
-  return <div style={{position: 'absolute', left: 540 - largura / 2, top: y - altura / 2, width: largura, height: altura, borderRadius: 48, background: 'rgba(255,255,255,0.08)', border: '1.5px solid rgba(255,255,255,0.28)', boxSizing: 'border-box', backdropFilter: 'blur(26px)', WebkitBackdropFilter: 'blur(26px)', boxShadow: '0 30px 80px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.25)', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', transform: `translateY(${(1 - p) * 40 - sai * 30}px) scale(${0.94 + 0.06 * p})`, opacity: c01((f - inicio + 1) / 14) * (1 - sai)}}>
-    <div style={{fontFamily: FONTE_A, fontSize: tam, lineHeight: 1, letterSpacing: '-0.01em', color: COR.luz, whiteSpace: 'nowrap'}}>{grande}</div>
-    {legenda && <div style={{fontFamily: FONTE_B, fontWeight: 600, fontSize: tl, letterSpacing: '0.22em', color: COR.gelo, marginTop: 28, opacity: leg, transform: `translateY(${(1 - leg) * 20}px)`, whiteSpace: 'nowrap'}}>{legenda.toUpperCase()}</div>}
-  </div>;
-};

package/kits/aurora/elementos/Cena.tsx

@@ -1,48 +0,0 @@
-// Cena: janela de tempo de um plano. Entra com movimento (nunca corte seco) e a saída cruza 14 quadros
-// com a entrada da próxima. Dentro dela, useCurrentFrame() começa em 0.
-import React, {createContext, useContext} from 'react';
-import {AbsoluteFill, Sequence, useCurrentFrame} from 'remotion';
-import {c01, e5, ob, seg} from './base';
-
-export type Entrada = 'subir' | 'zoom' | 'direita' | 'esquerda' | 'giro' | 'queda' | 'circulo' | 'nenhuma';
-export type Saida = 'sobe' | 'esquerda' | 'zoom' | 'gira' | 'encolhe';
-export const SOBREPOE = 14; // quadros em que a saída desta cena cruza a entrada da próxima
-export const QUADROS_ENTRADA = 24;
-
-const CenaCtx = createContext({duracao: 60});
-/** duração da cena atual em quadros (sem a sobreposição) */
-export const useDuracaoCena = () => useContext(CenaCtx).duracao;
-
-export type CenaProps = {de: number; ate: number; entrada?: Entrada; saida?: Saida; ultima?: boolean; children: React.ReactNode};
-
-const Janela: React.FC<{duracao: number; entrada: Entrada; saida: Saida; ultima: boolean; children: React.ReactNode}> = ({duracao, entrada, saida, ultima, children}) => {
-  const f = useCurrentFrame();
-  const p = seg(f, 0, QUADROS_ENTRADA);
-  const en = entrada === 'nenhuma' ? 0 : 1 - ob(p, 1.15);
-  const xo = ultima ? 0 : e5(seg(f, duracao, duracao + SOBREPOE));
-  let tf = '';
-  let clip: string | undefined;
-  if (entrada === 'subir') tf += `translateY(${en * 300}px) `;
-  if (entrada === 'queda') tf += `translateY(${-en * 520}px) `;
-  if (entrada === 'zoom') tf += `scale(${1 + en * 0.9}) `;
-  if (entrada === 'direita') tf += `translateX(${en * 800}px) `;
-  if (entrada === 'esquerda') tf += `translateX(${-en * 800}px) `;
-  if (entrada === 'giro') tf += `rotate(${-en * 16}deg) scale(${1 + en * 0.6}) `;
-  if (entrada === 'circulo') clip = `circle(${e5(p) * 1700 + 4}px at 50% 52%)`;
-  if (saida === 'sobe') tf += `translateY(${-xo * 240}px) scale(${1 + xo * 0.08})`;
-  if (saida === 'esquerda') tf += `translateX(${-xo * 820}px) rotate(${-xo * 4}deg)`;
-  if (saida === 'zoom') tf += `scale(${1 + xo * 0.9})`;
-  if (saida === 'gira') tf += `rotate(${xo * 12}deg) scale(${1 - xo * 0.25}) translateY(${xo * 300}px)`;
-  if (saida === 'encolhe') tf += `scale(${1 - xo * 0.35})`;
-  const blur = c01(en) * 10 + xo * 10;
-  return <AbsoluteFill style={{transform: tf, clipPath: clip, opacity: (1 - c01(en) * 0.85) * (1 - xo), filter: blur > 0.3 ? `blur(${blur}px)` : undefined}}>{children}</AbsoluteFill>;
-};
-
-export const Cena: React.FC<CenaProps> = ({de, ate, entrada = 'subir', saida = 'sobe', 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} saida={saida} ultima={ultima}>{children}</Janela>
-    </CenaCtx.Provider>
-  </Sequence>;
-};

package/kits/aurora/elementos/CeuEstrelado.tsx

@@ -1,22 +0,0 @@
-// CeuEstrelado: 90 estrelas que piscam entre 15% e 70% (cada uma no seu ritmo) e, em `meteoro`, um risco de 220 px
-// que cruza 520 px na diagonal em 14 quadros. É ambiente: fica por trás do texto.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, e5, rnd, seg} from './base';
-
-export type CeuEstreladoProps = {
-  quantidade?: number;
-  /** quadro (da cena) em que passa um meteoro; vazio = nenhum */
-  meteoro?: number;
-  /** y máximo das estrelas */
-  ate?: number;
-};
-
-export const CeuEstrelado: React.FC<CeuEstreladoProps> = ({quantidade = 90, meteoro, ate = 1150}) => {
-  const f = useCurrentFrame();
-  const p = meteoro === undefined ? -1 : seg(f, meteoro, meteoro + 14);
-  return <svg width={1080} height={1920} viewBox="0 0 1080 1920" style={{position: 'absolute', inset: 0}}>
-    {Array.from({length: quantidade}, (_, i) => <circle key={i} cx={60 + rnd(i * 3 + 1) * 960} cy={170 + rnd(i * 5 + 2) * (ate - 170)} r={1.3 + rnd(i + 9) * 2.2} fill={COR.luz} opacity={0.15 + 0.55 * Math.abs(Math.sin(f / (18 + rnd(i) * 40) + i * 1.7))} />)}
-    {p > 0 && p < 1 && <line x1={760 - 520 * e5(p) - 150} y1={260 + 300 * e5(p) - 90} x2={760 - 520 * e5(p)} y2={260 + 300 * e5(p)} stroke={COR.luz} strokeWidth={5} strokeLinecap="round" opacity={1 - p} />}
-  </svg>;
-};

package/kits/aurora/elementos/CortinaDeLuz.tsx

@@ -1,36 +0,0 @@
-// CortinaDeLuz: 36 raios verticais de luz que sobem do horizonte (y base) em sequência da esquerda pra direita
-// e depois balançam ±14 px, com altura e brilho variando. Cores do verde ao turquesa e ao violeta ao longo de x.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, c01, lerp, ob, rnd, seg} from './base';
-
-export type CortinaDeLuzProps = {
-  /** y da base dos raios */
-  base?: number;
-  /** altura máxima dos raios, em px */
-  altura?: number;
-  inicio?: number;
-  quantidade?: number;
-  cores?: [string, string, string];
-};
-
-export const CortinaDeLuz: React.FC<CortinaDeLuzProps> = ({base = 1180, altura = 820, inicio = 0, quantidade = 36, cores = [COR.verde, COR.turquesa, COR.violeta]}) => {
-  const f = useCurrentFrame();
-  return <svg width={1080} height={1920} viewBox="0 0 1080 1920" style={{position: 'absolute', inset: 0, overflow: 'visible', mixBlendMode: 'screen'}}>
-    <defs>
-      <filter id="au-raio" x="-100%" y="-5%" width="300%" height="110%"><feGaussianBlur stdDeviation="9 2" /></filter>
-      {cores.map((c, i) => <linearGradient key={i} id={`au-r${i}`} x1="0" y1="0" x2="0" y2="1"><stop offset="0" stopColor={c} stopOpacity="0" /><stop offset="0.55" stopColor={c} stopOpacity="0.55" /><stop offset="0.95" stopColor="#fff" stopOpacity="0.9" /><stop offset="1" stopColor={c} stopOpacity="0" /></linearGradient>)}
-    </defs>
-    <g filter="url(#au-raio)">
-      {Array.from({length: quantidade}, (_, i) => {
-        const u = i / (quantidade - 1), x = 120 + u * 840 + Math.sin(f / 40 + i) * 14 * seg(f, inicio + 40, inicio + 60);
-        const em = inicio + i * 1.0, p = ob(seg(f, em, em + 28), 1.2);
-        const h = altura * lerp(0.45, 1, rnd(i + 3)) * Math.sin(Math.PI * (0.15 + 0.7 * u)) * (0.9 + 0.1 * Math.sin(f / 25 + i)) * p;
-        const w = lerp(16, 42, rnd(i + 9));
-        const cor = u < 0.5 ? 0 : 1, g = u < 0.5 ? c01(u * 2) : c01((u - 0.5) * 2);
-        void g;
-        return <rect key={i} x={x - w / 2} y={base - h} width={w} height={h} fill={`url(#au-r${u < 0.38 ? 0 : u < 0.72 ? 1 : 2})`} opacity={0.55 + 0.3 * rnd(i + 5)} />;
-      })}
-    </g>
-  </svg>;
-};

package/kits/aurora/elementos/Fundo.tsx

@@ -1,35 +0,0 @@
-// Fundo: céu azul-petróleo com 4 faixas de aurora (verde, turquesa, violeta, rosa) que ondulam e cujo matiz derrapa
-// ±40° a cada 400 quadros. As faixas são polígonos com degradê vertical, desfocados (34 px) e misturados em screen.
-import React from 'react';
-import {AbsoluteFill, useCurrentFrame} from 'remotion';
-import {COR} from './base';
-
-export type FundoProps = {
-  /** cores das 4 faixas (padrão: verde, turquesa, violeta, rosa) */
-  cores?: string[];
-  /** 0..1.5 */
-  intensidade?: number;
-  velocidade?: number;
-};
-
-const FAIXAS = [{y: 520, h: 520, a: 120, k: 0.0042, s: 0.011, op: 0.6}, {y: 640, h: 480, a: 150, k: 0.0035, s: -0.009, op: 0.5}, {y: 420, h: 420, a: 90, k: 0.006, s: 0.014, op: 0.42}, {y: 760, h: 380, a: 110, k: 0.0048, s: -0.012, op: 0.34}];
-
-export const Fundo: React.FC<FundoProps> = ({cores = [COR.verde, COR.turquesa, COR.violeta, COR.rosa], intensidade = 1, velocidade = 1}) => {
-  const f = useCurrentFrame() * velocidade;
-  return <AbsoluteFill style={{background: `linear-gradient(180deg, ${COR.ceu} 0%, #08162A 55%, ${COR.horizonte} 100%)`}}>
-    <svg width={1080} height={1920} viewBox="0 0 1080 1920" style={{position: 'absolute', inset: 0, mixBlendMode: 'screen', filter: `hue-rotate(${Math.sin(f / 64) * 40}deg)`}}>
-      <defs>
-        <filter id="au-desfoque" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="34" /></filter>
-        {cores.map((c, i) => <linearGradient key={i} id={`au-g${i}`} x1="0" y1="0" x2="0" y2="1"><stop offset="0" stopColor={c} stopOpacity="0" /><stop offset="0.35" stopColor={c} stopOpacity="0.85" /><stop offset="1" stopColor={c} stopOpacity="0" /></linearGradient>)}
-      </defs>
-      <g filter="url(#au-desfoque)">
-        {FAIXAS.map((b, i) => {
-          const pts: string[] = [];
-          for (let x = -40; x <= 1120; x += 40) pts.push(`${x},${(b.y + Math.sin(x * b.k * 2.2 + f * b.s + i * 2) * b.a + Math.sin(x * b.k * 5 + f * b.s * 1.7) * b.a * 0.3).toFixed(1)}`);
-          const baixo = [...pts].reverse().map((p) => {const [x, y] = p.split(',').map(Number); return `${x},${(y + b.h + Math.sin(x * 0.004 + f * b.s) * 60).toFixed(1)}`;});
-          return <polygon key={i} points={[...pts, ...baixo].join(' ')} fill={`url(#au-g${i % cores.length})`} opacity={b.op * intensidade} />;
-        })}
-      </g>
-    </svg>
-  </AbsoluteFill>;
-};

package/kits/aurora/elementos/Legenda.tsx

@@ -1,23 +0,0 @@
-// Legenda: rótulo em Manrope 600 caixa-alta com tracking 0,32 em e um fio fino de 160 px que se desenha (20 quadros)
-// acima do texto; o texto aparece nos últimos 12 quadros do fio.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, FAM_B, FONTE_B, LARGURA_UTIL, caber, e5, seg} from './base';
-
-export type LegendaProps = {
-  texto: string;
-  y?: number;
-  tamanho?: number;
-  inicio?: number;
-  cor?: string;
-};
-
-export const Legenda: React.FC<LegendaProps> = ({texto, y = 1130, tamanho = 44, inicio = 0, cor = COR.gelo}) => {
-  const f = useCurrentFrame();
-  if (f < inicio) return null;
-  const t = caber(texto.toUpperCase(), tamanho, FAM_B, LARGURA_UTIL, 600, 0.32), fio = e5(seg(f, inicio, inicio + 20)), tx = e5(seg(f, inicio + 8, inicio + 20));
-  return <>
-    <div style={{position: 'absolute', left: 540 - 80 * fio, top: y - t * 1.1, width: 160 * fio, height: 2, background: COR.verde, opacity: 0.8}} />
-    <div style={{position: 'absolute', left: 0, width: 1080, top: y - t * 0.6, textAlign: 'center', fontFamily: FONTE_B, fontWeight: 600, fontSize: t, letterSpacing: '0.32em', color: cor, opacity: tx, transform: `translateY(${(1 - tx) * 16}px)`, whiteSpace: 'nowrap', paddingLeft: '0.32em'}}>{texto.toUpperCase()}</div>
-  </>;
-};

package/kits/aurora/elementos/Montagem.tsx

@@ -1,68 +0,0 @@
-// Montagem: transforma um plano de cenas (JSON escrito pela IA) em vídeo, usando só os elementos do kit.
-// Ela NÃO decide nada de estética: só põe Fundo + Camera + Cenas + sons onde o plano mandou.
-// Formato do plano: ver exemplos/plano.json e KITS.md (seção "plano de cenas").
-import React, {useEffect, useState} from 'react';
-import {AbsoluteFill, continueRender, delayRender} from 'remotion';
-import {COR, esperarFontes, fontesProntas} from './base';
-import {Fundo} from './Fundo';
-import {Camera} from './Camera';
-import {Cena, Entrada, Saida} from './Cena';
-import {Efeito, NomeSom, Trilha} from './Som';
-import {CortinaDeLuz} from './CortinaDeLuz';
-import {TituloSerif} from './TituloSerif';
-import {CartaoVidro} from './CartaoVidro';
-import {Legenda} from './Legenda';
-import {CeuEstrelado} from './CeuEstrelado';
-import {Montanhas} from './Montanhas';
-import {AssinaturaMarca} from './AssinaturaMarca';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const ELEMENTOS: Record<string, React.FC<any>> = {
-  CortinaDeLuz, TituloSerif, CartaoVidro, Legenda, CeuEstrelado, Montanhas, AssinaturaMarca,
-};
-
-export type Camada = {elemento: string; props: Record<string, unknown>};
-export type CenaPlano = {
-  batida: string; de: number; ate: number; entrada?: Entrada; saida?: Saida;
-  camadas: Camada[];
-  /** sons relativos ao início da cena */
-  sons?: {som: NomeSom; em: number; volume?: number}[];
-  /** socos de câmera extras, relativos ao início da cena (o início já é um soco) */
-  socos?: number[];
-};
-export type Plano = {kit: string; duracao: number; fundo?: Record<string, unknown>; trilha?: {volume?: number} | false; cenas: CenaPlano[]};
-
-/** troca "fotos/foto-01.jpg" pela URL importada, em qualquer prop (texto, lista ou objeto) */
-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 = {}}) => {
-  // não desenha nada antes das fontes: as medidas de texto (caber) precisam delas
-  const [ok, setOk] = useState(fontesProntas());
-  useEffect(() => {
-    if (ok) return;
-    const h = delayRender('aurora: aguardando fontes');
-    esperarFontes().then(() => {setOk(true); setTimeout(() => continueRender(h), 40);});
-  }, [ok]);
-  if (!ok) return <AbsoluteFill style={{background: COR.ceu}} />;
-  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: COR.ceu}}>
-    <Fundo {...(plano.fundo ?? {})} />
-    <Camera batidas={socos} forca={1}>
-      {plano.cenas.map((c, i) => <Cena key={i} de={c.de} ate={c.ate} entrada={c.entrada} saida={c.saida} ultima={i === ultima}>
-        {c.camadas.map((k, j) => {
-          const El = ELEMENTOS[k.elemento];
-          if (!El) throw new Error(`aurora: elemento "${k.elemento}" não existe no kit`);
-          return <El key={j} {...(resolver(k.props, arquivos) as object)} />;
-        })}
-      </Cena>)}
-    </Camera>
-    {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/aurora/elementos/Montanhas.tsx

@@ -1,24 +0,0 @@
-// Montanhas: 3 camadas de silhueta (longe, meio, perto) na base do quadro (abaixo da área de leitura, de y 1480 pra baixo),
-// com parallax lento (0,12 / 0,25 / 0,45 px por quadro) e uma neblina clara entre as camadas.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {rnd} from './base';
-
-export type MontanhasProps = {
-  /** y da linha de cume mais alta */
-  topo?: number;
-};
-
-const CAMADAS = [{cor: '#0D2A40', alt: 260, vel: 0.12, seed: 1}, {cor: '#0A1F33', alt: 220, vel: 0.25, seed: 2}, {cor: '#06111F', alt: 170, vel: 0.45, seed: 3}];
-
-export const Montanhas: React.FC<MontanhasProps> = ({topo = 1500}) => {
-  const f = useCurrentFrame();
-  return <svg width={1080} height={1920} viewBox="0 0 1080 1920" style={{position: 'absolute', inset: 0}}>
-    {CAMADAS.map((c, li) => {
-      const off = (f * c.vel) % 1000, pts: string[] = [];
-      for (let x = -1000; x <= 2200; x += 90) pts.push(`${x - off},${(topo + 260 - c.alt * (0.35 + 0.65 * rnd(Math.round((x + 1000) / 90) + c.seed * 13))).toFixed(0)}`);
-      return <g key={li}><polygon points={`${-1000 - off},1960 ${pts.join(' ')} ${2200 - off},1960`} fill={c.cor} />
-        <rect x={0} y={topo + 60 + li * 40} width={1080} height={120} fill="rgba(160,210,220,0.05)" /></g>;
-    })}
-  </svg>;
-};

package/kits/aurora/elementos/Som.tsx

@@ -1,33 +0,0 @@
-// Som: os efeitos e a trilha do kit. Efeitos sintetizados (MotionCraft `sfx make`), trilha de `music make`.
-// Ver assets/ASSETS.md. Regra: um som por movimento que importa, 1 a 2 quadros ANTES do visual.
-import React from 'react';
-import {Audio, Sequence, interpolate, useVideoConfig} from 'remotion';
-import brilho from '../assets/sons/brilho.mp3';
-import sino from '../assets/sons/sino.mp3';
-import onda from '../assets/sons/onda.mp3';
-import subida from '../assets/sons/subida.mp3';
-import toque from '../assets/sons/toque.mp3';
-import meteoro from '../assets/sons/meteoro.mp3';
-import sopro from '../assets/sons/sopro.mp3';
-import assinatura from '../assets/sons/assinatura.mp3';
-import trilha from '../assets/trilha/suave-88bpm.mp3';
-
-export const SONS = {'brilho': brilho, 'sino': sino, 'onda': onda, 'subida': subida, 'toque': toque, 'meteoro': meteoro, 'sopro': sopro, 'assinatura': assinatura} as const;
-export type NomeSom = keyof typeof SONS;
-
-// volume de cada efeito (0..1) já calibrado contra a trilha
-const VOLUME: Record<NomeSom, number> = {'brilho': 0.7, 'sino': 0.65, 'onda': 0.7, 'subida': 0.55, 'toque': 0.65, 'meteoro': 0.55, 'sopro': 0.6, 'assinatura': 0.85};
-
-export type EfeitoProps = {som: NomeSom; em: number; volume?: number};
-/** um efeito no quadro `em` (absoluto, ou relativo à Cena se estiver dentro de uma) */
-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; /** quadros de fade no fim */ saida?: number};
-/** a trilha do kit, do quadro 0 ao fim, com fade de saída */
-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'})} />;
-};

package/kits/aurora/elementos/TituloSerif.tsx

@@ -1,36 +0,0 @@
-// TituloSerif: linhas em Instrument Serif que entram devagar (24 quadros): sobem 40 px, o desfoque 12 px limpa e o
-// tracking fecha. A palavra entre asteriscos recebe o degradê verde → turquesa, que se revela da esquerda 8 quadros depois.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, DEGRADE_TEXTO, FAM_A, FONTE_A, LARGURA_UTIL, caber, c01, e5, lerp, ob, seg, textoLimpo} from './base';
-
-export type TituloSerifProps = {
-  /** "Onde a noite *acende.*" */
-  linhas: string[];
-  y?: number;
-  tamanho?: number;
-  inicio?: number;
-  /** quadros entre uma linha e a próxima */
-  intervalo?: number;
-  cor?: string;
-  fim?: number;
-};
-
-export const TituloSerif: React.FC<TituloSerifProps> = ({linhas, y = 640, tamanho = 230, inicio = 0, intervalo = 12, cor = COR.luz, fim}) => {
-  const f = useCurrentFrame();
-  const sai = fim === undefined ? 0 : e5(seg(f, fim, fim + 16));
-  if (sai >= 1) return null;
-  const tam = Math.min(...linhas.map((l) => caber(textoLimpo(l), tamanho, FAM_A, LARGURA_UTIL, 400, -0.01)));
-  const passo = tam * 1.02, topo = y - ((linhas.length - 1) * passo) / 2;
-  return <div style={{position: 'absolute', inset: 0, opacity: 1 - sai, transform: `translateY(${-sai * 30}px)`}}>
-    {linhas.map((l, i) => {
-      const em = inicio + i * intervalo, p = ob(seg(f, em, em + 24), 1.15), q = e5(seg(f, em, em + 24));
-      const reveal = e5(seg(f, em + 8, em + 24));
-      return <div key={i} style={{position: 'absolute', left: 0, width: 1080, top: topo + i * passo - tam * 0.6, height: tam * 1.2, textAlign: 'center', fontFamily: FONTE_A, fontSize: tam, lineHeight: 1.2, letterSpacing: `${lerp(0.04, -0.01, q)}em`, color: cor, whiteSpace: 'nowrap', transform: `translateY(${(1 - p) * 40}px)`, opacity: c01((f - em + 1) / 12), filter: q < 1 ? `blur(${(1 - q) * 12}px)` : undefined}}>
-        {l.split('*').map((parte, j) => j % 2 === 1
-          ? <span key={j} style={{backgroundImage: DEGRADE_TEXTO, backgroundSize: `${100 / Math.max(0.001, reveal)}% 100%`, backgroundRepeat: 'no-repeat', WebkitBackgroundClip: 'text', backgroundClip: 'text', color: reveal < 0.999 ? cor : 'transparent', WebkitTextFillColor: reveal < 0.02 ? cor : 'transparent'}}>{parte}</span>
-          : <span key={j}>{parte}</span>)}
-      </div>;
-    })}
-  </div>;
-};

package/kits/aurora/elementos/base.ts

@@ -1,93 +0,0 @@
-// Base do kit aurora: cores, fontes, curvas e medidas. Todo número visual sai daqui.
-// Os elementos importam só este arquivo, 'react' e 'remotion'. Nada de fora da pasta do kit.
-import {continueRender, delayRender} from 'remotion';
-import fonteA from '../assets/fontes/instrument-latin.woff2';
-import fonteB from '../assets/fontes/manrope-latin.woff2';
-
-// ---------- tela ----------
-export const LARGURA = 1080, ALTURA = 1920, FPS = 30;
-// área segura (Reels/TikTok): o que se lê fica entre estas linhas
-export const SEGURA = {topo: 168, base: 1330, lado: 96};
-export const LARGURA_UTIL = LARGURA - SEGURA.lado * 2; // 888 px
-
-// ---------- cor ----------
-export const COR = {
-  ceu: '#050B16',
-  horizonte: '#0C2236',
-  verde: '#5BFFB0',
-  turquesa: '#2DD4D0',
-  violeta: '#8B7BFF',
-  rosa: '#FF9BD2',
-  luz: '#EAF6F2',
-  gelo: '#A9C6C8',
-};
-
-export const DEGRADE_TEXTO = `linear-gradient(90deg, ${'#5BFFB0'}, ${'#2DD4D0'})`;
-
-// ---------- fonte ----------
-// Famílias com o prefixo do kit, pra não colidir com outro kit no mesmo estúdio.
-export const FAM_A = 'AU Instrument Serif';
-export const FONTE_A = '"AU Instrument Serif", Georgia, serif';
-export const FAM_B = 'AU Manrope';
-export const FONTE_B = '"AU Manrope", system-ui, sans-serif';
-
-// As medidas de texto (caber) só valem depois das fontes: a Montagem espera `esperarFontes()` antes de desenhar.
-const TOTAL_FONTES = 2;
-let nProntas = 0;
-const aguardando: (() => void)[] = [];
-const marcarFonte = () => {nProntas++; if (nProntas >= TOTAL_FONTES) aguardando.splice(0).forEach((r) => r());};
-export const fontesProntas = () => nProntas >= TOTAL_FONTES || typeof document === 'undefined';
-export const esperarFontes = () => new Promise<void>((res) => {if (fontesProntas()) res(); else aguardando.push(res);});
-if (typeof document !== 'undefined' && !(globalThis as Record<string, unknown>).__auA) {
-  (globalThis as Record<string, unknown>).__auA = true;
-  const hA = delayRender('aurora: AU Instrument Serif');
-  new FontFace('AU Instrument Serif', `url(${fonteA}) format('woff2')`, {weight: '400', style: 'normal'}).load()
-    .then((ff) => {document.fonts.add(ff); marcarFonte(); continueRender(hA);})
-    .catch(() => {marcarFonte(); continueRender(hA);});
-}
-if (typeof document !== 'undefined' && !(globalThis as Record<string, unknown>).__auB) {
-  (globalThis as Record<string, unknown>).__auB = true;
-  const hB = delayRender('aurora: AU Manrope');
-  new FontFace('AU Manrope', `url(${fonteB}) format('woff2')`, {weight: '300 700', style: 'normal'}).load()
-    .then((ff) => {document.fonts.add(ff); marcarFonte(); continueRender(hB);})
-    .catch(() => {marcarFonte(); continueRender(hB);});
-}
-
-// ---------- tempo e curva ----------
-export const c01 = (t: number) => Math.max(0, Math.min(1, t));
-/** progresso 0..1 de f entre a e b */
-export const seg = (f: number, a: number, b: number) => c01((f - a) / (b - a));
-/** saída rápida e pouso longo, ≈ cubic-bezier(.2,.8,.2,1) */
-export const e5 = (t: number) => 1 - Math.pow(1 - c01(t), 5);
-/** saída com overshoot (passa de 1 e volta): toda entrada do kit usa esta ou a e5 */
-export const ob = (t: number, s = 1.2) => {const x = c01(t) - 1; return 1 + (s + 1) * x * x * x + s * x * x;};
-export const lerp = (a: number, b: number, t: number) => a + (b - a) * t;
-/** pseudo-aleatório estável (0..1) a partir de um inteiro */
-export const rnd = (n: number) => {const x = Math.sin(n * 127.1 + 311.7) * 43758.5453; return x - Math.floor(x);};
-/** uma batida da trilha do kit em quadros */
-export const BATIDA = 20.4545;
-
-// ---------- medida de texto ----------
-let canvas: HTMLCanvasElement | null = null;
-const cache = new Map<string, number>();
-export const larguraTexto = (texto: string, tamanho: number, fam: string, peso = 800, trackingEm = 0): number => {
-  const chave = `${texto}|${tamanho}|${fam}|${peso}|${trackingEm}`;
-  const c = cache.get(chave); if (c !== undefined) return c;
-  if (typeof document === 'undefined') return texto.length * tamanho * 0.58;
-  canvas = canvas || document.createElement('canvas');
-  const ctx = canvas.getContext('2d'); if (!ctx) return texto.length * tamanho * 0.58;
-  const fonte = `${peso} ${tamanho}px "${fam}"`;
-  ctx.font = fonte;
-  const w = ctx.measureText(texto).width + texto.length * trackingEm * tamanho;
-  if (fontesProntas() && document.fonts.check(fonte)) cache.set(chave, w);
-  return w;
-};
-/** o maior tamanho até `tamanho` em que o texto cabe em `largura` (nunca palavra cortada) */
-export const caber = (texto: string, tamanho: number, fam: string, largura = LARGURA_UTIL, peso = 800, trackingEm = 0) => {
-  const w = larguraTexto(texto, tamanho, fam, peso, trackingEm);
-  return w > largura ? Math.floor(tamanho * (largura / w)) : tamanho;
-};
-/** tira os asteriscos de destaque: "Usar *IA*" -> "Usar IA" */
-export const textoLimpo = (t: string) => t.replace(/\*/g, '');
-/** corta "a *b* c" em [{t:'a ', d:false}, {t:'b', d:true}, {t:' c', d:false}] */
-export const partes = (t: string) => t.split('*').map((p, i) => ({t: p, d: i % 2 === 1})).filter((p) => p.t.length > 0);

package/kits/aurora/elementos/index.ts

@@ -1,16 +0,0 @@
-// Tudo que o kit aurora oferece. A IA monta o vídeo combinando isto (ou escrevendo um plano pra Montagem).
-export * from './base';
-export {Fundo} from './Fundo';
-export {Camera, posCamera} from './Camera';
-export {Cena, useDuracaoCena, SOBREPOE} from './Cena';
-export {CortinaDeLuz} from './CortinaDeLuz';
-export {TituloSerif} from './TituloSerif';
-export {CartaoVidro} from './CartaoVidro';
-export {Legenda} from './Legenda';
-export {CeuEstrelado} from './CeuEstrelado';
-export {Montanhas} from './Montanhas';
-export {AssinaturaMarca} from './AssinaturaMarca';
-export {Efeito, Trilha, SONS} from './Som';
-export type {NomeSom} from './Som';
-export {Montagem, ELEMENTOS} from './Montagem';
-export type {Plano, CenaPlano, Camada} from './Montagem';

package/kits/aurora/exemplos/logo-boreal.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5BFFB0"/><stop offset="1" stop-color="#8B7BFF"/></linearGradient></defs><circle cx="100" cy="100" r="86" fill="none" stroke="url(#g)" stroke-width="6"/><path d="M40 138c18-60 38-76 60-76s42 16 60 76" fill="none" stroke="url(#g)" stroke-width="9" stroke-linecap="round"/><circle cx="100" cy="62" r="7" fill="#EAF6F2"/></svg>