@popcraft/kit 0.32.0 → 0.33.0

package/dist/chunks/chunk-VN3GWKCC.js

@@ -0,0 +1,160 @@
+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 {
+  TIDE,
+  fitScorePaper,
+  orchestra,
+  placeScore,
+  scoreBrand,
+  scoreList,
+  scorePaper,
+  scoreType,
+  screen,
+  sweep
+} from "./chunk-LJKLNF4X.js";
+import {
+  mover,
+  pruneStyles
+} from "./chunk-NQEPYDMT.js";
+import {
+  captionStrip,
+  captionSwap
+} from "./chunk-ERLSOXU6.js";
+import {
+  bed
+} from "./chunk-42LEBOKV.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/motion/tour-tickets-tide-reel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var T = TIDE;
+var { beat, duration: DURATION, audio: music } = bed(T.track, 28);
+var cues = [
+  { layer: "Screen", preset: "blur-in", at: beat(0), params: { duration: 500, amount: 20 } },
+  { layer: "Orchestra", preset: "rise-in", at: beat(0.5), params: { duration: 900, distance: 120 } },
+  { layer: "Title", preset: "rise-in", at: beat(1), params: { duration: 700, distance: 30 } },
+  { layer: "Subtitle", preset: "fade-in", at: beat(2), params: { duration: 600 } },
+  { layer: "Bar", preset: "fade-in", at: beat(3), params: { duration: 420 }, stagger: { delay: beat(1) } },
+  { layer: "Sold stamp", preset: "drop-in", at: beat(11.5), params: { duration: 200, distance: 16 }, stagger: { delay: beat(1) } },
+  // The braam: the added nights are pencilled in.
+  { layer: "New bar", preset: "fade-in", at: beat(16), params: { duration: 300 }, stagger: { delay: beat(0.5) } },
+  { layer: "Added", preset: "drop-in", at: beat(16), params: { duration: 260, distance: 20 }, stagger: { delay: beat(0.5) } },
+  { layer: "Presale", preset: "rise-in", at: beat(18), params: { duration: 600, distance: 24 } },
+  { layer: "Code", preset: "pulse", at: beat(21), params: { duration: 600, amount: 0.06 } },
+  { layer: "Code", preset: "pulse", at: beat(25), params: { duration: 600, amount: 0.06 } }
+];
+var swaps = [captionSwap(["The film, the orchestra, live.", "Ten concert halls this March.", "Vienna and London add nights.", "Subscriber presale: Monday, 10:00 CET."], 0, DURATION, { stagger: 60, in: 320, out: 240, rise: 20 })];
+var NAME = `Tour tickets announcement reel: ${T.act}`;
+function lay(k, id, w, h) {
+  const { at, scaled } = mover(k, id);
+  let b;
+  if (h === 1920) {
+    scaled("Screen", 140, 254, 0.8);
+    at("Title", 140, 694, { width: 800 });
+    at("Subtitle", 140, 792, { width: 800 });
+    b = { x: 141, y: 846, scale: 0.76, cols: 4, rowGap: 8 };
+    at("Presale", 141 + 2 * 262 * 0.76 + 12, 846 + 2 * 248 * 0.76 + 8, { width: 380 });
+    at("Caption strip", 140, 1376, { width: 800 });
+    scaled("Orchestra", 0, 1450, 1, { visible: true });
+  } else if (w === h) {
+    scaled("Screen", 60, 60, 0.52);
+    at("Title", 610, 92, { width: 420 });
+    at("Subtitle", 610, 196, { width: 420 });
+    b = { x: 26, y: 400, scale: 0.88, cols: 4, rowGap: 6 };
+    at("Presale", 26 + 2 * 262 * 0.88 + 16, 400 + 2 * 248 * 0.88 + 10, { width: 460 });
+    at("Caption strip", 610, 300, { width: 420 });
+    scaled("Orchestra", 0, 0, 1, { visible: false });
+  } else if (h > w) {
+    scaled("Screen", 140, 50, 0.8);
+    at("Title", 90, 488, { width: 900 });
+    at("Subtitle", 90, 586, { width: 900 });
+    b = { x: 100, y: 640, scale: 0.84, cols: 4, rowGap: 6 };
+    at("Presale", 100 + 2 * 262 * 0.84 + 16, 640 + 2 * 248 * 0.84 + 8, { width: 420 });
+    at("Caption strip", 90, 1268, { width: 900 });
+    scaled("Orchestra", 0, 0, 1, { visible: false });
+  } else {
+    scaled("Screen", 106, 70, 0.78);
+    at("Title", 96, 500, { width: 800 });
+    at("Subtitle", 96, 598, { width: 800 });
+    b = { x: 1e3, y: 60, scale: 0.92, cols: 3, rowGap: 6 };
+    at("Presale", 1e3 + 262 * 0.92 + 16, 60 + 3 * 246 * 0.92 + 8, { width: 480 });
+    at("Caption strip", 96, 660, { width: 800 });
+    scaled("Orchestra", 96, 730, 0.74, { visible: true });
+  }
+  placeScore(k, id, T.dates, b);
+}
+var tour_tickets_tide_reel_default = defineTemplate({
+  id: "motion-tour-tickets-tide-reel",
+  meta: {
+    name: NAME,
+    description: "A 17-second vertical tour announcement for a film-in-concert tour, drawn as a concert hall: the film's dusk sea on a screen in a gold frame with a sweeping lighthouse beam, the orchestra in silhouette below, and ten concert-hall nights as bars of the score, three stamped SOLD OUT by the hall librarian and two added nights pencilled in on the braam, ending on the subscribers' presale and code. Film-score music, burned-in captions, 9:16 with 1:1, 4:5 and 16:9",
+    category: "animation",
+    tags: ["animation", "tour", "tickets", "concert", "orchestra", "film score", "live to picture", "classical", "tour dates", "sold out", "presale", "announcement", "sheet music", "audio", "music", "captions", "reel"],
+    platforms: ["instagram", "tiktok", "youtube", "facebook"],
+    formats: ["reel", "short", "story", "post", "portrait-post", "video"],
+    useCases: ["announcement", "event", "presale"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, swaps },
+  build() {
+    const k = new Kit(NAME, preset("ig-story"));
+    k.quantizeGeometry = true;
+    scoreBrand(k, { name: "TIDEWATER" });
+    scoreType(k);
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30, audio: music });
+    const hall = k.frame(sheet, { x: 0, y: 0, width: 1080, height: 1920 }, { name: "Hall" });
+    k.patch(hall, { layoutPositioning: "ABSOLUTE" });
+    scorePaper(k, hall, 1080, 1920);
+    orchestra(k, hall, 1080, 470, { x: 0, y: 1450 });
+    screen(k, hall);
+    k.text(hall, "{{brand.name}}", { style: "Title 92", color: "text", width: 800, name: "Title", absolute: { x: 0, y: 0 } });
+    k.text(hall, "in concert \xB7 the film with its score played live", { style: "Sub 28", color: "onPaper", width: 800, name: "Subtitle", absolute: { x: 0, y: 0 } });
+    scoreList(k, hall, T.dates, { x: 0, y: 0, scale: 1, cols: 4, rowGap: 8 });
+    const pre = k.stack(hall, { gap: 6, fill: "primary", padding: { top: 14, right: 18, bottom: 14, left: 18 }, name: "Presale", absolute: { x: 0, y: 0 } });
+    k.text(pre, `SUBSCRIBER PRESALE ${T.presale.opens}`, { style: "Label 18", color: "onPrimary", width: "FILL", name: "Presale when" });
+    k.text(pre, T.presale.code, { style: "Code 30", color: "onPrimary", autoWidth: true, name: "Code" });
+    captionStrip(k, hall, swaps[0].words[0], { style: "Caption 32", fill: "card", ink: "onCard", width: 800, radius: 0, pad: [8, 18], stroke: { color: "accent", width: 1.5, align: "INSIDE" } });
+    for (const n of k.named(hall, "Caption strip")) k.patch(n, { layoutPositioning: "ABSOLUTE" });
+    lay(k, hall, 1080, 1920);
+    sweep(k, hall, DURATION, 1);
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    const size = (kit, id, w, h, title) => {
+      if (title) for (const t of kit.named(id, "Title")) kit.restyle(t, title);
+      for (const d of kit.named(id, "Hall")) {
+        kit.patch(d, { x: 0, y: 0, width: w, height: h });
+        fitScorePaper(kit, d, w, h);
+        lay(kit, d, w, h);
+      }
+    };
+    k.variants(sheet, [
+      { preset: "ig-post", adjust: (kit, id) => size(kit, id, 1080, 1080, "Title 64") },
+      { preset: "ig-portrait", adjust: (kit, id) => size(kit, id, 1080, 1350) },
+      { preset: "video-1080p", adjust: (kit, id) => size(kit, id, 1920, 1080) }
+    ]);
+    pruneStyles(k);
+    return k.finish();
+  }
+});
+
+export {
+  tour_tickets_tide_reel_default
+};

package/dist/chunks/chunk-VNNHBYH6.js

@@ -0,0 +1,90 @@
+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 {
+  external_exports
+} from "./chunk-BQXNFA5K.js";
+import {
+  AGENT_CAPABILITIES,
+  agentContext,
+  agentTool,
+  agentToolList,
+  registerCommands
+} from "./chunk-5LJTWDUC.js";
+import {
+  dispatch
+} from "./chunk-7EEUGQZW.js";
+import {
+  ToolError
+} from "./chunk-V32DXOZK.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// lib/agent/tools/index.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/ai/tool-schema.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function toolParameters(schema) {
+  const json = external_exports.toJSONSchema(schema);
+  delete json.$schema;
+  return json;
+}
+
+// lib/agent/tools/types.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function defineTool(tool) {
+  return tool;
+}
+
+// lib/agent/tools/index.ts
+function registerTools(tools) {
+  registerCommands(tools);
+}
+function getTool(name) {
+  return agentTool(name);
+}
+function allTools() {
+  return agentToolList();
+}
+function toolSpecs(names) {
+  const tools = names?.length ? names.map((n) => agentTool(n)).filter((t) => !!t) : allTools();
+  return tools.map((t) => ({
+    type: "function",
+    function: { name: t.name, description: t.description, parameters: toolParameters(t.parameters) }
+  }));
+}
+async function runTool(name, argsText, ctx) {
+  let raw = {};
+  if (argsText.trim()) {
+    try {
+      raw = JSON.parse(argsText);
+    } catch {
+      throw new ToolError(`The arguments for ${name} were not valid JSON.`, "invalid_params");
+    }
+  }
+  return dispatch(name, {
+    surface: "agent",
+    params: raw,
+    ctx: agentContext(ctx),
+    capabilities: AGENT_CAPABILITIES,
+    errorClass: ToolError,
+    messages: {
+      notFound: (key) => `No tool named "${key}". Use one of: ${allTools().map((t) => t.name).join(", ")}.`,
+      invalidParams: (key, issues) => `Invalid arguments for ${key} \u2014 ${issues}`
+    }
+  });
+}
+
+export {
+  defineTool,
+  registerTools,
+  getTool,
+  allTools,
+  toolSpecs,
+  runTool
+};

package/dist/chunks/chunk-VOABPE2Y.js

@@ -0,0 +1,201 @@
+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 {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  score
+} from "./chunk-42LEBOKV.js";
+import {
+  each,
+  pattern,
+  put,
+  redraw,
+  sizeOf
+} from "./chunk-YHBAWSDX.js";
+import {
+  glow,
+  shadow
+} from "./chunk-M6VTXO6F.js";
+import {
+  logoBadge,
+  pill,
+  postVariants
+} from "./chunk-LEKU2ZW3.js";
+import {
+  box,
+  rng
+} from "./chunk-6RCDZU4R.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/social/saas-kit-countdown-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var S = score("tension");
+var { beat } = S;
+var TILES = [["Days", "3", "DAYS"], ["Hours", "14", "HOURS"], ["Minutes", "27", "MINUTES"], ["Seconds", "48", "SECONDS"]];
+var SECONDS = { from: 48, to: 32 };
+var stars = (w, h) => {
+  const r = rng(2026);
+  const out = [];
+  for (let i = 0; i < Math.round(w * h / 9e3); i++) {
+    const x = r() * w, y = r() * r() * h * 1.1, s = 2 + Math.round(r() * 3);
+    if (y < h - 260) out.push(box(Math.round(x), Math.round(y), s, s));
+  }
+  return out;
+};
+var ring = (d, r, cx = d / 2, cy = d / 2) => {
+  const c = 0.5523 * r;
+  return { closed: true, points: [
+    { x: cx, y: cy - r, handleIn: { x: cx - c, y: cy - r }, handleOut: { x: cx + c, y: cy - r } },
+    { x: cx + r, y: cy, handleIn: { x: cx + r, y: cy - c }, handleOut: { x: cx + r, y: cy + c } },
+    { x: cx, y: cy + r, handleIn: { x: cx + c, y: cy + r }, handleOut: { x: cx - c, y: cy + r } },
+    { x: cx - r, y: cy, handleIn: { x: cx - r, y: cy + c }, handleOut: { x: cx - r, y: cy - c } }
+  ] };
+};
+var SUN = { d: 1500, shows: 132, orbit: 806 };
+var counts = [
+  { layer: "Seconds", at: 0, duration: S.duration, counter: SECONDS, tick: 1e3 },
+  { layer: "List figure", at: beat(8), duration: beat(20), counter: { from: 1268, to: 1284, separator: "," } }
+];
+var cues = [
+  { layer: "Top row", preset: "fade-in", at: 0, params: { duration: 400 } },
+  { layer: "Lead", preset: "words-in", at: 0, params: { duration: 500, amount: 60 } },
+  { layer: "Tile", preset: "drop-in", at: beat(0.5), params: { duration: 380 }, stagger: { delay: Math.round(beat(0.5)) } },
+  // The figure is on within a second, on a tick of the clock; the groove lands at the second bar and the sun swells.
+  { layer: "Figure", preset: "pop-in", at: beat(2), params: { duration: 420 } },
+  { layer: "Figure", preset: "pulse", at: beat(4), params: { duration: 500, amount: 0.05 } },
+  { layer: "Sun", preset: "pulse", at: beat(4), params: { duration: 900, amount: 0.04 } },
+  { layer: "When", preset: "rise-in", at: beat(6), params: { duration: 450 } },
+  { layer: "List row", preset: "rise-in", at: beat(8), params: { duration: 450 } },
+  { layer: "Call", preset: "pop-in", at: beat(10), params: { duration: 420 } },
+  { layer: "Seconds tile", preset: "pulse", at: beat(12), params: { duration: 500, amount: 0.05 } },
+  { layer: "Figure", preset: "pulse", at: beat(20), params: { duration: 600, amount: 0.05 } },
+  { layer: "Call", preset: "pulse", at: beat(24), params: { duration: 600, amount: 0.06 } },
+  { layer: "Seconds tile", preset: "pulse", at: beat(28), params: { duration: 500, amount: 0.05 } }
+];
+function furnish(k, sheet) {
+  const { w, h } = sizeOf(k, sheet);
+  redraw(k, sheet, "Stars", stars);
+  const cx = w / 2, cy = h - SUN.shows + SUN.d / 2, od = SUN.orbit * 2 + 40;
+  put(k, sheet, "Sun glow", cx - 900, h - SUN.shows - 620);
+  put(k, sheet, "Sun", cx - SUN.d / 2, h - SUN.shows);
+  put(k, sheet, "Sun rim", cx - SUN.d / 2 + 40, h - SUN.shows + 40);
+  for (const name of ["Orbit", "Satellite"]) put(k, sheet, name, cx - od / 2, cy - od / 2);
+  put(k, sheet, "Far star", Math.round(w * 0.88), Math.round(h * 0.2));
+  put(k, sheet, "Near star", Math.round(w * 0.05), Math.round(h * 0.6));
+}
+var saas_kit_countdown_post_default = defineTemplate({
+  id: "motion-saas-kit-countdown-post",
+  meta: {
+    name: "SaaS launch countdown post (animated)",
+    description: "The post for the days before a launch: \u201CLaunching in 3 days.\u201D over four flip-clock tiles whose seconds really tick, a sun coming up over the foot of a starry sky with a satellite going round it, the launch list\u2019s figure counting up, and a call to get notified. With music (\u201CCountdown\u201D, 120 BPM, made by PopCraft, CC0): the clock ticks on the beat and the figure lands with the groove. Sixteen seconds, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "saas", "saas launch", "countdown", "launching soon", "coming soon", "timer", "flip clock", "counter", "teaser", "music", "audio", "post", "night"],
+    platforms: ["x", "linkedin", "instagram", "threads", "tiktok"],
+    formats: ["post", "portrait-post", "story", "reel"],
+    useCases: ["countdown", "launch", "announcement", "waitlist"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts },
+  build() {
+    const k = new Kit("SaaS launch countdown post (animated)", preset("ig-post"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#15123B", text: "#F7F4FF", onPaper: "#C2BCEC", accent: "#FF7A4D", onAccent: "#240C00", tint: "#231F5E", onTint: "#F7F4FF" },
+      { name: "Pagecrest", when: "Tuesday 6 October \xB7 9:00 am PT", site: "pagecrest.example/launch" }
+    );
+    k.palette({ tileLow: "#1B184C", seam: "#15123B", tileEdge: "#3A3590", rim: "#FFB08F" });
+    k.textStyle("Brand 34", { size: 34, fontWeight: 800, letterSpacing: -0.8, lineHeight: 40 });
+    k.textStyle("Chip 22", { ...MONO, size: 22, fontWeight: 700, letterSpacing: 1.6, lineHeight: 28, textCase: "UPPER" });
+    k.textStyle("Lead 64", { size: 64, fontWeight: 600, letterSpacing: -2.2, lineHeight: 68 });
+    k.textStyle("Figure 190", { size: 190, fontWeight: 900, letterSpacing: -9, lineHeight: 186 });
+    k.textStyle("Digits 104", { ...MONO, size: 104, fontWeight: 800, letterSpacing: -5, lineHeight: 108, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
+    k.textStyle("Unit 20", { ...MONO, size: 20, fontWeight: 700, letterSpacing: 2.4, lineHeight: 24, textAlign: "CENTER" });
+    k.textStyle("When 32", { size: 32, fontWeight: 600, letterSpacing: -0.6, lineHeight: 40 });
+    k.textStyle("List 26", { size: 26, fontWeight: 500, lineHeight: 34 });
+    k.textStyle("List figure 26", { ...MONO, size: 26, fontWeight: 800, lineHeight: 34, fontFeatures: { tnum: 1 } });
+    k.textStyle("Button 30", { size: 30, fontWeight: 800, letterSpacing: -0.5, lineHeight: 38 });
+    pill(k, "Button", { fill: "accent", ink: "onAccent", style: "Button 30", label: "Get the launch email", pad: [16, 30], radius: 16 });
+    pill(k, "Chip", { fill: "tint", ink: "onTint", style: "Chip 22", label: "T-minus", pad: [9, 16], radius: 8 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 20, { top: 60, right: 64, bottom: 196, left: 64 }, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: S.duration, fps: 30, audio: S.audio });
+    const sky = pattern(k, sheet, "Stars", "text", stars, 0.2);
+    k.behave(sky, "opacity", [{ kind: "sine", amp: 0.07, freq: 0.5 }]);
+    for (const [name, size] of [["Far star", 34], ["Near star", 22]]) {
+      const star = k.star(sheet, size, "accent", { name, absolute: { x: 0, y: 0 } });
+      k.patch(star, { pointCount: 4, innerRadius: 0.3 });
+      k.behave(star, "opacity", [{ kind: "sine", amp: 0.35, freq: name === "Far star" ? 0.5 : 0.25 }]);
+    }
+    glow(k, sheet, { x: 900, y: 620, w: 1800, h: 1240, role: "accent", alpha: 0.3, name: "Sun glow" });
+    const od = SUN.orbit * 2 + 40;
+    k.vector(sheet, od, od, [ring(od, SUN.orbit)], "rim", { name: "Orbit", strokeWidth: 2, stroke: { color: "rim", width: 2, dash: [3, 12] }, opacity: 0.55, absolute: { x: 0, y: 0 } });
+    const sat = k.vector(sheet, od, od, [ring(od, 9, od / 2, od / 2 - SUN.orbit), ring(od, 9, od / 2, od / 2 + SUN.orbit)], "rim", { name: "Satellite", absolute: { x: 0, y: 0 } });
+    k.animate(sat, "rotation", [{ t: 0, v: -34, ease: ease.linear }, { t: S.duration, v: 34 }]);
+    k.ellipse(sheet, SUN.d, "accent", { name: "Sun", absolute: { x: 0, y: 0 }, effects: [shadow(k, "accent", 0.5, -6, 60)] });
+    k.ellipse(sheet, SUN.d - 80, "rim", { name: "Sun rim", opacity: 0.22, absolute: { x: 0, y: 0 } });
+    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top row" });
+    const brand = k.stack(top, { direction: "HORIZONTAL", width: "HUG", gap: 16, align: "CENTER", name: "Brand" });
+    logoBadge(k, brand, { fill: "accent", size: 34, pad: 11, radius: 14 });
+    k.text(brand, "{{brand.name}}", { style: "Brand 34", color: "text", name: "Name", width: 520 });
+    k.instance(top, "Chip", { Label: "T-minus" }, { name: "T-minus" });
+    const said = k.stack(sheet, { gap: 4, name: "Headline" });
+    k.text(said, "Launching in", { style: "Lead 64", color: "onPaper", name: "Lead" });
+    k.text(said, "3 days.", { style: "Figure 190", color: "text", name: "Figure" });
+    const clock = k.stack(sheet, { direction: "HORIZONTAL", gap: 18, name: "Clock" });
+    for (const [name, figure, label] of TILES) {
+      const live = name === "Seconds";
+      const tile = k.stack(clock, { width: "FILL", gap: 10, align: "CENTER", fill: "tint", radius: 22, clip: true, padding: { top: 22, right: 0, bottom: 20, left: 0 }, stroke: { color: live ? "accent" : "tileEdge", width: live ? 3 : 2, align: "INSIDE" }, effects: [shadow(k, "seam", 0.6, 14, 30)], name: live ? "Seconds tile" : "Tile" });
+      k.rect(tile, 400, 96, "tileLow", { name: "Lower leaf", opacity: 0.55, absolute: { x: 0, y: 76 } });
+      k.rect(tile, 400, 3, "seam", { name: "Leaf seam", absolute: { x: 0, y: 75 } });
+      k.text(tile, figure, { style: "Digits 104", color: "onTint", name });
+      k.text(tile, label, { style: "Unit 20", color: "onTint", name: "Unit" });
+    }
+    const foot = k.stack(sheet, { gap: 18, name: "Foot" });
+    k.text(foot, "{{brand.when}}", { style: "When 32", color: "text", name: "When" });
+    const row = k.stack(foot, { direction: "HORIZONTAL", gap: 22, align: "CENTER", name: "Call row" });
+    const call = k.stack(row, { width: "HUG", name: "Call" });
+    k.instance(call, "Button", { Label: "Get the launch email" }, { name: "Call button" });
+    const list = k.stack(row, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", name: "List row" });
+    k.text(list, "1,284", { style: "List figure 26", color: "text", autoWidth: true, name: "List figure" });
+    k.text(list, "on the list", { style: "List 26", color: "onPaper", autoWidth: true, name: "List words" });
+    furnish(k, sheet);
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    k.variants(sheet, postVariants({ portrait: 64 }, {
+      portrait: (kit, id) => {
+        kit.patch(id, { padding: { top: 72, right: 64, bottom: 236, left: 64 } });
+        furnish(kit, id);
+      },
+      vertical: (kit, id) => {
+        each(kit, id, "Call row", (n) => kit.patch(n, { layoutMode: "VERTICAL", counterAxisAlignItems: "MIN", itemSpacing: 18, counterAxisSpacing: 18 }));
+        furnish(kit, id);
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  saas_kit_countdown_post_default
+};

package/dist/chunks/chunk-VOEUHPUD.js

@@ -0,0 +1,163 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  beat,
+  deck,
+  fitLido,
+  heatBrand,
+  lilo,
+  parasols,
+  pool
+} from "./chunk-WENSUGOL.js";
+import {
+  SONGS,
+  beatMs
+} from "./chunk-SKYFAMZP.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-LEKU2ZW3.js";
+import {
+  SONG_HASHES
+} from "./chunk-L27LWMPD.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset,
+  swapTimes
+} from "./chunk-SHOYVADV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion/summer-heatwave-lido-reel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 15e3;
+var beat2 = (n) => Math.round(n * beatMs(SONGS.openRoad));
+var LANES = ["Uptime", "Deploys", "Alerts", "Tickets", "Billing", "Backups"];
+var SWIMMERS = [
+  { lane: 0, phase: 0.3, laps: 1.1, cap: "capA", suit: "suitA", skin: "skinA" },
+  { lane: 1, phase: 0.74, laps: 1.5, cap: "capB", suit: "suitA", skin: "skinB" },
+  { lane: 2, phase: 0.2, laps: 1.9, cap: "capC", suit: "suitB", skin: "skinA" },
+  { lane: 2, phase: 0.72, laps: 1.9, cap: "capA", suit: "suitC", skin: "skinB" },
+  { lane: 3, phase: 0.5, laps: 1.3, cap: "capB", suit: "suitC", skin: "skinA" },
+  { lane: 4, phase: 0.14, laps: 1.6, cap: "capA", suit: "suitB", skin: "skinB" },
+  { lane: 5, phase: 0.42, laps: 1.2, cap: "capC", suit: "suitA", skin: "skinA" }
+];
+var lido = (h, top, o = {}) => ({
+  w: 1080,
+  h,
+  u: 1,
+  loopMs: DURATION,
+  pool: { x: 48, y: top, w: 912, h: 1500, lanes: 6 },
+  blocks: { labels: LANES, style: "Lane 20", num: "Number 30", h: 92 },
+  swimmers: SWIMMERS,
+  rings: [{ x: 690, y: 1040, size: 150 }],
+  parasols: [{ x: 96, y: 86, r: 168 }, { x: 936, y: 150, r: 236, sun: true }],
+  towels: [{ x: 372, y: -40, w: 130, h: 250, alt: true }],
+  loungers: [{ x: 548, y: -110, w: 128 }, { x: 994, y: top + 120, w: 96 }, { x: 994, y: top + 400, w: 96 }, { x: 994, y: top + 680, w: 96 }, { x: 994, y: top + 960, w: 96 }],
+  flipflops: { x: 300, y: 150 },
+  steps: { x: 250, y: top - 150, n: 5, dx: -6, dy: -62 },
+  ...o
+});
+var STORY = lido(1920, 742);
+var swaps = [
+  { layer: "Caption", words: ["It is 34\xB0 out. Your app does not need you today.", "Lifeguard restarts what falls over and answers the easy tickets.", "It only blows the whistle for what a human must decide.", "Summer pass: three months free. Take August off."], at: beat2(2), hold: 1990, stagger: 45, in: 350, out: 250, unit: "word", rise: 26 }
+];
+var cues = [
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 400 } },
+  { layer: "Headline", preset: "lines-in", at: 0, params: { duration: 600 } },
+  { layer: "Block", preset: "drop-in", at: beat2(1), params: { duration: 420 }, stagger: { delay: 100 } },
+  { layer: "Lilo", preset: "slide-in", at: beat2(1), params: { duration: 900, direction: "left" } },
+  { layer: "Call", preset: "pop-in", at: beat2(4), params: { duration: 500 } },
+  { layer: "Site", preset: "fade-in", at: beat2(5), params: { duration: 600 } },
+  { layer: "Lifebuoy", preset: "pulse", at: beat2(12), params: { duration: 900, amount: 0.12 } },
+  { layer: "Call", preset: "pulse", at: beat2(20), params: { duration: 900, amount: 0.07 } },
+  { layer: "Call", preset: "pulse", at: beat2(22), params: { duration: 900, amount: 0.07 } }
+];
+var summer_heatwave_lido_reel_default = defineTemplate({
+  id: "motion-summer-heatwave-lido-reel",
+  meta: {
+    name: "Summer heatwave lido reel",
+    description: "A 15-second summer reel for a SaaS that keeps working while its founder is at the pool: a lido seen from above at noon, \u201CGone swimming.\u201D on the hot deck in the first half second, the product\u2019s jobs as swimmers doing lengths in named lanes, the story in burned-in captions on a floating air bed, and a summer offer on a button \u2014 hard midday shadows, rippling water and a parasol that beats like the sun. Cut to a plucked guitar (made by PopCraft, CC0). 9:16 with 1:1 and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "summer", "heatwave", "lido", "pool", "swimming", "out of office", "summer sale", "offer", "saas", "reel", "captions", "music", "audio", "seasonal"],
+    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
+    formats: ["reel", "short", "story", "post", "portrait-post"],
+    useCases: ["sale", "announcement", "launch"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, swaps },
+  build() {
+    const k = new Kit("Summer heatwave lido reel", preset("ig-story"));
+    k.quantizeGeometry = true;
+    heatBrand(k, { headline: "Gone\nswimming." });
+    k.textStyle("Eyebrow 26", { size: 26, fontWeight: 800, letterSpacing: 4.5, lineHeight: 34, textCase: "UPPER" });
+    k.textStyle("Display 150", { size: 150, fontWeight: 900, letterSpacing: -6, lineHeight: 132, textCase: "UPPER" });
+    k.textStyle("Display 124", { size: 124, fontWeight: 900, letterSpacing: -5, lineHeight: 110, textCase: "UPPER" });
+    k.textStyle("Display 104", { size: 104, fontWeight: 900, letterSpacing: -4, lineHeight: 94, textCase: "UPPER" });
+    k.textStyle("Lane 20", { ...MONO, size: 19, fontWeight: 700, letterSpacing: 0, lineHeight: 24, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Number 30", { ...MONO, size: 30, fontWeight: 800, lineHeight: 32, textAlign: "CENTER" });
+    k.textStyle("Caption 38", { size: 38, fontWeight: 700, letterSpacing: -0.5, lineHeight: 46 });
+    k.textStyle("Caption 32", { size: 32, fontWeight: 700, letterSpacing: -0.4, lineHeight: 39 });
+    k.textStyle("Button 32", { size: 32, fontWeight: 800, lineHeight: 40 });
+    k.textStyle("Site 24", { ...MONO, size: 24, fontWeight: 700, lineHeight: 32, textAlign: "CENTER" });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 32", label: "Get the summer pass", pad: [22, 44] });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Lido reel");
+    k.flowSheet(sheet, 0, verticalPadding(), "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30, audio: [{ id: "a1", mediaHash: SONG_HASHES.openRoad, name: "Open Road (100 BPM, made by PopCraft, CC0)", start: 0, in: 0, out: DURATION, lane: 0, fadeOut: 1500 }] });
+    const s = STORY;
+    deck(k, sheet, s);
+    pool(k, sheet, s);
+    parasols(k, sheet, s);
+    const top = k.stack(sheet, { gap: 14, name: "Top" });
+    k.text(top, "{{brand.name}} \xB7 Summer pass", { style: "Eyebrow 26", color: "text", name: "Eyebrow" });
+    k.text(top, "{{brand.headline}}", { style: "Display 150", color: "text", name: "Headline" });
+    const foot = k.stack(sheet, { gap: 26, align: "CENTER", name: "Foot" });
+    const bed = lilo(k, foot, { w: "FILL", h: 176, loopMs: DURATION });
+    k.text(bed, swaps[0].words[0], { style: "Caption 38", color: "ink", name: "Caption" });
+    k.instance(foot, "Button", { Label: "Get the summer pass" }, { name: "Call" });
+    const site = k.stack(foot, { width: "HUG", fill: "foam", radius: 8, padding: { top: 6, right: 16, bottom: 6, left: 16 }, name: "Site" });
+    k.text(site, "Code POOLSIDE \xB7 {{brand.site}}", { style: "Site 24", color: "ink", autoWidth: true, name: "Site words" });
+    {
+      const last = swapTimes(swaps[0]).at(-1);
+      if (last.gone > DURATION || last.gone < DURATION - 300) throw new Error("summer heatwave reel: the captions must end with the music");
+    }
+    beat(k, sheet, 0, beat2(2), Math.floor(DURATION / beat2(2)));
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    k.variants(sheet, feedVariants({ post: 56, portrait: 72 }, {
+      post: (kit, id) => {
+        for (const n of kit.named(id, "Foot")) kit.patch(n, { itemSpacing: 16 });
+        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 32");
+        for (const n of kit.named(id, "Lilo")) kit.patch(n, { height: 150 });
+        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Display 104");
+        fitLido(kit, id, lido(1080, 430, { parasols: [{ x: 1500, y: 86, r: 168 }, { x: 1016, y: 56, r: 170, sun: true }], towels: [{ x: 700, y: 250, w: 110, h: 150, alt: true }], loungers: [{ x: 1500, y: -110, w: 128 }, { x: 994, y: 550, w: 96 }, { x: 994, y: 830, w: 96 }], flipflops: { x: 620, y: 300 }, steps: { x: 560, y: 310, n: 4, dx: -40, dy: -50 } }));
+      },
+      portrait: (kit, id) => {
+        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Display 124");
+        fitLido(kit, id, lido(1350, 540, { parasols: [{ x: 1500, y: 86, r: 168 }, { x: 1012, y: 84, r: 184, sun: true }], towels: [{ x: 720, y: 330, w: 120, h: 180, alt: true }], loungers: [{ x: 1500, y: -110, w: 128 }, { x: 994, y: 660, w: 96 }, { x: 994, y: 940, w: 96 }], flipflops: { x: 610, y: 400 }, steps: { x: 540, y: 420, n: 4, dx: -40, dy: -50 } }));
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  summer_heatwave_lido_reel_default
+};