@popcraft/kit 0.31.0 → 0.32.0

package/dist/chunks/chunk-VEI66U2U.js

@@ -0,0 +1,261 @@
+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 {
+  into
+} from "./chunk-L6NNGCPO.js";
+import {
+  buildShort,
+  shortScenes
+} from "./chunk-KO5UAPHF.js";
+import {
+  figure
+} from "./chunk-OBTEVYZG.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  curve,
+  rng
+} from "./chunk-LJRPY6UH.js";
+import {
+  H,
+  W,
+  camera,
+  caption,
+  depth,
+  fxLayer,
+  glow,
+  sky,
+  titleCard,
+  vignette,
+  wash
+} from "./chunk-6YFQKNFH.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/anime/rain.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var YUI = { key: "yui", name: "Yui", hair: "long", outfit: "coat" };
+var SORA = { key: "sora", name: "Sora", hair: "spiky", outfit: "hoodie" };
+var NEON = ["neonPink", "neonCyan", "neonAmber"];
+function street(l, parent, horizon, seed) {
+  const r = rng(seed);
+  const city = depth(l, parent, "Street");
+  const signs = [];
+  for (let x = -40; x < W + 40; ) {
+    const w = 180 + r() * 200, h = 320 + r() * 380;
+    l.rect(city, x, horizon - h, w, h, r() < 0.5 ? "building" : "buildingLit", { name: "Building" });
+    for (let wy = horizon - h + 40; wy < horizon - 60; wy += 60) for (let wx = x + 20; wx < x + w - 30; wx += 44) if (r() < 0.18) l.rect(city, wx, wy, 20, 28, "window", { name: "Window", opacity: 0.8 });
+    if (r() < 0.8) signs.push({ x: x + w * 0.2, y: horizon - h * (0.35 + r() * 0.4), w: w * 0.6, h: 60 + r() * 90, role: NEON[Math.floor(r() * 3)] });
+    x += w + 10;
+  }
+  const drawSigns = (g) => {
+    for (const s of signs) {
+      glow(l, g, s.x + s.w / 2, s.y + s.h / 2, Math.max(s.w, s.h) * 0.9, s.role, { strength: 0.55, name: "Sign glow", blend: "SCREEN" });
+      l.rect(g, s.x, s.y, s.w, s.h, "building", { name: "Sign", radius: 10, stroke: { color: s.role, width: 7 } });
+      l.rect(g, s.x + 16, s.y + s.h / 2 - 6, s.w - 32, 12, s.role, { name: "Sign light", radius: 6 });
+    }
+  };
+  const lit = depth(l, city, "Signs");
+  drawSigns(lit);
+  l.rect(parent, 0, horizon, W, H - horizon, "road", { name: "Road" });
+  const refl = depth(l, parent, "Reflection");
+  drawSigns(refl);
+  l.k.patch(refl, { scaleY: -1, anchorY: horizon / H, opacity: 0.45, effects: [{ type: "MOTION_BLUR", radius: 70, angle: 90, visible: true, id: "smear" }] });
+  return { city, refl };
+}
+function umbrella(l, parent, x, y, r, role) {
+  const top = y - r * 1.25;
+  l.shape(parent, curve([
+    [x - r, top + r * 0.45],
+    [x - r * 0.7, top - r * 0.05],
+    [x, top - r * 0.25],
+    [x + r * 0.7, top - r * 0.05],
+    [x + r, top + r * 0.45],
+    [x + r * 0.5, top + r * 0.3],
+    [x, top + r * 0.42],
+    [x - r * 0.5, top + r * 0.3]
+  ], true, [0, 4, 5, 6, 7]), role, { name: "Umbrella", stroke: { color: "line", width: 5 } });
+  l.line(parent, [[x, top - r * 0.25], [x, y]], "line", 7, { name: "Umbrella shaft" });
+  l.line(parent, curve([[x, y], [x + 16, y + 22], [x + 32, y]], false), "line", 7, { name: "Umbrella handle" });
+}
+var spec = {
+  id: "motion-anime-rain",
+  title: "Neon Rain",
+  score: "rain",
+  ground: "night",
+  colors: {
+    night: "#0B0E24",
+    skyGlow: "#2A1E5C",
+    building: "#161A36",
+    buildingLit: "#1F2548",
+    window: "#FFD28A",
+    road: "#0E1128",
+    neonPink: "#FF3FA4",
+    neonCyan: "#3FE6FF",
+    neonAmber: "#FFB23F",
+    rain: "#B8C8FF",
+    flash: "#F4F2FF",
+    white: "#FFFFFF",
+    umbrella: "#D9DEF7",
+    rim: "#3FE6FF",
+    skin: "#FCE2D6",
+    skinShade: "#E3ABA0",
+    line: "#15122A",
+    blush: "#F2A0B5",
+    mouth: "#963050",
+    yuiHair: "#2A2F4F",
+    yuiHairShade: "#181B30",
+    yuiHairLight: "#6A76B8",
+    yuiEye: "#5B8DEF",
+    yuiEyeLight: "#B5D3FF",
+    yuiOutfit: "#C9B8A6",
+    yuiOutfitShade: "#9A8878",
+    yuiAccent: "#7A2E4A",
+    soraHair: "#E6E1D8",
+    soraHairShade: "#B3AA9E",
+    soraHairLight: "#FFFFFF",
+    soraEye: "#D0457A",
+    soraEyeLight: "#FF9EC2",
+    soraOutfit: "#2B2B38",
+    soraOutfitShade: "#1A1A24",
+    soraAccent: "#FF4FA0"
+  },
+  fields: { title: "Neon Rain", her: "Yui", him: "Sora", line1: "You said you\u2019d stay.", line2: "\u2026I\u2019m here now.", tagline: "Episode 5 \xB7 Umbrella" },
+  characters: [YUI, SORA],
+  shots: [
+    {
+      name: "1 \xB7 The street",
+      cues: [{ layer: "Camera", preset: "push-in", at: 0, params: { duration: 3333, amount: 0.06 } }],
+      sfx: [{ key: "rain", at: 0, gain: 0.8 }, { key: "rain", at: 4e3, gain: 0.8 }],
+      draw(l, sheet) {
+        const cam = camera(l, sheet);
+        sky(l, cam, "night", "night", "skyGlow", { h: 760 });
+        street(l, cam, 760, 5);
+        glow(l, cam, 960, 820, 420, "neonPink", { strength: 0.45, name: "Street light", blend: "SCREEN" });
+        figure(l, cam, YUI, { pose: "turn", x: 960, base: 940, height: 360, ink: "line", rim: "neonCyan", lightFrom: "left", name: "Yui in the rain" });
+        fxLayer(l, cam, "Rain", "Rain", { density: 0.5, speed: 1700, angle: 100, sway: 0, size: 9, spin: 0, colorA: { role: "rain" }, colorB: { role: "neonCyan" } }, { blend: "SCREEN" });
+        vignette(l, sheet, "night", 0.6);
+      }
+    },
+    {
+      name: "2 \xB7 Yui",
+      cues: [
+        { layer: "Camera", preset: "push-in", at: 0, params: { duration: 2500, amount: 0.05 } },
+        { layer: "Caption card", preset: "fade-in", at: 450, params: { duration: 300 } },
+        { layer: "Speaker", preset: "fade-in", at: 500, params: { duration: 300 } },
+        { layer: "Caption", preset: "words-in", at: 550, params: { duration: 600, amount: 160 } }
+      ],
+      draw(l, sheet, k) {
+        const cam = camera(l, sheet);
+        l.rect(cam, 0, 0, W, H, "night", { name: "Night" });
+        const r = rng(9);
+        for (let i = 0; i < 14; i++) glow(l, cam, r() * W, r() * 700, 90 + r() * 120, NEON[i % 3], { strength: 0.5, name: "Bokeh", blend: "SCREEN" });
+        const yui = k.instance(cam, "Yui/Sad", { Rim: 1, Shade: 1 }, { name: "Yui", absolute: { x: 460, y: 160 }, playback: { loop: "loop" } });
+        k.patch(yui, { scaleX: 1.35, scaleY: 1.35 });
+        fxLayer(l, cam, "Rain", "Rain", { density: 0.4, speed: 1900, angle: 100, sway: 0, size: 16, spin: 0, seed: 3, colorA: { role: "rain" }, colorB: { role: "neonCyan" } }, { blend: "SCREEN" });
+        wash(l, cam, "Neon cast", "neonCyan", "SOFT_LIGHT", 0.25);
+        vignette(l, sheet, "night", 0.6);
+        caption(l, sheet, "{{brand.her}}", "{{brand.line1}}", { speakerRole: "neonCyan" });
+      }
+    },
+    {
+      name: "3 \xB7 Sora",
+      cues: [
+        { layer: "Camera", preset: "drift", at: 0, params: { duration: 2500, distance: 24, direction: "right", amount: 0.03 } },
+        { layer: "Caption card", preset: "fade-in", at: 550, params: { duration: 300 } },
+        { layer: "Speaker", preset: "fade-in", at: 600, params: { duration: 300 } },
+        { layer: "Caption", preset: "words-in", at: 650, params: { duration: 500, amount: 200 } }
+      ],
+      draw(l, sheet, k) {
+        const cam = camera(l, sheet);
+        l.rect(cam, 0, 0, W, H, "night", { name: "Night" });
+        const r = rng(13);
+        for (let i = 0; i < 12; i++) glow(l, cam, r() * W, r() * 700, 90 + r() * 120, i % 2 ? "neonPink" : "neonAmber", { strength: 0.5, name: "Bokeh", blend: "SCREEN" });
+        const sora = k.instance(cam, "Sora/Calm", { Rim: 0.9, Shade: 1 }, { name: "Sora", absolute: { x: 460, y: 160 }, playback: { loop: "loop", start: 1500 } });
+        k.patch(sora, { scaleX: -1.35, scaleY: 1.35 });
+        fxLayer(l, cam, "Rain", "Rain", { density: 0.4, speed: 1900, angle: 100, sway: 0, size: 16, spin: 0, seed: 5, colorA: { role: "rain" }, colorB: { role: "neonPink" } }, { blend: "SCREEN" });
+        wash(l, cam, "Neon cast", "neonPink", "SOFT_LIGHT", 0.3);
+        vignette(l, sheet, "night", 0.6);
+        caption(l, sheet, "{{brand.him}}", "{{brand.line2}}", { speakerRole: "neonPink" });
+      }
+    },
+    {
+      name: "4 \xB7 Lightning",
+      cues: [
+        { layer: "Camera", preset: "camera-shake", at: 120, params: { duration: 700, distance: 20, amount: 1.2 } },
+        { layer: "Lightning", preset: "impact-frame", at: 0, params: { duration: 260 } },
+        { layer: "Bolt", preset: "impact-frame", at: 0, params: { duration: 260 } }
+      ],
+      sfx: [{ key: "thunder", at: 0, lane: 2 }],
+      draw(l, sheet) {
+        const cam = camera(l, sheet);
+        sky(l, cam, "night", "night", "skyGlow", { h: 760 });
+        street(l, cam, 760, 5);
+        wash(l, cam, "Lightning", "flash", "NORMAL", 0);
+        const bolt = [[1300, -20], [1240, 180], [1300, 190], [1190, 420], [1260, 430], [1120, 700], [1210, 410], [1150, 400], [1240, 200], [1180, 190]];
+        l.shape(cam, curve(bolt, true, bolt.map((_, i) => i), 0), "neonCyan", { name: "Bolt", opacity: 0 });
+        glow(l, cam, 960, 860, 520, "neonCyan", { strength: 0.35, name: "Street light", blend: "SCREEN" });
+        figure(l, cam, YUI, { pose: "turn", x: 820, base: 960, height: 520, ink: "line", rim: "neonCyan", lightFrom: "right", name: "Yui" });
+        figure(l, cam, SORA, { pose: "stand", x: 1120, base: 960, height: 560, flip: true, ink: "line", rim: "neonPink", lightFrom: "left", name: "Sora" });
+        fxLayer(l, cam, "Rain", "Rain", { density: 0.5, speed: 1700, angle: 100, sway: 0, size: 10, spin: 0, seed: 8, colorA: { role: "rain" }, colorB: { role: "neonCyan" } }, { blend: "SCREEN" });
+        const dark = wash(l, sheet, "Afterimage", "night", "MULTIPLY", 0);
+        l.keys(dark, "opacity", [[0, 0, ease.hold], [260, 0.6, ease.out("cubic")], [1667, 0]]);
+        vignette(l, sheet, "night", 0.5);
+      }
+    },
+    {
+      name: "5 \xB7 One umbrella",
+      transition: into("DISSOLVE", 400),
+      cues: [
+        { layer: "Camera", preset: "pull-out", at: 0, params: { duration: 5e3, amount: 0.12 } },
+        { layer: "Title card", preset: "fade-in", at: 2e3, params: { duration: 900 } },
+        { layer: "Tagline", preset: "fade-in", at: 2600, params: { duration: 700 } }
+      ],
+      sfx: [{ key: "rain", at: 1667, gain: 0.7, fadeOut: 1500 }],
+      draw(l, sheet, k) {
+        const cam = camera(l, sheet);
+        sky(l, cam, "night", "night", "skyGlow", { h: 760 });
+        street(l, cam, 760, 17);
+        glow(l, cam, 980, 860, 560, "neonPink", { strength: 0.4, name: "Street light", blend: "SCREEN" });
+        figure(l, cam, YUI, { pose: "stand", x: 900, base: 980, height: 420, ink: "line", rim: "neonCyan", lightFrom: "left", name: "Yui" });
+        figure(l, cam, SORA, { pose: "stand", x: 1040, base: 980, height: 450, flip: true, ink: "line", rim: "neonPink", lightFrom: "right", name: "Sora" });
+        umbrella(l, cam, 1010, 700, 250, "umbrella");
+        fxLayer(l, cam, "Rain", "Rain", { density: 0.45, speed: 1500, angle: 100, sway: 0, size: 9, spin: 0, seed: 11, colorA: { role: "rain" }, colorB: { role: "neonPink" } }, { blend: "SCREEN" });
+        vignette(l, sheet, "night", 0.65);
+        titleCard(k, sheet, { title: "{{brand.title}}", tagline: "{{brand.tagline}}", plate: "night", plateOpacity: 0.7, shadow: "neonPink", taglineRole: "neonCyan", justify: "MIN", padding: 90 });
+      }
+    }
+  ]
+};
+var RAIN_SHORT = spec;
+var rain_default = defineTemplate({
+  id: spec.id,
+  meta: {
+    name: "Anime short: Neon Rain",
+    description: "A 15-second night-time anime drama at 1920\xD71080, 30 fps: a neon street in the rain with its reflections streaked in the wet road, two close-ups and their lines, a lightning strike (held white frames, a bolt, a shake, thunder) and the two of them under one umbrella as the title comes up \u2014 original characters as motion components, rain particles, motion blur and a piano score (made by PopCraft, CC0)",
+    category: "animation",
+    tags: ["animation", "anime", "short film", "drama", "rain", "neon", "night", "characters", "scenes", "music", "particles"],
+    platforms: ["youtube", "tiktok", "instagram", "x"],
+    formats: ["video", "short", "intro"],
+    useCases: ["brand-intro", "announcement"],
+    created: "2026-09-30",
+    updated: "2026-09-30"
+  },
+  sequence: true,
+  motion: { scenes: shortScenes(spec) },
+  build: () => buildShort(spec)
+});
+
+export {
+  RAIN_SHORT,
+  rain_default
+};

package/dist/chunks/chunk-VF4FO65C.js

@@ -0,0 +1,102 @@
+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 {
+  castLight,
+  noirBrand,
+  pendantLamp,
+  stamp,
+  typedRow
+} from "./chunk-LLOS2L3K.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  logoBadge,
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/noir-case-file.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var noir_case_file_default = defineTemplate({
+  id: "social-noir-case-file",
+  meta: {
+    name: "Noir case study link preview",
+    description: "A 1200 \xD7 630 link preview for a customer story, as a film-noir closed file: the result in a heavy serif, the client in one mono line, and under a pendant lamp a manila folder with the typed report and CASE CLOSED stamped across it",
+    category: "social",
+    tags: ["noir", "film noir", "detective", "case file", "stamp", "typewriter", "case study", "customer story", "link preview", "open graph", "og image", "saas", "serif", "black and white"],
+    platforms: ["web", "x", "linkedin", "facebook"],
+    formats: ["og-image"],
+    useCases: ["case-study", "testimonial"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Noir case study link preview", preset("og-image"));
+    k.quantizeGeometry = true;
+    noirBrand(k, { headline: "They suspected churn. It was the billing all along." });
+    k.textStyle("Eyebrow 18", { ...MONO, size: 18, fontWeight: 700, letterSpacing: 3, lineHeight: 24, textCase: "UPPER" });
+    k.textStyle("Display 64", { ...SERIF, size: 64, fontWeight: 900, letterSpacing: -2, lineHeight: 66 });
+    k.textStyle("Facts 20", { ...MONO, size: 20, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Brand 24", { ...SERIF, size: 24, fontWeight: 900, letterSpacing: -0.3, lineHeight: 30 });
+    k.textStyle("Tab 16", { ...MONO, size: 16, fontWeight: 700, letterSpacing: 2, lineHeight: 20, textCase: "UPPER" });
+    k.textStyle("Typed 16", { ...MONO, size: 16, fontWeight: 500, lineHeight: 24 });
+    k.textStyle("Tag 16", { size: 16, fontWeight: 800, letterSpacing: 1.5, lineHeight: 20, textCase: "UPPER" });
+    pill(k, "Tag", { fill: "primary", ink: "onPrimary", style: "Tag 16", label: "Case study", pad: [7, 14], radius: 3 });
+    k.textStyle("Typed figure 44", { ...MONO, size: 44, fontWeight: 800, letterSpacing: -1.5, lineHeight: 48 });
+    k.textStyle("Stamp 34", { size: 34, fontWeight: 900, letterSpacing: 3, lineHeight: 38, textCase: "UPPER" });
+    const shadow = { type: "DROP_SHADOW", color: k.color("shade", 0.8), offset: { x: 0, y: 22 }, blur: 46, spread: 0, visible: true };
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, { top: 56, right: 72, bottom: 56, left: 72 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    castLight(k, sheet, 1200, 630, { bars: 8, opacity: 0.07, rise: 150 });
+    pendantLamp(k, sheet, { x: 900, cord: 34, shade: 150, coneW: 760, coneH: 560, opacity: 0.32 });
+    const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 56, align: "CENTER", name: "Row" });
+    const copy = k.stack(row, { gap: 22, name: "Copy" });
+    const head = k.stack(copy, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Head" });
+    k.instance(head, "Tag", { Label: "Case study" }, { name: "Tag" });
+    k.text(head, "Closed file no. 0389", { style: "Eyebrow 18", color: "onPaper", autoWidth: true, name: "Eyebrow" });
+    k.text(copy, "{{brand.headline}}", { style: "Display 64", color: "text", name: "Headline" });
+    k.rect(copy, 96, 5, "primary", { name: "Rule" });
+    k.text(copy, "Tidewater Analytics \xB7 $212,400 back in 11 days", { style: "Facts 20", color: "onPaper", name: "Facts" });
+    const by = k.stack(copy, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Byline" });
+    logoBadge(k, by, { fill: "primary", size: 26, pad: 6, radius: 6 });
+    k.text(by, "{{brand.name}}", { style: "Brand 24", color: "text", autoWidth: true, name: "Brand name" });
+    const desk = k.stack(row, { width: 420, height: 440, name: "Desk" });
+    const folder = k.stack(desk, { width: 400, height: 420, absolute: { x: 16, y: 16 }, name: "Folder" });
+    k.rect(folder, 160, 40, "file", { radius: 6, name: "Folder tab", absolute: { x: 0, y: 0 } });
+    k.rect(folder, 400, 392, "file", { radius: 4, name: "Folder back", effects: [shadow], absolute: { x: 0, y: 28 } });
+    k.text(folder, "No. 0389", { style: "Tab 16", color: "onCard", autoWidth: true, name: "Folder label", absolute: { x: 18, y: 8 } });
+    k.patch(folder, { rotation: 5 });
+    const paper = k.stack(desk, { width: 372, gap: 8, fill: "card", radius: 2, padding: { top: 26, right: 26, bottom: 30, left: 26 }, absolute: { x: 16, y: 58 }, name: "Report" });
+    k.text(paper, "{{brand.name}} \xB7 final report", { style: "Tab 16", color: "onCard", name: "Report head" });
+    k.rect(paper, "FILL", 2, "onCard", { name: "Report rule" });
+    for (const [label, value] of [["CLIENT", "Tidewater Analytics"], ["LEAK", "Annual plans renewing at the 2023 price"], ["FOUND", "Day 2, in 1,140 invoices"]]) typedRow(k, paper, label, value, { style: "Typed 16", labelWidth: 70 });
+    k.rect(paper, "FILL", 1, "onCard", { name: "Report rule", opacity: 0.4 });
+    k.text(paper, "RECOVERED", { style: "Tab 16", color: "onCard", name: "Recovered label" });
+    k.text(paper, "$212,400", { style: "Typed figure 44", color: "onCard", name: "Recovered figure" });
+    k.stack(paper, { height: 66, name: "Gap" });
+    stamp(k, paper, "Case closed", { style: "Stamp 34", turn: -8, pad: [6, 14], absolute: { x: 70, y: 318 } });
+    k.patch(paper, { rotation: -2 });
+    return k.finish();
+  }
+});
+
+export {
+  noir_case_file_default
+};

package/dist/chunks/chunk-VIDB76SW.js

@@ -0,0 +1,133 @@
+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 {
+  CARD_ART,
+  OFFER,
+  cardArt,
+  fitTable,
+  guilloche,
+  scratchBrand,
+  table
+} from "./chunk-UKZAWO4R.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  board,
+  patchAll,
+  reboard,
+  restyle
+} from "./chunk-YHBAWSDX.js";
+import {
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/black-friday-scratch-ads.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Black Friday scratch card display ad set";
+var black_friday_scratch_ads_default = defineTemplate({
+  id: "social-black-friday-scratch-display-ads",
+  meta: {
+    name: NAME,
+    description: "Display ads for a SaaS Black Friday sale, drawn as a lottery scratch card: the offer in heavy type beside a green foil card scratched bare to 50% OFF, the three plans\u2019 half prices and the winning code, a gold coin on its panel and a WINNER burst, on a dark table. 1200 \xD7 628 and 1200 \xD7 1200, with 4:5 and LinkedIn cuts",
+    category: "social",
+    tags: ["black friday", "cyber monday", "sale", "ad", "display ad", "google ads", "saas", "scratch card", "lottery", "promo code", "pricing", "annual plan"],
+    platforms: ["web", "facebook", "linkedin", "instagram"],
+    formats: ["ad", "banner", "post", "portrait-post"],
+    useCases: ["sale", "pricing"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("ad-landscape"));
+    k.quantizeGeometry = true;
+    scratchBrand(k, { name: OFFER.product, code: OFFER.code, pitch: `Code ${OFFER.code} takes ${OFFER.off}% off every annual plan until Monday night. Invoices that chase themselves.` });
+    k.textStyle("Mast 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1.2, lineHeight: 22 });
+    k.textStyle("Mast 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 1.6, lineHeight: 28 });
+    k.textStyle("Display 84", { size: 84, fontWeight: 900, letterSpacing: -4, lineHeight: 78 });
+    k.textStyle("Display 124", { size: 124, fontWeight: 900, letterSpacing: -6, lineHeight: 110 });
+    k.textStyle("Pitch 22", { size: 22, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Pitch 28", { size: 28, fontWeight: 500, lineHeight: 38 });
+    k.textStyle("Button 22", { size: 22, fontWeight: 800, lineHeight: 28 });
+    k.textStyle("Button 30", { size: 30, fontWeight: 800, lineHeight: 38 });
+    k.textStyle("Head 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1, lineHeight: 22 });
+    k.textStyle("Label 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 2, lineHeight: 22, textAlign: "CENTER" });
+    k.textStyle("Prize 80", { size: 80, fontWeight: 900, letterSpacing: -3.6, lineHeight: 80, textAlign: "CENTER" });
+    k.textStyle("Prize side 19", { ...MONO, size: 19, fontWeight: 800, letterSpacing: 1.6, lineHeight: 24, textAlign: "CENTER" });
+    k.textStyle("Window label 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1.6, lineHeight: 20, textAlign: "CENTER" });
+    k.textStyle("Window 50", { size: 50, fontWeight: 900, letterSpacing: -2, lineHeight: 50, textAlign: "CENTER" });
+    k.textStyle("Was 16", { ...MONO, size: 16, fontWeight: 700, lineHeight: 20, textAlign: "CENTER" });
+    k.textStyle("Match 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 0.8, lineHeight: 22, textAlign: "CENTER" });
+    k.textStyle("Code label 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1.2, lineHeight: 20 });
+    k.textStyle("Code 24", { ...MONO, size: 24, fontWeight: 800, letterSpacing: 1, lineHeight: 30 });
+    k.textStyle("Burst 34", { size: 34, fontWeight: 900, letterSpacing: -1, lineHeight: 34 });
+    k.textStyle("Burst 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1, lineHeight: 20 });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 22", label: `Claim ${OFFER.off}% off a year`, pad: [14, 28], radius: 10 });
+    pill(k, "Button large", { fill: "primary", ink: "onPrimary", style: "Button 30", label: `Claim ${OFFER.off}% off a year`, pad: [18, 34], radius: 12 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, { top: 30, right: 48, bottom: 30, left: 56 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    table(k, sheet, 1200, 628, { fx: 0.74, fy: 0.5, step: 56, crumbs: 30 });
+    const ad = k.stack(sheet, { direction: "HORIZONTAL", gap: 36, align: "CENTER", name: "Ad" });
+    const copy = k.stack(ad, { gap: 18, name: "Copy" });
+    const mast = k.stack(copy, { gap: 8, name: "Masthead" });
+    k.text(mast, "{{brand.name}} \xB7 BLACK FRIDAY SCRATCH CARD", { style: "Mast 16", color: "text", name: "Edition" });
+    guilloche(k, mast, 14, "primary", { opacity: 0.8, lines: 5 });
+    const lines = k.stack(copy, { gap: 18, name: "Lines" });
+    k.text(lines, "EVERY CARD\nWINS 50%.", { style: "Display 84", color: "text", name: "Offer" });
+    const side = k.stack(lines, { gap: 18, name: "Side" });
+    k.text(side, "{{brand.pitch}}", { style: "Pitch 22", color: "onPaper", name: "Pitch" });
+    k.instance(side, "Button", { Label: `Claim ${OFFER.off}% off a year` }, { name: "Buy button" });
+    k.patch(k.instance(side, "Button large", { Label: `Claim ${OFFER.off}% off a year` }, { name: "Buy button large" }), { visible: false });
+    cardArt(k, board(k, ad, CARD_ART.w, CARD_ART.h, 0.88, "Art"), { head: "Head 16", label: "Label 16", prize: "Prize 80", prizeSide: "Prize side 19", windowLabel: "Window label 16", window: "Window 50", was: "Was 16", match: "Match 16", codeLabel: "Code label 16", code: "Code 24", burst: ["Burst 34", "Burst 16"] });
+    const tall = (kit, id, beside, scale) => {
+      fitTable(kit, id, { fx: 0.5, fy: 0.6, step: 64, crumbs: 40 });
+      patchAll(kit, id, "Ad", { layoutMode: "VERTICAL", itemSpacing: 24, counterAxisSpacing: 24, counterAxisAlignItems: "CENTER", primaryAxisAlignItems: "MIN" });
+      patchAll(kit, id, "Copy", { layoutSizingHorizontal: "FILL", itemSpacing: 20, counterAxisSpacing: 20 });
+      if (beside) patchAll(kit, id, "Lines", { layoutMode: "HORIZONTAL", itemSpacing: 36, counterAxisSpacing: 36, counterAxisAlignItems: "MAX" });
+      restyle(kit, id, "Edition", "Mast 22");
+      if (beside) patchAll(kit, id, "Offer", { textAutoResize: "WIDTH_AND_HEIGHT", layoutSizingHorizontal: "HUG" });
+      if (beside) patchAll(kit, id, "Side", { layoutSizingHorizontal: "FILL" });
+      restyle(kit, id, "Offer", "Display 124");
+      if (!beside) {
+        restyle(kit, id, "Pitch", "Pitch 28");
+        patchAll(kit, id, "Buy button", { visible: false });
+        patchAll(kit, id, "Buy button large", { visible: true });
+      }
+      reboard(kit, id, "Art", scale);
+    };
+    k.variants(sheet, [
+      { preset: "ad-square", adjust: (kit, id) => {
+        kit.patch(id, { padding: { top: 56, right: 64, bottom: 40, left: 64 }, primaryAxisAlignItems: "CENTER" });
+        tall(kit, id, true, 1.22);
+      } },
+      { preset: "ig-portrait", adjust: (kit, id) => {
+        kit.patch(id, { padding: { top: 56, right: 60, bottom: 36, left: 60 }, primaryAxisAlignItems: "CENTER" });
+        tall(kit, id, false, 1.2);
+      } },
+      { preset: "linkedin-post", adjust: (kit, id) => {
+        fitTable(kit, id, { fx: 0.74, fy: 0.5, step: 56, crumbs: 30 });
+      } }
+    ]);
+    return k.finish();
+  }
+});
+
+export {
+  black_friday_scratch_ads_default
+};

package/dist/chunks/chunk-VKC33NBX.js

@@ -0,0 +1,33 @@
+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 {
+  new_year_landing_default
+} from "./chunk-T6T6C5WX.js";
+import {
+  new_year_link_preview_default
+} from "./chunk-NTWARAQQ.js";
+import {
+  new_year_resolutions_post_default
+} from "./chunk-GLNDN2NE.js";
+import {
+  new_year_ball_drop_reel_default
+} from "./chunk-6EDUIURU.js";
+import {
+  new_year_header_default
+} from "./chunk-7CTL7VOX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/new-year.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [new_year_ball_drop_reel_default, new_year_landing_default, new_year_resolutions_post_default, new_year_header_default, new_year_link_preview_default];
+var new_year_default = pack;
+
+export {
+  new_year_default
+};

package/dist/chunks/chunk-VM244NG3.js

@@ -0,0 +1,76 @@
+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 {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion/pitch-title.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var back = ease.back(1.9);
+var CUES = [
+  { layer: "Kicker", preset: "fade-in", at: 0, params: { duration: 500 } },
+  { layer: "Title", preset: "rise-in", at: 150, params: { duration: 800, distance: 60 } },
+  { layer: "Subtitle", preset: "blur-in", at: 1300, params: { duration: 700, amount: 20 }, onClick: true },
+  { layer: "Stat", preset: "pop-in", at: 2e3, params: { duration: 500, ease: back, amount: 0.6 }, stagger: { delay: 150, order: "center" }, onClick: true },
+  { layer: "Presenter", preset: "slide-in", at: 2650, params: { duration: 600, direction: "left", distance: 120 }, onClick: true }
+];
+var pitch_title_default = defineTemplate({
+  id: "motion-pitch-title",
+  meta: {
+    name: "Pitch deck title build",
+    description: "A title slide that builds on click in present mode: the title rises and its underline wipes open, then each click brings the next part \u2014 the pitch, three stats from the centre out, the presenter",
+    category: "animation",
+    tags: ["animation", "pitch deck", "slides", "presentation", "build", "presets"],
+    platforms: ["slides"],
+    formats: ["slide-deck", "title-card"],
+    useCases: ["pitch", "title"],
+    created: "2026-09-28",
+    updated: "2026-09-29"
+  },
+  motion: { cues: CUES },
+  build() {
+    const k = new Kit("Pitch deck title build", preset("slide-16x9"));
+    k.brand({ primary: "#0E1320", accent: "#F2B544", paper: "#F4F1EA", muted: "#9AA3B5", panel: "#1A2234", kicker: "#F2B544", onPrimary: "#F4F1EA" }, { company: "Northwind" });
+    k.textStyle("Kicker 28", { size: 28, fontWeight: 700, lineHeight: 36, letterSpacing: 5 });
+    k.textStyle("Title 104", { size: 104, fontWeight: 800, lineHeight: 108, letterSpacing: -3 });
+    k.textStyle("Body 40", { size: 40, fontWeight: 400, lineHeight: 54 });
+    k.textStyle("Label 26", { size: 26, fontWeight: 500, lineHeight: 34 });
+    k.textStyle("Stat 72", { size: 72, fontWeight: 800, lineHeight: 80, letterSpacing: -2 });
+    k.component("Stat", { width: 420, gap: 6, fill: "panel", radius: 24, padding: { top: 32, right: 36, bottom: 32, left: 36 }, props: { Value: "$4.2M", Label: "annual revenue" } }, (id) => {
+      k.propText(id, "Value", { style: "Stat 72", color: "accent" });
+      k.propText(id, "Label", { style: "Label 26", color: "muted" });
+    });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 32, { top: 120, right: 160, bottom: 120, left: 160 }, "primary", "CENTER", "MIN");
+    k.timeline(sheet, { duration: 5e3, fps: 30 });
+    k.text(sheet, "{{brand.company}} \xB7 SERIES A \xB7 2026", { style: "Kicker 28", color: "kicker", name: "Kicker" });
+    k.text(sheet, "Linen supply, rebuilt from the field up", { style: "Title 104", color: "onPrimary", width: 1400, name: "Title" });
+    const line = k.stack(sheet, { width: 420, height: 12, fill: "accent", radius: 6, clip: true, name: "Underline" });
+    k.patch(line, { layoutMode: "NONE" });
+    k.text(sheet, "We buy direct from 40 flax farms and turn a nine-month supply chain into six weeks.", { style: "Body 40", color: "muted", width: 1300, name: "Subtitle" });
+    const stats = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 32, clip: true, name: "Stats" });
+    for (const [value, label] of [["$4.2M", "annual revenue"], ["38%", "growth, month on month"], ["120", "retailers stocking us"]]) k.instance(stats, "Stat", { Value: value, Label: label });
+    k.text(sheet, "Maya Okafor \u2014 Founder & CEO", { style: "Label 26", color: "onPrimary", name: "Presenter" });
+    k.cues(sheet, CUES);
+    k.animate(line, "width", [{ t: 700, v: 0.01, ease: ease.out("expo") }, { t: 1300, v: 420 }]);
+    return k.finish();
+  }
+});
+
+export {
+  pitch_title_default
+};