@popcraft/kit 0.26.0 → 0.26.1

package/dist/chunks/chunk-WARWR4AM.js

@@ -0,0 +1,98 @@
+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,
+  outro,
+  pill,
+  resizePhoto,
+  verticalPadding
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-QBBW3JXO.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SOHOKD4X.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/promo-new-product.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var CONTENT = ["New tag", "Product photo", "Product name", "Notes", "Price", "Order button"];
+var cues = [
+  { layer: "New tag", preset: "drop-in", at: 100 },
+  { layer: "Product photo", preset: "scale-in", at: 250, params: { duration: 900, amount: 0.7 } },
+  { layer: "Product shot", preset: "push-in", at: 1200, params: { duration: 8800, amount: 0.06 } },
+  { layer: ["Product name", "Notes"], preset: "rise-in", at: 800, stagger: { delay: 160 } },
+  { layer: "Price", preset: "pop-in", at: 1250 },
+  { layer: "Order button", preset: "rise-in", at: 1450 },
+  { layer: "Price", preset: "pulse", at: 4800, params: { amount: 0.06 } },
+  { layer: "Order button", preset: "pulse", at: 7600 },
+  outro(CONTENT, 10600)
+];
+var promo_new_product_default = defineTemplate({
+  id: "motion-promo-new-product",
+  meta: {
+    name: "New product promo",
+    description: "A 12-second vertical launch reel: a product photo scales in and pushes in while the name, tasting notes, price and an order button rise in \u2014 9:16 with square and 4:5 cuts, and a photo frame for your shot",
+    category: "animation",
+    tags: ["animation", "product", "launch", "reel", "tiktok", "shorts", "promo", "photo"],
+    platforms: ["instagram", "tiktok", "youtube", "facebook"],
+    formats: ["reel", "short", "story", "post", "portrait-post", "ad"],
+    useCases: ["launch"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("New product promo", preset("ig-story"));
+    k.brand(
+      { paper: "#F3ECE2", text: "#2A1D15", onPaper: "#6B5A4C", primary: "#2A1D15", onPrimary: "#F3ECE2", accent: "#E8836B", onAccent: "#2A1D15", muted: "#CDB9A6" },
+      { product: "Huila Pink Bourbon", notes: "Rhubarb, hibiscus and cane sugar \xB7 light roast" }
+    );
+    k.textStyle("Name 84", { size: 84, fontWeight: 800, letterSpacing: -2, lineHeight: 88, textAlign: "CENTER" });
+    k.textStyle("Name 64", { size: 64, fontWeight: 800, letterSpacing: -2, lineHeight: 68, textAlign: "CENTER" });
+    k.textStyle("Notes 38", { size: 38, fontWeight: 500, lineHeight: 48, textAlign: "CENTER" });
+    k.textStyle("Tag 30", { size: 30, fontWeight: 800, letterSpacing: 3, lineHeight: 36 });
+    k.textStyle("Price 44", { size: 44, fontWeight: 800, lineHeight: 52 });
+    k.textStyle("Button 40", { size: 40, fontWeight: 700, lineHeight: 48 });
+    pill(k, "Tag", { fill: "accent", ink: "onAccent", style: "Tag 30", label: "NEW ARRIVAL" });
+    pill(k, "Price chip", { fill: "primary", ink: "onPrimary", style: "Price 44", label: "$21 \xB7 250 g", pad: [14, 32] });
+    pill(k, "Button", { fill: "accent", ink: "onAccent", style: "Button 40", label: "Order now", pad: [24, 56] });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 32, verticalPadding(), "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: 12e3, fps: 30 });
+    k.instance(sheet, "Tag", { Label: "NEW ARRIVAL" }, { name: "New tag" });
+    const frame = k.stack(sheet, { width: "HUG", radius: 48, clip: true, name: "Product photo" });
+    const shot = k.stack(frame, { width: "HUG", name: "Product shot" });
+    k.photo(shot, 600, 600, { radius: 48, ground: "muted", name: "Photo frame" });
+    k.text(sheet, "{{brand.product}}", { style: "Name 84", color: "text", name: "Product name" });
+    k.text(sheet, "{{brand.notes}}", { style: "Notes 38", color: "onPaper", name: "Notes" });
+    k.instance(sheet, "Price chip", { Label: "$21 \xB7 250 g" }, { name: "Price" });
+    k.instance(sheet, "Button", { Label: "Order now" }, { name: "Order button" });
+    k.cues(sheet, cues);
+    k.variants(sheet, feedVariants({ post: 56, portrait: 72 }, {
+      post: (kit, id) => {
+        kit.patch(id, { itemSpacing: 18, counterAxisSpacing: 18 });
+        for (const p of kit.named(id, "Photo frame")) resizePhoto(kit, p, 380, 380);
+        for (const n of kit.named(id, "Product name")) kit.restyle(n, "Name 64");
+      },
+      portrait: (kit, id) => {
+        kit.patch(id, { itemSpacing: 24, counterAxisSpacing: 24 });
+        for (const p of kit.named(id, "Photo frame")) resizePhoto(kit, p, 560, 560);
+      }
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  promo_new_product_default
+};

package/dist/chunks/chunk-WC4LG7MP.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-IH24N2CC.js";
+import {
+  frameTime,
+  poseAt,
+  samplePose
+} from "./chunk-QQXKCMBJ.js";
+import {
+  parseSvgItems,
+  pathBounds
+} from "./chunk-ZEZB3YTY.js";
+import {
+  targetSound
+} from "./chunk-D655SPLZ.js";
+import {
+  dropCorruptMedia
+} from "./chunk-ZPIQLTT7.js";
+import {
+  analysedHashes,
+  analysisOf,
+  setAnalysis,
+  setAnalysisRequester,
+  signalAt
+} from "./chunk-ZV7E5HA5.js";
+import {
+  analyzeAudio
+} from "./chunk-3KX7WU34.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.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-WCRFR3BV.js

@@ -0,0 +1,108 @@
+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 {
+  checkbox,
+  confirms,
+  field,
+  formStyles,
+  select,
+  submit
+} from "./chunk-67AKXLTZ.js";
+import {
+  buttons,
+  nav,
+  page,
+  webResponsive
+} from "./chunk-YKXCPYWJ.js";
+import {
+  defineTemplate
+} from "./chunk-QBBW3JXO.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SOHOKD4X.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/web/contact.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var contact_default = defineTemplate({
+  id: "web-contact",
+  meta: {
+    name: "Contact page with a working form",
+    description: "A contact page whose form works: name, email, a topic to choose, a message and a newsletter tick box, then a thank-you message in its place. Attach a database when you publish and every message is saved \u2014 desktop, laptop, tablet and phone",
+    category: "web",
+    tags: ["contact", "form", "database", "enquiry", "message", "studio", "website", "responsive"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  breakpoints: true,
+  build() {
+    const k = new Kit("Contact page", preset("web-desktop"));
+    k.brand(
+      { paper: "#F7F5F0", text: "#1D1B18", onPaper: "#5B564E", primary: "#2F4B3C", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#1D1B18", cardMuted: "#6A645B", field: "#FFFFFF", onField: "#6A645B", line: "#D8D2C6" },
+      { name: "Hale & Marrow" }
+    );
+    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
+    k.textStyle("Brand 20", { size: 20, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
+    k.textStyle("Button 16", { size: 16, fontWeight: 600, lineHeight: 24 });
+    k.textStyle("Eyebrow 14", { size: 14, fontWeight: 700, letterSpacing: 1.2, lineHeight: 20, textCase: "UPPER" });
+    k.textStyle("Display 56", { size: 56, fontWeight: 800, letterSpacing: -1.6, lineHeight: 62 });
+    k.textStyle("Display 44", { size: 44, fontWeight: 800, letterSpacing: -1.2, lineHeight: 50 });
+    k.textStyle("Display 34", { size: 34, fontWeight: 800, letterSpacing: -0.8, lineHeight: 40 });
+    k.textStyle("Lead 19", { size: 19, fontWeight: 400, lineHeight: 30 });
+    k.textStyle("Lead 16", { size: 16, fontWeight: 400, lineHeight: 25 });
+    k.textStyle("Fact 16", { size: 16, fontWeight: 600, lineHeight: 24 });
+    formStyles(k, { help: true });
+    buttons(k, { style: "Button 16" });
+    const sheet = k.sheet;
+    page(k, sheet, { gap: 56, top: 32 });
+    nav(k, sheet, { links: ["Work", "Studio", "Journal"], cta: "Start a project", style: "Nav 16", brandStyle: "Brand 20", quiet: true });
+    const body = k.stack(sheet, { direction: "HORIZONTAL", gap: 80, padding: { top: 24, right: 0, bottom: 56, left: 0 }, name: "Body" });
+    const intro = k.stack(body, { gap: 24, name: "Intro" });
+    k.text(intro, "Contact", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
+    k.text(intro, "Tell us about the building you have in mind.", { style: "Display 56", color: "text", name: "Headline" });
+    k.text(intro, "A new house, an extension, a shop fit-out: say what it is, where it is and when you hope to start. One of the two of us reads every message and answers within two working days.", { style: "Lead 19", color: "onPaper", name: "Lead" });
+    const facts = k.stack(intro, { gap: 14, padding: { top: 8, right: 0, bottom: 0, left: 0 }, name: "Facts" });
+    for (const [what, value] of [["Studio", "14 Tanner Row, Bristol BS1 4QP"], ["Phone", "0117 496 0182, weekdays 9 to 5"], ["Email", "studio@haleandmarrow.example"]]) {
+      const row = k.stack(facts, { gap: 2, name: "Fact" });
+      k.text(row, what, { style: "Label 14", color: "onPaper", name: "Fact label" });
+      k.text(row, value, { style: "Fact 16", color: "text", name: "Fact value" });
+    }
+    const panel = k.stack(body, { width: 520, fill: "card", radius: 18, stroke: { color: "line", width: 1 }, padding: 32, name: "Contact card" });
+    const card = k.stack(panel, { gap: 18, name: "Contact form" });
+    const names = k.stack(card, { direction: "HORIZONTAL", gap: 14, name: "Name and email" });
+    field(k, names, { card: true, label: "Your name", name: "name", placeholder: "Ada Marsh", required: true });
+    field(k, names, { card: true, label: "Email", name: "email", placeholder: "ada@example.com", type: "email", required: true });
+    select(k, card, { card: true, label: "What is it about?", name: "topic", options: ["A new house", "An extension or renovation", "A shop or workplace", "Something else"] });
+    field(k, card, { card: true, label: "Message", name: "message", placeholder: "Where it is, how big, and when you hope to start", multiline: true, required: true });
+    checkbox(k, card, { card: true, label: "Send me the studio journal, four times a year", name: "journal" });
+    submit(k, card, "Send message");
+    k.text(card, "We answer within two working days. We do not share your details.", { style: "Help 13", color: "cardMuted", name: "Promise" });
+    confirms(k, panel, card, { title: "Thank you. Your message is with us.", body: "One of us will write back within two working days. If it is urgent, call the studio on 0117 496 0182.", titleStyle: "Thanks 24", bodyStyle: "Field 16", card: true });
+    webResponsive(k, sheet, {
+      stack: ["Body"],
+      stackMobile: ["Name and email"],
+      restyle: { "Display 56": { laptop: "Display 44", tablet: "Display 44", mobile: "Display 34" }, "Lead 19": { mobile: "Lead 16" } },
+      hide: { mobile: ["Nav links"] },
+      tweak: (kit, id, size) => {
+        if (size === "laptop") for (const n of kit.named(id, "Body")) kit.patch(n, { itemSpacing: 48 });
+        if (size === "tablet" || size === "mobile") for (const n of kit.named(id, "Body")) kit.patch(n, { itemSpacing: 40 });
+        if (size === "mobile") for (const n of kit.named(id, "Contact card")) kit.patch(n, { padding: { top: 20, right: 20, bottom: 20, left: 20 } });
+      }
+    });
+    return k.finish();
+  }
+});
+
+export {
+  contact_default
+};

package/dist/chunks/chunk-WDJ4BVQC.js

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