@popcraft/kit 0.53.4 → 0.53.6

package/dist/chunks/chunk-YOIOFF6S.js

@@ -0,0 +1,134 @@
+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 {
+  echo,
+  grain,
+  marquee,
+  offset,
+  psyBrand,
+  restage,
+  stage
+} from "./chunk-6X7OUARG.js";
+import {
+  background
+} from "./chunk-75T3CFTH.js";
+import {
+  MONO
+} from "./chunk-AXAAXHZF.js";
+import {
+  outro,
+  pill,
+  postVariants
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/social/psychedelic-lineup-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 8e3;
+var ACTS = [
+  ["Door Mode", "primary", "onPrimary", "Act 132"],
+  ["Split Payouts", "orange", "ink", "Act 106"],
+  ["Fair Resale", "mustard", "ink", "Act 124"],
+  ["Season Passes", "brown", "cream", "Act 100"]
+];
+var poster = (h, o = {}) => ({
+  w: 1080,
+  h,
+  u: 1,
+  loopMs: DURATION,
+  rays: { x: 540, y: 150, size: 2900, rays: 16, twist: 0.8, opacity: 0.55 },
+  sun: { x: 540, y: 150, size: 760 },
+  eye: { x: 540, y: 104, w: 300 },
+  moires: [{ x: 1010, y: h - 60, size: 460, color: "orange", opacity: 0.6 }, { x: 60, y: h - 90, size: 360, color: "magenta", opacity: 0.5 }],
+  blobs: [{ x: 60, y: 300, r: 70, color: "magenta" }, { x: 130, y: 400, r: 40, color: "magenta" }, { x: 1030, y: 330, r: 64, color: "olive" }, { x: 990, y: 170, r: 38, color: "orange" }],
+  flowers: [{ x: 1022, y: 520, size: 150 }, { x: 58, y: 640, size: 130, petal: "mustard", heart: "magenta" }, { x: 1016, y: 800, size: 120, heart: "mustard" }],
+  ...o
+});
+var cues = [
+  { layer: "Bill title", preset: "pop-in", at: 0, params: { duration: 450 } },
+  { layer: "Act 1", preset: "slide-in", at: 250, params: { duration: 600, direction: "left" } },
+  { layer: "Act 2", preset: "slide-in", at: 650, params: { duration: 600, direction: "right" } },
+  { layer: "Act 3", preset: "slide-in", at: 1050, params: { duration: 600, direction: "left" } },
+  { layer: "Act 4", preset: "slide-in", at: 1450, params: { duration: 600, direction: "right" } },
+  { layer: "Night", preset: "drop-in", at: 2100, params: { duration: 600 } },
+  { layer: "Act 1", preset: "pulse", at: 3600, params: { duration: 800, amount: 0.04 } },
+  { layer: "Night", preset: "pulse", at: 5e3, params: { duration: 800, amount: 0.05 } },
+  outro(["Bill title", "Act 1", "Act 2", "Act 3", "Act 4", "Night"], 7e3)
+];
+var psychedelic_lineup_post_default = defineTemplate({
+  id: "motion-psychedelic-lineup-post",
+  meta: {
+    name: "Psychedelic line-up post (animated)",
+    description: "A release\u2019s features billed like a 1970s festival: each act in heavy capitals filling its own band of colour, the headliner largest, under a sun of rippling bands with a watching eye, turning rays, an op-art moir\xE9 and daisies. The acts slide in from alternate sides and the date drops on its plate \u2014 an eight-second loop, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "psychedelic", "1970s", "festival", "line-up", "concert poster", "gig poster", "features", "release", "launch", "op art", "retro", "saas", "post", "loop"],
+    platforms: ["instagram", "linkedin", "x", "threads", "facebook"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["launch", "announcement", "changelog"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Psychedelic line-up post (animated)", preset("ig-post"));
+    k.quantizeGeometry = true;
+    psyBrand(k);
+    k.textStyle("Title 30", { size: 30, fontWeight: 900, letterSpacing: 3, lineHeight: 36, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Act 132", { size: 132, fontWeight: 900, letterSpacing: -5.6, lineHeight: 122, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Act 124", { size: 124, fontWeight: 900, letterSpacing: -5.2, lineHeight: 114, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Act 106", { size: 106, fontWeight: 900, letterSpacing: -4.4, lineHeight: 100, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Act 100", { size: 100, fontWeight: 900, letterSpacing: -4.2, lineHeight: 96, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Act 84", { size: 84, fontWeight: 900, letterSpacing: -3.4, lineHeight: 82, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Night 30", { size: 30, fontWeight: 800, letterSpacing: -0.4, lineHeight: 36, textAlign: "CENTER" });
+    k.textStyle("Site 22", { ...MONO, size: 22, fontWeight: 700, lineHeight: 28 });
+    pill(k, "Stub", { fill: "primary", ink: "onPrimary", style: "Site 22", label: "hullabaloo.example/2", pad: [6, 18] });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Line-up post");
+    k.flowSheet(sheet, 14, { top: 236, right: 100, bottom: 44, left: 100 }, "paper", "MAX", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    background(k, sheet, "paper", { effects: grain() });
+    stage(k, sheet, poster(1080));
+    const title = marquee(k, sheet, { name: "Bill title", bands: ["ink", "mustard"], band: 6, fill: "cream", radius: 999, pad: { top: 8, right: 28, bottom: 8, left: 28 }, width: "HUG", effects: [offset(7)] });
+    k.text(title, "{{brand.name}} 2.0 \xB7 on the bill", { style: "Title 30", color: "ink", autoWidth: true, name: "Bill title words" });
+    ACTS.forEach(([act, fill, ink, style], i) => {
+      const band = k.stack(sheet, { fill, radius: 40, align: "CENTER", padding: { top: 14, right: 16, bottom: 20, left: 16 }, stroke: { color: "ink", width: 8, align: "INSIDE" }, effects: [offset(10)], name: `Act ${i + 1}` });
+      k.text(band, act, { style, color: ink, name: "Act name", ...i === 0 ? { effects: echo(k, ["ink"], 6) } : {} });
+    });
+    const night = marquee(k, sheet, { name: "Night", bands: ["ink", "mustard"], band: 7, fill: "card", radius: 30, pad: { top: 12, right: 28, bottom: 14, left: 28 }, gap: 8, align: "CENTER", effects: [offset(8)] });
+    k.text(night, "One night only: Tuesday 14 October, doors 7 pm", { style: "Night 30", color: "onCard", name: "Night words" });
+    k.instance(night, "Stub", { Label: "{{brand.site}}/2" }, { name: "Night site" });
+    k.cues(sheet, cues);
+    k.variants(sheet, postVariants({ portrait: 96 }, {
+      portrait: (kit, id) => {
+        kit.patch(id, { padding: { top: 380, right: 110, bottom: 70, left: 110 }, itemSpacing: 20 });
+        restage(kit, id, poster(1350, { rays: { x: 540, y: 230, size: 2900 }, sun: { x: 540, y: 230, size: 760 }, eye: { x: 540, y: 190, w: 300 }, flowers: [{ x: 1022, y: 690, size: 150 }, { x: 58, y: 830, size: 130 }, { x: 1016, y: 1e3, size: 120 }] }));
+      },
+      vertical: (kit, id) => {
+        kit.patch(id, { itemSpacing: 22 });
+        kit.named(id, "Act name").forEach((n, i) => kit.restyle(n, i === 0 ? "Act 124" : i === 2 ? "Act 100" : "Act 84"));
+        restage(kit, id, poster(1920, { rays: { x: 540, y: 400, size: 2900 }, sun: { x: 540, y: 400, size: 760 }, eye: { x: 540, y: 390, w: 330 }, moires: [{ x: 1010, y: 1800, size: 460 }, { x: 60, y: 1700, size: 360 }], blobs: [{ x: 60, y: 300, r: 70, color: "magenta" }, { x: 130, y: 400, r: 40, color: "magenta" }, { x: 1030, y: 330, r: 64, color: "olive" }, { x: 990, y: 170, r: 38, color: "orange" }], flowers: [{ x: 1010, y: 760, size: 150 }, { x: 70, y: 860, size: 130 }, { x: 540, y: 1700, size: 170 }] }));
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  psychedelic_lineup_post_default
+};

package/dist/chunks/chunk-YPNNE4ES.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-QBDKREEU.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/slideshow/birthday.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var story = {
+  id: "motion-slideshow-birthday",
+  song: "bright",
+  meta: {
+    name: "Birthday montage",
+    description: "A bright half-minute birthday montage: a title card with the name, cake and candles and friends cut on the beats of an upbeat keys track (made by PopCraft, CC0), straight cuts, pushes, slides and light leaks, captions that land on the beat, and a closing card. Photos are CC0 from Wikimedia Commons; drop your own on any frame.",
+    tags: ["animation", "slideshow", "birthday", "party", "celebration", "photo", "music", "beat", "scenes", "montage", "video"],
+    platforms: ["instagram", "tiktok", "facebook", "youtube"],
+    formats: ["video", "reel", "post"],
+    useCases: ["event", "invitation"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  brand: { paper: "#FFF6EA", onPaper: "#2A2344", accent: "#FF7A59", shade: "#1D1830", onPhoto: "#FFFFFF", leak: "#FF9E5E" },
+  fields: { names: "Maya", date: "Thirty \xB7 May 9, 2026" },
+  scenes: [
+    { kind: "title", name: "Opening", photo: "birthday-00", kicker: "Happy birthday", beats: 8, move: "in", focus: 0.5 },
+    { kind: "photo", name: "The cake", photo: "birthday-01", layout: "matted", caption: "Three layers, no regrets", beats: 4, move: "right", into: "push" },
+    { kind: "photo", name: "Make a wish", photo: "birthday-02", caption: "Make a wish", beats: 6, move: "in" },
+    { kind: "photo", name: "Lights", photo: "birthday-03", caption: "The garden, strung with lights", beats: 4, move: "up", into: "slide" },
+    { kind: "chapter", name: "Chapter 1", kicker: "And then", title: "The party", beats: 4 },
+    { kind: "photo", name: "Guest of honour", photo: "birthday-05", layout: "matted", caption: "The guest of honour (sort of)", beats: 4, move: "in", into: "push" },
+    { kind: "photo", name: "The toast", photo: "birthday-06", caption: "To thirty more", beats: 6, move: "left", into: "cut" },
+    { kind: "photo", name: "Blow", photo: "birthday-04", caption: "One breath, thirty candles", beats: 6, move: "in", anchor: [0.4, 0.55], into: "leak" },
+    { kind: "photo", name: "Number three", photo: "birthday-07", layout: "matted", caption: "Where it all started", place: "Birthday number three", beats: 6, move: "right" },
+    { kind: "photo", name: "Here\u2019s to you", photo: "birthday-08", caption: "Here\u2019s to you", beats: 8, move: "in", into: "leak" },
+    { kind: "end", name: "Ending", kicker: "With love, from all of us" }
+  ]
+};
+var birthday_default = slideshow(story);
+
+export {
+  story,
+  birthday_default
+};

package/dist/chunks/chunk-YPW7TPWB.js

@@ -0,0 +1,153 @@
+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 {
+  JUNE,
+  airBrand,
+  airPaper,
+  airType,
+  envelope,
+  postmark
+} from "./chunk-5OW3RDVA.js";
+import {
+  nextNights,
+  pruneStyles,
+  qrPaths
+} from "./chunk-5XCBGNIO.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-AXAAXHZF.js";
+import {
+  blackShadow
+} from "./chunk-YORIY3BT.js";
+import {
+  pill
+} from "./chunk-KOAJ6HD2.js";
+import {
+  androidVariant,
+  screen,
+  statusBar
+} from "./chunk-24VZDMBN.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/app/tour-tickets-june-ticket.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var T = JUNE;
+var NIGHT = T.dates[3];
+var NAME = `Tour tickets mobile ticket: ${T.act}`;
+var tour_tickets_june_ticket_default = defineTemplate({
+  id: "app-tour-tickets-june-ticket",
+  meta: {
+    name: NAME,
+    description: "Two phone screens for a singer-songwriter's small-rooms tour: the ticket in a wallet (a corner of airmail paper as its header with a line in her hand and the night as a postmark, the hall, stalls, row and seat, the door and a QR block) and the letters presale code in its envelope with what it opens and when. iPhone screens with Android copies, wired as a prototype",
+    category: "app",
+    tags: ["app", "mobile", "ios", "android", "ticket", "wallet", "qr code", "tour", "concert", "singer-songwriter", "theatre", "presale", "airmail", "postmark"],
+    platforms: ["ios", "android"],
+    formats: ["screen"],
+    useCases: ["event", "presale", "receipt"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  breakpoints: true,
+  build() {
+    const k = new Kit(NAME, preset("iphone-17"));
+    k.quantizeGeometry = true;
+    airBrand(k);
+    airType(k);
+    k.textStyle("Status 15", { size: 15, fontWeight: 600, lineHeight: 20 });
+    k.textStyle("Head 30", { ...SERIF, size: 30, fontWeight: 700, letterSpacing: -0.4, lineHeight: 34 });
+    k.textStyle("Pass name 36", { ...SERIF, size: 32, fontWeight: 600, fontStyle: "italic", letterSpacing: -0.6, lineHeight: 34 });
+    k.textStyle("Field label 12", { ...MONO, size: 12, fontWeight: 800, letterSpacing: 1, lineHeight: 16 });
+    k.textStyle("Field 17", { ...SERIF, size: 17, fontWeight: 700, lineHeight: 22 });
+    k.textStyle("Seat 28", { ...MONO, size: 28, fontWeight: 800, lineHeight: 32 });
+    k.textStyle("Note 13", { size: 13, fontWeight: 500, lineHeight: 18 });
+    k.textStyle("Code 32", { ...MONO, size: 32, fontWeight: 800, letterSpacing: 0.5, lineHeight: 38 });
+    k.textStyle("Button 17", { size: 17, fontWeight: 800, lineHeight: 22 });
+    pill(k, "CTA", { fill: "primary", ink: "onPrimary", style: "Button 17", label: "Add the presale to my calendar", pad: [15, 20], radius: 3 });
+    const pass = k.sheet;
+    k.nameSheet(pass, "Ticket");
+    screen(k, pass, { gap: 14 });
+    statusBar(k, pass, { style: "Status 15" });
+    const top = k.stack(pass, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top" });
+    k.text(top, "Tickets", { style: "Head 30", color: "text", autoWidth: true, name: "Title" });
+    k.text(top, "1 OF 2", { style: "Field label 12", color: "onPaper", autoWidth: true, name: "Count" });
+    const card = k.stack(pass, { gap: 0, fill: "card", radius: 14, clip: true, name: "Pass", stroke: { color: "text", width: 1, align: "INSIDE" }, effects: [blackShadow(0.18, 10, 24)] });
+    const art = k.frame(card, { x: 0, y: 0, width: 354, height: 200 }, { name: "Pass art", fill: "paper", clip: true });
+    k.patch(art, { layoutPositioning: "AUTO", layoutSizingHorizontal: "FILL" });
+    airPaper(k, art, 354, 200, 12);
+    k.text(art, "{{brand.name}}", { style: "Pass name 36", color: "text", width: 180, name: "Pass name", absolute: { x: 26, y: 30 } });
+    k.text(art, `${T.tour.toUpperCase()} TOUR ${T.year}`, { style: "Field label 12", color: "onPaper", autoWidth: true, name: "Pass tour", absolute: { x: 26, y: 112 } });
+    const mark = postmark(k, art, { ...NIGHT, venue: "CRESCENT HALL" }, 3);
+    k.patch(mark, { x: 196, y: 30, scaleX: 0.66, scaleY: 0.66, anchorX: 0, anchorY: 0, rotation: -6 });
+    for (const n of k.named(mark, "Mark tag")) k.patch(n, { visible: false });
+    const info = k.stack(card, { gap: 14, padding: 20, name: "Pass info" });
+    const field = (parent, label, value, style = "Field 17") => {
+      const c = k.stack(parent, { gap: 2, name: "Field" });
+      k.text(c, label, { style: "Field label 12", color: "onCard", name: "Field label" });
+      k.text(c, value, { style, color: "onCard", name: "Field value" });
+    };
+    const r1 = k.stack(info, { direction: "HORIZONTAL", gap: 14, name: "Row where" });
+    field(r1, "HALL", "Crescent Hall, Belfast");
+    field(r1, "AREA", "Stalls, left");
+    const r2 = k.stack(info, { direction: "HORIZONTAL", gap: 14, name: "Row seat" });
+    field(r2, "ROW", "F", "Seat 28");
+    field(r2, "SEAT", "12", "Seat 28");
+    field(r2, "DOOR", "B", "Seat 28");
+    field(r2, "DOORS", "19:00");
+    const scan = k.stack(info, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Scan" });
+    const q = k.stack(scan, { width: 150, height: 150, fill: "card", name: "QR" });
+    k.vector(q, 150, 150, qrPaths(150, 727), "onCard", { name: "Modules", absolute: { x: 0, y: 0 } });
+    k.text(scan, "Show this at door B on Botanic Avenue. The code refreshes every 30 seconds, so a screenshot will not scan.", { style: "Note 13", color: "onCard", name: "Scan note" });
+    k.text(info, `No. JH27-BEL-LF12 \xB7 stalls \xB7 ${T.price.from}`, { style: "Field label 12", color: "onCard", name: "Pass number" });
+    const under = k.stack(pass, { gap: 4, align: "CENTER", name: "Wallet stack" });
+    [0.85, 0.55].forEach((a, i) => k.rect(under, 330 - 28 * i, 12, k.tint("card", a), { name: "Pass edge", radius: 8 }));
+    const order = k.stack(pass, { gap: 0, fill: "card", radius: 14, padding: { top: 6, right: 16, bottom: 6, left: 16 }, name: "Running order" });
+    for (const [label, value] of [["Support", "19:45"], [T.act, "20:45"], ["Curfew", "23:00"]]) {
+      const r = k.stack(order, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", gap: 12, padding: { top: 8, right: 0, bottom: 8, left: 0 }, name: "Order row" });
+      k.text(r, label, { style: "Note 13", color: "onCard", autoWidth: true, name: "Order label" });
+      k.text(r, value, { style: "Field label 12", color: "onCard", autoWidth: true, name: "Order time" });
+    }
+    const conf = k.addScreen("Presale code");
+    k.nameSheet(conf, "Presale code");
+    screen(k, conf, { gap: 14 });
+    statusBar(k, conf, { style: "Status 15" });
+    k.text(conf, "A letter from June", { style: "Head 30", color: "text", name: "Code title" });
+    const stage = k.frame(conf, { x: 0, y: 0, width: 354, height: 250 }, { name: "Envelope stage" });
+    k.patch(stage, { layoutPositioning: "AUTO", layoutSizingHorizontal: "FILL" });
+    envelope(k, stage, T);
+    for (const n of k.named(stage, "Envelope")) k.patch(n, { x: 0, y: 4, scaleX: 0.553, scaleY: 0.553, anchorX: 0, anchorY: 0 });
+    const facts = k.stack(conf, { gap: 0, fill: "card", radius: 14, padding: { top: 6, right: 16, bottom: 6, left: 16 }, name: "Facts" });
+    for (const [label, value] of [["Presale opens", "Wed 3 Feb, 09:00 GMT"], ["General sale", "Fri 5 Feb, 09:00 GMT"], ["Good for", "Four seats, one order"], ["Leg 2 letters", "March, a new code"]]) {
+      const r = k.stack(facts, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", gap: 12, padding: { top: 10, right: 0, bottom: 10, left: 0 }, name: "Fact" });
+      k.text(r, label, { style: "Note 13", color: "onCard", autoWidth: true, name: "Fact label" });
+      k.text(r, value, { style: "Field 17", color: "onCard", autoWidth: true, name: "Fact value" });
+    }
+    nextNights(k, conf, T, { from: NIGHT, count: 3, label: "Field label 12", row: "Field 17", note: "Field label 12" });
+    k.instance(conf, "CTA", {}, { name: "Calendar" });
+    for (const n of k.named(pass, "Pass")) k.link(n, conf, "SMART_ANIMATE", { duration: 400 });
+    const androids = [pass, conf].map((id, i) => k.variants(id, [androidVariant(["Ticket", "Presale code"][i])])[0]);
+    for (const c of k.named(conf, "Calendar")) k.link(c, null, "DISSOLVE", { navigation: "BACK" });
+    k.flowStart(pass, "Ticket (iPhone)");
+    k.flowStart(androids[0], "Ticket (Android)");
+    pruneStyles(k);
+    return k.finish();
+  }
+});
+
+export {
+  tour_tickets_june_ticket_default
+};

package/dist/chunks/chunk-YTKFN7CH.js

@@ -0,0 +1,92 @@
+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 {
+  psyBrand,
+  stage,
+  throb
+} from "./chunk-6X7OUARG.js";
+import {
+  EMAIL_FPS,
+  HEADER
+} from "./chunk-G3SUQ3V3.js";
+import {
+  pill
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit
+} from "./chunk-4G7VHQUV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/email/psychedelic-header.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 4800;
+var cues = [
+  { layer: "Button", preset: "pulse", at: 3e3, params: { duration: 800, amount: 0.06 } }
+];
+var psychedelic_header_default = defineTemplate({
+  id: "email-psychedelic-header",
+  meta: {
+    name: "Psychedelic email header (animated GIF)",
+    description: "A 600 \xD7 300 animated header for a launch email, as a 1970s gig poster: the night, the bill and the button are all on the first frame (for Outlook), beside a sun of bands that ripple outward round a watching eye, with turning rays, blobs, a daisy and mushrooms \u2014 a seamless 4.8-second GIF loop",
+    category: "email",
+    tags: ["email", "gif", "animated", "header", "banner", "psychedelic", "1970s", "concert poster", "gig poster", "launch", "release", "retro", "saas"],
+    platforms: ["email"],
+    formats: ["email", "banner"],
+    useCases: ["launch", "newsletter", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Psychedelic email header", HEADER);
+    k.quantizeGeometry = true;
+    psyBrand(k, { offer: "One night only: v2.0" });
+    k.textStyle("Eyebrow 12", { size: 12, fontWeight: 800, letterSpacing: 2.2, lineHeight: 16, textCase: "UPPER" });
+    k.textStyle("Offer 42", { size: 42, fontWeight: 900, letterSpacing: -1.9, lineHeight: 38, textCase: "UPPER" });
+    k.textStyle("Account 14", { size: 14, fontWeight: 500, lineHeight: 21 });
+    k.textStyle("Button 14", { size: 14, fontWeight: 800, lineHeight: 20 });
+    pill(k, "Button pill", { fill: "primary", ink: "onPrimary", style: "Button 14", label: "Get on the list", pad: [9, 20] });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 9, { top: 24, right: 300, bottom: 24, left: 30 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
+    const s = {
+      w: 600,
+      h: 300,
+      u: 0.36,
+      loopMs: DURATION,
+      rays: { x: 452, y: 138, size: 900, rays: 16, twist: 0.8, opacity: 0.5 },
+      sun: { x: 452, y: 138, size: 290 },
+      eye: { x: 452, y: 138, w: 132 },
+      hills: 262,
+      mushrooms: [{ x: 322, y: 206, w: 50 }, { x: 552, y: 222, w: 38, cap: "orange" }],
+      blobs: [{ x: 330, y: 60, r: 22, color: "magenta" }, { x: 580, y: 150, r: 20, color: "orange" }],
+      flowers: [{ x: 566, y: 50, size: 58 }, { x: 330, y: 150, size: 44, petal: "mustard", heart: "magenta" }]
+    };
+    const side = k.stack(sheet, { width: 316, height: 300, clip: true, name: "Poster side", absolute: { x: 284, y: 0 } });
+    const shift = (g) => ({ ...g, x: g.x - 284 });
+    stage(k, side, { ...s, w: 316, rays: { ...s.rays, ...shift(s.rays) }, sun: { ...s.sun, ...shift(s.sun) }, eye: { ...s.eye, ...shift(s.eye) }, mushrooms: s.mushrooms.map((m) => ({ ...m, ...shift(m) })), blobs: s.blobs.map((b) => ({ ...b, ...shift(b) })), flowers: s.flowers.map((f) => ({ ...f, ...shift(f) })) });
+    k.rect(side, 70, 300, [k.gradient({ from: "paper", to: "paper", fromOpacity: 1, toOpacity: 0, angle: 0 })], { name: "Soft edge", absolute: { x: 0, y: 0 } });
+    throb(k, side, "Pupil", 600, 600, 6, 0.2);
+    k.text(sheet, "{{brand.name}} 2.0 \xB7 Tue 14 Oct", { style: "Eyebrow 12", color: "text", name: "Eyebrow" });
+    k.text(sheet, "{{brand.offer}}", { style: "Offer 42", color: "text", name: "Offer" });
+    k.text(sheet, "On the bill: Door Mode, Split Payouts and Fair Resale. Doors at 7 pm.", { style: "Account 14", color: "onPaper", name: "Account" });
+    k.instance(sheet, "Button pill", { Label: "Get on the list" }, { name: "Button" });
+    k.cues(sheet, cues);
+    return k.finish();
+  }
+});
+
+export {
+  psychedelic_header_default
+};

package/dist/chunks/chunk-YTXFOJP4.js

@@ -0,0 +1,101 @@
+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 {
+  PIGEON,
+  addressLines,
+  desk,
+  envelope,
+  fitStage,
+  petals,
+  postmark,
+  stage,
+  stamp,
+  valentinesBrand,
+  waxSeal
+} from "./chunk-6IIAKURK.js";
+import {
+  EMAIL_FPS,
+  HEADER
+} from "./chunk-G3SUQ3V3.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-AXAAXHZF.js";
+import {
+  pill
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit
+} from "./chunk-4G7VHQUV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/email/valentines-header.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 4800;
+var STAGE = { w: 760, h: 700 };
+var cues = [
+  { layer: "Seal", preset: "pulse", at: 900, params: { duration: 800, amount: 0.08 } },
+  { layer: "Second stamp", preset: "wobble", at: 1900, params: { duration: 800 } },
+  { layer: "Button", preset: "pulse", at: 3200, params: { duration: 800, amount: 0.06 } }
+];
+var valentines_header_default = defineTemplate({
+  id: "email-valentines-header",
+  meta: {
+    name: "Valentine email header (animated GIF)",
+    description: "A 600 \xD7 300 animated header for a Valentine\u2019s two-for-one email: the offer, the code and the button are all on the first frame (for Outlook), beside an airmail envelope with two pigeon stamps, a 14 February postmark and a wax seal; then petals rock, the second stamp wobbles and the seal swells \u2014 a seamless 4.8-second GIF loop",
+    category: "email",
+    tags: ["email", "gif", "animated", "header", "banner", "valentine", "valentines day", "offer", "two for one", "airmail", "wax seal", "saas", "seasonal"],
+    platforms: ["email"],
+    formats: ["email", "banner"],
+    useCases: ["sale", "newsletter", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Valentine email header", HEADER);
+    k.quantizeGeometry = true;
+    valentinesBrand(k, { offer: "Two for one,\nfor two." });
+    k.textStyle("Eyebrow 12", { size: 12, fontWeight: 700, letterSpacing: 2.4, lineHeight: 16, textCase: "UPPER" });
+    k.textStyle("Offer 40", { ...SERIF, size: 40, fontWeight: 900, letterSpacing: -1.2, lineHeight: 42 });
+    k.textStyle("Account 14", { size: 14, fontWeight: 500, lineHeight: 21 });
+    k.textStyle("Button 14", { size: 14, fontWeight: 800, lineHeight: 20 });
+    k.textStyle("Mark 30", { ...MONO, size: 30, fontWeight: 800, letterSpacing: 2, lineHeight: 36, textAlign: "CENTER" });
+    k.textStyle("Value 44", { ...SERIF, size: 44, fontWeight: 900, lineHeight: 46, textAlign: "CENTER" });
+    pill(k, "Button pill", { fill: "primary", ink: "onPrimary", style: "Button 14", label: "Invite a teammate", pad: [9, 20], radius: 5 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 9, { top: 24, right: 300, bottom: 24, left: 30 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
+    desk(k, sheet, { x: 0.74, y: 0.5 }, 0.6);
+    const st = stage(k, sheet, { ...STAGE, name: "Desk", absolute: { x: 0, y: 0 } });
+    const env = envelope(k, st, { x: 20, y: 110, w: 720, h: 480, tilt: -6, band: 30 });
+    stamp(k, env, { x: 330, y: 62, w: 150, style: "Value 44", value: "14", name: "First stamp", tilt: -3 });
+    stamp(k, env, { x: 500, y: 70, w: 150, style: "Value 44", value: "14", name: "Second stamp", tilt: 5, field: "inkRed" });
+    postmark(k, env, { x: 150, y: 96, size: 200, style: "Mark 30", tilt: -10, waves: 0 });
+    addressLines(k, env, { x: 90, y: 330, w: 330, gap: 44 });
+    waxSeal(k, st, { x: 500, y: 400, size: 230, tilt: -12 });
+    petals(k, st, [[40, 40, 80, 30], [650, 20, 70, -40], [300, 610, 76, 110], [0, 520, 60, -70]], { loopMs: DURATION });
+    fitStage(k, st, STAGE.w, STAGE.h, 0.4, 452, 150);
+    k.text(sheet, "Until 14 February", { style: "Eyebrow 12", color: "onPaper", name: "Eyebrow" });
+    k.text(sheet, "{{brand.offer}}", { style: "Offer 40", color: "text", name: "Offer" });
+    k.text(sheet, `Bring a teammate to {{brand.name}}: their seat is free for a year with code ${PIGEON.code}.`, { style: "Account 14", color: "onPaper", name: "Account" });
+    k.instance(sheet, "Button pill", { Label: "Invite a teammate" }, { name: "Button" });
+    k.cues(sheet, cues);
+    return k.finish();
+  }
+});
+
+export {
+  valentines_header_default
+};