@popcraft/kit 0.53.4 → 0.53.5

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

@@ -1,360 +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 {
-  sceneLengths,
-  type,
-  withSound
-} from "./chunk-6KMAJZO7.js";
-import {
-  productWindow,
-  screenshotSlot
-} from "./chunk-MJ3CSPFJ.js";
-import {
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  bed
-} from "./chunk-KHGNV7UQ.js";
-import {
-  shadow
-} from "./chunk-YORIY3BT.js";
-import {
-  logoBadge,
-  pill,
-  verticalPadding
-} from "./chunk-KOAJ6HD2.js";
-import {
-  into,
-  playScenes,
-  sceneSheets
-} from "./chunk-AEEWD2JG.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_page_presets,
-  presetPx
-} from "./chunk-PQID5H2U.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/scenes/saas-film-product-hunt-launch.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_page_presets();
-var B = bed("launch", 64);
-var { beat } = B;
-var ON = [0, 8, 16, 24, 32, 40, 50];
-var SLIPS = [
-  ["maya@loomly.io", "Checkout button does nothing on Safari"],
-  ["App Store review, two stars", "Can\u2019t pay. Tried three cards."],
-  ["#feedback \xB7 Jon", "safari checkout broken again?"],
-  ["priya@northfold.co", "CSV export drops the header row"],
-  ["Intercom \xB7 Luis", "Payment page just spins"],
-  ["sam@parcelhaus.de", "Invoice shows USD, we pay in EUR"],
-  ["Intercom \xB7 Aiko", "Pay now button is dead (Safari 17)"],
-  ["G2 review", "Great tool, but checkout fails on Mac"],
-  ["#feedback \xB7 Dee", "export is missing column names"]
-];
-var HEAP = [[0.05, 0.02, -4], [0.95, 0, 3], [0.5, 0.2, -2], [0, 0.41, 2], [1, 0.37, -3], [0.4, 0.61, 4], [0.98, 0.73, 2], [0.03, 0.85, -3], [0.6, 1, 1]];
-var HEAP_SQUARE = [[0, 0, -2], [1, 0.03, 2], [0.05, 0.5, 2], [0.96, 0.52, -2], [0, 1, -1], [1, 0.98, 2]];
-var DUPES = [0, 1, 2, 4, 6];
-var MOVES = [
-  { title: "It reads every message.", body: "Email, Intercom, app reviews, the #feedback channel. All of it, as it lands.", url: "siftwell.app / inbox" },
-  { title: "Folds the duplicates into one issue.", body: "Forty-one reports of one checkout bug become a single ticket, every sender attached.", url: "siftwell.app / issues" },
-  { title: "Ranks issues by revenue at risk.", body: "See which fix keeps the most MRR before you plan the sprint.", url: "siftwell.app / ranked" }
-];
-var INBOX = [
-  ["maya@loomly.io", "Checkout button does nothing on Safari", "checkout"],
-  ["priya@northfold.co", "CSV export drops the header row", "export"],
-  ["Intercom \xB7 Luis", "Payment page just spins", "checkout"],
-  ["sam@parcelhaus.de", "Invoice shows USD, we pay in EUR", "billing"],
-  ["Intercom \xB7 Aiko", "Pay now button is dead (Safari 17)", "checkout"],
-  ["#feedback \xB7 Dee", "export is missing column names", "export"]
-];
-var OTHERS = [["CSV export drops the header row", "17 reports"], ["Invoice shows the wrong currency", "12 reports"], ["Slack digest arrives twice", "6 reports"], ["Dark mode loses the chart legend", "4 reports"]];
-var RANKED = [["Checkout fails on Safari 17", "$4,180 MRR", 1], ["Invoice shows the wrong currency", "$1,960 MRR", 0.47], ["CSV export drops the header row", "$1,240 MRR", 0.3], ["Slack digest arrives twice", "$310 MRR", 0.08]];
-var scenesFor = (suffix) => {
-  const move = (i, cues, counts) => ({
-    sheet: `Move ${i + 1}${suffix}`,
-    transition: into("PUSH_FROM_RIGHT", 420),
-    cues: [
-      { layer: "Step tag", preset: "pop-in", at: 200, params: { duration: 350 } },
-      { layer: "Move title", preset: "words-in", at: 280, params: { duration: 600, amount: 70 } },
-      { layer: "Move body", preset: "fade-in", at: beat(2), params: { duration: 500 } },
-      { layer: "Window", preset: "rise-in", at: 150, params: { duration: 750 } },
-      ...cues
-    ],
-    ...counts ? { counts } : {}
-  });
-  return [
-    { sheet: `Cold open${suffix}`, cues: [
-      { layer: "Brand row", preset: "fade-in", at: 0, params: { duration: 300 } },
-      { layer: "Slip", preset: "drop-in", at: 0, params: { duration: 420 }, stagger: { delay: 70 } },
-      { layer: "Hook figure", preset: "pop-in", at: 80, params: { duration: 380 } },
-      { layer: "Hook turn", preset: "words-in", at: beat(2), params: { duration: 500, amount: 80 } },
-      { layer: "Hook sub", preset: "fade-in", at: beat(3.5), params: { duration: 500 } }
-    ], counts: [{ layer: "Hook figure", at: 80, duration: 900, counter: { from: 0, to: 412, suffix: " emails." } }] },
-    { sheet: `Problem${suffix}`, transition: into("CIRCLE_WIPE", 520, { center: { x: 0.2, y: 0.5 } }), cues: [
-      { layer: "Problem title", preset: "words-in", at: 250, params: { duration: 600, amount: 70 } },
-      { layer: "Dupe", preset: "slide-in", at: beat(1.5), params: { duration: 480, direction: "right" }, stagger: { delay: 130 } },
-      { layer: "Verdict", preset: "pop-in", at: beat(4.5), params: { duration: 420 } },
-      { layer: "Verdict", preset: "pulse", at: beat(6), params: { duration: 600, amount: 0.06 } }
-    ] },
-    move(0, [{ layer: "Tag chip", preset: "pop-in", at: beat(2.6), params: { duration: 300 }, stagger: { delay: Math.round(beat(0.8)) } }]),
-    move(1, [
-      { layer: "Issue", preset: "pop-in", at: beat(2), params: { duration: 420 } },
-      { layer: "Sender", preset: "pop-in", at: beat(2.5), params: { duration: 260 }, stagger: { delay: 90 } },
-      { layer: "Other issue", preset: "rise-in", at: beat(5), params: { duration: 450 }, stagger: { delay: 180 } }
-    ], [{ layer: "Merged figure", at: beat(2.5), duration: beat(3.5), counter: { from: 1, to: 41 } }]),
-    move(2, [
-      { layer: "Risk bar", preset: "wipe-in", at: beat(2), params: { duration: 700, direction: "right" }, stagger: { delay: 220 } },
-      { layer: "Fix first", preset: "pop-in", at: beat(5.5), params: { duration: 380 } },
-      { layer: "Fix first", preset: "pulse", at: beat(6.5), params: { duration: 600, amount: 0.08 } }
-    ]),
-    { sheet: `Proof${suffix}`, transition: into("DISSOLVE", 450), cues: [
-      { layer: "Stars", preset: "pop-in", at: 150, params: { duration: 380 } },
-      { layer: "Quote", preset: "words-in", at: 300, params: { duration: 500, amount: 55 } },
-      { layer: "Who", preset: "rise-in", at: beat(4), params: { duration: 550 } },
-      { layer: "Proof card", preset: "pop-in", at: beat(2), params: { duration: 480 } }
-    ], counts: [{ layer: "Proof figure", at: beat(2.5), duration: beat(3), counter: { from: 540, to: 40, suffix: " min" } }, { layer: "Teams figure", at: beat(5), duration: beat(3), counter: { from: 900, to: 1280, suffix: " teams" } }] },
-    { sheet: `End card${suffix}`, transition: into("CIRCLE_WIPE", 520), cues: [
-      { layer: "Rings", preset: "scale-in", at: 0, params: { duration: 1100 } },
-      { layer: "Launch chip", preset: "drop-in", at: 250, params: { duration: 450 } },
-      { layer: "End logo", preset: "pop-in", at: 350, params: { duration: 450 } },
-      { layer: "End name", preset: "rise-in", at: 500, params: { duration: 650 } },
-      { layer: "End tagline", preset: "fade-in", at: beat(2), params: { duration: 500 } },
-      { layer: "End button", preset: "pop-in", at: beat(3), params: { duration: 420 } },
-      { layer: "End button", preset: "pulse", at: beat(5), params: { duration: 600, amount: 0.06 } },
-      { layer: "End button", preset: "pulse", at: beat(7), params: { duration: 600, amount: 0.06 } }
-    ] }
-  ];
-};
-var SIZES = [{ preset: "video-1080p", suffix: "", comp: "comp-ph-wide", label: "16:9" }, { preset: "ig-story", suffix: " \xB7 9:16", comp: "comp-ph-tall", label: "9:16" }, { preset: "video-square", suffix: " \xB7 1:1", comp: "comp-ph-square", label: "1:1" }];
-var SPECS = SIZES.map((s) => scenesFor(s.suffix));
-var LENGTHS = sceneLengths(ON.map((b) => beat(b)), B.duration, SPECS[0]);
-var GROUNDS = ["paper", "primary", "paper", "paper", "paper", "paper", "primary"];
-var saas_film_product_hunt_launch_default = defineTemplate({
-  id: "motion-saas-film-product-hunt-launch",
-  meta: {
-    name: "SaaS film: Product Hunt launch video",
-    description: 'A 32-second launch video in seven scenes: a cold-open hook over a heap of feedback, the problem, the product in three moves (each a product window with a picture slot for your screenshot), a customer\u2019s proof, and a "Live on Product Hunt today" end card. Warm editorial serif on ivory, music, every scene cut to the beat. 1920\xD71080, with 9:16 and square sets of the same scenes',
-    category: "animation",
-    tags: ["animation", "saas", "saas film", "product hunt", "launch video", "launch", "scenes", "composition", "serif", "editorial", "demo", "music", "audio", "16:9", "end card"],
-    platforms: ["product-hunt", "youtube", "x", "linkedin", "web", "instagram", "tiktok"],
-    formats: ["video", "demo", "ad", "reel", "post"],
-    useCases: ["launch", "announcement", "testimonial"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { scenes: SPECS[0], more: SPECS.slice(1) },
-  build() {
-    const k = new Kit("SaaS film: Product Hunt launch video", preset("video-1080p"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#F5F0E6", text: "#16201B", onPaper: "#1F5B45", primary: "#1F5B45", onPrimary: "#F5F0E6", card: "#FFFFFF", onCard: "#16201B", accent: "#F2A413", onAccent: "#201400" },
-      { name: "Siftwell", tagline: "Feedback in. Priorities out." }
-    );
-    k.palette({ ink: "#16201B", faint: "#50554E", rule: "#DDD5C5", side: "#F3EEE4", slip: "#FFFDF8", mint: "#DCEBE2", forest: "#1F5B45", hot: "#D8432B", hotInk: "#B93118", ring: "#3E8468", dotA: "#F2A413", dotB: "#7FB69B", dotC: "#D8432B", dotD: "#16201B" });
-    const made = /* @__PURE__ */ new Set();
-    const T = (name, px, o = {}) => type(k, made, name, px, o);
-    k.component("Slip", {
-      width: 500,
-      gap: 8,
-      fill: "slip",
-      radius: 18,
-      padding: { top: 20, right: 26, bottom: 24, left: 26 },
-      stroke: { color: "rule", width: 2, align: "INSIDE" },
-      effects: [shadow(k, "ink", 0.14, 14, 28)],
-      description: "One piece of feedback: who sent it, and what it says.",
-      props: { Sender: SLIPS[0][0], Subject: SLIPS[0][1] }
-    }, (id) => {
-      const from = k.stack(id, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "From" });
-      k.ellipse(from, 18, "dotB", { name: "Sender dot" });
-      k.propText(from, "Sender", { style: T("Sender", 20, { fontWeight: 500, leading: 1.3 }), color: "faint", autoWidth: true });
-      k.propText(id, "Subject", { style: T("Slip", 28, { fontWeight: 600, leading: 1.25, tracking: -0.01 }), color: "ink" });
-    });
-    pill(k, "Step", { fill: "primary", ink: "onPrimary", style: T("Tag", 20, { fontWeight: 800, tracking: 0.12, leading: 1.2 }), label: "MOVE 1 OF 3", pad: [10, 20], radius: 8 });
-    pill(k, "Launch", { fill: "accent", ink: "onAccent", style: T("Tag", 20, { fontWeight: 800, tracking: 0.12, leading: 1.2 }), label: "LIVE ON PRODUCT HUNT TODAY", pad: [12, 24], radius: 8 });
-    const sound = {};
-    SIZES.forEach((size, row) => {
-      const { width: W, height: H } = presetPx(preset(size.preset));
-      const wide = W > H, tall = H > W;
-      const pad = tall ? verticalPadding() : wide ? { top: 70, right: 110, bottom: 70, left: 110 } : { top: 64, right: 64, bottom: 64, left: 64 };
-      const CW = W - pad.left - pad.right, CH = H - pad.top - pad.bottom;
-      const hook = T("Hook", wide ? 136 : tall ? 92 : 96, { fontWeight: 700, leading: 1.02, tracking: -0.03, ...SERIF });
-      const head = T("Head", wide ? 92 : tall ? 76 : 64, { fontWeight: 700, leading: 1.06, tracking: -0.025, ...SERIF });
-      const body = T("Body", wide ? 36 : tall ? 32 : 28, { fontWeight: 500, leading: 1.36 });
-      const brandStyle = T("Brand", wide ? 38 : 30, { fontWeight: 800, tracking: -0.02 });
-      const sheets = sceneSheets(k, size.preset, SPECS[row].map((s) => s.sheet), row);
-      sheets.forEach((id, i) => {
-        k.flowSheet(id, wide ? 0 : tall ? 28 : 22, pad, GROUNDS[i], "CENTER", "MIN");
-        k.timeline(id, { duration: LENGTHS[i], fps: 30 });
-      });
-      const [open, problem, m1, m2, m3, proof, end] = sheets;
-      const split = (sheet, leftWidth, gap) => {
-        if (!wide) return { left: sheet, right: sheet };
-        const rowId = k.stack(sheet, { direction: "HORIZONTAL", gap, align: "CENTER", height: CH, name: "Layout" });
-        return { left: k.stack(rowId, { width: leftWidth, gap: 30, name: "Words" }), right: k.stack(rowId, { align: "MAX", justify: "CENTER", height: CH, name: "Picture" }) };
-      };
-      {
-        const { left, right } = split(open, 820, 50);
-        const brand = k.stack(left, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Brand row" });
-        logoBadge(k, brand, { fill: "primary", size: wide ? 38 : 30, radius: 12 });
-        k.text(brand, "{{brand.name}}", { style: brandStyle, color: "text", autoWidth: true, name: "Brand name" });
-        const words = k.stack(left, { gap: 0, name: "Hook" });
-        k.text(words, "412 emails.", { style: hook, color: "text", name: "Hook figure" });
-        k.text(words, "9 real problems.", { style: hook, color: "onPaper", name: "Hook turn" });
-        k.text(left, "Most of your feedback is the same few things, said again. Siftwell finds them.", { style: body, color: "text", name: "Hook sub", ...wide ? { width: 720 } : {} });
-        const SW = wide ? CW - 820 - 50 : CW, SH = wide ? 900 : tall ? 700 : 500, slipW = wide ? 500 : tall ? 356 : 456;
-        const heap = k.stack(right, { width: SW, height: SH, name: "Heap" });
-        const n = wide ? 9 : 6;
-        SLIPS.slice(0, n).forEach(([Sender, Subject], i) => {
-          const [fx, fy, turn] = (wide ? HEAP : HEAP_SQUARE)[i];
-          const edge = tall ? 28 : 10;
-          const y = fy * (SH - (wide ? 160 : 150));
-          const slip = k.instance(heap, "Slip", { Sender, Subject }, { name: "Slip", width: slipW, absolute: { x: Math.round(fx * (SW - slipW - 2 * edge)) + edge, y: Math.round(y) } });
-          k.patch(slip, { rotation: turn });
-        });
-      }
-      {
-        const { left, right } = split(problem, 760, 80);
-        k.text(left, "The same bug, reported forty-one ways.", { style: hook, color: "onPrimary", name: "Problem title" });
-        const list = k.stack(right, { gap: 14, name: "Dupes", ...wide ? { width: CW - 840 } : {} });
-        DUPES.slice(0, wide || tall ? 5 : 3).forEach((i) => k.instance(list, "Slip", { Sender: SLIPS[i][0], Subject: SLIPS[i][1] }, { name: "Dupe", width: "FILL" }));
-        const verdict = k.stack(wide ? left : problem, { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", fill: "accent", radius: 10, padding: { top: 12, right: 22, bottom: 12, left: 18 }, name: "Verdict" });
-        k.ellipse(verdict, 16, "hot", { name: "Verdict dot" });
-        k.text(verdict, "One bug. 41 senders. 9 hours of reading.", { style: T("Verdict", wide ? 28 : 22, { fontWeight: 800, tracking: -0.01, leading: 1.25 }), color: "onAccent", autoWidth: true, name: "Verdict words" });
-      }
-      const us = wide ? 1.25 : tall ? 1 : 1.12, px = (n) => Math.round(n * us);
-      const WIN = wide ? { width: 1030, height: 760 } : tall ? { width: CW, height: 780 } : { width: CW, height: 560 };
-      const ui16 = () => T("UI", px(16), { fontWeight: 500, leading: 1.3 });
-      const ui18 = () => T("UI strong", px(18), { fontWeight: 600, leading: 1.3 });
-      const chip16 = () => T("Chip", px(16), { fontWeight: 800, leading: 1.25, tracking: 0.02 });
-      const look = { fill: "card", bar: "side", titleStyle: ui16(), titleInk: "faint", dots: "rule", radius: 18, barHeight: 48, rule: "rule", effects: [shadow(k, "ink", 0.2, 30, 70)] };
-      [m1, m2, m3].forEach((sheet, i) => {
-        const { left, right } = split(sheet, 600, 70);
-        k.instance(left, "Step", { Label: `MOVE ${i + 1} OF 3` }, { name: "Step tag" });
-        k.text(left, MOVES[i].title, { style: head, color: "text", name: "Move title" });
-        k.text(left, MOVES[i].body, { style: body, color: "text", name: "Move body" });
-        const { body: screen, bodyHeight: bh } = productWindow(k, right, { ...WIN, title: MOVES[i].url, look });
-        const bw = WIN.width;
-        screenshotSlot(k, screen, bw, bh, "side");
-        const ui = k.frame(screen, { x: 0, y: 0, width: bw, height: bh }, { name: "Placeholder screen", fill: "card" });
-        const sb = px(bw >= 900 ? 176 : 156), x0 = sb + px(28), mw = bw - sb - px(56), top = px(70);
-        k.rect(ui, sb, bh, "side", { name: "Sidebar", absolute: { x: 0, y: 0 } });
-        k.rect(ui, 2, bh, "rule", { name: "Sidebar rule", absolute: { x: sb, y: 0 } });
-        k.rect(ui, sb - px(24), px(40), "mint", { name: "Nav selected", radius: 9, absolute: { x: px(12), y: px(18 + i * 46) } });
-        ["Inbox", "Issues", "Ranked", "Sources"].forEach((label, j) => k.text(ui, label, { style: j === i ? ui18() : ui16(), color: j === i ? "forest" : "faint", autoWidth: true, name: "Nav item", absolute: { x: px(26), y: px(26 + j * 46) } }));
-        const title = T("UI title", px(22), { fontWeight: 700, tracking: -0.015, leading: 1.25 });
-        const heading = (words) => k.text(ui, words, { style: title, color: "ink", autoWidth: true, name: "Screen title", absolute: { x: x0, y: px(22) } });
-        if (i === 0) {
-          heading("Inbox \xB7 412 new");
-          const rh = Math.floor((bh - top - px(10)) / INBOX.length);
-          const scan = k.rect(ui, bw - sb - 2, rh, k.tint("accent", 0.24), { name: "Reader", absolute: { x: sb + 2, y: top } });
-          const step = beat(0.8), t0 = beat(2.2);
-          k.animate(scan, "translateY", [{ t: t0, v: 0, ease: ease.hold }, ...INBOX.slice(1).flatMap((_, r) => [{ t: Math.round(t0 + (r + 0.55) * step), v: r * rh, ease: ease.inOut("cubic") }, { t: Math.round(t0 + (r + 1) * step), v: (r + 1) * rh, ...r < INBOX.length - 2 ? { ease: ease.hold } : {} }])]);
-          k.animate(scan, "opacity", [{ t: 0, v: 0, ease: ease.hold }, { t: beat(2), v: 0, ease: ease.out("cubic") }, { t: beat(2.4), v: 1, ease: ease.hold }, { t: Math.round(t0 + 5.6 * step), v: 1, ease: ease.out("cubic") }, { t: Math.round(t0 + 6.4 * step), v: 0 }]);
-          INBOX.forEach(([sender, subject, tag], r) => {
-            const y = top + r * rh, mid = y + Math.round(rh / 2);
-            k.rect(ui, mw, 2, "rule", { name: "Row rule", absolute: { x: x0, y: y + rh - 2 } });
-            k.ellipse(ui, px(32), ["dotA", "dotB", "dotC", "dotD"][r % 4], { name: "Avatar", absolute: { x: x0, y: mid - px(16) } });
-            k.text(ui, sender, { style: ui16(), color: "faint", autoWidth: true, name: "Sender name", absolute: { x: x0 + px(46), y: mid - px(24) } });
-            k.text(ui, subject, { style: ui18(), color: "ink", autoWidth: true, name: "Subject", absolute: { x: x0 + px(46), y: mid - px(1) } });
-            const chip = k.stack(ui, { width: px(112), height: px(32), justify: "CENTER", align: "CENTER", fill: "mint", radius: 8, name: "Tag chip", absolute: { x: x0 + mw - px(112), y: mid - px(16) } });
-            k.text(chip, tag, { style: chip16(), color: "forest", autoWidth: true, name: "Tag" });
-          });
-        } else if (i === 1) {
-          heading("Issues \xB7 9 open");
-          const others = OTHERS.slice(0, wide ? 4 : 2), oh = px(60), ih = bh - top - others.length * oh - px(26);
-          const issue = k.stack(ui, { width: mw, height: ih, fill: "mint", radius: 16, padding: { top: px(22), right: px(26), bottom: px(24), left: px(26) }, justify: "SPACE_BETWEEN", name: "Issue", absolute: { x: x0, y: top } });
-          k.text(issue, "Checkout fails on Safari 17", { style: T("Issue", px(26), { fontWeight: 700, tracking: -0.02, leading: 1.2 }), color: "ink", name: "Issue title" });
-          const merged = k.stack(issue, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Merged" });
-          k.text(merged, "41", { style: T("Figure", px(80), { fontWeight: 700, leading: 1, tracking: -0.03, fontFeatures: { tnum: 1 }, ...SERIF }), color: "forest", autoWidth: true, name: "Merged figure" });
-          k.text(merged, "reports folded into one issue", { style: ui18(), color: "ink", name: "Merged label" });
-          const senders = k.stack(issue, { direction: "HORIZONTAL", gap: px(6), name: "Senders" });
-          for (let n = 0; n < Math.min(14, Math.floor((mw - px(52)) / px(40))); n++) k.ellipse(senders, px(34), ["dotA", "dotB", "dotC", "dotD", "forest"][n % 5], { name: "Sender", stroke: { color: "card", width: 3, align: "OUTSIDE" } });
-          others.forEach(([name, count], r) => {
-            const other = k.stack(ui, { direction: "HORIZONTAL", width: mw, height: oh - px(10), justify: "SPACE_BETWEEN", align: "CENTER", fill: "side", radius: 10, padding: { top: 0, right: px(18), bottom: 0, left: px(18) }, name: "Other issue", absolute: { x: x0, y: top + ih + px(14) + r * oh } });
-            k.text(other, name, { style: ui18(), color: "ink", autoWidth: true, name: "Other title" });
-            k.text(other, count, { style: ui16(), color: "faint", autoWidth: true, name: "Other count" });
-          });
-        } else {
-          heading("Ranked by revenue at risk");
-          const rh = Math.floor((bh - top - px(14)) / RANKED.length);
-          RANKED.forEach(([name, mrr, share], r) => {
-            const y = top + px(10) + r * rh;
-            k.text(ui, name, { style: ui18(), color: "ink", autoWidth: true, name: "Risk title", absolute: { x: x0, y } });
-            k.text(ui, mrr, { style: ui18(), color: r === 0 ? "hotInk" : "ink", width: px(150), align: "RIGHT", name: "Risk figure", absolute: { x: x0 + mw - px(150), y } });
-            const bar = k.stack(ui, { width: mw, height: px(22), fill: "side", radius: px(11), clip: true, name: "Risk bar", absolute: { x: x0, y: y + px(38) } });
-            k.rect(bar, Math.round(mw * share), px(22), r === 0 ? "hot" : "forest", { name: "Risk fill", radius: px(11) });
-          });
-          const first = k.stack(ui, { width: "HUG", fill: "accent", radius: 8, padding: { top: px(4), right: px(12), bottom: px(4), left: px(12) }, name: "Fix first", absolute: { x: x0 + mw - px(150) - px(104), y: top + px(6) } });
-          k.text(first, "Fix first", { style: chip16(), color: "onAccent", autoWidth: true, name: "Fix first label" });
-        }
-      });
-      {
-        const { left, right } = split(proof, 1e3, 80);
-        if (!wide) k.patch(proof, { primaryAxisAlignItems: "SPACE_BETWEEN" });
-        const stars = k.stack(left, { direction: "HORIZONTAL", width: "HUG", gap: 8, name: "Stars" });
-        for (let s = 0; s < 5; s++) k.star(stars, wide ? 48 : 34, "accent", { name: "Star" });
-        k.text(left, "\u201CWe cut triage from nine hours a week to forty minutes. Monday\u2019s meeting is short now.\u201D", { style: T("Quote", wide ? 84 : tall ? 70 : 58, { fontWeight: 600, leading: 1.12, tracking: -0.02, ...SERIF }), color: "text", name: "Quote" });
-        const who = k.stack(left, { direction: "HORIZONTAL", gap: 20, align: "CENTER", name: "Who" });
-        k.photo(who, wide ? 110 : 88, wide ? 110 : 88, { radius: wide ? 55 : 44, ground: "mint", name: "Customer photo" });
-        const whoWords = k.stack(who, { gap: 2, name: "Who words" });
-        k.text(whoWords, "Dana Whitfield", { style: T("Name", wide ? 36 : 28, { fontWeight: 800, tracking: -0.015 }), color: "text", name: "Who name" });
-        k.text(whoWords, "Head of Support, Parcelhaus", { style: T("Role", wide ? 28 : 22, { fontWeight: 500, leading: 1.3 }), color: "text", name: "Who role" });
-        const card = k.stack(right, { gap: wide ? 18 : 10, fill: "primary", radius: 28, padding: wide ? 44 : { top: 28, right: 32, bottom: 30, left: 32 }, effects: [shadow(k, "ink", 0.22, 26, 60)], name: "Proof card", ...wide ? { width: CW - 1e3 - 80 } : {} });
-        if (!wide) k.patch(card, { layoutSizingHorizontal: "FILL" });
-        k.text(card, "40 min", { style: T("Proof", wide ? 140 : 96, { fontWeight: 700, leading: 1, tracking: -0.04, fontFeatures: { tnum: 1 }, ...SERIF }), color: "onPrimary", name: "Proof figure" });
-        k.text(card, "a week on triage. It was nine hours.", { style: body, color: "onPrimary", name: "Proof label" });
-        k.rect(card, "FILL", 2, "ring", { name: "Proof rule" });
-        k.text(card, "1,280 teams", { style: T("Teams", wide ? 44 : 28, { fontWeight: 800, tracking: -0.02, fontFeatures: { tnum: 1 } }), color: "onPrimary", name: "Teams figure" });
-        k.text(card, "plan their sprint from a Siftwell queue", { style: T("Role", wide ? 28 : 22, { fontWeight: 500, leading: 1.3 }), color: "onPrimary", name: "Teams label" });
-      }
-      {
-        k.patch(end, { counterAxisAlignItems: "CENTER", itemSpacing: wide ? 30 : 24, counterAxisSpacing: 30 });
-        const R = Math.round(Math.max(W, H) * 0.92);
-        const rings = Array.from({ length: 7 }, (_, r) => {
-          const d = R * (1 - r * 0.13);
-          return { closed: true, points: [0, 1, 2, 3].map((q) => ({ x: R / 2 + d / 2 * [0, 1, 0, -1][q], y: R / 2 + d / 2 * [-1, 0, 1, 0][q], handleIn: { x: R / 2 + d / 2 * [-0.5523, 1, 0.5523, -1][q], y: R / 2 + d / 2 * [-1, -0.5523, 1, 0.5523][q] }, handleOut: { x: R / 2 + d / 2 * [0.5523, 1, -0.5523, -1][q], y: R / 2 + d / 2 * [-1, 0.5523, 1, -0.5523][q] } })) };
-        });
-        k.vector(end, R, R, rings, "ring", { name: "Rings", strokeWidth: 4, absolute: { x: Math.round((W - R) / 2), y: Math.round((H - R) / 2) } });
-        k.instance(end, "Launch", { Label: "LIVE ON PRODUCT HUNT TODAY" }, { name: "Launch chip" });
-        logoBadge(k, end, { fill: "accent", size: wide ? 110 : 72, radius: wide ? 36 : 26, name: "End logo" });
-        k.text(end, "{{brand.name}}", { style: T("End", wide ? 250 : tall ? 110 : 132, { fontWeight: 700, leading: 1, tracking: -0.04, textAlign: "CENTER", ...SERIF }), color: "onPrimary", name: "End name" });
-        k.text(end, "{{brand.tagline}}", { style: T("Tagline", wide ? 58 : 36, { fontWeight: 500, leading: 1.25, tracking: -0.01, textAlign: "CENTER" }), color: "onPrimary", name: "End tagline" });
-        const button = k.stack(end, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", fill: "card", radius: 14, padding: wide ? { top: 24, right: 40, bottom: 24, left: 32 } : { top: 18, right: 30, bottom: 18, left: 24 }, effects: [shadow(k, "ink", 0.3, 16, 36)], name: "End button" });
-        k.vector(button, 26, 22, [{ closed: true, points: [{ x: 13, y: 0 }, { x: 26, y: 22 }, { x: 0, y: 22 }] }], "hot", { name: "Upvote" });
-        k.text(button, "Upvote us at siftwell.app/launch", { style: T("Button", wide ? 38 : 26, { fontWeight: 800, tracking: -0.015, leading: 1.25 }), color: "onCard", autoWidth: true, name: "End button label" });
-      }
-      if (tall) sheets.slice(0, 6).forEach((id, i) => {
-        const dots = ["dotA", "dotB", "dotC", "dotD", "forest"];
-        for (let n = 0; n < 22; n++) {
-          const row2 = n % 2, x = Math.round(-30 + (n >> 1) * 104 + row2 * 52 + (n * 37 + i * 11) % 23), y = 1560 + row2 * 110 + (n * 53 + i * 7) % 41;
-          k.ellipse(id, 64 - n * 13 % 22, dots[(n + i) % 5], { name: "Sender crowd", opacity: i === 1 ? 0.35 : 0.55, absolute: { x, y } });
-        }
-      });
-      playScenes(k, size.comp, `Product Hunt launch video (${size.label})`, sheets, SPECS[row], "paper");
-      sound[size.comp] = B.audio;
-      if (row === 0) k.setCover(open);
-    });
-    return withSound(k.finish(), sound);
-  }
-});
-
-export {
-  saas_film_product_hunt_launch_default
-};

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

@@ -1,52 +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 {
-  slideshow
-} from "./chunk-2UHAMOGA.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/slideshow/home.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var story = {
-  id: "motion-slideshow-home",
-  song: "openRoad",
-  meta: {
-    name: "Home walkthrough (real estate)",
-    description: "A calm fifty-second listing video for a home on the market: a title with the address, the arrival, ground floor and upstairs as chapters, room-by-room scenes with a line under each, cut on the beats of an easy acoustic track (made by PopCraft, CC0), slow Ken Burns moves, pushes, slides, a dip and a light leak, and a closing card with the viewing times. Photos are CC0 from Wikimedia Commons; drop your own on any frame.",
-    tags: ["animation", "slideshow", "real estate", "property", "listing", "home", "house", "walkthrough", "open house", "photo", "music", "scenes", "video"],
-    platforms: ["youtube", "instagram", "facebook"],
-    formats: ["video", "reel", "post", "ad"],
-    useCases: ["event", "sale"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  brand: { paper: "#F4F2EE", onPaper: "#1F2A30", accent: "#C08A3E", shade: "#12181C", onPhoto: "#FFFFFF", leak: "#FFC37A" },
-  fields: { names: "14 Linden Lane", date: "Open house \xB7 Saturday, 10 am \u2013 2 pm" },
-  scenes: [
-    { kind: "title", name: "Opening", photo: "home-00", kicker: "Welcome to", beats: 8, move: "in" },
-    { kind: "photo", name: "Arrival", photo: "home-01", caption: "A front door on a quiet, leafy street", beats: 6, move: "left", focus: 0.55, into: "push" },
-    { kind: "chapter", name: "Chapter 1", kicker: "Ground floor", title: "Living", beats: 4 },
-    { kind: "photo", name: "Living room", photo: "home-02", caption: "A bright, south-facing living room", beats: 8, move: "right" },
-    { kind: "photo", name: "The snug", photo: "home-03", layout: "matted", caption: "A snug for reading", beats: 6, move: "in", into: "push" },
-    { kind: "photo", name: "Kitchen", photo: "home-04", caption: "Kitchen with island seating for four", beats: 8, move: "in", into: "slide" },
-    { kind: "photo", name: "Dining", photo: "home-05", layout: "matted", caption: "Dining nook by the garden window", beats: 6, move: "left" },
-    { kind: "dip", name: "Dip 1", to: "paper", beats: 1 },
-    { kind: "chapter", name: "Chapter 2", kicker: "Upstairs", title: "Rest", beats: 4 },
-    { kind: "photo", name: "Main bedroom", photo: "home-06", caption: "Main bedroom in the morning light", beats: 8, move: "in" },
-    { kind: "photo", name: "Study", photo: "home-07", layout: "matted", caption: "A study with original panelling", beats: 6, move: "right", into: "push" },
-    { kind: "photo", name: "The loft", photo: "home-08", caption: "Vaulted beams in the loft", beats: 7, move: "up", into: "leak" },
-    { kind: "end", name: "Ending", kicker: "Come and see it" }
-  ]
-};
-var home_default = slideshow(story);
-
-export {
-  story,
-  home_default
-};

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

@@ -1,93 +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 {
-  E,
-  arc,
-  lottieTemplate
-} from "./chunk-FYZ5P5VY.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/lottie/fintech.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var FIN = { paper: "#F5F7FB", ink: "#0B1B3F", accent: "#1F6FFF", success: "#18B26B", soft: "#DCE7FF", white: "#FFFFFF", gold: "#F5B83D", screen: "#13285A" };
-var finPaymentSuccess = lottieTemplate({
-  slug: "payment-success",
-  sector: "fintech",
-  role: "success",
-  size: "icon",
-  duration: 1800,
-  loop: false,
-  name: "Payment successful",
-  description: "The confirmation after a payment: a green disc pops, the check draws itself on, and a ring and sparks burst out \u2014 1.8 seconds that rest on the finished tick, 512\xD7512",
-  colors: FIN,
-  useCases: ["receipt"],
-  tags: ["payment", "checkmark", "confirmation", "success"],
-  build(l) {
-    const c = 256;
-    const ring = l.ring(l.sheet, c, c, 150, "success", 10, { name: "Burst ring", opacity: 0 });
-    l.scale(ring, [[0, 0.8, E.hold], [350, 0.8, E.out], [1100, 1.4]]);
-    l.opacity(ring, [[0, 0, E.hold], [350, 0, E.out], [450, 0.6, E.in], [1100, 0]]);
-    for (let i = 0; i < 6; i++) {
-      const a = (i * 60 + 30) * Math.PI / 180;
-      const d = l.circle(l.sheet, c + 150 * Math.sin(a), c - 150 * Math.cos(a), 12, i % 2 ? "accent" : "gold", { name: "Spark", opacity: 0 });
-      l.keys(d, "translateX", [[0, 0, E.hold], [450, 0, E.out], [1200, 70 * Math.sin(a)]]);
-      l.keys(d, "translateY", [[0, 0, E.hold], [450, 0, E.out], [1200, -70 * Math.cos(a)]]);
-      l.opacity(d, [[0, 0, E.hold], [450, 0, E.out], [520, 1, E.in], [1200, 0]]);
-    }
-    const disc = l.circle(l.sheet, c, c, 150, "success", { name: "Disc" });
-    l.scale(disc, [[0, 0, E.pop], [450, 1]]);
-    const check = l.box(l.sheet, 160, 170, 200, 170, "Check");
-    const reveal = l.rect(check, 0, 0, 200, 170, "white", { name: "Check reveal", mask: true });
-    l.pivot(reveal, 0, 0.5);
-    l.keys(reveal, "scaleX", [[0, 0, E.hold], [380, 0, E.out], [820, 1]]);
-    l.line(check, [[28, 90], [78, 140], [172, 40]], "white", 34, { name: "Tick" });
-  }
-});
-var finCardTap = lottieTemplate({
-  slug: "card-tap",
-  sector: "fintech",
-  role: "explainer",
-  size: "spot",
-  duration: 3e3,
-  loop: true,
-  name: "Tap to pay",
-  description: "A contactless payment explained: the card swings onto the terminal, the waves pulse, the screen ticks green, and the card lifts away \u2014 a three-second seamless loop, 800\xD7600",
-  colors: FIN,
-  useCases: ["onboarding"],
-  tags: ["contactless", "card", "terminal", "nfc"],
-  build(l) {
-    l.circle(l.sheet, 400, 300, 250, "soft", { name: "Backdrop" });
-    const term = l.box(l.sheet, 440, 150, 220, 340, "Terminal", { fill: "ink", radius: 36 });
-    const screen = l.box(term, 24, 26, 172, 128, "Screen", { fill: "screen", radius: 18 });
-    const ok = l.circle(screen, 86, 64, 34, "success", { name: "Approved" });
-    l.scale(ok, [[0, 0, E.hold], [1100, 0, E.pop], [1400, 1, E.hold], [2300, 1, E.in], [2500, 0]]);
-    const tick = l.line(screen, [[70, 64], [82, 76], [104, 52]], "white", 9, { name: "Approved tick" });
-    l.opacity(tick, [[0, 0, E.hold], [1250, 0, E.out], [1400, 1, E.hold], [2300, 1, E.in], [2450, 0]]);
-    for (let r = 0; r < 3; r++) for (let q = 0; q < 3; q++) l.rect(term, 34 + q * 54, 184 + r * 44, 44, 30, "screen", { radius: 8, name: "Key" });
-    for (let i = 0; i < 3; i++) {
-      const w = l.line(l.sheet, arc(550, 140, 40 + i * 28, -45, 45), "accent", 9, { name: "Wave", opacity: 0.25 });
-      const t = 900 + i * 120;
-      l.opacity(w, [[0, 0.25, E.hold], [t, 0.25, E.out], [t + 200, 1, E.inOut], [t + 700, 0.25, E.hold], [3e3, 0.25]]);
-    }
-    const card = l.box(l.sheet, 150, 220, 300, 190, "Card", { fill: "accent", radius: 22 });
-    l.rect(card, 28, 60, 52, 40, "gold", { radius: 8, name: "Chip" });
-    l.rect(card, 28, 138, 150, 16, "soft", { radius: 8, name: "Number" });
-    l.rect(card, 196, 138, 70, 16, "soft", { radius: 8, name: "Expiry" });
-    l.keys(card, "translateX", [[0, 0, E.inOut], [800, 190, E.hold], [1900, 190, E.inOut], [2700, 0, E.hold], [3e3, 0]]);
-    l.keys(card, "translateY", [[0, 0, E.inOut], [800, -40, E.hold], [1900, -40, E.inOut], [2700, 0, E.hold], [3e3, 0]]);
-    l.keys(card, "rotation", [[0, -14, E.inOut], [800, -4, E.hold], [1900, -4, E.inOut], [2700, -14, E.hold], [3e3, -14]]);
-  }
-});
-var FINTECH_PACK = [finPaymentSuccess, finCardTap];
-
-export {
-  finPaymentSuccess,
-  finCardTap,
-  FINTECH_PACK
-};