@popcraft/kit 0.53.4 → 0.53.5

package/dist/chunks/chunk-ZK4ZRJAV.js

@@ -0,0 +1,179 @@
+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 {
+  arrowPath,
+  gridPaths
+} from "./chunk-2VFVKPUT.js";
+import {
+  MONO
+} from "./chunk-AXAAXHZF.js";
+import {
+  pattern
+} from "./chunk-LWSZATOL.js";
+import {
+  hardShadow
+} from "./chunk-YORIY3BT.js";
+import {
+  pill
+} from "./chunk-KOAJ6HD2.js";
+import {
+  box
+} from "./chunk-EJLCQVQK.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/social/saas-kit-youtube-thumbs.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var THUMBS = [
+  { name: "1 Demo", ground: "primary", ink: "onPrimary", lines: ["CRM in", "9 minutes"], mark: 1, style: "Title 140", label: "Full demo \xB7 no cuts", length: "9:04", face: "right", ui: "board" },
+  { name: "2 Comparison", ground: "paper", ink: "text", lines: ["Sheets", "vs a CRM"], mark: 0, style: "Title 140", label: "We ran both for 30 days", length: "14:20", face: "left", ui: "table" },
+  { name: "3 Tutorial", ground: "secondary", ink: "onSecondary", lines: ["3 fixes", "2\xD7 replies"], mark: 1, style: "Title 140", label: "Tutorial \xB7 episode 7", length: "6:41", face: "right", ui: "settings" }
+];
+var FACE = { w: 370, h: 560 };
+var grid = (w, h) => gridPaths(w, h, 80, 2);
+function presenter(k, photo, w, h) {
+  const cx = w / 2, rx = w * 0.2, ry = w * 0.235, cy = h * 0.38, top = cy + ry * 1.3;
+  const at = { absolute: { x: 0, y: 0 } };
+  const ring = (n, fx, fy, from = 0, to = Math.PI * 2) => Array.from({ length: n }, (_, i) => {
+    const a = from + (to - from) * i / (n - 1);
+    return { x: cx + rx * fx * Math.sin(a), y: cy - ry * fy * Math.cos(a) };
+  });
+  k.ellipse(photo, Math.round(w * 0.92), "slotLight", { name: "Backdrop light", absolute: { x: Math.round(w * 0.04), y: Math.round(cy - w * 0.5) } });
+  const shoulders = { closed: true, points: [
+    { x: cx - w * 0.5, y: h },
+    { x: cx - w * 0.5, y: top + ry * 1.1, handleOut: { x: cx - w * 0.5, y: top + ry * 0.3 } },
+    { x: cx - w * 0.2, y: top, handleIn: { x: cx - w * 0.4, y: top } },
+    { x: cx + w * 0.2, y: top, handleOut: { x: cx + w * 0.4, y: top } },
+    { x: cx + w * 0.5, y: top + ry * 1.1, handleIn: { x: cx + w * 0.5, y: top + ry * 0.3 } },
+    { x: cx + w * 0.5, y: h }
+  ] };
+  k.vector(photo, w, h, [shoulders], "coat", { name: "Jacket", ...at });
+  k.vector(photo, w, h, [{ closed: true, points: [{ x: cx - w * 0.15, y: top }, { x: cx + w * 0.15, y: top }, { x: cx + w * 0.045, y: h }, { x: cx - w * 0.045, y: h }] }], "shirt", { name: "Shirt", ...at });
+  k.vector(photo, w, h, [box(cx - w * 0.085, cy + ry * 0.6, w * 0.17, ry * 0.9), { closed: true, points: [{ x: cx - w * 0.1, y: top - 1 }, { x: cx + w * 0.1, y: top - 1 }, { x: cx, y: top + w * 0.15 }] }], "sitter", { name: "Neck", ...at });
+  k.vector(photo, w, h, [{ closed: true, points: ring(32, 1, 1) }], "sitter", { name: "Head", ...at });
+  const crown = ring(18, 1.1, 1.12, -1.95, 1.95);
+  const fringe = [{ x: cx + rx * 0.9, y: cy - ry * 0.12 }, { x: cx + rx * 0.5, y: cy - ry * 0.56 }, { x: cx - rx * 0.25, y: cy - ry * 0.5 }, { x: cx - rx * 0.92, y: cy - ry * 0.04 }];
+  k.vector(photo, w, h, [{ closed: true, points: [...crown, ...fringe] }], "hair", { name: "Hair", ...at });
+}
+var saas_kit_youtube_thumbs_default = defineTemplate({
+  id: "social-saas-kit-youtube-thumbs",
+  meta: {
+    name: "SaaS launch YouTube thumbnail set",
+    description: "Three YouTube thumbnails for a product channel in the Swiss typographic look: a demo, a comparison and a tutorial. Each has a huge three- or four-word title with one line on a yellow bar, a face photo slot cut in beside it, and a crop of the product with the point of the video circled. Red, white and black on one grid, so the channel reads as a series. 1280 \xD7 720",
+    category: "social",
+    tags: ["saas", "saas launch", "youtube", "thumbnail", "demo", "tutorial", "comparison", "swiss", "typographic", "grid", "face", "product ui"],
+    platforms: ["youtube"],
+    formats: ["thumbnail", "demo"],
+    useCases: ["launch", "education", "comparison"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  sequence: true,
+  build() {
+    const k = new Kit("SaaS launch YouTube thumbnail set", preset("youtube-thumb"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#F4F2EC", text: "#0C0C0C", primary: "#E4002B", onPrimary: "#FFFFFF", secondary: "#0C0C0C", onSecondary: "#F4F2EC", accent: "#FFD400", onAccent: "#0C0C0C" },
+      { name: "Rivet" }
+    );
+    k.palette({ ink: "#0C0C0C", onInk: "#FFFFFF", slot: "#CFCBC1", slotLight: "#E2DED4", sitter: "#B49C86", hair: "#3F3A33", coat: "#2B2A27", shirt: "#F4F2EC", win: "#FFFFFF", winInk: "#0C0C0C", winMuted: "#5D5B55", winLine: "#DAD7CF", lane: "#F1EFE9", hot: "#E4002B" });
+    k.textStyle("Title 140", { size: 140, fontWeight: 900, letterSpacing: -7.5, lineHeight: 124, textCase: "UPPER" });
+    k.textStyle("Label 24", { size: 24, fontWeight: 800, letterSpacing: 2.4, lineHeight: 30, textCase: "UPPER" });
+    k.textStyle("Length 24", { ...MONO, size: 24, fontWeight: 800, lineHeight: 28 });
+    k.textStyle("UI 18", { size: 18, fontWeight: 700, letterSpacing: -0.2, lineHeight: 22 });
+    k.textStyle("UI mono 16", { ...MONO, size: 16, fontWeight: 600, lineHeight: 20 });
+    pill(k, "Length", { fill: "ink", ink: "onInk", style: "Length 24", label: "9:04", pad: [6, 12], radius: 0 });
+    const product = (sheet, t, x, y) => {
+      const W = 560, H = 330;
+      const win = k.frame(sheet, { x, y, width: W, height: H }, { name: "Product", fill: "win", clip: true, stroke: { color: "ink", width: 5, align: "INSIDE", join: "MITER" }, effects: [hardShadow(k, "ink", 12, 12)] });
+      k.rect(win, W, 44, "lane", { name: "Bar", absolute: { x: 0, y: 0 } });
+      k.text(win, t.ui === "board" ? "rivet / pipeline" : t.ui === "table" ? "rivet / contacts" : "rivet / settings / sequences", { style: "UI mono 16", color: "winMuted", autoWidth: true, name: "Path", absolute: { x: 18, y: 12 } });
+      k.rect(win, W, 3, "ink", { name: "Bar rule", absolute: { x: 0, y: 44 } });
+      if (t.ui === "board") {
+        ;
+        ["New", "Talking", "Won"].forEach((lane, i) => {
+          const lx = 18 + i * 180;
+          k.text(win, lane, { style: "UI 18", color: "winInk", autoWidth: true, name: "Lane", absolute: { x: lx, y: 62 } });
+          const cards = [];
+          for (let c = 0; c < 3 - (i === 1 ? 1 : 0); c++) cards.push(box(0, c * 74, 164, 62));
+          k.vector(win, 164, 220, cards, i === 2 ? "accent" : "lane", { name: "Deals", absolute: { x: lx, y: 96 }, stroke: { color: "ink", width: 3, align: "INSIDE", join: "MITER" } });
+          const lines = [];
+          for (let c = 0; c < 3 - (i === 1 ? 1 : 0); c++) {
+            lines.push(box(12, c * 74 + 14, 96, 8), box(12, c * 74 + 34, 60, 8));
+          }
+          k.vector(win, 164, 220, lines, "ink", { name: "Deal lines", absolute: { x: lx, y: 96 } });
+        });
+      } else if (t.ui === "table") {
+        const rules = [], cells = [], next = [];
+        for (let r = 0; r < 6; r++) {
+          rules.push(box(0, 92 + r * 44, W, 2));
+          cells.push(box(18, 64 + r * 44, 120 + r * 37 % 60, 10), box(210, 64 + r * 44, 90 + r * 53 % 50, 10));
+          next.push(box(392, 58 + r * 44, 140, 22));
+        }
+        k.vector(win, W, H, rules, "winLine", { name: "Rules", absolute: { x: 0, y: 0 } });
+        k.vector(win, W, H, cells, "ink", { name: "Cells", absolute: { x: 0, y: 0 } });
+        k.vector(win, W, H, next, "accent", { name: "Next steps", absolute: { x: 0, y: 0 }, stroke: { color: "ink", width: 3, align: "INSIDE", join: "MITER" } });
+      } else {
+        ;
+        ["Send at their 9 am", "Stop on any reply", "Bump after 3 days"].forEach((label, i) => {
+          const ty = 70 + i * 84;
+          k.text(win, label, { style: "UI 18", color: "winInk", autoWidth: true, name: "Setting", absolute: { x: 24, y: ty + 12 } });
+          k.rect(win, 96, 48, "accent", { name: "Toggle", radius: 24, absolute: { x: 430, y: ty }, stroke: { color: "ink", width: 4, align: "INSIDE" } });
+          k.ellipse(win, 32, "ink", { name: "Knob", absolute: { x: 486, y: ty + 8 } });
+          k.rect(win, W - 48, 2, "winLine", { name: "Setting rule", absolute: { x: 24, y: ty + 66 } });
+        });
+      }
+      return win;
+    };
+    const sheets = THUMBS.map((t, i) => {
+      const sheet = i === 0 ? k.sheet : k.addSheet(preset("youtube-thumb"), t.name);
+      k.nameSheet(sheet, t.name);
+      const right = t.face === "right";
+      k.flowSheet(sheet, 0, { top: 40, right: right ? 470 : 48, bottom: 40, left: right ? 48 : 500 }, t.ground, "MIN", "MIN");
+      k.patch(sheet, { clipsContent: true, itemSpacing: 22, counterAxisSpacing: 22 });
+      pattern(k, sheet, "Grid", t.ink, grid, 0.1);
+      const px = right ? 250 : 660;
+      product(sheet, t, px, 440);
+      const ring = t.ui === "board" ? { x: px + 350, y: 512, w: 220 } : t.ui === "table" ? { x: px + 350, y: 470, w: 230 } : { x: px + 390, y: 480, w: 180 };
+      k.ellipse(sheet, ring.w, [], { name: "Ring", absolute: { x: ring.x, y: ring.y }, stroke: { color: "accent", width: 12 }, effects: [hardShadow(k, "ink", 4, 4)] });
+      const arrow = k.vector(sheet, 170, 96, [arrowPath(170, 96, 30)], "accent", { name: "Arrow", absolute: { x: ring.x - 160, y: ring.y + 150 }, stroke: { color: "ink", width: 5, join: "MITER" } });
+      k.patch(arrow, { rotation: -24 });
+      const fx = right ? 1280 - 48 - FACE.w : 48;
+      k.rect(sheet, FACE.w, FACE.h, "accent", { name: "Face block", absolute: { x: fx + (right ? -22 : 22), y: 118 }, stroke: { color: "ink", width: 5, align: "INSIDE", join: "MITER" } });
+      const face = k.photo(sheet, FACE.w, FACE.h, { ground: "slot", name: "Face photo", absolute: { x: fx, y: 96 } });
+      presenter(k, face, FACE.w, FACE.h);
+      k.rect(sheet, FACE.w, FACE.h, [], { name: "Face edge", absolute: { x: fx, y: 96 }, stroke: { color: "ink", width: 5, align: "INSIDE", join: "MITER" } });
+      k.instance(sheet, "Length", { Label: t.length }, { name: "Length", absolute: { x: fx + FACE.w - 96, y: 96 + FACE.h - 52 } });
+      const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Label row" });
+      k.logo(head, 30, 30, { placeholder: t.ground === "paper" ? "tile" : "mark" });
+      k.text(head, `{{brand.name}} \xB7 ${t.label}`, { style: "Label 24", color: t.ink, name: "Label" });
+      const title = k.stack(sheet, { gap: 6, name: "Title" });
+      t.lines.forEach((line, n) => {
+        if (n === t.mark) {
+          const bar = k.stack(title, { width: "HUG", fill: "accent", padding: { top: 0, right: 18, bottom: 8, left: 14 }, stroke: { color: "ink", width: 5, align: "OUTSIDE", join: "MITER" }, effects: [hardShadow(k, "ink", 10, 10)], name: "Title bar" });
+          k.text(bar, line, { style: t.style, color: "onAccent", autoWidth: true, name: "Marked line" });
+        } else k.text(title, line, { style: t.style, color: t.ink, name: "Title line" });
+      });
+      return sheet;
+    });
+    k.setCover(sheets[0]);
+    return k.finish();
+  }
+});
+
+export {
+  saas_kit_youtube_thumbs_default
+};

package/dist/chunks/chunk-ZKHMZMIT.js

@@ -0,0 +1,147 @@
+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 {
+  diwaliBrand,
+  diyas,
+  drawRangoli,
+  fadeLight,
+  fitScene,
+  hangings,
+  lightWriting,
+  rangoli,
+  sky,
+  sweepRangoli,
+  writeLight
+} from "./chunk-5ESNE4SU.js";
+import {
+  SERIF
+} from "./chunk-AXAAXHZF.js";
+import {
+  outro,
+  pill,
+  postVariants
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/social/diwali-thanks-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 7e3;
+var scene = (h, g, lantern, lamps) => ({
+  w: 1080,
+  h,
+  u: 1,
+  loopMs: DURATION,
+  fireworks: [],
+  rangoli: { ...g, r: 280 },
+  garlands: [{ y: 40, sag: 64, swags: 3, flower: 25, toran: true }],
+  lanterns: [{ ...lantern, size: 104 }],
+  diyas: lamps
+});
+var POST = scene(1080, { x: 836, y: 760 }, { x: 968, drop: 150 }, [{ x: 836, y: 1058, size: 104 }, { x: 640, y: 1036, size: 84 }, { x: 1020, y: 1036, size: 84 }, { x: 560, y: 930, size: 56 }]);
+var line = (x0, y0, w) => Array.from({ length: 22 }, (_, i) => {
+  const t = i / 21;
+  return [Math.round(x0 + w * t), Math.round(y0 - 10 * Math.sin(t * Math.PI * 1.6) - 18 * t * t)];
+});
+var TRAIL = line(72, 610, 360);
+var cues = [
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 500 } },
+  { layer: "Headline", preset: "lines-in", at: 100, params: { duration: 700 } },
+  { layer: "Greeting", preset: "rise-in", at: 1500, params: { duration: 700 } },
+  { layer: "Sign", preset: "pop-in", at: 2200, params: { duration: 450 } },
+  { layer: "Site", preset: "fade-in", at: 2400, params: { duration: 600 } },
+  { layer: "Rangoli heart", preset: "pulse", at: 4200, params: { duration: 900, amount: 0.14 } },
+  { layer: "Sign", preset: "pulse", at: 4800, params: { duration: 900, amount: 0.06 } },
+  // The words, the line of light and the rangoli leave: the loop starts on the bare floor.
+  outro(["Eyebrow", "Headline", "Greeting", "Sign", "Site"], 6200)
+];
+var diwali_thanks_post_default = defineTemplate({
+  id: "motion-diwali-thanks-post",
+  meta: {
+    name: "Diwali thank-you post (animated)",
+    description: "A Diwali thank-you from the team to its customers, on warm cream: \u201CThank you for lighting up our year.\u201D in a heavy serif with a sparkler writing light under it, beside a rangoli that draws itself outward petal by petal behind burning clay lamps, under a marigold garland and a swaying paper lantern \u2014 a seven-second loop, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "diwali", "deepavali", "festival of lights", "greeting", "thank you", "diya", "rangoli", "marigold", "sparkler", "saas", "post", "seasonal", "loop"],
+    platforms: ["instagram", "linkedin", "x", "threads", "facebook"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["announcement", "milestone"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Diwali thank-you post (animated)", preset("ig-post"));
+    k.quantizeGeometry = true;
+    diwaliBrand(k, { thanks: "Thank you\nfor lighting\nup our year.", sign: "Happy Diwali" }, "cream");
+    k.textStyle("Eyebrow 24", { size: 24, fontWeight: 700, letterSpacing: 5, lineHeight: 32, textCase: "UPPER" });
+    k.textStyle("Display 92", { ...SERIF, size: 92, fontWeight: 900, letterSpacing: -3, lineHeight: 92 });
+    k.textStyle("Display 104", { ...SERIF, size: 104, fontWeight: 900, letterSpacing: -3.4, lineHeight: 102 });
+    k.textStyle("Greeting 27", { size: 27, fontWeight: 500, lineHeight: 38 });
+    k.textStyle("Sign 30", { ...SERIF, size: 30, fontWeight: 800, fontStyle: "italic", lineHeight: 38 });
+    k.textStyle("Site 24", { size: 24, fontWeight: 600, lineHeight: 32 });
+    pill(k, "Sign pill", { fill: "primary", ink: "onPrimary", style: "Sign 30", label: "Happy Diwali", pad: [12, 28], radius: 999 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, { top: 210, right: 72, bottom: 64, left: 72 }, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    const s = POST;
+    sky(k, sheet, s);
+    const mandala = rangoli(k, sheet, s.rangoli);
+    diyas(k, sheet, s);
+    const light = lightWriting(k, sheet, TRAIL, { r: 40, loopMs: DURATION });
+    const top = k.stack(sheet, { width: 600, gap: 18, name: "Top" });
+    k.text(top, "{{brand.name}} \xB7 Diwali", { style: "Eyebrow 24", color: "onPaper", name: "Eyebrow" });
+    k.text(top, "{{brand.thanks}}", { style: "Display 92", color: "text", name: "Headline" });
+    k.stack(top, { height: 44, name: "Gap" });
+    k.text(top, "14,200 teams kept their books with {{brand.name}} this year. From all of us: light, health and a prosperous new one.", { style: "Greeting 27", color: "onPaper", width: 410, name: "Greeting" });
+    const foot = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 20, align: "CENTER", name: "Foot" });
+    k.instance(foot, "Sign pill", { Label: "{{brand.sign}}" }, { name: "Sign" });
+    k.text(foot, "{{brand.site}}", { style: "Site 24", color: "onPaper", autoWidth: true, name: "Site" });
+    hangings(k, sheet, s);
+    drawRangoli(k, mandala, 300, 150);
+    writeLight(k, light, TRAIL, 900, 1900);
+    sweepRangoli(k, mandala, 6100);
+    fadeLight(k, light, 6100);
+    k.cues(sheet, cues);
+    const moveLight = (kit, id, x, y) => {
+      const dx = x - TRAIL[0][0], dy = y - TRAIL[0][1];
+      for (const name of ["Light trail", "Sparks"]) for (const n of kit.named(id, name)) {
+        const box = kit.node(name === "Sparks" ? light.sparks : light.trail);
+        kit.patch(n, { x: box.x + dx, y: box.y + dy, width: box.width, height: box.height });
+      }
+    };
+    k.variants(sheet, postVariants({ portrait: 72 }, {
+      portrait: (kit, id) => {
+        kit.patch(id, { padding: { top: 230, right: 72, bottom: 72, left: 72 } });
+        fitScene(kit, id, scene(1350, { x: 760, y: 960 }, { x: 968, drop: 170 }, [{ x: 760, y: 1310, size: 116 }, { x: 566, y: 1284, size: 92 }, { x: 990, y: 1284, size: 92 }, { x: 610, y: 1166, size: 62 }]));
+        moveLight(kit, id, 72, 632);
+      },
+      vertical: (kit, id) => {
+        kit.patch(id, { padding: { ...kit.node(id).padding, top: 330 }, primaryAxisAlignItems: "MIN", itemSpacing: 44 });
+        for (const t of kit.named(id, "Headline")) kit.restyle(t, "Display 104");
+        for (const t of kit.named(id, "Top")) kit.patch(t, { width: 800 });
+        for (const t of kit.named(id, "Greeting")) kit.patch(t, { width: 700 });
+        fitScene(kit, id, scene(1920, { x: 540, y: 1436 }, { x: 1e3, drop: 250 }, [{ x: 540, y: 1800, size: 124 }, { x: 250, y: 1770, size: 100 }, { x: 830, y: 1770, size: 100 }, { x: 110, y: 1610, size: 70 }]));
+        moveLight(kit, id, 140, 770);
+      }
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  diwali_thanks_post_default
+};

package/dist/chunks/chunk-ZNXCORCH.js

@@ -0,0 +1,50 @@
+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 {
+  slideshow
+} from "./chunk-QBDKREEU.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/slideshow/adoption.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var story = {
+  id: "motion-slideshow-adoption",
+  song: "littleSteps",
+  voice: "grotesk",
+  meta: {
+    name: "Pet adoption slideshow",
+    description: "A cheerful adoption reel for an animal rescue: a title card with the shelter, puppies and kittens as chapters, each animal in its own scene with its name and nature, cut on the beats of a playful music-box track (made by PopCraft, CC0), pushes, slides and a light leak, and a closing card with the open day. Photos are CC0 from Wikimedia Commons; drop your own on any frame.",
+    tags: ["animation", "slideshow", "pet", "adoption", "rescue", "shelter", "dog", "puppy", "cat", "kitten", "charity", "photo", "music", "video"],
+    platforms: ["instagram", "tiktok", "facebook", "youtube"],
+    formats: ["video", "reel", "post"],
+    useCases: ["event", "announcement"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  brand: { paper: "#FFF1C9", onPaper: "#2D2140", accent: "#E8553E", shade: "#1F1730", onPhoto: "#FFFFFF", leak: "#FFB86B" },
+  fields: { names: "Meadowbank Rescue", date: "Adoption open day \xB7 Saturday 10\u20134" },
+  scenes: [
+    { kind: "title", name: "Opening", photo: "pet-05", kicker: "Looking for a sofa", beats: 8, move: "in" },
+    { kind: "chapter", name: "Chapter 1", kicker: "The dogs", title: "Woof", beats: 4 },
+    { kind: "photo", name: "Biscuit", photo: "pet-00", layout: "matted", caption: "Biscuit, zero to zoomies", place: "1 year \xB7 good with kids", beats: 4, move: "left", into: "push" },
+    { kind: "photo", name: "Pip", photo: "pet-02", layout: "matted", caption: "Pip will sit for cheese", place: "4 months \xB7 Jack Russell", beats: 4, move: "in", into: "push" },
+    { kind: "photo", name: "Moose", photo: "pet-03", layout: "matted", caption: "Moose, a gentleman", place: "6 months \xB7 Frenchie", beats: 4, move: "right", into: "slide" },
+    { kind: "chapter", name: "Chapter 2", kicker: "The cats", title: "Meow", beats: 4 },
+    { kind: "photo", name: "Pepper", photo: "pet-06", layout: "matted", caption: "Pepper sees everything", place: "2 years \xB7 indoor", beats: 4, move: "in", into: "push" },
+    { kind: "photo", name: "Litter", photo: "pet-08", layout: "matted", caption: "Three sisters, rehomed together", beats: 4, move: "left", into: "slide" },
+    { kind: "photo", name: "Nap", photo: "pet-07", caption: "Some of us just want a nap", beats: 6, move: "in", into: "leak" },
+    { kind: "end", name: "Ending", kicker: "Come and say hello" }
+  ]
+};
+var adoption_default = slideshow(story);
+
+export {
+  story,
+  adoption_default
+};

package/dist/chunks/chunk-ZOYR6CS5.js

@@ -0,0 +1,152 @@
+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 {
+  ANIME_MEDIA
+} from "./chunk-7Q37HUGJ.js";
+import {
+  SFX
+} from "./chunk-P2N433SW.js";
+import {
+  SCORES
+} from "./chunk-RF7T6ED3.js";
+import {
+  shippedWav
+} from "./chunk-QYD2DX5P.js";
+import {
+  characterComponent
+} from "./chunk-CD6MHGZT.js";
+import {
+  Lot
+} from "./chunk-UCGZ6DEK.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  ease,
+  sceneSequence
+} from "./chunk-PLZLKHOI.js";
+import {
+  setOnsetMarkers
+} from "./chunk-GFBUI5Q4.js";
+import {
+  detectOnsets
+} from "./chunk-EGSRWLGD.js";
+import {
+  H,
+  W
+} from "./chunk-NO5IP5VW.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/anime/shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var FPS = 30;
+var GAP = 160;
+var scoreHash = (key) => ANIME_MEDIA[`score.${key}`];
+var sfxHash = (key) => ANIME_MEDIA[`sfx.${key}`];
+function scoreOnsets(key) {
+  const { channels, sampleRate } = shippedWav(scoreHash(key));
+  return detectOnsets(channels, sampleRate).onsets;
+}
+function cutOnOnsets(key, onsets = scoreOnsets(key)) {
+  const s = SCORES[key];
+  return s.cuts.map((b) => {
+    const want = b * 6e4 / s.bpm;
+    const best = onsets.reduce((a, o) => Math.abs(o - want) < Math.abs(a - want) ? o : a, Infinity);
+    if (!(Math.abs(best - want) <= 1e3 / FPS)) throw new Error(`${key}: no onset at beat ${b} (${want} ms)`);
+    return Math.round(best);
+  });
+}
+var shortScenes = (s) => s.shots.map((sh) => ({ sheet: sh.name, cues: sh.cues ?? [], ...sh.counts?.length ? { counts: sh.counts } : {}, transition: sh.transition ?? null }));
+function shotDurations(s, cuts) {
+  const end = SCORES[s.score].beats * 6e4 / SCORES[s.score].bpm;
+  return s.shots.map((_, i) => {
+    const next = i + 1 < cuts.length ? cuts[i + 1] : end;
+    return Math.round(next - cuts[i] + (s.shots[i + 1]?.transition?.duration ?? 0));
+  });
+}
+function buildShort(s) {
+  const k = new Kit(s.title, preset("video-1080p"));
+  k.brand(s.colors, s.fields);
+  for (const c of s.characters) characterComponent(k, c, FPS);
+  const onsets = scoreOnsets(s.score);
+  const cuts = cutOnOnsets(s.score, onsets);
+  if (cuts.length !== s.shots.length) throw new Error(`${s.id}: ${s.shots.length} shots but ${cuts.length} cuts in the score`);
+  const durations = shotDurations(s, cuts);
+  const sheets = s.shots.map((sh, i) => {
+    const id = i === 0 ? k.sheet : k.addSheet(preset("video-1080p"), sh.name);
+    k.patch(id, {
+      name: sh.name,
+      x: i * (W + GAP),
+      y: 0,
+      width: W,
+      height: H,
+      clipsContent: true,
+      fills: k.paint(s.ground),
+      layoutMode: "VERTICAL",
+      layoutSizingHorizontal: "FIXED",
+      layoutSizingVertical: "FIXED",
+      primaryAxisAlignItems: "MAX",
+      counterAxisAlignItems: "CENTER",
+      itemSpacing: 24,
+      padding: { top: 64, right: 64, bottom: 64, left: 64 }
+    });
+    k.timeline(id, { duration: durations[i], fps: FPS });
+    sh.draw(new Lot(k, id, durations[i]), id, k);
+    return id;
+  });
+  s.shots.forEach((sh, i) => {
+    if (sh.counts?.length) k.counts(sheets[i], sh.counts);
+    if (sh.cues?.length) k.cues(sheets[i], sh.cues);
+  });
+  k.setCover(sheets[0]);
+  const doc = k.finish();
+  let comp = sceneSequence(doc.nodes, { id: `comp-${s.id}`, name: s.title, frames: sheets, fps: FPS, transitions: s.shots.slice(1).map((sh) => sh.transition ?? null), background: k.color(s.ground) });
+  if (comp.clips.some((c, i) => c.start !== cuts[i])) throw new Error(`${s.id}: a scene does not start on its onset (${comp.clips.map((c) => c.start)} vs ${cuts})`);
+  const total = SCORES[s.score].beats * 6e4 / SCORES[s.score].bpm;
+  const level = (v) => ({ gain: { keys: [{ id: "g0", t: 0, v, out: ease.hold }] } });
+  const music = { id: "music", mediaHash: scoreHash(s.score), name: SCORES[s.score].name, start: 0, in: 0, out: Math.round(total), lane: 0, fadeOut: 600, ...level(s.musicGain ?? 0.62) };
+  const effects = [];
+  s.shots.forEach((sh, i) => (sh.sfx ?? []).forEach((fx, j) => {
+    const full = Math.round(SFX[fx.key].seconds * 1e3);
+    effects.push({
+      id: `sfx-${i + 1}-${j + 1}`,
+      mediaHash: sfxHash(fx.key),
+      name: `${SFX[fx.key].name} (CC0)`,
+      start: Math.round(cuts[i] + fx.at),
+      in: 0,
+      out: Math.min(full, fx.out ?? full),
+      lane: fx.lane ?? 1,
+      ...fx.fadeOut ? { fadeOut: fx.fadeOut } : {},
+      ...level(Math.round((fx.gain ?? 1) * 0.7 * 100) / 100)
+    });
+  }));
+  const lanes = /* @__PURE__ */ new Map();
+  for (const e of effects.sort((a, b) => a.start - b.start)) {
+    let lane = e.lane;
+    while ((lanes.get(lane) ?? []).some((o) => e.start < o.start + (o.out - o.in) && o.start < e.start + (e.out - e.in))) lane++;
+    e.lane = lane;
+    lanes.set(lane, [...lanes.get(lane) ?? [], e]);
+  }
+  const audio = [music, ...effects].sort((a, b) => a.lane - b.lane || a.start - b.start);
+  const scenes = s.shots.map((sh, i) => ({ id: `scene-${i + 1}`, t: cuts[i], label: sh.name }));
+  comp = setOnsetMarkers({ ...comp, audio, markers: scenes }, onsets);
+  return { ...doc, compositions: { [comp.id]: comp } };
+}
+
+export {
+  FPS,
+  scoreHash,
+  sfxHash,
+  scoreOnsets,
+  cutOnOnsets,
+  shortScenes,
+  shotDurations,
+  buildShort
+};

package/dist/chunks/chunk-ZRGJ7MTR.js

@@ -0,0 +1,98 @@
+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 {
+  storyCut,
+  titleSafe
+} from "./chunk-3YBY6VW3.js";
+import {
+  logoBadge,
+  outro
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/data/counters.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var STATS = [
+  { name: "Rides", to: 1284530, label: "rides taken", unit: "" },
+  { name: "Distance", to: 3962400, label: "kilometres ridden", unit: "" },
+  { name: "Trips", to: 418e3, label: "car trips left at home", unit: "" }
+];
+var counts = STATS.map((s, i) => ({ layer: `${s.name} figure`, at: 700 + i * 250, duration: 2200, counter: { from: 0, to: s.to, separator: "," } }));
+var CARDS = STATS.map((s) => `${s.name} card`);
+var cues = [
+  { layer: "Logo", preset: "pop-in", at: 0 },
+  { layer: "Title", preset: "words-in", at: 150, params: { duration: 600, amount: 80 } },
+  { layer: CARDS, preset: "rise-in", at: 600, stagger: { delay: 250, order: "selection" } },
+  { layer: "Source", preset: "fade-in", at: 3400 },
+  outro(["Logo", ...CARDS, "Source"], 7600),
+  { layer: "Title", preset: "words-out", at: 7500, params: { duration: 400, amount: 40 } }
+];
+var counters_default = defineTemplate({
+  id: "motion-data-counters",
+  meta: {
+    name: "Counting stats",
+    description: "A bike-share scheme\u2019s first year as three figures that count up on their cards \u2014 rides, kilometres, car trips replaced \u2014 9 seconds, 16:9 with a 9:16 story cut",
+    category: "animation",
+    tags: ["animation", "data", "counter", "stats", "year in review", "transport", "city"],
+    platforms: ["instagram", "linkedin", "youtube", "slides"],
+    formats: ["video", "story", "slide-deck"],
+    useCases: ["stats", "report"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit("Counting stats", preset("video-1080p"));
+    k.brand(
+      { paper: "#0B2B26", text: "#F1F7F4", onPaper: "#A9CFC3", card: "#123D36", onCard: "#8EF0C8", muted: "#B9D9CF", badge: "#1C5A4F" },
+      { title: "Riverside Bikes, one year in" }
+    );
+    k.textStyle("Title 88", { size: 88, fontWeight: 900, letterSpacing: -2, lineHeight: 96, textAlign: "CENTER" });
+    k.textStyle("Title 72", { size: 72, fontWeight: 900, letterSpacing: -2, lineHeight: 80, textAlign: "CENTER" });
+    k.textStyle("Figure 112", { size: 112, fontWeight: 900, letterSpacing: -4, lineHeight: 120, textAlign: "CENTER" });
+    k.textStyle("Label 36", { size: 36, fontWeight: 600, lineHeight: 44, textAlign: "CENTER" });
+    k.textStyle("Source 26", { size: 26, fontWeight: 500, lineHeight: 32, textAlign: "CENTER" });
+    k.component("Source line", { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", props: { Source: "Riverside Bikes open data \xB7 Oct 2025 \u2013 Sep 2026" } }, (id) => {
+      k.ellipse(id, 12, "onCard", { name: "Dot" });
+      k.propText(id, "Source", { style: "Source 26", color: "onPaper", autoWidth: true });
+    });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 48, titleSafe(), "paper", "CENTER", "CENTER");
+    k.timeline(sheet, { duration: 9e3, fps: 30 });
+    logoBadge(k, sheet, { fill: "badge", size: 64, name: "Logo" });
+    k.text(sheet, "{{brand.title}}", { style: "Title 88", color: "text", name: "Title" });
+    const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 32, name: "Stats" });
+    for (const s of STATS) {
+      const card = k.stack(row, { width: "FILL", fill: "card", radius: 36, padding: { top: 44, right: 24, bottom: 44, left: 24 }, gap: 8, align: "CENTER", name: `${s.name} card` });
+      k.text(card, s.to.toLocaleString("en-US"), { style: "Figure 112", color: "onCard", name: `${s.name} figure` });
+      k.text(card, s.label, { style: "Label 36", color: "muted", name: `${s.name} label` });
+    }
+    k.instance(sheet, "Source line", { Source: "Riverside Bikes open data \xB7 Oct 2025 \u2013 Sep 2026" }, { name: "Source" });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    k.variants(sheet, storyCut((kit, id) => {
+      kit.patch(id, { itemSpacing: 32, counterAxisSpacing: 32 });
+      for (const r of kit.named(id, "Stats")) kit.patch(r, { layoutMode: "VERTICAL", itemSpacing: 20, counterAxisSpacing: 20 });
+      for (const s of STATS) for (const c of kit.named(id, `${s.name} card`)) kit.patch(c, { layoutSizingHorizontal: "FILL", padding: { top: 28, right: 24, bottom: 28, left: 24 } });
+      for (const t of kit.named(id, "Title")) kit.restyle(t, "Title 72");
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  counters_default
+};

package/dist/chunks/chunk-ZRRUSMJJ.js

@@ -0,0 +1,23 @@
+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 {
+  BLUE_HOUR
+} from "./chunk-7MK4ZDHO.js";
+import {
+  emailHeader
+} from "./chunk-OMIZ3MNS.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/email/festival-presale-jazz-header.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var festival_presale_jazz_header_default = emailHeader(BLUE_HOUR);
+
+export {
+  festival_presale_jazz_header_default
+};