@popcraft/kit 0.32.0 → 0.32.1

package/dist/chunks/chunk-ZJLDYEFO.js

@@ -0,0 +1,290 @@
+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 {
+  decodeAudio
+} from "./chunk-WHWQQG2J.js";
+import {
+  frameTime,
+  poseAt,
+  samplePose
+} from "./chunk-ZDZ2CP7W.js";
+import {
+  parseSvgItems,
+  pathBounds
+} from "./chunk-PAIMIUEI.js";
+import {
+  targetSound
+} from "./chunk-4PKYJYJQ.js";
+import {
+  dropCorruptMedia
+} from "./chunk-R74YSMDO.js";
+import {
+  analysedHashes,
+  analysisOf,
+  setAnalysis,
+  setAnalysisRequester,
+  signalAt
+} from "./chunk-YQC2IVAU.js";
+import {
+  analyzeAudio
+} from "./chunk-Z73UNUL7.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// lib/io/video/render-frames.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/motion/audio-analysis-store.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pending = /* @__PURE__ */ new Map();
+var failed = /* @__PURE__ */ new Map();
+var RETRY_MS = 5e3;
+var now = () => typeof performance !== "undefined" ? performance.now() : Date.now();
+var WORKER_TIMEOUT_MS = 2e4;
+var worker = null;
+var workerBroken = false;
+var nextId = 1;
+var waiting = /* @__PURE__ */ new Map();
+function breakWorker(reason) {
+  try {
+    worker?.terminate();
+  } catch {
+  }
+  worker = null;
+  for (const w of waiting.values()) w.reject(new Error(reason));
+  waiting.clear();
+}
+function within(p, ms, what) {
+  let timer;
+  const late = new Promise((_, reject) => {
+    timer = setTimeout(() => reject(new Error(`${what} took longer than ${Math.round(ms / 1e3)} s`)), ms);
+  });
+  return Promise.race([p, late]).finally(() => clearTimeout(timer));
+}
+function viaWorker(channels, sampleRate) {
+  if (typeof Worker === "undefined" || workerBroken) return null;
+  if (!worker) {
+    try {
+      worker = new Worker(new URL("./audio-analysis.worker.ts", import.meta.url), { type: "module" });
+    } catch (e) {
+      workerBroken = true;
+      breakWorker(e instanceof Error ? e.message : String(e));
+      return null;
+    }
+    worker.onmessage = (e) => {
+      waiting.get(e.data.id)?.resolve(e.data.analysis);
+      waiting.delete(e.data.id);
+    };
+    worker.onerror = (e) => {
+      e.preventDefault?.();
+      breakWorker(`the analysis worker failed: ${e.message || "it did not load"}`);
+    };
+    worker.onmessageerror = () => breakWorker("the analysis worker sent something that could not be read");
+  }
+  const id = nextId++;
+  const answer = new Promise((resolve, reject) => {
+    waiting.set(id, { resolve, reject });
+    worker.postMessage({ id, channels: channels.map((c) => c.slice()), sampleRate });
+  });
+  return within(answer, WORKER_TIMEOUT_MS, "the analysis worker").catch((e) => {
+    waiting.delete(id);
+    if (waiting.size || worker) breakWorker(e instanceof Error ? e.message : String(e));
+    throw e;
+  });
+}
+async function analyse(channels, sampleRate) {
+  const w = viaWorker(channels, sampleRate);
+  if (w) {
+    try {
+      return await w;
+    } catch (e) {
+      warn("worker", e);
+    }
+  }
+  return analyzeAudio(channels, sampleRate);
+}
+var warned = /* @__PURE__ */ new Set();
+function warn(what, e) {
+  const msg = `${what}: ${e instanceof Error ? e.message : String(e)}`;
+  if (warned.has(msg)) return;
+  warned.add(msg);
+  console.warn(`[audio-reactive] ${msg}`);
+}
+function loadAnalysis(hash) {
+  const have = analysisOf(hash);
+  if (have) return Promise.resolve(have);
+  const f = failed.get(hash);
+  if (f && now() - f.at < RETRY_MS) return Promise.resolve(null);
+  let p = pending.get(hash);
+  if (!p) {
+    p = (async () => {
+      try {
+        let buffer;
+        try {
+          buffer = await decodeAudio(hash);
+        } catch (e) {
+          if (await dropCorruptMedia(hash)) buffer = await decodeAudio(hash);
+          else throw e;
+        }
+        const a = await analyse(Array.from({ length: buffer.numberOfChannels }, (_, i) => buffer.getChannelData(i)), buffer.sampleRate);
+        failed.delete(hash);
+        setAnalysis(hash, a);
+        return a;
+      } catch (e) {
+        failed.set(hash, { error: e instanceof Error ? e.message : String(e), at: now() });
+        warn(`no analysis of ${hash}`, e);
+        return null;
+      }
+    })().finally(() => pending.delete(hash));
+    pending.set(hash, p);
+  }
+  return p;
+}
+function analysisStatus() {
+  const out = {};
+  const w = workerBroken ? "broken" : worker ? "on" : "off";
+  for (const h of pending.keys()) out[h] = { state: "pending", worker: w };
+  for (const [h, f] of failed) out[h] = { state: "failed", error: f.error, worker: w };
+  return out;
+}
+async function ensureAnalyses(sound) {
+  const hashes = new Set(sound.filter((c) => !c.muted).map((c) => c.mediaHash));
+  await Promise.all([...hashes].map((h) => loadAnalysis(h)));
+}
+if (typeof window !== "undefined") {
+  setAnalysisRequester((hash) => {
+    void loadAnalysis(hash);
+  });
+  window.__vpAudio = {
+    status: () => ({ ...analysisStatus(), ...Object.fromEntries(analysedHashes().map((h) => [h, { state: "ready" }])) }),
+    signal: (hash, signal, ms) => {
+      const a = analysisOf(hash);
+      return a ? signalAt(a, { signal }, ms) : null;
+    }
+  };
+}
+
+// lib/io/video/watermark.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/io/video/watermark-mark.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var WORDMARK_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="177.31 117.18 1750.14 645.63" fill="#ffffff" role="img" aria-label="PopCraft"><g><g transform="matrix(1 0 0 1 177.31 135.76)"><path d="M0 106.8L0.02 104.54L0.28 102.31L0.87 100.14L1.9 98.07L3.44 96.13L5.59 94.34L10.94 90.94L16.72 87.71L22.84 84.61L29.17 81.64L54.59 70.59L84.51 57.7L99.82 51.43L115.36 45.33L131.11 39.43L147.07 33.78L163.22 28.41L179.56 23.36L196.08 18.68L212.77 14.38L229.62 10.53L246.62 7.14L263.77 4.27L281.05 1.94L298.46 0.21L315.99 -0.9L324.84 -1.2L334.18 -0.98L343.8 -0.3L353.51 0.83L363.1 2.37L372.36 4.28L381.1 6.55L389.1 9.13L394.38 11.17L399.42 13.38L404.21 15.75L408.76 18.29L413.07 20.97L417.15 23.8L421 26.76L424.62 29.86L428.02 33.07L431.19 36.4L434.15 39.83L436.89 43.36L439.41 46.99L441.73 50.69L443.83 54.48L445.74 58.33L447.44 62.25L448.94 66.22L450.25 70.24L451.36 74.3L452.28 78.39L453.02 82.5L453.95 90.78L454.16 99.07L453.69 107.31L452.55 115.44L450.78 123.4L448.08 132.31L444.78 141.13L440.9 149.87L436.49 158.51L431.58 167.05L426.2 175.5L420.41 183.82L414.22 192.04L407.69 200.12L400.85 208.08L393.73 215.9L386.38 223.57L378.82 231.1L371.11 238.47L355.35 252.72L328.37 275.74L315.12 287.1L302.25 298.58L289.92 310.34L284.01 316.37L278.3 322.54L272.81 328.86L267.56 335.35L262.57 342.04L257.86 348.94L253.63 355.25L249.83 361.49L246.45 367.66L243.47 373.77L240.9 379.82L238.7 385.82L236.87 391.77L235.39 397.67L234.26 403.53L233.46 409.36L232.97 415.15L232.79 420.92L232.9 426.66L233.29 432.39L233.94 438.1L234.84 443.81L235.98 449.51L237.35 455.21L238.94 460.91L240.72 466.63L244.84 478.1L249.61 489.66L254.93 501.35L260.68 513.2L273.12 537.54L279.06 548.15L285.62 558.99L292.03 569.79L294.94 575.1L297.53 580.31L292.33 582.51L286.26 584.81L272.59 589.51L246.47 597.78L207.2 610.06L167.82 622.14L160.33 624.45L155.65 625.68L150.8 626.63L146.09 627.05L143.89 626.99L141.86 626.7L140.02 626.17L138.43 625.34L137.12 624.21L136.13 622.73L135.48 620.97L135.15 619.11L135.15 615.18L135.9 607.42L136.05 594.12L136 580.81L135.33 554.22L133.99 527.65L132.05 501.09L129.57 474.54L126.65 448L123.34 421.48L119.74 394.97L111.93 341.96L103.84 288.99L96.08 236.04L92.5 209.58L89.24 183.11L87.08 181.17L85.48 180.84L83.71 180.74L79.7 181.15L75.15 182.23L70.18 183.84L59.42 188.11L48.27 192.8L42.83 194.95L37.63 196.76L32.77 198.11L28.37 198.85L26.37 198.94L24.53 198.82L22.85 198.48L21.36 197.9L20.07 197.06L18.98 195.94L18.12 194.52L17.49 192.78L12.54 172.63L8.15 152.17L4.14 131.64L0.36 111.31L0 106.8ZM212.51 164.33L212.77 176.21L213.32 188.17L214.1 199.96L215.06 211.32L216.15 221.99L217.33 231.73L218.55 240.27L219.75 247.35L220.9 252.74L221.7 255.77L222.87 258.7L223.7 260.07L224.75 261.35L226.06 262.5L227.68 263.52L229.25 263.51L230.85 263.3L234.09 262.39L237.33 260.95L240.5 259.13L246.37 255.01L251.11 251.28L258.3 244.53L265.52 236.88L272.63 228.46L279.44 219.38L285.8 209.77L288.75 204.81L291.52 199.75L294.1 194.63L296.46 189.45L298.57 184.23L300.42 178.98L301.99 173.73L303.26 168.48L304.2 163.24L304.8 158.05L305.03 152.91L304.87 147.83L304.3 142.84L303.3 137.94L301.85 133.15L299.93 128.5L297.51 123.98L294.58 119.63L291.12 115.45L287.1 111.46L282.5 107.67L277.3 104.11L274.26 102.43L271.01 101.07L267.58 100L264.01 99.19L260.33 98.61L256.57 98.26L248.94 98.09L242.08 98.76L234.76 99.9L231.23 100.76L227.96 101.86L225.08 103.25L222.7 104.97L221.08 106.79L219.61 109.11L218.31 111.9L217.15 115.13L216.14 118.76L215.27 122.76L213.91 131.75L213.03 141.85L212.58 152.79L212.51 164.33Z" fill-rule="evenodd"/></g><g transform="matrix(1 0 0 1 910.59 117.18)"><path d="M239.94 0.68C259.06 -1.54 281.7 1.73 297.86 9.59C319.72 20.23 330.57 46.67 334.3 64.62C345.27 117.41 317.02 176.13 272.45 218.19C256.12 233.97 228.69 256.38 200.43 260.39C171.87 264.43 198.88 221.19 202.1 214.07C216.52 182.23 235.55 147.45 230.26 113.46C226.74 90.82 204.06 91.67 190.56 109.65C178.29 124.98 168.71 139.11 159.69 155.57C112.48 241.71 88.41 341.94 115.78 433.45C119.65 446.38 133.43 493.89 161.47 488.59C187.35 483.7 186.8 444.49 185.76 429.58C184.99 418.47 174.51 393.37 182.19 384.83C193.35 378.96 241.65 369.78 255.53 375.14C262.05 377.66 267 398.77 268.1 405.39C277.56 461.78 272.9 528.38 226.94 576.63C195.53 609.1 130.49 623.53 84.47 598.99C36.85 573.15 11.33 520.21 4.73 477.77C-11.83 371.25 16.91 252.26 62.33 150.76C77.13 117.69 104.54 81.88 132.14 54.17C157.92 28.29 195.06 5.38 239.94 0.68Z" fill-rule="evenodd"/></g><g transform="matrix(1 0 0 1 1497.47 155.22)"><path d="M149.68 0.51C190.05 -3.05 223.76 12.11 232.61 40.8C242.89 74.17 233.18 111.05 211.15 140.98C207.56 153.7 160.76 170.58 155.16 152.45C154.51 141.09 187.13 56.89 143.79 68.12C108.67 77.23 101.56 166.16 113.6 189.49C118.02 198.05 117.96 200.98 127.34 205.78C145.83 215.23 183.54 189.72 192.58 208.2C199.35 237.58 132.26 262.46 127.57 287.36C117.84 338.92 134.64 398.5 148.82 449.19C154.81 467.97 162.11 485.96 169.87 504.37C171.67 508.62 175.57 516.25 172.08 520.27C161.44 532.55 69.27 552.19 46.33 555.26C35.49 556.71 14.81 558.82 5.59 553.78C0.24 550.85 -0.52 546.21 0.25 541.78C2.18 530.78 14.62 511.71 20.08 499.8C29.27 479.57 37.21 459.07 43.89 438.34C49 422.92 54.42 404.79 56.43 388.99C60.39 344.6 54.62 293.38 43.44 249.62C24.44 175.21 16.55 94.33 80.71 28.91C96.82 12.49 121.52 3.11 149.68 0.51Z" fill-rule="evenodd"/></g><g transform="matrix(1 0 0 1 1654.94 233.99)"><path d="M118.09 0.02C135.37 -0.35 202.6 4.49 206.41 20.37C211.16 40.13 168.1 110.51 171 126.02C179.91 131.37 210.66 122.83 225.12 123.77C240.47 124.77 247.91 124.14 260.68 133.04C270.13 139.62 272.45 148.88 272.51 157.78C272.58 169.79 259.49 203.07 248.78 210.54C241.57 213.13 228.58 208.76 221.16 207.46C201.13 203.94 177.89 203.54 159.8 211.55C146.4 217.48 139.64 227.1 136.09 237.76C132.78 247.66 124.96 294.47 132.27 301.9C135.71 305.4 144.03 305.18 149.49 305.98C150.18 306.43 151.01 306.97 151.98 307.6C153.68 314.82 154.37 322.11 155.55 329.38C156.98 338.11 159.68 346.8 162.06 355.41C164.17 363.08 167.01 370.68 167.81 378.48C166.21 380.34 163.89 382.65 162.14 384.51C161.21 385.35 160.25 386.18 159.29 387C137.95 405.02 98.64 428.25 64.21 430.03C55.82 430.46 47.14 429.24 40.7 425.13C10.5 405.85 36.41 294.47 41.67 265.14C43.83 253.06 47.59 240 46.71 227.82C44.99 203.5 14.54 218.35 2.8 209.79C-1.48 206.67 -0.17 201.85 2.19 198.29C8.04 189.48 20.48 182.1 29.17 174.61C38.81 166.29 48.02 157.45 56.63 148.57C101.25 102.51 119.06 55.49 118.09 0.02Z" fill-rule="evenodd"/></g><g transform="matrix(1 0 0 1 1132.34 318.19)"><path d="M183.55 0.21C236.75 -3.22 219.12 35.65 210.84 58.81C206.76 70.24 197.67 117.09 179.75 122.39C165.79 126.53 160.25 94.85 152.27 91.75C132.81 90.84 126.79 129.79 125.77 139.61C121.03 185.41 135.59 270.23 176.37 305.46C153.52 323.98 91.43 345.84 57.11 351.44C52.06 352.27 48.97 352.56 44.76 350.61C43.8 347.43 44.34 347.92 45.8 344.48C81.06 278.7 80.59 167.99 31.11 105.65C25.8 98.96 -2.01 99.02 0.12 91.58C26.38 69.67 52.06 48.06 76.24 24.93C78.15 23.1 80.74 21.24 83.93 20.75C97.06 22.57 94.16 35.74 92.8 42.96C90.76 53.88 89.38 62.67 90.48 73.7C122.15 50.39 128.57 9.38 183.55 0.21Z" fill-rule="evenodd"/></g><g transform="matrix(1 0 0 1 459.64 400.63)"><path d="M0 158.92L0.14 152.87L0.48 146.82L1 140.75L1.72 134.7L2.63 128.66L3.72 122.64L5 116.66L6.46 110.72L8.11 104.84L9.93 99.02L11.94 93.27L14.12 87.6L16.48 82.02L19.01 76.54L21.72 71.17L24.59 65.92L27.63 60.8L30.85 55.81L34.22 50.97L37.77 46.29L41.47 41.77L45.34 37.42L49.36 33.26L53.55 29.29L57.89 25.52L62.38 21.96L67.03 18.63L71.83 15.52L76.78 12.66L81.87 10.04L87.12 7.68L92.5 5.59L98.04 3.78L103.71 2.25L109.52 1.02L115.47 0.09L123.61 0L131.43 0.5L138.93 1.55L146.11 3.12L152.99 5.2L159.57 7.74L165.84 10.72L171.82 14.11L177.5 17.89L182.9 22.01L188.01 26.47L192.84 31.21L197.4 36.23L201.68 41.48L205.69 46.94L209.44 52.59L212.93 58.38L216.17 64.3L219.15 70.32L221.89 76.4L224.38 82.51L226.63 88.64L228.65 94.74L230.43 100.8L231.99 106.78L233.32 112.65L235.33 123.96L236.5 134.5L236.78 139.41L236.86 144.04L236.5 153.85L235.48 164.36L233.75 175.38L231.27 186.74L229.73 192.51L227.99 198.29L226.04 204.09L223.86 209.86L221.47 215.59L218.84 221.27L215.98 226.86L212.88 232.36L209.53 237.73L205.94 242.96L202.08 248.02L197.96 252.9L193.56 257.57L188.9 262.02L183.95 266.21L178.71 270.14L173.19 273.78L167.36 277.1L161.23 280.1L154.78 282.74L148.03 285.01L140.95 286.88L133.54 288.34L125.8 289.36L114.23 289.66L108.66 289.59L103.16 289.32L97.71 288.81L92.27 288.03L86.79 286.93L81.24 285.47L75.3 283.55L69.6 281.35L64.13 278.89L58.91 276.18L53.91 273.22L49.15 270.02L44.63 266.6L40.33 262.96L36.25 259.11L32.41 255.07L28.79 250.83L25.39 246.42L22.21 241.83L19.26 237.09L16.52 232.19L13.99 227.15L11.68 221.97L9.59 216.68L7.71 211.26L6.03 205.74L4.57 200.13L3.31 194.43L2.25 188.65L1.4 182.8L0.75 176.9L0.3 170.94L0.05 164.95L0 158.92ZM86.1 126L86.12 133.6L86.37 141.23L86.87 148.84L87.6 156.37L88.56 163.77L89.76 170.99L91.19 177.96L92.84 184.63L94.73 190.96L96.83 196.88L99.16 202.34L101.71 207.29L104.48 211.67L107.47 215.42L110.66 218.49L114.08 220.83L115.86 221.71L117.7 222.39L119.59 222.85L121.53 223.1L123.52 223.12L125.56 222.91L127.57 221.17L129.46 219.25L132.92 214.91L135.96 209.97L138.61 204.52L140.88 198.65L142.8 192.44L144.4 186L145.69 179.39L146.7 172.72L147.45 166.07L147.97 159.53L148.27 153.19L148.33 141.45L147.8 131.56L147.02 123.21L145.87 113.75L144.2 103.61L141.84 93.21L140.35 88.05L138.63 82.99L136.66 78.08L134.42 73.38L131.88 68.93L129.03 64.8L125.84 61.03L122.3 57.68L120.9 56.69L119.39 55.95L117.78 55.43L116.09 55.1L112.51 54.88L108.76 55.03L107.08 56.03L105.46 57.23L102.43 60.18L99.66 63.81L97.15 68.08L94.91 72.93L92.92 78.3L91.19 84.14L89.72 90.4L88.5 97.02L87.53 103.94L86.81 111.11L86.33 118.49L86.1 126Z" fill-rule="evenodd"/></g><g transform="matrix(1 0 0 1 618.85 271.94)"><path d="M-0.03 77.01L9.35 69.77L19.07 62.67L29.11 55.75L39.47 49.05L50.16 42.6L61.17 36.45L72.5 30.64L84.14 25.21L96.08 20.19L108.33 15.63L120.89 11.57L133.74 8.04L146.89 5.09L160.34 2.75L174.07 1.07L188.09 0.08L197.54 0.06L206.65 0.6L215.41 1.67L223.8 3.25L231.81 5.33L239.44 7.89L246.68 10.9L253.51 14.34L259.93 18.19L265.93 22.44L271.5 27.05L276.63 32.02L281.31 37.31L285.54 42.92L289.3 48.81L292.58 54.97L295.08 60.57L297.18 66.19L298.89 71.82L300.24 77.46L301.22 83.11L301.86 88.76L302.16 94.42L302.13 100.07L301.8 105.72L301.17 111.36L300.25 116.99L299.06 122.6L297.6 128.2L295.9 133.79L293.96 139.35L291.8 144.89L289.43 150.4L286.85 155.88L281.16 166.74L274.82 177.45L267.93 187.98L260.6 198.31L252.91 208.42L244.98 218.29L236.9 227.9L229.29 236.26L221.18 244.58L212.91 252.92L204.87 261.37L197.39 270L193.99 274.41L190.86 278.9L188.06 283.47L185.64 288.14L183.62 292.91L182.07 297.8L181.71 303.28L181.6 309.06L181.7 315.11L182.01 321.39L183.18 334.44L184.97 347.86L187.27 361.3L189.92 374.4L192.81 386.81L195.8 398.2L201.54 415.77L204.36 425.43L205.15 429.26L205.31 431.97L202.9 433.58L199.2 435.43L194.37 437.48L188.59 439.7L174.84 444.49L159.33 449.47L128.5 458.72L107.03 464.9L100.15 467.21L92.05 469.84L87.95 470.93L84.06 471.7L80.52 472.01L77.52 471.71L76.07 470.43L74.99 469.12L74.24 467.77L73.77 466.38L73.56 464.93L73.56 463.41L74.05 460.15L77.25 444.98L80.27 429.73L83.07 414.42L85.63 399.05L87.91 383.64L89.89 368.2L91.53 352.73L92.81 337.25L93.7 321.76L94.16 306.27L94.16 290.8L93.68 275.34L92.69 259.92L91.15 244.55L89.04 229.22L86.33 213.95L82.99 198.17L79.03 182.24L76.73 174.28L74.17 166.35L71.33 158.48L68.16 150.69L64.63 143L60.72 135.43L56.39 128.02L51.59 120.77L46.32 113.72L40.51 106.89L34.16 100.3L27.21 93.97L24.22 91.56L21.04 89.26L14.26 84.93L-0.03 77.01ZM148.81 90.47L149.38 107.74L150.73 127.97L152.74 149.57L155.31 170.92L156.75 181L158.3 190.43L159.92 198.99L161.6 206.49L163.33 212.74L165.1 217.52L169.64 215.06L173.2 212.63L176.29 209.89L179.44 206.46L184.03 199.76L188.13 192.93L191.73 185.99L194.85 178.95L197.47 171.83L199.6 164.63L201.23 157.38L202.36 150.09L202.99 142.76L203.12 135.42L202.75 128.07L201.87 120.73L200.49 113.42L198.6 106.14L196.2 98.91L193.28 91.74L190.9 86.89L188.27 82.5L185.23 78.65L183.51 76.95L181.63 75.42L179.57 74.06L177.31 72.89L174.82 71.91L172.09 71.13L169.11 70.57L165.84 70.23L162.26 70.13L158.37 70.27L155.31 71.73L152.39 73.39L151.15 74.34L150.15 75.37L149.46 76.51L149.14 77.77L148.86 83.45L148.81 90.47Z" fill-rule="evenodd"/></g><g transform="matrix(1 0 0 1 1294.24 313.42)"><path d="M0 243.48L0.35 238.07L1.05 232.79L2.11 227.63L3.5 222.58L5.23 217.66L7.27 212.85L9.61 208.16L12.26 203.57L15.19 199.1L18.39 194.73L21.86 190.47L25.59 186.32L29.56 182.27L33.76 178.31L38.18 174.46L42.82 170.7L52.68 163.47L63.27 156.6L74.49 150.07L86.26 143.88L98.49 138.01L111.11 132.43L124.03 127.15L136.89 122.29L143.25 119.78L149.41 117.03L150.35 114.32L151.3 110.84L153.06 102.03L153.77 96.97L154.31 91.64L154.62 86.17L154.66 80.69L154.39 75.33L153.75 70.21L152.7 65.47L151.18 61.23L150.24 59.35L149.17 57.63L147.95 56.11L146.6 54.79L145.09 53.69L143.42 52.83L141.6 52.23L139.61 51.9L137.61 51.87L135.74 52.16L134 52.75L132.37 53.61L130.85 54.73L129.44 56.1L128.14 57.68L126.94 59.46L124.82 63.57L123.05 68.26L121.61 73.38L120.46 78.8L119.56 84.34L118.88 89.88L118.06 100.31L117.63 114.4L107.29 118.82L96.72 123.11L86.18 127.48L75.94 132.13L71.03 134.44L64.94 136.86L61.79 137.8L58.74 138.41L55.92 138.55L53.47 138.11L52.18 136.37L51.18 134.37L50.45 132.19L49.96 129.91L49.69 127.6L49.62 125.32L49.97 121.18L53.05 104.21L55 95.08L57.33 85.68L60.11 76.16L63.43 66.64L67.36 57.25L69.57 52.64L71.97 48.12L74.56 43.69L77.35 39.38L80.35 35.2L83.57 31.16L87.02 27.29L90.71 23.59L94.65 20.1L98.85 16.81L103.31 13.75L108.06 10.94L113.09 8.39L118.42 6.11L124.05 4.13L130 2.46L136.28 1.11L142.9 0.1L150.39 0L157.32 0.34L163.7 1.1L169.56 2.27L174.95 3.83L179.9 5.75L184.42 8.03L188.57 10.63L192.36 13.54L195.83 16.75L199.01 20.23L201.94 23.96L204.64 27.93L207.15 32.11L209.51 36.49L211.73 41.05L213.97 46.01L215.98 50.99L217.78 55.99L219.38 60.99L222.01 71.05L223.93 81.15L225.22 91.29L225.95 101.46L226.19 111.66L226.02 121.89L225.51 132.13L224.73 142.38L222.65 162.89L220.35 183.37L218.43 203.76L218.37 205.74L218.5 207.54L218.82 209.18L219.29 210.67L220.68 213.23L222.56 215.31L224.83 216.98L227.37 218.34L232.84 220.4L238.12 222.18L240.41 223.16L242.33 224.31L243.76 225.72L244.61 227.46L244.77 228.49L244.75 229.63L244.08 232.29L242.04 237.45L239.74 242.7L237.18 248.02L234.36 253.38L231.28 258.74L227.94 264.08L224.33 269.36L220.47 274.55L216.34 279.62L211.94 284.55L207.29 289.29L202.36 293.81L197.17 298.1L191.72 302.1L185.99 305.8L180 309.17L176.37 310.83L172.21 312.35L167.65 313.68L162.84 314.76L157.94 315.53L153.08 315.95L148.42 315.97L144.09 315.52L140.05 314.62L136.65 313.47L133.83 312.1L131.54 310.53L129.72 308.81L128.29 306.97L127.21 305.05L126.41 303.08L125.4 299.13L124.79 295.4L124.08 292.17L123.54 290.84L122.8 289.74L121.38 289.54L119.92 289.65L118.43 290.04L116.9 290.65L113.77 292.45L110.57 294.76L104.13 299.74L100.98 301.84L97.92 303.29L92.35 305.09L86.95 306.6L81.7 307.83L76.61 308.78L71.68 309.46L66.91 309.89L62.31 310.06L57.86 309.99L53.58 309.69L49.46 309.15L45.5 308.39L41.71 307.42L38.07 306.24L34.6 304.86L31.3 303.29L28.16 301.54L25.18 299.61L22.37 297.51L19.72 295.26L17.24 292.84L14.92 290.28L12.77 287.59L10.78 284.76L8.96 281.81L7.31 278.74L5.82 275.57L4.5 272.29L3.35 268.92L1.55 261.94L0.43 254.67L0.02 249.01L0 243.48ZM96.19 228.68L96.47 232L97.16 235.13L98.32 238L100.02 240.55L102.3 242.7L103.69 243.61L105.25 244.39L106.99 245.04L108.91 245.55L113.35 246.11L116.29 244.58L119.04 242.76L121.6 240.67L123.97 238.35L126.18 235.83L128.21 233.14L131.79 227.42L134.77 221.44L137.19 215.46L139.1 209.76L140.54 204.6L143.94 193.83L145.67 187.45L146.27 184.25L146.59 181.14L146.57 178.18L146.1 175.45L145.13 173.01L143.58 170.94L142.55 170.07L141.36 169.31L139.97 168.68L138.39 168.18L134.62 167.62L129.94 167.7L126.68 169.26L123.69 170.94L120.95 172.73L118.45 174.65L116.17 176.66L114.09 178.78L110.5 183.26L107.55 188.02L105.11 193.02L103.06 198.17L101.27 203.41L99.65 208.56L97.93 214.85L96.61 221.74L96.26 225.24L96.19 228.68Z" fill-rule="evenodd"/></g></g></svg>`;
+
+// lib/io/video/watermark.ts
+var HEIGHT_SHARE = 0.06;
+var INSET_SHARE = 0.035;
+var mark = null;
+function wordmark() {
+  if (mark) return mark;
+  const parsed = parseSvgItems(WORDMARK_SVG);
+  const paths = [];
+  const collect = (items) => {
+    for (const it of items) {
+      if (it.kind === "vector") paths.push(...it.paths);
+      else if (it.kind === "group") collect(it.children);
+    }
+  };
+  if (parsed) collect(parsed.items);
+  mark = { paths, box: pathBounds(paths) ?? { minX: 0, minY: 0, maxX: 1, maxY: 1 } };
+  return mark;
+}
+var place = (paths, f) => paths.map((p) => ({
+  closed: p.closed,
+  points: p.points.map((pt) => ({
+    ...f(pt.x, pt.y),
+    ...pt.handleIn ? { handleIn: f(pt.handleIn.x, pt.handleIn.y) } : {},
+    ...pt.handleOut ? { handleOut: f(pt.handleOut.x, pt.handleOut.y) } : {}
+  }))
+}));
+function watermarkNodes(bounds) {
+  const { paths, box } = wordmark();
+  if (!paths.length) return [];
+  const w = bounds.maxX - bounds.minX, h = bounds.maxY - bounds.minY;
+  const short = Math.min(w, h);
+  const s = short * HEIGHT_SHARE / (box.maxY - box.minY);
+  const inset = short * INSET_SHARE;
+  const left = bounds.maxX - inset - (box.maxX - box.minX) * s;
+  const top = bounds.maxY - inset - (box.maxY - box.minY) * s;
+  const at = (dx, dy) => place(paths, (x, y) => ({ x: left + (x - box.minX) * s + dx, y: top + (y - box.minY) * s + dy }));
+  const layer = (id, layerPaths, opacity) => ({
+    id,
+    type: "VECTOR",
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    rotation: 0,
+    paths: layerPaths,
+    fillRule: "EVENODD",
+    fills: [{ type: "SOLID", color: { r: 1, g: 1, b: 1, a: 1 }, visible: true }],
+    strokes: [],
+    effects: [],
+    opacity,
+    visible: true
+  });
+  const padX = short * 0.018, padY = short * 0.012;
+  const markW = (box.maxX - box.minX) * s, markH = (box.maxY - box.minY) * s;
+  const pill = {
+    id: "__watermark_plate",
+    type: "RECTANGLE",
+    x: left - padX,
+    y: top - padY,
+    width: markW + 2 * padX,
+    height: markH + 2 * padY,
+    rotation: 0,
+    cornerRadius: (markH + 2 * padY) / 2,
+    fills: [{ type: "SOLID", color: { r: 0, g: 0, b: 0, a: 1 }, visible: true }],
+    strokes: [],
+    effects: [],
+    opacity: 0.45,
+    visible: true
+  };
+  return [pill, layer("__watermark", at(0, 0), 0.92)];
+}
+
+// lib/io/video/render-frames.ts
+var ExportAborted = class extends Error {
+  constructor() {
+    super("Export cancelled.");
+    this.name = "AbortError";
+  }
+};
+function throwIfAborted(signal) {
+  if (signal?.aborted) throw new ExportAborted();
+}
+var frameTimestampUs = (i, fps) => Math.round(frameTime(i, fps) * 1e3);
+async function* renderFrames(renderer, doc, target, opts) {
+  const { range, signal } = opts;
+  const size = { width: opts.width, height: opts.height };
+  const { indices, times, bounds } = opts;
+  const total = times ? times.length : indices ? indices.length : range.count;
+  await ensureAnalyses(targetSound(doc, target));
+  try {
+    for (let n = 0; n < total; n++) {
+      throwIfAborted(signal);
+      const i = indices ? indices[n] : n;
+      const pose = times ? poseAt(doc, target, times[n]) : samplePose(doc, target, range, i);
+      const pixels = await renderer.withVideoTime(pose.time / 1e3, () => renderer.renderPose(pose, doc, size, "readback", bounds, opts.watermark ? watermarkNodes : void 0));
+      if (!pixels) throw new Error("The animation rendered no pixels: its frame or composition is gone.");
+      const timestampUs = frameTimestampUs(i, range.fps);
+      try {
+        yield { index: i, count: total, time: pose.time, timestampUs, durationUs: frameTimestampUs(i + 1, range.fps) - timestampUs, pixels };
+      } finally {
+        pixels.release();
+      }
+    }
+  } finally {
+    renderer.releasePoseTargets();
+  }
+}
+
+export {
+  throwIfAborted,
+  renderFrames
+};

package/dist/chunks/chunk-ZJQAN43D.js

@@ -0,0 +1,215 @@
+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 {
+  ballPasses,
+  ballTravel,
+  burst,
+  clearConfetti,
+  confetti,
+  newYearBrand,
+  nightCity,
+  tickBox,
+  tower,
+  towerHeight
+} from "./chunk-TA5UOTK4.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  buttons,
+  nav,
+  page,
+  webResponsive
+} from "./chunk-TF2MO3UA.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SHOYVADV.js";
+import {
+  ease
+} from "./chunk-AY2VBUGS.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/web/new-year-landing.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var LOOP = 8e3;
+var DROP = 1200;
+var MIDNIGHT = 4600;
+var BOARDS = [
+  { name: "Shipped", figure: "214", label: "features shipped", counter: { from: 0, to: 214 } },
+  { name: "Uptime", figure: "99.98%", label: "uptime, all year", counter: { from: 90, to: 99.98, decimals: 2, suffix: "%" } },
+  { name: "Hours", figure: "1,260,000", label: "hours handed back", counter: { from: 1e6, to: 126e4, separator: "," } }
+];
+var BOX = { w: 560, h: 620 };
+var TOWER = {
+  w: 500,
+  u: 0.64,
+  boards: BOARDS,
+  boardH: 78,
+  gap: 8,
+  signH: 112,
+  ball: 104,
+  figW: 198,
+  loopMs: LOOP,
+  mastRise: 60,
+  styles: { figure: "Figure 38", label: "Label 15", year: "Year 76", lastYear: "Last year 30", signLabel: "Sign label 13" }
+};
+var passes = BOARDS.map((_, i) => Math.round(DROP + (MIDNIGHT - 700 - DROP) * ballPasses(TOWER, i) / ballPasses(TOWER, BOARDS.length - 1)));
+var RESOLUTIONS = [
+  ["Stop chasing invoices by hand.", "Mainspring sends the reminder on day 1, 7 and 14, and stops the moment the payment lands.", "412,000 reminders sent"],
+  ["Send the Monday report on Monday.", "It pulls the numbers from your billing and CRM at 07:00 and posts the summary where your team already reads.", "96,300 reports, none late"],
+  ["Onboard every new account the same day.", "Signed contract in, workspace, seats and welcome call out. Nobody copies a name between tabs.", "median 4 min 12 s"],
+  ["Close the month without the spreadsheet.", "Every run is logged with who, what and when, so month-end is an export, not an archaeology dig.", "0 formulas to maintain"]
+];
+var counts = BOARDS.map((b, i) => ({ layer: `${b.name} figure`, at: passes[i], duration: 1200, counter: b.counter }));
+var cues = [
+  { layer: "Offer bar", preset: "drop-in", at: 0, params: { duration: 600 } },
+  { layer: "Nav", preset: "fade-in", at: 100, params: { duration: 700 } },
+  { layer: "Eyebrow", preset: "fade-in", at: 300, params: { duration: 700 } },
+  { layer: "Headline", preset: "blur-in", at: 350, params: { duration: 1e3, amount: 22 } },
+  { layer: "Visual", preset: "fade-in", at: 300, params: { duration: 800 } },
+  { layer: "Lead", preset: "rise-in", at: 900, params: { duration: 800 } },
+  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1300, params: { duration: 700 }, stagger: { delay: 140 } },
+  { layer: "Proof", preset: "fade-in", at: 2e3, params: { duration: 800 } },
+  ...BOARDS.map((b, i) => ({ layer: `${b.name} board`, preset: "pulse", at: passes[i], params: { duration: 500, amount: 0.035 } })),
+  { layer: "Tick", preset: "pop-in", at: 2200, params: { duration: 450 }, stagger: { delay: 350 } },
+  { layer: "Strike", preset: "wipe-in", at: MIDNIGHT, params: { duration: 300, direction: "right" } },
+  { layer: "Year", preset: "pop-in", at: MIDNIGHT, params: { duration: 500 } },
+  { layer: "Ball", preset: "pulse", at: MIDNIGHT, params: { duration: 700, amount: 0.12 } },
+  { layer: "Confetti", preset: "fade-in", at: MIDNIGHT, params: { duration: 500 } },
+  { layer: "Burst", preset: "scale-in", at: MIDNIGHT, params: { duration: 700 }, stagger: { delay: 280 } }
+];
+var new_year_landing_default = defineTemplate({
+  id: "web-new-year-landing",
+  meta: {
+    name: "New Year ball-drop landing page",
+    description: "A New Year landing page for a SaaS: an offer bar, a hero where a ball of gold light drops down a tower past sign boards whose figures count up (features shipped, uptime, hours saved), strikes out the old year and lights the new one under rockets and confetti; the resolutions the product keeps as a ruled checklist that ticks itself; and the annual-plan offer that ends at midnight \u2014 at desktop, laptop, tablet and phone widths",
+    category: "web",
+    tags: ["new year", "landing page", "hero", "website", "saas", "year in review", "ball drop", "countdown", "confetti", "counter", "resolutions", "annual plan", "offer", "animation", "responsive", "seasonal", "serif"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["sale", "stats", "launch"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  breakpoints: true,
+  motion: { cues, counts },
+  build() {
+    const k = new Kit("New Year ball-drop landing page", preset("web-desktop"));
+    k.quantizeGeometry = true;
+    newYearBrand(k);
+    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
+    k.textStyle("Brand 22", { ...SERIF, size: 22, fontWeight: 900, letterSpacing: -0.3, lineHeight: 28 });
+    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
+    k.textStyle("Bar 15", { size: 15, fontWeight: 700, lineHeight: 22, textAlign: "CENTER" });
+    k.textStyle("Eyebrow 14", { size: 14, fontWeight: 700, letterSpacing: 4, lineHeight: 20, textCase: "UPPER" });
+    k.textStyle("Display 92", { ...SERIF, size: 92, fontWeight: 900, letterSpacing: -3.2, lineHeight: 90 });
+    k.textStyle("Display 76", { ...SERIF, size: 76, fontWeight: 900, letterSpacing: -2.4, lineHeight: 78 });
+    k.textStyle("Display 64", { ...SERIF, size: 64, fontWeight: 900, letterSpacing: -1.8, lineHeight: 66 });
+    k.textStyle("Display 46", { ...SERIF, size: 46, fontWeight: 900, letterSpacing: -1.2, lineHeight: 50 });
+    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 32 });
+    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 27 });
+    k.textStyle("Proof 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 });
+    k.textStyle("Section 44", { ...SERIF, size: 44, fontWeight: 900, letterSpacing: -1.2, lineHeight: 50 });
+    k.textStyle("Section 32", { ...SERIF, size: 32, fontWeight: 900, letterSpacing: -0.8, lineHeight: 38 });
+    k.textStyle("Resolution 26", { ...SERIF, size: 26, fontWeight: 700, letterSpacing: -0.4, lineHeight: 32 });
+    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 29 });
+    k.textStyle("Kept 15", { ...MONO, size: 15, fontWeight: 600, lineHeight: 22 });
+    k.textStyle("Small 14", { size: 14, fontWeight: 500, lineHeight: 22 });
+    k.textStyle("Figure 38", { ...MONO, size: 38, fontWeight: 800, letterSpacing: -1.2, lineHeight: 44 });
+    k.textStyle("Label 15", { size: 15, fontWeight: 600, lineHeight: 19 });
+    k.textStyle("Year 76", { ...SERIF, size: 76, fontWeight: 900, letterSpacing: -2, lineHeight: 76 });
+    k.textStyle("Last year 30", { ...SERIF, size: 30, fontWeight: 700, letterSpacing: -0.6, lineHeight: 34 });
+    k.textStyle("Sign label 13", { size: 13, fontWeight: 700, letterSpacing: 2, lineHeight: 18, textCase: "UPPER" });
+    buttons(k, { style: "Button 16", pad: [15, 26], radius: 8 });
+    const sheet = k.sheet;
+    page(k, sheet, { gap: 64, top: 24 });
+    k.timeline(sheet, { duration: LOOP, fps: 30 });
+    const bar = k.stack(sheet, { fill: "primary", radius: 8, padding: { top: 10, right: 20, bottom: 10, left: 20 }, align: "CENTER", name: "Offer bar" });
+    k.text(bar, "Start {{brand.year}} on the annual plan: two months free, and your price is locked for the year. Ends at midnight, 1 January.", { style: "Bar 15", color: "onPrimary", name: "Offer bar text" });
+    nav(k, sheet, { links: ["Year in review", "Automations", "Pricing", "Changelog"], cta: "Start on annual", style: "Nav 16", brandStyle: "Brand 22" });
+    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 72, align: "CENTER", name: "Hero" });
+    const copy = k.stack(hero, { gap: 26, name: "Copy" });
+    k.text(copy, "{{brand.name}} \xB7 {{brand.lastYear}} in review", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
+    k.text(copy, "New year, new stack.", { style: "Display 92", color: "text", name: "Headline" });
+    k.text(copy, "Mainspring chases the invoices, sends the Monday report and onboards the new account while you sleep. This year it handed 1.26 million hours back to 38,400 teams. Start the next one with the busywork already gone.", { style: "Lead 20", color: "onPaper", name: "Lead" });
+    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
+    k.instance(cta, "Button", { Label: "Start on annual" }, { name: "CTA primary" });
+    k.instance(cta, "Button quiet", { Label: "See the year in review" }, { name: "CTA quiet" });
+    k.text(copy, "2 months free on annual \xB7 price locked all year", { style: "Proof 15", color: "onPaper", name: "Proof" });
+    const holder = k.stack(hero, { width: BOX.w, height: BOX.h, name: "Visual holder" });
+    const visual = k.stack(holder, { width: BOX.w, height: BOX.h, fill: "card", radius: 24, clip: true, name: "Visual", absolute: { x: 0, y: 0 } });
+    nightCity(k, visual, { w: BOX.w, h: BOX.h, horizon: 520, u: 0.6, starsTop: 10, loopMs: LOOP });
+    burst(k, visual, { cx: 440, cy: 88, r: 84, u: 0.6 });
+    burst(k, visual, { cx: 120, cy: 70, r: 56, u: 0.6, role: "rose" });
+    burst(k, visual, { cx: 300, cy: 46, r: 40, u: 0.6, role: "ice" });
+    confetti(k, visual, { w: BOX.w, h: BOX.h, n: 40, u: 0.62, loopMs: LOOP });
+    const block = tower(k, visual, TOWER, { absolute: { x: 30, y: BOX.h - towerHeight(TOWER) - 84 } });
+    clearConfetti(k, visual, ["Tower"], { pad: 12 });
+    const travel = ballTravel(TOWER);
+    for (const b of k.named(block, "Ball")) k.animate(b, "translateY", [
+      { t: 0, v: -travel, ease: ease.hold },
+      ...BOARDS.map((_, i) => ({ t: passes[i], v: -travel * (1 - ballPasses(TOWER, i)), ease: ease.linear })),
+      { t: MIDNIGHT - 700, v: -travel * (1 - ballPasses(TOWER, BOARDS.length - 1)), ease: ease.out("bounce") },
+      { t: MIDNIGHT, v: 0 }
+    ]);
+    const list = k.stack(sheet, { gap: 0, name: "Resolutions" });
+    k.text(list, "Four resolutions, kept before breakfast", { style: "Section 44", color: "text", name: "Resolutions title" });
+    k.stack(list, { height: 28, name: "Gap" });
+    for (const [resolution, how, kept] of RESOLUTIONS) {
+      k.rect(list, "FILL", 1, "accent", { name: "Rule", opacity: 0.5 });
+      const row = k.stack(list, { direction: "HORIZONTAL", gap: 28, align: "CENTER", padding: { top: 24, right: 0, bottom: 24, left: 0 }, name: "Resolution" });
+      const head = k.stack(row, { direction: "HORIZONTAL", width: 440, gap: 18, align: "CENTER", name: "Resolution head" });
+      tickBox(k, head, { size: 40 });
+      k.text(head, resolution, { style: "Resolution 26", color: "text", name: "Resolution text" });
+      k.text(row, how, { style: "Body 18", color: "onPaper", name: "How" });
+      k.text(row, kept, { style: "Kept 15", color: "text", width: 240, align: "RIGHT", name: "Kept" });
+    }
+    k.rect(list, "FILL", 1, "accent", { name: "Rule", opacity: 0.5 });
+    const band = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", justify: "SPACE_BETWEEN", fill: "card", radius: 12, stroke: { color: "accent", width: 1 }, padding: 48, name: "Band" });
+    const pitch = k.stack(band, { gap: 10, name: "Band copy" });
+    k.text(pitch, "Prices change when the ball lands.", { style: "Section 32", color: "onCard", name: "Band title" });
+    k.text(pitch, "Go annual before midnight on 1 January: two months free, and the price you pay today is the price you pay until next New Year. Monthly stays monthly; nothing else changes.", { style: "Body 18", color: "onCard", name: "Band text" });
+    k.instance(band, "Button", { Label: "Start {{brand.year}} on annual" }, { name: "Band button" });
+    k.text(sheet, "\xA9 {{brand.year}} Mainspring Labs \xB7 Security \xB7 Changelog \xB7 Status", { style: "Small 14", color: "onPaper", name: "Footer" });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    webResponsive(k, sheet, {
+      stack: ["Hero", "Band", "Resolution"],
+      restyle: {
+        "Display 92": { laptop: "Display 76", tablet: "Display 64", mobile: "Display 46" },
+        "Lead 20": { mobile: "Lead 17" },
+        "Section 44": { mobile: "Section 32" }
+      },
+      gap: { tablet: 56, mobile: 44 },
+      tweak: (kit, id, size) => {
+        if (size === "laptop") for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 48 });
+        if (size === "tablet" || size === "mobile") {
+          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 44, counterAxisAlignItems: "CENTER" });
+          for (const n of kit.named(id, "Band")) kit.patch(n, { itemSpacing: 24, padding: { top: 32, right: 24, bottom: 32, left: 24 } });
+          for (const n of kit.named(id, "Resolution")) kit.patch(n, { itemSpacing: 10, counterAxisAlignItems: "MIN" });
+          for (const n of kit.named(id, "Kept")) kit.patch(n, { textAlign: "LEFT" });
+        }
+        const s = size === "mobile" ? 335 / BOX.w : 1;
+        for (const n of kit.named(id, "Visual holder")) kit.patch(n, { layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED", width: Math.round(BOX.w * s), height: Math.round(BOX.h * s) });
+        for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: BOX.w, height: BOX.h, ...s === 1 ? {} : { anchorX: 0, anchorY: 0, scaleX: s, scaleY: s } });
+      }
+    });
+    return k.finish();
+  }
+});
+
+export {
+  new_year_landing_default
+};

package/dist/chunks/chunk-ZKKGD6PX.js

@@ -0,0 +1,97 @@
+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 {
+  feedVariants,
+  logoBadge,
+  outro,
+  pill,
+  verticalPadding
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SHOYVADV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/promo-announcement.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var CONTENT = ["Logo badge", "Kicker", "Headline", "Body", "Hours row", "Book button", "Handle"];
+var cues = [
+  { layer: "Logo badge", preset: "pop-in", at: 100 },
+  { layer: "Kicker", preset: "slide-in", at: 300, params: { direction: "left", distance: 120 } },
+  { layer: "Headline", preset: "blur-in", at: 500, params: { duration: 800 } },
+  { layer: "Body", preset: "rise-in", at: 1e3 },
+  { layer: "Hours row", preset: "rise-in", at: 1300, stagger: { delay: 160 } },
+  { layer: ["Book button", "Handle"], preset: "rise-in", at: 1800, stagger: { delay: 150 } },
+  { layer: "Book button", preset: "pulse", at: 4600 },
+  { layer: "Book button", preset: "pulse", at: 7e3 },
+  outro(CONTENT, 8800)
+];
+var promo_announcement_default = defineTemplate({
+  id: "motion-promo-announcement",
+  meta: {
+    name: "Announcement promo",
+    description: "A 10-second vertical announcement reel: logo, kicker and a headline that comes into focus, then the details row by row and a pulsing booking button \u2014 9:16 with square and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "announcement", "news", "reel", "tiktok", "shorts", "hours", "local business"],
+    platforms: ["instagram", "tiktok", "youtube", "facebook"],
+    formats: ["reel", "short", "story", "post", "portrait-post"],
+    useCases: ["announcement"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Announcement promo", preset("ig-story"));
+    k.brand(
+      { paper: "#F4F8F7", text: "#0F2A2A", onPaper: "#4A6360", primary: "#0E7C66", onPrimary: "#FFFFFF", accent: "#FFD37A", onAccent: "#0F2A2A", card: "#FFFFFF", onCard: "#0F2A2A" },
+      { headline: "Now open on Saturdays", body: "Walk-ins and appointments from October 4 \u2014 same doctors, same front desk.", handle: "maplestreetclinic.com" }
+    );
+    k.textStyle("Headline 112", { size: 112, fontWeight: 800, letterSpacing: -3, lineHeight: 112, textAlign: "CENTER" });
+    k.textStyle("Headline 84", { size: 84, fontWeight: 800, letterSpacing: -2, lineHeight: 88, textAlign: "CENTER" });
+    k.textStyle("Body 40", { size: 40, fontWeight: 500, lineHeight: 52, textAlign: "CENTER" });
+    k.textStyle("Kicker 30", { size: 30, fontWeight: 800, letterSpacing: 3, lineHeight: 36 });
+    k.textStyle("Row 36", { size: 36, fontWeight: 600, lineHeight: 44 });
+    k.textStyle("Button 40", { size: 40, fontWeight: 700, lineHeight: 48 });
+    k.textStyle("Handle 32", { size: 32, fontWeight: 600, lineHeight: 40, textAlign: "CENTER" });
+    pill(k, "Kicker tag", { fill: "accent", ink: "onAccent", style: "Kicker 30", label: "ANNOUNCEMENT" });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 40", label: "Book a visit", pad: [24, 56] });
+    k.component("Hours row", { direction: "HORIZONTAL", width: 800, fill: "card", radius: 24, gap: 24, align: "CENTER", padding: { top: 22, right: 32, bottom: 22, left: 32 }, props: { Day: "Monday \u2013 Friday", Time: "8 am \u2013 6 pm" } }, (id) => {
+      k.propText(id, "Day", { style: "Row 36", color: "onCard", width: "FILL" });
+      k.propText(id, "Time", { style: "Row 36", color: "onCard", autoWidth: true });
+    });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 36, verticalPadding(), "paper", "CENTER", "CENTER");
+    k.timeline(sheet, { duration: 1e4, fps: 30 });
+    logoBadge(k, sheet, { fill: "primary", size: 72 });
+    k.instance(sheet, "Kicker tag", { Label: "ANNOUNCEMENT" }, { name: "Kicker" });
+    k.text(sheet, "{{brand.headline}}", { style: "Headline 112", color: "text", name: "Headline" });
+    k.text(sheet, "{{brand.body}}", { style: "Body 40", color: "onPaper", name: "Body" });
+    const hours = k.stack(sheet, { gap: 12, align: "CENTER", name: "Hours" });
+    for (const [day, time] of [["Monday \u2013 Friday", "8 am \u2013 6 pm"], ["Saturday", "9 am \u2013 1 pm"]]) k.instance(hours, "Hours row", { Day: day, Time: time }, { width: "FILL", name: "Hours row" });
+    k.instance(sheet, "Button", { Label: "Book a visit" }, { name: "Book button" });
+    k.text(sheet, "{{brand.handle}}", { style: "Handle 32", color: "onPaper", name: "Handle" });
+    k.cues(sheet, cues);
+    k.variants(sheet, feedVariants({ post: 64, portrait: 80 }, {
+      post: (kit, id) => {
+        kit.patch(id, { itemSpacing: 20, counterAxisSpacing: 20 });
+        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Headline 84");
+      },
+      portrait: (kit, id) => kit.patch(id, { itemSpacing: 28, counterAxisSpacing: 28 })
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  promo_announcement_default
+};