@popcraft/kit 0.29.0 → 0.31.0

package/dist/chunks/chunk-HO5PSVKU.js

@@ -0,0 +1,390 @@
+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 {
+  caption,
+  captionParts,
+  glow,
+  size,
+  stage,
+  typeStep
+} from "./chunk-2FDNFAJ3.js";
+import {
+  key
+} from "./chunk-OTE5FUDA.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  boxModel,
+  contextFrame,
+  init_scene3d
+} from "./chunk-NMFXCSU4.js";
+import {
+  init_transform3d,
+  mul4,
+  transform4
+} from "./chunk-CK43FENV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion3d/burger-reveal.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+init_scene3d();
+init_transform3d();
+var DURATION = 1e4;
+var FPS = 30;
+var SIZE = "video-1080p";
+var BW = 520;
+var RH = 820;
+var GAP = 64;
+var TILT = -17;
+var FOCUS_Z = 190;
+var DIM = 0.38;
+var OPEN = 2200;
+var OPENED = 3300;
+var CLOSE = 7200;
+var CLOSED = 8400;
+var range = (n) => Array.from({ length: n }, (_, i) => i);
+var rand = (i) => {
+  const x = Math.sin(i * 12.9898 + 78.233) * 43758.5453;
+  return x - Math.floor(x);
+};
+var PARTS = [
+  {
+    name: "Bottom bun",
+    h: 52,
+    about: "The toasted heel of a brioche bun: sturdy enough to carry everything stacked on it.",
+    discs: (k) => [
+      ...range(9).map((i) => {
+        const yy = 6 + i * 5.5;
+        const round = Math.max(0, yy - 34);
+        return { yy, d: 470 - round * round * 0.28, fills: [...k.tint("bunShade", 0.1 + i * 0.05), ...k.paint("bun")], rim: "bunShade", rimWidth: 14 };
+      }),
+      { yy: 2, d: 466, fills: k.paint("bunCut"), rim: "bun", rimWidth: 12 }
+    ].sort((a, b) => b.yy - a.yy)
+  },
+  {
+    name: "Patty",
+    h: 46,
+    about: "Six ounces of chuck and brisket, smashed on a hot griddle for a deep, crusty sear.",
+    discs: (k) => [
+      ...range(8).map((i) => ({ yy: 8 + i * 5, d: 500 - (i === 7 ? 10 : 0), fills: k.paint("patty"), rim: "pattyShade", rimWidth: 18 })),
+      { yy: 3, d: 494, fills: k.paint("patty"), rim: "pattyShade", rimWidth: 10, deco: (kit, id, d) => {
+        for (const i of range(4)) kit.rect(id, d * 0.72, 14, "pattyShade", { radius: 7, name: "Grill mark", opacity: 0.8, absolute: { x: Math.round(d * 0.14), y: Math.round(d * (0.28 + i * 0.15)) } });
+        for (const i of range(26)) {
+          const a = rand(i) * Math.PI * 2, r = Math.sqrt(rand(i + 40)) * d * 0.44;
+          kit.ellipse(id, 10 + Math.round(rand(i + 80) * 12), "pattyShade", { name: "Speck", opacity: 0.7, absolute: { x: Math.round(d / 2 + Math.cos(a) * r - 8), y: Math.round(d / 2 + Math.sin(a) * r - 8) } });
+        }
+      } }
+    ].sort((a, b) => b.yy - a.yy)
+  },
+  {
+    name: "Cheese",
+    h: 8,
+    about: "A slice of American cheese, laid on the patty straight off the griddle so it melts into every corner.",
+    discs: (k) => [
+      { yy: 7, d: 400, fills: k.paint("cheeseShade"), turn: 45, square: true },
+      { yy: 3, d: 400, fills: k.paint("cheese"), turn: 45, square: true }
+    ]
+  },
+  {
+    name: "Lettuce",
+    h: 18,
+    about: "Crisp iceberg leaves: cool, crunchy, and a barrier that keeps the bun from going soggy.",
+    discs: (k) => [12, 7, 2].map((yy, i) => ({ yy, d: 486 - i * 6, fills: k.paint(i === 2 ? "lettuce" : "lettuceShade"), deco: (kit, id, d) => {
+      const n = 22;
+      for (const j of range(n)) {
+        const a = j / n * Math.PI * 2 + i * 0.3, b = 46 + Math.round(rand(j + i * 30) * 16);
+        kit.ellipse(id, b, i === 2 ? "lettuce" : "lettuceShade", { name: "Frill", absolute: { x: Math.round(d / 2 + Math.cos(a) * (d / 2 - 14) - b / 2), y: Math.round(d / 2 + Math.sin(a) * (d / 2 - 14) - b / 2) } });
+      }
+    } }))
+  },
+  {
+    name: "Tomato",
+    h: 22,
+    about: "A thick slice of ripe beefsteak tomato, seasoned with a pinch of flaky salt.",
+    discs: (k) => [
+      ...range(4).map((i) => ({ yy: 20 - i * 4, d: 420, fills: k.paint("tomato"), rim: "tomatoShade", rimWidth: 14 })),
+      { yy: 3, d: 420, fills: k.paint("tomato"), rim: "tomatoShade", rimWidth: 12, deco: (kit, id, d) => {
+        kit.ellipse(id, Math.round(d * 0.84), "tomatoFlesh", { name: "Flesh", absolute: { x: Math.round(d * 0.08), y: Math.round(d * 0.08) } });
+        kit.ellipse(id, Math.round(d * 0.3), "tomato", { name: "Core", absolute: { x: Math.round(d * 0.35), y: Math.round(d * 0.35) } });
+        for (const j of range(6)) {
+          const a = j / 6 * Math.PI * 2, w = Math.round(d * 0.16);
+          kit.ellipse(id, w, "tomato", { name: "Seed pocket", opacity: 0.85, absolute: { x: Math.round(d / 2 + Math.cos(a) * d * 0.27 - w / 2), y: Math.round(d / 2 + Math.sin(a) * d * 0.27 - w / 2) } });
+        }
+      } }
+    ]
+  },
+  {
+    name: "Onion",
+    h: 10,
+    about: "Rings of red onion, sliced thin, for a sharp, sweet crunch that cuts through the richness.",
+    discs: () => [7, 3].flatMap((yy) => [
+      { yy, d: 400, fills: [], rim: yy === 3 ? "onion" : "onionShade", rimWidth: 18 },
+      { yy, d: 260, fills: [], rim: yy === 3 ? "onion" : "onionShade", rimWidth: 16 }
+    ])
+  },
+  {
+    name: "Sauce",
+    h: 8,
+    about: "House burger sauce: mayonnaise, ketchup, mustard and chopped pickle, spread edge to edge.",
+    discs: (k) => [
+      { yy: 6, d: 436, fills: k.paint("sauceShade") },
+      { yy: 2, d: 430, fills: k.paint("sauce"), deco: (kit, id, d) => {
+        for (const j of range(12)) {
+          const a = j / 12 * Math.PI * 2 + 0.2, b = 30 + Math.round(rand(j + 200) * 22);
+          kit.ellipse(id, b, "sauce", { name: "Drip", absolute: { x: Math.round(d / 2 + Math.cos(a) * (d / 2 - 6) - b / 2), y: Math.round(d / 2 + Math.sin(a) * (d / 2 - 6) - b / 2) } });
+        }
+        kit.ellipse(id, Math.round(d * 0.5), "sauceShine", { name: "Sheen", opacity: 0.35, absolute: { x: Math.round(d * 0.18), y: Math.round(d * 0.16) } });
+      } }
+    ]
+  },
+  {
+    name: "Top bun",
+    h: 128,
+    about: "A soft brioche crown, glazed with egg wash and scattered with toasted sesame seeds.",
+    discs: (k) => {
+      const R = 236, band = 22, dome = 128 - band, steps = 22;
+      const at = (i) => 126 - i * 124 / steps;
+      const width = (yy) => {
+        const up = Math.min(1, Math.max(0, (128 - band - yy) / dome));
+        return Math.max(30, Math.round(2 * R * Math.sqrt(1 - up * up)));
+      };
+      const out = [];
+      let seed = 0;
+      for (let i = 0; i <= steps; i++) {
+        const yy = at(i), d = width(yy), dn = i < steps ? width(at(i + 1)) : 0;
+        const seeds = i >= 3 && i < steps - 2 ? Math.round((d - dn) / 10) : 0;
+        const first = seed;
+        seed += seeds;
+        out.push({
+          yy,
+          d,
+          fills: [...i > steps - 6 ? k.tint("bunGloss", 0.1 * (i - steps + 6)) : [], ...k.tint("bunShade", Math.round(0.62 * (1 - i / steps) ** 1.4 * 100) / 100), ...k.paint("bun")],
+          ...i < 4 ? { rim: "bunShade", rimWidth: 10 } : {},
+          ...seeds ? { deco: (kit, id, dd) => {
+            for (const j of range(seeds)) {
+              const a = rand(first + j) * Math.PI * 2, r = dn / 2 + (dd / 2 - dn / 2) * (0.3 + 0.4 * rand(first + j + 500));
+              const sd = kit.ellipse(id, 22, "sesame", { name: "Sesame seed", absolute: { x: Math.round(dd / 2 + Math.cos(a) * r - 11), y: Math.round(dd / 2 + Math.sin(a) * r - 6) } });
+              kit.patch(sd, { height: 12, rotation: Math.round(a * 180 / Math.PI + 90 + (rand(first + j + 900) - 0.5) * 60) });
+            }
+          } } : {}
+        });
+      }
+      return out;
+    }
+  }
+];
+function positions() {
+  const total = PARTS.reduce((s, p) => s + p.h, 0) - 6;
+  const together = [];
+  let y = RH / 2 + total / 2;
+  for (const p of PARTS) {
+    y -= p.h - (p.name === "Cheese" ? 6 : 0);
+    together.push(Math.round(y));
+  }
+  const mid = (PARTS.length - 1) / 2;
+  const apart = together.map((t, i) => Math.round(t - (i - mid) * GAP));
+  return { together, apart };
+}
+function parts(k) {
+  for (const p of PARTS) {
+    const set = `Layer / ${p.name}`;
+    const states = k.variantSet(set, "State", ["Idle", "Hover"], { width: BW, height: p.h, description: `${p.name}: ${p.about} Hover lifts and brightens it.` }, (state, id) => {
+      const hover = state === "Hover";
+      for (const disc of p.discs(k)) {
+        const fills = [...hover && disc.fills.length ? k.tint("highlight", 0.34) : [], ...disc.fills];
+        const rimRole = disc.rim && hover && !disc.fills.length ? "highlight" : disc.rim;
+        const at = { x: Math.round((BW - disc.d) / 2), y: Math.round(disc.yy - disc.d / 2 - (hover ? 14 : 0)) };
+        const radius = disc.square ? 18 : Math.round(disc.d / 2);
+        const stroke = rimRole ? { color: rimRole, width: disc.rimWidth ?? 10, align: "INSIDE" } : void 0;
+        const n = disc.deco ? k.stack(id, { width: disc.d, height: disc.d, fill: fills, radius, name: "Disc", absolute: at, ...stroke ? { stroke } : {} }) : disc.square ? k.rect(id, disc.d, disc.d, fills, { radius, name: "Disc", absolute: at, ...stroke ? { stroke } : {} }) : k.ellipse(id, disc.d, fills, { name: "Disc", absolute: at, ...stroke ? { stroke } : {} });
+        if (disc.deco) disc.deco(k, n, disc.d);
+        k.patch(n, { rotateX: 90, ...disc.turn ? { rotateY: disc.turn } : {} });
+      }
+    });
+    for (const id of Object.values(states)) k.patch(id, { preserve3d: true });
+    k.changeTo(`${set}/Idle`, "ON_HOVER", `${set}/Hover`, 180, "EASE_OUT");
+  }
+}
+function burger(k, sheet, s, ys, o = {}) {
+  glow(k, sheet, "primary", 1150, s.W * 0.6, s.H * 0.56, 0.32);
+  const scene = stage(k, sheet, s, { duration: DURATION, fps: FPS, perspective: 2400 });
+  const cx = Math.round(s.W * 0.6), cy = Math.round(s.H * 0.53);
+  const rig = k.group(scene, { x: cx - BW / 2, y: cy - RH / 2, width: BW, height: RH }, { name: "Rig" });
+  k.patch(rig, { rotateX: TILT });
+  const turn = k.group(rig, { x: 0, y: 0, width: BW, height: RH }, { name: "Turn" });
+  const spin = k.group(turn, { x: 0, y: 0, width: BW, height: RH }, { name: "Spin" });
+  const layers = PARTS.map((p, i) => {
+    const id = k.instance(spin, `Layer / ${p.name}/Idle`, {}, { name: p.name });
+    k.patch(id, { x: 0, y: ys[i], ...o.focus === i ? { z: FOCUS_Z } : o.focus !== void 0 ? { opacity: DIM } : {} });
+    return id;
+  });
+  return { scene, rig, turn, spin, layers };
+}
+function labels(k, sheet, s, b, o = {}) {
+  const doc = k.finish();
+  const frame = contextFrame(doc.nodes[b.scene]);
+  const style = typeStep(k, s, "label");
+  PARTS.forEach((p, i) => {
+    const m = boxModel(doc.nodes, b.layers[i]).model;
+    const see = (x, y, z) => {
+      const q = transform4(mul4(frame.projection, mul4(frame.view, m)), x, y, z);
+      return { x: q[0] / q[3], y: q[1] / q[3] };
+    };
+    const r = Math.max(...p.discs(k).map((d) => d.d)) / 2;
+    const pts = range(24).map((j) => {
+      const a = j / 24 * Math.PI * 2;
+      return see(BW / 2 + Math.cos(a) * r, p.h / 2, Math.sin(a) * r);
+    });
+    const rim = pts.reduce((a, q) => q.x > a.x ? q : a);
+    const x0 = Math.round(rim.x + 24), labelX = Math.round(s.W * 0.6 + 330);
+    const tag = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", name: `${p.name} label` });
+    const quiet = o.focus !== void 0 && o.focus !== i;
+    k.rect(tag, Math.max(24, labelX - x0), 3, "accent", { radius: 2, name: "Rule", ...quiet ? { opacity: 0 } : {} });
+    k.text(tag, p.name, { style, color: quiet ? "onBackground" : "text", autoWidth: true, name: "Label" });
+    const box = k.finish().nodes[tag];
+    k.patch(tag, { layoutPositioning: "ABSOLUTE", x: x0, y: Math.round(rim.y - box.height / 2) });
+  });
+}
+var CAPTION = { name: "Caption", kicker: "Inside the Classic", title: "Eight layers. One perfect bite.", body: "Hover a layer to lift it, click to look closer, drag to turn the burger." };
+var REEL_BODY = "Brioche, beef, cheese and five more: every layer, and what it brings.";
+function captionBlock(k, sheet, s, body = CAPTION.body) {
+  captionParts(k, s, { kicker: CAPTION.kicker, cta: "Take it apart" });
+  caption(k, sheet, s, { ...CAPTION, body, step: "subtitle", width: 600, at: { x: 130, y: 150 } });
+}
+var toggle = (k, sheet, s, label) => k.instance(sheet, `Button ${typeStep(k, s, "body")}`, { Label: label }, { name: "Toggle", absolute: { x: 130, y: 520 } });
+function detail(k, sheet, s, i) {
+  const p = PARTS[i];
+  const card = k.stack(sheet, { width: 660, gap: 12, fill: k.tint("text", 0.08), radius: 28, padding: 34, name: `${p.name} card`, absolute: { x: 130, y: 630 } });
+  k.text(card, `Layer ${i + 1} of ${PARTS.length}`, { style: typeStep(k, s, "label"), color: "accent", name: "Layer number" });
+  k.text(card, p.name, { style: typeStep(k, s, "subtitle"), color: "text", name: "Layer name" });
+  k.text(card, p.about, { style: typeStep(k, s, "body"), color: "onBackground", name: "About" });
+  const close = k.text(card, "Back to all layers", { style: typeStep(k, s, "label"), color: "accent", name: "Close" });
+  return { card, close };
+}
+var burger_reveal_default = defineTemplate({
+  id: "motion-3d-burger-reveal",
+  meta: {
+    name: "Burger reveal",
+    description: "A burger in real 3D \u2014 sesame bun, sauce, onion, tomato, lettuce, cheese, patty \u2014 turns slowly, comes apart into a labelled exploded view and stacks back up. A 10-second 16:9 loop at 30 fps, plus a working prototype: hover a layer, click it to read about it, take the burger apart with a button, drag to turn it. Exports to working HTML and React",
+    category: "animation",
+    tags: ["animation", "3d", "exploded", "food", "burger", "product", "interactive", "layers", "restaurant", "menu"],
+    platforms: ["youtube", "instagram", "linkedin", "x", "web"],
+    formats: ["video", "post", "ad"],
+    useCases: ["launch", "announcement"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  // One file, not sizes to pick between: the showreel (its first sheet, what the card pictures) and the prototype.
+  sequence: true,
+  build() {
+    const k = new Kit("Burger reveal", preset(SIZE));
+    k.brand({
+      background: "#170E0A",
+      text: "#FFF4E6",
+      onBackground: "#CDB9A6",
+      accent: "#F4AE3F",
+      onAccent: "#2A1405",
+      primary: "#E4572E",
+      onPrimary: "#FFFFFF",
+      highlight: "#FFFFFF",
+      bun: "#D98E3E",
+      bunShade: "#7E4216",
+      bunCut: "#F2D7A4",
+      bunGloss: "#FFE3B0",
+      sesame: "#FFF3D6",
+      patty: "#5B2F1D",
+      pattyShade: "#2C140B",
+      cheese: "#F8BC2C",
+      cheeseShade: "#C98B0C",
+      lettuce: "#74C44A",
+      lettuceShade: "#3F8428",
+      tomato: "#DD3E2C",
+      tomatoShade: "#98221A",
+      tomatoFlesh: "#F4876C",
+      onion: "#EBD3F1",
+      onionShade: "#B484C6",
+      sauce: "#E9773C",
+      sauceShade: "#B24E1F",
+      sauceShine: "#FFD2A8"
+    }, { name: "Stackhouse", tagline: "Built layer by layer." });
+    parts(k);
+    const s = size(SIZE);
+    const { together, apart } = positions();
+    const reel = k.sheet;
+    k.nameSheet(reel, "Burger reveal");
+    const b = burger(k, reel, s, together);
+    k.behave(b.spin, "rotateY", [{ kind: "spin", rate: 360 / (DURATION / 1e3) }]);
+    b.layers.forEach((id, i) => {
+      const off = apart[i] - together[i];
+      const d = Math.abs(i - (PARTS.length - 1) / 2) * 70;
+      k.patch(id, { translateY: off });
+      key(k, id, "translateY", [[0, 0], [OPEN + d, 0, ease.back(1.3)], [OPENED + d, off, ease.hold], [CLOSE - d, off, ease.inOut("cubic")], [CLOSED - d, 0]]);
+    });
+    captionBlock(k, reel, s, REEL_BODY);
+    labels(k, reel, s, b);
+    PARTS.forEach((p, i) => {
+      const tag = k.named(reel, `${p.name} label`)[0];
+      const d = Math.abs(i - (PARTS.length - 1) / 2) * 70;
+      key(k, tag, "opacity", [[0, 0], [OPENED + d - 200, 0, ease.out("cubic")], [OPENED + d + 250, 1, ease.hold], [CLOSE - d - 400, 1, ease.out("cubic")], [CLOSE - d - 100, 0]]);
+      key(k, tag, "translateX", [[OPENED + d - 200, 30, ease.out("cubic")], [OPENED + d + 250, 0]]);
+    });
+    ["Caption kicker", "Caption title", "Caption body"].forEach((name, i) => {
+      const id = k.named(reel, name)[0], t0 = 200 + i * 120;
+      key(k, id, "opacity", [[t0, 0, ease.out("cubic")], [t0 + 500, 1]]);
+      key(k, id, "translateY", [[t0, 40, ease.out("cubic")], [t0 + 700, 0]]);
+    });
+    const screen = (name) => k.addScreen(name);
+    const assembled = screen("Assembled");
+    const exploded = screen("Exploded");
+    const focus = PARTS.map((p) => screen(`Focus \xB7 ${p.name}`));
+    const built = [];
+    const apartScene = burger(k, exploded, s, apart);
+    captionBlock(k, exploded, s);
+    labels(k, exploded, s, apartScene);
+    const explodedToggle = toggle(k, exploded, s, "Put it back together");
+    {
+      const bb = burger(k, assembled, s, together);
+      k.timeline(assembled, { duration: 12e3, fps: FPS });
+      k.behave(bb.spin, "rotateY", [{ kind: "spin", rate: 30 }]);
+      captionBlock(k, assembled, s);
+      built.push({ id: assembled, b: bb, toggle: toggle(k, assembled, s, "Take it apart") });
+    }
+    built.push({ id: exploded, b: apartScene, toggle: explodedToggle });
+    focus.forEach((id, i) => {
+      const bb = burger(k, id, s, apart, { focus: i });
+      captionBlock(k, id, s);
+      labels(k, id, s, apartScene, { focus: i });
+      const { close } = detail(k, id, s, i);
+      built.push({ id, b: bb, toggle: toggle(k, id, s, "Put it back together"), close });
+    });
+    const GLIDE = 650;
+    for (const [n, screenB] of built.entries()) {
+      const focused = n >= 2 ? n - 2 : void 0;
+      k.link(screenB.toggle, n === 0 ? exploded : assembled, "SMART_ANIMATE", { duration: n === 0 ? 900 : 800 });
+      screenB.b.layers.forEach((layer, i) => k.link(layer, focused === i ? exploded : focus[i], "SMART_ANIMATE", { duration: GLIDE }));
+      if (screenB.close) k.link(screenB.close, exploded, "SMART_ANIMATE", { duration: GLIDE });
+      k.orbit(screenB.b.scene, screenB.b.turn, { degreesPerPx: 0.35, tilt: true, tiltRange: [-14, 5], tiltLayerId: screenB.b.rig });
+    }
+    k.flowStart(assembled, "Burger reveal");
+    k.setCover(reel);
+    return k.finish();
+  }
+});
+
+export {
+  burger_reveal_default
+};

package/dist/chunks/chunk-HOQMBKGN.js

@@ -0,0 +1,141 @@
+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 {
+  burst,
+  coupe,
+  disc,
+  draw,
+  flourishComponent,
+  polyP,
+  printVariant,
+  sparkle,
+  specksIn
+} from "./chunk-YAIUTBXU.js";
+import {
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/print/holidays-new-years-eve-poster.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "New Year\u2019s Eve dance poster";
+function art(w, h) {
+  const s = w / 1728, B = 12 * s * 2;
+  const fw = [[0.2, 0.11, 0.15, "gold", 22], [0.74, 0.09, 0.19, "rose", 26], [0.48, 0.17, 0.08, "silver", 16], [0.92, 0.19, 0.065, "gold", 14], [0.07, 0.2, 0.06, "silver", 12]];
+  const bursts = fw.map(([x, y, r, c, n], i) => ({ c, b: burst(w * x, h * y, w * r, n, 11 + i) }));
+  const by = (c) => bursts.filter((b) => b.c === c).map((b) => b.b);
+  const cx = w / 2, oy = h + 40 * s;
+  const rays = [];
+  for (let i = 0; i < 26; i += 2) {
+    const a0 = Math.PI + i * Math.PI / 26, a1 = Math.PI + (i + 1) * Math.PI / 26, R = h * 0.36;
+    rays.push(polyP([{ x: cx, y: oy }, { x: cx + Math.cos(a0) * R, y: oy + Math.sin(a0) * R }, { x: cx + Math.cos(a1) * R, y: oy + Math.sin(a1) * R }]));
+  }
+  const left = coupe(cx - 250 * s, h - 70 * s, 400 * s, 0.26), right = coupe(cx + 250 * s, h - 70 * s, 400 * s, -0.26);
+  const bubbles = [[-40, 420], [-10, 455], [30, 440], [60, 470], [5, 395], [-70, 445], [90, 420], [-20, 375]].map(([x, y], i) => disc(cx + x * s, h - y * s, (i % 3 ? 5 : 8) * s));
+  const fizz = [[-90, 466, 20], [110, 450, 24], [-480, 300, 16], [490, 330, 18]].map(([x, y, r]) => sparkle(cx + x * s, h - y * s, r * s));
+  return [
+    { name: "Sunburst", paths: rays, color: "gold", o: { opacity: 0.07 } },
+    ...[0, 1].map((i) => ({ name: "Stardust", paths: specksIn({ x: -B, y: -B + i * h * 0.13, w: w + 2 * B, h: h * 0.13 }, 1400 * s * s, 70 + i, 4 * s), color: "silver", o: { opacity: 0.5 } })),
+    { name: "Gold rays", paths: by("gold").flatMap((b) => b.rays), color: "gold", o: { strokeWidth: 5 * s } },
+    { name: "Gold sparks", paths: by("gold").flatMap((b) => b.sparks), color: "gold" },
+    { name: "Rose rays", paths: by("rose").flatMap((b) => b.rays), color: "rose", o: { strokeWidth: 5 * s } },
+    { name: "Rose sparks", paths: by("rose").flatMap((b) => b.sparks), color: "rose" },
+    { name: "Silver rays", paths: by("silver").flatMap((b) => b.rays), color: "silver", o: { strokeWidth: 4 * s } },
+    { name: "Silver sparks", paths: by("silver").flatMap((b) => b.sparks), color: "silver" },
+    { name: "Wine", paths: [...left.wine, ...right.wine], color: "gold", o: { opacity: 0.85 } },
+    { name: "Glasses", paths: [...left.glass, ...right.glass], color: "silver", o: { strokeWidth: 6 * s } },
+    { name: "Bubbles", paths: bubbles, color: "gold" },
+    { name: "Fizz", paths: fizz, color: "gold" }
+  ];
+}
+var PAD = { top: 720, right: 140, bottom: 560, left: 140 };
+var holidays_new_years_eve_poster_default = defineTemplate({
+  id: "print-holidays-new-years-eve-poster",
+  meta: {
+    name: NAME,
+    description: "A black-and-gold poster for a New Year\u2019s Eve dance at a neighbourhood ballroom: fireworks in gold, rose and silver, \u201CMidnight\u201D set huge in a serif italic over spaced capitals, doors, the toast and the last dance in a row, and two clinking coupes over an Art Deco sunburst. 18 \xD7 24 inches with bleed, and a US Letter flyer",
+    category: "poster",
+    tags: ["new year\u2019s eve", "new year", "nye", "party", "dance", "ballroom", "fireworks", "champagne", "art deco", "gold", "poster", "flyer", "print", "event"],
+    platforms: ["print"],
+    formats: ["poster", "flyer"],
+    useCases: ["event", "announcement"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("poster-18x24"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#0F0E14", text: "#F7EDD6", onPaper: "#D9B66C", primary: "#D9B66C", onPrimary: "#0F0E14" },
+      { name: "The Marlowe Ballroom", site: "marloweballroom.com" }
+    );
+    k.palette({ gold: "#D9B66C", rose: "#E8939F", silver: "#CBD3E4" });
+    k.textStyle("Kicker 40", { size: 40, fontWeight: 600, letterSpacing: 12, lineHeight: 52 });
+    k.textStyle("Title 300", { ...SERIF, size: 300, fontWeight: 400, fontStyle: "italic", letterSpacing: -9, lineHeight: 290 });
+    k.textStyle("Sub 76", { size: 76, fontWeight: 300, letterSpacing: 22, lineHeight: 92 });
+    k.textStyle("Line 46", { ...SERIF, size: 46, fontWeight: 400, lineHeight: 62 });
+    k.textStyle("Fact label 26", { size: 26, fontWeight: 700, letterSpacing: 6, lineHeight: 34 });
+    k.textStyle("Fact 56", { ...SERIF, size: 56, fontWeight: 600, lineHeight: 64 });
+    k.textStyle("Foot 34", { size: 34, fontWeight: 600, letterSpacing: 4, lineHeight: 44 });
+    flourishComponent(k, "Diamond rule", "primary", polyP([{ x: 0, y: 6 }, { x: 6, y: 0 }, { x: 12, y: 6 }, { x: 6, y: 12 }]), { rule: 120, size: 22, gap: 18 });
+    const sheet = k.sheet;
+    const { width: W, height: H } = k.node(sheet);
+    k.flowSheet(sheet, 0, PAD, "paper", "MIN", "CENTER");
+    draw(k, sheet, art(W, H));
+    const c = { align: "CENTER", width: "FILL" };
+    k.text(sheet, "NEW YEAR\u2019S EVE \xB7 THURSDAY 31 DECEMBER", { style: "Kicker 40", color: "onPaper", ...c, name: "Kicker" });
+    k.stack(sheet, { height: 40, name: "Gap" });
+    k.text(sheet, "Midnight", { style: "Title 300", color: "text", ...c, name: "Title" });
+    k.text(sheet, "AT THE MARLOWE", { style: "Sub 76", color: "text", ...c, name: "Sub" });
+    k.stack(sheet, { height: 60, name: "Gap" });
+    k.instance(sheet, "Diamond rule", {}, { name: "Divider" });
+    k.stack(sheet, { height: 60, name: "Gap" });
+    k.text(sheet, "Live swing from the Dellwood Seven, a dance floor that stays open till one, a midnight toast and a balloon drop. Black tie optional, dancing shoes essential.", { style: "Line 46", color: "text", ...c, name: "Body" });
+    k.stack(sheet, { height: 70, name: "Gap" });
+    const facts = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, width: "HUG", name: "Facts" });
+    for (const [l, v] of [["DOORS", "8 pm"], ["THE TOAST", "Midnight"], ["TICKETS", "$45 \xB7 $25"]]) {
+      const f = k.stack(facts, { gap: 6, width: 380, align: "CENTER", name: "Fact" });
+      k.text(f, l, { style: "Fact label 26", color: "onPaper", align: "CENTER", width: "FILL", name: "Fact label" });
+      k.text(f, v, { style: "Fact 56", color: "text", align: "CENTER", width: "FILL", name: "Fact value" });
+    }
+    k.stack(sheet, { height: 70, name: "Gap" });
+    k.text(sheet, "{{brand.name}} \xB7 214 Front Street \xB7 {{brand.site}}", { style: "Foot 34", color: "onPaper", ...c, name: "Foot" });
+    k.textStyle("Kicker 19", { size: 19, fontWeight: 600, letterSpacing: 5.6, lineHeight: 25 });
+    k.textStyle("Title 140", { ...SERIF, size: 122, fontWeight: 400, fontStyle: "italic", letterSpacing: -3.6, lineHeight: 116 });
+    k.textStyle("Sub 36", { size: 36, fontWeight: 300, letterSpacing: 10, lineHeight: 44 });
+    k.textStyle("Line 21", { ...SERIF, size: 21, fontWeight: 400, lineHeight: 29 });
+    k.textStyle("Foot 16", { size: 16, fontWeight: 600, letterSpacing: 1.8, lineHeight: 21 });
+    k.textStyle("Fact label 12", { size: 12, fontWeight: 700, letterSpacing: 2.8, lineHeight: 16 });
+    k.textStyle("Fact 26", { ...SERIF, size: 26, fontWeight: 600, lineHeight: 30 });
+    k.variants(sheet, [printVariant("us-letter", {
+      art,
+      pad: PAD,
+      masterWidth: W,
+      styles: [["Kicker", "Kicker 19"], ["Title", "Title 140"], ["Sub", "Sub 36"], ["Body", "Line 21"], ["Foot", "Foot 16"], ["Fact label", "Fact label 12"], ["Fact value", "Fact 26"]],
+      more: (kit, id, s) => {
+        kit.patch(id, { padding: { top: 280, right: Math.round(140 * s), bottom: Math.round(560 * s), left: Math.round(140 * s) } });
+        for (const n of kit.named(id, "Fact")) kit.patch(n, { width: Math.round(380 * s) });
+        for (const n of kit.named(id, "Facts")) kit.patch(n, { itemSpacing: Math.round(40 * s) });
+      }
+    })]);
+    return k.finish();
+  }
+});
+
+export {
+  holidays_new_years_eve_poster_default
+};

package/dist/chunks/chunk-HQ2AXG33.js

@@ -0,0 +1,50 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  slideshow
+} from "./chunk-JYZIRBUJ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/slideshow/adoption.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var story = {
+  id: "motion-slideshow-adoption",
+  song: "littleSteps",
+  voice: "grotesk",
+  meta: {
+    name: "Pet adoption slideshow",
+    description: "A cheerful adoption reel for an animal rescue: a title card with the shelter, puppies and kittens as chapters, each animal in its own scene with its name and nature, cut on the beats of a playful music-box track (made by PopCraft, CC0), pushes, slides and a light leak, and a closing card with the open day. Photos are CC0 from Wikimedia Commons; drop your own on any frame.",
+    tags: ["animation", "slideshow", "pet", "adoption", "rescue", "shelter", "dog", "puppy", "cat", "kitten", "charity", "photo", "music", "video"],
+    platforms: ["instagram", "tiktok", "facebook", "youtube"],
+    formats: ["video", "reel", "post"],
+    useCases: ["event", "announcement"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  brand: { paper: "#FFF1C9", onPaper: "#2D2140", accent: "#E8553E", shade: "#1F1730", onPhoto: "#FFFFFF", leak: "#FFB86B" },
+  fields: { names: "Meadowbank Rescue", date: "Adoption open day \xB7 Saturday 10\u20134" },
+  scenes: [
+    { kind: "title", name: "Opening", photo: "pet-05", kicker: "Looking for a sofa", beats: 8, move: "in" },
+    { kind: "chapter", name: "Chapter 1", kicker: "The dogs", title: "Woof", beats: 4 },
+    { kind: "photo", name: "Biscuit", photo: "pet-00", layout: "matted", caption: "Biscuit, zero to zoomies", place: "1 year \xB7 good with kids", beats: 4, move: "left", into: "push" },
+    { kind: "photo", name: "Pip", photo: "pet-02", layout: "matted", caption: "Pip will sit for cheese", place: "4 months \xB7 Jack Russell", beats: 4, move: "in", into: "push" },
+    { kind: "photo", name: "Moose", photo: "pet-03", layout: "matted", caption: "Moose, a gentleman", place: "6 months \xB7 Frenchie", beats: 4, move: "right", into: "slide" },
+    { kind: "chapter", name: "Chapter 2", kicker: "The cats", title: "Meow", beats: 4 },
+    { kind: "photo", name: "Pepper", photo: "pet-06", layout: "matted", caption: "Pepper sees everything", place: "2 years \xB7 indoor", beats: 4, move: "in", into: "push" },
+    { kind: "photo", name: "Litter", photo: "pet-08", layout: "matted", caption: "Three sisters, rehomed together", beats: 4, move: "left", into: "slide" },
+    { kind: "photo", name: "Nap", photo: "pet-07", caption: "Some of us just want a nap", beats: 6, move: "in", into: "leak" },
+    { kind: "end", name: "Ending", kicker: "Come and say hello" }
+  ]
+};
+var adoption_default = slideshow(story);
+
+export {
+  story,
+  adoption_default
+};