@popcraft/kit 0.26.1 → 0.27.0

package/dist/chunks/chunk-2T5ZDYQ6.js

@@ -1,342 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  FIZZ,
-  bob,
-  bowl,
-  burst,
-  burstSticker,
-  callComponent,
-  chromeText,
-  confetti,
-  cutout,
-  display,
-  float,
-  halftone,
-  marquee,
-  maxBrand,
-  mono,
-  phone,
-  plate,
-  slap,
-  spark,
-  spin,
-  sticker,
-  wobble
-} from "./chunk-R6PLM65D.js";
-import {
-  section
-} from "./chunk-D7LV62QH.js";
-import {
-  captionSwap
-} from "./chunk-C7BYFVZT.js";
-import {
-  ground,
-  hide,
-  place,
-  restyle
-} from "./chunk-QLV6445V.js";
-import {
-  logoBadge
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-QBBW3JXO.js";
-import {
-  Kit,
-  preset
-} from "./chunk-SOHOKD4X.js";
-import {
-  ease
-} from "./chunk-NKAPBBXH.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion/style-maximal-launch-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("launch", 6, 8);
-var { beat } = S;
-var NAME = "Maximal SaaS launch reel";
-var DROP = beat(8);
-var END = beat(24);
-var STICKERS = ["Bop burst", "Captions sticker", "Seconds seal", "Formats sticker"];
-var CUTS = Array.from({ length: 12 }, (_, i) => DROP + i * beat(2));
-var PW = 460;
-var PH = 940;
-var LAYOUT = {
-  // Words inside x 64–940, y 250–1440; the top band and everything under y 1440 is drawing only.
-  story: {
-    lockup: { x: 64, y: 258 },
-    badge: { x: 420, y: 266 },
-    hook: { x: 64, y: 340, w: 876, style: "Hook 124" },
-    free: { x: 676, y: 300 },
-    site: { x: 600, y: 566 },
-    caption: { x: 64, y: 652, w: 876, style: "Caption 44" },
-    phone: { x: 452, y: 800, s: 0.84 },
-    stickers: { "Bop burst": { x: 30, y: 790 }, "Captions sticker": { x: 676, y: 1084 }, "Seconds seal": { x: 76, y: 1072 }, "Formats sticker": { x: 300, y: 1252 } },
-    call: { x: 64, y: 1336 },
-    top: { x: -100, y: 92, w: 1280 },
-    foot: { x: -100, y: 1730, w: 1280 },
-    burst: { x: 520, y: 1420 },
-    dots: [{ x: -160, y: 1340 }, { x: 760, y: 120 }]
-  },
-  post: {
-    lockup: { x: 48, y: 40 },
-    badge: { x: 340, y: 46 },
-    hook: { x: 48, y: 120, w: 600, style: "Hook 88" },
-    free: { x: 540, y: 262 },
-    site: { x: 360, y: 830 },
-    caption: { x: 48, y: 372, w: 580, style: "Caption 32" },
-    phone: { x: 640, y: 60, s: 0.86 },
-    stickers: { "Bop burst": { x: 24, y: 480 }, "Captions sticker": { x: 520, y: 760 }, "Seconds seal": { x: 320, y: 520 }, "Formats sticker": { x: 60, y: 790 } },
-    call: { x: 48, y: 880 },
-    top: null,
-    foot: { x: -60, y: 990, w: 1200 },
-    burst: { x: 640, y: 720 },
-    dots: [{ x: -160, y: 820 }, { x: 860, y: -100 }]
-  },
-  portrait: {
-    lockup: { x: 48, y: 44 },
-    badge: { x: 340, y: 50 },
-    hook: { x: 48, y: 124, w: 620, style: "Hook 96" },
-    free: { x: 560, y: 300 },
-    site: { x: 380, y: 1060 },
-    caption: { x: 48, y: 404, w: 560, style: "Caption 32" },
-    phone: { x: 616, y: 110, s: 0.96 },
-    stickers: { "Bop burst": { x: 24, y: 540 }, "Captions sticker": { x: 560, y: 940 }, "Seconds seal": { x: 330, y: 600 }, "Formats sticker": { x: 60, y: 880 } },
-    call: { x: 48, y: 1010 },
-    top: null,
-    foot: { x: -60, y: 1222, w: 1200 },
-    burst: { x: 640, y: 940 },
-    dots: [{ x: -160, y: 1e3 }, { x: 860, y: -100 }]
-  },
-  // Landscape: the words and stickers down the left two thirds, the phone on the right.
-  wide: {
-    lockup: { x: 110, y: 70 },
-    badge: { x: 410, y: 76 },
-    hook: { x: 110, y: 150, w: 840, style: "Hook 120" },
-    free: { x: 820, y: 96 },
-    site: { x: 1e3, y: 820 },
-    caption: { x: 110, y: 506, w: 840, style: "Caption 50" },
-    phone: { x: 1290, y: 64, s: 0.92 },
-    stickers: { "Bop burst": { x: 100, y: 640 }, "Captions sticker": { x: 1580, y: 700 }, "Seconds seal": { x: 420, y: 660 }, "Formats sticker": { x: 1e3, y: 560 } },
-    call: { x: 700, y: 690 },
-    top: null,
-    foot: { x: -60, y: 950, w: 2040 },
-    burst: { x: 1600, y: 700 },
-    dots: [{ x: -120, y: 760 }, { x: 1760, y: -120 }]
-  }
-};
-var cues = [
-  slap("Hook", 0, { duration: 420, from: 0.25 }),
-  { layer: "Lockup", preset: "drop-in", at: beat(0.5), params: { duration: 500, distance: 60 } },
-  slap("Badge", beat(1)),
-  { layer: "Phone rig", preset: "rise-in", at: beat(1), params: { duration: 800, distance: 420, ease: ease.back(1.4) } },
-  { layer: "Prompt words", preset: "typewriter", at: beat(2.5), params: { duration: beat(3.5) } },
-  slap([...STICKERS], beat(3), { gap: beat(1) }),
-  wobble([...STICKERS], DROP, { gap: 60, angle: 12 }),
-  { layer: "Flash", preset: "impact-frame", at: DROP, params: { duration: 200 } },
-  { layer: "Phone", preset: "shake", at: DROP, params: { duration: 500, distance: 26 } },
-  { layer: "Cut mark", preset: "pop-in", at: DROP, stagger: { delay: beat(1), order: "selection" }, params: { duration: 300, amount: 0.2, ease: ease.back(2.4) } },
-  wobble("Hook", beat(16), { angle: 5, duration: 700 }),
-  wobble([...STICKERS], beat(16), { gap: 80, angle: 9 }),
-  slap("Free burst", END, { from: 0.2, duration: 460 }),
-  slap("Call", beat(25), { from: 0.4 }),
-  slap("Site sticker", beat(25.5)),
-  { layer: "Call", preset: "pulse", at: beat(27), params: { duration: 800, amount: 0.07 } },
-  wobble("Free burst", beat(28), { angle: 10 }),
-  { layer: "Call", preset: "pulse", at: beat(29), params: { duration: 800, amount: 0.07 } },
-  wobble([...STICKERS], beat(30), { gap: 60, angle: 7 })
-];
-var counts = [
-  { layer: "Seal figure", at: beat(10), duration: beat(4), counter: { from: 0, to: FIZZ.seconds } }
-];
-var swaps = [captionSwap([
-  "Long video in. Bops out.",
-  "Cut on every single beat.",
-  "Stickers slap on by themselves.",
-  "Clips ready in 38 seconds.",
-  "Clipfizz 3.0 is out today.",
-  "Seven days of Pro, free."
-], 0, S.duration - 30, { stagger: 60, in: 220, out: 160, rise: 26 })];
-var style_maximal_launch_reel_default = defineTemplate({
-  id: "motion-saas-style-maximal-launch-reel",
-  meta: {
-    name: NAME,
-    description: "A 16-second launch video in a maximalist Y2K look for an AI clip maker: chrome type slaps on a black plate, a liquid-metal phone rises and the prompt types itself in while stickers slap on round it \u2014 a starburst, pills, a scalloped seal. On the drop the screen flashes, confetti bursts, and the clip in the phone cuts on the beat with a caption chip per cut while cut marks drop onto the timeline and the seal counts to 38 seconds. Bursts spin, marquees run, and the free-trial burst and call slap on at the end. Hot pink, acid lime, electric blue and tangerine; captions burned in; music cut on the beat. 9:16 with square, 4:5 and 16:9 layouts",
-    category: "animation",
-    tags: ["animation", "saas", "maximalist", "y2k", "chrome", "stickers", "starburst", "creator", "video", "ai", "launch", "reel", "confetti", "captions", "music", "audio", "tiktok", "shorts"],
-    platforms: ["tiktok", "instagram", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post", "video"],
-    useCases: ["launch", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit(NAME, preset("ig-story"));
-    k.quantizeGeometry = true;
-    maxBrand(k);
-    for (const [n, sz] of [["Hook 124", 124], ["Hook 120", 120], ["Hook 96", 96], ["Hook 88", 88]]) display(k, n, sz);
-    for (const [n, sz] of [["Caption 50", 50], ["Caption 44", 44], ["Caption 32", 32]]) display(k, n, sz, 1.02);
-    display(k, "Brand 44", 44, 1);
-    display(k, "Burst 64", 64, 0.9);
-    display(k, "Seal 96", 96, 0.9);
-    display(k, "Chip 50", 50, 1);
-    display(k, "Call 42", 42, 1);
-    display(k, "Free 50", 50, 0.92);
-    mono(k, "Tag 24", 24);
-    mono(k, "Tag 20", 20);
-    mono(k, "Prompt 22", 22, { weight: 600 });
-    callComponent(k, { style: "Call 42", label: "Try Clipfizz free \u2192" });
-    const sheet = k.sheet;
-    ground(k, sheet, "Launch reel", "paper");
-    k.timeline(sheet, { duration: S.duration, fps: 30, audio: S.audio });
-    const L = LAYOUT.story;
-    halftone(k, sheet, 560, "pinkDeep", { name: "Dots low", absolute: L.dots[0] });
-    halftone(k, sheet, 420, "pinkDeep", { name: "Dots high", absolute: L.dots[1], angle: 3.6 });
-    const big = burst(k, sheet, 640, "accent", { name: "Big burst", points: 24, depth: 0.12, absolute: L.burst });
-    spin(k, big, 1, S.duration);
-    const band = (name, at, fill, rotate, right) => marquee(k, sheet, {
-      name,
-      width: at.w,
-      height: 104,
-      w: 160,
-      fill,
-      loop: S.duration,
-      cells: 16,
-      rotate,
-      right,
-      absolute: { x: at.x, y: at.y },
-      cell: (c) => {
-        spark(k, c, 52, fill === "night" ? "primary" : "night", { name: "Band spark" });
-        k.rect(c, 54, 24, fill === "night" ? "chromeHi" : "secondary", { radius: 99, name: "Band pill", stroke: { color: fill === "night" ? "chromeHi" : "night", width: 3, align: "INSIDE" } });
-      }
-    });
-    band("Top band", L.top, "primary", -4, false);
-    band("Foot band", L.foot, "night", 3, true);
-    const ph = phone(k, sheet, { w: PW, h: PH, rotate: 4, absolute: { x: L.phone.x, y: L.phone.y } });
-    bob(k, ph.body, 0.02);
-    const promptBar = k.stack(ph.screen, { direction: "HORIZONTAL", height: 64, gap: 12, align: "CENTER", fill: "card", radius: 999, padding: { top: 0, right: 20, bottom: 0, left: 16 }, stroke: { color: "primary", width: 3, align: "INSIDE" }, name: "Prompt bar" });
-    spark(k, promptBar, 30, "accent", { name: "Prompt spark", outline: 2 });
-    k.text(promptBar, FIZZ.prompt, { style: "Prompt 22", color: "onCard", width: "FILL", name: "Prompt words" });
-    const cw = ph.sw - 36, ch = 560;
-    const clip = k.stack(ph.screen, { width: cw, height: ch, radius: 26, clip: true, name: "Clip" });
-    const shot = (name, fill, art, word) => {
-      const f = k.frame(clip, { x: 0, y: 0, width: cw, height: ch }, { name, fill });
-      k.patch(f, { layoutPositioning: "ABSOLUTE" });
-      halftone(k, f, 340, "night", { name: "Shot dots", absolute: { x: cw - 220, y: -120 }, step: 18 });
-      art(f);
-      const chip = sticker(k, f, word, { fill: "card", ink: "onCard", style: "Chip 50", shape: "tag", rotate: -5, pad: [8, 18], name: "Clip chip", absolute: { x: 28, y: ch - 130 } });
-      return { f, chip };
-    };
-    const shotC = shot("Shot C", "primary", (f) => {
-      cutout(k, f, 340, 430, { top: "secondary", skin: "skinDeep", absolute: { x: 30, y: ch - 430 } });
-      spark(k, f, 70, "card", { outline: 3, absolute: { x: 290, y: 60 }, name: "Shot spark" });
-    }, "SLAPS!");
-    const shotB = shot("Shot B", "accent", (f) => bowl(k, f, 300, 300, { fill: "card", absolute: { x: 48, y: 150 } }), "SAUCE");
-    const shotA = shot("Shot A", "secondary", (f) => cutout(k, f, 320, 400, { top: "accent", absolute: { x: 38, y: ch - 400 } }), "THIS");
-    const shots = [shotA, shotB, shotC];
-    const tl = k.stack(ph.screen, { gap: 10, name: "Timeline" });
-    const track = k.stack(tl, { width: cw, height: 150, fill: k.tint("onNight", 0.1), radius: 16, clip: true, name: "Track" });
-    const bars = 26, bw = cw / bars;
-    for (let i = 0; i < bars; i++) {
-      const h = Math.round(36 + 76 * Math.abs(Math.sin(i * 1.7) * Math.cos(i * 0.6)));
-      const b = k.rect(track, Math.round(bw - 6), h, i % 4 === 0 ? "primary" : "card", { radius: 4, name: "Wave bar", absolute: { x: Math.round(i * bw + 3), y: Math.round(75 - h / 2) } });
-      k.patch(b, { anchorY: 0.5 });
-      k.behave(b, "scaleY", [{ kind: "audio", signal: "spectrum", bin: Math.round(i / bars * 100) / 100, gain: 1.2, mode: "multiply", from: 0.5, to: 1.25, attack: 10, release: 160 }]);
-    }
-    CUTS.forEach((_, i) => k.rect(track, 6, 150, "accent", { name: "Cut mark", absolute: { x: Math.round(cw * ((i + 1) / 13)), y: 0 } }));
-    const head = k.rect(track, 4, 150, "chromeHi", { name: "Playhead", absolute: { x: 0, y: 0 } });
-    k.animate(head, "translateX", [{ t: 0, v: 0, ease: ease.linear }, { t: S.duration, v: cw - 4 }]);
-    const lock = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", fill: "card", radius: 999, padding: { top: 10, right: 26, bottom: 10, left: 10 }, stroke: { color: "night", width: 4, align: "INSIDE" }, name: "Lockup", absolute: L.lockup });
-    logoBadge(k, lock, { fill: "night", size: 40, pad: 10, radius: 999 });
-    k.text(lock, "{{brand.name}}", { style: "Brand 44", color: "onCard", autoWidth: true, name: "Brand name" });
-    sticker(k, sheet, `NEW \xB7 ${FIZZ.version}`, { fill: "secondary", ink: "onSecondary", style: "Tag 24", rotate: 6, name: "Badge", absolute: L.badge });
-    const hook = plate(k, sheet, { name: "Hook", width: L.hook.w, rotate: -3, absolute: { x: L.hook.x, y: L.hook.y }, pad: [26, 34] });
-    chromeText(k, hook, "CUT TO\nTHE BEAT.", { style: L.hook.style, name: "Hook words", width: "FILL", size: 124 });
-    burstSticker(k, sheet, [{ text: "AUTO-\nBOP", style: "Burst 64" }, { text: `NEW IN ${FIZZ.version}`, style: "Tag 20" }], { size: 300, fill: "primary", ink: "onPrimary", name: "Bop burst", rotate: -10, absolute: L.stickers["Bop burst"] });
-    sticker(k, sheet, "AI CAPTIONS", { fill: "secondary", ink: "onSecondary", style: "Tag 24", rotate: 8, pad: [14, 24], name: "Captions sticker", absolute: L.stickers["Captions sticker"] });
-    const seal = burstSticker(k, sheet, [{ text: "0", style: "Seal 96", name: "Seal figure" }, { text: "SEC TO CLIPS", style: "Tag 20" }], { size: 250, fill: "accent", ink: "onAccent", name: "Seconds seal", points: 30, depth: 0.07, rotate: 7, absolute: L.stickers["Seconds seal"] });
-    void seal;
-    sticker(k, sheet, "9:16 \xB7 1:1 \xB7 4:5", { fill: "card", ink: "onCard", style: "Tag 24", shape: "tag", rotate: -6, pad: [14, 20], name: "Formats sticker", absolute: L.stickers["Formats sticker"] });
-    const strip = k.stack(sheet, { width: L.caption.w, fill: "primary", radius: 16, padding: { top: 18, right: 28, bottom: 18, left: 28 }, stroke: { color: "night", width: 4, align: "INSIDE" }, effects: [{ type: "DROP_SHADOW", color: k.color("night"), offset: { x: 8, y: 8 }, blur: 0, spread: 0, visible: true }], name: "Caption strip", absolute: { x: L.caption.x, y: L.caption.y } });
-    k.patch(strip, { rotation: -2 });
-    k.text(strip, swaps[0].words[0], { style: L.caption.style, color: "onPrimary", width: "FILL", name: "Caption" });
-    burstSticker(k, sheet, [{ text: "FREE\nFOR 7\nDAYS", style: "Free 50" }], { size: 250, fill: "accent", ink: "onAccent", name: "Free burst", rotate: 12, points: 22, absolute: L.free });
-    k.instance(sheet, "Call", { Label: "Try Clipfizz free \u2192" }, { name: "Call", absolute: L.call });
-    sticker(k, sheet, "{{brand.site}}", { fill: "card", ink: "onCard", style: "Tag 24", shape: "tag", rotate: -4, name: "Site sticker", absolute: L.site });
-    k.rect(sheet, 1080, 1920, "chromeHi", { name: "Flash", absolute: { x: 0, y: 0 }, opacity: 0 });
-    const lay = (kit, root, l, size) => {
-      const at = (name, p) => {
-        for (const id of kit.named(root, name)) kit.patch(id, { x: p.x, y: p.y });
-      };
-      at("Lockup", l.lockup);
-      at("Badge", l.badge);
-      for (const id of kit.named(root, "Hook")) kit.patch(id, { x: l.hook.x, y: l.hook.y, width: l.hook.w });
-      restyle(kit, root, "Hook words", l.hook.style);
-      place(kit, root, "Phone rig", l.phone.x, l.phone.y, l.phone.s);
-      for (const n of STICKERS) at(n, l.stickers[n]);
-      for (const id of kit.named(root, "Caption strip")) kit.patch(id, { x: l.caption.x, y: l.caption.y, width: l.caption.w });
-      restyle(kit, root, "Caption", l.caption.style);
-      at("Free burst", l.free);
-      at("Call", l.call);
-      at("Site sticker", l.site);
-      at("Big burst", l.burst);
-      at("Dots low", l.dots[0]);
-      at("Dots high", l.dots[1]);
-      if (!l.top) hide(kit, root, ["Top band"]);
-      for (const id of kit.named(root, "Foot band")) kit.patch(id, { x: l.foot.x, y: l.foot.y, width: l.foot.w });
-      const { width: w, height: h } = kit.node(root);
-      for (const id of kit.named(root, "Flash")) kit.patch(id, { x: 0, y: 0, width: w, height: h });
-      void size;
-    };
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    shots.forEach((s, i) => {
-      const spans = i === 0 ? [[0, DROP]] : [];
-      CUTS.forEach((t, j) => {
-        if ((j + 1) % 3 === i) spans.push([t, CUTS[j + 1] ?? Infinity]);
-      });
-      const on = (t) => spans.some(([a, b]) => t >= a && t < b);
-      const edges = [...new Set(spans.flat())].filter((t) => t > 0 && Number.isFinite(t)).sort((a, b) => a - b);
-      const keys = [{ t: 0, v: on(0) ? 1 : 0, ease: ease.hold }];
-      for (const t of edges) keys.push({ t: t - 1, v: on(t - 1) ? 1 : 0, ease: ease.hold }, { t, v: on(t) ? 1 : 0, ease: ease.hold });
-      delete keys[keys.length - 1].ease;
-      k.animate(s.f, "opacity", keys);
-      k.patch(s.chip, { anchorX: 0.5, anchorY: 0.5 });
-      const starts = spans.map(([a]) => a === 0 ? beat(1.5) : a);
-      const pop = starts.flatMap((t) => [{ t, v: 0.2, ease: ease.back(2.6) }, { t: t + 320, v: 1, ease: ease.hold }]);
-      delete pop[pop.length - 1].ease;
-      for (const p of ["scaleX", "scaleY"]) k.animate(s.chip, p, pop);
-    });
-    float(k, k.named(sheet, "Dots low")[0], 18, 2, S.duration);
-    float(k, k.named(sheet, "Dots high")[0], 14, 2, S.duration, 0.5);
-    confetti(k, sheet, { x: L.phone.x + PW / 2, y: L.phone.y + 420, at: DROP, n: 40, spread: 560, seed: 3, name: "Confetti drop" });
-    confetti(k, sheet, { x: L.free.x + 125, y: L.free.y + 125, at: END, n: 40, spread: 600, seed: 9, name: "Confetti end" });
-    const moveConfetti = (kit, root, l) => {
-      for (const id of kit.named(root, "Confetti drop")) kit.patch(id, { x: Math.round(l.phone.x + PW * l.phone.s / 2), y: Math.round(l.phone.y + 420 * l.phone.s) });
-      for (const id of kit.named(root, "Confetti end")) kit.patch(id, { x: l.free.x + 125, y: l.free.y + 125 });
-    };
-    k.variants(sheet, ["post", "portrait", "wide"].map((size) => ({
-      preset: size === "post" ? "ig-post" : size === "portrait" ? "ig-portrait" : "video-1080p",
-      adjust: (kit, id) => {
-        lay(kit, id, LAYOUT[size], size);
-        moveConfetti(kit, id, LAYOUT[size]);
-      }
-    })));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_maximal_launch_reel_default
-};

package/dist/chunks/chunk-2TMUU6HA.js

@@ -1,172 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  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-QBBW3JXO.js";
-import {
-  Kit,
-  preset
-} from "./chunk-SOHOKD4X.js";
-import {
-  sceneSequence
-} from "./chunk-NKAPBBXH.js";
-import {
-  ONSET_LABEL,
-  setOnsetMarkers
-} from "./chunk-ZV7E5HA5.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
-};