@popcraft/kit 0.29.0 → 0.31.0

package/dist/chunks/chunk-URTSA2C4.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-ENA4K3ZQ.js";
+import {
+  parseSvgItems,
+  pathBounds
+} from "./chunk-PAIMIUEI.js";
+import {
+  targetSound
+} from "./chunk-2ZBIYAVY.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-UTRLOULL.js

@@ -0,0 +1,217 @@
+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 {
+  tickPath
+} from "./chunk-UDE42EDS.js";
+import {
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  androidVariant,
+  screen,
+  statusBar
+} from "./chunk-DFO4652V.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/app/saas-store-paywall.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var STEPS = [
+  {
+    name: "Goal",
+    kicker: "Question 1 of 3",
+    title: "What brings you to Limber?",
+    note: "Pick the one that matters most. You can change it later.",
+    on: 0,
+    cta: "Continue",
+    options: [["Less back pain at my desk", "Hips, lower back, shoulders"], ["Touch my toes again", "Hamstrings and calves"], ["Move better when I run", "Ankles, hips, thoracic spine"], ["Just feel less stiff", "A bit of everything"]]
+  },
+  {
+    name: "Time",
+    kicker: "Question 2 of 3",
+    title: "How long can you give it?",
+    note: "Short and daily beats long and never. Most people pick ten.",
+    on: 1,
+    cta: "Continue",
+    options: [["5 minutes", "Three moves, done before the kettle"], ["10 minutes", "Six moves, the plan most people keep"], ["15 minutes", "Nine moves, with a long stretch"], ["20 minutes", "A full session, four days a week"]]
+  },
+  {
+    name: "Reminder",
+    kicker: "Question 3 of 3",
+    title: "When should we nudge you?",
+    note: "One quiet notification. Skip a day and nothing breaks.",
+    on: 0,
+    cta: "Build my plan",
+    options: [["With my morning coffee", "7:30, before the day starts"], ["At lunch", "12:30, away from the desk"], ["After my last call", "17:30, before you log off"], ["Before bed", "21:30, to wind down"]]
+  }
+];
+var TRIAL = [
+  ["Today", "Full access", "Your desk-back plan and all 140 sessions, free."],
+  ["Day 5", "We remind you", "An email and a notification, two days before any charge."],
+  ["Day 7", "Billed $39.99", "Only if you keep it. Cancel in two taps before then."]
+];
+var saas_store_paywall_default = defineTemplate({
+  id: "app-saas-store-paywall",
+  meta: {
+    name: "SaaS store paywall and onboarding quiz",
+    description: "The flow a subscription app earns its trial with: three goal-picker onboarding steps with a progress bar that glides on, then a paywall with a trial timeline (today, the day-5 reminder, the day-7 charge), two plan cards with a best-value badge, and the restore, terms and privacy row. A wired prototype for iPhone and Android: the chosen answer, Continue or a swipe moves on",
+    category: "app",
+    tags: ["saas", "saas store", "paywall", "onboarding", "quiz", "goal picker", "trial timeline", "subscription", "pricing", "prototype flow", "smart animate", "app", "mobile", "ios", "android"],
+    platforms: ["ios", "android", "app-store", "google-play"],
+    formats: ["screen"],
+    useCases: ["onboarding", "pricing", "launch"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  breakpoints: true,
+  build() {
+    const k = new Kit("SaaS store paywall and onboarding quiz", preset("iphone-17"));
+    k.brand(
+      { paper: "#F1F2EC", text: "#13231C", onPaper: "#4C5A52", primary: "#1D5C46", onPrimary: "#FFFFFF", accent: "#F0C940", onAccent: "#1F1A04" },
+      { name: "Limber" }
+    );
+    k.palette({ card: "#FFFFFF", onCard: "#13231C", cardMuted: "#55635B", line: "#D5D9CE", chosen: "#E3EFE8", track: "#DCE0D5" });
+    k.textStyle("Status 15", { size: 15, fontWeight: 600, lineHeight: 20 });
+    k.textStyle("Kicker 13", { size: 13, fontWeight: 700, letterSpacing: 1, lineHeight: 18, textCase: "UPPER" });
+    k.textStyle("Question 32", { ...SERIF, size: 32, fontWeight: 700, letterSpacing: -0.9, lineHeight: 37 });
+    k.textStyle("Body 16", { size: 16, fontWeight: 400, lineHeight: 23 });
+    k.textStyle("Option 17", { size: 17, fontWeight: 700, letterSpacing: -0.2, lineHeight: 22 });
+    k.textStyle("Option note 14", { size: 14, fontWeight: 500, lineHeight: 19 });
+    k.textStyle("Button 17", { size: 17, fontWeight: 700, lineHeight: 24, textAlign: "CENTER" });
+    k.textStyle("Badge 12", { size: 12, fontWeight: 800, letterSpacing: 0.7, lineHeight: 16, textCase: "UPPER" });
+    k.textStyle("Price 20", { size: 20, fontWeight: 800, letterSpacing: -0.4, lineHeight: 24 });
+    k.textStyle("Legal 13", { size: 13, fontWeight: 600, lineHeight: 18 });
+    k.variantSet("Option", "State", ["Off", "On"], {
+      direction: "HORIZONTAL",
+      width: 354,
+      gap: 14,
+      align: "CENTER",
+      radius: 18,
+      padding: { top: 14, right: 16, bottom: 14, left: 16 },
+      description: "One answer of a question: Off, or On when it is the chosen one.",
+      props: { Label: "Less back pain at my desk", Note: "Hips, lower back, shoulders" }
+    }, (state, id) => {
+      const on = state === "On";
+      k.patch(id, { fills: k.paint(on ? "chosen" : "card") });
+      const radio = k.stack(id, { width: 26, height: 26, radius: 13, align: "CENTER", justify: "CENTER", name: "Radio", ...on ? { fill: "primary" } : { stroke: { color: "line", width: 2, align: "INSIDE" } } });
+      if (on) k.vector(radio, 12, 10, [tickPath(12, 10)], "onPrimary", { name: "Tick", strokeWidth: 2.5 });
+      const words = k.stack(id, { width: 282, gap: 2, name: "Words" });
+      k.propText(words, "Label", { style: "Option 17", color: "onCard" });
+      k.propText(words, "Note", { style: "Option note 14", color: "cardMuted" });
+    }, (state) => state === "On" ? { stroke: { color: "primary", width: 2, align: "INSIDE" } } : { stroke: { color: "line", width: 1, align: "INSIDE" } });
+    k.component("Button", { width: 354, fill: "primary", radius: 16, align: "CENTER", padding: { top: 16, right: 20, bottom: 16, left: 20 }, props: { Label: "Continue" } }, (id) => {
+      k.propText(id, "Label", { style: "Button 17", color: "onPrimary", align: "CENTER" });
+    });
+    const screens = [];
+    const add = (name) => {
+      const id = screens.length === 0 ? k.sheet : k.addScreen(name);
+      k.nameSheet(id, name);
+      screens.push(id);
+      screen(k, id, { gap: 18, justify: "SPACE_BETWEEN" });
+      return id;
+    };
+    STEPS.forEach((s, i) => {
+      const id = add(s.name);
+      const top2 = k.stack(id, { gap: 18, name: "Top" });
+      statusBar(k, top2, { style: "Status 15" });
+      const bar = k.stack(top2, { direction: "HORIZONTAL", height: 6, radius: 3, fill: "track", clip: true, name: "Progress" });
+      k.rect(bar, Math.round(354 * (i + 1) / 4), 6, "primary", { radius: 3, name: "Progress fill" });
+      const ask = k.stack(top2, { gap: 10, padding: { top: 10, right: 0, bottom: 4, left: 0 }, name: "Question" });
+      k.text(ask, s.kicker, { style: "Kicker 13", color: "onPaper", name: "Kicker" });
+      k.text(ask, s.title, { style: "Question 32", color: "text", name: "Title" });
+      k.text(ask, s.note, { style: "Body 16", color: "onPaper", name: "Note" });
+      const list = k.stack(top2, { gap: 10, name: "Answers" });
+      s.options.forEach(([label, note], j) => k.instance(list, j === s.on ? "Option/On" : "Option/Off", { Label: label, Note: note }, { name: j === s.on ? "Chosen answer" : "Answer" }));
+      const foot2 = k.stack(id, { gap: 14, align: "CENTER", name: "Foot" });
+      const week = k.stack(foot2, { direction: "HORIZONTAL", gap: 8, align: "MAX", fill: "card", radius: 18, padding: { top: 14, right: 16, bottom: 14, left: 16 }, stroke: { color: "line", width: 1, align: "INSIDE" }, name: "Plan preview" });
+      [5, 10, 10, 5, 10, 20, 10].forEach((m, d) => {
+        const col = k.stack(week, { width: 39, gap: 6, align: "CENTER", name: "Day" });
+        k.rect(col, 39, 8 + m * (i === 0 ? 1 : i === 1 ? 2 : 2.6), d <= i * 3 ? "primary" : "track", { radius: 8, name: "Day bar" });
+        k.text(col, "MTWTFSS"[d], { style: "Option note 14", color: "cardMuted", align: "CENTER", name: "Day letter" });
+      });
+      k.text(foot2, ["Your week takes shape as you answer.", "Ten minutes, seven days: 70 minutes a week.", "Plan ready. One tap to see it."][i], { style: "Option note 14", color: "onPaper", align: "CENTER", name: "Foot note" });
+      k.instance(foot2, "Button", { Label: s.cta }, { name: "Next" });
+    });
+    const pay = add("Paywall");
+    const top = k.stack(pay, { gap: 14, name: "Top" });
+    statusBar(k, top, { style: "Status 15" });
+    const head = k.stack(top, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Head" });
+    k.text(head, "Your plan is ready", { style: "Kicker 13", color: "onPaper", autoWidth: true, name: "Kicker" });
+    const close = k.stack(head, { width: 30, height: 30, radius: 15, fill: "track", align: "CENTER", justify: "CENTER", name: "Close" });
+    k.vector(close, 11, 11, [{ closed: false, points: [{ x: 0, y: 0 }, { x: 11, y: 11 }] }, { closed: false, points: [{ x: 11, y: 0 }, { x: 0, y: 11 }] }], "text", { name: "Close mark", strokeWidth: 2 });
+    k.text(top, "Ten minutes a day for a back that stops complaining.", { style: "Question 32", color: "text", name: "Title" });
+    const trial = k.stack(top, { fill: "card", radius: 20, padding: { top: 16, right: 16, bottom: 16, left: 16 }, stroke: { color: "line", width: 1, align: "INSIDE" }, name: "Trial timeline" });
+    TRIAL.forEach(([when, what, note], i) => {
+      const row = k.stack(trial, { direction: "HORIZONTAL", gap: 12, name: "Trial step" });
+      const rail = k.stack(row, { width: 26, align: "CENTER", name: "Rail" });
+      const dot = k.stack(rail, { width: 26, height: 26, radius: 13, fill: i === 0 ? "primary" : i === 1 ? "accent" : "track", align: "CENTER", justify: "CENTER", name: "Trial dot" });
+      if (i === 0) k.vector(dot, 12, 10, [tickPath(12, 10)], "onPrimary", { name: "Tick", strokeWidth: 2.5 });
+      else k.ellipse(dot, 8, i === 1 ? "onAccent" : "onCard", { name: "Dot mark" });
+      if (i < TRIAL.length - 1) k.rect(rail, 2, 40, "line", { name: "Rail line" });
+      const words = k.stack(row, { width: 284, gap: 1, padding: { top: 2, right: 0, bottom: i < TRIAL.length - 1 ? 12 : 0, left: 0 }, name: "Trial words" });
+      k.text(words, `${when} \xB7 ${what}`, { style: "Option 17", color: "onCard", name: "Trial when" });
+      k.text(words, note, { style: "Option note 14", color: "cardMuted", name: "Trial note" });
+    });
+    const plans = k.stack(top, { gap: 10, name: "Plans" });
+    for (const [i, [name, detail, price]] of [["Yearly", "7 days free, then $3.33/mo", "$39.99"], ["Monthly", "No trial, cancel any time", "$7.99"]].entries()) {
+      const on = i === 0;
+      const card = k.stack(plans, { direction: "HORIZONTAL", gap: 12, align: "CENTER", fill: on ? "chosen" : "card", radius: 18, padding: { top: 14, right: 16, bottom: 14, left: 16 }, stroke: { color: on ? "primary" : "line", width: on ? 2 : 1, align: "INSIDE" }, name: `${name} plan` });
+      const radio = k.stack(card, { width: 24, height: 24, radius: 12, align: "CENTER", justify: "CENTER", name: "Radio", ...on ? { fill: "primary" } : { stroke: { color: "line", width: 2, align: "INSIDE" } } });
+      if (on) k.ellipse(radio, 9, "onPrimary", { name: "Radio dot" });
+      const words = k.stack(card, { width: 196, gap: 1, name: "Plan words" });
+      k.text(words, name, { style: "Option 17", color: "onCard", name: "Plan name" });
+      k.text(words, detail, { style: "Option note 14", color: "cardMuted", name: "Plan detail" });
+      k.text(card, price, { style: "Price 20", color: "onCard", align: "RIGHT", name: "Plan price" });
+      if (on) {
+        const badge = k.stack(card, { direction: "HORIZONTAL", width: "HUG", fill: "accent", radius: 9, padding: { top: 3, right: 9, bottom: 3, left: 9 }, name: "Best value", absolute: { x: 214, y: -11 } });
+        k.text(badge, "Best value", { style: "Badge 12", color: "onAccent", autoWidth: true, name: "Badge text" });
+      }
+    }
+    const incl = k.stack(top, { gap: 8, padding: { top: 6, right: 4, bottom: 0, left: 4 }, name: "Included" });
+    for (const line of ["All 140 sessions, from day one", "Your plan adjusts every week", "Cancel in two taps, any time"]) {
+      const row = k.stack(incl, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Included row" });
+      k.vector(row, 14, 11, [tickPath(14, 11)], "primary", { name: "Tick", strokeWidth: 2.5 });
+      k.text(row, line, { style: "Option note 14", color: "text", name: "Included words" });
+    }
+    const foot = k.stack(pay, { gap: 12, align: "CENTER", name: "Foot" });
+    k.instance(foot, "Button", { Label: "Start my 7 days free" }, { name: "Start trial" });
+    const legal = k.stack(foot, { direction: "HORIZONTAL", width: "HUG", gap: 18, name: "Legal row" });
+    for (const l of ["Restore purchase", "Terms", "Privacy"]) k.text(legal, l, { style: "Legal 13", color: "onPaper", autoWidth: true, name: l });
+    const names = [...STEPS.map((s) => s.name), "Paywall"];
+    const androids = screens.map((id, i) => k.variants(id, [androidVariant(names[i])])[0]);
+    const iphone = k.node(screens[0]);
+    androids.forEach((id, i) => k.patch(id, { x: k.node(screens[i]).x, y: iphone.height + 200 }));
+    for (const set of [screens, androids]) {
+      set.forEach((id, i) => {
+        const next = set[i + 1];
+        if (!next) {
+          for (const c of k.named(id, "Close")) k.link(c, null, "DISSOLVE", { navigation: "BACK" });
+          return;
+        }
+        const how = i === set.length - 2 ? "SLIDE_FROM_BOTTOM" : "SMART_ANIMATE";
+        for (const from of [...k.named(id, "Next"), ...k.named(id, "Chosen answer")]) k.link(from, next, how, { duration: 450 });
+        k.link(id, next, how, { duration: 450, trigger: "ON_DRAG" });
+      });
+    }
+    k.flowStart(screens[0], "Quiz to paywall (iPhone)");
+    k.flowStart(androids[0], "Quiz to paywall (Android)");
+    return k.finish();
+  }
+});
+
+export {
+  saas_store_paywall_default
+};

package/dist/chunks/chunk-UTYCK652.js

@@ -0,0 +1,79 @@
+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 {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion/smooth-loop.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SIZE = 1080;
+var LOOP = 4e3;
+var SWEEP = 260;
+var smooth_loop_default = defineTemplate({
+  id: "motion-smooth-loop",
+  meta: {
+    name: "Smooth loop",
+    description: "A seamless four-second loop made for 60 fps: three orbits turning at different speeds around a breathing mark, and a light sweeping the caption band \u2014 export it as MP4 or WebM at full size",
+    category: "animation",
+    tags: ["animation", "loop", "60fps", "orbit", "sweep", "seamless"],
+    platforms: ["instagram", "tiktok", "linkedin", "x"],
+    formats: ["post", "video"],
+    useCases: ["brand-intro", "announcement"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  build() {
+    const k = new Kit("Smooth loop", preset("ig-post"));
+    k.brand({ primary: "#0B1020", onPrimary: "#FFFFFF", accent: "#7C5CFF", onAccent: "#FFFFFF", mint: "#35E0B0", sun: "#FFC247", ring: "#2A3354" });
+    k.textStyle("Display 200", { size: 200, fontWeight: 900, letterSpacing: -6, lineHeight: 200, textAlign: "CENTER" });
+    k.textStyle("Label 30", { size: 30, fontWeight: 800, letterSpacing: 6, lineHeight: 36, textAlign: "CENTER" });
+    k.textStyle("Caption 36", { size: 36, fontWeight: 700, letterSpacing: 2, lineHeight: 44, textAlign: "CENTER" });
+    k.component("Caption", { direction: "HORIZONTAL", width: "HUG", align: "CENTER", props: { Caption: "SIXTY FRAMES A SECOND  \xB7  SMOOTH AS GLASS" } }, (id) => {
+      k.propText(id, "Caption", { style: "Caption 36", color: "onAccent", autoWidth: true });
+    });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 8, 96, "primary", "CENTER", "CENTER");
+    k.timeline(sheet, { duration: LOOP, fps: 60 });
+    const orbit = (name, d, dot, color) => {
+      const o = k.stack(sheet, { name, width: d, height: d, absolute: { x: (SIZE - d) / 2, y: (SIZE - d) / 2 } });
+      k.ellipse(o, d, [], { name: "Ring", stroke: { color: "ring", width: 3 }, absolute: { x: 0, y: 0 } });
+      k.ellipse(o, dot, color, { name: "Dot", absolute: { x: (d - dot) / 2, y: -dot / 2 } });
+      return o;
+    };
+    const outer = orbit("Outer orbit", 820, 44, "accent");
+    const middle = orbit("Middle orbit", 600, 34, "mint");
+    const inner = orbit("Inner orbit", 400, 26, "sun");
+    const mark = k.stack(sheet, { name: "Mark", width: "HUG", gap: 8, align: "CENTER" });
+    k.text(mark, "SMOOTH LOOP", { style: "Label 30", color: "onPrimary", autoWidth: true, name: "Label" });
+    k.text(mark, "60 fps", { style: "Display 200", color: "onPrimary", autoWidth: true, name: "Rate" });
+    const band = k.stack(sheet, { name: "Band", direction: "HORIZONTAL", width: SIZE, height: 72, fill: "accent", clip: true, justify: "CENTER", align: "CENTER", absolute: { x: 0, y: SIZE - 120 } });
+    const light = k.rect(band, SWEEP, 72, "onAccent", { name: "Sweep", opacity: 0.22, absolute: { x: -SWEEP, y: 0 } });
+    k.instance(band, "Caption");
+    const lin = ease.linear, sine = ease.inOut("sine");
+    k.animate(outer, "rotation", [{ t: 0, v: 0, ease: lin }, { t: LOOP, v: 360 }]);
+    k.animate(middle, "rotation", [{ t: 0, v: 0, ease: lin }, { t: LOOP, v: -360 }]);
+    k.animate(inner, "rotation", [{ t: 0, v: 0, ease: lin }, { t: LOOP, v: 720 }]);
+    for (const axis of ["scaleX", "scaleY"]) k.animate(mark, axis, [{ t: 0, v: 1, ease: sine }, { t: LOOP / 2, v: 1.06, ease: sine }, { t: LOOP, v: 1 }]);
+    const across = SIZE + SWEEP;
+    k.animate(light, "translateX", [{ t: 0, v: 0, ease: lin }, { t: LOOP / 2 - 1, v: across, ease: ease.hold }, { t: LOOP / 2, v: 0, ease: lin }, { t: LOOP, v: across }]);
+    return k.finish();
+  }
+});
+
+export {
+  smooth_loop_default
+};