@contractspec/lib.video-gen 2.7.5 → 2.7.7

package/dist/browser/index.js

@@ -53,6 +53,109 @@ var defaultVideoTheme = {
   video: defaultVideoColors
 };
 
+// src/design/typography.ts
+var videoTypography = {
+  title: {
+    fontSize: 72,
+    lineHeight: 1.1,
+    fontWeight: 700,
+    letterSpacing: -1
+  },
+  heading: {
+    fontSize: 56,
+    lineHeight: 1.2,
+    fontWeight: 600,
+    letterSpacing: -0.5
+  },
+  subheading: {
+    fontSize: 40,
+    lineHeight: 1.25,
+    fontWeight: 500
+  },
+  body: {
+    fontSize: 32,
+    lineHeight: 1.5,
+    fontWeight: 400
+  },
+  code: {
+    fontSize: 28,
+    lineHeight: 1.6,
+    fontWeight: 400
+  },
+  caption: {
+    fontSize: 24,
+    lineHeight: 1.4,
+    fontWeight: 400
+  },
+  label: {
+    fontSize: 20,
+    lineHeight: 1.3,
+    fontWeight: 600,
+    letterSpacing: 1
+  }
+};
+function scaleTypography(style, targetWidth) {
+  const scale = targetWidth / 1920;
+  return {
+    ...style,
+    fontSize: Math.round(style.fontSize * scale),
+    letterSpacing: style.letterSpacing ? Math.round(style.letterSpacing * scale * 10) / 10 : undefined
+  };
+}
+
+// src/compositions/primitives/animated-text.tsx
+import { interpolate, useCurrentFrame, useVideoConfig } from "remotion";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var AnimatedText = ({
+  text,
+  variant = "body",
+  style: styleOverride,
+  enterAt = 0,
+  exitAt,
+  color = "#ffffff",
+  align = "left"
+}) => {
+  const frame = useCurrentFrame();
+  const { width } = useVideoConfig();
+  const baseStyle = videoTypography[variant];
+  const scaled = scaleTypography(baseStyle, width);
+  const finalStyle = { ...scaled, ...styleOverride };
+  const enterProgress = interpolate(frame, [enterAt, enterAt + videoDurations.textEntrance], [0, 1], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
+  const enterOpacity = interpolate(enterProgress, [0, 1], [0, 1], {
+    easing: videoEasing.entrance
+  });
+  const enterTranslateY = interpolate(enterProgress, [0, 1], [30, 0], {
+    easing: videoEasing.entrance
+  });
+  let exitOpacity = 1;
+  let exitTranslateY = 0;
+  if (exitAt !== undefined) {
+    const exitProgress = interpolate(frame, [exitAt, exitAt + videoDurations.textExit], [0, 1], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
+    exitOpacity = interpolate(exitProgress, [0, 1], [1, 0], {
+      easing: videoEasing.exit
+    });
+    exitTranslateY = interpolate(exitProgress, [0, 1], [0, -20], {
+      easing: videoEasing.exit
+    });
+  }
+  const opacity = enterOpacity * exitOpacity;
+  const translateY = enterTranslateY + exitTranslateY;
+  return /* @__PURE__ */ jsxDEV("div", {
+    style: {
+      fontSize: finalStyle.fontSize,
+      lineHeight: finalStyle.lineHeight,
+      fontWeight: finalStyle.fontWeight,
+      letterSpacing: finalStyle.letterSpacing,
+      color,
+      textAlign: align,
+      opacity,
+      transform: `translateY(${translateY}px)`,
+      willChange: "opacity, transform"
+    },
+    children: text
+  }, undefined, false, undefined, this);
+};
+
 // src/design/layouts.ts
 import { VIDEO_FORMATS } from "@contractspec/lib.contracts-integrations/integrations/providers/video";
 var DEFAULT_FPS = 30;
@@ -89,8 +192,8 @@ function getAllFormatVariants() {
 }
 
 // src/compositions/primitives/brand-frame.tsx
-import { interpolate, useCurrentFrame, useVideoConfig } from "remotion";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { interpolate as interpolate2, useCurrentFrame as useCurrentFrame2, useVideoConfig as useVideoConfig2 } from "remotion";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 var BrandFrame = ({
   styleOverrides,
   showBranding = true,
@@ -98,8 +201,8 @@ var BrandFrame = ({
   variant = "gradient",
   children
 }) => {
-  const frame = useCurrentFrame();
-  const { width, height } = useVideoConfig();
+  const frame = useCurrentFrame2();
+  const { width, height } = useVideoConfig2();
   const theme = defaultVideoTheme;
   const safeZone = scaleSafeZone({ type: "custom", width, height });
   const primaryColor = styleOverrides?.primaryColor ?? theme.colors.primary;
@@ -117,16 +220,16 @@ var BrandFrame = ({
       background = "#000000";
       break;
   }
-  const entranceOpacity = animateEntrance ? interpolate(frame, [0, 15], [0, 1], {
+  const entranceOpacity = animateEntrance ? interpolate2(frame, [0, 15], [0, 1], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp",
     easing: videoEasing.entrance
   }) : 1;
-  const brandOpacity = showBranding ? interpolate(frame, [videoDurations.brandReveal, videoDurations.brandReveal + 15], [0, 0.3], {
+  const brandOpacity = showBranding ? interpolate2(frame, [videoDurations.brandReveal, videoDurations.brandReveal + 15], [0, 0.3], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
   }) : 0;
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxDEV2("div", {
     style: {
       width,
       height,
@@ -136,7 +239,7 @@ var BrandFrame = ({
       opacity: entranceOpacity
     },
     children: [
-      variant === "gradient" && /* @__PURE__ */ jsxDEV("div", {
+      variant === "gradient" && /* @__PURE__ */ jsxDEV2("div", {
         style: {
           position: "absolute",
           top: "-20%",
@@ -148,7 +251,7 @@ var BrandFrame = ({
           pointerEvents: "none"
         }
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsxDEV2("div", {
         style: {
           position: "absolute",
           left: safeZone.horizontal,
@@ -160,7 +263,7 @@ var BrandFrame = ({
         },
         children
       }, undefined, false, undefined, this),
-      showBranding && /* @__PURE__ */ jsxDEV("div", {
+      showBranding && /* @__PURE__ */ jsxDEV2("div", {
         style: {
           position: "absolute",
           bottom: safeZone.vertical / 2,
@@ -177,109 +280,6 @@ var BrandFrame = ({
   }, undefined, true, undefined, this);
 };
 
-// src/design/typography.ts
-var videoTypography = {
-  title: {
-    fontSize: 72,
-    lineHeight: 1.1,
-    fontWeight: 700,
-    letterSpacing: -1
-  },
-  heading: {
-    fontSize: 56,
-    lineHeight: 1.2,
-    fontWeight: 600,
-    letterSpacing: -0.5
-  },
-  subheading: {
-    fontSize: 40,
-    lineHeight: 1.25,
-    fontWeight: 500
-  },
-  body: {
-    fontSize: 32,
-    lineHeight: 1.5,
-    fontWeight: 400
-  },
-  code: {
-    fontSize: 28,
-    lineHeight: 1.6,
-    fontWeight: 400
-  },
-  caption: {
-    fontSize: 24,
-    lineHeight: 1.4,
-    fontWeight: 400
-  },
-  label: {
-    fontSize: 20,
-    lineHeight: 1.3,
-    fontWeight: 600,
-    letterSpacing: 1
-  }
-};
-function scaleTypography(style, targetWidth) {
-  const scale = targetWidth / 1920;
-  return {
-    ...style,
-    fontSize: Math.round(style.fontSize * scale),
-    letterSpacing: style.letterSpacing ? Math.round(style.letterSpacing * scale * 10) / 10 : undefined
-  };
-}
-
-// src/compositions/primitives/animated-text.tsx
-import { interpolate as interpolate2, useCurrentFrame as useCurrentFrame2, useVideoConfig as useVideoConfig2 } from "remotion";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-var AnimatedText = ({
-  text,
-  variant = "body",
-  style: styleOverride,
-  enterAt = 0,
-  exitAt,
-  color = "#ffffff",
-  align = "left"
-}) => {
-  const frame = useCurrentFrame2();
-  const { width } = useVideoConfig2();
-  const baseStyle = videoTypography[variant];
-  const scaled = scaleTypography(baseStyle, width);
-  const finalStyle = { ...scaled, ...styleOverride };
-  const enterProgress = interpolate2(frame, [enterAt, enterAt + videoDurations.textEntrance], [0, 1], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
-  const enterOpacity = interpolate2(enterProgress, [0, 1], [0, 1], {
-    easing: videoEasing.entrance
-  });
-  const enterTranslateY = interpolate2(enterProgress, [0, 1], [30, 0], {
-    easing: videoEasing.entrance
-  });
-  let exitOpacity = 1;
-  let exitTranslateY = 0;
-  if (exitAt !== undefined) {
-    const exitProgress = interpolate2(frame, [exitAt, exitAt + videoDurations.textExit], [0, 1], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
-    exitOpacity = interpolate2(exitProgress, [0, 1], [1, 0], {
-      easing: videoEasing.exit
-    });
-    exitTranslateY = interpolate2(exitProgress, [0, 1], [0, -20], {
-      easing: videoEasing.exit
-    });
-  }
-  const opacity = enterOpacity * exitOpacity;
-  const translateY = enterTranslateY + exitTranslateY;
-  return /* @__PURE__ */ jsxDEV2("div", {
-    style: {
-      fontSize: finalStyle.fontSize,
-      lineHeight: finalStyle.lineHeight,
-      fontWeight: finalStyle.fontWeight,
-      letterSpacing: finalStyle.letterSpacing,
-      color,
-      textAlign: align,
-      opacity,
-      transform: `translateY(${translateY}px)`,
-      willChange: "opacity, transform"
-    },
-    children: text
-  }, undefined, false, undefined, this);
-};
-
 // src/compositions/primitives/code-block.tsx
 import { interpolate as interpolate3, useCurrentFrame as useCurrentFrame3, useVideoConfig as useVideoConfig3 } from "remotion";
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
@@ -435,8 +435,8 @@ var ProgressBar = ({
 // src/compositions/api-overview.tsx
 import {
   AbsoluteFill,
-  Sequence,
   interpolate as interpolate4,
+  Sequence,
   useCurrentFrame as useCurrentFrame5,
   useVideoConfig as useVideoConfig5
 } from "remotion";
@@ -858,8 +858,8 @@ function getTransitionStyles(type, progress) {
 // src/compositions/social-clip.tsx
 import {
   AbsoluteFill as AbsoluteFill2,
-  Sequence as Sequence2,
   interpolate as interpolate7,
+  Sequence as Sequence2,
   useCurrentFrame as useCurrentFrame8,
   useVideoConfig as useVideoConfig7
 } from "remotion";
@@ -1270,54 +1270,54 @@ Prioritize clarity and pacing. Each scene should communicate one idea.`,
   }
 });
 
-// src/i18n/catalogs/fr.ts
+// src/i18n/catalogs/es.ts
 import { defineTranslation as defineTranslation2 } from "@contractspec/lib.contracts-spec/translations";
-var frMessages = defineTranslation2({
+var esMessages = defineTranslation2({
   meta: {
     key: "video-gen.messages",
     version: "1.0.0",
     domain: "video-gen",
-    description: "French translations for the video-gen package",
+    description: "Spanish translations for the video-gen package",
     owners: ["platform"],
     stability: "experimental"
   },
-  locale: "fr",
+  locale: "es",
   fallback: "en",
   messages: {
     "prompt.script.system": {
-      value: `Vous êtes un rédacteur de scripts de narration vidéo.
-Écrivez un script de narration pour une courte vidéo (30-60 secondes).
+      value: `Eres un redactor de guiones de narración para vídeo.
+Escribe un guión de narración para un vídeo corto (30-60 segundos).
 {styleGuide}
 
-Retournez du JSON avec la forme :
+Devuelve JSON con la forma:
 {
   "segments": [{ "sceneId": string, "text": string }],
   "fullText": string
 }
 
-Les identifiants de scène doivent être : "intro", "problems", "solutions", "metrics", "cta".
-N'incluez que les segments pertinents au brief.`,
+Los identificadores de escena deben ser: "intro", "problems", "solutions", "metrics", "cta".
+Incluye solo los segmentos relevantes para el brief.`,
       description: "Script generator LLM system prompt",
       placeholders: [{ name: "styleGuide", type: "string" }]
     },
     "prompt.scenePlanner.system": {
-      value: `Vous êtes un planificateur de scènes vidéo pour les vidéos marketing/documentation de ContractSpec.
-À partir d'un brief, décomposez-le en scènes vidéo.
+      value: `Eres un planificador de escenas de vídeo para vídeos de marketing/documentación de ContractSpec.
+Dado un brief de contenido, divídelo en escenas de vídeo.
 
-Chaque scène doit avoir :
-- compositionId : un parmi "ApiOverview", "SocialClip", "TerminalDemo"
-- props : les propriétés d'entrée de cette composition
-- durationInFrames : durée à {fps} fps
-- narrationText : ce que le narrateur dit pendant cette scène
+Cada escena debe tener:
+- compositionId: uno de "ApiOverview", "SocialClip", "TerminalDemo"
+- props: las propiedades de entrada de esa composición
+- durationInFrames: duración a {fps} fps
+- narrationText: lo que dice el narrador durante esta escena
 
-Retournez un objet JSON avec la forme :
+Devuelve un objeto JSON con la forma:
 {
   "scenes": [{ "compositionId": string, "props": object, "durationInFrames": number, "narrationText": string }],
   "narrationScript": string
 }
 
-Gardez la durée totale autour de {targetSeconds} secondes.
-Privilégiez la clarté et le rythme. Chaque scène doit communiquer une idée.`,
+Mantén la duración total alrededor de {targetSeconds} segundos.
+Prioriza la claridad y el ritmo. Cada escena debe comunicar una idea.`,
       description: "Scene planner LLM system prompt",
       placeholders: [
         { name: "fps", type: "number" },
@@ -1325,64 +1325,64 @@ Privilégiez la clarté et le rythme. Chaque scène doit communiquer une idée.`
       ]
     },
     "prompt.style.professional": {
-      value: "Utilisez un ton clair, autoritaire et professionnel. Soyez concis et direct.",
+      value: "Usa un tono claro, autoritario y profesional. Sé conciso y directo.",
       description: "Style guide for professional narration"
     },
     "prompt.style.casual": {
-      value: "Utilisez un ton amical et conversationnel. Soyez accessible et proche.",
+      value: "Usa un tono amigable y conversacional. Sé accesible y cercano.",
       description: "Style guide for casual narration"
     },
     "prompt.style.technical": {
-      value: "Utilisez un langage technique précis. Soyez détaillé et exact.",
+      value: "Usa un lenguaje técnico preciso. Sé detallado y exacto.",
       description: "Style guide for technical narration"
     },
     "script.segment.challenge": {
-      value: "Le défi : {content}",
+      value: "El desafío: {content}",
       description: "Narration segment prefix for problems",
       placeholders: [{ name: "content", type: "string" }]
     },
     "script.segment.solution": {
-      value: "La solution : {content}",
+      value: "La solución: {content}",
       description: "Narration segment prefix for solutions",
       placeholders: [{ name: "content", type: "string" }]
     },
     "script.segment.results": {
-      value: "Les résultats : {content}",
+      value: "Los resultados: {content}",
       description: "Narration segment prefix for metrics",
       placeholders: [{ name: "content", type: "string" }]
     },
     "scene.cta.default": {
-      value: "En savoir plus",
+      value: "Más información",
       description: "Default call-to-action text for scenes"
     },
     "scene.hook.problem": {
-      value: "Le problème",
+      value: "El problema",
       description: "Scene hook label for problem statement"
     },
     "scene.narration.problem": {
-      value: "Le problème : {content}",
+      value: "El problema: {content}",
       description: "Scene narration for problem statement",
       placeholders: [{ name: "content", type: "string" }]
     },
     "scene.hook.solution": {
-      value: "La solution",
+      value: "La solución",
       description: "Scene hook label for solution"
     },
     "scene.narration.solution": {
-      value: "La solution : {content}",
+      value: "La solución: {content}",
       description: "Scene narration for solution",
       placeholders: [{ name: "content", type: "string" }]
     },
     "scene.hook.results": {
-      value: "Résultats",
+      value: "Resultados",
       description: "Scene hook label for results/metrics"
     },
     "composition.apiOverview.generates": {
-      value: "Génère :",
+      value: "Genera:",
       description: "ApiOverview heading for generated outputs"
     },
     "composition.apiOverview.tagline": {
-      value: "Un spec. Toutes les surfaces.",
+      value: "Una spec. Todas las superficies.",
       description: "ApiOverview default tagline"
     },
     "composition.apiOverview.output.rest": {
@@ -1390,11 +1390,11 @@ Privilégiez la clarté et le rythme. Chaque scène doit communiquer une idée.`
       description: "Generated output label: REST"
     },
     "composition.apiOverview.output.graphql": {
-      value: "Mutation GraphQL",
+      value: "Mutación GraphQL",
       description: "Generated output label: GraphQL"
     },
     "composition.apiOverview.output.prisma": {
-      value: "Modèle Prisma",
+      value: "Modelo Prisma",
       description: "Generated output label: Prisma"
     },
     "composition.apiOverview.output.typescript": {
@@ -1402,7 +1402,7 @@ Privilégiez la clarté et le rythme. Chaque scène doit communiquer une idée.`
       description: "Generated output label: TypeScript SDK"
     },
     "composition.apiOverview.output.mcp": {
-      value: "Outil MCP",
+      value: "Herramienta MCP",
       description: "Generated output label: MCP Tool"
     },
     "composition.apiOverview.output.openapi": {
@@ -1410,7 +1410,7 @@ Privilégiez la clarté et le rythme. Chaque scène doit communiquer une idée.`
       description: "Generated output label: OpenAPI"
     },
     "composition.socialClip.cta": {
-      value: "En savoir plus",
+      value: "Más información",
       description: "SocialClip default CTA"
     },
     "composition.terminal.title": {
@@ -1420,54 +1420,54 @@ Privilégiez la clarté et le rythme. Chaque scène doit communiquer une idée.`
   }
 });
 
-// src/i18n/catalogs/es.ts
+// src/i18n/catalogs/fr.ts
 import { defineTranslation as defineTranslation3 } from "@contractspec/lib.contracts-spec/translations";
-var esMessages = defineTranslation3({
+var frMessages = defineTranslation3({
   meta: {
     key: "video-gen.messages",
     version: "1.0.0",
     domain: "video-gen",
-    description: "Spanish translations for the video-gen package",
+    description: "French translations for the video-gen package",
     owners: ["platform"],
     stability: "experimental"
   },
-  locale: "es",
+  locale: "fr",
   fallback: "en",
   messages: {
     "prompt.script.system": {
-      value: `Eres un redactor de guiones de narración para vídeo.
-Escribe un guión de narración para un vídeo corto (30-60 segundos).
+      value: `Vous êtes un rédacteur de scripts de narration vidéo.
+Écrivez un script de narration pour une courte vidéo (30-60 secondes).
 {styleGuide}
 
-Devuelve JSON con la forma:
+Retournez du JSON avec la forme :
 {
   "segments": [{ "sceneId": string, "text": string }],
   "fullText": string
 }
 
-Los identificadores de escena deben ser: "intro", "problems", "solutions", "metrics", "cta".
-Incluye solo los segmentos relevantes para el brief.`,
+Les identifiants de scène doivent être : "intro", "problems", "solutions", "metrics", "cta".
+N'incluez que les segments pertinents au brief.`,
       description: "Script generator LLM system prompt",
       placeholders: [{ name: "styleGuide", type: "string" }]
     },
     "prompt.scenePlanner.system": {
-      value: `Eres un planificador de escenas de vídeo para vídeos de marketing/documentación de ContractSpec.
-Dado un brief de contenido, divídelo en escenas de vídeo.
+      value: `Vous êtes un planificateur de scènes vidéo pour les vidéos marketing/documentation de ContractSpec.
+À partir d'un brief, décomposez-le en scènes vidéo.
 
-Cada escena debe tener:
-- compositionId: uno de "ApiOverview", "SocialClip", "TerminalDemo"
-- props: las propiedades de entrada de esa composición
-- durationInFrames: duración a {fps} fps
-- narrationText: lo que dice el narrador durante esta escena
+Chaque scène doit avoir :
+- compositionId : un parmi "ApiOverview", "SocialClip", "TerminalDemo"
+- props : les propriétés d'entrée de cette composition
+- durationInFrames : durée à {fps} fps
+- narrationText : ce que le narrateur dit pendant cette scène
 
-Devuelve un objeto JSON con la forma:
+Retournez un objet JSON avec la forme :
 {
   "scenes": [{ "compositionId": string, "props": object, "durationInFrames": number, "narrationText": string }],
   "narrationScript": string
 }
 
-Mantén la duración total alrededor de {targetSeconds} segundos.
-Prioriza la claridad y el ritmo. Cada escena debe comunicar una idea.`,
+Gardez la durée totale autour de {targetSeconds} secondes.
+Privilégiez la clarté et le rythme. Chaque scène doit communiquer une idée.`,
       description: "Scene planner LLM system prompt",
       placeholders: [
         { name: "fps", type: "number" },
@@ -1475,64 +1475,64 @@ Prioriza la claridad y el ritmo. Cada escena debe comunicar una idea.`,
       ]
     },
     "prompt.style.professional": {
-      value: "Usa un tono claro, autoritario y profesional. Sé conciso y directo.",
+      value: "Utilisez un ton clair, autoritaire et professionnel. Soyez concis et direct.",
       description: "Style guide for professional narration"
     },
     "prompt.style.casual": {
-      value: "Usa un tono amigable y conversacional. Sé accesible y cercano.",
+      value: "Utilisez un ton amical et conversationnel. Soyez accessible et proche.",
       description: "Style guide for casual narration"
     },
     "prompt.style.technical": {
-      value: "Usa un lenguaje técnico preciso. Sé detallado y exacto.",
+      value: "Utilisez un langage technique précis. Soyez détaillé et exact.",
       description: "Style guide for technical narration"
     },
     "script.segment.challenge": {
-      value: "El desafío: {content}",
+      value: "Le défi : {content}",
       description: "Narration segment prefix for problems",
       placeholders: [{ name: "content", type: "string" }]
     },
     "script.segment.solution": {
-      value: "La solución: {content}",
+      value: "La solution : {content}",
       description: "Narration segment prefix for solutions",
       placeholders: [{ name: "content", type: "string" }]
     },
     "script.segment.results": {
-      value: "Los resultados: {content}",
+      value: "Les résultats : {content}",
       description: "Narration segment prefix for metrics",
       placeholders: [{ name: "content", type: "string" }]
     },
     "scene.cta.default": {
-      value: "Más información",
+      value: "En savoir plus",
       description: "Default call-to-action text for scenes"
     },
     "scene.hook.problem": {
-      value: "El problema",
+      value: "Le problème",
       description: "Scene hook label for problem statement"
     },
     "scene.narration.problem": {
-      value: "El problema: {content}",
+      value: "Le problème : {content}",
       description: "Scene narration for problem statement",
       placeholders: [{ name: "content", type: "string" }]
     },
     "scene.hook.solution": {
-      value: "La solución",
+      value: "La solution",
       description: "Scene hook label for solution"
     },
     "scene.narration.solution": {
-      value: "La solución: {content}",
+      value: "La solution : {content}",
       description: "Scene narration for solution",
       placeholders: [{ name: "content", type: "string" }]
     },
     "scene.hook.results": {
-      value: "Resultados",
+      value: "Résultats",
       description: "Scene hook label for results/metrics"
     },
     "composition.apiOverview.generates": {
-      value: "Genera:",
+      value: "Génère :",
       description: "ApiOverview heading for generated outputs"
     },
     "composition.apiOverview.tagline": {
-      value: "Una spec. Todas las superficies.",
+      value: "Un spec. Toutes les surfaces.",
       description: "ApiOverview default tagline"
     },
     "composition.apiOverview.output.rest": {
@@ -1540,11 +1540,11 @@ Prioriza la claridad y el ritmo. Cada escena debe comunicar una idea.`,
       description: "Generated output label: REST"
     },
     "composition.apiOverview.output.graphql": {
-      value: "Mutación GraphQL",
+      value: "Mutation GraphQL",
       description: "Generated output label: GraphQL"
     },
     "composition.apiOverview.output.prisma": {
-      value: "Modelo Prisma",
+      value: "Modèle Prisma",
       description: "Generated output label: Prisma"
     },
     "composition.apiOverview.output.typescript": {
@@ -1552,7 +1552,7 @@ Prioriza la claridad y el ritmo. Cada escena debe comunicar una idea.`,
       description: "Generated output label: TypeScript SDK"
     },
     "composition.apiOverview.output.mcp": {
-      value: "Herramienta MCP",
+      value: "Outil MCP",
       description: "Generated output label: MCP Tool"
     },
     "composition.apiOverview.output.openapi": {
@@ -1560,7 +1560,7 @@ Prioriza la claridad y el ritmo. Cada escena debe comunicar una idea.`,
       description: "Generated output label: OpenAPI"
     },
     "composition.socialClip.cta": {
-      value: "Más información",
+      value: "En savoir plus",
       description: "SocialClip default CTA"
     },
     "composition.terminal.title": {
@@ -1570,26 +1570,6 @@ Prioriza la claridad y el ritmo. Cada escena debe comunicar una idea.`,
   }
 });
 
-// src/i18n/messages.ts
-import {
-  createI18nFactory
-} from "@contractspec/lib.contracts-spec/translations";
-var factory = createI18nFactory({
-  specKey: "video-gen.messages",
-  catalogs: [enMessages, frMessages, esMessages]
-});
-var createVideoGenI18n = factory.create;
-var getDefaultI18n = factory.getDefault;
-var resetI18nRegistry = factory.resetRegistry;
-
-// src/i18n/locale.ts
-import {
-  DEFAULT_LOCALE,
-  SUPPORTED_LOCALES,
-  resolveLocale,
-  isSupportedLocale
-} from "@contractspec/lib.contracts-spec/translations";
-
 // src/i18n/keys.ts
 var PROMPT_KEYS = {
   "prompt.script.system": "prompt.script.system",
@@ -1629,6 +1609,26 @@ var I18N_KEYS = {
   ...SCENE_KEYS,
   ...COMPOSITION_KEYS
 };
+
+// src/i18n/locale.ts
+import {
+  DEFAULT_LOCALE,
+  isSupportedLocale,
+  resolveLocale,
+  SUPPORTED_LOCALES
+} from "@contractspec/lib.contracts-spec/translations";
+
+// src/i18n/messages.ts
+import {
+  createI18nFactory
+} from "@contractspec/lib.contracts-spec/translations";
+var factory = createI18nFactory({
+  specKey: "video-gen.messages",
+  catalogs: [enMessages, frMessages, esMessages]
+});
+var createVideoGenI18n = factory.create;
+var getDefaultI18n = factory.getDefault;
+var resetI18nRegistry = factory.resetRegistry;
 // src/generators/scene-planner.ts
 class ScenePlanner {
   llm;
@@ -1917,9 +1917,6 @@ function generateProjectId() {
   const random = Math.random().toString(36).slice(2, 8);
   return `vp_${timestamp}_${random}`;
 }
-// src/types.ts
-import { VIDEO_FORMATS as VIDEO_FORMATS3 } from "@contractspec/lib.contracts-integrations/integrations/providers/video";
-
 // src/renderers/config.ts
 var defaultRenderConfig = {
   codec: "h264",
@@ -1946,6 +1943,9 @@ function resolveRenderConfig(userConfig, preset) {
     ...userConfig
   };
 }
+
+// src/types.ts
+import { VIDEO_FORMATS as VIDEO_FORMATS3 } from "@contractspec/lib.contracts-integrations/integrations/providers/video";
 export {
   videoTypography,
   videoTransitions,