@popcraft/kit 0.29.0 → 0.31.0

package/dist/chunks/chunk-WQTIZDXH.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-WV6ZTKE7.js";
+import {
+  boxedPaths,
+  vectorAt
+} from "./chunk-YHBAWSDX.js";
+import {
+  blurred,
+  halo
+} from "./chunk-M6VTXO6F.js";
+import {
+  pt3,
+  r3,
+  rng
+} from "./chunk-6RCDZU4R.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.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-WQVTBBXL.js

@@ -0,0 +1,251 @@
+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,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/cards/shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SIDE = 480;
+var CARD_MS = 4e3;
+var CARD_FPS = 30;
+var CREATED = "2026-10-04";
+var hz = (cycles) => cycles * 1e3 / CARD_MS;
+var hex = (h) => {
+  const n = parseInt(h.slice(1), 16);
+  return [n >> 16 & 255, n >> 8 & 255, n & 255];
+};
+var lum = (h) => {
+  const [r, g, b] = hex(h).map((v) => {
+    const c = v / 255;
+    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+};
+var contrast = (a, b) => {
+  const x = lum(a), y = lum(b);
+  return (Math.max(x, y) + 0.05) / (Math.min(x, y) + 0.05);
+};
+function mix(h, to, t) {
+  const a = hex(h), b = hex(to);
+  return "#" + a.map((v, i) => Math.round(v + (b[i] - v) * t).toString(16).padStart(2, "0")).join("").toUpperCase();
+}
+function deepen(h) {
+  for (let t = 0; t <= 1; t += 0.05) {
+    const c = mix(h, "#000000", t);
+    if (contrast(c, "#FFFFFF") >= 4.6) return c;
+  }
+  return "#000000";
+}
+var inkOn = (bg, dark = "#16131F", light = "#FFFFFF") => contrast(bg, dark) >= contrast(bg, light) ? dark : light;
+var INTER = (weight, o = {}) => ({ weight, em: weight >= 800 ? 0.6 : 0.56, lead: 1.04, max: 92, ...o });
+var SERIF_ITALIC = (o = {}) => ({ family: SERIF.fontFamily, weight: 600, italic: true, em: 0.47, lead: 1.08, max: 84, ...o });
+var SERIF_BOLD = (o = {}) => ({ family: SERIF.fontFamily, weight: 800, em: 0.54, lead: 1.06, max: 84, ...o });
+var MONO_BOLD = (o = {}) => ({ family: MONO.fontFamily, weight: 800, upper: true, em: 0.62, lead: 1.15, max: 56, ...o });
+function fitSize(words, t, w, h) {
+  const em = t.em * (t.upper ? 1.14 : 1) + (t.track ?? 0) / 100;
+  const longest = Math.max(...words.split(/\s+/).map((s) => s.length));
+  const lines = (size2) => {
+    let n = 1, at = 0;
+    for (const word of words.split(/\s+/)) {
+      const len = word.length * em * size2, space = em * size2;
+      if (at > 0 && at + space + len > w) {
+        n++;
+        at = len;
+      } else at += (at > 0 ? space : 0) + len;
+    }
+    return n + (words.match(/\n/g)?.length ?? 0);
+  };
+  let size = Math.min(t.max, Math.floor(w * 0.94 / (longest * em)));
+  while (size > (t.min ?? 22) && lines(size) * size * t.lead > h) size -= 2;
+  return size - size % 2;
+}
+function bob(k, id, amp, cycles = 1, phase = 0) {
+  k.behave(id, "translateY", [{ kind: "sine", amp, freq: hz(cycles), phase }]);
+}
+function drift(k, id, amp, cycles = 1, phase = 0) {
+  k.behave(id, "translateX", [{ kind: "sine", amp, freq: hz(cycles), phase }]);
+}
+function sway(k, id, deg, cycles = 1, phase = 0) {
+  k.behave(id, "rotation", [{ kind: "sine", amp: deg, freq: hz(cycles), phase }]);
+}
+function spin(k, id, turns) {
+  k.behave(id, "rotation", [{ kind: "spin", rate: turns * 360 * 1e3 / CARD_MS }]);
+}
+function breathe(k, id, amp, cycles = 1, phase = 0) {
+  for (const axis of ["scaleX", "scaleY"]) k.behave(id, axis, [{ kind: "sine", amp, freq: hz(cycles), phase }]);
+}
+function squash(k, id, amp, cycles = 2, phase = 0) {
+  k.patch(id, { anchorY: 1 });
+  k.behave(id, "scaleY", [{ kind: "sine", amp, freq: hz(cycles), phase }]);
+  k.behave(id, "scaleX", [{ kind: "sine", amp: -amp * 0.8, freq: hz(cycles), phase }]);
+}
+function twinkle(k, id, base, amp, cycles = 2, phase = 0) {
+  k.patch(id, { opacity: base });
+  k.behave(id, "opacity", [{ kind: "sine", amp, freq: hz(cycles), phase }]);
+}
+function travel(k, id, period, laps = 1, axis = "translateY") {
+  k.behave(id, axis, [{ kind: "spin", rate: laps * period * 1e3 / CARD_MS }, { kind: "mod", period, offset: laps > 0 ? -period / 2 : -period / 2 }]);
+}
+function drawOnOff(k, id, at, dur, off = CARD_MS - 500) {
+  k.animate(id, "trim.end", [{ t: at, v: 0, ease: ease.inOut("cubic") }, { t: at + dur, v: 1 }, { t: off, v: 1, ease: ease.inOut("cubic") }, { t: off + 400, v: 0 }]);
+}
+var slugOf = (s) => s.toLowerCase().replace(/[’']/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+var hash = (s) => {
+  let h = 2166136261;
+  for (const ch of s) {
+    h ^= ch.charCodeAt(0);
+    h = Math.imul(h, 16777619);
+  }
+  return h >>> 0;
+};
+var SHELF_TAGS = {
+  birthday: ["birthday", "celebration"],
+  holiday: ["holiday", "seasonal"],
+  faith: ["holiday", "religious", "cultural"],
+  love: ["love", "romance"],
+  milestone: ["congratulations", "milestone"],
+  support: ["support", "sympathy", "get well"],
+  everyday: ["everyday", "reaction"],
+  season: ["seasonal", "weather"],
+  sports: ["sports", "game day"],
+  work: ["work", "office"]
+};
+function cardSource(occ, line, theme, n, named) {
+  const id = `card-${occ.slug}-${theme.id}${n > 1 ? `-${n}` : ""}`;
+  const words = line.text;
+  const name = named ?? `${words.replace(/\n/g, " ")} (${theme.label.toLowerCase()} GIF)`;
+  const cues = theme.cues(line);
+  const seed = hash(id);
+  return defineTemplate({
+    id,
+    meta: {
+      name,
+      description: `${occ.title}: \u201C${words.replace(/\n/g, " ")}\u201D${line.note ? ` \u2014 ${line.note}` : ""}. A four-second looping GIF to send by text: ${theme.blurb}. 480 \xD7 480, small enough for any messaging app; change the words and the colours are the occasion\u2019s own.`,
+      category: "text-gif",
+      tags: [.../* @__PURE__ */ new Set(["gif", "text message", "greeting", "ecard", "card", "animated", ...SHELF_TAGS[occ.shelf] ?? [], occ.title.toLowerCase(), ...occ.tags, theme.label.toLowerCase(), ...line.tone ? [line.tone] : [], ...line.to ? [line.to, `for ${line.to}`] : [], slugOf(words).replace(/-/g, " ")])],
+      platforms: ["messages"],
+      formats: ["gif", "card"],
+      useCases: ["greeting"],
+      created: CREATED,
+      updated: CREATED
+    },
+    stableNumbers: true,
+    motion: { cues, loop: true },
+    build() {
+      const band = theme.band;
+      const w = SIDE - band.left - band.right, gap = band.gap ?? 14;
+      const noteH = line.note ? Math.ceil(theme.note.size * theme.note.lead * 2) + gap : 0;
+      let size = fitSize(words, theme.type, w, SIDE - band.top - band.bottom - noteH);
+      for (; ; ) {
+        const made = make(size);
+        if (made.fits || size <= 20) {
+          if (!made.fits) throw new Error(`${id}: the words do not fit their band at any size`);
+          return made.doc;
+        }
+        size -= 2;
+      }
+    }
+  });
+  function make(size) {
+    const k = new Kit(name, preset("text-gif"));
+    k.quantizeGeometry = true;
+    const { paper, text } = theme.paper(occ.colors);
+    const [a, b, c] = occ.colors;
+    const caps = (str, on) => on ? str.toUpperCase() : str;
+    k.brand({ paper, text }, { message: caps(words, theme.type.upper), ...line.note ? { note: caps(line.note, theme.note.upper) } : {} });
+    k.palette({ a, b, c, ink: theme.ink?.(occ.colors) ?? "#16131F", ...theme.scenery?.(occ.colors) ?? {} });
+    const band = theme.band, gap = band.gap ?? 14;
+    const t = theme.type;
+    k.textStyle("Message", { size, fontWeight: t.weight, lineHeight: Math.round(size * t.lead), letterSpacing: (t.track ?? 0) * size / 100, textAlign: "CENTER", ...t.family ? { fontFamily: t.family } : {}, ...t.italic ? { fontStyle: "italic" } : {} });
+    const nt = theme.note;
+    if (line.note) k.textStyle("Note", { size: nt.size, fontWeight: nt.weight, lineHeight: Math.round(nt.size * nt.lead), letterSpacing: (nt.track ?? 0) * nt.size / 100, textAlign: "CENTER", ...nt.family ? { fontFamily: nt.family } : {}, ...nt.italic ? { fontStyle: "italic" } : {} });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, gap, { top: band.top, right: band.right, bottom: band.bottom, left: band.left }, "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: CARD_MS, fps: CARD_FPS });
+    const ctx = { k, sheet, occ, line, seed, roles: { a: "a", b: "b", c: "c", ink: "ink" } };
+    theme.draw(ctx);
+    const fx = theme.wordsFx?.(ctx);
+    k.text(sheet, "{{brand.message}}", { style: "Message", color: "text", align: "CENTER", name: "Message", ...fx ? { effects: fx } : {} });
+    if (line.note) k.text(sheet, "{{brand.note}}", { style: "Note", color: "text", align: "CENTER", name: "Note" });
+    k.cues(sheet, cues);
+    const doc = k.finish();
+    let fits = true;
+    for (const nm of ["Message", "Note"]) for (const nid of k.named(sheet, nm)) {
+      const nd = doc.nodes[nid];
+      if (nd.y < band.top - 2 || nd.y + nd.height > SIDE - band.bottom + 2) fits = false;
+    }
+    return { doc, fits };
+  }
+}
+function cardsOf(occasions, themes) {
+  const out = [];
+  const said = /* @__PURE__ */ new Map();
+  const nameOf = (occ, line, theme) => `${line.text.replace(/\n/g, " ")} (${theme.label.toLowerCase()} GIF)`;
+  for (const occ of occasions) for (const line of occ.lines) {
+    const t = themes[line.theme];
+    if (t) {
+      const k = nameOf(occ, line, t);
+      said.set(k, (said.get(k) ?? 0) + 1);
+    }
+  }
+  for (const occ of occasions) {
+    const seen = /* @__PURE__ */ new Map();
+    for (const line of occ.lines) {
+      const theme = themes[line.theme];
+      if (!theme) throw new Error(`card ${occ.slug}: no theme \u201C${line.theme}\u201D`);
+      const n = (seen.get(line.theme) ?? 0) + 1;
+      seen.set(line.theme, n);
+      const plain = nameOf(occ, line, theme);
+      out.push(cardSource(occ, line, theme, n, said.get(plain) > 1 ? `${line.text.replace(/\n/g, " ")} \u2014 ${occ.title} (${theme.label.toLowerCase()} GIF)` : void 0));
+    }
+  }
+  return out;
+}
+
+export {
+  SIDE,
+  CARD_MS,
+  CARD_FPS,
+  CREATED,
+  hz,
+  contrast,
+  mix,
+  deepen,
+  inkOn,
+  INTER,
+  SERIF_ITALIC,
+  SERIF_BOLD,
+  MONO_BOLD,
+  fitSize,
+  bob,
+  drift,
+  sway,
+  spin,
+  breathe,
+  squash,
+  twinkle,
+  travel,
+  drawOnOff,
+  cardSource,
+  cardsOf
+};