@popcraft/kit 0.53.15 → 0.53.16

package/dist/chunks/chunk-3PRHM26R.js

@@ -0,0 +1,345 @@
+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 {
+  hz
+} from "./chunk-OBBNV6XI.js";
+import {
+  boxedPaths,
+  vectorAt
+} from "./chunk-T43CHLBH.js";
+import {
+  blurred,
+  halo
+} from "./chunk-4MEFPCMF.js";
+import {
+  pt3,
+  r3,
+  rng
+} from "./chunk-U2KTX33N.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-63KP74KB.js";
+
+// templates/src/themes/new-year-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function newYearBrand(k, fields = {}) {
+  k.brand(
+    { paper: "#06162E", text: "#FBF2DA", onPaper: "#B4C4DC", accent: "#E9C46A", onAccent: "#1B1303", primary: "#E9C46A", onPrimary: "#1B1303", card: "#0D2748", onCard: "#FBF2DA" },
+    { name: "Mainspring", site: "mainspring.example", year: "2027", lastYear: "2026", ...fields }
+  );
+  k.palette({
+    skyGlow: "#2C5E9E",
+    star: "#FBF2DA",
+    cityFar: "#143661",
+    cityMid: "#0B2444",
+    cityNear: "#040E1E",
+    window: "#FFD98A",
+    windowDim: "#35598A",
+    steel: "#6C8BB8",
+    board: "#071932",
+    boardEdge: "#24497C",
+    bulb: "#FFE9A8",
+    gold: "#E9C46A",
+    goldDeep: "#A8771F",
+    goldPale: "#FFF4CF",
+    champagne: "#FBF2DA",
+    signInk: "#A9BEDD",
+    rose: "#F2A592",
+    ice: "#9CCBF2"
+  });
+}
+var place = (p) => ({ x: p.x, y: p.y, width: p.w, height: p.h, paths: p.paths });
+var ROWS = [
+  { name: "City far", role: "cityFar", lift: 250, vary: 90, minW: 46, maxW: 104, seed: 11, win: "window", winOpacity: 0.5, lit: 0.3 },
+  { name: "City mid", role: "cityMid", lift: 120, vary: 70, minW: 70, maxW: 150, seed: 23, win: "window", winOpacity: 0.85, lit: 0.2 },
+  { name: "City near", role: "cityNear", lift: 0, vary: 44, minW: 110, maxW: 230, seed: 37, win: "windowDim", winOpacity: 0.75, lit: 0.26 }
+];
+function cityRow(c, i) {
+  const row = ROWS[i], u = c.u, rand = rng(row.seed), f = c.rise ?? 1;
+  const top = c.horizon - row.lift * u * f;
+  const hide = i < 2 ? c.horizon - ROWS[i + 1].lift * u * f + ROWS[i + 1].vary * u * f * 0.6 + 30 * u : Math.min(c.h, top + 520 * u);
+  const outline = [{ x: 0, y: c.h }];
+  const windows = [];
+  for (let x = -rand() * 60 * u; x < c.w; ) {
+    const bw = (row.minW + rand() * (row.maxW - row.minW)) * u;
+    const roof = top + (rand() - 0.5) * 2 * row.vary * u * f;
+    const x0 = Math.max(0, x), x1 = Math.min(c.w, x + bw), kind = rand();
+    if (x1 > x0) {
+      outline.push({ x: x0, y: roof });
+      if (kind < 0.24 && bw > 60 * u) {
+        const inset = bw * 0.22, rise = (20 + rand() * 30) * u * f, mid = x + bw / 2;
+        outline.push({ x: x + inset, y: roof }, { x: x + inset, y: roof - rise }, { x: mid - 2 * u, y: roof - rise }, { x: mid - 2 * u, y: roof - rise - 56 * u * f }, { x: mid + 2 * u, y: roof - rise - 56 * u * f }, { x: mid + 2 * u, y: roof - rise }, { x: x + bw - inset, y: roof - rise }, { x: x + bw - inset, y: roof });
+      } else if (kind < 0.42 && bw > 50 * u) {
+        const tx = x + bw * 0.2, tw = Math.min(34 * u, bw * 0.4), th = 26 * u, leg = 12 * u;
+        outline.push({ x: tx, y: roof }, { x: tx, y: roof - leg }, { x: tx - 3 * u, y: roof - leg }, { x: tx - 3 * u, y: roof - leg - th }, { x: tx + tw / 2, y: roof - leg - th - 12 * u }, { x: tx + tw + 3 * u, y: roof - leg - th }, { x: tx + tw + 3 * u, y: roof - leg }, { x: tx + tw, y: roof - leg }, { x: tx + tw, y: roof });
+      } else if (kind < 0.54) {
+        outline.push({ x: x + bw / 2, y: roof - 30 * u });
+      }
+      outline.push({ x: x1, y: roof });
+      const cw = 20 * u, ch = 26 * u, ww = 9 * u, wh = 13 * u;
+      const cols = Math.floor((bw - 14 * u) / cw), off = (bw - cols * cw) / 2 + (cw - ww) / 2;
+      for (let col = 0; col < cols; col++) for (let wy = roof + 16 * u; wy + wh < hide; wy += ch) {
+        const wx = x + off + col * cw;
+        if (rand() < row.lit && wx >= 0 && wx + ww <= c.w) windows.push({ closed: true, points: [{ x: wx, y: wy }, { x: wx + ww, y: wy }, { x: wx + ww, y: wy + wh }, { x: wx, y: wy + wh }] });
+      }
+    }
+    x += bw + (rand() < 0.2 ? 8 * u : 0);
+  }
+  outline.push({ x: c.w, y: c.h });
+  return { roofs: boxedPaths(row.name, [{ closed: true, points: outline.map((p) => ({ x: Math.min(c.w, Math.max(0, p.x)), y: p.y })) }]), windows: boxedPaths(`${row.name} windows`, windows) };
+}
+var STARS = 44;
+function stars(c) {
+  const rand = rng(211);
+  const floor = c.horizon - 330 * c.u * (c.rise ?? 1);
+  return Array.from({ length: STARS }, () => {
+    const x = rand() * c.w, y = c.starsTop + rand() * Math.max(30 * c.u, floor - c.starsTop), big = rand();
+    return { x: r3(x), y: r3(y), size: Math.max(2, Math.round((2 + big * big * 6) * c.u)), opacity: r3(0.3 + 0.6 * rand()) };
+  });
+}
+var glowBox = (c) => ({ x: 0, y: r3(c.horizon - 900 * c.u), width: c.w, height: r3(900 * c.u) });
+function nightCity(k, parent, c, o = {}) {
+  stars(c).forEach((s, i) => {
+    const id = k.ellipse(parent, s.size, "star", { name: "Star", opacity: s.opacity, absolute: { x: s.x, y: s.y } });
+    if (!o.still && i % 4 === 0) k.behave(id, "opacity", [{ kind: "sine", amp: 0.3, freq: hz(2 + i % 3, c.loopMs), phase: i % 7 / 7 }]);
+  });
+  const g = glowBox(c);
+  k.rect(parent, g.width, g.height, [k.gradient({ from: "skyGlow", to: "skyGlow", angle: 90, fromOpacity: 0, toOpacity: 0.62 })], { name: "Horizon glow", absolute: { x: g.x, y: g.y } });
+  ROWS.forEach((row, i) => {
+    const { roofs, windows } = cityRow(c, i);
+    vectorAt(k, parent, roofs, row.role);
+    vectorAt(k, parent, windows, row.win, { opacity: row.winOpacity });
+  });
+}
+function fitCity(k, root, c) {
+  stars(c).forEach((s, i) => {
+    const id = k.named(root, "Star")[i];
+    if (id) k.patch(id, { x: s.x, y: s.y, width: s.size, height: s.size });
+  });
+  for (const id of k.named(root, "Horizon glow")) k.patch(id, glowBox(c));
+  ROWS.forEach((row, i) => {
+    const { roofs, windows } = cityRow(c, i);
+    for (const id of k.named(root, roofs.name)) k.patch(id, place(roofs));
+    for (const id of k.named(root, windows.name)) k.patch(id, place(windows));
+  });
+}
+var CONFETTI = ["gold", "goldPale", "gold", "champagne", "rose", "gold", "ice", "goldPale"];
+function pieces(o) {
+  const rand = rng(o.seed ?? 5);
+  return Array.from({ length: o.n }, (_, i) => {
+    const kind = rand(), near = rand();
+    const s = (0.6 + near * 0.9) * o.u;
+    const w = kind < 0.2 ? 9 * s : kind < 0.75 ? (14 + rand() * 12) * s : (30 + rand() * 26) * s;
+    const h = kind < 0.2 ? 9 * s : kind < 0.75 ? (8 + rand() * 5) * s : 5 * s;
+    return { x: r3(rand() * o.w), y: r3(rand() * o.h), w: r3(w), h: r3(h), round: kind < 0.2, role: CONFETTI[i % CONFETTI.length], angle: Math.round(rand() * 180), opacity: r3(0.55 + near * 0.45), near, sway: rand(), turn: rand() };
+  });
+}
+function confetti(k, parent, o) {
+  const id = k.frame(parent, { x: 0, y: 0, width: o.w, height: o.h }, { name: o.name ?? "Confetti" });
+  const margin = 40 * o.u, period = o.h + 2 * margin;
+  for (const p of pieces(o)) {
+    const piece = k.rect(id, p.w, p.h, p.role, { name: "Confetti piece", radius: p.round ? 999 : r3(1.5 * o.u), opacity: p.opacity, absolute: { x: p.x, y: p.y } });
+    k.patch(piece, { rotation: p.angle });
+    if (o.still || !o.loopMs) continue;
+    const secs = o.loopMs / 1e3, falls = Math.max(1, Math.round(secs * (150 + 240 * p.near) * o.u / period));
+    k.behave(piece, "translateY", [{ kind: "spin", rate: r3(falls * period / secs) }, { kind: "mod", period: r3(period), offset: r3(-p.y - margin) }]);
+    k.behave(piece, "translateX", [{ kind: "sine", amp: r3((14 + 30 * p.sway) * o.u), freq: hz(1 + Math.round(p.sway * 3), o.loopMs), phase: r3(p.turn) }]);
+    if (!p.round) k.behave(piece, "rotation", [{ kind: "spin", rate: r3((p.turn < 0.5 ? -1 : 1) * 180 * (1 + Math.round(p.turn * 5)) / secs) }]);
+  }
+  return id;
+}
+function fitConfetti(k, root, o) {
+  for (const id of k.named(root, o.name ?? "Confetti")) {
+    k.patch(id, { x: 0, y: 0, width: o.w, height: o.h });
+    const all = pieces(o);
+    k.named(id, "Confetti piece").forEach((piece, i) => {
+      const p = all[i];
+      if (p) k.patch(piece, { x: p.x, y: p.y, width: p.w, height: p.h });
+    });
+  }
+}
+function burst(k, parent, o) {
+  const u = o.u ?? 1, n = o.rays ?? 16, R = o.r;
+  const rays = [], sparks = [];
+  for (let i = 0; i < n; i++) {
+    const a = Math.PI * 2 * i / n, long = i % 2 === 0;
+    const from = R * (long ? 0.3 : 0.42), to = R * (long ? 0.82 : 0.62), tip = R * (long ? 0.97 : 0.76);
+    rays.push({ closed: false, points: [pt3(R + from * Math.cos(a), R + from * Math.sin(a)), pt3(R + to * Math.cos(a), R + to * Math.sin(a))] });
+    sparks.push({ closed: false, points: [pt3(R + tip * Math.cos(a), R + tip * Math.sin(a)), pt3(R + (tip + 0.5) * Math.cos(a), R + (tip + 0.5) * Math.sin(a))] });
+  }
+  const id = k.frame(parent, { x: r3(o.cx - R), y: r3(o.cy - R), width: 2 * R, height: 2 * R }, { name: o.name ?? "Burst", ...o.opacity !== void 0 ? { opacity: o.opacity } : {} });
+  k.vector(id, 2 * R, 2 * R, rays, o.role ?? "gold", { name: "Burst rays", strokeWidth: r3(Math.max(1.5, 3.5 * u)), absolute: { x: 0, y: 0 } });
+  k.vector(id, 2 * R, 2 * R, sparks, "goldPale", { name: "Burst sparks", strokeWidth: r3(Math.max(3, 9 * u)), absolute: { x: 0, y: 0 } });
+  return id;
+}
+var towerHeight = (t) => t.boards.length * (t.boardH + t.gap) + t.signH;
+var boardMid = (t, i) => i < t.boards.length ? i * (t.boardH + t.gap) + t.boardH / 2 : t.boards.length * (t.boardH + t.gap) + t.signH / 2;
+var ballTravel = (t) => boardMid(t, t.boards.length) - boardMid(t, 0);
+var ballPasses = (t, i) => (boardMid(t, i) - boardMid(t, 0)) / ballTravel(t);
+function bulbPaths(o, phase) {
+  const n = Math.max(2, Math.floor(o.w / o.step)), gapX = (o.w - o.d) / (n - 1);
+  const oct = (cx) => ({ closed: true, points: Array.from({ length: 8 }, (_, j) => {
+    const a = Math.PI * 2 * (j + 0.5) / 8;
+    return pt3(cx + o.d / 2 * Math.cos(a), o.d / 2 + o.d / 2 * Math.sin(a));
+  }) });
+  return Array.from({ length: n }, (_, i) => i).filter((i) => i % 2 === phase).map((i) => oct(o.d / 2 + i * gapX));
+}
+function bulbs(k, parent, o) {
+  for (const phase of [0, 1]) {
+    const paths = bulbPaths(o, phase);
+    const id = k.vector(parent, o.w, o.d, paths, "bulb", { name: phase ? "Bulbs off-beat" : "Bulbs on-beat", absolute: { x: o.x, y: o.y }, opacity: phase ? 0.55 : 1, effects: [halo(k, "gold", 0.9, 8 * o.u, 1 * o.u)] });
+    if (o.loopMs) k.behave(id, "opacity", [{ kind: "sine", amp: 0.4, freq: hz(o.cycles ?? 6, o.loopMs), phase: phase / 2 }, { kind: "clamp", min: 0.15, max: 1 }]);
+  }
+}
+function ball(k, parent, o) {
+  const d = o.size, R = d / 2, u = o.u, g = o.glow ?? 1;
+  const id = k.frame(parent, { x: o.absolute.x, y: o.absolute.y, width: d, height: d }, { name: "Ball" });
+  const halo2 = d * (1 + 1.1 * g);
+  k.ellipse(id, r3(halo2), k.tint("gold", 0.17), { name: "Ball halo", absolute: { x: r3((d - halo2) / 2), y: r3((d - halo2) / 2) }, effects: [blurred(d * 0.3 * g)] });
+  const rr = d * 0.98, rays = [];
+  for (let i = 0; i < 16; i++) {
+    const a = Math.PI * 2 * i / 16, from = R * 1.16, to = R * (i % 2 ? 1.16 + 0.26 * g : 1.16 + 0.62 * g);
+    rays.push({ closed: false, points: [pt3(rr + from * Math.cos(a), rr + from * Math.sin(a)), pt3(rr + to * Math.cos(a), rr + to * Math.sin(a))] });
+  }
+  const rayId = k.vector(id, 2 * rr, 2 * rr, rays, "goldPale", { name: "Ball rays", strokeWidth: r3(Math.max(1.5, 3 * u)), opacity: 0.75, absolute: { x: r3(R - rr), y: r3(R - rr) } });
+  if (o.loopMs) k.behave(rayId, "rotation", [{ kind: "spin", rate: r3(45 * Math.max(1, Math.round(o.loopMs / 6e3)) * 1e3 / o.loopMs) }]);
+  k.ellipse(id, d, "gold", { name: "Ball sphere", absolute: { x: 0, y: 0 }, effects: [halo(k, "gold", 0.85, d * 0.3, d * 0.03)] });
+  const rand = rng(77), bands = 8, cuts = 12;
+  const light = [], shade = [], spark = [];
+  const at = (lat, lon) => ({ x: R + R * Math.cos(lat) * Math.sin(lon), y: R - R * Math.sin(lat) });
+  for (let i = 0; i < bands; i++) for (let j = 0; j < cuts; j++) {
+    const la = -Math.PI / 2 + Math.PI * i / bands, lb = la + Math.PI / bands;
+    const lc = -Math.PI / 2 + Math.PI * j / cuts, ld = lc + Math.PI / cuts;
+    const quad = [at(la, lc), at(la, ld), at(lb, ld), at(lb, lc)];
+    const tris = (i + j) % 2 ? [[quad[0], quad[1], quad[2]], [quad[0], quad[2], quad[3]]] : [[quad[0], quad[1], quad[3]], [quad[1], quad[2], quad[3]]];
+    for (const tri of tris) {
+      const cx = (tri[0].x + tri[1].x + tri[2].x) / 3, cy = (tri[0].y + tri[1].y + tri[2].y) / 3;
+      const area = Math.abs((tri[1].x - tri[0].x) * (tri[2].y - tri[0].y) - (tri[2].x - tri[0].x) * (tri[1].y - tri[0].y)) / 2;
+      if (area < d * d * 4e-4) continue;
+      const nx = (cx - R) / R, ny = (R - cy) / R, nz = Math.sqrt(Math.max(0, 1 - nx * nx - ny * ny));
+      const lit = nx * -0.48 + ny * 0.6 + nz * 0.64 + (rand() - 0.5) * 0.55;
+      const path = { closed: true, points: tri.map((p) => pt3(cx + (p.x - cx) * 0.9, cy + (p.y - cy) * 0.9)) };
+      if (lit > 0.92) spark.push(path);
+      else if (lit > 0.6) light.push(path);
+      else if (lit < 0.2) shade.push(path);
+    }
+  }
+  k.vector(id, d, d, shade, "goldDeep", { name: "Ball shade", absolute: { x: 0, y: 0 }, opacity: 0.9 });
+  k.vector(id, d, d, light, "goldPale", { name: "Ball light", absolute: { x: 0, y: 0 }, opacity: 0.8 });
+  k.vector(id, d, d, spark, "champagne", { name: "Ball sparkle", absolute: { x: 0, y: 0 } });
+  const flare = (size, x, y, phase) => {
+    const s = size, f = k.vector(id, s, s, [{ closed: true, points: [pt3(s / 2, 0), pt3(s * 0.58, s * 0.42), pt3(s, s / 2), pt3(s * 0.58, s * 0.58), pt3(s / 2, s), pt3(s * 0.42, s * 0.58), pt3(0, s / 2), pt3(s * 0.42, s * 0.42)] }], "champagne", { name: "Ball flare", absolute: { x: r3(x - s / 2), y: r3(y - s / 2) }, effects: [halo(k, "goldPale", 0.9, s * 0.3)] });
+    if (o.loopMs) for (const axis of ["scaleX", "scaleY"]) k.behave(f, axis, [{ kind: "sine", amp: 0.35, freq: hz(Math.max(2, Math.round(o.loopMs / 1500)), o.loopMs), phase }]);
+  };
+  flare(d * 0.42, d * 0.3, d * 0.27, 0);
+  flare(d * 0.2, d * 0.74, d * 0.62, 0.4);
+  return id;
+}
+function mast(k, parent, o) {
+  const u = o.u, mw = 34 * u, len = o.bottom - o.top, rail = [];
+  rail.push({ closed: false, points: [pt3(0, 0), pt3(0, len)] }, { closed: false, points: [pt3(mw, 0), pt3(mw, len)] });
+  for (let y = 0, i = 0; y < len - 1; y += 38 * u, i++) {
+    const y2 = Math.min(len, y + 38 * u);
+    rail.push({ closed: false, points: i % 2 ? [pt3(mw, y), pt3(0, y2)] : [pt3(0, y), pt3(mw, y2)] }, { closed: false, points: [pt3(0, y), pt3(mw, y)] });
+  }
+  rail.push({ closed: false, points: [pt3(mw / 2, 0), pt3(mw / 2, -22 * u)] });
+  k.vector(parent, mw, len, rail, "steel", { name: "Mast", strokeWidth: r3(Math.max(1.5, 3 * u)), opacity: 0.9, absolute: { x: r3(o.cx - mw / 2), y: r3(o.top) } });
+  k.ellipse(parent, r3(14 * u), "window", { name: "Mast lamp", absolute: { x: r3(o.cx - 7 * u), y: r3(o.top - 34 * u) }, effects: [halo(k, "window", 0.9, 18 * u, 2 * u)] });
+}
+function tower(k, parent, t, o = {}) {
+  const u = t.u, H = towerHeight(t), bx = r3(t.ball + 22 * u), bw = r3(t.w - bx);
+  const id = k.stack(parent, { width: t.w, height: H, name: o.name ?? "Tower", ...o.absolute ? { absolute: o.absolute } : {} });
+  mast(k, id, { cx: t.ball / 2, top: -(t.mastRise ?? 10) * u, bottom: H, u });
+  const shadow = { type: "DROP_SHADOW", color: { r: 0, g: 0.02, b: 0.06, a: 0.55 }, offset: { x: 0, y: r3(10 * u) }, blur: r3(28 * u), spread: 0, visible: true };
+  t.boards.forEach((b, i) => {
+    const y = r3(i * (t.boardH + t.gap));
+    const row = k.stack(id, { direction: "HORIZONTAL", width: bw, height: t.boardH, fill: "board", radius: r3(12 * u), stroke: { color: "boardEdge", width: r3(Math.max(1, 2 * u)) }, align: "CENTER", gap: r3(18 * u), padding: { top: 0, right: r3(22 * u), bottom: 0, left: r3(26 * u) }, name: `${b.name} board`, absolute: { x: bx, y }, effects: [shadow] });
+    bulbs(k, row, { w: r3(bw - 28 * u), x: r3(14 * u), y: r3(7 * u), d: r3(6 * u), step: 17 * u, u, loopMs: t.loopMs, cycles: t.loopMs ? Math.max(2, Math.round(t.loopMs / 900)) : 0 });
+    bulbs(k, row, { w: r3(bw - 28 * u), x: r3(14 * u), y: r3(t.boardH - 13 * u), d: r3(6 * u), step: 17 * u, u, loopMs: t.loopMs, cycles: t.loopMs ? Math.max(2, Math.round(t.loopMs / 900)) : 0 });
+    const fig = k.stack(row, { direction: "HORIZONTAL", width: t.figW, name: "Figure box" });
+    k.text(fig, b.figure, { style: t.styles.figure, color: "gold", autoWidth: true, name: `${b.name} figure` });
+    k.text(row, b.label, { style: t.styles.label, color: "champagne", align: "RIGHT", name: `${b.name} label` });
+  });
+  const sy = r3(t.boards.length * (t.boardH + t.gap));
+  const sign = k.stack(id, { direction: "HORIZONTAL", width: bw, height: t.signH, fill: "board", radius: r3(16 * u), stroke: { color: "gold", width: r3(Math.max(1.5, 3 * u)) }, align: "CENTER", justify: "SPACE_BETWEEN", padding: { top: 0, right: r3(30 * u), bottom: 0, left: r3(28 * u) }, name: "Year sign", absolute: { x: bx, y: sy }, effects: [shadow, halo(k, "gold", 0.35, 30 * u)] });
+  bulbs(k, sign, { w: r3(bw - 32 * u), x: r3(16 * u), y: r3(9 * u), d: r3(8 * u), step: 20 * u, u, loopMs: t.loopMs, cycles: t.loopMs ? Math.max(2, Math.round(t.loopMs / 600)) : 0 });
+  bulbs(k, sign, { w: r3(bw - 32 * u), x: r3(16 * u), y: r3(t.signH - 17 * u), d: r3(8 * u), step: 20 * u, u, loopMs: t.loopMs, cycles: t.loopMs ? Math.max(2, Math.round(t.loopMs / 600)) : 0 });
+  const old = k.stack(sign, { width: "HUG", gap: r3(2 * u), name: "Old year" });
+  k.text(old, t.signLabel ?? "So long,", { style: t.styles.signLabel, color: "signInk", autoWidth: true, name: "Sign label" });
+  const struck = k.stack(old, { width: "HUG", name: "Last year box" });
+  const last = k.text(struck, "{{brand.lastYear}}", { style: t.styles.lastYear, color: "signInk", autoWidth: true, name: "Last year" });
+  k.finish();
+  const ln = k.node(last);
+  k.rect(struck, r3(ln.width + 16 * u), r3(Math.max(2, 5 * u)), "rose", { name: "Strike", radius: 99, absolute: { x: r3(-8 * u), y: r3(ln.height * 0.54) } });
+  k.text(sign, "{{brand.year}}", { style: t.styles.year, color: "gold", autoWidth: true, name: "Year" });
+  ball(k, id, { size: t.ball, u, absolute: { x: 0, y: r3(boardMid(t, t.boards.length) - t.ball / 2) }, loopMs: t.loopMs, glow: t.glow });
+  return id;
+}
+function tickBox(k, parent, o) {
+  const s = o.size, u = o.u ?? 1;
+  const id = k.stack(parent, { width: s, height: s, radius: r3(s * 0.2), fill: "board", stroke: { color: "boardEdge", width: r3(Math.max(1.5, 2.5 * u)) }, name: o.name ?? "Tick box" });
+  k.vector(id, r3(s * 0.74), r3(s * 0.62), [{ closed: false, points: [pt3(0, s * 0.3), pt3(s * 0.26, s * 0.56), pt3(s * 0.72, 0)] }], "gold", { name: "Tick", strokeWidth: r3(Math.max(3, s * 0.16)), absolute: { x: r3(s * 0.2), y: r3(s * 0.14) }, effects: [halo(k, "gold", 0.6, s * 0.3)] });
+  return id;
+}
+function bulbRow(k, parent, o) {
+  bulbs(k, parent, { w: o.w, x: o.x, y: o.y, d: r3((o.big ? 8 : 6) * o.u), step: (o.big ? 20 : 17) * o.u, u: o.u, loopMs: o.loopMs, cycles: o.loopMs ? Math.max(2, Math.round(o.loopMs / 800)) : 0 });
+}
+function loneBall(k, parent, o) {
+  return ball(k, parent, o);
+}
+function fitBulbRow(k, parent, row, o) {
+  const d = r3((o.big ? 8 : 6) * o.u), step = (o.big ? 20 : 17) * o.u;
+  const own = (name) => k.node(parent).childIds.filter((id) => k.node(id).name === name);
+  [own("Bulbs on-beat")[row], own("Bulbs off-beat")[row]].forEach((id, phase) => {
+    if (id) k.patch(id, { x: o.x, y: o.y, width: o.w, height: d, paths: bulbPaths({ w: o.w, d, step }, phase) });
+  });
+}
+function clearConfetti(k, root, names, o = {}) {
+  k.finish();
+  const pad = o.pad ?? 26;
+  for (const id of k.named(root, o.name ?? "Confetti")) {
+    const frame = k.node(id), host = frame.parentId;
+    const boxes = names.flatMap((n) => k.named(root, n)).filter((n) => k.node(n).visible !== false).map((n) => {
+      let x = 0, y = 0;
+      for (let p = k.node(n); p && p.id !== host; p = k.node(p.parentId ?? "")) {
+        x += p.x;
+        y += p.y;
+      }
+      const b = k.node(n);
+      return { x0: x - frame.x - pad, y0: y - frame.y - pad, x1: x - frame.x + b.width + pad, y1: y - frame.y + b.height + pad };
+    });
+    const rand = rng(o.seed ?? 41);
+    for (const piece of k.named(id, "Confetti piece")) {
+      const p = k.node(piece), r = Math.max(p.width, p.height);
+      const hit = (x2) => boxes.some((b) => x2 + r > b.x0 && x2 - r < b.x1 && p.y + r > b.y0 && p.y - r < b.y1);
+      if (!hit(p.x)) continue;
+      let x = p.x;
+      for (let i = 0; i < 60 && hit(x); i++) x = r3(rand() * frame.width);
+      k.patch(piece, { x: hit(x) ? r3(-4 * r) : x });
+    }
+  }
+}
+
+export {
+  newYearBrand,
+  nightCity,
+  fitCity,
+  confetti,
+  fitConfetti,
+  burst,
+  towerHeight,
+  boardMid,
+  ballTravel,
+  ballPasses,
+  mast,
+  tower,
+  tickBox,
+  bulbRow,
+  loneBall,
+  fitBulbRow,
+  clearConfetti
+};

package/dist/chunks/chunk-3QD7K3JM.js

@@ -0,0 +1,23 @@
+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 {
+  FAMILY
+} from "./chunk-4QDJJDHC.js";
+import {
+  emailHeader
+} from "./chunk-H7MBJIYF.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-63KP74KB.js";
+
+// templates/src/email/festival-presale-family-header.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var festival_presale_family_header_default = emailHeader(FAMILY, { top: 0.3, foot: 0.34, dx: 160 });
+
+export {
+  festival_presale_family_header_default
+};

package/dist/chunks/chunk-3RJDFQQP.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-E7TA46ZA.js";
+import {
+  SONGS,
+  beatMs
+} from "./chunk-GTC66JQN.js";
+import {
+  MONO
+} from "./chunk-MPRWXHPJ.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-FYXK7W3C.js";
+import {
+  SONG_HASHES
+} from "./chunk-ALABZX54.js";
+import {
+  defineTemplate
+} from "./chunk-PSRXSY3J.js";
+import {
+  Kit,
+  preset,
+  swapTimes
+} from "./chunk-YN7EORVO.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-63KP74KB.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
+};