primocode 11.0.0 → 11.1.0

package/kits/corte-podcast/elementos/CitacaoGrande.tsx

@@ -1,42 +0,0 @@
-// CitacaoGrande: a frase do convidado em Anton gigante, palavra por palavra (pop com overshoot).
-// `*palavra*` vira bloco preto com letra de papel, o marca-texto do kit. Aspas enormes ao fundo.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, FONTE, LARGURA, caber, ov, partes, seg, textoLimpo} from './base';
-
-export type CitacaoGrandeProps = {
-  /** uma linha por item; `*destaque*` marca a palavra-chave */
-  linhas: string[];
-  /** quadro (na cena) da 1ª palavra */
-  inicio?: number;
-  /** quadros entre palavras (4–6 = rajada, 8–10 = fala) */
-  intervalo?: number;
-  /** centro vertical do bloco, px */
-  y: number;
-  /** tamanho máximo da letra, px; encolhe sozinho pra caber em 920 px */
-  tamanho?: number;
-  cor?: string;
-  /** desenha aspas gigantes atrás */
-  aspas?: boolean;
-  /** quadro em que a citação sai */
-  fim?: number;
-};
-
-export const CitacaoGrande: React.FC<CitacaoGrandeProps> = ({linhas, inicio = 0, intervalo = 5, y, tamanho = 170, cor = COR.papel, aspas = true, fim = 1e9}) => {
-  const f = useCurrentFrame();
-  if (f < inicio - 1 || f > fim + 12) return null;
-  const sai = seg(f, fim, fim + 10);
-  const tam = Math.min(...linhas.map((l) => caber(textoLimpo(l).toUpperCase(), tamanho)));
-  const alturaLinha = tam * 1.04;
-  const topo = y - (linhas.length * alturaLinha) / 2;
-  let n = 0;
-  return <div style={{position: 'absolute', inset: 0, opacity: 1 - sai, transform: `translateY(${-sai * 120}px)`}}>
-    {aspas && <div style={{position: 'absolute', left: 30, top: topo - 330, fontFamily: FONTE, fontSize: 900, lineHeight: 1, color: COR.osso, opacity: 0.55 * ov(seg(f, inicio, inicio + 18)), transform: `scale(${0.6 + 0.4 * ov(seg(f, inicio, inicio + 18))})`, transformOrigin: '0% 100%'}}>{'“'}</div>}
-    {linhas.map((l, i) => <div key={i} style={{position: 'absolute', left: 0, width: LARGURA, top: topo + i * alturaLinha, height: alturaLinha, display: 'flex', justifyContent: 'center', alignItems: 'center', gap: tam * 0.22}}>
-      {partes(l).flatMap((p) => p.t.split(' ').filter(Boolean).map((w) => ({w, d: p.d}))).map((p, k) => {
-        const t = ov(seg(f, inicio + n * intervalo, inicio + n * intervalo + 12)); n++;
-        return <span key={k} style={{display: 'inline-block', fontFamily: FONTE, fontSize: tam, lineHeight: 1, textTransform: 'uppercase', color: p.d ? COR.papel : cor, background: p.d ? COR.tinta : 'transparent', padding: p.d ? `${tam * 0.02}px ${tam * 0.12}px 0` : 0, borderRadius: tam * 0.1, transform: `translateY(${(1 - t) * 80}px) scale(${0.5 + 0.5 * t}) rotate(${(1 - t) * (k % 2 ? 5 : -5)}deg)`, opacity: Math.min(1, t * 2.4)}}>{p.w}</span>;
-      })}
-    </div>)}
-  </div>;
-};

package/kits/corte-podcast/elementos/Fundo.tsx

@@ -1,27 +0,0 @@
-// Fundo: tomate chapado com um disco de vinil gigante (anéis escuros) girando devagar e uma sombra de calor embaixo.
-// Fica FORA da Camera; quem se mexe é o que está em cima.
-import React from 'react';
-import {AbsoluteFill, useCurrentFrame} from 'remotion';
-import {COR} from './base';
-
-export type FundoProps = {
-  /** cor do chão (padrão: tomate) */
-  cor?: string;
-  /** velocidade do disco (1 = a do preview) */
-  velocidade?: number;
-};
-
-export const Fundo: React.FC<FundoProps> = ({cor = COR.tomate, velocidade = 1}) => {
-  const f = useCurrentFrame() * velocidade;
-  const aneis = [380, 470, 560, 650, 740, 830];
-  return <AbsoluteFill style={{background: `linear-gradient(180deg, ${cor} 0%, ${COR.tomateFundo} 100%)`}}>
-    <svg width={1080} height={1920} style={{position: 'absolute', inset: 0}}>
-      <g transform={`translate(${300 + Math.sin(f / 90) * 60} ${1040 + Math.cos(f / 110) * 40}) rotate(${f * 0.35})`}>
-        {aneis.map((r, i) => <circle key={r} r={r} fill="none" stroke={COR.tinta} strokeOpacity={0.07 + (i % 2) * 0.05} strokeWidth={i % 2 ? 3 : 14} />)}
-        <circle r={150} fill={COR.tinta} fillOpacity={0.12} />
-        <path d="M 0 -380 L 0 380" stroke={COR.tinta} strokeOpacity={0.08} strokeWidth={4} />
-      </g>
-    </svg>
-    <AbsoluteFill style={{background: `radial-gradient(80% 28% at 50% 104%, ${COR.sombra}, transparent 70%)`}} />
-  </AbsoluteFill>;
-};

package/kits/corte-podcast/elementos/LegendaKaraoke.tsx

@@ -1,32 +0,0 @@
-// LegendaKaraoke: legenda falada. As palavras já ditas ficam de papel, a palavra da vez ganha bloco preto e cresce,
-// as que vêm depois ficam esmaecidas. Quebra sozinha em linhas de até 880 px.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, FONTE, ov, seg} from './base';
-
-export type LegendaKaraokeProps = {
-  /** a fala inteira, palavras separadas por espaço */
-  texto: string;
-  inicio?: number;
-  /** quadros por palavra (6–8 = fala normal) */
-  intervalo?: number;
-  /** centro vertical, px */
-  y: number;
-  tamanho?: number;
-  fim?: number;
-};
-
-export const LegendaKaraoke: React.FC<LegendaKaraokeProps> = ({texto, inicio = 0, intervalo = 7, y, tamanho = 96, fim = 1e9}) => {
-  const f = useCurrentFrame();
-  if (f < inicio - 1 || f > fim + 12) return null;
-  const palavras = texto.split(' ').filter(Boolean);
-  const atual = Math.floor((f - inicio) / intervalo);
-  const entra = ov(seg(f, inicio - 2, inicio + 12)), sai = seg(f, fim, fim + 10);
-  return <div style={{position: 'absolute', left: 100, width: 880, top: y - 260, height: 520, display: 'flex', flexWrap: 'wrap', justifyContent: 'center', alignContent: 'center', gap: `${tamanho * 0.08}px ${tamanho * 0.2}px`, opacity: (1 - sai) * Math.min(1, entra * 2), transform: `translateY(${(1 - entra) * 90 + sai * 60}px)`}}>
-    {palavras.map((p, i) => {
-      const viva = i === atual;
-      const pop = viva ? ov(seg(f, inicio + i * intervalo, inicio + i * intervalo + 6)) : 1;
-      return <span key={i} style={{fontFamily: FONTE, fontSize: tamanho, lineHeight: 1.05, textTransform: 'uppercase', color: viva ? COR.papel : i < atual ? COR.papel : COR.osso, opacity: i > atual ? 0.45 : 1, background: viva ? COR.tinta : 'transparent', padding: `${tamanho * 0.02}px ${tamanho * 0.14}px 0`, borderRadius: tamanho * 0.12, transform: `scale(${viva ? 1 + 0.12 * pop : 1}) rotate(${viva ? -2 * pop : 0}deg)`}}>{p}</span>;
-    })}
-  </div>;
-};

package/kits/corte-podcast/elementos/Montagem.tsx

@@ -1,59 +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 from 'react';
-import {AbsoluteFill} from 'remotion';
-import {COR} from './base';
-import {Fundo} from './Fundo';
-import {Camera} from './Camera';
-import {Cena, Entrada} from './Cena';
-import {Efeito, NomeSom, Trilha} from './Som';
-import {OndaAudio} from './OndaAudio';
-import {CitacaoGrande} from './CitacaoGrande';
-import {CartaoConvidado} from './CartaoConvidado';
-import {LegendaKaraoke} from './LegendaKaraoke';
-import {BarraEpisodio} from './BarraEpisodio';
-import {SeloEpisodio} from './SeloEpisodio';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const ELEMENTOS: Record<string, React.FC<any>> = {
-  OndaAudio, CitacaoGrande, CartaoConvidado, LegendaKaraoke, BarraEpisodio, SeloEpisodio,
-};
-
-export type Camada = {elemento: string; props: Record<string, unknown>};
-export type CenaPlano = {
-  batida: string; de: number; ate: number; entrada?: Entrada;
-  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 = {}}) => {
-  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.tomate}}>
-    <Fundo {...(plano.fundo as object)} />
-    <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(`corte-podcast: 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/corte-podcast/elementos/OndaAudio.tsx

@@ -1,41 +0,0 @@
-// OndaAudio: a onda do áudio em barras de pílula que cruza a tela inteira. Cada barra nasce com overshoot,
-// depois respira no ritmo da fala e dá um pulso em cada batida de `pulsos`. É o herói da identidade do kit.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, LARGURA, ov, rnd, seg} from './base';
-
-export type OndaAudioProps = {
-  /** centro vertical da onda, px */
-  y: number;
-  /** altura máxima das barras, px (herói: 640 a 780) */
-  altura?: number;
-  barras?: number;
-  cor?: string;
-  /** quadro (na cena) em que as barras começam a nascer */
-  inicio?: number;
-  /** quadro em que a onda some; sem isso fica até o fim da cena */
-  fim?: number;
-  /** quadros (na cena) em que a onda dá um pulso forte */
-  pulsos?: number[];
-  /** 1 = ritmo do preview; 2 = fala mais rápida */
-  ritmo?: number;
-  opacidade?: number;
-};
-
-export const OndaAudio: React.FC<OndaAudioProps> = ({y, altura = 700, barras = 27, cor = COR.tinta, inicio = 0, fim = 1e9, pulsos = [], ritmo = 1, opacidade = 1}) => {
-  const f = useCurrentFrame();
-  if (f < inicio - 1 || f > fim + 12) return null;
-  const passo = LARGURA / barras, larg = passo * 0.62;
-  const sai = 1 - seg(f, fim, fim + 10);
-  let pulso = 0;
-  for (const p of pulsos) if (f >= p) pulso = Math.max(pulso, Math.exp(-(f - p) / 6));
-  return <div style={{position: 'absolute', inset: 0, opacity: opacidade * sai}}>
-    {Array.from({length: barras}, (_, i) => {
-      const nasce = ov(seg(f, inicio + i * 0.9, inicio + i * 0.9 + 16));
-      const env = 0.28 + 0.72 * Math.sin((Math.PI * (i + 0.5)) / barras); // sino: o meio é mais alto
-      const fala = 0.32 + 0.68 * Math.abs(Math.sin((f * ritmo) / (4 + (i % 5)) + i * 1.7 + rnd(i) * 6));
-      const h = Math.max(larg, altura * env * fala * nasce * (1 + pulso * 0.22));
-      return <div key={i} style={{position: 'absolute', left: i * passo + (passo - larg) / 2, top: y - h / 2, width: larg, height: h, borderRadius: larg / 2, background: cor}} />;
-    })}
-  </div>;
-};

package/kits/corte-podcast/elementos/SeloEpisodio.tsx

@@ -1,33 +0,0 @@
-// SeloEpisodio: adesivo redondo com o nome do podcast em volta e o número do episódio no meio.
-// Entra girando de -200° com overshoot e segue rodando devagar. Cola num canto, dentro da área segura.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, FONTE, MONO, ov, seg} from './base';
-
-export type SeloEpisodioProps = {
-  numero: string;
-  /** texto que roda em volta (repete sozinho) */
-  nome: string;
-  inicio?: number;
-  /** centro do selo, px */
-  x?: number;
-  y?: number;
-  tamanho?: number;
-  fim?: number;
-};
-
-export const SeloEpisodio: React.FC<SeloEpisodioProps> = ({numero, nome, inicio = 0, x = 800, y = 400, tamanho = 340, fim = 1e9}) => {
-  const f = useCurrentFrame();
-  if (f < inicio - 1 || f > fim + 12) return null;
-  const t = ov(seg(f, inicio, inicio + 18)), sai = seg(f, fim, fim + 10);
-  const anel = `${nome.toUpperCase()} • EP • `.repeat(3);
-  return <div style={{position: 'absolute', left: x - tamanho / 2, top: y - tamanho / 2, width: tamanho, height: tamanho, transform: `scale(${Math.max(0, t) * (1 - sai)}) rotate(${(1 - t) * -200 + 8}deg)`}}>
-    <svg width={tamanho} height={tamanho} viewBox="0 0 340 340">
-      <circle cx={170} cy={170} r={164} fill={COR.papel} stroke={COR.tinta} strokeWidth={7} />
-      <defs><path id="pc-anel" d="M 170 170 m -128 0 a 128 128 0 1 1 256 0 a 128 128 0 1 1 -256 0" /></defs>
-      <g transform={`rotate(${f * 2.2} 170 170)`}><text fontFamily={MONO} fontWeight={500} fontSize={25} fill={COR.tinta}><textPath href="#pc-anel" textLength={796} lengthAdjust="spacing">{anel}</textPath></text></g>
-      <circle cx={170} cy={170} r={92} fill={COR.tinta} />
-    </svg>
-    <div style={{position: 'absolute', inset: 0, display: 'flex', alignItems: 'center', justifyContent: 'center', fontFamily: FONTE, fontSize: tamanho * 0.36, lineHeight: 1, paddingTop: tamanho * 0.02, color: COR.papel, transform: `rotate(${Math.sin(f / 14) * 4}deg)`}}>{numero}</div>
-  </div>;
-};

package/kits/corte-podcast/elementos/Som.tsx

@@ -1,40 +0,0 @@
-// Som: os efeitos e a trilha do kit. Efeitos sintetizados (MotionCraft `sfx make`, pacote digital-soft); trilha de 8.6 s
-// (MotionCraft `music make`, preset lofi-desk, 100 bpm, tom E). 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 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/lofi-pulso-100bpm.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;
-
-// volume de cada efeito (0..1) já calibrado contra a trilha a 0.45
-const VOLUME: Record<NomeSom, number> = {
-  'whoosh-entra': 0.85, 'whoosh-sai': 0.7, swoosh: 0.9, 'pop-palavra': 0.95, 'pop-cartao': 0.9, clique: 0.8, impacto: 0.9, subida: 0.7, assinatura: 0.8, tick: 0.6,
-};
-
-export type EfeitoProps = {som: NomeSom; em: number; volume?: number};
-/** um efeito no quadro `em` (relativo à Cena se estiver dentro de uma, absoluto no resto) */
-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.45, 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/corte-podcast/elementos/base.ts

@@ -1,82 +0,0 @@
-// Base do kit corte-podcast: 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 fonte0Url from '../assets/fontes/anton.woff2';
-import fonte1Url from '../assets/fontes/plexmono.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: 80};
-export const LARGURA_UTIL = LARGURA - SEGURA.lado * 2; // 920 px
-
-// ---------- cor ----------
-export const COR = {
-  tomate: '#FF4B2B',
-  tomateFundo: '#F23C1E',
-  tinta: '#120D0B',
-  papel: '#FFF3E2',
-  osso: '#FFD3C2',
-  sombra: '#B52410'
-};
-
-
-// ---------- fonte ----------
-// Nome de família com o prefixo do kit, pra não colidir com outro kit no mesmo estúdio.
-export const FONTE = "\"PC Anton\", Impact, 'Arial Narrow', sans-serif";
-export const MONO = "\"PC Plex Mono\", ui-monospace, Menlo, monospace";
-const fontes = [
-  {nome: 'PC Anton', url: fonte0Url, peso: '400', estilo: 'normal'},
-  {nome: 'PC Plex Mono', url: fonte1Url, peso: '500', estilo: 'normal'},
-];
-if (typeof document !== 'undefined' && !(globalThis as Record<string, unknown>).__cortepodcast) {
-  (globalThis as Record<string, unknown>).__cortepodcast = true;
-  for (const f of fontes) {
-    const h = delayRender('corte-podcast: ' + f.nome);
-    new FontFace(f.nome, `url(${f.url}) format('woff2')`, {weight: f.peso, style: f.estilo}).load()
-      .then((ff) => {document.fonts.add(ff); continueRender(h);})
-      .catch(() => continueRender(h));
-  }
-}
-
-// ---------- 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, parecida com cubic-bezier(.2,.8,.2,1) */
-export const e5 = (t: number) => 1 - Math.pow(1 - c01(t), 5);
-/** pouso com overshoot (passa 1.1x e volta), toda entrada usa esta */
-export const ov = (t: number) => { const x = c01(t) - 1; const k = 2.2; return 1 + (k + 1) * x * x * x + k * x * x; };
-export const lerp = (a: number, b: number, t: number) => a + (b - a) * t;
-/** uma batida da trilha do kit (100 bpm) em quadros */
-export const BATIDA = 18.0;
-
-// ---------- medida de texto ----------
-// Mede com canvas (só guarda no cache depois que a fonte carregou) pra encolher a linha que passaria
-// da largura útil. Nunca deixa palavra cortada.
-let canvas: HTMLCanvasElement | null = null;
-const cache = new Map<string, number>();
-export const larguraTexto = (texto: string, tamanho: number, peso = 400, trackingEm = -0.005, familia = 'PC Anton'): number => {
-  const chave = `${texto}|${tamanho}|${peso}|${trackingEm}|${familia}`;
-  const c = cache.get(chave); if (c !== undefined) return c;
-  if (typeof document === 'undefined') return texto.length * tamanho * 0.56;
-  canvas = canvas || document.createElement('canvas');
-  const ctx = canvas.getContext('2d'); if (!ctx) return texto.length * tamanho * 0.56;
-  const fonte = `${peso} ${tamanho}px "${familia}"`;
-  ctx.font = fonte;
-  const w = ctx.measureText(texto).width + texto.length * trackingEm * tamanho;
-  if (document.fonts.check(fonte)) cache.set(chave, w);
-  return w;
-};
-/** o maior tamanho até `tamanho` em que o texto cabe em `largura` */
-export const caber = (texto: string, tamanho: number, largura = LARGURA_UTIL, peso = 400, trackingEm = -0.005, familia = 'PC Anton') => {
-  const w = larguraTexto(texto, tamanho, peso, trackingEm, familia);
-  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, '');
-/** quebra "a *b* c" em partes {t, d}: d = destaque */
-export const partes = (t: string) => t.split(/(\*[^*]+\*)/).filter(Boolean).map((s) => s.startsWith('*') ? {t: s.slice(1, -1), d: true} : {t: s, d: false});
-/** número pseudo-aleatório estável 0..1 */
-export const rnd = (i: number) => { const x = Math.sin(i * 12.9898 + 4.1) * 43758.5453; return x - Math.floor(x); };
-export const SOMBRA_DURA = (px = 12) => `${px}px ${px}px 0 ${COR.tinta}`;

package/kits/corte-podcast/elementos/index.ts

@@ -1,15 +0,0 @@
-// Tudo que o kit corte-podcast 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 {OndaAudio} from './OndaAudio';
-export {CitacaoGrande} from './CitacaoGrande';
-export {CartaoConvidado} from './CartaoConvidado';
-export {LegendaKaraoke} from './LegendaKaraoke';
-export {BarraEpisodio} from './BarraEpisodio';
-export {SeloEpisodio} from './SeloEpisodio';
-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/corte-podcast/exemplos/plano.json

@@ -1,62 +0,0 @@
-{
-  "kit": "corte-podcast",
-  "roteiro": "exemplos/roteiro.md",
-  "duracao": 240,
-  "trilha": {"volume": 0.45},
-  "cenas": [
-    {
-      "batida": "gancho", "de": 0, "ate": 40, "entrada": "nenhuma",
-      "camadas": [
-        {"elemento": "OndaAudio", "props": {"y": 1150, "altura": 620, "inicio": 0, "pulsos": [18], "ritmo": 1.3}},
-        {"elemento": "SeloEpisodio", "props": {"numero": "87", "nome": "Papo Reto", "inicio": 4, "x": 800, "y": 340, "tamanho": 290}},
-        {"elemento": "CitacaoGrande", "props": {"linhas": ["O MAIOR", "*ERRO*"], "inicio": 8, "intervalo": 6, "y": 720, "tamanho": 250, "aspas": true}}
-      ],
-      "socos": [18],
-      "sons": [{"som": "whoosh-entra", "em": 0}, {"som": "pop-cartao", "em": 5}, {"som": "impacto", "em": 17}]
-    },
-    {
-      "batida": "citacao", "de": 40, "ate": 84, "entrada": "direita",
-      "camadas": [
-        {"elemento": "CitacaoGrande", "props": {"linhas": ["É COMEÇAR", "*GRANDE*", "DEMAIS."], "inicio": 2, "intervalo": 6, "y": 700, "tamanho": 220, "aspas": false}},
-        {"elemento": "OndaAudio", "props": {"y": 1230, "altura": 330, "inicio": 0, "pulsos": [14, 26], "ritmo": 1.6}}
-      ],
-      "socos": [14],
-      "sons": [{"som": "swoosh", "em": -1}, {"som": "pop-palavra", "em": 8}, {"som": "pop-cartao", "em": 14}, {"som": "impacto", "em": 20}]
-    },
-    {
-      "batida": "convidado", "de": 84, "ate": 126, "entrada": "esquerda",
-      "camadas": [
-        {"elemento": "CartaoConvidado", "props": {"nome": "Marina Costa", "cargo": "fundadora · Ateliê Verde", "iniciais": "MC", "inicio": 2, "y": 420}},
-        {"elemento": "LegendaKaraoke", "props": {"texto": "Comece pequeno, aprenda rápido.", "inicio": 10, "intervalo": 6, "y": 860, "tamanho": 128}},
-        {"elemento": "OndaAudio", "props": {"y": 1290, "altura": 250, "inicio": 4, "ritmo": 1.8}}
-      ],
-      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "clique", "em": 8}, {"som": "tick", "em": 16}, {"som": "tick", "em": 28}]
-    },
-    {
-      "batida": "onda", "de": 126, "ate": 168, "entrada": "subir",
-      "camadas": [
-        {"elemento": "OndaAudio", "props": {"y": 1120, "altura": 700, "inicio": 0, "pulsos": [8, 20], "ritmo": 1.2}},
-        {"elemento": "CitacaoGrande", "props": {"linhas": ["ERRE", "*RÁPIDO.*"], "inicio": 3, "intervalo": 8, "y": 640, "tamanho": 270, "aspas": false}}
-      ],
-      "socos": [8, 20],
-      "sons": [{"som": "swoosh", "em": -1}, {"som": "pop-palavra", "em": 5}, {"som": "impacto", "em": 12}]
-    },
-    {
-      "batida": "selo", "de": 168, "ate": 204, "entrada": "direita",
-      "camadas": [
-        {"elemento": "SeloEpisodio", "props": {"numero": "87", "nome": "Papo Reto", "inicio": 0, "x": 540, "y": 450, "tamanho": 460}},
-        {"elemento": "CitacaoGrande", "props": {"linhas": ["OUÇA O", "*EP 87*"], "inicio": 8, "intervalo": 6, "y": 960, "tamanho": 230, "aspas": false}}
-      ],
-      "socos": [8],
-      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "pop-cartao", "em": 3}, {"som": "pop-palavra", "em": 11}]
-    },
-    {
-      "batida": "cta", "de": 204, "ate": 240, "entrada": "esquerda",
-      "camadas": [
-        {"elemento": "LegendaKaraoke", "props": {"texto": "Papo Reto toda terça", "inicio": 2, "intervalo": 5, "y": 640, "tamanho": 190}},
-        {"elemento": "BarraEpisodio", "props": {"titulo": "EP 87 · Marina Costa", "de": 760, "ate": 790, "total": 2883, "inicio": 6, "y": 1190}}
-      ],
-      "sons": [{"som": "swoosh", "em": -1}, {"som": "clique", "em": 7}, {"som": "assinatura", "em": 12}]
-    }
-  ]
-}

package/kits/corte-podcast/exemplos/roteiro.md

@@ -1,20 +0,0 @@
-# Roteiro de demonstração · "Papo Reto" (podcast fictício)
-
-Pedido: *"um corte de 8 s do episódio 87 do Papo Reto, com a frase 'O maior erro é começar grande demais', a Marina Costa falando e um convite pra ouvir."*
-
-Sem narração: os cortes seguem a trilha (1 batida = 18 quadros).
-
-| # | batida | quadros | na tela | elemento | som |
-|---|---|---|---|---|---|
-| 1 | gancho | 0–40 | selo "87" + "O MAIOR / *ERRO*" sobre a onda | OndaAudio, SeloEpisodio, CitacaoGrande | whoosh, pop, impacto |
-| 2 | citacao | 40–84 | "É COMEÇAR / *GRANDE* / DEMAIS." | CitacaoGrande + OndaAudio de apoio | swoosh, pops, impacto |
-| 3 | convidado | 84–126 | crachá "Marina Costa" + "Comece pequeno, aprenda rápido." | CartaoConvidado, LegendaKaraoke, OndaAudio | whoosh, clique, ticks |
-| 4 | onda | 126–168 | "ERRE / *RÁPIDO.*" sobre a onda cheia | OndaAudio, CitacaoGrande | swoosh, pop, impacto |
-| 5 | selo | 168–204 | selo gigante + "OUÇA O / *EP 87*" | SeloEpisodio, CitacaoGrande | whoosh, pops |
-| 6 | cta | 204–240 | "Papo Reto toda terça" + player correndo | LegendaKaraoke, BarraEpisodio | swoosh, clique, assinatura |
-
-Como a IA chegou nisso:
-1. Cortou a frase em 3 pedaços (o erro, o jeito errado, o jeito certo) e marcou uma palavra-chave por linha.
-2. Pegou as batidas obrigatórias (gancho, citacao, convidado, cta) e duas opcionais (onda, selo) pra manter cena nova a cada ~1,2 s.
-3. Alternou a direção das entradas (direita, esquerda, subir) e a onda entre herói e apoio.
-4. O `preview.tsx` passa o plano para `Montagem`, que só usa os elementos do kit.

package/kits/corte-podcast/preview.tsx

@@ -1,9 +0,0 @@
-// Preview do kit: o vídeo de demonstração (8 s) montado SÓ com os elementos do kit, a partir de exemplos/plano.json.
-// O estúdio registra isto como `Kit-corte-podcast`.
-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: 34, Componente: Preview};

package/kits/corte-podcast/receita.json

@@ -1,21 +0,0 @@
-{
-  "kit": "corte-podcast", "fps": 30, "batida_trilha_quadros": 18,
-  "duracao_video_s": [6, 45],
-  "ordem_sugerida": ["gancho", "citacao", "convidado", "onda", "selo", "cta"],
-  "batidas": [
-    {"nome": "gancho", "obrigatoria": true, "duracao": [30, 48], "elementos": ["OndaAudio", "SeloEpisodio", "CitacaoGrande"], "entrada": ["nenhuma"], "sons": ["whoosh-entra", "pop-cartao", "impacto"], "nota": "onda herói + selo no canto + 1ª metade da frase, a palavra-chave com bloco preto cai no impacto."},
-    {"nome": "citacao", "obrigatoria": true, "duracao": [36, 72], "elementos": ["CitacaoGrande", "OndaAudio"], "entrada": ["direita", "subir"], "sons": ["swoosh", "pop-palavra", "impacto"], "nota": "2–3 linhas gigantes; onda de apoio embaixo com pulso na palavra de destaque."},
-    {"nome": "convidado", "obrigatoria": true, "duracao": [36, 60], "elementos": ["CartaoConvidado", "LegendaKaraoke", "OndaAudio"], "entrada": ["esquerda"], "sons": ["whoosh-entra", "clique", "tick"], "nota": "quem fala + a fala em karaokê. Sempre antes do CTA."},
-    {"nome": "onda", "obrigatoria": false, "duracao": [36, 54], "elementos": ["OndaAudio", "CitacaoGrande"], "entrada": ["subir"], "sons": ["swoosh", "pop-palavra", "impacto"], "nota": "a onda volta como herói; 1–2 palavras enormes (250–270 px)."},
-    {"nome": "selo", "obrigatoria": false, "duracao": [30, 48], "elementos": ["SeloEpisodio", "CitacaoGrande"], "entrada": ["direita"], "sons": ["whoosh-entra", "pop-cartao", "pop-palavra"], "nota": "selo grande (460) + chamada 'OUÇA O EP N'."},
-    {"nome": "cta", "obrigatoria": true, "duracao": [36, 72], "elementos": ["LegendaKaraoke", "BarraEpisodio"], "entrada": ["esquerda"], "sons": ["swoosh", "clique", "assinatura"], "nota": "sempre a última: dia/plataforma em karaokê + player que corre."}
-  ],
-  "transicoes": [
-    {"nome": "direita", "quadros": 9, "como": "entra 1080 px da direita com desfoque 10 px; a anterior sai 460 px para a esquerda"},
-    {"nome": "esquerda", "quadros": 9, "como": "espelho da direita"},
-    {"nome": "subir", "quadros": 9, "como": "entra 900 px de baixo"},
-    {"nome": "nenhuma", "quadros": 0, "como": "sem janela; usada só no gancho"}
-  ],
-  "camera": {"deriva": "sempre", "socos": "início de cada cena + palavra com bloco preto + pulso da onda"},
-  "trilha": {"arquivo": "assets/trilha/lofi-pulso-100bpm.mp3", "volume": 0.45, "com_narracao": 0.2}
-}

package/kits/corte-podcast/regras/area-segura.md

@@ -1,18 +0,0 @@
-# Área segura (9:16, 1080×1920)
-
-- Todo texto lido: **y 168–1330**, **x 80–1000**. A onda e o vinil podem sangrar para fora (são gráfico, não texto).
-- Largura útil de texto: 920 px.
-
-| elemento | y de referência (centro) |
-|---|---|
-| selo (canto) | 340 (tamanho 290) |
-| selo (herói da cena) | 450 (tamanho 460) |
-| crachá do convidado | 420 |
-| citação 2 linhas | 640–720 |
-| citação 3 linhas | 700 |
-| legenda karaokê | 620–880 |
-| onda herói | 1120–1150 (altura 620–700) |
-| onda de apoio | 1230–1250 (altura 300–330) |
-| player | 1190 (ocupa 1070–1310) |
-
-- Onda herói e citação não se tocam: o topo da onda fica 60 px abaixo da última linha de texto.

package/kits/corte-podcast/regras/cor.md

@@ -1,15 +0,0 @@
-# Cor
-
-| token | hex | uso |
-|---|---|---|
-| `tomate` | `#FF4B2B` | chão (topo do degradê) |
-| `tomateFundo` | `#F23C1E` | chão (base do degradê, `linear-gradient(180deg, tomate, tomateFundo)`) |
-| `tinta` | `#120D0B` | barras da onda, blocos, bordas, sombra dura, botão play |
-| `papel` | `#FFF3E2` | texto grande, cartões, selo |
-| `osso` | `#FFD3C2` | aspas gigantes (55% de opacidade), palavras que ainda vão ser ditas |
-| `sombra` | `#B52410` | calor na base: `radial-gradient(80% 28% at 50% 104%, sombra, transparent 70%)` |
-
-- Vinil de fundo: anéis em `tinta` a 7–12% de opacidade, traço 3 e 14 px, raio 380–830 px.
-- Sombra dura dos cartões: `14px 14px 0 tinta` (nunca blur). Borda: 7 px `tinta`.
-- O cliente pode trocar: `tomate` por outra cor viva (amarelo `#FFC700`, verde `#2BD96B`) mantendo `tinta` e `papel`. Não trocar `tinta`/`papel`.
-- Proibido: degradê roxo-azul, glow, qualquer 3ª cor viva na mesma cena.

package/kits/corte-podcast/regras/movimento.md

@@ -1,18 +0,0 @@
-# Movimento
-
-Curvas: `e5(t) = 1 − (1 − t)^5` (pouso longo) e `ov(t)` = pouso com overshoot (`1 + 3,2x³ + 2,2x²`, passa ≈ 1,1× e volta). **Toda entrada usa `ov`.**
-
-| movimento | duração | valores |
-|---|---|---|
-| barra da onda nasce | 16 quadros, defasagem 0,9/barra | altura 0 → alvo com overshoot |
-| onda respira | contínuo | `0,32 + 0,68·|sin(f·ritmo/(4+i%5) + i·1,7)|`, ritmo 1,2–1,8 |
-| pulso da onda | decai em 6 quadros | +22% de altura |
-| palavra da citação | 12 quadros, 5–8 de intervalo | sobe 80 px, escala 0,5 → 1, gira ±5° → 0 |
-| crachá do convidado | 16 quadros | entra −1200 px de x, gira −4° → −1,5° |
-| selo | 18 quadros | gira −200° → 8°, escala 0 → 1, depois +0,7°/quadro |
-| player | 16 quadros | sobe 420 px |
-| troca de cena | 9 quadros | `direita`/`esquerda` 1080 px, `subir` 900 px; a anterior sai 460 px e some |
-| câmera (sempre) | contínuo | zoom 1,02 ± 0,012 (+0,00012/quadro), deriva ±12/±10 px, giro ±0,29° |
-| soco de câmera | decai em ~7 quadros | +0,035 de zoom, tremor 10 px |
-
-- Nada fica parado: cena com mais de 45 quadros sem palavra nova leva um pulso de onda ou um soco.

package/kits/corte-podcast/regras/ritmo.md

@@ -1,16 +0,0 @@
-# Ritmo
-
-- 100 bpm: **1 batida = 18 quadros** (0,6 s). Cada troca de cena cai numa batida ou em meia batida (9).
-- Vídeo de 8 s = 240 quadros = 6 cenas.
-
-| batida | duração s | quadros |
-|---|---|---|
-| gancho | 1,0–1,6 | 30–48 |
-| citacao | 1,2–2,4 | 36–72 |
-| convidado | 1,2–2,0 | 36–60 |
-| onda | 1,2–1,8 | 36–54 |
-| selo | 1,0–1,6 | 30–48 |
-| cta | 1,2–2,4 | 36–72 |
-
-- Leitura mínima: **0,25 s por palavra** (7–8 quadros); a citação inteira fica 12 quadros parada no fim antes de sair.
-- Cena nova a cada 0,6–1,5 s. Palavras da citação a cada 5–8 quadros.

package/kits/corte-podcast/regras/som.md

@@ -1,20 +0,0 @@
-# Som
-
-- Trilha: `assets/trilha/lofi-pulso-100bpm.mp3` (8,6 s, 100 bpm, lofi com bateria), volume **0,45**, fade de saída nos últimos **20 quadros**. Vídeo maior: gere outra no MotionCraft (`music make --preset lofi-desk --bpm 100 --key E --force`), sem loop.
-- Com narração (o próprio corte já tem voz): trilha a **0,2** e efeitos a 60%.
-
-| som | volume | quando |
-|---|---|---|
-| `whoosh-entra` | 0,85 | entrada de cena (−1 quadro) |
-| `swoosh` | 0,9 | troca para cena que vem de lado |
-| `whoosh-sai` | 0,7 | saída grande (opcional) |
-| `pop-palavra` | 0,95 | palavra da citação |
-| `pop-cartao` | 0,9 | selo e crachá que pousam |
-| `tick` | 0,6 | palavra do karaokê (alternar com `pop-palavra`) |
-| `clique` | 0,8 | play / legenda começa |
-| `impacto` | 0,9 | palavra com bloco preto |
-| `subida` | 0,7 | 1,2 s antes do impacto da frase final (opcional) |
-| `assinatura` | 0,8 | CTA final |
-
-- No máximo **3 sons por segundo**; nunca o mesmo arquivo duas vezes seguidas. Som entra 1 a 2 quadros antes do visual.
-- Alvo −14 LUFS, pico −1,5 dBTP (o render nivela).

package/kits/corte-podcast/regras/tipografia.md

@@ -1,16 +0,0 @@
-# Tipografia
-
-- **Anton 400** (títulos, citação, nomes, números) · **IBM Plex Mono 500** (cargo, título de episódio, relógio). Registradas como `"PC Anton"` e `"PC Plex Mono"`.
-- Anton sempre em **caixa alta**, `line-height` 1,04 entre linhas, tracking −0,005 em.
-
-| papel | fonte | tamanho px | máx. caracteres por linha |
-|---|---|---|---|
-| citação (herói) | Anton | 170–270 | 12 |
-| legenda karaokê | Anton | 96–160 | 14 por linha |
-| nome do convidado | Anton | 88 | 16 |
-| número do selo | Anton | 118 (no selo de 340) | 3 |
-| cargo / título do episódio | Plex Mono | 34–38 | 34 |
-| relógio | Plex Mono | 36 | 5 |
-
-- Texto que não cabe em 920 px **encolhe** (função `caber`), nunca quebra palavra.
-- Bloco de marca-texto: padding `0.02em 0.12em 0`, raio `0,1em`, uma palavra por linha.