@popcraft/kit 0.32.0 → 0.32.1

package/dist/chunks/chunk-OOQP77Y2.js

@@ -0,0 +1,293 @@
+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-GLFOEPRY.js";
+import {
+  boxed,
+  patchPart,
+  vectorAt
+} from "./chunk-YHBAWSDX.js";
+import {
+  halo,
+  noise
+} from "./chunk-M6VTXO6F.js";
+import {
+  circle3,
+  pt3,
+  r3,
+  rng
+} from "./chunk-6RCDZU4R.js";
+import {
+  ease
+} from "./chunk-AY2VBUGS.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/lunar-new-year-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function lunarBrand(k, fields = {}) {
+  k.brand(
+    { paper: "#6E0E14", text: "#FFF1D6", onPaper: "#F4C9A8", accent: "#F6B93B", onAccent: "#3B0A0C", primary: "#F6B93B", onPrimary: "#3B0A0C", card: "#8A141A", onCard: "#FFF1D6" },
+    { name: "Squared", site: "squared.example", ...fields }
+  );
+  k.palette({
+    cloudFar: "#8E161B",
+    cloudMid: "#A81F1F",
+    cloudNear: "#C42D22",
+    cloudFront: "#4A070D",
+    lantern: "#E2402A",
+    lanternShade: "#A81F1F",
+    envelope: "#C4281C",
+    envelopeShade: "#9A1A16",
+    gold: "#F6B93B",
+    goldDeep: "#C88A1E",
+    cream: "#FFF1D6",
+    voucher: "#FFF4DE",
+    voucherInk: "#4A0B0E",
+    blossom: "#FFB3A7",
+    branch: "#3B0A0C"
+  });
+}
+var paperShadow = (u, a = 0.45, dy = -8) => ({ type: "DROP_SHADOW", color: { r: 0.12, g: 0, b: 0.01, a }, offset: { x: 0, y: r3(dy * u) }, blur: r3(24 * u), spread: 0, visible: true });
+var grain = (u) => noise({ amount: 0.08, size: Math.max(1, Math.round(2 * u)), seed: 11 });
+var circle = (cx, cy, r, n = 12) => circle3(cx, cy, r, n);
+var CLOUDS = [
+  { role: "cloudFar", r: 74, off: 0.2, shadow: 0.3 },
+  { role: "cloudMid", r: 58, off: 0.62, shadow: 0.4 },
+  { role: "cloudNear", r: 66, off: 0.05, shadow: 0.5 },
+  { role: "cloudFront", r: 82, off: 0.45, shadow: 0.6 },
+  { role: "cloudMid", r: 70, off: 0.8, shadow: 0.55 },
+  { role: "cloudNear", r: 92, off: 0.3, shadow: 0.55 }
+];
+var SCALLOP = [1, 0.62, 0.82];
+function crest(s, i, inset = 0) {
+  const c = CLOUDS[i], R = c.r * s.u, pts = [];
+  let x = -c.off * R * 2 - R * 2;
+  for (let j = 0; x < s.w + R * 2; j++) {
+    const r = R * SCALLOP[j % 3], rr = Math.max(1, r - inset);
+    for (let n = 0; n <= 9; n++) {
+      const a = Math.PI + Math.PI * n / 9;
+      pts.push({ x: x + r + rr * Math.cos(a), y: R + rr * Math.sin(a) });
+    }
+    x += r * 2;
+  }
+  return pts;
+}
+function cloudPart(s, i) {
+  const y0 = s.clouds[i], h = Math.max(40, s.h - y0 + 40);
+  return { name: "Cloud", x: 0, y: r3(y0), w: s.w, h: r3(h), paths: [{ closed: true, points: [pt3(-200 * s.u, h), ...crest(s, i).map((p) => pt3(p.x, p.y)), pt3(s.w + 200 * s.u, h)] }] };
+}
+function cloudLinePart(s, i) {
+  const y0 = s.clouds[i], R = CLOUDS[i].r * s.u;
+  return { name: "Cloud line", x: 0, y: r3(y0), w: s.w, h: r3(R), paths: [14, 30].map((inset) => ({ closed: false, points: crest(s, i, inset * s.u).map((p) => pt3(p.x, p.y)) })) };
+}
+function clouds(k, parent, s, from, to) {
+  for (let i = from; i < Math.min(to, s.clouds.length); i++) {
+    vectorAt(k, parent, cloudPart(s, i), CLOUDS[i].role, { effects: [paperShadow(s.u, CLOUDS[i].shadow)] });
+    vectorAt(k, parent, cloudLinePart(s, i), "gold", { strokeWidth: r3(Math.max(1, 2.5 * s.u)), opacity: i === 3 ? 0.75 : 0.4 });
+  }
+}
+var DUST = 30;
+function dust(s) {
+  const rand = rng(88);
+  return Array.from({ length: DUST }, () => {
+    const x = rand() * s.w, y = s.dust.top + rand() * Math.max(20, s.dust.bottom - s.dust.top), big = rand();
+    return { x: r3(x), y: r3(y), size: Math.max(2, Math.round((3 + big * 7) * s.u)), opacity: r3(0.3 + 0.6 * rand()) };
+  });
+}
+var moonBox = (s) => ({ x: r3(s.moon.x - s.moon.size * 0.95), y: r3(s.moon.y - s.moon.size * 0.95) });
+var fireworkAt = (f) => ({ x: r3(f.x - f.r), y: r3(f.y - f.r) });
+function firework(k, parent, f, i, u) {
+  const R = f.r, n = 14 + i % 3 * 2;
+  const id = k.stack(parent, { width: R * 2, height: R * 2, name: "Firework", absolute: fireworkAt(f) });
+  const ray = (a, from, to) => ({ closed: false, points: [pt3(R + R * from * Math.cos(a), R + R * from * Math.sin(a)), pt3(R + R * to * Math.cos(a), R + R * to * Math.sin(a))] });
+  const step = Math.PI * 2 / n;
+  const whole = { absolute: { x: 0, y: 0 } };
+  k.vector(id, R * 2, R * 2, Array.from({ length: n }, (_, j) => ray(j * step + 0.2, 0.4, 0.9)), i % 2 ? "blossom" : "accent", { name: "Burst rays", strokeWidth: r3(Math.max(1.5, 5 * u)), ...whole });
+  k.vector(id, R * 2, R * 2, Array.from({ length: n }, (_, j) => ray((j + 0.5) * step + 0.2, 0.2, 0.52)), "gold", { name: "Burst inner", strokeWidth: r3(Math.max(1, 3.5 * u)), ...whole });
+  k.vector(id, R * 2, R * 2, Array.from({ length: n }, (_, j) => ({ closed: true, points: circle(R + R * 0.96 * Math.cos(j * step + 0.2), R + R * 0.96 * Math.sin(j * step + 0.2), Math.max(1.5, R * 0.035), 8) })), "cream", { name: "Burst sparks", ...whole });
+  k.vector(id, R * 2, R * 2, Array.from({ length: n }, (_, j) => ({ closed: true, points: circle(R + R * 0.68 * Math.cos((j + 0.5) * step + 0.2), R + R * 0.68 * Math.sin((j + 0.5) * step + 0.2), Math.max(1, R * 0.022), 8) })), i % 2 ? "accent" : "blossom", { name: "Burst dots", ...whole });
+  return id;
+}
+function burst(k, id, at, u = 1) {
+  const scale = at.flatMap((t) => [{ t, v: 0.08, ease: ease.out("expo") }, { t: t + 800, v: 1, ease: ease.hold }]);
+  for (const axis of ["scaleX", "scaleY"]) k.animate(id, axis, scale);
+  k.animate(id, "opacity", [...at[0] > 0 ? [{ t: 0, v: 0, ease: ease.hold }] : [], ...at.flatMap((t) => [{ t, v: 1, ease: ease.hold }, { t: t + 550, v: 1, ease: ease.named("cubic", "in") }, { t: t + 1400, v: 0, ease: ease.hold }])]);
+  k.animate(id, "translateY", at.flatMap((t) => [{ t, v: 0, ease: ease.named("cubic", "in") }, { t: t + 1400, v: r3(46 * u), ease: ease.hold }]));
+}
+function reburst(k, id, at, u = 1) {
+  for (const axis of ["scaleX", "scaleY"]) k.animate(id, axis, [{ t: 0, v: 1, ease: ease.hold }, { t: at, v: 0.08, ease: ease.out("expo") }, { t: at + 800, v: 1, ease: ease.hold }]);
+  k.animate(id, "opacity", [{ t: 0, v: 1, ease: ease.hold }, { t: Math.max(0, at - 900), v: 1, ease: ease.named("cubic", "in") }, { t: at - 150, v: 0, ease: ease.hold }, { t: at, v: 1, ease: ease.hold }]);
+  k.animate(id, "translateY", [{ t: 0, v: 0, ease: ease.hold }, { t: Math.max(0, at - 900), v: 0, ease: ease.named("cubic", "in") }, { t: at - 150, v: r3(30 * u), ease: ease.hold }, { t: at, v: 0, ease: ease.hold }]);
+}
+function sky(k, parent, s, o = {}) {
+  dust(s).forEach((d, i) => {
+    const id = k.ellipse(parent, d.size, "gold", { name: "Dust", opacity: d.opacity, absolute: { x: d.x, y: d.y } });
+    if (!o.still && i % 3 === 0) for (const axis of ["scaleX", "scaleY"]) k.behave(id, axis, [{ kind: "sine", amp: 0.5, freq: hz(2 + i % 2, s.loopMs), phase: i % 7 / 7 }]);
+  });
+  if (s.moon) {
+    const m = s.moon.size, box = m * 1.9;
+    const moon = k.stack(parent, { width: box, height: box, name: "Moon", absolute: moonBox(s) });
+    for (const [scale, tint] of [[1.9, 0.07], [1.55, 0.11], [1.25, 0.18]]) k.ellipse(moon, r3(m * scale), k.tint("accent", tint), { name: "Moon ring", absolute: { x: r3((box - m * scale) / 2), y: r3((box - m * scale) / 2) } });
+    k.ellipse(moon, m, "accent", { name: "Moon disc", absolute: { x: r3((box - m) / 2), y: r3((box - m) / 2) } });
+    k.ellipse(moon, r3(m * 0.86), [], { name: "Moon line", stroke: { color: "paper", width: r3(Math.max(1, 2 * s.u)) }, opacity: 0.25, absolute: { x: r3((box - m * 0.86) / 2), y: r3((box - m * 0.86) / 2) } });
+    const ring = k.named(moon, "Moon ring")[0];
+    if (!o.still) for (const axis of ["scaleX", "scaleY"]) k.behave(ring, axis, [{ kind: "sine", amp: 0.035, freq: hz(2, s.loopMs) }]);
+  }
+  s.fireworks.forEach((f, i) => firework(k, parent, f, i, s.u));
+}
+var lanternAt = (l) => ({ x: r3(l.x - l.size * 0.65), y: 0 });
+function lantern(k, parent, l, i, s, still) {
+  const z = l.size, W = z * 1.3, cx = W / 2, rx = z / 2, ry = z * 0.46, cut = 0.84;
+  const capH = z * 0.1, capW = z * 0.46, top = l.drop, bodyH = ry * 2 * cut, bodyY = top + capH;
+  const tassel = z * 0.62, H = bodyY + bodyH + capH + tassel;
+  const id = k.stack(parent, { width: r3(W), height: r3(H), name: "Lantern", absolute: lanternAt(l) });
+  const line = Math.max(1.5, z * 0.022);
+  k.rect(id, r3(line), r3(top + 2), "gold", { name: "String", absolute: { x: r3(cx - line / 2), y: 0 } });
+  const globe = Array.from({ length: 40 }, (_, j) => {
+    const a = Math.PI * 2 * j / 40;
+    return pt3(rx + rx * Math.cos(a), ry * cut + Math.max(-ry * cut, Math.min(ry * cut, ry * Math.sin(a))));
+  });
+  const glow = halo(k, "gold", 0.55, z * 0.5, z * 0.04);
+  const at = { absolute: { x: r3(cx - rx), y: r3(bodyY) } };
+  k.vector(id, z, r3(bodyH), [{ closed: true, points: globe }], "lantern", { name: "Globe", effects: [glow], ...at });
+  k.vector(id, z, r3(bodyH), [{ closed: true, points: globe }], [k.gradient({ from: "gold", to: "gold", kind: "RADIAL", fromOpacity: 0.8, toOpacity: 0 })], { name: "Globe light", ...at });
+  const ribs = [-0.72, -0.4, 0, 0.4, 0.72].map((f) => ({ closed: false, points: Array.from({ length: 13 }, (_, j) => {
+    const t = -Math.asin(cut) + 2 * Math.asin(cut) * j / 12;
+    return pt3(rx + f * rx * Math.cos(t), ry * cut + ry * Math.sin(t));
+  }) }));
+  k.vector(id, z, r3(bodyH), ribs, "lanternShade", { name: "Ribs", strokeWidth: r3(Math.max(1, z * 0.016)), opacity: 0.7, ...at });
+  for (const y of [top, bodyY + bodyH]) k.rect(id, r3(capW), r3(capH), "gold", { name: "Cap", radius: r3(capH * 0.3), absolute: { x: r3(cx - capW / 2), y: r3(y) } });
+  for (const y of [top + capH * 0.62, bodyY + bodyH + capH * 0.2]) k.rect(id, r3(capW), r3(capH * 0.18), "goldDeep", { name: "Cap line", absolute: { x: r3(cx - capW / 2), y: r3(y) } });
+  const ty = bodyY + bodyH + capH;
+  k.rect(id, r3(line), r3(tassel * 0.3), "gold", { name: "Tassel string", absolute: { x: r3(cx - line / 2), y: r3(ty) } });
+  const knot = z * 0.11;
+  k.ellipse(id, r3(knot), "gold", { name: "Knot", absolute: { x: r3(cx - knot / 2), y: r3(ty + tassel * 0.22) } });
+  const fw = z * 0.15, fy = ty + tassel * 0.22 + knot * 0.8, fh = H - fy;
+  k.vector(id, r3(fw), r3(fh), [0, 0.25, 0.5, 0.75, 1].map((f) => ({ closed: false, points: [pt3(fw / 2 + (f - 0.5) * fw * 0.3, 0), pt3(f * fw, fh - (f === 0.5 ? 0 : fh * 0.08))] })), "gold", { name: "Fringe", strokeWidth: r3(Math.max(1, z * 0.02)), absolute: { x: r3(cx - fw / 2), y: r3(fy) } });
+  k.patch(id, { anchorY: 0 });
+  if (!still) k.behave(id, "rotation", [{ kind: "sine", amp: r3((2.4 + i % 2) * Math.min(1, z * 2.4 / H)), freq: hz(2 + i % 2, s.loopMs), phase: i / 4 }]);
+  return id;
+}
+function branchParts(s) {
+  const b = s.branch, rand = rng(53), dir = b.flip ? -1 : 1;
+  const wood = [], petals = [], hearts = [];
+  const flower = (x, y, r) => {
+    const turn = rand() * Math.PI;
+    for (let i = 0; i < 5; i++) {
+      const a = turn + Math.PI * 2 * i / 5;
+      petals.push(circle(x + r * 0.6 * Math.cos(a), y + r * 0.6 * Math.sin(a), r * 0.46, 10));
+    }
+    hearts.push(circle(x, y, r * 0.26, 8));
+  };
+  const grow = (x, y, ang, len, wd, depth) => {
+    const ex = x + dir * len * Math.cos(ang), ey = y - len * Math.sin(ang);
+    const nx = Math.sin(ang), ny = dir * Math.cos(ang), tip = wd * 0.6;
+    wood.push([{ x: x - nx * wd / 2, y: y - ny * wd / 2 }, { x: x + nx * wd / 2, y: y + ny * wd / 2 }, { x: ex + nx * tip / 2, y: ey + ny * tip / 2 }, { x: ex - nx * tip / 2, y: ey - ny * tip / 2 }]);
+    const size = b.size * (0.026 + 0.014 * rand());
+    if (depth < 4 && rand() < 0.7) flower(x + (ex - x) * (0.4 + 0.4 * rand()), y + (ey - y) * 0.6 + (rand() - 0.5) * size, size);
+    if (!depth) {
+      petals.push(circle(ex, ey, size * 0.5, 10));
+      return;
+    }
+    for (const f of depth > 2 ? [0.55, -0.3] : [0.62 - 0.2 * rand(), -0.42 + 0.2 * rand()]) grow(ex, ey, ang + f, len * (0.6 + 0.16 * rand()), tip, depth - 1);
+  };
+  grow(b.x, b.y, 0.3, b.size * 0.36, b.size * 0.05, 4);
+  const all = boxed("Branch", [...wood, ...petals, ...hearts]);
+  const cut = (name, from, n) => ({ ...all, name, paths: all.paths.slice(from, from + n) });
+  return [cut("Branch", 0, wood.length), cut("Blossoms", wood.length, petals.length), cut("Blossom hearts", wood.length + petals.length, hearts.length)];
+}
+function hangings(k, parent, s, o = {}) {
+  if (s.branch) {
+    const [wood, petals, hearts] = branchParts(s);
+    vectorAt(k, parent, wood, "branch", { effects: [paperShadow(s.u, 0.35, 6)] });
+    vectorAt(k, parent, petals, "blossom", { effects: [paperShadow(s.u, 0.3, 4)] });
+    vectorAt(k, parent, hearts, "gold");
+  }
+  s.lanterns.forEach((l, i) => lantern(k, parent, l, i, s, !!o.still));
+}
+function fitScene(k, root, s) {
+  const each = (name) => k.named(root, name);
+  dust(s).forEach((d, i) => {
+    const id = each("Dust")[i];
+    if (id) k.patch(id, { x: d.x, y: d.y, width: d.size, height: d.size });
+  });
+  if (s.moon) for (const id of each("Moon")) k.patch(id, moonBox(s));
+  s.fireworks.forEach((f, i) => {
+    const id = each("Firework")[i];
+    if (id) k.patch(id, { ...fireworkAt(f), width: f.r * 2, height: f.r * 2 });
+  });
+  s.clouds.forEach((_, i) => {
+    patchPart(k, each("Cloud")[i], cloudPart(s, i));
+    patchPart(k, each("Cloud line")[i], cloudLinePart(s, i));
+  });
+  s.lanterns.forEach((l, i) => {
+    const id = each("Lantern")[i];
+    if (id) k.patch(id, lanternAt(l));
+  });
+  if (s.branch) branchParts(s).forEach((p) => patchPart(k, each(p.name)[0], p));
+}
+var voucherOut = (w) => r3(w * 0.5);
+function envelope(k, parent, o) {
+  const w = o.w, u = o.u ?? 1, out = voucherOut(w), H = r3(w * 1.36);
+  const id = k.stack(parent, { width: w, height: r3(out + H), name: o.name ?? "Envelope", absolute: o.absolute ?? { x: 0, y: 0 } });
+  const vw = r3(w * 0.84);
+  const v = k.stack(id, { width: vw, height: r3(out + H * 0.4), fill: "voucher", radius: r3(8 * u), gap: r3(2 * u), align: "CENTER", justify: "CENTER", padding: { top: r3(w * 0.04), right: r3(8 * u), bottom: r3(H * 0.4 + w * 0.02), left: r3(8 * u) }, name: "Voucher", absolute: { x: r3((w - vw) / 2), y: 0 }, effects: [paperShadow(u, 0.4, 6), grain(u)] });
+  k.rect(v, r3(vw - 20 * u), r3(out + H * 0.4), [], { name: "Voucher line", radius: r3(4 * u), stroke: { color: "goldDeep", width: r3(Math.max(1, 2 * u)) }, absolute: { x: r3(10 * u), y: r3(10 * u) } });
+  for (const l of o.lines) k.text(v, l.text, { style: l.style, color: "voucherInk", align: "CENTER", name: l.name ?? l.text.slice(0, 24) });
+  k.rect(id, w, H, "envelope", { name: "Envelope paper", radius: r3(12 * u), absolute: { x: 0, y: out }, effects: [paperShadow(u, 0.55, 14), grain(u)] });
+  const band = r3(H * 0.085);
+  k.rect(id, w, band, "gold", { name: "Mouth band", radius: r3(12 * u), absolute: { x: 0, y: out } });
+  k.rect(id, w, r3(band * 0.5), "gold", { name: "Mouth band foot", absolute: { x: 0, y: r3(out + band * 0.5) } });
+  const sq = band * 0.34, n = Math.floor((w - 24 * u) / (sq * 2));
+  k.vector(id, w, band, Array.from({ length: n }, (_, i) => {
+    const x = (w - (n * 2 - 1) * sq) / 2 + i * sq * 2, y = (band - sq) / 2;
+    return { closed: true, points: [pt3(x, y), pt3(x + sq, y), pt3(x + sq, y + sq), pt3(x, y + sq)] };
+  }), "envelopeShade", { name: "Band fret", absolute: { x: 0, y: out } });
+  const inset = r3(16 * u), top = out + band + inset;
+  k.rect(id, r3(w - inset * 2), r3(H - band - inset * 2), [], { name: "Envelope line", radius: r3(6 * u), stroke: { color: "gold", width: r3(Math.max(1, 2.5 * u)) }, absolute: { x: inset, y: r3(top) } });
+  const L = w * 0.11, g = inset + 10 * u;
+  const fret = (fx, fy) => ({ closed: false, points: [[0, 1], [0, 0], [1, 0], [1, 0.66], [0.36, 0.66], [0.36, 0.34]].map(([x, y]) => pt3(fx === 1 ? g + x * L : w - g - x * L, fy === 1 ? band + inset + 10 * u + y * L : H - g - y * L)) });
+  k.vector(id, w, H, [fret(1, 1), fret(-1, 1), fret(1, -1), fret(-1, -1)], "gold", { name: "Corner frets", strokeWidth: r3(Math.max(1, 3 * u)), absolute: { x: 0, y: out } });
+  const d = r3(w * 0.42), cx = w / 2, cy = out + H * 0.46;
+  const coin = k.stack(id, { width: d, height: d, name: "Coin", absolute: { x: r3(cx - d / 2), y: r3(cy - d / 2) } });
+  k.ellipse(coin, d, "gold", { name: "Coin face", absolute: { x: 0, y: 0 }, effects: [paperShadow(u, 0.4, 5)] });
+  k.ellipse(coin, r3(d * 0.82), [], { name: "Coin rim", stroke: { color: "goldDeep", width: r3(Math.max(1, 2.5 * u)) }, absolute: { x: r3(d * 0.09), y: r3(d * 0.09) } });
+  const hole = r3(d * 0.28);
+  k.rect(coin, hole, hole, "envelope", { name: "Coin hole", radius: r3(2 * u), stroke: { color: "goldDeep", width: r3(Math.max(1, 2.5 * u)) }, absolute: { x: r3((d - hole) / 2), y: r3((d - hole) / 2) } });
+  k.vector(coin, d, d, [[0.5, 0.2], [0.8, 0.5], [0.5, 0.8], [0.2, 0.5]].map(([x, y]) => {
+    const q = d * 0.045;
+    return { closed: true, points: [pt3(d * x, d * y - q), pt3(d * x + q, d * y), pt3(d * x, d * y + q), pt3(d * x - q, d * y)] };
+  }), "goldDeep", { name: "Coin studs", absolute: { x: 0, y: 0 } });
+  if (!o.label) {
+    for (const [f, len] of [[0.76, 0.4], [0.8, 0.22]]) k.rect(id, r3(w * len), r3(Math.max(1, 2.5 * u)), "gold", { name: "Envelope rule", absolute: { x: r3(w * (1 - len) / 2), y: r3(out + H * f) } });
+    if (o.tilt) k.patch(id, { rotation: o.tilt });
+    return id;
+  }
+  const slip = k.stack(id, { width: r3(w * 0.66), fill: "voucher", radius: r3(4 * u), align: "CENTER", padding: { top: r3(w * 0.025), right: r3(6 * u), bottom: r3(w * 0.025), left: r3(6 * u) }, name: "Label", absolute: { x: r3(w * 0.17), y: r3(out + H * 0.76) } });
+  k.text(slip, o.label.text, { style: o.label.style, color: "voucherInk", align: "CENTER", name: o.label.name ?? "Label words" });
+  if (o.tilt) k.patch(id, { rotation: o.tilt });
+  return id;
+}
+function slideVoucher(k, id, w, at, ms = 900) {
+  for (const v of k.named(id, "Voucher")) k.animate(v, "translateY", [{ t: 0, v: r3(voucherOut(w) * 0.82), ease: ease.hold }, { t: at, v: r3(voucherOut(w) * 0.82), ease: ease.back(1.4) }, { t: at + ms, v: 0, ease: ease.hold }]);
+}
+
+export {
+  lunarBrand,
+  clouds,
+  burst,
+  reburst,
+  sky,
+  hangings,
+  fitScene,
+  voucherOut,
+  envelope,
+  slideVoucher
+};

package/dist/chunks/chunk-OPBI7TS6.js

@@ -0,0 +1,181 @@
+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 {
+  SCENE,
+  mover
+} from "./chunk-YPDCDENL.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  bloom,
+  glow,
+  hardShadow
+} from "./chunk-M6VTXO6F.js";
+import {
+  line,
+  pt3,
+  rng
+} from "./chunk-6RCDZU4R.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/festival-presale-electronic-kit.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var W = SCENE.w;
+var H = SCENE.h;
+var FLOOR = 1330;
+var arch = (cx, cy, r, n = 40) => ({ closed: false, points: Array.from({ length: n + 1 }, (_, i) => {
+  const a = Math.PI + Math.PI * i / n;
+  return pt3(cx + r * Math.cos(a), cy + r * Math.sin(a));
+}) });
+function stage(k, art, still) {
+  const move = mover(k, still);
+  const cx = W / 2;
+  const haze = glow(k, art, { x: cx, y: FLOOR - 40, w: 1700, h: 980, role: "magenta", alpha: 0.42, name: "Haze" });
+  move(haze, "opacity", 0.18, 2);
+  glow(k, art, { x: cx, y: FLOOR - 560, w: 1300, h: 900, role: "violet", alpha: 0.36, name: "High haze" });
+  glow(k, art, { x: 140, y: FLOOR, w: 620, role: "cyan", alpha: 0.24, name: "Side haze" });
+  glow(k, art, { x: W - 140, y: FLOOR, w: 620, role: "cyan", alpha: 0.24, name: "Side haze" });
+  const r0 = rng(61), dust = [];
+  for (let i = 0; i < 90; i++) {
+    const x = r0() * W, y = r0() * (FLOOR - 500), s = 1.5 + r0() * 2.5;
+    dust.push({ closed: true, points: [pt3(x, y - s), pt3(x + s, y), pt3(x, y + s), pt3(x - s, y)] });
+  }
+  const motes = k.vector(art, W, FLOOR, dust, "flash", { name: "Dust", opacity: 0.35, absolute: { x: 0, y: 0 } });
+  move(motes, "opacity", 0.15, 1);
+  const runway = [];
+  for (let i = -11; i <= 11; i++) runway.push(line(cx + i * 14, FLOOR, cx + i * 170, H));
+  for (const y of [FLOOR, FLOOR + 14, FLOOR + 36, FLOOR + 70, FLOOR + 120]) runway.push(line(0, y, W, y));
+  k.vector(art, W, H - FLOOR + 2, runway.map((p) => ({ ...p, points: p.points.map((q) => pt3(q.x, q.y - FLOOR)) })), "violet", { name: "Runway", strokeWidth: 1.5, opacity: 0.5, absolute: { x: 0, y: FLOOR } });
+  const rings = [170, 240, 315, 395, 480, 570, 665, 765];
+  const roles = ["lime", "cyan", "magenta"];
+  rings.forEach((r2, i) => {
+    const role = roles[i % 3];
+    const id = k.vector(art, r2 * 2, r2, [arch(r2, r2, r2)], role, { name: "Ring", strokeWidth: i % 3 === 0 ? 6 : 3.5, opacity: 0.66, effects: [bloom(k, role, 20, 0.85)], absolute: { x: cx - r2, y: FLOOR - r2 } });
+    move(id, "opacity", 0.34, 3, -i / rings.length);
+  });
+  const spokes = [];
+  for (let i = 1; i < 14; i++) {
+    const a = Math.PI + Math.PI * i / 14;
+    spokes.push(line(765 + 170 * Math.cos(a), 765 + 170 * Math.sin(a), 765 + 765 * Math.cos(a), 765 + 765 * Math.sin(a)));
+  }
+  k.vector(art, 1530, 765, spokes, "truss", { name: "Spokes", strokeWidth: 2, opacity: 0.9, absolute: { x: cx - 765, y: FLOOR - 765 } });
+  for (const x of [52, W - 52 - 48]) {
+    const lattice = [line(0, 0, 0, 760), line(48, 0, 48, 760), line(-14, 0, 62, 0)];
+    for (let y = 0; y < 760; y += 44) {
+      lattice.push(line(0, y, 48, y + 44));
+      lattice.push(line(48, y, 0, y + 44));
+    }
+    k.vector(art, 48, 760, lattice, "truss", { name: "Tower", strokeWidth: 2.5, absolute: { x, y: FLOOR - 760 } });
+  }
+  const fan = (ox, oy, mid, spread, n, role, amp, phase, len = 1700) => {
+    const lines = Array.from({ length: n }, (_, i) => {
+      const a = (mid + spread * (i / (n - 1) - 0.5)) * Math.PI / 180;
+      return line(len, len, len + len * Math.cos(a), len + len * Math.sin(a));
+    });
+    const id = k.vector(art, len * 2, len * 2, lines, role, { name: "Lasers", strokeWidth: 2.5, opacity: 0.5, effects: [bloom(k, role, 10, 0.9)], absolute: { x: ox - len, y: oy - len } });
+    move(id, "rotation", amp, 2, phase);
+  };
+  const top = FLOOR - 760;
+  fan(76, top, -40, 44, 8, "lime", 9, 0);
+  fan(W - 76, top, 220, 44, 8, "lime", 9, 0.5);
+  fan(cx, FLOOR - 765, -90, 110, 11, "magenta", 7, 0.25);
+  fan(76, top, 30, 30, 5, "cyan", 12, 0.3);
+  fan(W - 76, top, 150, 30, 5, "cyan", 12, 0.8);
+  const r = rng(27);
+  for (let i = 0; i < 30; i++) {
+    const a = Math.PI + Math.PI * r(), rr = rings[Math.floor(r() * rings.length)], s = 8 + Math.round(r() * 6);
+    const id = k.ellipse(art, s, "flash", { name: "Strobe", effects: [bloom(k, "flash", 16, 0.9)], absolute: { x: Math.round(cx + rr * Math.cos(a)) - s / 2, y: Math.round(FLOOR + rr * Math.sin(a)) - s / 2 } });
+    k.patch(id, { opacity: 0.6 });
+    move(id, "opacity", 0.4, 3 + i % 4 * 3, r());
+  }
+  const crowd = (base, step, head, seed) => {
+    const q = rng(seed);
+    const pts = [pt3(-20, H + 20), pt3(-20, base)];
+    for (let x = -10; x < W + 20; x += step) {
+      const y = base + (q() - 0.5) * head * 0.9, arm = q();
+      if (arm > 0.76) {
+        const up = head * (1.5 + q() * 0.8);
+        pts.push(pt3(x - head * 0.42, y), pt3(x - head * 0.62, y - up), pt3(x - head * 0.5, y - up - head * 0.35), pt3(x - head * 0.22, y - up - head * 0.3), pt3(x - head * 0.1, y - up), pt3(x, y - head * 0.2));
+      }
+      pts.push(pt3(x, y), pt3(x + head * 0.12, y - head * 0.75), pt3(x + head * 0.5, y - head), pt3(x + head * 0.88, y - head * 0.75), pt3(x + head, y));
+    }
+    pts.push(pt3(W + 20, base), pt3(W + 20, H + 20));
+    return { closed: true, points: pts };
+  };
+  const off = (p, dy) => ({ ...p, points: p.points.map((q) => pt3(q.x, q.y - dy)) });
+  k.vector(art, W, 340, [off(crowd(FLOOR + 40, 30, 22, 5), FLOOR - 120)], "crowdFar", { name: "Crowd far", absolute: { x: 0, y: FLOOR - 120 } });
+  const near = k.vector(art, W, 340, [off(crowd(FLOOR + 84, 46, 34, 9), FLOOR - 120)], "crowd", { name: "Crowd", absolute: { x: 0, y: FLOOR - 120 } });
+  move(near, "translateY", 4, 6);
+}
+var KILOVOLT = {
+  slug: "electronic",
+  name: "KILOVOLT",
+  brand: (k, fields = {}) => {
+    k.brand(
+      { paper: "#0A0912", text: "#F3F1FA", onPaper: "#ABA7C0", primary: "#C8FF3E", onPrimary: "#0A0912", accent: "#FF2D8E", onAccent: "#14000A", card: "#161424", onCard: "#F3F1FA", cardMuted: "#ABA7C0", panel: "#221F38", onPanel: "#F3F1FA", panelMuted: "#B9B5D0", chip: "#2C2944", onChip: "#E6E3F4", stage: "#07060F", onStage: "#F3F1FA", stageMuted: "#C2BEDA" },
+      { name: "KILOVOLT", ...fields }
+    );
+    k.palette({ lime: "#C8FF3E", magenta: "#FF2D8E", cyan: "#39E6FF", violet: "#7B5CFF", truss: "#3B3660", flash: "#FFFFFF", crowd: "#020106", crowdFar: "#0D0A1E", gate: "#0B0A16" });
+  },
+  type: {
+    Name: { fontWeight: 900, ls: -0.045, lh: 0.86, upper: true },
+    Head: { fontWeight: 900, ls: -0.035, lh: 0.98, upper: true },
+    Act: { fontWeight: 800, ls: -0.015, lh: 1.25, upper: true },
+    More: { ...MONO, fontWeight: 600, ls: 0.02, lh: 1.5, upper: true },
+    Kicker: { ...MONO, fontWeight: 700, ls: 0.1, lh: 1.35, upper: true },
+    Clock: { ...MONO, fontWeight: 800, ls: -0.035, lh: 1.04, tnum: true },
+    Unit: { ...MONO, fontWeight: 700, ls: 0.1, lh: 1.3, upper: true },
+    Body: { fontWeight: 500, ls: 0, lh: 1.4 },
+    Button: { fontWeight: 800, ls: 0.04, lh: 1.3, upper: true },
+    Caption: { fontWeight: 800, ls: -0.01, lh: 1.2 },
+    Price: { fontWeight: 900, ls: -0.04, lh: 1, tnum: true }
+  },
+  look: {
+    radius: 0,
+    chip: 0,
+    button: 0,
+    plate: "gate",
+    plateAlpha: 0.86,
+    plateStroke: { color: "lime", width: 2, align: "INSIDE" },
+    tile: "panel",
+    tileInk: "onPanel",
+    tileMuted: "panelMuted",
+    nameEffects: (k) => [hardShadow(k, "magenta", 7, 7), hardShadow(k, "cyan", -5, -5)],
+    glow: "magenta",
+    hot: "lime",
+    hotInk: "gate",
+    sep: "\xB7"
+  },
+  scene: stage,
+  horizon: FLOOR,
+  // The pass header shows the arch's crown, not its lower rings.
+  passFocus: 0.4,
+  dates: "9 \u2013 11 July 2027",
+  place: "Nordhafen Airfield, Hallstrand",
+  kicker: "Three days \xB7 Four stages \xB7 40,000 people",
+  heads: ["Vanta Rae", "HEXA/MODE", "Solveig Nox"],
+  acts: ["Dial Tone Saints", "Marguerite Vox", "Sable & Ives", "K-Lattice (live)", "Lumen Kid", "The Long Fade"],
+  more: ["Greyfold", "Petra Null", "Okta Okta", "Pale Signal", "Dune Protocol", "NNOVA", "Brine"],
+  tba: "+ 36 more names on 2 March",
+  presale: { by: "Sun 24 Jan", code: "Tue 26 Jan", opens: "Thu 28 Jan \xB7 10:00 CET", day: "Thursday 28 January", time: "10:00 CET", queue: "09:30", limit: "up to four passes" },
+  clock: { days: "12", hours: "06", minutes: "41", from: 47, to: 41 },
+  tier: { tag: "Tier 1", name: "Three-day pass", price: "\u20AC199", next: "\u20AC229", was: "\u20AC169", sold: "Early bird sold out in 11 minutes", note: "On sale now to 2026 ticket holders. What is left opens to presale codes on 28 January.", stock: { label: "Selling fast", from: 2351, left: 2318, total: 12e3 } },
+  cta: "Get presale access",
+  code: "KV27-PRE-4R8Q",
+  gate: "Gate B",
+  track: "edm",
+  picture: "the main stage at night: an arch of pulsing light rings, truss towers, sweeping laser fans, strobes, haze and the crowd",
+  tags: ["electronic music", "rave", "techno", "lasers", "night", "neon"],
+  captions: ["The first names are in.", "Presale opens Thursday, 28 January.", "Register by Sunday for codes.", "Sign up for a code."]
+};
+
+export {
+  KILOVOLT
+};

package/dist/chunks/chunk-OQJIUTEL.js

@@ -0,0 +1,84 @@
+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 {
+  outro,
+  postVariants,
+  resizePhoto
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SHOYVADV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/post-testimonial.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var CONTENT = ["Star", "Review card", "Reviewer"];
+var cues = [
+  { layer: "Star", preset: "pop-in", at: 100, params: { amount: 0.2 }, stagger: { delay: 90 } },
+  { layer: "Review card", preset: "rise-in", at: 450, params: { duration: 700 } },
+  { layer: "Review", preset: "blur-in", at: 650, params: { duration: 800, amount: 16 } },
+  { layer: "Reviewer", preset: "slide-in", at: 1300, params: { direction: "left", distance: 90 } },
+  { layer: "Star", preset: "pulse", at: 3e3, params: { amount: 0.15, duration: 600 }, stagger: { delay: 70 } },
+  outro(CONTENT, 5900)
+];
+var post_testimonial_default = defineTemplate({
+  id: "motion-social-testimonial",
+  meta: {
+    name: "Testimonial post (animated)",
+    description: "The testimonial in motion: five stars pop in turn, the review card rises as its words come into focus, and the reviewer slides in beside their photo \u2014 seven seconds, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "testimonial", "review", "five stars", "instagram", "post", "local business", "photo"],
+    platforms: ["instagram", "facebook", "linkedin"],
+    formats: ["post", "portrait-post", "story", "ad"],
+    useCases: ["testimonial"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Testimonial post (animated)", preset("ig-post"));
+    k.brand(
+      { paper: "#E8EEF5", text: "#0B2545", onPaper: "#3E4F66", primary: "#13315C", star: "#F4B400", card: "#FFFFFF", onCard: "#0B2545", muted: "#B9C6D6" },
+      { review: "They came out within 40 minutes on a Sunday, fixed a burst pipe under the sink and didn\u2019t try to sell us anything we didn\u2019t need.", reviewer: "Priya S.", detail: "Homeowner in Oak Park \xB7 Google review" }
+    );
+    k.textStyle("Review 44", { size: 44, fontWeight: 700, letterSpacing: -0.5, lineHeight: 56 });
+    k.textStyle("Name 32", { size: 32, fontWeight: 800, lineHeight: 38 });
+    k.textStyle("Detail 26", { size: 26, fontWeight: 500, lineHeight: 32 });
+    k.component("Star", { width: 64, height: 64, fill: "primary", radius: 16, justify: "CENTER", align: "CENTER", props: {} }, (id) => {
+      k.star(id, 44, "star");
+    });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 32, 80, "paper", "CENTER", "MIN");
+    k.timeline(sheet, { duration: 7e3, fps: 30 });
+    const stars = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 10, name: "Stars" });
+    for (let i = 0; i < 5; i++) k.instance(stars, "Star", {}, { name: "Star" });
+    const card = k.stack(sheet, { fill: "card", radius: 36, padding: 48, gap: 0, name: "Review card" });
+    k.text(card, "\u201C{{brand.review}}\u201D", { style: "Review 44", color: "onCard", name: "Review" });
+    const who = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, align: "CENTER", name: "Reviewer" });
+    k.photo(who, 104, 104, { radius: 52, ground: "muted", name: "Reviewer photo" });
+    const lines = k.stack(who, { gap: 4, name: "Reviewer lines" });
+    k.text(lines, "{{brand.reviewer}}", { style: "Name 32", color: "text", name: "Reviewer name" });
+    k.text(lines, "{{brand.detail}}", { style: "Detail 26", color: "onPaper", name: "Reviewer detail" });
+    k.cues(sheet, cues);
+    k.variants(sheet, postVariants({ portrait: 88 }, {
+      vertical: (kit, id) => {
+        for (const p of kit.named(id, "Reviewer photo")) resizePhoto(kit, p, 96, 96);
+      }
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  post_testimonial_default
+};