@popcraft/kit 0.24.3 → 0.26.0

package/dist/chunks/chunk-VPOIIJMA.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-PLBXHSJB.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  score
+} from "./chunk-52GCV7N5.js";
+import {
+  place
+} from "./chunk-QLV6445V.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset,
+  swapTimes
+} from "./chunk-T3SGRYUX.js";
+import {
+  ease
+} from "./chunk-6DWY3DOQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.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-VQBSXFZJ.js

@@ -0,0 +1,33 @@
+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 {
+  transit_map_landing_default
+} from "./chunk-W3H6MQ7S.js";
+import {
+  transit_map_link_preview_default
+} from "./chunk-FV6XRGFE.js";
+import {
+  transit_map_line_opening_default
+} from "./chunk-WFDMO3WE.js";
+import {
+  transit_map_milestone_post_default
+} from "./chunk-UCPQZ4K4.js";
+import {
+  transit_map_service_update_default
+} from "./chunk-HCQULFUV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/themes/transit-map.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [transit_map_line_opening_default, transit_map_landing_default, transit_map_milestone_post_default, transit_map_service_update_default, transit_map_link_preview_default];
+var transit_map_default = pack;
+
+export {
+  transit_map_default
+};

package/dist/chunks/chunk-VQCUSDKV.js

@@ -0,0 +1,129 @@
+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 {
+  GRAIN,
+  arcade,
+  arch,
+  candle,
+  candles,
+  gothicBrand,
+  lancetLight
+} from "./chunk-UGSZV4UX.js";
+import {
+  background,
+  refilled
+} from "./chunk-CHL5BU5W.js";
+import {
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  glow
+} from "./chunk-HVK5T4I5.js";
+import {
+  outro,
+  pill,
+  postVariants
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/gothic-feature-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NIGHTS = ["ruby", "cobalt", "emerald", "accent", "emerald", "cobalt", "ruby"];
+var DURATION = 7e3;
+var cues = [
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 700 } },
+  { layer: "Light", preset: "fade-in", at: 200, params: { duration: 700 }, stagger: { delay: 180 } },
+  { layer: "Pool", preset: "fade-in", at: 400, params: { duration: 700 }, stagger: { delay: 180 } },
+  { layer: "Headline", preset: "blur-in", at: 400, params: { duration: 1e3, amount: 28 } },
+  { layer: "Sub", preset: "rise-in", at: 1500, params: { duration: 900 } },
+  { layer: "Chip", preset: "pop-in", at: 2500, params: { duration: 450 } },
+  { layer: "Site", preset: "fade-in", at: 2700, params: { duration: 600 } },
+  { layer: "Nights", preset: "pulse", at: 4200, params: { duration: 900, amount: 0.03 } },
+  // The windows go dark again and stand empty, as they began: the loop relights them.
+  { layer: "Light", preset: "fade-out", at: 6200, params: { duration: 400 }, stagger: { delay: 40 } },
+  { layer: "Pool", preset: "fade-out", at: 6200, params: { duration: 400 }, stagger: { delay: 40 } },
+  outro(["Eyebrow", "Headline", "Sub", "Chip", "Site"], 6200)
+];
+var gothic_feature_post_default = defineTemplate({
+  id: "motion-gothic-feature-post",
+  meta: {
+    name: "Gothic feature post (animated)",
+    description: "A feature announcement in stained glass: seven leaded lancet windows light one by one between burning candles and throw their colour on the sill, the feature\u2019s name comes into focus and its one-line promise rises under it \u2014 a seven-second loop, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "gothic", "stained glass", "lancet", "candles", "feature", "changelog", "saas", "post", "serif", "loop"],
+    platforms: ["instagram", "linkedin", "x", "threads"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["announcement", "changelog", "launch"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Gothic feature post (animated)", preset("ig-post"));
+    k.quantizeGeometry = true;
+    gothicBrand(k, { feature: "Vespers." });
+    k.textStyle("Eyebrow 24", { size: 24, fontWeight: 700, letterSpacing: 5, lineHeight: 32, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Display 150", { ...SERIF, size: 150, fontWeight: 900, letterSpacing: -5, lineHeight: 150, textAlign: "CENTER" });
+    k.textStyle("Sub 38", { ...SERIF, size: 38, fontWeight: 400, lineHeight: 48, textAlign: "CENTER" });
+    k.textStyle("Chip 24", { size: 24, fontWeight: 800, letterSpacing: 1, lineHeight: 30 });
+    k.textStyle("Site 24", { size: 24, fontWeight: 600, letterSpacing: 1, lineHeight: 30 });
+    pill(k, "Chip", { fill: "accent", ink: "onAccent", style: "Chip 24", label: "In every plan from tonight", pad: [12, 24], radius: 6 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 22, 72, "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    background(k, sheet, "paper", { effects: GRAIN });
+    arcade(k, sheet, { width: 1080, height: 40, count: 18, absolute: { x: 0, y: 0 }, role: "stone", weight: 2 });
+    k.text(sheet, "New in {{brand.name}} \xB7 the evening office", { style: "Eyebrow 24", color: "onPaper", name: "Eyebrow" });
+    const w = 100, gap = 16, tall = 420, low = 350, rowW = 7 * w + 6 * gap;
+    const nights = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap, align: "MAX", name: "Nights" });
+    glow(k, nights, { x: rowW / 2, y: tall * 0.45, w: 900, role: "accent", alpha: 0.22, name: "Glow" });
+    NIGHTS.forEach((role, i) => glow(k, nights, { x: i * (w + gap) + w / 2, y: tall + 14, w: w * 2.2, h: 70, role, alpha: 0.6, name: "Pool" }));
+    NIGHTS.forEach((role, i) => {
+      const h = i === 3 ? tall : low;
+      const night = k.stack(nights, { width: w, height: h, name: "Night" });
+      arch(k, night, w, h, [...k.paint("stone"), k.gradient({ from: "lead", to: "lead", angle: 90, fromOpacity: 0, toOpacity: 0.6 })], { name: "Moulding", absolute: { x: 0, y: 0 } });
+      arch(k, night, w - 14, h - 8, "lead", { name: "Night ground", absolute: { x: 7, y: 8 } });
+      lancetLight(k, night, w - 22, h - 14, role, { name: "Light", absolute: { x: 11, y: 14 }, medallion: i === 3 ? "wax" : "accent" });
+      arch(k, night, w, h, "accent", { name: "Night arch", outline: 2, absolute: { x: 0, y: 0 }, opacity: i === 3 ? 1 : 0.6 });
+    });
+    for (const [i, x] of [-72, -38, rowW + 22, rowW + 56].entries()) candle(k, nights, { width: 16, height: [120, 76, 92, 136][i], x, base: tall, loopMs: DURATION, cycles: 7 + i, phase: i * 0.27 });
+    k.rect(sheet, rowW + 200, 8, [...k.paint("stone"), k.gradient({ from: "lead", to: "lead", angle: 90, fromOpacity: 0, toOpacity: 0.7 })], { name: "Sill" });
+    k.text(sheet, "{{brand.feature}}", { style: "Display 150", color: "text", name: "Headline" });
+    k.text(sheet, "Every evening at six, Vigil reads you the day: what fell, what healed, and who was woken.", { style: "Sub 38", color: "onPaper", name: "Sub" });
+    const foot = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 24, align: "CENTER", name: "Foot" });
+    k.instance(foot, "Chip", { Label: "In every plan from tonight" }, { name: "Chip" });
+    k.text(foot, "{{brand.site}}", { style: "Site 24", color: "onPaper", autoWidth: true, name: "Site" });
+    k.cues(sheet, cues);
+    k.variants(sheet, refilled(postVariants({ portrait: 80 }, {
+      portrait: (kit, id) => kit.patch(id, { itemSpacing: 32 }),
+      // The story has a floor under the words, where the apps draw their own furniture: a stone step and a row of
+      // candles, burning through the whole loop.
+      vertical: (kit, id) => {
+        kit.patch(id, { itemSpacing: 32 });
+        kit.rect(id, 1080, 400, [...kit.paint("card"), kit.gradient({ from: "lead", to: "lead", angle: 90, fromOpacity: 0.1, toOpacity: 0.85 })], { name: "Floor", absolute: { x: 0, y: 1520 } });
+        kit.rect(id, 1080, 2, "accent", { name: "Step", absolute: { x: 0, y: 1520 }, opacity: 0.55 });
+        candles(kit, id, { x: 110, width: 860, base: 1800, count: 11, size: 22, loopMs: DURATION });
+      }
+    })));
+    return k.finish();
+  }
+});
+
+export {
+  gothic_feature_post_default
+};

package/dist/chunks/chunk-VREFP24C.js

@@ -0,0 +1,94 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  onColor,
+  scrim,
+  withSong
+} from "./chunk-Q6VPPKMZ.js";
+import {
+  bassKick,
+  spectrumBars,
+  visualizer
+} from "./chunk-OLPNNPPZ.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/music/synthwave-tunnel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DEEP = "#0B0620";
+var PINK = "#FF3D9A";
+var CYAN = "#29E6FF";
+var SUN = "#FFC247";
+var ORCHID = "#B45CFF";
+var CUES = [
+  { layer: "Sun", preset: "scale-in", at: 0, params: { duration: 900 } },
+  { layer: "Song", preset: "blur-in", at: 500, params: { duration: 900 } },
+  { layer: "Artist", preset: "rise-in", at: 1100, params: { duration: 700, distance: 30 } },
+  { layer: "Horizon", preset: "fade-in", at: 300, params: { duration: 1200 } }
+];
+var synthwave_tunnel_default = defineTemplate({
+  id: "motion-music-synthwave-tunnel",
+  meta: {
+    name: "Synthwave tunnel visualizer",
+    description: "A 16:9 retro visualizer: a neon grid tunnel rushing toward you with streaking stars (a shader graph glowing with the bass), a sun that swells on the kick, a chrome title and an equalizer on the horizon",
+    category: "animation",
+    tags: ["animation", "music", "music video", "synthwave", "retro", "tunnel", "visualizer", "audio reactive", "milkdrop", "equalizer", "youtube"],
+    platforms: ["youtube"],
+    formats: ["video"],
+    useCases: ["launch", "brand-intro"],
+    created: "2026-09-30",
+    updated: "2026-09-30"
+  },
+  motion: { cues: CUES },
+  build() {
+    const k = new Kit("Synthwave tunnel visualizer", preset("video-1080p"));
+    k.brand(
+      { deep: DEEP, accent: PINK, cyan: CYAN, sun: SUN, orchid: ORCHID, text: "#FFFFFF", onDeep: onColor(DEEP, ["#FFFFFF"]), onSun: onColor(SUN, [DEEP]), onAccent: onColor(PINK, [DEEP, "#000000"]) },
+      { song: "Night Drive", artist: "Chrome Harbor" }
+    );
+    k.textStyle("Song 190", { size: 190, fontWeight: 900, lineHeight: 190, letterSpacing: -4, textAlign: "CENTER", textCase: "UPPER" });
+    k.textStyle("Artist 54", { size: 54, fontFamily: "Source Serif 4", fontStyle: "italic", fontWeight: 600, lineHeight: 64, letterSpacing: 2, textAlign: "CENTER" });
+    k.textStyle("Tag 26", { size: 26, fontWeight: 800, lineHeight: 32, letterSpacing: 4, textCase: "UPPER" });
+    pill(k, "Tag", { fill: "accent", ink: "onAccent", style: "Tag 26", label: "Official visualizer", pad: [10, 24] });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Night drive");
+    k.flowSheet(sheet, 0, { top: 0, right: 0, bottom: 0, left: 0 }, "deep");
+    k.patch(sheet, { clipsContent: true });
+    withSong(k, sheet, "synthwave", 2, 900);
+    visualizer(k, sheet, "synth-tunnel", { a: "deep", b: "accent", c: "cyan" }, { name: "Neon tunnel" });
+    const sun = k.ellipse(sheet, 380, [k.gradient({ from: "sun", to: "accent", angle: 90 })], { name: "Sun", absolute: { x: 770, y: 80 } });
+    bassKick(k, sun, 0.08, 150);
+    const glow = { id: "e1", type: "DROP_SHADOW", color: k.color("accent", 0.85), offset: { x: 0, y: 0 }, blur: 48, spread: 0, visible: true };
+    const titleRow = k.stack(sheet, { direction: "HORIZONTAL", width: 1728, justify: "CENTER", name: "Title row", absolute: { x: 96, y: 460 } });
+    const plate = scrim(k, titleRow, "deep", { width: "HUG", gap: 10, padding: { top: 16, right: 56, bottom: 24, left: 56 }, radius: 40, name: "Title plate" });
+    k.text(plate, "{{brand.song}}", { style: "Song 190", color: "onDeep", autoWidth: true, name: "Song", effects: [glow] });
+    const shade = { id: "e1", type: "DROP_SHADOW", color: k.color("deep", 0.9), offset: { x: 0, y: 4 }, blur: 18, spread: 6, visible: true };
+    k.text(plate, "{{brand.artist}}", { style: "Artist 54", color: "sun", autoWidth: true, name: "Artist", effects: [shade] });
+    k.instance(plate, "Tag", {}, { name: "Tag" });
+    const horizon = k.stack(sheet, { width: 1600, height: 190, name: "Horizon", absolute: { x: 160, y: 850 } });
+    spectrumBars(k, horizon, { width: 1600, height: 190, color: "orchid", count: 48, range: [0.02, 0.85] });
+    k.cues(sheet, CUES);
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  CUES,
+  synthwave_tunnel_default
+};

package/dist/chunks/chunk-VU6QMEJW.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 {
+  STREET
+} from "./chunk-PDWXGRT4.js";
+import {
+  tierStory
+} from "./chunk-ZJZ6HKBP.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/motion/festival-presale-street-tier.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var festival_presale_street_tier_default = tierStory(STREET);
+
+export {
+  festival_presale_street_tier_default
+};

package/dist/chunks/chunk-VV5XNSCZ.js

@@ -0,0 +1,172 @@
+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 {
+  BEAT_LOOP_MS
+} from "./chunk-OCXRNUYV.js";
+import {
+  logoBadge,
+  pill,
+  verticalPadding
+} from "./chunk-EK5CFFJO.js";
+import {
+  BEAT_LOOP_HASH,
+  shippedWav
+} from "./chunk-AXTNNHMG.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  sceneSequence
+} from "./chunk-6DWY3DOQ.js";
+import {
+  ONSET_LABEL,
+  setOnsetMarkers
+} from "./chunk-STB3GK3P.js";
+import {
+  detectOnsets
+} from "./chunk-5C7BZONG.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/promo-beat-drop.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var PASSES = 2;
+var BEATS_PER_SCENE = 4;
+function loopOnsets() {
+  const { channels, sampleRate } = shippedWav(BEAT_LOOP_HASH);
+  return detectOnsets(channels, sampleRate).onsets;
+}
+function promoOnsets() {
+  const one = loopOnsets();
+  return Array.from({ length: PASSES }, (_, p) => one.map((t) => p * BEAT_LOOP_MS + t)).flat();
+}
+function sceneCuts(onsets) {
+  return onsets.filter((_, i) => i % BEATS_PER_SCENE === 0);
+}
+function sceneCues(scene, beats) {
+  const b = (i) => beats[Math.min(i, beats.length - 1)];
+  switch (scene) {
+    case 0:
+      return [
+        { layer: "Logo badge", preset: "pop-in", at: b(0), params: { duration: 450 } },
+        { layer: "Word new", preset: "pop-in", at: b(1), params: { duration: 400, amount: 0.5 } },
+        { layer: "Word drop", preset: "pop-in", at: b(2), params: { duration: 400, amount: 0.5 } },
+        { layer: "When", preset: "rise-in", at: b(3), params: { duration: 400 } }
+      ];
+    case 1:
+      return [
+        { layer: "Product photo", preset: "scale-in", at: b(0), params: { duration: 450 } },
+        { layer: "Product name", preset: "rise-in", at: b(1), params: { duration: 400 } },
+        { layer: "Price", preset: "pop-in", at: b(2), params: { duration: 400 } },
+        { layer: "Price", preset: "pulse", at: b(3), params: { duration: 450, amount: 0.06 } }
+      ];
+    case 2:
+      return [
+        { layer: "Feature", preset: "slide-in", at: b(0), params: { duration: 380, direction: "right" }, stagger: { delay: beats[1] - beats[0], order: "index" } },
+        { layer: "Features title", preset: "fade-in", at: b(0), params: { duration: 300 } }
+      ];
+    default:
+      return [
+        { layer: "Headline", preset: "pop-in", at: b(0), params: { duration: 450 } },
+        { layer: "Shop button", preset: "rise-in", at: b(1), params: { duration: 400 } },
+        { layer: "Handle", preset: "fade-in", at: b(2), params: { duration: 300 } },
+        { layer: "Shop button", preset: "pulse", at: b(3), params: { duration: 450, amount: 0.07 } }
+      ];
+  }
+}
+var promo_beat_drop_default = defineTemplate({
+  id: "motion-promo-beat-drop",
+  meta: {
+    name: "Beat drop promo",
+    description: "An 8-second vertical product drop cut to the beat: four scenes over a 120 BPM loop (made by PopCraft, CC0), every cut and every entrance on a detected beat \u2014 onset markers you can re-run on your own track",
+    category: "animation",
+    tags: ["animation", "music", "beat", "audio", "reel", "tiktok", "shorts", "promo", "product drop", "scenes"],
+    platforms: ["instagram", "tiktok", "youtube"],
+    formats: ["reel", "short", "story", "ad"],
+    useCases: ["launch", "sale"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  build() {
+    const k = new Kit("Beat drop promo", preset("ig-story"));
+    k.brand(
+      { primary: "#111014", onPrimary: "#FFFFFF", accent: "#FF3D7F", onAccent: "#FFFFFF", paper: "#FFF4E8", text: "#111014", onText: "#FFF4E8", onPaper: "#5B5560", muted: "#F2D8C9" },
+      { product: "Aero runner 2", price: "$129", when: "Friday \xB7 10 am", handle: "@yourbrand" }
+    );
+    k.textStyle("Mega 220", { size: 220, fontWeight: 900, letterSpacing: -8, lineHeight: 210, textAlign: "CENTER" });
+    k.textStyle("Headline 96", { size: 96, fontWeight: 900, letterSpacing: -3, lineHeight: 100, textAlign: "CENTER" });
+    k.textStyle("Title 64", { size: 64, fontWeight: 800, letterSpacing: -1, lineHeight: 72, textAlign: "CENTER" });
+    k.textStyle("Feature 52", { size: 52, fontWeight: 700, lineHeight: 60 });
+    k.textStyle("Body 40", { size: 40, fontWeight: 500, lineHeight: 48, textAlign: "CENTER" });
+    k.textStyle("Button 40", { size: 40, fontWeight: 800, lineHeight: 48 });
+    pill(k, "Button", { fill: "accent", ink: "onAccent", style: "Button 40", label: "Shop the drop", pad: [26, 60] });
+    const onsets = promoOnsets();
+    const cuts = sceneCuts(onsets);
+    const end = PASSES * BEAT_LOOP_MS;
+    const sheets = [];
+    const names = ["Drop", "Product", "Features", "Call to action"];
+    names.forEach((name, i) => {
+      const id = i === 0 ? k.sheet : k.addSheet(preset("ig-story"), name);
+      k.nameSheet(id, name);
+      const from = cuts[i], to = cuts[i + 1] ?? end;
+      k.flowSheet(id, 40, verticalPadding(), i % 2 ? "paper" : "primary", "CENTER", "CENTER");
+      k.patch(id, { clipsContent: true });
+      k.timeline(id, { duration: to - from, fps: 30 });
+      sheets.push(id);
+    });
+    const [drop, product, features, cta] = sheets;
+    logoBadge(k, drop, { fill: "accent", size: 88 });
+    k.text(drop, "NEW", { style: "Mega 220", color: "onPrimary", name: "Word new" });
+    const tag = k.stack(drop, { width: "HUG", fill: "accent", radius: 40, padding: { top: 8, right: 40, bottom: 16, left: 40 }, name: "Word drop" });
+    k.text(tag, "DROP", { style: "Mega 220", color: "onAccent", name: "Drop word" });
+    k.text(drop, "{{brand.when}}", { style: "Body 40", color: "onPrimary", name: "When" });
+    k.photo(product, 760, 760, { radius: 56, ground: "muted", name: "Product photo" });
+    k.text(product, "{{brand.product}}", { style: "Title 64", color: "text", name: "Product name" });
+    k.text(product, "{{brand.price}}", { style: "Headline 96", color: "accent", name: "Price" });
+    k.text(features, "Why it flies", { style: "Title 64", color: "onPrimary", name: "Features title" });
+    const list = k.stack(features, { gap: 28, width: 760, name: "Features" });
+    for (const line of ["Carbon plate", "198 g a shoe", "Recycled knit", "Ships free"]) k.text(list, `+  ${line}`, { style: "Feature 52", color: "onPrimary", name: "Feature" });
+    k.text(cta, "Get yours first", { style: "Headline 96", color: "text", name: "Headline" });
+    k.instance(cta, "Button", { Label: "Shop the drop" }, { name: "Shop button" });
+    k.text(cta, "{{brand.handle}}", { style: "Body 40", color: "onPaper", name: "Handle" });
+    sheets.forEach((id, i) => {
+      const from = cuts[i], to = cuts[i + 1] ?? end;
+      k.cues(id, sceneCues(i, onsets.filter((t) => t >= from && t < to).map((t) => t - from)));
+    });
+    k.setCover(drop);
+    const doc = k.finish();
+    let comp = sceneSequence(doc.nodes, { id: "comp-beat-drop", name: "Beat drop promo", frames: sheets, fps: 30, background: k.color("primary") });
+    comp = {
+      ...comp,
+      audio: Array.from({ length: PASSES }, (_, p) => ({
+        id: `a${p + 1}`,
+        mediaHash: BEAT_LOOP_HASH,
+        name: "Pop Drop (120 BPM loop, CC0)",
+        start: p * BEAT_LOOP_MS,
+        in: 0,
+        out: BEAT_LOOP_MS,
+        lane: 0,
+        ...p === PASSES - 1 ? { fadeOut: 1e3 } : {}
+      }))
+    };
+    comp = setOnsetMarkers(comp, onsets);
+    if (comp.clips.some((c, i) => c.start !== cuts[i])) throw new Error("beat drop: a scene does not start on its downbeat marker");
+    if (comp.markers?.some((m) => m.label !== ONSET_LABEL)) throw new Error("beat drop: stray markers");
+    return { ...doc, compositions: { [comp.id]: comp } };
+  }
+});
+
+export {
+  promoOnsets,
+  sceneCuts,
+  promo_beat_drop_default
+};