@popcraft/kit 0.32.0 → 0.32.1

package/dist/chunks/chunk-GWSIK6GK.js

@@ -0,0 +1,197 @@
+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 {
+  FLOWERS,
+  bloom,
+  bloomBrand,
+  cut,
+  fitGarden,
+  garden,
+  keepBoxes
+} from "./chunk-KYGHSBCC.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  outro,
+  pill,
+  postVariants
+} from "./chunk-LEKU2ZW3.js";
+import {
+  r3
+} from "./chunk-6RCDZU4R.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SHOYVADV.js";
+import {
+  ease
+} from "./chunk-AY2VBUGS.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion/spring-bloom-first-hundred-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 7e3;
+var N = 10;
+var CELL = 46;
+var GAP = 6;
+var PAD = 15;
+var TRAY = PAD * 2 + N * CELL + (N - 1) * GAP;
+var UP = 700;
+var EACH = 22;
+var IN_FLOWER = { 7: FLOWERS.pinkDaisy, 13: FLOWERS.skyCosmos, 28: FLOWERS.daisy, 36: FLOWERS.cosmos, 41: FLOWERS.daisy, 55: FLOWERS.skyCosmos, 62: FLOWERS.pinkDaisy, 70: FLOWERS.cosmos, 84: FLOWERS.daisy, 89: FLOWERS.pinkDaisy, 93: FLOWERS.skyCosmos };
+var bed = (h, o = {}) => ({
+  w: 1080,
+  h,
+  loopMs: DURATION,
+  soil: h - 46,
+  depth: 300,
+  hills: 170,
+  petals: 8,
+  plants: [],
+  under: false,
+  // The cloud keeps clear of the headline: under a dark kit the words are white too.
+  sun: { x: 968, y: 120, r: 96 },
+  clouds: [{ x: 874, y: 214, w: 230 }],
+  ...o
+});
+var TRAY_AT = { post: { x: 464, y: 300 }, portrait: { x: 268, y: 716 }, vertical: { x: 145, y: 900, scale: 1.45 } };
+var counts = [
+  { layer: "Figure", at: UP, duration: EACH * 100, counter: { from: 0, to: 100 }, ease: ease.linear }
+];
+var cues = [
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 450 } },
+  { layer: "Headline", preset: "words-in", at: 80, params: { duration: 650 } },
+  { layer: "Figure", preset: "fade-in", at: UP - 200, params: { duration: 300 } },
+  { layer: "Sprout", preset: "pop-in", at: UP, params: { duration: 420 }, stagger: { delay: EACH } },
+  { layer: "Claim", preset: "rise-in", at: UP + 500, params: { duration: 700 } },
+  { layer: "Figure", preset: "pulse", at: UP + EACH * 100, params: { duration: 700, amount: 0.08 } },
+  { layer: "Thanks", preset: "rise-in", at: 3300, params: { duration: 700 } },
+  { layer: "Site", preset: "fade-in", at: 3700, params: { duration: 600 } },
+  { layer: "Sprout", preset: "pop-out", at: 6150, params: { duration: 300 }, stagger: { delay: 4 } },
+  outro(["Eyebrow", "Headline", "Figure", "Claim", "Thanks", "Site"], 6200)
+];
+function seedLeaf(c, ang, len, hw) {
+  const dx = Math.cos(ang), dy = Math.sin(ang), n = 8;
+  const side = (m) => Array.from({ length: n + 1 }, (_, i) => {
+    const t = i / n, d = 1.5 + len * t, w = hw * Math.sin(Math.PI * Math.pow(t, 0.8)) * m;
+    return { x: r3(c + dx * d - dy * w), y: r3(c + dy * d + dx * w) };
+  });
+  return { closed: true, points: [...side(1), ...side(-1).reverse().slice(1, -1)] };
+}
+var spring_bloom_first_hundred_post_default = defineTemplate({
+  id: "motion-spring-bloom-first-hundred-post",
+  meta: {
+    name: "Spring first shoots milestone post (animated)",
+    description: "A first-customers post for spring: \u201CFirst shoots.\u201D over a seed tray seen from above, ten cells by ten, where a seedling comes up in every cell while the figure counts them from nought to a hundred \u2014 a few already in flower \u2014 on a cut-paper morning with a paper sun, hills and drifting petals; the thanks and an offer for the next hundred rise at the foot. A seven-second loop, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "spring", "bloom", "seedlings", "seed tray", "first customers", "milestone", "build in public", "cut paper", "counter", "saas", "post", "seasonal", "loop"],
+    platforms: ["instagram", "linkedin", "x", "threads", "facebook"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["milestone", "announcement", "stats"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit("Spring first shoots milestone post (animated)", preset("ig-post"));
+    k.quantizeGeometry = true;
+    bloomBrand(k, { headline: "First shoots." });
+    k.textStyle("Eyebrow 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 2.6, lineHeight: 30, textCase: "UPPER" });
+    k.textStyle("Display 132", { size: 132, fontWeight: 900, letterSpacing: -6.4, lineHeight: 122 });
+    k.textStyle("Display 116", { size: 116, fontWeight: 900, letterSpacing: -5.4, lineHeight: 108 });
+    k.textStyle("Figure 210", { size: 210, fontWeight: 900, letterSpacing: -10, lineHeight: 180 });
+    k.textStyle("Claim 34", { ...SERIF, size: 34, fontStyle: "italic", fontWeight: 600, lineHeight: 42 });
+    k.textStyle("Thanks 26", { size: 26, fontWeight: 600, lineHeight: 35 });
+    k.textStyle("Claim 44", { ...SERIF, size: 44, fontStyle: "italic", fontWeight: 600, lineHeight: 54 });
+    k.textStyle("Thanks 34", { size: 34, fontWeight: 600, lineHeight: 46 });
+    k.textStyle("Site 22", { ...MONO, size: 22, fontWeight: 700, lineHeight: 30 });
+    k.textStyle("Tag 17", { ...MONO, size: 17, fontWeight: 800, letterSpacing: 0.6, lineHeight: 20, textCase: "UPPER" });
+    pill(k, "Code pill", { fill: "primary", ink: "onPrimary", style: "Site 22", label: "FIRSTSHOOTS", pad: [8, 18] });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 20, 72, "paper", "MIN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    const POST = bed(1080);
+    const ground = k.frame(sheet, { x: 0, y: 0, width: POST.w, height: POST.h }, { name: "Garden", clip: true });
+    garden(k, ground, POST);
+    const tray = k.frame(sheet, { ...TRAY_AT.post, width: TRAY, height: TRAY }, { name: "Tray" });
+    const whole = { absolute: { x: 0, y: 0 } };
+    k.rect(tray, TRAY, TRAY, "wood", { name: "Tray wood", radius: 18, effects: [cut(1, 0.3, 3)], ...whole });
+    k.rect(tray, TRAY - 12, TRAY - 12, [], { name: "Tray rim", radius: 13, stroke: { color: "woodShade", width: 3, align: "INSIDE" }, absolute: { x: 6, y: 6 } });
+    const at = (i) => ({ x: PAD + i % N * (CELL + GAP), y: PAD + Math.floor(i / N) * (CELL + GAP) });
+    const square = (x, y, s, r) => ({ closed: true, points: [[r, 0], [s - r, 0], [s, r], [s, s - r], [s - r, s], [r, s], [0, s - r], [0, r]].map(([a, b]) => ({ x: x + a, y: y + b })) });
+    k.vector(tray, TRAY, TRAY, Array.from({ length: N * N }, (_, i) => square(at(i).x, at(i).y, CELL, 7)), "soil", { name: "Cells", ...whole });
+    k.vector(tray, TRAY, TRAY, Array.from({ length: N * N }, (_, i) => square(at(i).x, at(i).y, CELL, 7)).map((p) => ({ closed: false, points: [p.points[6], p.points[7], p.points[0], p.points[1]] })), "soilDeep", { name: "Cell shade", strokeWidth: 4, opacity: 0.55, ...whole });
+    k.vector(tray, TRAY, TRAY, Array.from({ length: N * N * 3 }, (_, j) => {
+      const i = Math.floor(j / 3), a = j * 2.399 % (Math.PI * 2), d = 12 + j * 7 % 9;
+      const cx = at(i).x + CELL / 2 + d * Math.cos(a), cy = at(i).y + CELL / 2 + d * Math.sin(a);
+      return { closed: true, points: [0, 1, 2, 3, 4].map((n) => ({ x: r3(cx + 2.2 * Math.cos(n * 1.257)), y: r3(cy + 2.2 * Math.sin(n * 1.257)) })) };
+    }), "soilLight", { name: "Cell crumbs", opacity: 0.7, ...whole });
+    for (let j = 0; j < N * N; j++) {
+      const i = (j * 37 + 11) % (N * N);
+      const p = at(i), flower = IN_FLOWER[i];
+      if (flower) {
+        bloom(k, tray, flower, 22, { x: p.x + CELL / 2 - 22, y: p.y + CELL / 2 - 22 }, "Sprout");
+        continue;
+      }
+      const turn = i * 2.399 % Math.PI, big = 15 + i * 5 % 5;
+      k.vector(tray, CELL, CELL, [seedLeaf(CELL / 2, turn, big, 8), seedLeaf(CELL / 2, turn + Math.PI, big - 2, 7.5), seedLeaf(CELL / 2, turn + Math.PI / 2, 7, 4), seedLeaf(CELL / 2, turn - Math.PI / 2, 6, 3.5)], i % 3 ? "leaf" : "stem", { name: "Sprout", effects: [cut(0.4, 0.4)], absolute: p });
+    }
+    const tag = k.stack(tray, { direction: "HORIZONTAL", width: "HUG", fill: "packet", radius: 6, gap: 8, align: "CENTER", padding: { top: 6, right: 14, bottom: 6, left: 12 }, effects: [cut(1, 0.3, 1.4)], absolute: { x: TRAY - 214, y: TRAY - 12 }, name: "Tray label" });
+    k.ellipse(tag, 9, "soilMid", { name: "Tray label hole" });
+    k.text(tag, "Sown 3 March", { style: "Tag 17", color: "ink", autoWidth: true, name: "Tray label words" });
+    const top = k.stack(sheet, { gap: 10, name: "Top" });
+    k.text(top, "{{brand.name}} \xB7 six weeks in", { style: "Eyebrow 22", color: "text", name: "Eyebrow" });
+    k.text(top, "{{brand.headline}}", { style: "Display 132", color: "text", name: "Headline" });
+    const count = k.stack(sheet, { width: 372, gap: 4, name: "Count" });
+    k.text(count, "100", { style: "Figure 210", color: "accent", name: "Figure" });
+    k.text(count, "teams now keep a tidy backlog with {{brand.name}}.", { style: "Claim 34", color: "text", name: "Claim" });
+    const foot = k.stack(sheet, { width: 372, gap: 12, name: "Foot" });
+    k.text(foot, "Thank you for planting us. The next hundred get 40% off their first season.", { style: "Thanks 26", color: "onPaper", name: "Thanks" });
+    const site = k.stack(foot, { direction: "HORIZONTAL", gap: 14, align: "CENTER", wrap: true, name: "Site" });
+    k.instance(site, "Code pill", { Label: "FIRSTSHOOTS" }, { name: "Code" });
+    k.text(site, "{{brand.site}}", { style: "Site 22", color: "text", autoWidth: true, name: "Site words" });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    const place = (kit, id, to, g) => {
+      fitGarden(kit, sheet, id, g);
+      kit.named(sheet, "Tray").forEach((m, i) => {
+        const c = kit.named(id, "Tray")[i];
+        if (c) {
+          keepBoxes(kit, m, c);
+          kit.patch(c, { x: to.x, y: to.y, ...to.scale ? { anchorX: 0, anchorY: 0, scaleX: to.scale, scaleY: to.scale } : {} });
+        }
+      });
+      for (const name of ["Count", "Foot"]) for (const n of kit.named(id, name)) kit.patch(n, { layoutSizingHorizontal: "FILL" });
+    };
+    k.variants(sheet, postVariants({ portrait: 72 }, {
+      portrait: (kit, id) => {
+        place(kit, id, TRAY_AT.portrait, bed(1350, { sun: { x: 968, y: 130, r: 100 }, clouds: [{ x: 620, y: 300, w: 230 }] }));
+      },
+      vertical: (kit, id) => {
+        for (const t of kit.named(id, "Headline")) kit.restyle(t, "Display 116");
+        for (const t of kit.named(id, "Claim")) kit.restyle(t, "Claim 44");
+        for (const t of kit.named(id, "Thanks")) kit.restyle(t, "Thanks 34");
+        for (const t of kit.named(id, "Tray label")) kit.patch(t, { visible: false });
+        place(kit, id, TRAY_AT.vertical, bed(1920, { soil: 1740, sun: { x: 930, y: 150, r: 110 }, clouds: [{ x: -40, y: 90, w: 260 }, { x: 700, y: 760, w: 220 }] }));
+      }
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  spring_bloom_first_hundred_post_default
+};

package/dist/chunks/chunk-GWZD2DEW.js

@@ -0,0 +1,192 @@
+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 {
+  growStems,
+  solarpunkBrand,
+  town
+} from "./chunk-JBYZCJYG.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  score
+} from "./chunk-42LEBOKV.js";
+import {
+  place
+} from "./chunk-YHBAWSDX.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset,
+  swapTimes
+} from "./chunk-SHOYVADV.js";
+import {
+  ease
+} from "./chunk-AY2VBUGS.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion/solarpunk-rooftop-reel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var MUSIC = score("acoustic");
+var DURATION = MUSIC.duration;
+var beat = MUSIC.beat;
+var TOWN_W = 1760;
+var BLEED = (TOWN_W - 1080) / 2;
+var TOWN = {
+  // The reel does not loop, so the town's idle motion runs at twice the pace one turn of the film would give it.
+  w: TOWN_W,
+  h: 1920,
+  base: 1040,
+  bed: 1130,
+  u: 1,
+  loopMs: DURATION / 2,
+  seed: 9,
+  sun: { x: BLEED + 760, y: 720, size: 360 },
+  clouds: [{ x: BLEED + 170, y: 650, w: 300 }, { x: BLEED + 990, y: 590, w: 240 }, { x: 150, y: 600, w: 260 }, { x: 1640, y: 660, w: 240 }, { x: BLEED + 250, y: 120, w: 340 }, { x: BLEED + 860, y: 190, w: 260 }, { x: 120, y: 240, w: 300 }, { x: 1620, y: 150, w: 280 }],
+  birds: [{ x: BLEED + 620, y: 110, size: 16 }, { x: BLEED + 670, y: 86, size: 12 }, { x: BLEED + 720, y: 124, size: 10 }, { x: BLEED + 60, y: 560, size: 14 }, { x: BLEED + 110, y: 590, size: 10 }, { x: 200, y: 400, size: 14 }, { x: 1560, y: 380, size: 14 }],
+  turbines: [{ x: BLEED + 760, h: 300 }, { x: BLEED + 400, h: 350 }, { x: BLEED + 1040, h: 330 }, { x: 150, h: 400 }, { x: 1620, h: 420 }],
+  birdInk: "onPaper",
+  dawn: 540,
+  // Under the offer (where a vertical app lays its own buttons over the video), the product's namesake.
+  trellis: {
+    top: 1500,
+    vines: [
+      { x: BLEED + 230, y: 1960, height: 330, sway: 30, lean: 70, curl: 1, leaves: 6, leaf: 64, weight: 7, bloom: true },
+      { x: BLEED + 540, y: 1960, height: 400, sway: 34, lean: -16, curl: -1, leaves: 7, leaf: 70, weight: 8, bloom: true },
+      { x: BLEED + 850, y: 1960, height: 340, sway: -30, lean: -70, curl: -1, leaves: 6, leaf: 64, weight: 7, bloom: true }
+    ]
+  },
+  blocks: [
+    { x: 250, w: 180, h: 330, kind: "garden", vine: true },
+    { x: BLEED + 150, w: 190, h: 360, kind: "garden", vine: true },
+    { x: BLEED + 560, w: 180, h: 330, kind: "terrace" },
+    { x: BLEED + 880, w: 190, h: 370, kind: "garden", vine: true },
+    { x: 1560, w: 180, h: 300, kind: "terrace" },
+    { x: 40, w: 230, h: 220, kind: "dome" },
+    { x: BLEED - 20, w: 210, h: 250, kind: "solar" },
+    { x: BLEED + 310, w: 260, h: 210, kind: "dome" },
+    { x: BLEED + 700, w: 220, h: 240, kind: "solar", vine: true },
+    { x: 1400, w: 200, h: 230, kind: "dome" }
+  ],
+  fronds: [{ x: BLEED + 40, y: 1700, size: 320, lean: 0.25 }, { x: BLEED + 1040, y: 1740, size: 360, lean: -0.25 }, { x: BLEED + 300, y: 1990, size: 280 }, { x: BLEED + 790, y: 2e3, size: 300 }, { x: 150, y: 1960, size: 300 }, { x: 1640, y: 1960, size: 300 }]
+};
+var swaps = [
+  { layer: "Caption", words: ["Your meters already know where the watts go.", "Trellis reads them. No new hardware.", "It finds the power you can stop buying.", "Then it plans what your roof could grow."], at: beat(2), hold: 1825, stagger: 50, in: 350, out: 250, unit: "word", rise: 30 }
+];
+var cues = [
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 500 } },
+  { layer: "Hook", preset: "lines-in", at: 0, params: { duration: 600 } },
+  { layer: "Block", preset: "rise-in", at: beat(1), params: { duration: 700 }, stagger: { delay: 90 } },
+  { layer: "Turbine", preset: "rise-in", at: beat(2), params: { duration: 700 }, stagger: { delay: 150 } },
+  { layer: "Leaf", preset: "scale-in", at: beat(5), params: { duration: 500 }, stagger: { delay: 45 } },
+  { layer: "Bloom", preset: "pop-in", at: beat(8), params: { duration: 450 }, stagger: { delay: 200 } },
+  // Each reading pops out as the caption that speaks of it comes in.
+  { layer: "Reading A", preset: "pop-in", at: beat(12), params: { duration: 450 } },
+  { layer: "Reading B", preset: "pop-in", at: beat(17), params: { duration: 450 } },
+  { layer: "Front leaf", preset: "scale-in", at: beat(22), params: { duration: 500 }, stagger: { delay: 110 } },
+  { layer: "Call", preset: "rise-in", at: beat(22), params: { duration: 600 } },
+  { layer: "Site", preset: "fade-in", at: beat(23), params: { duration: 600 } },
+  { layer: "Call", preset: "pulse", at: beat(26), params: { duration: 900, amount: 0.05 } },
+  // The last bar is one ringing chord: the trellis flowers on it.
+  { layer: "Front bloom", preset: "pop-in", at: beat(28), params: { duration: 450 }, stagger: { delay: 200 } }
+];
+var solarpunk_rooftop_reel_default = defineTemplate({
+  id: "motion-solarpunk-rooftop-reel",
+  meta: {
+    name: "Solarpunk rooftop reel",
+    description: "A 20-second launch reel for a climate or energy product: \u201CYour roof is doing nothing.\u201D lands at once, then a rooftop town builds itself under it \u2014 houses rise, turbines turn, vines draw themselves up the walls and unfurl leaf by leaf while the sun climbs \u2014 with the story in burned-in captions over a fingerpicked guitar (made by PopCraft, CC0), every entrance on a beat, and a trellis that flowers under the offer on the last chord. 9:16 with 1:1 and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "solarpunk", "botanical", "art nouveau", "climate", "energy", "sustainability", "solar", "wind", "vines", "saas", "reel", "captions", "music", "audio", "launch"],
+    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
+    formats: ["reel", "short", "story", "post", "portrait-post"],
+    useCases: ["launch", "announcement", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, swaps },
+  build() {
+    const k = new Kit("Solarpunk rooftop reel", preset("ig-story"));
+    k.quantizeGeometry = true;
+    solarpunkBrand(k, { hook: "Your roof is\ndoing nothing." });
+    k.textStyle("Eyebrow 26", { size: 26, fontWeight: 700, letterSpacing: 5, lineHeight: 34, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Display 112", { ...SERIF, size: 112, fontWeight: 700, fontStyle: "italic", letterSpacing: -3.4, lineHeight: 108, textAlign: "CENTER" });
+    k.textStyle("Display 84", { ...SERIF, size: 84, fontWeight: 700, fontStyle: "italic", letterSpacing: -2.4, lineHeight: 84, textAlign: "CENTER" });
+    k.textStyle("Display 68", { ...SERIF, size: 68, fontWeight: 700, fontStyle: "italic", letterSpacing: -1.8, lineHeight: 70, textAlign: "CENTER" });
+    k.textStyle("Caption 40", { size: 40, fontWeight: 700, letterSpacing: -0.4, lineHeight: 50, textAlign: "CENTER" });
+    k.textStyle("Caption 32", { size: 32, fontWeight: 700, letterSpacing: -0.3, lineHeight: 40, textAlign: "CENTER" });
+    k.textStyle("Button 32", { size: 32, fontWeight: 800, lineHeight: 40 });
+    k.textStyle("Site 26", { size: 26, fontWeight: 600, letterSpacing: 1, lineHeight: 34, textAlign: "CENTER" });
+    k.textStyle("Reading 22", { ...MONO, size: 22, fontWeight: 700, lineHeight: 28 });
+    pill(k, "Button", { fill: "accent", ink: "onAccent", style: "Button 32", label: "Plant your first building", pad: [22, 44] });
+    pill(k, "Reading", { fill: "card", ink: "onCard", style: "Reading 22", label: "Meter 14 \xB7 idle load 31%", pad: [12, 20], radius: 10 });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Rooftop reel");
+    k.flowSheet(sheet, 0, verticalPadding(), "paper", "SPACE_BETWEEN", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
+    town(k, sheet, TOWN, { x: -BLEED, y: 0 });
+    const top = k.stack(sheet, { gap: 18, align: "CENTER", name: "Top" });
+    k.text(top, "{{brand.name}} \xB7 for buildings that give back", { style: "Eyebrow 26", color: "onPaper", name: "Eyebrow" });
+    k.text(top, "{{brand.hook}}", { style: "Display 112", color: "text", name: "Hook" });
+    const foot = k.stack(sheet, { gap: 26, align: "CENTER", name: "Foot" });
+    k.text(foot, swaps[0].words[0], { style: "Caption 40", color: "cream", name: "Caption" });
+    k.instance(foot, "Button", { Label: "Plant your first building" }, { name: "Call" });
+    k.text(foot, "Free for one building \xB7 {{brand.site}}", { style: "Site 26", color: "cream", name: "Site" });
+    k.instance(sheet, "Reading", { Label: "Meter 14 \xB7 idle load 31%" }, { name: "Reading A", absolute: { x: 150, y: 800 } });
+    k.instance(sheet, "Reading", { Label: "Roof B \xB7 room for 48 panels" }, { name: "Reading B", absolute: { x: 520, y: 930 } });
+    if (swapTimes(swaps[0]).at(-1).gone > DURATION) throw new Error("solarpunk reel: the captions run past the music");
+    for (const s of k.named(sheet, "Sun")) k.animate(s, "translateY", [{ t: 0, v: 260, ease: ease.out("cubic") }, { t: beat(16), v: 0 }]);
+    growStems(k, sheet, beat(4), 1800, 120);
+    growStems(k, sheet, beat(20), 2500, 300, void 0, "Front stem");
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    const reframe = (kit, id, spread) => {
+      kit.named(id, "Cloud").forEach((c, i) => {
+        if (i >= 4) kit.patch(c, { visible: false });
+      });
+      for (const b of [...kit.named(id, "Birds"), ...kit.named(id, "Trellis")]) kit.patch(b, { visible: false });
+      kit.named(id, "Fronds").slice(0, 2).forEach((f, i) => kit.patch(f, { x: kit.node(f).x + (i ? spread : -spread) }));
+    };
+    k.variants(sheet, feedVariants({ post: 56, portrait: 72 }, {
+      post: (kit, id) => {
+        const s = 1080 / TOWN_W;
+        place(kit, id, "Town", 0, 30, s);
+        reframe(kit, id, 200);
+        for (const n of kit.named(id, "Hook")) kit.restyle(n, "Display 68");
+        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 32");
+        for (const n of kit.named(id, "Foot")) kit.patch(n, { itemSpacing: 16 });
+        for (const n of kit.named(id, "Reading A")) kit.patch(n, { x: 60, y: 440 });
+        for (const n of kit.named(id, "Reading B")) kit.patch(n, { x: 610, y: 560 });
+      },
+      portrait: (kit, id) => {
+        const s = 0.8;
+        place(kit, id, "Town", (1080 - TOWN_W * s) / 2, 20, s);
+        reframe(kit, id, 90);
+        for (const n of kit.named(id, "Hook")) kit.restyle(n, "Display 84");
+        for (const n of kit.named(id, "Reading A")) kit.patch(n, { x: 70, y: 600 });
+        for (const n of kit.named(id, "Reading B")) kit.patch(n, { x: 610, y: 720 });
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  solarpunk_rooftop_reel_default
+};

package/dist/chunks/chunk-GXQVSUSM.js

@@ -0,0 +1,207 @@
+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 {
+  art,
+  disc
+} from "./chunk-V54E5JF2.js";
+import {
+  burstPath
+} from "./chunk-UDE42EDS.js";
+import {
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SHOYVADV.js";
+import {
+  init_print_pages,
+  listPrintPages,
+  placePrintPages
+} from "./chunk-HOC36BAJ.js";
+import {
+  init_page_presets,
+  presetPx
+} from "./chunk-XBVMM6ZD.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/print/printshop-booklet-open-day.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+init_print_pages();
+init_page_presets();
+var box = (x, y, w, h) => ({ closed: true, points: [{ x, y }, { x: x + w, y }, { x: x + w, y: y + h }, { x, y: y + h }] });
+var tri = (x, y, w, h) => ({ closed: true, points: [{ x, y: y + h }, { x: x + w / 2, y }, { x: x + w, y: y + h }] });
+var printshop_booklet_open_day_default = defineTemplate({
+  id: "print-printshop-booklet-open-day",
+  meta: {
+    name: "School open day booklet",
+    description: "A four-page A5 programme for a primary school\u2019s open day, printed on one sheet of A4 and folded: a cover of the school drawn in bright paper shapes under a big sun; inside the head teacher\u2019s welcome and the morning\u2019s timetable facing a plan of the school with every room a tile to rename; how to apply and key dates on the back. Prints as a booklet",
+    category: "brochure",
+    tags: ["booklet", "brochure", "school", "open day", "open house", "primary school", "education", "programme", "a5", "playful", "kids", "print"],
+    platforms: ["print"],
+    formats: ["document"],
+    useCases: ["event", "education"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  sequence: true,
+  build() {
+    const k = new Kit("School open day booklet", preset("a5"));
+    k.quantizeGeometry = true;
+    k.doc = { ...k.doc, settings: { ...k.doc.settings, facingPages: true } };
+    k.brand(
+      { paper: "#FFF9EE", text: "#22223B", onPaper: "#4A4A68", primary: "#2D5BD0", onPrimary: "#FFFFFF", accent: "#FFC93C", onAccent: "#22223B", card: "#FFFFFF", onCard: "#22223B", sky: "#BFE3FF", onSky: "#22223B" },
+      { name: "Hollins Park Primary", tagline: "Curious, kind and brave", email: "admissions@hollinspark.sch.uk", phone: "0113 496 0720", website: "hollinspark.sch.uk", address: "Hollins Lane, Leeds LS6 4RN" }
+    );
+    k.palette({ sun: "#FFC93C", sunRay: "#FFB020", grass: "#6CC070", hill: "#4FA65B", brick: "#E2603F", roof: "#2D5BD0", window: "#FFF3C4", door: "#22223B", flag: "#E23F7B", cloud: "#FFFFFF", red: "#E2603F", green: "#6CC070", pink: "#F59BB8", purple: "#8C6BE0" });
+    k.textStyle("Cover 46", { size: 46, fontWeight: 900, letterSpacing: -1.8, lineHeight: 44 });
+    k.textStyle("Title 26", { size: 30, fontWeight: 900, letterSpacing: -1, lineHeight: 32 });
+    k.textStyle("When 17", { size: 17, fontWeight: 800, letterSpacing: -0.2, lineHeight: 21 });
+    k.textStyle("Lead 13", { ...SERIF, size: 15, fontWeight: 400, lineHeight: 22 });
+    k.textStyle("Body 10.5", { size: 11.5, fontWeight: 500, lineHeight: 16 });
+    k.textStyle("Item 11", { size: 12.5, fontWeight: 800, lineHeight: 16 });
+    k.textStyle("Kicker 9", { size: 9, fontWeight: 900, letterSpacing: 1.6, lineHeight: 12 });
+    k.textStyle("Room 9", { size: 10, fontWeight: 800, lineHeight: 13 });
+    k.textStyle("Folio 9", { size: 9, fontWeight: 800, letterSpacing: 1, lineHeight: 12 });
+    k.component("Slot", { width: 487, direction: "HORIZONTAL", gap: 10, align: "MIN", props: { Time: "10:00", What: "Welcome in the hall", Detail: "Mrs Adeyemi and the school choir." } }, (id) => {
+      const t = k.stack(id, { width: 50, padding: { top: 3, right: 0, bottom: 3, left: 0 }, radius: 10, fill: "accent", align: "CENTER", name: "Time tag" });
+      k.propText(t, "Time", { style: "Item 11", color: "onAccent", autoWidth: true, align: "CENTER" });
+      const w = k.stack(id, { gap: 1, name: "Words" });
+      k.patch(w, { layoutSizingHorizontal: "FILL" });
+      k.propText(w, "What", { style: "Item 11", color: "text", width: "FILL" });
+      k.propText(w, "Detail", { style: "Body 10.5", color: "onPaper", width: "FILL" });
+    });
+    k.variantSet("Room", "Colour", ["Blue", "Yellow", "White"], { width: 149, padding: 10, radius: 8, gap: 2, props: { Room: "Reception", Note: "Phonics and play" } }, (c, id) => {
+      const ink = c === "Blue" ? "onPrimary" : c === "Yellow" ? "onAccent" : "onCard";
+      k.propText(id, "Room", { style: "Room 9", color: ink, width: "FILL" });
+      k.propText(id, "Note", { style: "Body 10.5", color: ink, width: "FILL" });
+    }, (c) => ({ fill: c === "Blue" ? "primary" : c === "Yellow" ? "accent" : "card", ...c === "White" ? { stroke: { color: "text", width: 1.5, align: "INSIDE" } } : {} }));
+    const size = presetPx(preset("a5"));
+    const W = size.width, H = size.height, B = size.bleed, M = 36;
+    const pages = [];
+    const page = (name, o = {}) => {
+      const id = pages.length ? k.addSheet(preset("a5"), name) : k.sheet;
+      if (!pages.length) k.nameSheet(id, name);
+      k.flowSheet(id, o.gap ?? 16, M, o.paper ?? "paper", o.justify ?? "MIN", "MIN");
+      k.patch(id, { clipsContent: false });
+      pages.push(id);
+      return id;
+    };
+    const folio = (p, n, side) => k.text(p, `${String(n).padStart(2, "0")} \xB7 OPEN DAY`, { style: "Folio 9", color: "onPaper", width: "FILL", align: side, name: "Folio" });
+    const cover = page("Cover", { justify: "SPACE_BETWEEN", paper: "paper" });
+    art(k, cover, W, H, B, [box(-B, -B, W + B * 2, H * 0.72 + B)], "sky", { name: "Sky" });
+    art(k, cover, W, H, B, [{ ...burstPath(150, 20, 0.18), points: burstPath(150, 20, 0.18).points.map((p) => ({ ...p, x: p.x + W - 110, y: p.y + 210 })) }], "sunRay", { name: "Sun rays" });
+    art(k, cover, W, H, B, [disc(W - 35, 285, 52)], "sun", { name: "Sun" });
+    art(k, cover, W, H, B, [disc(70, 300, 26), disc(100, 290, 32), disc(132, 302, 24)], "cloud", { name: "Cloud" });
+    art(k, cover, W, H, B, [{ closed: true, points: [{ x: -B, y: H * 0.7 }, { x: W * 0.4, y: H * 0.62, handleIn: { x: W * 0.2, y: H * 0.62 }, handleOut: { x: W * 0.6, y: H * 0.62 } }, { x: W + B, y: H * 0.7 }, { x: W + B, y: H + B }, { x: -B, y: H + B }] }], "hill", { name: "Hill" });
+    art(k, cover, W, H, B, [box(-B, H * 0.8, W + B * 2, H * 0.2 + B)], "grass", { name: "Grass" });
+    const sx = W * 0.1, sy = H * 0.5, sw = W * 0.8, sh = 132;
+    art(k, cover, W, H, B, [box(sx, sy, sw, sh)], "brick", { name: "School" });
+    art(k, cover, W, H, B, [tri(sx - 10, sy - 44, sw + 20, 46)], "roof", { name: "Roof" });
+    art(k, cover, W, H, B, [box(sx + sw / 2 - 24, sy - 104, 48, 70)], "brick", { name: "Tower" });
+    art(k, cover, W, H, B, [tri(sx + sw / 2 - 30, sy - 140, 60, 38)], "roof", { name: "Tower roof" });
+    art(k, cover, W, H, B, [box(sx + sw / 2 - 1, sy - 176, 2, 38)], "door", { name: "Flagpole" });
+    art(k, cover, W, H, B, [tri(sx + sw / 2 + 1, sy - 176, 26, 16)], "flag", { name: "Flag" });
+    art(k, cover, W, H, B, [disc(sx + sw / 2, sy - 72, 12)], "window", { name: "Clock" });
+    art(k, cover, W, H, B, Array.from({ length: 12 }, (_, i) => box(sx + 18 + i % 6 * ((sw - 36) / 6) + (i % 6 >= 3 ? 14 : 0), sy + 16 + Math.floor(i / 6) * 46, 30, 30)), "window", { name: "Windows" });
+    art(k, cover, W, H, B, [box(sx + sw / 2 - 18, sy + sh - 56, 36, 56)], "door", { name: "Door" });
+    art(k, cover, W, H, B, [{ closed: true, points: [{ x: sx + sw / 2 - 18, y: sy + sh }, { x: sx + sw / 2 + 18, y: sy + sh }, { x: sx + sw / 2 + 70, y: H + B }, { x: sx + sw / 2 - 70, y: H + B }] }], "window", { name: "Path" });
+    art(k, cover, W, H, B, [box(28, sy + 60, 10, 90), box(W - 38, sy + 70, 10, 80)], "door", { name: "Trunks" });
+    art(k, cover, W, H, B, [disc(33, sy + 46, 34), disc(W - 33, sy + 56, 28)], "hill", { name: "Treetops" });
+    const flagsL = Array.from({ length: 6 }, (_, i) => {
+      const t = (i + 0.5) / 6, x = sx + sw / 2 - 24 - t * (sw / 2 - 10), y = sy - 92 + t * 70 + Math.sin(t * Math.PI) * 14;
+      return tri(x - 8, y, 16, 18);
+    });
+    const flagsR = Array.from({ length: 6 }, (_, i) => {
+      const t = (i + 0.5) / 6, x = sx + sw / 2 + 24 + t * (sw / 2 - 10), y = sy - 92 + t * 70 + Math.sin(t * Math.PI) * 14;
+      return tri(x - 8, y, 16, 18);
+    });
+    const flip = (p) => {
+      const ys = p.points.map((q) => q.y);
+      const top = Math.min(...ys), bot = Math.max(...ys);
+      return { ...p, points: p.points.map((q) => ({ ...q, y: top + bot - q.y })) };
+    };
+    const string = (dir) => ({ closed: false, points: Array.from({ length: 13 }, (_, i) => {
+      const t = i / 12;
+      return { x: sx + sw / 2 + dir * (24 + t * (sw / 2 - 10)) - 0, y: sy - 92 + t * 70 + Math.sin(t * Math.PI) * 14 };
+    }) });
+    art(k, cover, W, H, B, [string(-1), string(1)], "door", { name: "Bunting string", strokeWidth: 1.5 });
+    art(k, cover, W, H, B, [...flagsL, ...flagsR].filter((_, i) => i % 3 === 0).map(flip), "flag", { name: "Bunting, pink" });
+    art(k, cover, W, H, B, [...flagsL, ...flagsR].filter((_, i) => i % 3 === 1).map(flip), "sun", { name: "Bunting, yellow" });
+    art(k, cover, W, H, B, [...flagsL, ...flagsR].filter((_, i) => i % 3 === 2).map(flip), "roof", { name: "Bunting, blue" });
+    const cw = k.stack(cover, { gap: 8, name: "Cover words" });
+    k.text(cw, "{{brand.name}}", { style: "Kicker 9", color: "onSky", width: "FILL", name: "School" });
+    k.text(cw, "Come and see us!", { style: "Cover 46", color: "onSky", width: "FILL", name: "Title" });
+    const when = k.stack(cover, { gap: 2, padding: 14, radius: 14, fill: "accent", width: "HUG", name: "When" });
+    k.text(when, "OPEN DAY \xB7 SATURDAY 14 NOVEMBER", { style: "Kicker 9", color: "onAccent", autoWidth: true, name: "Date" });
+    k.text(when, "10 am \u2013 1 pm \xB7 everyone welcome", { style: "When 17", color: "onAccent", autoWidth: true, name: "Time" });
+    const p2 = page("Welcome", { gap: 14 });
+    art(k, p2, W, H, B, [disc(-10, -10, 70)], "sun", { name: "Corner sun" });
+    k.text(p2, "WELCOME", { style: "Kicker 9", color: "onPaper", width: "FILL", name: "Kicker" });
+    k.text(p2, "A morning in our shoes", { style: "Title 26", color: "text", width: "FILL", name: "Title" });
+    k.text(p2, "Walk round, sit in on a lesson, try the climbing wall and ask our children anything; they give the best tours. Grown-ups and little ones are both welcome all morning.", { style: "Lead 13", color: "text", width: "FILL", name: "Welcome" });
+    k.text(p2, "Mrs Funmi Adeyemi, head teacher", { style: "Body 10.5", color: "onPaper", width: "FILL", name: "Head" });
+    const slots = k.stack(p2, { gap: 14, name: "Timetable" });
+    for (const [t, w, d] of [["10:00", "Welcome in the hall", "Mrs Adeyemi and the school choir."], ["10:20", "Tours with Year 6 guides", "Leave every ten minutes from the front desk."], ["11:00", "Taster lessons", "Phonics in Reception, science in Year 3."], ["11:45", "Meet the teachers", "Coffee and cake in the library."], ["12:30", "Questions with the head", "Admissions, clubs and wraparound care."]]) k.instance(slots, "Slot", { Time: t, What: w, Detail: d }, { width: "FILL", name: "Slot" });
+    const quote = k.stack(p2, { gap: 4, padding: 16, radius: 14, fill: "sky", name: "Parent quote" });
+    k.text(quote, "\u201COur daughter asked to stay for lunch. That was the moment we knew.\u201D", { style: "Lead 13", color: "onSky", width: "FILL", name: "Quote" });
+    k.text(quote, "PARENT OF A YEAR 2 PUPIL", { style: "Kicker 9", color: "onSky", width: "FILL", name: "Quote by" });
+    const sp2 = k.stack(p2, { name: "Space" });
+    k.patch(sp2, { layoutSizingVertical: "FILL" });
+    folio(p2, 2, "LEFT");
+    const p3 = page("Map", { gap: 14 });
+    k.text(p3, "FIND YOUR WAY", { style: "Kicker 9", color: "onPaper", width: "FILL", name: "Kicker" });
+    k.text(p3, "Our school", { style: "Title 26", color: "text", width: "FILL", name: "Title" });
+    const plan = k.stack(p3, { gap: 10, padding: 12, radius: 16, fill: "card", stroke: { color: "text", width: 2 }, name: "Plan" });
+    const row = (rooms) => {
+      const r = k.stack(plan, { direction: "HORIZONTAL", gap: 8, name: "Plan row" });
+      for (const [n, note, c] of rooms) {
+        const id = k.instance(r, `Room/${c}`, { Room: n, Note: note }, { name: "Room" });
+        k.patch(id, { layoutSizingHorizontal: "FILL" });
+      }
+    };
+    row([["Reception", "Phonics and play", "Yellow"], ["Year 1 & 2", "Reading corner", "White"], ["Library", "Coffee and cake", "Blue"]]);
+    row([["Hall", "Welcome at 10", "Blue"], ["Year 3 & 4", "Science taster", "Yellow"]]);
+    row([["Year 5 & 6", "Robots club", "White"], ["Art room", "Make a badge", "Yellow"], ["Front desk", "Tours start here", "Blue"]]);
+    row([["Playground", "Climbing wall", "White"], ["Garden", "Pond dipping", "Yellow"]]);
+    k.text(p3, "TRY THESE ON THE DAY", { style: "Kicker 9", color: "onPaper", width: "FILL", name: "Try title" });
+    k.text(p3, "\u2022 Make a badge in the art room\n\u2022 Ask a Year 6 guide their favourite lesson\n\u2022 Find the hedgehog house in the garden", { style: "Body 10.5", color: "text", width: "FILL", name: "Try" });
+    k.text(p3, "GETTING HERE", { style: "Kicker 9", color: "onPaper", width: "FILL", name: "Getting title" });
+    k.text(p3, "Park on Hollins Lane or at St Michael\u2019s church, two minutes away; the school car park is for blue badges on the day. Buggies welcome everywhere, and there is a lift to the library.", { style: "Body 10.5", color: "text", width: "FILL", name: "Getting here" });
+    const sp3 = k.stack(p3, { name: "Space" });
+    k.patch(sp3, { layoutSizingVertical: "FILL" });
+    folio(p3, 3, "RIGHT");
+    const back = page("Back cover", { gap: 14, justify: "SPACE_BETWEEN", paper: "primary" });
+    art(k, back, W, H, B, [disc(W + 10, H + 10, 120)], "sun", { name: "Corner sun" });
+    art(k, back, W, H, B, [disc(W - 60, H - 150, 10), disc(W - 110, H - 70, 7), disc(W - 30, H - 210, 6)], "pink", { name: "Dots" });
+    const bw = k.stack(back, { gap: 12, name: "Apply" });
+    k.text(bw, "STARTING IN SEPTEMBER?", { style: "Kicker 9", color: "onPrimary", width: "FILL", name: "Kicker" });
+    k.text(bw, "How to apply for a place", { style: "Title 26", color: "onPrimary", width: "FILL", name: "Title" });
+    k.text(bw, "Apply through Leeds City Council by 15 January for Reception, naming us as one of your five choices. Moving in mid-year? Call the office and we will show you round any morning.", { style: "Lead 13", color: "onPrimary", width: "FILL", name: "How" });
+    const dates = k.stack(bw, { gap: 6, padding: 16, radius: 14, fill: "card", name: "Dates" });
+    k.text(dates, "KEY DATES", { style: "Kicker 9", color: "onCard", width: "FILL", name: "Dates title" });
+    k.text(dates, "14 Nov \xB7 Open day, 10 am \u2013 1 pm\n2 Dec \xB7 Evening tour, 6 pm\n15 Jan \xB7 Applications close\n16 Apr \xB7 Offers sent", { style: "Body 10.5", color: "onCard", width: "FILL", name: "Dates list" });
+    const bb = k.stack(back, { gap: 4, name: "Contact" });
+    k.text(bb, "{{brand.name}}", { style: "Item 11", color: "onPrimary", width: "FILL", name: "School" });
+    k.text(bb, "{{brand.address}}\n{{brand.phone}} \xB7 {{brand.email}}\n{{brand.website}}", { style: "Body 10.5", color: "onPrimary", width: "FILL", name: "Details" });
+    const patches = placePrintPages(k.doc, k.pageId);
+    for (const [id, p] of Object.entries(patches)) k.patch(id, p);
+    if (listPrintPages(k.doc, k.pageId).length % 4) throw new Error("a folded booklet needs a multiple of four pages");
+    k.setCover(cover);
+    return k.finish();
+  }
+});
+
+export {
+  printshop_booklet_open_day_default
+};