@popcraft/kit 0.27.0 → 0.28.0

package/dist/chunks/chunk-QJYW4TDU.js

@@ -1,220 +0,0 @@
-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 {
-  CLAY_FPS,
-  arrives,
-  boil,
-  clayBall,
-  clayBrand,
-  clayCloud,
-  clayFx,
-  claySet,
-  claySun,
-  fitClaySet,
-  fitLooseClay,
-  habitBrick,
-  habitTower,
-  hop,
-  land,
-  looseClay,
-  pip,
-  pipBox,
-  pose,
-  poses,
-  scaleAt,
-  towerBox
-} from "./chunk-5EHNTSDZ.js";
-import {
-  SONGS,
-  beatMs
-} from "./chunk-BRXHI3R3.js";
-import {
-  SERIF
-} from "./chunk-X23ZWFW2.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-EK5CFFJO.js";
-import {
-  SONG_HASHES
-} from "./chunk-AXTNNHMG.js";
-import {
-  defineTemplate
-} from "./chunk-GTCLGM63.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-6QHAQLJ4.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion/claymation-launch-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 15e3;
-var beat = (n) => Math.round(n * beatMs(SONGS.bright));
-var HABITS = [
-  { label: "Brush teeth", color: "clayYellow" },
-  { label: "Read 10 pages", color: "clayPink" },
-  { label: "Feed Biscuit", color: "clayBlue" },
-  { label: "Bed by 8:30", color: "clayGreen" }
-];
-var LANDS = [4, 8, 12, 16];
-var STAGE = { w: 900, h: 540, ground: 500 };
-var PIP = 330;
-var BRICK = { w: 400, h: 98 };
-var STORY = {
-  set: { w: 1080, h: 1920, horizon: 940, u: 1 },
-  stage: { x: 88, ground: 1124, f: 1 },
-  sun: { x: 60, y: 50, f: 1 },
-  clouds: [{ x: 40, y: 600, f: 1 }, { x: 790, y: 96, f: 1 }],
-  loose: [[84, 1180, 54, "clayGreen"], [1010, 1206, 44, "clayPink"], [520, 1168, 30, "clayYellow"], [968, 1010, 30, "clayBlue"], [66, 1010, 26, "clayPink"], [250, 1560, 60, "clayBlue"], [840, 1600, 70, "clayYellow"], [560, 1700, 46, "clayGreen"]],
-  near: [{ x: -90, y: 1700 }, { x: 860, y: 1730 }]
-};
-var POST = {
-  set: { w: 1080, h: 1080, horizon: 560, u: 1 },
-  stage: { x: 176, ground: 740, f: 0.82 },
-  sun: { x: 900, y: 150, f: 0.8 },
-  clouds: [{ x: 30, y: 290, f: 0.8 }, { x: -40, y: 70, f: 0.7 }],
-  loose: [[120, 760, 54, "clayGreen"], [990, 770, 44, "clayPink"], [200, 640, 30, "clayYellow"], [930, 640, 30, "clayBlue"], [70, 640, 26, "clayPink"], [90, 1010, 60, "clayBlue"], [1e3, 1e3, 70, "clayYellow"], [960, 880, 46, "clayGreen"]],
-  near: [{ x: -150, y: 900 }, { x: 960, y: 930 }]
-};
-var PORTRAIT = {
-  set: { w: 1080, h: 1350, horizon: 740, u: 1 },
-  stage: { x: 112, ground: 930, f: 0.95 },
-  sun: { x: 896, y: 340, f: 0.85 },
-  clouds: [{ x: 40, y: 390, f: 0.9 }, { x: -50, y: 110, f: 0.8 }],
-  loose: [[84, 980, 54, "clayGreen"], [1010, 990, 44, "clayPink"], [530, 968, 30, "clayYellow"], [968, 810, 30, "clayBlue"], [66, 810, 26, "clayPink"], [80, 1290, 60, "clayBlue"], [1010, 1280, 70, "clayYellow"], [990, 1130, 46, "clayGreen"]],
-  near: [{ x: -150, y: 1160 }, { x: 960, y: 1200 }]
-};
-function arrange(k, id, l) {
-  fitClaySet(k, id, l.set);
-  for (const s of k.named(id, "Stage")) scaleAt(k, s, l.stage.x, l.stage.ground - STAGE.ground * l.stage.f, l.stage.f);
-  for (const s of k.named(id, "Sun")) scaleAt(k, s, l.sun.x, l.sun.y, l.sun.f);
-  k.named(id, "Cloud").forEach((c, i) => scaleAt(k, c, l.clouds[i].x, l.clouds[i].y, l.clouds[i].f));
-  fitLooseClay(k, id, l.loose);
-  k.named(id, "Near clay").forEach((c, i) => k.patch(c, l.near[i]));
-}
-var swaps = [
-  // Word by word; no line has more words than the one before it (each word reads the swap a stagger behind the last).
-  { layer: "Caption", words: ["Every habit kept is a brick of clay.", "Tick it off and Pip presses it on.", "Seven days in a row makes a tower.", "Miss a day? Nothing gets squashed."], at: beat(2), hold: 2100, stagger: 50, in: 350, out: 250, unit: "word", rise: 30 }
-];
-var cues = [
-  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Headline", preset: "pop-in", at: 0, params: { duration: 420 } },
-  { layer: "Says", preset: "rise-in", at: beat(2), params: { duration: 500 } },
-  { layer: "Call", preset: "pop-in", at: beat(20), params: { duration: 450 } },
-  { layer: "Site", preset: "fade-in", at: beat(21), params: { duration: 500 } },
-  { layer: "Call", preset: "pulse", at: beat(24), params: { duration: 700, amount: 0.06 } },
-  // Stop motion: each brick is put on the set two poses before its beat (and lands on it), then the streak's bubble.
-  ...LANDS.map((b, i) => arrives(`Brick ${i + 1}`, beat(b) - pose(2))),
-  { ...arrives("Bubble tail", beat(18) - pose(2)), stagger: { delay: pose(1) } },
-  arrives("Bubble", beat(18))
-];
-var claymation_launch_reel_default = defineTemplate({
-  id: "motion-claymation-launch-reel",
-  meta: {
-    name: "Clay mascot launch reel",
-    description: "A 15-second stop-motion launch reel modelled in clay: the mascot drops onto a table-top set and squashes in the first quarter second, then builds the product out of plasticine, four habit bricks landing on the beat into a tower, with burned-in captions and the offer at the end \u2014 in held poses, with thumbprints, cut to bright electric keys (made by PopCraft, CC0). 9:16 with 1:1 and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "claymation", "clay", "plasticine", "stop motion", "mascot", "launch", "habit tracker", "family", "saas", "reel", "captions", "music", "audio", "playful"],
-    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["launch", "brand-intro", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, swaps },
-  build() {
-    const k = new Kit("Clay mascot launch reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    clayBrand(k);
-    k.textStyle("Eyebrow 26", { size: 26, fontWeight: 800, letterSpacing: 4.6, lineHeight: 34, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Display 150", { size: 150, fontWeight: 900, letterSpacing: -7, lineHeight: 150, textAlign: "CENTER" });
-    k.textStyle("Display 116", { size: 116, fontWeight: 900, letterSpacing: -5, lineHeight: 116, textAlign: "CENTER" });
-    k.textStyle("Says 40", { ...SERIF, size: 40, fontStyle: "italic", fontWeight: 500, lineHeight: 50, textAlign: "CENTER" });
-    k.textStyle("Says 32", { ...SERIF, size: 32, fontStyle: "italic", fontWeight: 500, lineHeight: 40, textAlign: "CENTER" });
-    k.textStyle("Brick 34", { size: 34, fontWeight: 800, letterSpacing: -0.6, lineHeight: 40 });
-    k.textStyle("Bubble 32", { ...SERIF, size: 32, fontStyle: "italic", fontWeight: 700, lineHeight: 38, textAlign: "CENTER" });
-    k.textStyle("Caption 44", { size: 44, fontWeight: 800, letterSpacing: -0.8, lineHeight: 54, textAlign: "CENTER" });
-    k.textStyle("Caption 36", { size: 36, fontWeight: 800, letterSpacing: -0.6, lineHeight: 44, textAlign: "CENTER" });
-    k.textStyle("Button 34", { size: 34, fontWeight: 800, lineHeight: 42 });
-    k.textStyle("Site 26", { size: 26, fontWeight: 700, letterSpacing: 1, lineHeight: 34, textAlign: "CENTER" });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: "Start your tower, free", pad: [24, 46] });
-    k.patch(k.componentIdOf("Button"), { effects: clayFx(90) });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Launch reel");
-    k.flowSheet(sheet, 0, verticalPadding(), "paper", "SPACE_BETWEEN", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: CLAY_FPS, audio: [{ id: "a1", mediaHash: SONG_HASHES.bright, name: "Bright (112 BPM, made by PopCraft, CC0)", start: 0, in: 0, out: DURATION, lane: 0, fadeOut: 1500 }] });
-    claySet(k, sheet, STORY.set);
-    claySun(k, sheet, 112, { x: 0, y: 0 }, { boil: 1e3 });
-    clayCloud(k, sheet, 240, { x: 0, y: 0 }, { seed: 1, boil: 1e3 });
-    clayCloud(k, sheet, 160, { x: 0, y: 0 }, { seed: 2, boil: 500 });
-    looseClay(k, sheet, STORY.loose);
-    const stage = k.frame(sheet, { x: 0, y: 0, width: STAGE.w, height: STAGE.h }, { name: "Stage" });
-    const mascot = pip(k, stage, { s: PIP, absolute: { x: 0, y: STAGE.ground - pipBox(PIP).footY }, look: 0.9, loopMs: DURATION, blinkAt: [2400, 5900, 9700, 13100] });
-    const tb = towerBox(HABITS.length, BRICK.w, BRICK.h);
-    const tower = habitTower(k, stage, { habits: HABITS, ...BRICK, style: "Brick 34", absolute: { x: 446, y: STAGE.ground + 8 - tb.h } });
-    const bubble = k.stack(stage, { width: "HUG", fill: "clayWhite", radius: 44, padding: { top: 18, right: 34, bottom: 20, left: 34 }, name: "Bubble", absolute: { x: 500, y: 16 }, effects: clayFx(84, { deep: 0.6 }) });
-    k.text(bubble, "7 days in a row!", { style: "Bubble 32", color: "clayInk", autoWidth: true, name: "Bubble words" });
-    for (const [x, y, d] of [[462, 96, 30], [436, 132, 18]]) clayBall(k, stage, d, "clayWhite", { name: "Bubble tail", absolute: { x, y } });
-    for (const [d, color, seed] of [[330, "clayPink", 71], [300, "clayGreen", 72]]) k.patch(clayBall(k, sheet, d, color, { name: "Near clay", h: d * 0.82, seed, absolute: { x: 0, y: 0 } }), { effects: clayFx(d) });
-    for (const [w, color, x, y, turn, seed] of [[380, "clayBlue", 150, 1510, -6, 12], [300, "clayPink", 610, 1560, 9, 14], [420, "clayYellow", 420, 1680, 3, 13]]) k.patch(habitBrick(k, sheet, { w, h: 108, color, label: "", style: "Brick 34", seed, name: "Spare brick", absolute: { x, y } }), { rotation: turn });
-    const top = k.stack(sheet, { gap: 14, align: "CENTER", name: "Top" });
-    k.text(top, "{{brand.name}} \xB7 habits for small humans", { style: "Eyebrow 26", color: "onPaper", name: "Eyebrow" });
-    k.text(top, "Meet Pip.", { style: "Display 150", color: "text", name: "Headline" });
-    k.text(top, "He builds your family\u2019s habits out of clay.", { style: "Says 40", color: "onPaper", name: "Says" });
-    const foot = k.stack(sheet, { gap: 24, align: "CENTER", name: "Foot" });
-    k.text(foot, swaps[0].words[0], { style: "Caption 44", color: "tableInk", width: 800, name: "Caption" });
-    k.instance(foot, "Button", { Label: "Start your tower, free" }, { name: "Call" });
-    k.text(foot, "{{brand.site}}", { style: "Site 26", color: "tableInk", name: "Site" });
-    arrange(k, sheet, STORY);
-    if (swapTimes(swaps[0]).at(-1).gone > DURATION) throw new Error("claymation reel: the captions run past the music");
-    const body = k.named(mascot, "Pip body")[0];
-    land(k, body, 0, { from: 620 });
-    for (const p of k.named(mascot, "Pupil")) {
-      const dx = -k.node(p).width * 0.3;
-      poses(k, p, "translateX", 0, [dx], {});
-      poses(k, p, "translateX", beat(3), [dx, dx * 0.4, 0], {});
-    }
-    tower.bricks.forEach((b, i) => {
-      land(k, b, beat(LANDS[i]) - pose(2), { from: 300 });
-      boil(k, k.named(b, "Brick label")[0], 1e3, { turn: 0.5, seed: i + 2 });
-    });
-    hop(k, body, beat(17), 70);
-    hop(k, body, beat(19), 46);
-    land(k, bubble, beat(18));
-    k.named(stage, "Bubble tail").forEach((t, i) => land(k, t, beat(18) - pose(2 - i)));
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    k.variants(sheet, feedVariants({ post: 56, portrait: 72 }, {
-      post: (kit, id) => {
-        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Display 116");
-        for (const n of kit.named(id, "Says")) kit.restyle(n, "Says 32");
-        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 36");
-        for (const n of kit.named(id, "Top")) kit.patch(n, { itemSpacing: 6 });
-        for (const n of kit.named(id, "Foot")) kit.patch(n, { itemSpacing: 14 });
-        for (const n of kit.named(id, "Spare brick")) kit.patch(n, { visible: false });
-        arrange(kit, id, POST);
-      },
-      portrait: (kit, id) => {
-        for (const n of kit.named(id, "Spare brick")) kit.patch(n, { visible: false });
-        arrange(kit, id, PORTRAIT);
-      }
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  claymation_launch_reel_default
-};

package/dist/chunks/chunk-QK7KCBKG.js

@@ -1,261 +0,0 @@
-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-HGLB3YDV.js";
-import {
-  buildShort,
-  shortScenes
-} from "./chunk-P6IQL6TU.js";
-import {
-  figure
-} from "./chunk-NITUBY6C.js";
-import {
-  defineTemplate
-} from "./chunk-GTCLGM63.js";
-import {
-  ease
-} from "./chunk-QFFXZQH5.js";
-import {
-  curve,
-  rng
-} from "./chunk-DUJNEEHX.js";
-import {
-  H,
-  W,
-  camera,
-  caption,
-  depth,
-  fxLayer,
-  glow,
-  sky,
-  titleCard,
-  vignette,
-  wash
-} from "./chunk-MAPP2LV7.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/anime/rain.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var YUI = { key: "yui", name: "Yui", hair: "long", outfit: "coat" };
-var SORA = { key: "sora", name: "Sora", hair: "spiky", outfit: "hoodie" };
-var NEON = ["neonPink", "neonCyan", "neonAmber"];
-function street(l, parent, horizon, seed) {
-  const r = rng(seed);
-  const city = depth(l, parent, "Street");
-  const signs = [];
-  for (let x = -40; x < W + 40; ) {
-    const w = 180 + r() * 200, h = 320 + r() * 380;
-    l.rect(city, x, horizon - h, w, h, r() < 0.5 ? "building" : "buildingLit", { name: "Building" });
-    for (let wy = horizon - h + 40; wy < horizon - 60; wy += 60) for (let wx = x + 20; wx < x + w - 30; wx += 44) if (r() < 0.18) l.rect(city, wx, wy, 20, 28, "window", { name: "Window", opacity: 0.8 });
-    if (r() < 0.8) signs.push({ x: x + w * 0.2, y: horizon - h * (0.35 + r() * 0.4), w: w * 0.6, h: 60 + r() * 90, role: NEON[Math.floor(r() * 3)] });
-    x += w + 10;
-  }
-  const drawSigns = (g) => {
-    for (const s of signs) {
-      glow(l, g, s.x + s.w / 2, s.y + s.h / 2, Math.max(s.w, s.h) * 0.9, s.role, { strength: 0.55, name: "Sign glow", blend: "SCREEN" });
-      l.rect(g, s.x, s.y, s.w, s.h, "building", { name: "Sign", radius: 10, stroke: { color: s.role, width: 7 } });
-      l.rect(g, s.x + 16, s.y + s.h / 2 - 6, s.w - 32, 12, s.role, { name: "Sign light", radius: 6 });
-    }
-  };
-  const lit = depth(l, city, "Signs");
-  drawSigns(lit);
-  l.rect(parent, 0, horizon, W, H - horizon, "road", { name: "Road" });
-  const refl = depth(l, parent, "Reflection");
-  drawSigns(refl);
-  l.k.patch(refl, { scaleY: -1, anchorY: horizon / H, opacity: 0.45, effects: [{ type: "MOTION_BLUR", radius: 70, angle: 90, visible: true, id: "smear" }] });
-  return { city, refl };
-}
-function umbrella(l, parent, x, y, r, role) {
-  const top = y - r * 1.25;
-  l.shape(parent, curve([
-    [x - r, top + r * 0.45],
-    [x - r * 0.7, top - r * 0.05],
-    [x, top - r * 0.25],
-    [x + r * 0.7, top - r * 0.05],
-    [x + r, top + r * 0.45],
-    [x + r * 0.5, top + r * 0.3],
-    [x, top + r * 0.42],
-    [x - r * 0.5, top + r * 0.3]
-  ], true, [0, 4, 5, 6, 7]), role, { name: "Umbrella", stroke: { color: "line", width: 5 } });
-  l.line(parent, [[x, top - r * 0.25], [x, y]], "line", 7, { name: "Umbrella shaft" });
-  l.line(parent, curve([[x, y], [x + 16, y + 22], [x + 32, y]], false), "line", 7, { name: "Umbrella handle" });
-}
-var spec = {
-  id: "motion-anime-rain",
-  title: "Neon Rain",
-  score: "rain",
-  ground: "night",
-  colors: {
-    night: "#0B0E24",
-    skyGlow: "#2A1E5C",
-    building: "#161A36",
-    buildingLit: "#1F2548",
-    window: "#FFD28A",
-    road: "#0E1128",
-    neonPink: "#FF3FA4",
-    neonCyan: "#3FE6FF",
-    neonAmber: "#FFB23F",
-    rain: "#B8C8FF",
-    flash: "#F4F2FF",
-    white: "#FFFFFF",
-    umbrella: "#D9DEF7",
-    rim: "#3FE6FF",
-    skin: "#FCE2D6",
-    skinShade: "#E3ABA0",
-    line: "#15122A",
-    blush: "#F2A0B5",
-    mouth: "#963050",
-    yuiHair: "#2A2F4F",
-    yuiHairShade: "#181B30",
-    yuiHairLight: "#6A76B8",
-    yuiEye: "#5B8DEF",
-    yuiEyeLight: "#B5D3FF",
-    yuiOutfit: "#C9B8A6",
-    yuiOutfitShade: "#9A8878",
-    yuiAccent: "#7A2E4A",
-    soraHair: "#E6E1D8",
-    soraHairShade: "#B3AA9E",
-    soraHairLight: "#FFFFFF",
-    soraEye: "#D0457A",
-    soraEyeLight: "#FF9EC2",
-    soraOutfit: "#2B2B38",
-    soraOutfitShade: "#1A1A24",
-    soraAccent: "#FF4FA0"
-  },
-  fields: { title: "Neon Rain", her: "Yui", him: "Sora", line1: "You said you\u2019d stay.", line2: "\u2026I\u2019m here now.", tagline: "Episode 5 \xB7 Umbrella" },
-  characters: [YUI, SORA],
-  shots: [
-    {
-      name: "1 \xB7 The street",
-      cues: [{ layer: "Camera", preset: "push-in", at: 0, params: { duration: 3333, amount: 0.06 } }],
-      sfx: [{ key: "rain", at: 0, gain: 0.8 }, { key: "rain", at: 4e3, gain: 0.8 }],
-      draw(l, sheet) {
-        const cam = camera(l, sheet);
-        sky(l, cam, "night", "night", "skyGlow", { h: 760 });
-        street(l, cam, 760, 5);
-        glow(l, cam, 960, 820, 420, "neonPink", { strength: 0.45, name: "Street light", blend: "SCREEN" });
-        figure(l, cam, YUI, { pose: "turn", x: 960, base: 940, height: 360, ink: "line", rim: "neonCyan", lightFrom: "left", name: "Yui in the rain" });
-        fxLayer(l, cam, "Rain", "Rain", { density: 0.5, speed: 1700, angle: 100, sway: 0, size: 9, spin: 0, colorA: { role: "rain" }, colorB: { role: "neonCyan" } }, { blend: "SCREEN" });
-        vignette(l, sheet, "night", 0.6);
-      }
-    },
-    {
-      name: "2 \xB7 Yui",
-      cues: [
-        { layer: "Camera", preset: "push-in", at: 0, params: { duration: 2500, amount: 0.05 } },
-        { layer: "Caption card", preset: "fade-in", at: 450, params: { duration: 300 } },
-        { layer: "Speaker", preset: "fade-in", at: 500, params: { duration: 300 } },
-        { layer: "Caption", preset: "words-in", at: 550, params: { duration: 600, amount: 160 } }
-      ],
-      draw(l, sheet, k) {
-        const cam = camera(l, sheet);
-        l.rect(cam, 0, 0, W, H, "night", { name: "Night" });
-        const r = rng(9);
-        for (let i = 0; i < 14; i++) glow(l, cam, r() * W, r() * 700, 90 + r() * 120, NEON[i % 3], { strength: 0.5, name: "Bokeh", blend: "SCREEN" });
-        const yui = k.instance(cam, "Yui/Sad", { Rim: 1, Shade: 1 }, { name: "Yui", absolute: { x: 460, y: 160 }, playback: { loop: "loop" } });
-        k.patch(yui, { scaleX: 1.35, scaleY: 1.35 });
-        fxLayer(l, cam, "Rain", "Rain", { density: 0.4, speed: 1900, angle: 100, sway: 0, size: 16, spin: 0, seed: 3, colorA: { role: "rain" }, colorB: { role: "neonCyan" } }, { blend: "SCREEN" });
-        wash(l, cam, "Neon cast", "neonCyan", "SOFT_LIGHT", 0.25);
-        vignette(l, sheet, "night", 0.6);
-        caption(l, sheet, "{{brand.her}}", "{{brand.line1}}", { speakerRole: "neonCyan" });
-      }
-    },
-    {
-      name: "3 \xB7 Sora",
-      cues: [
-        { layer: "Camera", preset: "drift", at: 0, params: { duration: 2500, distance: 24, direction: "right", amount: 0.03 } },
-        { layer: "Caption card", preset: "fade-in", at: 550, params: { duration: 300 } },
-        { layer: "Speaker", preset: "fade-in", at: 600, params: { duration: 300 } },
-        { layer: "Caption", preset: "words-in", at: 650, params: { duration: 500, amount: 200 } }
-      ],
-      draw(l, sheet, k) {
-        const cam = camera(l, sheet);
-        l.rect(cam, 0, 0, W, H, "night", { name: "Night" });
-        const r = rng(13);
-        for (let i = 0; i < 12; i++) glow(l, cam, r() * W, r() * 700, 90 + r() * 120, i % 2 ? "neonPink" : "neonAmber", { strength: 0.5, name: "Bokeh", blend: "SCREEN" });
-        const sora = k.instance(cam, "Sora/Calm", { Rim: 0.9, Shade: 1 }, { name: "Sora", absolute: { x: 460, y: 160 }, playback: { loop: "loop", start: 1500 } });
-        k.patch(sora, { scaleX: -1.35, scaleY: 1.35 });
-        fxLayer(l, cam, "Rain", "Rain", { density: 0.4, speed: 1900, angle: 100, sway: 0, size: 16, spin: 0, seed: 5, colorA: { role: "rain" }, colorB: { role: "neonPink" } }, { blend: "SCREEN" });
-        wash(l, cam, "Neon cast", "neonPink", "SOFT_LIGHT", 0.3);
-        vignette(l, sheet, "night", 0.6);
-        caption(l, sheet, "{{brand.him}}", "{{brand.line2}}", { speakerRole: "neonPink" });
-      }
-    },
-    {
-      name: "4 \xB7 Lightning",
-      cues: [
-        { layer: "Camera", preset: "camera-shake", at: 120, params: { duration: 700, distance: 20, amount: 1.2 } },
-        { layer: "Lightning", preset: "impact-frame", at: 0, params: { duration: 260 } },
-        { layer: "Bolt", preset: "impact-frame", at: 0, params: { duration: 260 } }
-      ],
-      sfx: [{ key: "thunder", at: 0, lane: 2 }],
-      draw(l, sheet) {
-        const cam = camera(l, sheet);
-        sky(l, cam, "night", "night", "skyGlow", { h: 760 });
-        street(l, cam, 760, 5);
-        wash(l, cam, "Lightning", "flash", "NORMAL", 0);
-        const bolt = [[1300, -20], [1240, 180], [1300, 190], [1190, 420], [1260, 430], [1120, 700], [1210, 410], [1150, 400], [1240, 200], [1180, 190]];
-        l.shape(cam, curve(bolt, true, bolt.map((_, i) => i), 0), "neonCyan", { name: "Bolt", opacity: 0 });
-        glow(l, cam, 960, 860, 520, "neonCyan", { strength: 0.35, name: "Street light", blend: "SCREEN" });
-        figure(l, cam, YUI, { pose: "turn", x: 820, base: 960, height: 520, ink: "line", rim: "neonCyan", lightFrom: "right", name: "Yui" });
-        figure(l, cam, SORA, { pose: "stand", x: 1120, base: 960, height: 560, flip: true, ink: "line", rim: "neonPink", lightFrom: "left", name: "Sora" });
-        fxLayer(l, cam, "Rain", "Rain", { density: 0.5, speed: 1700, angle: 100, sway: 0, size: 10, spin: 0, seed: 8, colorA: { role: "rain" }, colorB: { role: "neonCyan" } }, { blend: "SCREEN" });
-        const dark = wash(l, sheet, "Afterimage", "night", "MULTIPLY", 0);
-        l.keys(dark, "opacity", [[0, 0, ease.hold], [260, 0.6, ease.out("cubic")], [1667, 0]]);
-        vignette(l, sheet, "night", 0.5);
-      }
-    },
-    {
-      name: "5 \xB7 One umbrella",
-      transition: into("DISSOLVE", 400),
-      cues: [
-        { layer: "Camera", preset: "pull-out", at: 0, params: { duration: 5e3, amount: 0.12 } },
-        { layer: "Title card", preset: "fade-in", at: 2e3, params: { duration: 900 } },
-        { layer: "Tagline", preset: "fade-in", at: 2600, params: { duration: 700 } }
-      ],
-      sfx: [{ key: "rain", at: 1667, gain: 0.7, fadeOut: 1500 }],
-      draw(l, sheet, k) {
-        const cam = camera(l, sheet);
-        sky(l, cam, "night", "night", "skyGlow", { h: 760 });
-        street(l, cam, 760, 17);
-        glow(l, cam, 980, 860, 560, "neonPink", { strength: 0.4, name: "Street light", blend: "SCREEN" });
-        figure(l, cam, YUI, { pose: "stand", x: 900, base: 980, height: 420, ink: "line", rim: "neonCyan", lightFrom: "left", name: "Yui" });
-        figure(l, cam, SORA, { pose: "stand", x: 1040, base: 980, height: 450, flip: true, ink: "line", rim: "neonPink", lightFrom: "right", name: "Sora" });
-        umbrella(l, cam, 1010, 700, 250, "umbrella");
-        fxLayer(l, cam, "Rain", "Rain", { density: 0.45, speed: 1500, angle: 100, sway: 0, size: 9, spin: 0, seed: 11, colorA: { role: "rain" }, colorB: { role: "neonPink" } }, { blend: "SCREEN" });
-        vignette(l, sheet, "night", 0.65);
-        titleCard(k, sheet, { title: "{{brand.title}}", tagline: "{{brand.tagline}}", plate: "night", plateOpacity: 0.7, shadow: "neonPink", taglineRole: "neonCyan", justify: "MIN", padding: 90 });
-      }
-    }
-  ]
-};
-var RAIN_SHORT = spec;
-var rain_default = defineTemplate({
-  id: spec.id,
-  meta: {
-    name: "Anime short: Neon Rain",
-    description: "A 15-second night-time anime drama at 1920\xD71080, 30 fps: a neon street in the rain with its reflections streaked in the wet road, two close-ups and their lines, a lightning strike (held white frames, a bolt, a shake, thunder) and the two of them under one umbrella as the title comes up \u2014 original characters as motion components, rain particles, motion blur and a piano score (made by PopCraft, CC0)",
-    category: "animation",
-    tags: ["animation", "anime", "short film", "drama", "rain", "neon", "night", "characters", "scenes", "music", "particles"],
-    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 {
-  RAIN_SHORT,
-  rain_default
-};

package/dist/chunks/chunk-QKCUV6KR.js

@@ -1,163 +0,0 @@
-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 {
-  ARIAL,
-  COURIER,
-  MAIL_W,
-  callToAction,
-  finishMail,
-  fitted,
-  mailButton,
-  mailFooter,
-  mailHeader,
-  mailRow,
-  mailSheet,
-  section,
-  swell,
-  tag
-} from "./chunk-TCDV5UY2.js";
-import {
-  gridPaths
-} from "./chunk-YNOCYFZ4.js";
-import {
-  donutSlice
-} from "./chunk-T3CX2LLT.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  glow
-} from "./chunk-HVK5T4I5.js";
-import {
-  defineTemplate
-} from "./chunk-GTCLGM63.js";
-import {
-  Kit,
-  preset
-} from "./chunk-6QHAQLJ4.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/email/saas-mail-trial-ending.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 4e3;
-var HEADER_H = 360;
-var DAYS = { total: 14, left: 3, cell: 30, gap: 8, height: 34 };
-var cues = [
-  { layer: ["Day 12", "Day 13", "Day 14"], preset: "pulse", at: 600, params: { duration: 600, amount: 0.14 }, stagger: { delay: 350, order: "selection" } },
-  { layer: "Days figure", preset: "pulse", at: 2400, params: { duration: 800, amount: 0.06 } }
-];
-var BUILT = [["14", "dashboards built"], ["1,284", "queries run"], ["3", "teammates invited"], ["2", "alerts that caught a drop"]];
-var PLANS = [
-  { name: "Starter", price: "$29 a month", lines: "5 seats \xB7 50,000 events a month \xB7 90 days of history" },
-  { name: "Team", price: "$79 a month", lines: "20 seats \xB7 1 million events a month \xB7 unlimited history \xB7 alerts", fits: true }
-];
-var saas_mail_trial_ending_default = defineTemplate({
-  id: "email-saas-mail-trial-ending",
-  meta: {
-    name: "SaaS lifecycle email: trial ending",
-    description: 'A whole 600 px trial-ending email in a dark precision look: "Three days left" beside a ring of the fourteen days, then what the customer built so far as four figures, what happens to it, two plans with the fitting one marked and a gentle offer. The header loops for four seconds (export it as a GIF); the body is table-safe type',
-    category: "email",
-    tags: ["email", "saas", "lifecycle", "trial", "trial ending", "upgrade", "pricing", "plans", "dark", "data", "animated", "gif", "html"],
-    platforms: ["email"],
-    formats: ["email"],
-    useCases: ["pricing", "stats", "countdown"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("SaaS lifecycle email: trial ending", preset("email-body"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#0E1014", text: "#F3F5F8", onPaper: "#BCC3CE", primary: "#F4B23E", onPrimary: "#15110A", tint: "#191D25", onTint: "#F3F5F8" },
-      { company: "Gauge", address: "Torstra\xDFe 109, 10119 Berlin" }
-    );
-    k.palette({ panel: "#090B0E", onPanel: "#F3F5F8", panelSoft: "#B4BCC8", grid: "#1D232C", spent: "#2A313C", cell: "#1B2029", amber: "#F4B23E", onAmber: "#15110A", rule: "#262C36" });
-    k.textStyle("Eyebrow 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.8, lineHeight: 14 });
-    k.textStyle("Left 56", { size: 56, fontWeight: 800, letterSpacing: -2.6, lineHeight: 56 });
-    k.textStyle("Ends 15", { size: 15, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Ring 64", { size: 64, fontWeight: 800, letterSpacing: -3, lineHeight: 64, textAlign: "CENTER" });
-    k.textStyle("Ring label 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.6, lineHeight: 14, textAlign: "CENTER" });
-    k.textStyle("Day 12", { ...MONO, size: 12, fontWeight: 700, lineHeight: 15, textAlign: "CENTER" });
-    k.textStyle("Heading 24", { ...ARIAL, size: 24, fontWeight: 700, lineHeight: 30 });
-    k.textStyle("Body 16", { ...ARIAL, size: 16, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Figure 30", { ...COURIER, size: 30, fontWeight: 700, lineHeight: 34 });
-    k.textStyle("Small 15", { ...ARIAL, size: 15, fontWeight: 400, lineHeight: 23 });
-    k.textStyle("Strong 17", { ...ARIAL, size: 17, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Price 15", { ...COURIER, size: 15, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Label 12", { ...COURIER, size: 12, fontWeight: 700, letterSpacing: 1.2, lineHeight: 14 });
-    k.textStyle("Button 16", { ...ARIAL, size: 16, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Fine 13", { ...ARIAL, size: 13, fontWeight: 400, lineHeight: 19 });
-    mailButton(k, "Mail button", { fill: "primary", ink: "onPrimary", style: "Button 16", label: "Choose a plan", width: 240, height: 50 });
-    const sheet = mailSheet(k, { paper: "paper", duration: DURATION });
-    const head = mailHeader(k, sheet, HEADER_H, "panel");
-    k.vector(head, MAIL_W, HEADER_H, gridPaths(MAIL_W, HEADER_H, 30), "grid", { name: "Grid", absolute: { x: 0, y: 0 } });
-    glow(k, head, { x: 462, y: 150, w: 420, role: "amber", alpha: 0.16, name: "Ring glow" });
-    k.text(head, "{{brand.company}} \xB7 TRIAL \xB7 DAY 11 OF 14", { style: "Eyebrow 12", color: "amber", width: 330, name: "Eyebrow", absolute: { x: 36, y: 40 } });
-    k.text(head, "Three days left.", { style: "Left 56", color: "onPanel", width: 300, name: "Left", absolute: { x: 34, y: 66 } });
-    k.text(head, "Your trial ends on Monday 5 October at 18:00. Everything you made is still here.", { style: "Ends 15", color: "panelSoft", width: 280, name: "Ends", absolute: { x: 36, y: 192 } });
-    const R = 196;
-    const ring = k.stack(head, { width: R, height: R, align: "CENTER", justify: "CENTER", gap: 2, name: "Ring", absolute: { x: 364, y: 50 } });
-    const spent = DAYS.total - DAYS.left;
-    k.vector(ring, R, R, Array.from({ length: spent }, (_, i) => donutSlice(R, i / DAYS.total, (i + 1) / DAYS.total, 0.8, 5)), "spent", { name: "Days spent", absolute: { x: 0, y: 0 } });
-    const arc = fitted(Array.from({ length: DAYS.left }, (_, i) => donutSlice(R, (spent + i) / DAYS.total, (spent + i + 1) / DAYS.total, 0.8, 5)));
-    const leftArc = k.vector(ring, arc.width, arc.height, arc.paths, "amber", { name: "Days left", absolute: { x: arc.x, y: arc.y } });
-    swell(k, leftArc, "opacity", { amp: 0.25, loopMs: DURATION, cycles: 2 });
-    k.patch(leftArc, { opacity: 0.75 });
-    k.text(ring, "3", { style: "Ring 64", color: "onPanel", name: "Days figure" });
-    k.text(ring, "DAYS LEFT", { style: "Ring label 12", color: "panelSoft", name: "Ring label" });
-    const stripW = DAYS.total * (DAYS.cell + DAYS.gap) - DAYS.gap;
-    const strip = k.stack(head, { direction: "HORIZONTAL", width: stripW, gap: DAYS.gap, name: "Days", absolute: { x: 36, y: 282 } });
-    for (let d = 1; d <= DAYS.total; d++) {
-      const lit = d > spent;
-      const cell = k.stack(strip, { width: DAYS.cell, height: DAYS.height, align: "CENTER", justify: "CENTER", fill: lit ? "amber" : "cell", radius: 4, name: `Day ${d}` });
-      k.text(cell, String(d), { style: "Day 12", color: lit ? "onAmber" : "panelSoft", name: "Day number" });
-    }
-    const intro = section(k, sheet, { name: "Intro", pad: [36, 40, 16, 40], gap: 10 });
-    k.text(intro, "What you built in eleven days", { style: "Heading 24", color: "text", name: "Heading" });
-    k.text(intro, "Hi Dana. Before the trial runs out, here is what your team has put into {{brand.company}} so far.", { style: "Body 16", color: "onPaper", name: "Intro words" });
-    const built = section(k, sheet, { name: "Built", pad: [4, 40, 8, 40], gap: 12 });
-    for (const pair of [BUILT.slice(0, 2), BUILT.slice(2)]) {
-      const row = mailRow(k, built, { name: "Built row", gap: 12 });
-      for (const [figure, label] of pair) {
-        const cell = k.stack(row, { width: 254, fill: "tint", padding: { top: 16, right: 18, bottom: 16, left: 18 }, gap: 2, name: "Built cell" });
-        k.text(cell, figure, { style: "Figure 30", color: "onTint", name: "Built figure" });
-        k.text(cell, label, { style: "Small 15", color: "onTint", name: "Built label" });
-      }
-    }
-    const after = section(k, sheet, { name: "After", pad: [12, 40, 12, 40] });
-    k.text(after, "All of it stays if you pick a plan. If you don\u2019t, the workspace goes read-only for 30 days and is then archived. Nothing is deleted without a second email from us.", { style: "Body 16", color: "onPaper", name: "After words" });
-    const plans = section(k, sheet, { name: "Plans", pad: [8, 40, 8, 40] });
-    for (const p of PLANS) {
-      k.rect(plans, "FILL", 1, "tint", { name: "Plan rule" });
-      const row = mailRow(k, plans, { name: "Plan", gap: 16, padding: { top: 16, right: 0, bottom: 16, left: 0 } });
-      const left = k.stack(row, { width: "FILL", gap: 4, name: "Plan words" });
-      const title = k.stack(left, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Plan title" });
-      k.text(title, p.name, { style: "Strong 17", color: "text", autoWidth: true, name: "Plan name" });
-      if (p.fits) tag(k, title, "FITS YOUR USAGE", { fill: "primary", ink: "onPrimary", style: "Label 12", name: "Fits" });
-      k.text(left, p.lines, { style: "Small 15", color: "onPaper", name: "Plan lines" });
-      const right = k.stack(row, { width: 124, align: "MAX", name: "Plan price" });
-      k.text(right, p.price, { style: "Price 15", color: "text", align: "RIGHT", name: "Price" });
-    }
-    k.rect(plans, "FILL", 1, "tint", { name: "Plan rule" });
-    const offer = section(k, sheet, { name: "Offer", pad: [16, 40, 4, 40] });
-    const box = k.stack(offer, { fill: "tint", padding: { top: 18, right: 20, bottom: 18, left: 20 }, gap: 4, name: "Offer box" });
-    k.text(box, "A SMALL THANK-YOU", { style: "Label 12", color: "onTint", name: "Offer label" });
-    k.text(box, "Pick either plan by Monday and your first three months are 20% off. The button below applies it; there is no code to remember.", { style: "Small 15", color: "onTint", name: "Offer words" });
-    callToAction(k, sheet, { button: "Mail button", label: "Choose a plan", pad: [26, 40, 30, 40], note: "Not ready? Reply and tell us what is missing. A person reads every answer.", noteStyle: "Small 15", noteInk: "onPaper" });
-    mailFooter(k, sheet, { style: "Fine 13", ink: "onPaper", rule: "tint", pad: [8, 40, 32, 40], why: "You are getting this because your {{brand.company}} trial for the workspace \u201CNorthlight\u201D ends soon." });
-    k.cues(sheet, cues);
-    return finishMail(k, sheet);
-  }
-});
-
-export {
-  saas_mail_trial_ending_default
-};