@popcraft/kit 0.29.0 → 0.31.0

package/dist/chunks/chunk-G5TVYUEE.js

@@ -0,0 +1,156 @@
+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 {
+  HARVEST,
+  almanacRule,
+  fallLeaves,
+  farFields,
+  field,
+  fitChart,
+  fitField,
+  fitLeaves,
+  growBars,
+  harvestBrand,
+  label,
+  leaves,
+  ledgerLine,
+  nearField,
+  strew,
+  wheatChart
+} from "./chunk-XW6UK4XV.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  outro,
+  pill,
+  postVariants
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/autumn-harvest-thanks-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 7500;
+var land = (h, near, sun, birds) => field({ w: 1080, h, near, loopMs: DURATION }, { sun, birds, pumpkins: [[0.975, 0.9], [0.86, 0.62]] });
+var SHEAF = { x: 720, base: 962, width: 330, height: 430, values: [100, 78], tags: ["", ""], tagStyle: "Figure 34" };
+var litter = (h, near, corner) => [
+  { x: corner.x, y: corner.y, size: 120, turn: 48, tone: "rust", oak: true },
+  ...strew(31, 9, { x0: 60, x1: 1020, y0: near + 100, y1: Math.max(near + 120, h - 50) }, [76, 124]),
+  ...strew(43, 3, { x0: 420, x1: 700, y0: near - 120, y1: near - 40 }, [60, 90])
+];
+var LEDGER = [
+  { name: "Sent", item: "Invoices you sent", counter: { from: 0, to: HARVEST.invoices, separator: "," } },
+  { name: "On time", item: "Paid on time", counter: { from: 0, to: HARVEST.onTime, suffix: "%" } },
+  { name: "Sooner", item: "Days sooner than in 2025", counter: { from: 0, to: HARVEST.sooner } }
+];
+var counts = LEDGER.map((l, i) => ({ layer: l.name, at: 1300 + i * 320, duration: 1500, counter: l.counter }));
+var cues = [
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 400 } },
+  { layer: "Headline", preset: "words-in", at: 100, params: { duration: 650 } },
+  // A leaf is unseen until it starts to fall, so the loop's first frame is its last.
+  { layer: "Leaf", preset: "fade-in", at: 300, params: { duration: 200 }, stagger: { delay: 260 } },
+  { layer: "Packet", preset: "rise-in", at: 700, params: { duration: 700 } },
+  { layer: "Ledger line", preset: "fade-in", at: 1200, params: { duration: 450 }, stagger: { delay: 320 } },
+  { layer: "Sign-off", preset: "fade-in", at: 2500, params: { duration: 600 } },
+  { layer: "Foot", preset: "fade-in", at: 2800, params: { duration: 600 } },
+  { layer: "Packet", preset: "pulse", at: 4600, params: { duration: 800, amount: 0.03 } },
+  // The leaves blow off and the words leave; the wheat goes back into the ground (`growBars`), so the loop regrows it.
+  { layer: "Leaf", preset: "fade-out", at: 6700, params: { duration: 350 }, stagger: { delay: 25 } },
+  outro(["Eyebrow", "Headline", "Packet", "Foot"], 6700)
+];
+var autumn_harvest_thanks_post_default = defineTemplate({
+  id: "motion-autumn-harvest-thanks-post",
+  meta: {
+    name: "Autumn harvest thank-you post (animated)",
+    description: "An end-of-season thank-you to customers: \u201CThank you for a good year.\u201D over a linocut field, with the year\u2019s ledger filling in on a seed-packet label (each figure counting up), a sheaf of wheat growing before a low sun and leaves falling and settling in the furrows \u2014 a seven-and-a-half-second loop, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "autumn", "harvest", "fall", "thank you", "gratitude", "thanksgiving", "year in review", "almanac", "linocut", "seed packet", "ledger", "counter", "leaves", "saas", "post", "seasonal", "loop"],
+    platforms: ["instagram", "linkedin", "x", "threads", "facebook"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["milestone", "stats", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit("Autumn harvest thank-you post (animated)", preset("ig-post"));
+    k.quantizeGeometry = true;
+    harvestBrand(k, { thanks: "Thank you for a good year." });
+    k.textStyle("Eyebrow 24", { size: 24, fontWeight: 700, letterSpacing: 5, lineHeight: 32, textCase: "UPPER" });
+    k.textStyle("Display 128", { ...SERIF, size: 128, fontWeight: 900, letterSpacing: -4.4, lineHeight: 118 });
+    k.textStyle("Band 18", { size: 18, fontWeight: 800, letterSpacing: 4, lineHeight: 24, textCase: "UPPER" });
+    k.textStyle("Item 28", { ...SERIF, size: 28, fontWeight: 600, lineHeight: 36 });
+    k.textStyle("Figure 34", { ...MONO, size: 34, fontWeight: 800, letterSpacing: -1, lineHeight: 40 });
+    k.textStyle("Sign-off 22", { ...SERIF, size: 22, fontStyle: "italic", fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Foot 26", { size: 26, fontWeight: 600, lineHeight: 34 });
+    k.textStyle("Seal 24", { ...MONO, size: 24, fontWeight: 700, lineHeight: 32 });
+    pill(k, "Seal", { fill: "primary", ink: "onPrimary", style: "Seal 24", label: "bushel.example/2026", pad: [9, 20], radius: 6 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, 72, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    const g = land(1080, 950, { x: 850, y: 640, size: 400 }, { x: 760, y: 420 });
+    farFields(k, sheet, g);
+    wheatChart(k, sheet, SHEAF);
+    for (const t of k.named(sheet, "Tag")) k.patch(t, { visible: false });
+    nearField(k, sheet, g);
+    const top = k.stack(sheet, { gap: 16, name: "Top" });
+    k.text(top, "{{brand.name}} almanac \xB7 end of the season", { style: "Eyebrow 24", color: "onPaper", name: "Eyebrow" });
+    almanacRule(k, top, { width: "FILL" });
+    k.text(top, "{{brand.thanks}}", { style: "Display 128", color: "text", name: "Headline" });
+    const packet = label(k, sheet, { width: 680, band: "Packed for 31,412 freelancers", bandStyle: "Band 18", name: "Packet", gap: 14 });
+    for (const l of LEDGER) ledgerLine(k, packet.body, { item: l.item, figure: "0", itemStyle: "Item 28", figureStyle: "Figure 34", figureName: l.name });
+    k.text(packet.body, "You did the work. We only chased the invoices.", { style: "Sign-off 22", color: "inkSoft", name: "Sign-off" });
+    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 22, align: "CENTER", name: "Foot" });
+    k.instance(foot, "Seal", { Label: "{{brand.site}}/2026" }, { name: "Seal" });
+    k.text(foot, "From the six of us at {{brand.name}}.", { style: "Foot 26", color: "label", name: "Sender" });
+    k.counts(sheet, counts);
+    k.finish();
+    const corner = (kit, id) => {
+      const p = kit.node(kit.named(id, "Packet")[0]);
+      return { x: p.x + p.width - 20, y: p.y + 4 };
+    };
+    leaves(k, sheet, litter(1080, g.near, corner(k, sheet)));
+    growBars(k, sheet, 500, 260, 1e3, { at: 6700, duration: 500 });
+    fallLeaves(k, sheet, { at: 300, gap: 260, duration: 2600 });
+    k.cues(sheet, cues);
+    k.variants(sheet, postVariants({ portrait: 80 }, {
+      portrait: (kit, id) => {
+        const y = land(1350, 1200, { x: 840, y: 860, size: 430 }, { x: 800, y: 560 });
+        fitField(kit, id, y);
+        fitChart(kit, id, SHEAF, { x: 700, base: 1212, scale: 1.1 });
+        kit.finish();
+        fitLeaves(kit, id, litter(1350, y.near, corner(kit, id)));
+      },
+      vertical: (kit, id) => {
+        for (const n of kit.named(id, "Foot")) kit.patch(n, { layoutMode: "VERTICAL", counterAxisAlignItems: "MIN", itemSpacing: 14 });
+        for (const n of kit.named(id, "Sender")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
+        const y = land(1920, 1360, { x: 800, y: 1010, size: 460 }, { x: 700, y: 720 });
+        fitField(kit, id, y);
+        fitChart(kit, id, SHEAF, { x: 640, base: 1372, scale: 1.2 });
+        kit.finish();
+        fitLeaves(kit, id, litter(1920, y.near, corner(kit, id)));
+      }
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  autumn_harvest_thanks_post_default
+};

package/dist/chunks/chunk-G6OWNTWC.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 {
+  BARLEY_MOON
+} from "./chunk-WCXDLKUP.js";
+import {
+  reel
+} from "./chunk-6MQXGMKX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion/festival-presale-folk-reel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var festival_presale_folk_reel_default = reel(BARLEY_MOON);
+
+export {
+  festival_presale_folk_reel_default
+};

package/dist/chunks/chunk-G6WNVRXL.js

@@ -0,0 +1,81 @@
+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 {
+  CHANNEL_COLORS,
+  CHANNEL_FIELDS
+} from "./chunk-UB5NQBGK.js";
+import {
+  outro,
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/video/youtube-chapter.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var CHAPTERS = 5;
+var CURRENT = 2;
+var cues = [
+  { layer: "Chapter tag", preset: "drop-in", at: 100 },
+  { layer: "Rule", preset: "wipe-in", at: 300, params: { duration: 600 } },
+  { layer: "Chapter title", preset: "rise-in", at: 400, params: { duration: 700 } },
+  { layer: "Timestamp", preset: "fade-in", at: 800 },
+  { layer: "Dot", preset: "pop-in", at: 900, params: { duration: 400 }, stagger: { delay: 80 } },
+  { layer: "Rule", preset: "wipe-out", at: 3400, params: { duration: 400 } },
+  outro(["Chapter tag", "Chapter title", "Timestamp", "Dot"], 3300, { gap: 30, duration: 350 })
+];
+var youtube_chapter_default = defineTemplate({
+  id: "motion-youtube-chapter",
+  meta: {
+    name: "Chapter title card",
+    description: "A four-second chapter card at 1920\xD71080: the chapter number drops, a rule wipes, the title rises and the chapter dots pop in with the current one lit \u2014 cut it in between the parts of a long video",
+    category: "animation",
+    tags: ["animation", "youtube", "chapter", "title card", "video", "tutorial"],
+    platforms: ["youtube"],
+    formats: ["title-card", "video"],
+    useCases: ["title", "education"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Chapter title card", preset("video-1080p"));
+    k.brand(CHANNEL_COLORS, { ...CHANNEL_FIELDS, chapter: "Setting up the workbench" });
+    k.textStyle("Chapter 112", { size: 112, fontWeight: 900, letterSpacing: -3, lineHeight: 116 });
+    k.textStyle("Tag 30", { size: 30, fontWeight: 800, letterSpacing: 4, lineHeight: 36 });
+    k.textStyle("Time 34", { size: 34, fontWeight: 600, lineHeight: 42 });
+    pill(k, "Tag", { fill: "primary", ink: "onPrimary", style: "Tag 30", label: `CHAPTER 0${CURRENT}`, pad: [12, 28] });
+    k.component("Chapter dot", { width: 56, height: 12, fill: "card", radius: 6, props: {} }, () => {
+    });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 32, { top: 96, right: 200, bottom: 120, left: 200 }, "paper", "CENTER", "MIN");
+    k.timeline(sheet, { duration: 4e3, fps: 30 });
+    k.instance(sheet, "Tag", { Label: `CHAPTER 0${CURRENT}` }, { name: "Chapter tag" });
+    k.stack(sheet, { width: 200, height: 10, fill: "primary", radius: 5, clip: true, name: "Rule" });
+    k.text(sheet, "{{brand.chapter}}", { style: "Chapter 112", color: "text", name: "Chapter title" });
+    k.text(sheet, "04:12 \xB7 {{brand.name}}", { style: "Time 34", color: "onPaper", name: "Timestamp" });
+    const dots = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 12, name: "Chapters" });
+    for (let i = 1; i <= CHAPTERS; i++) {
+      const dot = k.instance(dots, "Chapter dot", {}, { name: "Dot" });
+      if (i === CURRENT) k.patch(dot, { fills: k.paint("primary") });
+    }
+    k.cues(sheet, cues);
+    return k.finish();
+  }
+});
+
+export {
+  youtube_chapter_default
+};

package/dist/chunks/chunk-G7F6PELH.js

@@ -0,0 +1,164 @@
+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 {
+  blindsWindow,
+  castLight,
+  fitCastLight,
+  fitWindow,
+  noirBrand,
+  stamp
+} from "./chunk-LLOS2L3K.js";
+import {
+  fitRain,
+  rain
+} from "./chunk-NSF4CXZC.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  captionSwap
+} from "./chunk-ERLSOXU6.js";
+import {
+  bed
+} from "./chunk-42LEBOKV.js";
+import {
+  hide
+} from "./chunk-YHBAWSDX.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion/noir-case-reel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var MUSIC = bed("noirJazz", 18);
+var DURATION = MUSIC.duration;
+var beat = MUSIC.beat;
+var swaps = [
+  captionSwap(["It left quietly. Nobody saw it.", "Gumshoe read every invoice since January.", "214 renewals failed. Nobody retried them.", "Recovered by Friday. The case: closed."], beat(2), DURATION, { stagger: 50, in: 350, out: 250, rise: 28 })
+];
+var counts = [
+  { layer: "Figure", at: beat(9), duration: beat(3), counter: { from: 0, to: 41200, prefix: "$", separator: "," } }
+];
+var cues = [
+  { layer: "Hook", preset: "typewriter", at: 0, params: { duration: 900 } },
+  { layer: "Docket", preset: "fade-in", at: 0, params: { duration: 500 } },
+  { layer: "Cast light", preset: "fade-in", at: 200, params: { duration: 1400 } },
+  { layer: "Window", preset: "fade-in", at: beat(1), params: { duration: 1100 } },
+  { layer: "Ledger", preset: "rise-in", at: beat(4), params: { duration: 700 } },
+  { layer: "Recovered", preset: "fade-in", at: beat(8), params: { duration: 500 } },
+  { layer: "Stamp", preset: "pop-in", at: beat(12), params: { duration: 320, amount: 0.5 } },
+  { layer: "Window", preset: "shake", at: beat(12) + 120, params: { duration: 420, distance: 14 } },
+  { layer: "Call", preset: "rise-in", at: beat(14), params: { duration: 600 } },
+  { layer: "Site", preset: "fade-in", at: beat(15), params: { duration: 600 } },
+  { layer: "Call", preset: "pulse", at: beat(16), params: { duration: 700, amount: 0.05 } }
+];
+var noir_case_reel_default = defineTemplate({
+  id: "motion-noir-case-reel",
+  meta: {
+    name: "Noir case reel",
+    description: "A 12-second launch reel as a film-noir case: the missing money is typed on in the first second, a rainy office window with a man in a hat comes out of the dark behind venetian blinds, a hard-boiled voice-over runs as burned-in captions, the recovered figure counts up and CASE CLOSED is stamped across the glass, over brushes, a walking bass and a muted trumpet (made by PopCraft, CC0) \u2014 9:16 with 1:1 and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "noir", "film noir", "detective", "venetian blinds", "rain", "black and white", "launch", "saas", "reel", "captions", "music", "jazz", "audio", "typewriter"],
+    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
+    formats: ["reel", "short", "story", "post", "portrait-post"],
+    useCases: ["launch", "announcement", "stats"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, swaps },
+  build() {
+    const k = new Kit("Noir case reel", preset("ig-story"));
+    k.quantizeGeometry = true;
+    noirBrand(k, { hook: "$41,200 walked out last\xA0month." });
+    k.textStyle("Docket 22", { ...MONO, size: 22, fontWeight: 700, letterSpacing: 3, lineHeight: 28, textCase: "UPPER" });
+    k.textStyle("Display 92", { ...SERIF, size: 92, fontWeight: 900, letterSpacing: -2.6, lineHeight: 94 });
+    k.textStyle("Display 68", { ...SERIF, size: 68, fontWeight: 900, letterSpacing: -1.8, lineHeight: 70 });
+    k.textStyle("Caption 40", { ...SERIF, size: 40, fontStyle: "italic", fontWeight: 500, lineHeight: 50 });
+    k.textStyle("Caption 30", { ...SERIF, size: 30, fontStyle: "italic", fontWeight: 500, lineHeight: 38 });
+    k.textStyle("Figure 104", { ...MONO, size: 104, fontWeight: 800, letterSpacing: -4, lineHeight: 104 });
+    k.textStyle("Figure 76", { ...MONO, size: 76, fontWeight: 800, letterSpacing: -3, lineHeight: 76 });
+    k.textStyle("Stamp 54", { size: 54, fontWeight: 900, letterSpacing: 4, lineHeight: 58, textCase: "UPPER" });
+    k.textStyle("Button 30", { size: 30, fontWeight: 800, lineHeight: 38 });
+    k.textStyle("Site 24", { ...MONO, size: 24, fontWeight: 600, lineHeight: 32 });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 30", label: "Open your first case", pad: [20, 34], radius: 4 });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Case reel");
+    k.flowSheet(sheet, 30, verticalPadding(), "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
+    castLight(k, sheet, 1080, 1920, { bars: 11, opacity: 0.075 });
+    rain(k, sheet, 1080, 1920, { color: "text", opacity: 0.07, rate: 640, seed: 41, count: 26, len: 52, name: "Room rain" });
+    const ledger = k.stack(sheet, { width: 760, gap: 16, fill: "card", radius: 2, padding: { top: 26, right: 30, bottom: 30, left: 30 }, absolute: { x: 96, y: 1552 }, name: "Ledger" });
+    k.rect(ledger, 300, 14, "onCard", { name: "Ledger head" });
+    k.rect(ledger, "FILL", 2, "onCard", { name: "Ledger rule" });
+    for (const [label, value, ringed] of [[230, 120, false], [270, 60, false], [140, 30, false], [190, 130, true]]) {
+      const line = k.stack(ledger, { direction: "HORIZONTAL", gap: 0, align: "CENTER", name: "Ledger line" });
+      const lab = k.stack(line, { width: 330, name: "Ledger label" });
+      k.rect(lab, label, 10, "onCard", { name: "Typed bar", opacity: 0.7 });
+      k.rect(line, value, 10, ringed ? "primary" : "onCard", { name: "Typed bar", opacity: ringed ? 1 : 0.7 });
+    }
+    k.patch(ledger, { rotation: -3 });
+    const docket = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Docket" });
+    k.text(docket, "Case no. 0417", { style: "Docket 22", color: "onPaper", autoWidth: true, name: "Docket case" });
+    k.text(docket, "{{brand.name}} \xB7 2:14 a.m.", { style: "Docket 22", color: "onPaper", autoWidth: true, name: "Docket hour" });
+    k.text(sheet, "{{brand.hook}}", { style: "Display 92", color: "text", name: "Hook" });
+    const w = k.node(sheet).width - 2 * verticalPadding().left;
+    const win = blindsWindow(k, sheet, w, 540, { rate: 480, slats: 13 });
+    stamp(k, win, "Case closed", { style: "Stamp 54", solid: true, turn: -7, absolute: { x: 40, y: 250 } });
+    k.text(sheet, swaps[0].words[0], { style: "Caption 40", color: "text", name: "Caption" });
+    const found = k.stack(sheet, { gap: 6, name: "Recovered" });
+    k.text(found, "Recovered in 11 days", { style: "Docket 22", color: "onPaper", name: "Figure label" });
+    k.text(found, "$41,200", { style: "Figure 104", color: "text", name: "Figure" });
+    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, align: "CENTER", name: "Foot" });
+    k.instance(foot, "Button", { Label: "Open your first case" }, { name: "Call" });
+    k.text(foot, "{{brand.site}}", { style: "Site 24", color: "onPaper", autoWidth: true, name: "Site" });
+    k.counts(sheet, counts);
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    const refit = (kit, id, width, height, stampAt) => {
+      fitWindow(kit, id, width, height, { slats: Math.round(height / 42) });
+      for (const st of kit.named(id, "Stamp")) kit.patch(st, stampAt);
+      fitCastLight(kit, id, { bars: 11 });
+      fitRain(kit, id, { name: "Room rain", seed: 41, count: 26, len: 52 });
+    };
+    k.variants(sheet, feedVariants({ post: 56, portrait: 64 }, {
+      post: (kit, id) => {
+        hide(kit, id, ["Ledger"]);
+        kit.patch(id, { itemSpacing: 18, counterAxisSpacing: 18 });
+        for (const h of kit.named(id, "Hook")) kit.restyle(h, "Display 68");
+        for (const c of kit.named(id, "Caption")) kit.restyle(c, "Caption 30");
+        for (const f of kit.named(id, "Figure")) kit.restyle(f, "Figure 76");
+        refit(kit, id, 968, 430, { x: 40, y: 190 });
+      },
+      portrait: (kit, id) => {
+        hide(kit, id, ["Ledger"]);
+        for (const h of kit.named(id, "Hook")) kit.restyle(h, "Display 68");
+        refit(kit, id, 952, 520, { x: 40, y: 240 });
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  noir_case_reel_default
+};

package/dist/chunks/chunk-GCHL6JA4.js

@@ -0,0 +1,161 @@
+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 {
+  FLAP_HOWTO,
+  apron,
+  boardBrand,
+  chevrons,
+  flaps,
+  housing,
+  lamps,
+  pass,
+  passStyles,
+  passTrim,
+  plate,
+  rods,
+  sign
+} from "./chunk-PQ3A2CLP.js";
+import {
+  stars
+} from "./chunk-UDE42EDS.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  put
+} from "./chunk-YHBAWSDX.js";
+import {
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  safePadding
+} from "./chunk-QVURWCH2.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/departure-board-pass-ad.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var W = 880;
+var CELL = 84;
+var STORY_DROP = 70;
+var PASS = {
+  width: 800,
+  u: 0.9,
+  from: "ENG",
+  to: "POR",
+  fromNote: "You speak",
+  toNote: "You land in",
+  phrase: "Uma mesa para dois, por favor.",
+  meaning: "A table for two, please.",
+  fields: [["Flight", "TP 1351"], ["Gate closes", "19 days"]],
+  stub: [["To", "Lisbon"], ["Phrase", "214 / 300"]]
+};
+function arrange(k, id, h, top, side, passY) {
+  put(k, id, "Chevrons", 0, h - 36);
+  for (const n of k.named(id, "Rod")) k.patch(n, { y: 0, height: top + 4 });
+  put(k, id, "Pass", side + 60, passY);
+  put(k, id, "Stamp", side + 390, passY + 318);
+}
+var departure_board_pass_ad_default = defineTemplate({
+  id: "social-departure-board-pass-ad",
+  meta: {
+    name: "Departure board boarding pass install ad",
+    description: "A still install ad for a mobile subscription app, set in an airport departure hall: a split-flap board gives the deadline with its days lit, a boarding pass lies across the board\u2019s lower edge carrying the phrase the trip will need, stamped LEARNED, and under it one sentence, the offer and the rating. 4:5 for the feed, with square and 9:16 cuts. " + FLAP_HOWTO,
+    category: "social",
+    tags: ["departure board", "split-flap", "airport", "wayfinding", "boarding pass", "install ad", "app ad", "meta ad", "travel", "language app", "mobile app", "subscription app", "yellow"],
+    platforms: ["instagram", "facebook", "tiktok"],
+    formats: ["ad", "portrait-post", "post", "story"],
+    useCases: ["launch", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Departure board boarding pass install ad", preset("ig-portrait"));
+    k.quantizeGeometry = true;
+    boardBrand(k);
+    k.textStyle("Sign 42", { size: 42, fontWeight: 800, letterSpacing: -1.2, lineHeight: 44 });
+    k.textStyle("Sign note 20", { ...MONO, size: 20, fontWeight: 700, letterSpacing: 1.2, lineHeight: 26, textCase: "UPPER" });
+    k.textStyle("Board label 18", { ...MONO, size: 18, fontWeight: 700, letterSpacing: 2.2, lineHeight: 24, textCase: "UPPER" });
+    k.textStyle("Says 40", { size: 40, fontWeight: 700, letterSpacing: -1, lineHeight: 48 });
+    k.textStyle("Button 28", { size: 28, fontWeight: 800, letterSpacing: -0.3, lineHeight: 34 });
+    k.textStyle("Proof 22", { ...MONO, size: 22, fontWeight: 600, lineHeight: 28 });
+    k.textStyle("Stamp 30", { ...MONO, size: 30, fontWeight: 800, letterSpacing: 3, lineHeight: 34, textCase: "UPPER" });
+    passStyles(k, PASS.u);
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 28", label: "Get {{brand.name}} \xB7 first trip free", pad: [18, 34], radius: 12 });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Install ad");
+    k.flowSheet(sheet, 0, { top: 64, right: 100, bottom: 84, left: 100 }, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    lamps(k, sheet, 1080, 0, 3, 1, 460);
+    rods(k, sheet, 100, 64, W, 1);
+    chevrons(k, sheet, 1080, 36, { x: 0, y: 1314 });
+    const top = k.stack(sheet, { gap: 28, name: "Top" });
+    sign(k, top, "Flying soon?", { style: "Sign 42", u: 0.9, width: W, note: "{{brand.name}} \xB7 a language app for one trip", noteStyle: "Sign note 20" });
+    const board = housing(k, top, { width: W, pad: 30, gap: 12, name: "Board" });
+    const head = k.stack(board, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Board head" });
+    const live = k.stack(head, { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", name: "Live" });
+    k.ellipse(live, 13, "go", { name: "Live lamp" });
+    k.text(live, "Gate closes in", { style: "Board label 18", color: "flapInk", autoWidth: true, name: "Live label" });
+    k.text(head, "TP 1351 \xB7 LIS", { style: "Board label 18", color: "flapDim", autoWidth: true, name: "Flight" });
+    flaps(k, board, "19 DAYS", { cell: CELL, cols: 9, hot: true, name: "Days row" });
+    flaps(k, board, "IS ENOUGH", { cell: CELL, cols: 9, name: "Enough row" });
+    k.stack(board, { height: 70, name: "Pass room" });
+    const foot = k.stack(sheet, { gap: 22, name: "Foot" });
+    k.text(foot, "The 300 phrases your trip needs, in ten minutes a day. Nothing you won\u2019t say.", { style: "Says 40", color: "text", name: "Says" });
+    const row = k.stack(foot, { direction: "HORIZONTAL", gap: 24, align: "CENTER", wrap: true, name: "Offer" });
+    k.instance(row, "Button", { Label: "Get {{brand.name}} \xB7 first trip free" }, { name: "Call" });
+    const proof = k.stack(row, { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", name: "Proof" });
+    stars(k, proof, 24, "primary");
+    k.text(proof, "4.9 \xB7 212,000", { style: "Proof 22", color: "onPaper", autoWidth: true, name: "Proof text" });
+    const p = pass(k, sheet, { ...PASS, absolute: { x: 160, y: 584 } });
+    k.patch(p, { rotation: -4 });
+    k.patch(plate(k, sheet, "Learned", { style: "Stamp 30", u: 1, absolute: { x: 490, y: 902 } }), { rotation: -11 });
+    k.finish();
+    passTrim(k, p, PASS, null);
+    const size = (presetId, h, pad, passY, more) => ({
+      preset: presetId,
+      adjust: (kit, id) => {
+        kit.patch(id, { padding: pad });
+        for (const name of ["Sign", "Board"]) for (const n of kit.named(id, name)) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: W });
+        arrange(kit, id, h, pad.top, pad.left, passY);
+        more?.(kit, id);
+      }
+    });
+    const story = safePadding("ig-story", 1080, 1920, { top: 96, right: 100, bottom: 96, left: 100 });
+    k.variants(sheet, [
+      size("ig-post", 1080, { top: 30, right: 100, bottom: 64, left: 100 }, 486, (kit, id) => {
+        for (const n of kit.named(id, "Says")) kit.patch(n, { visible: false });
+        for (const n of kit.named(id, "Top")) kit.patch(n, { itemSpacing: 12 });
+        for (const n of kit.named(id, "Pass room")) kit.patch(n, { height: 100 });
+        for (const n of kit.named(id, "Foot")) kit.patch(n, { itemSpacing: 14 });
+      }),
+      size("ig-story", 1920, story, story.top + 474 + STORY_DROP, (kit, id) => {
+        const f = (1080 - 2 * story.left) / W;
+        for (const n of kit.named(id, "Top")) kit.patch(n, { scaleX: f, scaleY: f, anchorX: 0, anchorY: 0 });
+        for (const n of kit.named(id, "Rod")) kit.patch(n, { x: story.left + (kit.node(n).x - 100) * f });
+        for (const name of ["Pass", "Stamp"]) for (const n of kit.named(id, name)) kit.patch(n, { x: story.left + (kit.node(n).x - story.left) * f, scaleX: f, scaleY: f, anchorX: 0, anchorY: 0 });
+        for (const n of kit.named(id, "Stamp")) kit.patch(n, { y: story.top + 474 + STORY_DROP + 318 * f });
+        apron(kit, id, 1080, 1500);
+      })
+    ]);
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  departure_board_pass_ad_default
+};