@popcraft/kit 0.53.7 → 0.53.8

package/dist/chunks/chunk-SGEAYHPD.js

@@ -1,250 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  SPOOL,
-  bloomAt,
-  button,
-  code,
-  deep,
-  display,
-  figure,
-  gradientBrand,
-  label,
-  lockup,
-  longShadow,
-  mesh,
-  orbitCam,
-  parallax,
-  plateChip,
-  rimLight,
-  tilted,
-  ts
-} from "./chunk-OZKPVMNT.js";
-import {
-  section
-} from "./chunk-YUJ6YBZ6.js";
-import {
-  clicks,
-  glide,
-  pointer
-} from "./chunk-2PJUAVAE.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-3YQOE5KZ.js";
-import {
-  presetSafeRect
-} from "./chunk-EMVFY3SD.js";
-import {
-  pt3
-} from "./chunk-EJLCQVQK.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset
-} from "./chunk-4G7VHQUV.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion/style-gradient-feature-demo.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("launch", 0, 7);
-var { beat } = S;
-var NAME = "Gradient SaaS feature demo";
-var W = 860;
-var H = 660;
-var APP = beat(1);
-var DROP = beat(4);
-var MAP = beat(6);
-var CLICK = beat(11);
-var DONE = beat(21);
-var CLOSE = beat(22);
-var HEADS = ["Turn one CSV\ninto 2,400 videos.", "2,400 videos.\nOne API call."];
-var STEPS = ["Step 1 of 3 \xB7 drop the CSV", "Step 2 of 3 \xB7 map the columns", "Step 3 of 3 \xB7 render them all", `New in ${SPOOL.version} \xB7 Batch renders`];
-var MAPS = [["name", "{{name}}"], ["km", "{{distance}}"], ["route", "{{map.path}}"]];
-var COLS = 5;
-var ROWS = 4;
-var cues = [
-  { layer: "Head wrap", preset: "blur-in", at: 0, params: { duration: 900, amount: 26 } },
-  { layer: "Headline", preset: "words-in", at: 0, params: { duration: 700 } },
-  { layer: "Step chip", preset: "rise-in", at: 300, params: { duration: 700, distance: 18 } },
-  { layer: "Scene", preset: "blur-in", at: APP, params: { duration: 1100, amount: 30 } },
-  { layer: "Map row", preset: "rise-in", at: MAP, stagger: { delay: beat(1), order: "selection" }, params: { duration: 600, distance: 20 } },
-  { layer: "Drop zone", preset: "pulse", at: DROP, params: { duration: 800, amount: 0.04 } },
-  { layer: "Render button", preset: "pulse", at: CLICK, params: { duration: 600, amount: 0.05 } },
-  { layer: "Call", preset: "rise-in", at: CLOSE, params: { duration: 800, distance: 30 } },
-  { layer: "Took chip", preset: "rise-in", at: CLOSE + beat(1), params: { duration: 800, distance: 30 } }
-];
-var counts = [
-  { layer: "Batch figure", at: CLICK + 200, duration: DONE - CLICK - 200, ease: ease.inOut("sine"), counter: { from: 0, to: SPOOL.rows } }
-];
-var swaps = [captionSwap(["Drop in your CSV.", "Map columns to fields.", "Click render. That\u2019s it.", "2,400 videos, 3 minutes."], 0, S.duration - 30, { stagger: 70, in: 340, out: 240, rise: 16 })];
-var LAYS = {
-  "ig-story": { x: 140, w: 800, brandY: 250, headY: 336, head: "Head 84", scene: { x: 0, y: 600, w: 1080, h: 820 }, scale: 1, rotY: -22, mesh: { x: -120, y: 660, w: 1320, h: 1180 }, capY: 1352, capW: 800 },
-  "ig-post": { x: 72, w: 936, brandY: 60, headY: 136, head: "Head 66", scene: { x: 150, y: 330, w: 930, h: 680 }, scale: 0.84, rotY: -24, mesh: { x: 280, y: 320, w: 840, h: 760 }, capY: 968, capW: 600 },
-  "video-1080p": { x: 110, w: 680, brandY: 92, headY: 186, head: "Head 84", scene: { x: 760, y: 40, w: 1160, h: 1e3 }, scale: 1.12, rotY: -26, mesh: { x: 800, y: 60, w: 1120, h: 1020 }, capY: 914, capW: 680 }
-};
-var style_gradient_feature_demo_default = defineTemplate({
-  id: "motion-saas-style-gradient-feature-demo",
-  meta: {
-    name: NAME,
-    description: "A 14-second feature demo in the gradient and depth look: a pointer turns one spreadsheet into 2,400 personalised videos in a window tilted in 3D space over a deep ocean ground and a warm coral-to-lagoon mesh. It drops the CSV, maps the columns, clicks render, and the camera dollies in as a grid of thumbnails lights up and the count runs to 2,400. Step line, specular sweep, music and burned-in captions. 9:16 with square and 16:9 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "gradient", "mesh gradient", "depth", "3d", "shader", "developer", "api", "video", "feature", "demo", "tutorial", "pointer", "counter", "captions", "music", "audio", "tiktok", "shorts"],
-    platforms: ["tiktok", "instagram", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "video"],
-    useCases: ["changelog", "education", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit(NAME, preset("ig-story"));
-    k.quantizeGeometry = true;
-    gradientBrand(k);
-    ts(k, "Win title 22", code(22));
-    ts(k, "Win small 20", code(20));
-    const st = {};
-    ts(k, "Brand 30", display(30));
-    ts(k, "Kicker 22", code(22));
-    for (const n of [66, 84]) ts(k, `Head ${n}`, display(n));
-    ts(k, "Caption 32", display(32, { lead: 1.3, weight: 600 }));
-    ts(k, "Button 28", display(28));
-    ts(k, "Site 22", code(22));
-    ts(k, "Map 22", code(22));
-    ts(k, "Batch 80", figure(80));
-    ts(k, "Label 18", label(18));
-    ts(k, "Render 24", display(24, { weight: 700 }));
-    button(k, "Call", { style: "Button 28", label: "Try Batch renders free", pad: [20, 32] });
-    const sheets = ["ig-story", "ig-post", "video-1080p"].map((id, i) => {
-      const sheet = i === 0 ? k.sheet : k.addSheet(preset(id));
-      lay(k, sheet, id, st);
-      return sheet;
-    });
-    k.setCover(sheets[0]);
-    return k.finish();
-  }
-});
-function batchWindow(k, rig) {
-  const win = k.stack(rig, { width: W, height: H, fill: "plate", radius: 26, clip: true, name: "Window", effects: rimLight(k), absolute: { x: 0, y: 0 } });
-  const top = k.stack(win, { direction: "HORIZONTAL", align: "CENTER", justify: "SPACE_BETWEEN", height: 64, padding: { top: 0, right: 22, bottom: 0, left: 24 }, name: "Title bar" });
-  const left = k.stack(top, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", gap: 18, name: "Title left" });
-  const lights = k.stack(left, { direction: "HORIZONTAL", width: "HUG", gap: 9, name: "Lights" });
-  for (const role of ["coral", "apricot", "lagoon"]) k.ellipse(lights, 14, role, { name: "Light" });
-  k.text(left, "Batch \xB7 weekly-recap", { style: "Win title 22", color: "onPlate", autoWidth: true, name: "Window title" });
-  k.text(top, SPOOL.region, { style: "Win small 20", color: "plateMuted", autoWidth: true, name: "Region" });
-  k.rect(win, "FILL", 1, k.tint("rim", 0.1), { name: "Title rule" });
-  const body = k.stack(win, { direction: "HORIZONTAL", gap: 24, padding: { top: 24, right: 24, bottom: 24, left: 24 }, height: "FILL", name: "Body" });
-  const col = k.stack(body, { width: 340, height: "FILL", gap: 14, justify: "SPACE_BETWEEN", name: "Setup" });
-  const zone = k.stack(col, { gap: 6, padding: 22, radius: 18, fill: k.tint("rim", 0.05), stroke: { color: "plateMuted", width: 2, dash: [8, 8], align: "INSIDE" }, name: "Drop zone" });
-  const zoneTitle = k.text(zone, "runners-week39.csv", { style: "Map 22", color: "onPlate", name: "Zone title" });
-  const zoneSub = k.text(zone, "2,400 rows \xB7 4 columns", { style: "Win small 20", color: "plateMuted", name: "Zone sub" });
-  const map = k.stack(col, { gap: 8, name: "Column map" });
-  k.text(map, "CSV COLUMN \u2192 FIELD", { style: "Label 18", color: "plateMuted", name: "Map label" });
-  for (const [c, f] of MAPS) {
-    const r = k.stack(map, { direction: "HORIZONTAL", align: "CENTER", gap: 12, height: 46, padding: { top: 0, right: 14, bottom: 0, left: 14 }, radius: 12, fill: k.tint("rim", 0.06), name: "Map row" });
-    k.ellipse(r, 12, "lagoon", { name: "Map dot" });
-    k.text(r, c, { style: "Map 22", color: "onPlate", autoWidth: true, name: "Map column" });
-    k.text(r, "\u2192", { style: "Map 22", color: "plateMuted", autoWidth: true, name: "Map arrow" });
-    k.text(r, f, { style: "Map 22", color: "onPlate", autoWidth: true, name: "Map field" });
-  }
-  const btn = k.stack(col, { direction: "HORIZONTAL", justify: "CENTER", align: "CENTER", height: 62, radius: 999, fill: "primary", name: "Render button", effects: [longShadow(k, 0.45, 12, 30)] });
-  k.text(btn, "Render 2,400 videos", { style: "Render 24", color: "onPrimary", autoWidth: true, name: "Render words" });
-  const right = k.stack(body, { width: "FILL", height: "FILL", gap: 18, name: "Results" });
-  const GW = W - 48 - 24 - 340, TW = Math.floor((GW - (COLS - 1) * 10) / COLS), TH = Math.round(TW * 0.72);
-  const grid = k.stack(right, { direction: "HORIZONTAL", wrap: true, gap: 10, name: "Grid" });
-  k.patch(grid, { counterAxisSpacing: 10 });
-  const tiles = [];
-  const tilePaint = (i) => [k.gradient({ from: ["coral", "lagoon", "apricot", "ocean"][i % 4], to: ["ocean", "coral", "lagoon", "apricot"][i % 4], angle: 35 + i * 23 % 90 })];
-  const route = { closed: false, points: [pt3(TW * 0.12, TH * 0.78), pt3(TW * 0.35, TH * 0.5), pt3(TW * 0.55, TH * 0.62), pt3(TW * 0.86, TH * 0.24)] };
-  for (let i = 0; i < COLS * ROWS; i++) {
-    const t = k.stack(grid, { width: TW, height: TH, radius: 9, clip: true, fill: tilePaint(i), name: "Tile" });
-    k.vector(t, TW, TH, [route], [], { name: "Tile route", absolute: { x: 0, y: 0 }, stroke: { color: "rim", width: 3, cap: "ROUND", join: "ROUND" } });
-    tiles.push(t);
-  }
-  const countBox = k.stack(right, { gap: 4, name: "Count box" });
-  k.text(countBox, "VIDEOS RENDERED", { style: "Label 18", color: "plateMuted", name: "Count label" });
-  k.text(countBox, "2,400", { style: "Batch 80", color: "onPlate", width: 260, name: "Batch figure" });
-  k.text(countBox, `of 2,400 \xB7 ${SPOOL.batchTime}`, { style: "Win small 20", color: "plateMuted", name: "Count sub" });
-  const file = k.stack(rig, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", gap: 10, radius: 12, fill: "plate", padding: { top: 12, right: 18, bottom: 12, left: 14 }, name: "CSV file", effects: [longShadow(k, 0.5, 14, 30), ...rimLight(k, 0.2)] });
-  k.patch(file, { x: 44, y: 104, z: 40 });
-  k.rect(file, 22, 28, "lagoon", { radius: 4, name: "File icon" });
-  k.text(file, "runners-week39.csv", { style: "Map 22", color: "onPlate", autoWidth: true, name: "File name" });
-  const p = pointer(k, rig, { x: 300, y: 150, size: 60, fill: "rim", edge: "shade", ring: "primary", name: "Pointer" });
-  for (const id of [p.arrow, p.ring]) k.patch(id, { z: 30 });
-  return { win, zone, zoneTitle, zoneSub, tiles, pointer: p, file };
-}
-function lay(k, sheet, id, st) {
-  const L = LAYS[id];
-  k.nameSheet(sheet, `Feature demo \xB7 ${preset(id).name}`);
-  k.flowSheet(sheet, 0, 0, "night", "MIN", "MIN");
-  k.patch(sheet, { clipsContent: true });
-  k.timeline(sheet, { duration: S.duration, fps: 30, audio: S.audio });
-  deep(k, sheet, { duration: S.duration });
-  const glow = mesh(k, sheet, { ...L.mesh, duration: S.duration, phase: 2 });
-  bloomAt(k, glow, CLICK, 900, 4e3);
-  let b;
-  const r = presetSafeRect(id, k.node(sheet).width, k.node(sheet).height);
-  const t = tilted(k, sheet, { ...L.scene, width: W, height: H, scale: L.scale, rotateY: L.rotY, rotateX: 10, styles: st, sweeps: [DONE - 400], safe: r ? { x: Math.ceil(r.x), y: Math.ceil(r.y), w: Math.floor(r.width), h: Math.floor(r.height) } : void 0, make: (rig) => {
-    b = batchWindow(k, rig);
-    return b.win;
-  } });
-  k.animate(t.rig, "z", [{ t: APP, v: -700, ease: ease.out("quart") }, { t: APP + 1600, v: 0 }]);
-  orbitCam(k, t.scene, { at: APP, until: S.duration, from: -8, to: 12 });
-  k.animate(t.scene, "scene3d.camera.z", [{ t: APP, v: 80, ease: ease.inOut("cubic") }, { t: CLICK, v: 0, ease: ease.inOut("cubic") }, { t: CLICK + 1500, v: -260, ease: ease.inOut("sine") }, { t: DONE, v: -300, ease: ease.inOut("cubic") }, { t: DONE + 1500, v: 20 }]);
-  parallax(k, t, S.duration / 2, 14);
-  k.animate(b.file, "translateX", [{ t: APP + 600, v: -560, ease: ease.inOut("cubic") }, { t: DROP, v: 0 }]);
-  k.animate(b.file, "translateY", [{ t: APP + 600, v: 260, ease: ease.inOut("cubic") }, { t: DROP, v: 0 }]);
-  k.animate(b.file, "opacity", [{ t: 0, v: 0, ease: ease.hold }, { t: APP + 500, v: 0, ease: ease.out("cubic") }, { t: APP + 900, v: 1, ease: ease.hold }, { t: DROP, v: 1, ease: ease.out("cubic") }, { t: DROP + 300, v: 0 }]);
-  k.patch(b.file, { opacity: 0 });
-  k.animate(b.zoneTitle, "text.content", [{ t: 0, v: "Drop a CSV here", ease: ease.hold }, { t: DROP, v: "runners-week39.csv" }]);
-  k.animate(b.zoneSub, "text.content", [{ t: 0, v: "or POST /v1/batches", ease: ease.hold }, { t: DROP, v: "2,400 rows \xB7 4 columns" }]);
-  glide(k, b.pointer, [
-    { t: APP + 600, dx: -480, dy: 230 },
-    { t: DROP, dx: 44 + 120 - 300, dy: 104 + 30 - 150 },
-    { t: MAP + beat(2), dx: -20, dy: 240 },
-    { t: CLICK, dx: 190 - 300, dy: H - 24 - 31 - 150 },
-    { t: DONE, dx: -60, dy: 330 }
-  ]);
-  clicks(k, b.pointer, [DROP, CLICK]);
-  b.tiles.forEach((tile, i) => {
-    const at = Math.round(CLICK + 300 + i / b.tiles.length * (DONE - CLICK - 900));
-    k.animate(tile, "opacity", [{ t: 0, v: 0.18, ease: ease.hold }, { t: at, v: 0.18, ease: ease.out("cubic") }, { t: at + 500, v: 1 }]);
-  });
-  const brandRow = k.stack(sheet, { direction: "HORIZONTAL", width: L.w, justify: "SPACE_BETWEEN", align: "CENTER", name: "Brand row", absolute: { x: L.x, y: L.brandY } });
-  lockup(k, brandRow, { size: 52, style: "Brand 30" });
-  const step = plateChip(k, brandRow, STEPS[0], { style: "Kicker 22", name: "Step chip", dot: "primary" });
-  const stepWords = k.named(step, "Step chip words")[0];
-  const wrap = k.stack(sheet, { width: L.w, name: "Head wrap", absolute: { x: L.x, y: L.headY } });
-  const head = k.text(wrap, HEADS[0], { style: L.head, color: "onNight", name: "Headline" });
-  k.finish();
-  const slotY = L.headY + k.node(wrap).height + (id === "ig-post" ? 22 : 34);
-  const call = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 18, align: "CENTER", name: "Close row", absolute: { x: L.x, y: slotY } });
-  k.instance(call, "Call", { Label: "Try Batch renders free" }, { name: "Call" });
-  plateChip(k, call, `2,400 in ${SPOOL.batchTime}`, { style: "Site 22", name: "Took chip", pad: [16, 22] });
-  const cap = k.stack(sheet, { width: L.capW, name: "Caption box", absolute: { x: L.x, y: L.capY } });
-  captionStrip(k, cap, swaps[0].words[0], { style: "Caption 32", fill: "plate", ink: "onPlate", radius: 22, pad: [18, 26], effects: [longShadow(k, 0.5, 20, 50), ...rimLight(k, 0.12)] });
-  k.counts(sheet, counts);
-  k.swaps(sheet, swaps);
-  k.cues(sheet, cues);
-  k.animate(stepWords, "text.content", [{ t: 0, v: STEPS[0], ease: ease.hold }, { t: MAP - 200, v: STEPS[1], ease: ease.hold }, { t: CLICK - beat(1), v: STEPS[2], ease: ease.hold }, { t: CLOSE, v: STEPS[3] }]);
-  const ch = CLOSE - beat(1);
-  k.animate(head, "text.content", [{ t: 0, v: HEADS[0], ease: ease.hold }, { t: ch, v: HEADS[1] }]);
-  k.animate(head, "opacity", [{ t: ch - 300, v: 1, ease: ease.named("cubic", "in") }, { t: ch, v: 0, ease: ease.out("cubic") }, { t: ch + 700, v: 1 }]);
-  k.animate(head, "translateY", [{ t: ch, v: 36, ease: ease.out("expo") }, { t: ch + 800, v: 0 }]);
-}
-
-export {
-  style_gradient_feature_demo_default
-};

package/dist/chunks/chunk-SGOB2ICO.js

@@ -1,33 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  winter_cosy_landing_default
-} from "./chunk-J5TIMX4T.js";
-import {
-  winter_cosy_link_preview_default
-} from "./chunk-HEG7XNMY.js";
-import {
-  winter_cosy_heads_down_post_default
-} from "./chunk-5BCZWZVC.js";
-import {
-  winter_cosy_hibernation_reel_default
-} from "./chunk-C7L2RLFQ.js";
-import {
-  winter_cosy_header_default
-} from "./chunk-A6X2EN4W.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/themes/winter-cosy.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [winter_cosy_hibernation_reel_default, winter_cosy_landing_default, winter_cosy_heads_down_post_default, winter_cosy_header_default, winter_cosy_link_preview_default];
-var winter_cosy_default = pack;
-
-export {
-  winter_cosy_default
-};

package/dist/chunks/chunk-SHWSH7BQ.js

@@ -1,108 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  checkbox,
-  confirms,
-  field,
-  formStyles,
-  select,
-  submit
-} from "./chunk-KKSAY7EB.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset
-} from "./chunk-4G7VHQUV.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.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-SIPOAXT6.js

@@ -1,53 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  slideshow
-} from "./chunk-QBDKREEU.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/slideshow/memorial.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var story = {
-  id: "motion-slideshow-memorial",
-  song: "keepsake",
-  meta: {
-    name: "In loving memory tribute",
-    description: "A gentle one-minute tribute for a memorial or celebration of life: an opening card with the name and the years, chapter cards, slow dissolves and dips to the shade cut on the beats of a hymn-like piano piece (made by PopCraft, CC0), long unhurried holds, and a closing card. Photos are CC0 flowers and candlelight from Wikimedia Commons; drop your own on any frame.",
-    tags: ["animation", "slideshow", "memorial", "tribute", "funeral", "celebration of life", "photo", "music", "scenes", "ken burns", "video"],
-    platforms: ["youtube", "facebook"],
-    formats: ["video", "post"],
-    useCases: ["event"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  brand: { paper: "#F4F1EC", onPaper: "#33363B", accent: "#8C9A8A", shade: "#15181B", onPhoto: "#FFFFFF", leak: "#F6D7A7" },
-  fields: { names: "Margaret Ellen Hayes", date: "1941 \u2013 2026" },
-  scenes: [
-    { kind: "title", name: "Opening", photo: "memorial-00", kicker: "In loving memory of", beats: 8, move: "up" },
-    { kind: "chapter", name: "Chapter 1", kicker: "She loved", title: "Her garden", beats: 4 },
-    { kind: "photo", name: "First to bloom", photo: "memorial-01", caption: "Every spring, the first to bloom", beats: 4, move: "right" },
-    { kind: "photo", name: "By name", photo: "memorial-05", layout: "matted", caption: "She knew every one by name", beats: 4, move: "in" },
-    { kind: "photo", name: "Gentle hands", photo: "memorial-03", caption: "Gentle hands", beats: 6, move: "in", anchor: [0.4, 0.5] },
-    { kind: "dip", name: "Dip 1", to: "shade", beats: 1 },
-    { kind: "chapter", name: "Chapter 2", kicker: "She taught us", title: "To look closer", beats: 4 },
-    { kind: "photo", name: "Wonder", photo: "memorial-07", caption: "Stillness, and then wonder", beats: 4, move: "left", focus: 0.62 },
-    { kind: "photo", name: "The coast", photo: "memorial-02", caption: "The coast path she walked each morning", beats: 6, move: "right" },
-    { kind: "photo", name: "Lantern", photo: "memorial-04", layout: "matted", caption: "A light for the way home", beats: 4, move: "up" },
-    { kind: "dip", name: "Dip 2", to: "shade", beats: 1 },
-    { kind: "photo", name: "With us", photo: "memorial-06", caption: "We carry you with us", beats: 6, move: "in" },
-    { kind: "photo", name: "Always", photo: "memorial-08", layout: "matted", caption: "Always", beats: 4, move: "in" },
-    { kind: "end", name: "Ending", kicker: "Forever in our hearts" }
-  ]
-};
-var memorial_default = slideshow(story);
-
-export {
-  story,
-  memorial_default
-};

package/dist/chunks/chunk-SJPP43HT.js

@@ -1,163 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  beat,
-  deck,
-  fitLido,
-  heatBrand,
-  lilo,
-  parasols,
-  pool
-} from "./chunk-GM6ZZCTH.js";
-import {
-  SONGS,
-  beatMs
-} from "./chunk-DD6LY75N.js";
-import {
-  MONO
-} from "./chunk-AXAAXHZF.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-KOAJ6HD2.js";
-import {
-  SONG_HASHES
-} from "./chunk-QYD2DX5P.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-4G7VHQUV.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.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
-};