@popcraft/kit 0.24.3 → 0.26.0

package/dist/chunks/chunk-W2576PVF.js

@@ -0,0 +1,95 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  sparkPath
+} from "./chunk-YNOCYFZ4.js";
+import {
+  shadow
+} from "./chunk-HVK5T4I5.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  ease
+} from "./chunk-6DWY3DOQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/saas-kit-ph-thumb.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 3600;
+var cues = [
+  { layer: "Pillow", preset: "pulse", at: 200, params: { duration: 900, amount: 0.07 } },
+  { layer: "Spark", preset: "pop-in", at: 500, params: { duration: 380 }, stagger: { delay: 220 } },
+  { layer: "Live", preset: "pulse", at: 1300, params: { duration: 700, amount: 0.12 } },
+  { layer: "Pillow", preset: "wobble", at: 1900, params: { duration: 900, amount: 6 } },
+  { layer: "Spark", preset: "pop-out", at: 2500, params: { duration: 320 }, stagger: { delay: 160 } }
+];
+var saas_kit_ph_thumb_default = defineTemplate({
+  id: "motion-saas-kit-ph-thumb",
+  meta: {
+    name: "SaaS launch Product Hunt thumbnail (animated)",
+    description: "A 240 \xD7 240 Product Hunt thumbnail that moves on hover, in the pastel soft UI look: your logo pillowed on a soft tile with a \u201CLive\u201D chip. Frame one is the whole mark (Product Hunt shows a still until hover); then the lights drift, the tile breathes and two sparks pop. A seamless 3.6-second loop to export as a GIF",
+    category: "animation",
+    tags: ["animation", "saas", "saas launch", "product hunt", "thumbnail", "logo", "logo sting", "gif", "pastel", "soft ui", "loop"],
+    platforms: ["product-hunt", "web"],
+    formats: ["thumbnail", "logo-sting"],
+    useCases: ["launch", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues },
+  build() {
+    const k = new Kit("SaaS launch Product Hunt thumbnail (animated)", preset("ph-thumb"));
+    k.quantizeGeometry = true;
+    k.brand({ paper: "#FFE7D6", text: "#2B2440", primary: "#6FCBA8", onPrimary: "#FFFFFF", accent: "#FF8FA3", onAccent: "#3A0B16", card: "#FFFFFF", onCard: "#2B2440" }, { name: "Pebble" });
+    k.palette({ butter: "#FFD98A", sky: "#9FD4F5", rose: "#FFB3C0" });
+    k.textStyle("Chip 16", { size: 16, fontWeight: 800, letterSpacing: 0.4, lineHeight: 18, textCase: "UPPER" });
+    pill(k, "Chip", { fill: "accent", ink: "onAccent", style: "Chip 16", label: "Live", pad: [5, 10] });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, 0, "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    const blur = [{ type: "LAYER_BLUR", radius: 22, visible: true }];
+    const lights = [
+      ["Light butter", "butter", 150, -30, 120, 26, -18],
+      ["Light sky", "sky", 130, 130, -34, -22, 20],
+      ["Light rose", "rose", 120, 18, -36, 18, 22]
+    ];
+    for (const [name, role, size, x, y, dx, dy] of lights) {
+      const id = k.ellipse(sheet, size, role, { name, absolute: { x, y }, effects: blur, opacity: 0.9 });
+      const drift = (d) => [{ t: 0, v: 0, ease: ease.inOut("sine") }, { t: DURATION / 2, v: d, ease: ease.inOut("sine") }, { t: DURATION, v: 0 }];
+      k.animate(id, "translateX", drift(dx));
+      k.animate(id, "translateY", drift(dy));
+    }
+    const pillow = k.stack(sheet, { width: 156, height: 156, radius: 50, fill: "card", align: "CENTER", justify: "CENTER", name: "Pillow", effects: [shadow(k, "text", 0.16, 14, 28), shadow(k, "accent", 0.22, 4, 10)] });
+    const tile = k.stack(pillow, { width: 116, height: 116, radius: 36, fill: "primary", align: "CENTER", justify: "CENTER", name: "Mark tile", effects: [
+      // A crisp lit rim at the top and a shaded one at the foot: the tile reads as pressed from one piece.
+      { type: "INNER_SHADOW", color: k.color("onPrimary", 0.8), offset: { x: 0, y: 3 }, blur: 2, spread: 0, visible: true },
+      { type: "INNER_SHADOW", color: k.color("text", 0.22), offset: { x: 0, y: -4 }, blur: 5, spread: 0, visible: true }
+    ] });
+    k.logo(tile, 72, 72);
+    k.instance(sheet, "Chip", { Label: "Live" }, { name: "Live", absolute: { x: 150, y: 28 } });
+    k.vector(sheet, 28, 28, [sparkPath(28)], "accent", { name: "Spark", absolute: { x: 18, y: 50 } });
+    k.vector(sheet, 22, 22, [sparkPath(22)], "primary", { name: "Spark", absolute: { x: 196, y: 178 } });
+    k.cues(sheet, cues);
+    return k.finish();
+  }
+});
+
+export {
+  saas_kit_ph_thumb_default
+};

package/dist/chunks/chunk-W2ACVAU6.js

@@ -0,0 +1,99 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  onColor,
+  scrim,
+  withSong
+} from "./chunk-Q6VPPKMZ.js";
+import {
+  bassKick,
+  visualizer,
+  waveform
+} from "./chunk-OLPNNPPZ.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/music/lofi-loop.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NIGHT = "#1B1426";
+var PLUM = "#4A2B57";
+var AMBER = "#F2A65A";
+var CREAM = "#F6E7D2";
+var VINYL = "#120E18";
+var CUES = [
+  { layer: "Now playing", preset: "fade-in", at: 200, params: { duration: 500 } },
+  { layer: "Song", preset: "rise-in", at: 400, params: { duration: 700, distance: 40 } },
+  { layer: "Artist", preset: "rise-in", at: 650, params: { duration: 700, distance: 30 } },
+  { layer: "Details", preset: "fade-in", at: 1100, params: { duration: 600 } }
+];
+var lofi_loop_default = defineTemplate({
+  id: "motion-music-lofi-loop",
+  meta: {
+    name: "Lo-fi loop visualizer",
+    description: "A 16:9 now-playing loop for a lo-fi track: a spinning record with your cover art that thumps with the kick, the song and artist, a line of dots riding the loudness, over liquid ink stirred by the bass \u2014 every part follows the audio you drop in",
+    category: "animation",
+    tags: ["animation", "music", "music video", "lo-fi", "visualizer", "audio reactive", "waveform", "record", "youtube", "loop"],
+    platforms: ["youtube"],
+    formats: ["video"],
+    useCases: ["launch", "livestream"],
+    created: "2026-09-30",
+    updated: "2026-09-30"
+  },
+  motion: { cues: CUES },
+  build() {
+    const k = new Kit("Lo-fi loop visualizer", preset("video-1080p"));
+    k.brand(
+      { night: NIGHT, plum: PLUM, accent: AMBER, text: CREAM, vinyl: VINYL, onNight: onColor(NIGHT, [CREAM, "#FFFFFF"]), onAccent: onColor(AMBER, [NIGHT, VINYL]), muted: onColor(NIGHT, ["#BFA8C9", CREAM]) },
+      { song: "Paper Lanterns", artist: "Mira Vale", details: "Side A \xB7 80 BPM \xB7 lo-fi beats" }
+    );
+    k.textStyle("Tag 26", { size: 26, fontWeight: 700, lineHeight: 32, letterSpacing: 6, textCase: "UPPER" });
+    k.textStyle("Song 132", { size: 132, fontFamily: "Source Serif 4", fontWeight: 700, lineHeight: 140, letterSpacing: -3 });
+    k.textStyle("Artist 56", { size: 56, fontWeight: 500, lineHeight: 64 });
+    k.textStyle("Details 28", { size: 28, fontWeight: 500, lineHeight: 36, letterSpacing: 1 });
+    pill(k, "Tag", { fill: "accent", ink: "onAccent", style: "Tag 26", label: "Now playing", pad: [10, 24] });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Lo-fi loop");
+    k.flowSheet(sheet, 0, { top: 0, right: 0, bottom: 0, left: 0 }, "night");
+    k.patch(sheet, { clipsContent: true });
+    withSong(k, sheet, "lofi", 1, 0);
+    visualizer(k, sheet, "liquid-ink", { a: "night", b: "plum", c: "accent" }, { name: "Liquid ink", knobs: { nz_scale: 1.6, fb_decay: 0.45, gain_b: 0.7 } });
+    const R = 300;
+    const record = k.stack(sheet, { width: 2 * R, height: 2 * R, name: "Record", absolute: { x: 190, y: 240 } });
+    k.ellipse(record, 2 * R, "vinyl", { name: "Vinyl", absolute: { x: 0, y: 0 } });
+    for (const [i, r] of [R - 30, R - 70, R - 110].entries()) k.ellipse(record, 2 * r, [], { stroke: { color: "plum", width: 3 - i * 0.5, align: "CENTER" }, name: "Groove", absolute: { x: R - r, y: R - r } });
+    k.photo(record, 250, 250, { radius: 125, ground: "accent", name: "Cover art", absolute: { x: R - 125, y: R - 125 } });
+    k.ellipse(record, 18, "night", { name: "Spindle", absolute: { x: R - 9, y: R - 9 } });
+    k.behave(record, "rotation", [{ kind: "spin", rate: 36 }]);
+    bassKick(k, record, 0.035, 160);
+    const col = scrim(k, sheet, "night", { width: 860, gap: 18, align: "MIN", padding: { top: 40, right: 40, bottom: 40, left: 40 }, name: "Now playing column", absolute: { x: 920, y: 200 } });
+    k.instance(col, "Tag", { Label: "Now playing" }, { name: "Now playing" });
+    k.text(col, "{{brand.song}}", { style: "Song 132", color: "onNight", width: 780, name: "Song" });
+    k.text(col, "{{brand.artist}}", { style: "Artist 56", color: "onNight", width: 780, name: "Artist" });
+    const wave = k.stack(col, { width: 780, height: 170, name: "Waveform row" });
+    waveform(k, wave, { style: "line", width: 780, height: 150, color: "accent", count: 64, history: 2600, at: { x: 0, y: 10 } });
+    k.text(col, "{{brand.details}}", { style: "Details 28", color: "muted", width: 780, name: "Details" });
+    k.cues(sheet, CUES);
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  CUES,
+  lofi_loop_default
+};

package/dist/chunks/chunk-W2AKEHRS.js

@@ -0,0 +1,326 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  into
+} from "./chunk-3HDJLLZM.js";
+import {
+  buildShort,
+  shortScenes
+} from "./chunk-J3R3YGHV.js";
+import {
+  figure
+} from "./chunk-HQGZZ2MK.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  ease
+} from "./chunk-6DWY3DOQ.js";
+import {
+  curve,
+  ellipsePts,
+  rng
+} from "./chunk-DUJNEEHX.js";
+import {
+  H,
+  W,
+  camera,
+  caption,
+  depth,
+  fxLayer,
+  glow,
+  keyParam,
+  sky,
+  style,
+  titleCard,
+  vignette,
+  wash
+} from "./chunk-MAPP2LV7.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/anime/morning.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var HANA = { key: "hana", name: "Hana", hair: "bob", outfit: "hoodie" };
+function cloud(l, parent, x, y, s, role, name = "Cloud") {
+  const lobes = [[-1.1, 0.25], [-0.7, -0.15], [-0.2, -0.45], [0.35, -0.3], [0.85, -0.05], [1.15, 0.28]];
+  const pts = [[x - 1.25 * s, y + 0.35 * s], ...lobes.map(([a, b]) => [x + a * s, y + b * s]), [x + 1.25 * s, y + 0.35 * s]];
+  return l.shape(parent, curve(pts, true, [0, pts.length - 1]), role, { name });
+}
+function houses(l, parent, y, seed, roles, scale = 1) {
+  const r = rng(seed);
+  for (let x = -120; x < W + 400; x += (230 + r() * 120) * scale) {
+    const w = (180 + r() * 90) * scale, h = (150 + r() * 110) * scale;
+    l.rect(parent, x, y - h, w, h, roles.wall, { name: "House" });
+    l.shape(parent, curve([[x - 16 * scale, y - h + 4], [x + w / 2, y - h - 70 * scale], [x + w + 16 * scale, y - h + 4]], true, [0, 1, 2], 0), roles.roof, { name: "Roof" });
+    for (let wx = x + 24 * scale; wx < x + w - 50 * scale; wx += 62 * scale) l.rect(parent, wx, y - h + 40 * scale, 36 * scale, 44 * scale, roles.window, { name: "Window" });
+  }
+}
+function poles(l, parent, y, role, gap = 520) {
+  const tops = [];
+  for (let x = -100; x < W + 1400; x += gap) {
+    l.rect(parent, x, y - 620, 26, 640, role, { name: "Pole" });
+    l.rect(parent, x - 60, y - 580, 146, 16, role, { name: "Crossarm" });
+    tops.push([x + 13, y - 574]);
+  }
+  for (let i = 0; i + 1 < tops.length; i++) {
+    const [a, b] = [tops[i], tops[i + 1]];
+    for (const dy of [0, 26]) l.line(parent, curve([[a[0], a[1] + dy], [(a[0] + b[0]) / 2, a[1] + dy + 60], [b[0], b[1] + dy]], false), role, 3, { name: "Wire" });
+  }
+}
+function bedroom(l, parent, o) {
+  l.rect(parent, 0, 0, W, H, o.wall, { name: "Wall" });
+  l.rect(parent, 0, 860, W, 220, "floor", { name: "Floor" });
+  const win = l.box(parent, 1080, 170, 620, 520, "Window view", { clip: true });
+  o.windowSky(win);
+  l.rect(parent, 1066, 156, 648, 18, "frame", { name: "Window frame" });
+  l.rect(parent, 1066, 690, 648, 24, "frame", { name: "Sill" });
+  l.rect(parent, 1066, 156, 18, 548, "frame", { name: "Window frame" });
+  l.rect(parent, 1696, 156, 18, 548, "frame", { name: "Window frame" });
+  l.rect(parent, 1381, 156, 16, 548, "frame", { name: "Mullion" });
+  l.shape(parent, curve([[1e3, 120], [1100, 120], [1090, 500], [1120, 780], [990, 780]], true, [0, 1, 3, 4]), "curtain", { name: "Curtain" });
+  l.shape(parent, curve([[1680, 120], [1790, 120], [1800, 780], [1670, 780], [1700, 500]], true, [0, 1, 2, 3]), "curtain", { name: "Curtain" });
+  l.rect(parent, 60, 620, 900, 300, "bedFrame", { name: "Bed", radius: 20 });
+  l.shape(parent, curve([[80, 700], [300, 640], [620, 660], [940, 640], [950, 860], [70, 870]], true, [4, 5]), "blanket", { name: "Blanket" });
+  l.rect(parent, 100, 590, 280, 110, "white", { name: "Pillow", radius: 50 });
+  l.rect(parent, 990, 700, 200, 180, "bedFrame", { name: "Nightstand", radius: 10 });
+}
+var spec = {
+  id: "motion-anime-morning",
+  title: "Morning Light",
+  score: "morning",
+  ground: "wallDawn",
+  colors: {
+    wallDawn: "#2E3A66",
+    wallDay: "#F3D9C4",
+    floor: "#3A2E4E",
+    frame: "#E9E2F2",
+    curtain: "#8AA0D8",
+    bedFrame: "#5B4A7A",
+    blanket: "#9FB6F0",
+    dawnTop: "#1E2A5A",
+    dawnLow: "#F6A98A",
+    dayTop: "#6EC3FF",
+    dayLow: "#CFEFFF",
+    sun: "#FFF1B8",
+    warm: "#FFB870",
+    roofs: "#2A2446",
+    cloud: "#FFFFFF",
+    houseWall: "#F7E6D6",
+    houseRoof: "#D0605E",
+    houseWindow: "#8FC7F0",
+    poleInk: "#3B3350",
+    road: "#8E8AA0",
+    grass: "#7FCB7A",
+    blossom: "#FFD1E2",
+    blossomDeep: "#FF93B8",
+    clock: "#FF6B6B",
+    digits: "#FFE08A",
+    rim: "#FFD9A0",
+    flash: "#FFFFFF",
+    white: "#FFFFFF",
+    skin: "#FFE6D8",
+    skinShade: "#F0B9A8",
+    line: "#3A2438",
+    blush: "#FF9EB0",
+    mouth: "#A8354E",
+    hanaHair: "#6B3F2A",
+    hanaHairShade: "#4A2A1C",
+    hanaHairLight: "#B07650",
+    hanaEye: "#3F8A5E",
+    hanaEyeLight: "#A6E3B0",
+    hanaOutfit: "#F2A7B8",
+    hanaOutfitShade: "#D07F95",
+    hanaAccent: "#FFFFFF"
+  },
+  fields: { title: "Morning Light", name: "Hana", time: "7:00", line1: "A brand new day\u2026", line2: "Wait \u2014 I\u2019m late!", tagline: "A new episode every morning" },
+  characters: [HANA],
+  musicGain: 0.85,
+  shots: [
+    {
+      name: "1 \xB7 Dawn",
+      cues: [
+        { layer: "Camera", preset: "drift", at: 0, params: { duration: 2857, distance: 20, direction: "left", amount: 0.03 } },
+        { layer: "Alarm clock", preset: "shake", at: 1400, params: { duration: 1200, distance: 8 } },
+        { layer: "Time", preset: "flash", at: 1400, params: { duration: 1200 } }
+      ],
+      sfx: [{ key: "clock", at: 1400 }, { key: "clock", at: 2200, gain: 0.8 }],
+      draw(l, sheet, k) {
+        const cam = camera(l, sheet);
+        bedroom(l, cam, { wall: "wallDawn", windowSky: (win) => {
+          sky(l, win, "dawnTop", "dawnTop", "dawnLow", { h: 520 });
+          l.shape(win, curve([[0, 520], [0, 400], [120, 400], [120, 360], [260, 360], [260, 420], [400, 420], [400, 330], [520, 330], [520, 390], [620, 390], [620, 520]], true, Array.from({ length: 12 }, (_, i) => i), 0), "roofs", { name: "Rooftops" });
+        } });
+        l.shape(cam, curve(ellipsePts(250, 640, 110, 70, 12), true), "hanaHair", { name: "Sleeping Hana" });
+        const clock = l.box(cam, 1030, 580, 120, 130, "Alarm clock");
+        l.circle(clock, 60, 70, 55, "clock", { name: "Clock body", stroke: { color: "line", width: 5 } });
+        l.circle(clock, 60, 70, 40, "white", { name: "Clock face" });
+        l.circle(clock, 20, 16, 16, "clock", { name: "Bell" });
+        l.circle(clock, 100, 16, 16, "clock", { name: "Bell" });
+        l.line(clock, [[60, 70], [60, 44]], "line", 5, { name: "Hand" });
+        l.line(clock, [[60, 70], [80, 70]], "line", 5, { name: "Hand" });
+        k.text(cam, "{{brand.time}}", { style: style(k, "Anime speaker 30"), color: "digits", width: 200, align: "CENTER", name: "Time", absolute: { x: 990, y: 740 } });
+        fxLayer(l, cam, "Dawn light", "Light rays", { origin: { x: 0.72, y: 0.2 }, angle: 125, spread: 0.9, rays: 10, intensity: 0.25, falloff: 1.6, speed: 0.1, color: { role: "dawnLow" } }, { blend: "SCREEN" });
+        fxLayer(l, cam, "Dust", "Dust motes", { density: 0.2, speed: 14, angle: 30, sway: 16, size: 6, spin: 0.4, colorA: { role: "dawnLow" }, colorB: { role: "sun" } }, { blend: "SCREEN", opacity: 0.6 });
+        vignette(l, sheet, "dawnTop", 0.55);
+      }
+    },
+    {
+      name: "2 \xB7 Eyes open",
+      cues: [
+        { layer: "Camera", preset: "push-in", at: 0, params: { duration: 2143, amount: 0.06 } },
+        { layer: "Hana awake", preset: "fade-in", at: 900, params: { duration: 84 } }
+      ],
+      sfx: [{ key: "birds", at: 700, gain: 0.7 }],
+      draw(l, sheet, k) {
+        const cam = camera(l, sheet);
+        l.rect(cam, 0, 0, W, H, "blanket", { name: "Sheets" });
+        l.rect(cam, 120, 180, 1680, 640, "white", { name: "Pillow", radius: 260 });
+        const asleep = k.instance(cam, "Hana/Eyes shut", { Rim: 0.15, Shade: 1 }, { name: "Hana asleep", absolute: { x: 460, y: 180 }, playback: { loop: "loop" } });
+        const awake = k.instance(cam, "Hana/Calm", { Rim: 0.9, Shade: 0.8 }, { name: "Hana awake", absolute: { x: 460, y: 180 }, playback: { loop: "loop", start: 500 } });
+        for (const id of [asleep, awake]) k.patch(id, { rotation: -8, scaleX: 1.25, scaleY: 1.25 });
+        const rays = fxLayer(l, cam, "Morning light", "Light rays", { origin: { x: 0.95, y: -0.05 }, angle: 125, spread: 1.2, rays: 12, intensity: 0.05, falloff: 1.2, speed: 0.15, color: { role: "warm" } }, { blend: "SCREEN" });
+        keyParam(l, rays, "intensity", [[0, 0.05, ease.inOut("sine")], [1100, 0.55]]);
+        const warm = wash(l, cam, "Warmth", "warm", "SOFT_LIGHT", 0);
+        l.keys(warm, "opacity", [[0, 0, ease.inOut("sine")], [1200, 0.3]]);
+        const cool = wash(l, cam, "Blue hour", "dawnTop", "MULTIPLY", 0.5);
+        l.keys(cool, "opacity", [[0, 0.5, ease.inOut("sine")], [1100, 0]]);
+        vignette(l, sheet, "line", 0.35);
+      }
+    },
+    {
+      name: "3 \xB7 Sunrise",
+      cues: [
+        { layer: "Camera", preset: "pull-out", at: 0, params: { duration: 2857, amount: 0.05 } },
+        { layer: "Caption card", preset: "fade-in", at: 500, params: { duration: 300 } },
+        { layer: "Caption", preset: "words-in", at: 600, params: { duration: 500, amount: 120 } },
+        { layer: "Caption card", preset: "fade-out", at: 2500, params: { duration: 300 } }
+      ],
+      draw(l, sheet) {
+        const cam = camera(l, sheet);
+        let sun = "";
+        bedroom(l, cam, { wall: "wallDay", windowSky: (win) => {
+          sky(l, win, "dawnTop", "dawnTop", "dawnLow", { h: 520, name: "Dawn sky" });
+          const day = l.box(win, 0, 0, 620, 520, "Morning sky");
+          sky(l, day, "dayTop", "dayTop", "dayLow", { h: 520 });
+          l.keys(day, "opacity", [[0, 0, ease.inOut("sine")], [2400, 1]]);
+          glow(l, win, 330, 420, 260, "sun", { strength: 0.9, name: "Sun glow" });
+          sun = l.circle(win, 330, 420, 60, "sun", { name: "Sun" });
+          l.shape(win, curve([[0, 520], [0, 400], [120, 400], [120, 360], [260, 360], [260, 420], [400, 420], [400, 330], [520, 330], [520, 390], [620, 390], [620, 520]], true, Array.from({ length: 12 }, (_, i) => i), 0), "roofs", { name: "Rooftops" });
+        } });
+        l.keys(sun, "translateY", [[0, 120, ease.out("cubic")], [2600, -60]]);
+        const blue = wash(l, cam, "Blue hour", "dawnTop", "MULTIPLY", 0.55);
+        l.keys(blue, "opacity", [[0, 0.55, ease.inOut("sine")], [2400, 0]]);
+        figure(l, cam, HANA, { pose: "reach-up", x: 1390, base: 900, height: 470, tone: "color", name: "Hana stretching" });
+        const rays = fxLayer(l, cam, "Sunbeams", "Light rays", { origin: { x: 0.72, y: 0.55 }, angle: 190, spread: 1.4, rays: 14, intensity: 0.1, falloff: 0.9, speed: 0.2, color: { role: "sun" } }, { blend: "SCREEN" });
+        keyParam(l, rays, "intensity", [[0, 0.1, ease.inOut("sine")], [2400, 0.6]]);
+        fxLayer(l, cam, "Dust", "Dust motes", { density: 0.26, speed: 18, angle: 30, sway: 16, size: 7, spin: 0.4, colorA: { role: "sun" }, colorB: { role: "warm" } }, { blend: "SCREEN" });
+        vignette(l, sheet, "line", 0.3);
+        caption(l, sheet, null, "{{brand.line1}}");
+      }
+    },
+    {
+      name: "4 \xB7 Late!",
+      cues: [
+        { layer: "Camera", preset: "pull-out", at: 0, params: { duration: 320, amount: 0.18, ease: ease.out("expo") } },
+        { layer: "Camera", preset: "camera-shake", at: 150, params: { duration: 450, distance: 16, amount: 1.5 } },
+        { layer: "Caption card", preset: "pop-in", at: 120, params: { duration: 300 } }
+      ],
+      draw(l, sheet, k) {
+        const cam = camera(l, sheet);
+        l.rect(cam, -100, -100, W + 200, H + 200, "dayTop", { name: "Burst ground" });
+        fxLayer(l, cam, "Focus lines", "Focus lines", { center: { x: 0.5, y: 0.42 }, inner: 0.4, count: 150, thickness: 0.55, rate: 12, amount: 1, color: { role: "white" } });
+        const hana = k.instance(cam, "Hana/Shock", { Rim: 0.6, Shade: 0.8 }, { name: "Hana", absolute: { x: 460, y: 110 }, playback: { loop: "loop" } });
+        k.patch(hana, { scaleX: 1.35, scaleY: 1.35 });
+        caption(l, sheet, "{{brand.name}}", "{{brand.line2}}", { speakerRole: "hanaOutfit" });
+      }
+    },
+    {
+      name: "5 \xB7 The run",
+      transition: into("WHIP_RIGHT", 200, { interp: ease.inOut("expo") }),
+      cues: [{ layer: "Speed lines", preset: "fade-out", at: 1800, params: { duration: 800 } }],
+      sfx: [{ key: "whoosh", at: 0 }],
+      draw(l, sheet) {
+        const cam = camera(l, sheet);
+        sky(l, cam, "dayTop", "dayTop", "dayLow");
+        const clouds = depth(l, cam, "Clouds");
+        cloud(l, clouds, 300, 200, 110, "cloud");
+        cloud(l, clouds, 1100, 140, 150, "cloud");
+        cloud(l, clouds, 1800, 240, 120, "cloud");
+        cloud(l, clouds, 2500, 170, 130, "cloud");
+        const far = depth(l, cam, "Far"), mid = depth(l, cam, "Mid"), near = depth(l, cam, "Near");
+        houses(l, far, 780, 12, { wall: "frame", roof: "curtain", window: "dayLow" }, 0.6);
+        houses(l, mid, 860, 4, { wall: "houseWall", roof: "houseRoof", window: "houseWindow" });
+        l.rect(cam, 0, 860, W, 60, "grass", { name: "Verge" });
+        l.rect(cam, 0, 920, W, 160, "road", { name: "Road" });
+        poles(l, near, 940, "poleInk");
+        l.keys(clouds, "translateX", [[0, 0, ease.linear], [2857, -120]]);
+        l.keys(far, "translateX", [[0, 0, ease.linear], [2857, -300]]);
+        l.keys(mid, "translateX", [[0, 0, ease.linear], [2857, -700]]);
+        l.keys(near, "translateX", [[0, 0, ease.linear], [2857, -1300]]);
+        const hana = figure(l, cam, HANA, { pose: "run", x: 900, base: 1010, height: 430, tone: "color", name: "Hana running" });
+        l.k.behave(hana, "translateY", [{ kind: "sine", amp: 14, freq: 2.8 }]);
+        fxLayer(l, cam, "Blossom", "Petals", { density: 0.2, speed: 260, angle: 160, sway: 30, size: 16, spin: 2, colorA: { role: "blossom" }, colorB: { role: "blossomDeep" } });
+        fxLayer(l, sheet, "Speed lines", "Speed lines", { angle: 0, count: 30, speed: 6, streak: 0.4, thickness: 0.2, density: 0.5, amount: 0.55, color: { role: "white" } });
+      }
+    },
+    {
+      name: "6 \xB7 Title",
+      cues: [
+        { layer: "Title card", preset: "pop-in", at: 200, params: { duration: 600, amount: 0.5 } },
+        { layer: "Tagline", preset: "rise-in", at: 700, params: { duration: 600 } },
+        { layer: "Hana", preset: "rise-in", at: 400, params: { duration: 700 } },
+        { layer: "Camera", preset: "drift", at: 0, params: { duration: 3571, distance: 24, direction: "right", amount: 0.03 } }
+      ],
+      sfx: [{ key: "sparkle", at: 200 }],
+      draw(l, sheet, k) {
+        const cam = camera(l, sheet);
+        sky(l, cam, "dayTop", "dayTop", "dayLow");
+        glow(l, cam, 1600, 180, 420, "sun", { strength: 0.9, name: "Sun glow" });
+        cloud(l, cam, 380, 820, 220, "cloud");
+        cloud(l, cam, 1500, 900, 260, "cloud");
+        cloud(l, cam, 900, 980, 200, "cloud");
+        l.line(cam, curve([[2e3, -40], [1700, 120], [1450, 160], [1280, 260]], false), "bedFrame", 26, { name: "Branch" });
+        const r = rng(21);
+        for (let i = 0; i < 22; i++) {
+          const x = 1300 + r() * 700, y = 40 + r() * 280;
+          l.circle(cam, x, y, 18 + r() * 16, i % 3 ? "blossom" : "blossomDeep", { name: "Blossom" });
+        }
+        fxLayer(l, cam, "Blossom", "Petals", { density: 0.16, speed: 120, angle: 120, sway: 30, size: 16, spin: 1.5, seed: 3, colorA: { role: "blossom" }, colorB: { role: "blossomDeep" } });
+        const hana = k.instance(cam, "Hana/Smile", { Rim: 0.8, Shade: 0.7 }, { name: "Hana", absolute: { x: -160, y: 420 }, playback: { loop: "loop" } });
+        k.patch(hana, { scaleX: 0.9, scaleY: 0.9 });
+        titleCard(k, sheet, { title: "{{brand.title}}", tagline: "{{brand.tagline}}", plate: "houseRoof", plateOpacity: 0.92, shadow: "line", justify: "MIN", align: "MAX", padding: 110 });
+        fxLayer(l, cam, "Sparkles", "Sparkles", { density: 0.14, speed: 30, angle: 270, sway: 10, size: 18, spin: 0.4, colorA: { role: "white" }, colorB: { role: "sun" } }, { box: [600, 260, 1300, 460], blend: "SCREEN" });
+        void H;
+      }
+    }
+  ]
+};
+var MORNING_SHORT = spec;
+var morning_default = defineTemplate({
+  id: spec.id,
+  meta: {
+    name: "Anime short: Morning Light",
+    description: "A 16-second slice-of-life anime short at 1920\xD71080, 30 fps: an alarm at dawn, eyes opening to warm light, a sunrise stretch at the window as the room shifts from blue to gold, a shocked \u201CI\u2019m late!\u201D, a whip pan into a parallax run down the street under falling blossom, and the title \u2014 an original character with changing expressions, light rays, dust motes and a music-box score (made by PopCraft, CC0)",
+    category: "animation",
+    tags: ["animation", "anime", "short film", "slice of life", "morning", "characters", "scenes", "music", "parallax", "light rays", "petals"],
+    platforms: ["youtube", "tiktok", "instagram", "x"],
+    formats: ["video", "short", "intro"],
+    useCases: ["brand-intro", "announcement"],
+    created: "2026-09-30",
+    updated: "2026-09-30"
+  },
+  sequence: true,
+  motion: { scenes: shortScenes(spec) },
+  build: () => buildShort(spec)
+});
+
+export {
+  MORNING_SHORT,
+  morning_default
+};