primocode 10.17.1 → 11.0.0

package/kits/aurora/elementos/Legenda.tsx

@@ -0,0 +1,23 @@
+// 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

@@ -0,0 +1,68 @@
+// 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

@@ -0,0 +1,24 @@
+// 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

@@ -0,0 +1,33 @@
+// 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

@@ -0,0 +1,36 @@
+// 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

@@ -0,0 +1,93 @@
+// 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

@@ -0,0 +1,16 @@
+// 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

@@ -0,0 +1 @@
+<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>

package/kits/aurora/exemplos/plano.json

@@ -0,0 +1,204 @@
+{
+ "kit": "aurora",
+ "roteiro": "exemplos/roteiro.md",
+ "duracao": 240,
+ "trilha": {
+  "volume": 0.5
+ },
+ "cenas": [
+  {
+   "batida": "gancho",
+   "de": 0,
+   "ate": 48,
+   "entrada": "nenhuma",
+   "camadas": [
+    {
+     "elemento": "CeuEstrelado",
+     "props": {
+      "quantidade": 80
+     }
+    },
+    {
+     "elemento": "CortinaDeLuz",
+     "props": {
+      "base": 1180,
+      "altura": 840,
+      "inicio": 0
+     }
+    },
+    {
+     "elemento": "Legenda",
+     "props": {
+      "texto": "uma noite só",
+      "y": 1290,
+      "inicio": 20
+     }
+    }
+   ],
+   "socos": [
+    28
+   ],
+   "sons": [
+    {
+     "som": "subida",
+     "em": 0
+    },
+    {
+     "som": "brilho",
+     "em": 30
+    },
+    {
+     "som": "toque",
+     "em": 24
+    }
+   ]
+  },
+  {
+   "batida": "virada",
+   "de": 48,
+   "ate": 96,
+   "entrada": "subir",
+   "camadas": [
+    {
+     "elemento": "Montanhas",
+     "props": {
+      "topo": 1500
+     }
+    },
+    {
+     "elemento": "TituloSerif",
+     "props": {
+      "linhas": [
+       "Onde a noite",
+       "*acende.*"
+      ],
+      "y": 640,
+      "tamanho": 240,
+      "inicio": 6,
+      "intervalo": 12
+     }
+    }
+   ],
+   "socos": [
+    2
+   ],
+   "sons": [
+    {
+     "som": "onda",
+     "em": -1
+    },
+    {
+     "som": "brilho",
+     "em": 28
+    }
+   ]
+  },
+  {
+   "batida": "prova",
+   "de": 96,
+   "ate": 144,
+   "entrada": "subir",
+   "camadas": [
+    {
+     "elemento": "CeuEstrelado",
+     "props": {
+      "quantidade": 70,
+      "meteoro": 20
+     }
+    },
+    {
+     "elemento": "CartaoVidro",
+     "props": {
+      "grande": "7",
+      "legenda": "cabanas no céu aberto",
+      "y": 700,
+      "inicio": 4
+     }
+    }
+   ],
+   "socos": [
+    4
+   ],
+   "sons": [
+    {
+     "som": "sino",
+     "em": 6
+    },
+    {
+     "som": "meteoro",
+     "em": 20
+    }
+   ]
+  },
+  {
+   "batida": "data",
+   "de": 144,
+   "ate": 186,
+   "entrada": "subir",
+   "camadas": [
+    {
+     "elemento": "CartaoVidro",
+     "props": {
+      "grande": "3 dez",
+      "legenda": "reservas abrem",
+      "y": 700,
+      "inicio": 2,
+      "tamanho": 280
+     }
+    }
+   ],
+   "socos": [
+    2
+   ],
+   "sons": [
+    {
+     "som": "sino",
+     "em": 4
+    },
+    {
+     "som": "toque",
+     "em": 18
+    }
+   ]
+  },
+  {
+   "batida": "marca",
+   "de": 186,
+   "ate": 240,
+   "entrada": "subir",
+   "camadas": [
+    {
+     "elemento": "Montanhas",
+     "props": {
+      "topo": 1500
+     }
+    },
+    {
+     "elemento": "AssinaturaMarca",
+     "props": {
+      "logo": "logo-boreal.svg",
+      "nome": "refúgio boreal",
+      "endereco": "refugioboreal.exemplo",
+      "inicio": 2
+     }
+    }
+   ],
+   "socos": [
+    2
+   ],
+   "sons": [
+    {
+     "som": "assinatura",
+     "em": 4
+    },
+    {
+     "som": "toque",
+     "em": 40
+    }
+   ]
+  }
+ ],
+ "fundo": {
+  "intensidade": 0.62
+ }
+}

package/kits/aurora/exemplos/roteiro.md

@@ -0,0 +1,19 @@
+# Roteiro de demonstração · "Refúgio Boreal" (cabanas fictícias)
+
+Pedido: *"um reels de 8 s anunciando o Refúgio Boreal, cabanas para ver a aurora, 7 cabanas, reservas abrem dia 3 de dezembro. Estilo aurora, calmo."*
+
+Sem narração: os cortes seguem a trilha (1 batida = 20.4545 quadros).
+
+| # | batida | tempo (quadros) | na tela | elemento | som |
+|---|---|---|---|---|---|
+| 1 | gancho | 0–48 | cortina de luz sobe + rótulo "uma noite só" | CortinaDeLuz + Legenda | subida, brilho |
+| 2 | virada | 48–96 | "Onde a noite / acende." | TituloSerif + Montanhas | onda, brilho |
+| 3 | prova | 96–144 | cartão de vidro "7" + "cabanas" | CartaoVidro | sino, meteoro |
+| 4 | data | 144–186 | cartão "3 dez" + rótulo "reservas abrem" | CartaoVidro + Legenda | sino, toque |
+| 5 | marca | 186–240 | logo + "refúgio boreal" + "refugioboreal.exemplo" | AssinaturaMarca + Montanhas | assinatura, toque |
+
+Como a IA chegou nisso:
+1. Cortou o pedido em: abertura, frase, quantidade, data.
+2. Pegou as batidas obrigatórias e deixou 40% de ar em cada cena, com uma ideia só.
+3. Usou entradas lentas (24 quadros) e uma pausa longa depois de cada frase.
+4. Escreveu `plano.json`; o `preview.tsx` passa o plano para `Montagem`.

package/kits/aurora/preview.tsx

@@ -0,0 +1,12 @@
+// 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-aurora`.
+import React from 'react';
+import {Montagem, Plano} from './elementos';
+import plano from './exemplos/plano.json';
+import l0 from './exemplos/logo-boreal.svg';
+
+const arquivos: Record<string, string> = {'logo-boreal.svg': l0};
+
+const Preview: React.FC = () => <Montagem plano={plano as Plano} arquivos={arquivos} />;
+
+export const preview = {duracaoEmQuadros: plano.duracao, quadroCapa: 120, Componente: Preview};