@popcraft/kit 0.44.0 → 0.45.0

package/dist/chunks/chunk-WJFS7REU.js

@@ -0,0 +1,176 @@
+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 {
+  art,
+  foldMarks,
+  folded,
+  panelX,
+  panels,
+  raise
+} from "./chunk-TA54L6LN.js";
+import {
+  SERIF
+} from "./chunk-5OTEBTMU.js";
+import {
+  pt3
+} from "./chunk-YKX2GS6X.js";
+import {
+  defineTemplate
+} from "./chunk-FC6VBE7Y.js";
+import {
+  Kit,
+  preset
+} from "./chunk-5DE7NPKW.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-W5QYHNL2.js";
+
+// templates/src/print/printshop-brochure-community.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function windowPanes(cx, top, w, h) {
+  const r = w / 2, spring = top + r, out = [];
+  const cols = 4, rows = 5, cw = w / cols, rh = (h - r) / rows;
+  for (let j = 0; j < rows; j++) for (let i = 0; i < cols; i++) {
+    const x = cx - r + i * cw, y = spring + j * rh;
+    const flip = (i + j) % 2 === 0;
+    const a = [pt3(x, y), pt3(x + cw, y), pt3(x + cw, y + rh), pt3(x, y + rh)];
+    out.push({ closed: true, points: flip ? [a[0], a[1], a[2]] : [a[0], a[1], a[3]] }, { closed: true, points: flip ? [a[0], a[2], a[3]] : [a[1], a[2], a[3]] });
+  }
+  const n = 8;
+  for (let i = 0; i < n; i++) {
+    const a0 = Math.PI + Math.PI * i / n, a1 = Math.PI + Math.PI * (i + 1) / n;
+    const steps = 4;
+    const outer = Array.from({ length: steps + 1 }, (_, s) => {
+      const a = a0 + (a1 - a0) * s / steps;
+      return pt3(cx + r * Math.cos(a), spring + r * Math.sin(a));
+    });
+    const inner = [pt3(cx + r * 0.42 * Math.cos(a1), spring + r * 0.42 * Math.sin(a1)), pt3(cx + r * 0.42 * Math.cos(a0), spring + r * 0.42 * Math.sin(a0))];
+    out.push({ closed: true, points: [...outer, ...inner] });
+  }
+  const centre = Array.from({ length: 13 }, (_, s) => {
+    const a = Math.PI + Math.PI * s / 12;
+    return pt3(cx + r * 0.42 * Math.cos(a), spring + r * 0.42 * Math.sin(a));
+  });
+  out.push({ closed: true, points: centre });
+  return out;
+}
+var printshop_brochure_community_default = defineTemplate({
+  id: "print-printshop-brochure-community",
+  meta: {
+    name: "Church and community hall tri-fold brochure",
+    description: "A warm tri-fold for a parish church, community centre or village hall on A4, roll-folded with a 97 mm tuck-in: a stained-glass window in jewel colours on the cover; Sunday services, access and how to find the hall outside; inside the week\u2019s groups day by day, the food pantry, and the rooms to hire with capacity and price. Groups and rooms are components to retype",
+    category: "brochure",
+    tags: ["brochure", "tri-fold", "trifold", "church", "parish", "community centre", "village hall", "charity", "stained glass", "nonprofit", "a4", "print"],
+    platforms: ["print"],
+    formats: ["document"],
+    useCases: ["brand-intro", "event"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Church and community hall tri-fold brochure", preset("trifold-a4"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { primary: "#3B1F3F", onPrimary: "#FBF3E8", paper: "#FBF6EE", text: "#2B1E2C", onPaper: "#625461", accent: "#C8892E", onAccent: "#2B1E2C", card: "#F1E6D6", onCard: "#2B1E2C" },
+      { name: "St Brigid\u2019s Church & Hall", tagline: "Everyone is welcome here", email: "office@stbrigids-hall.org.uk", phone: "0161 496 0533", website: "stbrigids-hall.org.uk", address: "Church Lane, Didsbury, Manchester M20 6RN" }
+    );
+    k.palette({ lead: "#1E1220", ruby: "#B23A48", sapphire: "#2F5D9E", emerald: "#2E8A6E", amber: "#E3A33B", rose: "#D9789A", stone: "#5A3E5D" });
+    k.textStyle("Cover 36", { ...SERIF, size: 36, fontWeight: 600, letterSpacing: -0.6, lineHeight: 40 });
+    k.textStyle("Title 22", { ...SERIF, size: 22, fontWeight: 600, letterSpacing: -0.2, lineHeight: 27 });
+    k.textStyle("Body 10.5", { size: 10.5, fontWeight: 400, lineHeight: 15 });
+    k.textStyle("Item 11.5", { size: 11.5, fontWeight: 700, lineHeight: 15 });
+    k.textStyle("Day 9", { size: 9, fontWeight: 800, letterSpacing: 1.4, lineHeight: 12 });
+    k.textStyle("Kicker 9", { size: 9, fontWeight: 800, letterSpacing: 2, lineHeight: 12 });
+    k.textStyle("Time 18", { ...SERIF, size: 18, fontWeight: 600, lineHeight: 22 });
+    k.textStyle("Brand 12", { ...SERIF, size: 12.5, fontWeight: 600, letterSpacing: 0.4, lineHeight: 16 });
+    k.component("Group", { width: 322, direction: "HORIZONTAL", gap: 10, align: "MIN", props: { Time: "10:00", Name: "Little Lambs toddler group", About: "Songs, toys and coffee for grown-ups. \xA32 a family." } }, (id) => {
+      k.propText(id, "Time", { style: "Item 11.5", color: "text", width: 40 });
+      const t = k.stack(id, { gap: 1, name: "Words" });
+      k.patch(t, { layoutSizingHorizontal: "FILL" });
+      k.propText(t, "Name", { style: "Item 11.5", color: "text", width: "FILL" });
+      k.propText(t, "About", { style: "Body 10.5", color: "onPaper", width: "FILL" });
+    });
+    k.component("Room", { width: 311, gap: 3, padding: 14, radius: 8, fill: "card", props: { Name: "The Main Hall", About: "Seats 120, stage, kitchen hatch, piano.", Price: "\xA328 an hour \xB7 \xA322 for charities" } }, (id) => {
+      k.propText(id, "Name", { style: "Item 11.5", color: "onCard", width: "FILL" });
+      k.propText(id, "About", { style: "Body 10.5", color: "onCard", width: "FILL" });
+      k.propText(id, "Price", { style: "Item 11.5", color: "onCard", width: "FILL" });
+    });
+    const f = folded(k, "trifold-a4");
+    const { W, H, B } = f;
+    const PAD = { top: 36, right: 28, bottom: 32, left: 28 };
+    const out = f.sheets.outside, ins = f.sheets.inside;
+    const [flap, backP, cover] = panels(k, out, f.outside, H, B, { pad: PAD, gap: 16, grounds: ["card", void 0, "primary"], justify: ["MIN", "SPACE_BETWEEN", "SPACE_BETWEEN"], names: ["Tuck-in", "Back", "Cover"] });
+    const ox = panelX(f.outside);
+    const cx = ox[2] + f.outside[2] / 2, ww = 230, wh = 360, wt = 140;
+    const panes = windowPanes(cx, wt, ww, wh);
+    const colours = ["ruby", "sapphire", "emerald", "amber", "rose", "sapphire", "amber", "ruby", "emerald"];
+    colours.slice(0, 5).forEach((role, c) => art(k, out, W, H, B, panes.filter((_, i) => (i * 7 + Math.floor(i / 3)) % 5 === c), role, { name: `Glass, ${role}` }));
+    art(k, out, W, H, B, [{ closed: true, points: [pt3(cx - ww / 2 - 10, wt + wh + 10), pt3(cx - ww / 2 - 10, wt + ww / 2), ...Array.from({ length: 13 }, (_, s) => {
+      const a = Math.PI + Math.PI * s / 12;
+      return pt3(cx + (ww / 2 + 10) * Math.cos(a), wt + ww / 2 + (ww / 2 + 10) * Math.sin(a));
+    }), pt3(cx + ww / 2 + 10, wt + wh + 10)] }], "stone", { name: "Stone surround", strokeWidth: 8 });
+    art(k, out, W, H, B, panes, "lead", { name: "Lead", strokeWidth: 3 });
+    k.text(cover, "{{brand.name}}", { style: "Brand 12", color: "onPrimary", width: "FILL", align: "CENTER", name: "Church" });
+    const cw = k.stack(cover, { gap: 10, name: "Cover words" });
+    k.text(cw, "Everyone is welcome here", { style: "Cover 36", color: "onPrimary", width: "FILL", align: "CENTER", name: "Title" });
+    k.text(cw, "WORSHIP \xB7 FRIENDSHIP \xB7 A HALL FOR THE VILLAGE", { style: "Kicker 9", color: "onPrimary", width: "FILL", align: "CENTER", name: "Line" });
+    const bw = k.stack(backP, { gap: 12, name: "Find us" });
+    k.text(bw, "FIND US", { style: "Kicker 9", color: "onPaper", width: "FILL", name: "Kicker" });
+    k.text(bw, "At the top of Church Lane, by the lychgate", { style: "Title 22", color: "text", width: "FILL", name: "Title" });
+    k.text(bw, "Buses 23 and 42 stop on Wilmslow Road, two minutes\u2019 walk. Free parking behind the hall after 9:30.", { style: "Body 10.5", color: "onPaper", width: "FILL", name: "Directions" });
+    k.text(bw, "{{brand.address}}", { style: "Item 11.5", color: "text", width: "FILL", name: "Address" });
+    k.text(bw, "Parish office {{brand.phone}}\n{{brand.email}}\n{{brand.website}}", { style: "Body 10.5", color: "text", width: "FILL", name: "Contact" });
+    k.text(bw, "Office open Tuesday to Friday, 9:30 \u2013 12:30.", { style: "Body 10.5", color: "onPaper", width: "FILL", name: "Office hours" });
+    const vicar = k.stack(backP, { gap: 4, padding: 16, radius: 8, fill: "card", name: "Vicar" });
+    k.text(vicar, "\u201CCome for the coffee, stay for the people. You do not need to believe anything to belong here.\u201D", { style: "Body 10.5", color: "onCard", width: "FILL", name: "Quote" });
+    k.text(vicar, "REVD CANON ALISON MBEKI, VICAR", { style: "Day 9", color: "onCard", width: "FILL", name: "Vicar name" });
+    k.text(backP, "Registered charity 1132876", { style: "Body 10.5", color: "onPaper", width: "FILL", name: "Charity" });
+    k.text(flap, "SUNDAYS", { style: "Kicker 9", color: "onCard", width: "FILL", name: "Kicker" });
+    for (const [t, n, a] of [["8:00", "Quiet communion", "Said, thirty minutes, in the Lady Chapel."], ["10:30", "All-age worship", "Music, Sunday club for children, coffee after."], ["18:30", "Evensong", "Sung by the choir on the first Sunday of the month."]]) {
+      const s = k.stack(flap, { gap: 2, name: "Service" });
+      k.text(s, t, { style: "Time 18", color: "onCard", width: "FILL", name: "Service time" });
+      k.text(s, n, { style: "Item 11.5", color: "onCard", width: "FILL", name: "Service name" });
+      k.text(s, a, { style: "Body 10.5", color: "onCard", width: "FILL", name: "Service note" });
+    }
+    k.rect(flap, "FILL", 1, "accent", { name: "Rule" });
+    k.text(flap, "EVERYONE CAN GET IN", { style: "Kicker 9", color: "onCard", width: "FILL", name: "Access title" });
+    k.text(flap, "Step-free doors on the north side, a hearing loop throughout, large-print books, a quiet room and baby changing.", { style: "Body 10.5", color: "onCard", width: "FILL", name: "Access" });
+    raise(k, k.node(cover).parentId);
+    foldMarks(k, out, f.outside, H, B, "text");
+    const [p1, p2, p3] = panels(k, ins, f.inside, H, B, { pad: PAD, gap: 12, grounds: [void 0, void 0, "primary"], names: ["Week, Mon\u2013Wed", "Week, Thu\u2013Sat", "Hire"] });
+    k.text(p1, "IN THE HALL THIS WEEK", { style: "Kicker 9", color: "onPaper", width: "FILL", name: "Kicker" });
+    k.text(p1, "Something on every day", { style: "Title 22", color: "text", width: "FILL", name: "Title" });
+    const day = (p, d, groups) => {
+      k.text(p, d, { style: "Day 9", color: "text", width: "FILL", name: "Day" });
+      for (const [t, n, a] of groups) k.instance(p, "Group", { Time: t, Name: n, About: a }, { width: "FILL", name: "Group" });
+    };
+    day(p1, "MONDAY", [["10:00", "Little Lambs toddler group", "Songs, toys and coffee for grown-ups. \xA32 a family."], ["19:30", "Didsbury Community Choir", "No auditions; we sing everything from Abba to Faur\xE9."]]);
+    day(p1, "TUESDAY", [["10:00", "Chair yoga", "Gentle and seated, with Meena. \xA34."], ["14:00", "Knit & natter", "Bring a project or learn one."]]);
+    day(p1, "WEDNESDAY", [["12:00", "Lunch club", "Two courses for \xA35. All ages, booking helps."]]);
+    k.text(p2, "THURSDAY", { style: "Day 9", color: "text", width: "FILL", name: "Day" });
+    for (const [t, n, a] of [["16:00", "Homework caf\xE9", "Volunteers help with maths and reading, ages 8\u201314."], ["19:00", "Repair caf\xE9", "Bring a broken lamp, bike or jumper. First Thursday."]]) k.instance(p2, "Group", { Time: t, Name: n, About: a }, { width: "FILL", name: "Group" });
+    k.text(p2, "FRIDAY", { style: "Day 9", color: "text", width: "FILL", name: "Day" });
+    k.instance(p2, "Group", { Time: "10:00", Name: "Food pantry", About: "Fresh food and essentials for \xA34 a week. No referral." }, { width: "FILL", name: "Group" });
+    k.text(p2, "SATURDAY", { style: "Day 9", color: "text", width: "FILL", name: "Day" });
+    k.instance(p2, "Group", { Time: "9:00", Name: "Garden volunteers", About: "Weeding, mowing and tea in the churchyard." }, { width: "FILL", name: "Group" });
+    const help = k.stack(p2, { gap: 4, padding: 16, radius: 8, fill: "accent", name: "Help" });
+    k.text(help, "CAN YOU HELP?", { style: "Day 9", color: "onAccent", width: "FILL", name: "Help title" });
+    k.text(help, "The pantry needs drivers on Thursday evenings and tins of fish, rice and UHT milk any day.", { style: "Body 10.5", color: "onAccent", width: "FILL", name: "Help text" });
+    k.text(p3, "HIRE THE HALL", { style: "Kicker 9", color: "onPrimary", width: "FILL", name: "Kicker" });
+    k.text(p3, "Parties, classes and wakes", { style: "Title 22", color: "onPrimary", width: "FILL", name: "Title" });
+    for (const [n, a, p] of [["The Main Hall", "Seats 120, stage, kitchen hatch, piano.", "\xA328 an hour \xB7 \xA322 for charities"], ["The Garden Room", "Seats 30, opens onto the lawn.", "\xA316 an hour"], ["The Vestry", "Meeting table for 12, screen and Wi-Fi.", "\xA310 an hour"], ["The Kitchen", "Full kitchen, urn and crockery for 120.", "\xA312 a booking"]]) k.instance(p3, "Room", { Name: n, About: a, Price: p }, { width: "FILL", name: "Room" });
+    k.text(p3, "Book with the parish office: {{brand.phone}}", { style: "Item 11.5", color: "onPrimary", width: "FILL", name: "Book" });
+    foldMarks(k, ins, f.inside, H, B, "text");
+    k.setCover(out);
+    return k.finish();
+  }
+});
+
+export {
+  printshop_brochure_community_default
+};

package/dist/chunks/chunk-WOUXQXZP.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 {
+  psychedelic_landing_default
+} from "./chunk-UWAQ4UJS.js";
+import {
+  psychedelic_lineup_post_default
+} from "./chunk-E6BB6L3A.js";
+import {
+  psychedelic_link_preview_default
+} from "./chunk-CUSS7J7A.js";
+import {
+  psychedelic_gig_reel_default
+} from "./chunk-6WM3ZB6B.js";
+import {
+  psychedelic_header_default
+} from "./chunk-BPFLQUOJ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-W5QYHNL2.js";
+
+// templates/src/themes/psychedelic.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [psychedelic_gig_reel_default, psychedelic_landing_default, psychedelic_lineup_post_default, psychedelic_header_default, psychedelic_link_preview_default];
+var psychedelic_default = pack;
+
+export {
+  psychedelic_default
+};

package/dist/chunks/chunk-WPQJ4X62.js

@@ -0,0 +1,326 @@
+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-6R2V3NQ7.js";
+import {
+  buildShort,
+  shortScenes
+} from "./chunk-27XFDJ74.js";
+import {
+  figure
+} from "./chunk-D5EUM6HX.js";
+import {
+  defineTemplate
+} from "./chunk-FC6VBE7Y.js";
+import {
+  ease
+} from "./chunk-6VIYCRKB.js";
+import {
+  curve,
+  ellipsePts,
+  rng
+} from "./chunk-SHNY3PEY.js";
+import {
+  H,
+  W,
+  camera,
+  caption,
+  depth,
+  fxLayer,
+  glow,
+  keyParam,
+  sky,
+  style,
+  titleCard,
+  vignette,
+  wash
+} from "./chunk-4FYS7L3M.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-W5QYHNL2.js";
+
+// templates/src/anime/morning.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var HANA = { key: "hana", name: "Hana", hair: "bob", outfit: "hoodie" };
+function cloud(l, parent, x, y, s, role, name = "Cloud") {
+  const lobes = [[-1.1, 0.25], [-0.7, -0.15], [-0.2, -0.45], [0.35, -0.3], [0.85, -0.05], [1.15, 0.28]];
+  const pts = [[x - 1.25 * s, y + 0.35 * s], ...lobes.map(([a, b]) => [x + a * s, y + b * s]), [x + 1.25 * s, y + 0.35 * s]];
+  return l.shape(parent, curve(pts, true, [0, pts.length - 1]), role, { name });
+}
+function houses(l, parent, y, seed, roles, scale = 1) {
+  const r = rng(seed);
+  for (let x = -120; x < W + 400; x += (230 + r() * 120) * scale) {
+    const w = (180 + r() * 90) * scale, h = (150 + r() * 110) * scale;
+    l.rect(parent, x, y - h, w, h, roles.wall, { name: "House" });
+    l.shape(parent, curve([[x - 16 * scale, y - h + 4], [x + w / 2, y - h - 70 * scale], [x + w + 16 * scale, y - h + 4]], true, [0, 1, 2], 0), roles.roof, { name: "Roof" });
+    for (let wx = x + 24 * scale; wx < x + w - 50 * scale; wx += 62 * scale) l.rect(parent, wx, y - h + 40 * scale, 36 * scale, 44 * scale, roles.window, { name: "Window" });
+  }
+}
+function poles(l, parent, y, role, gap = 520) {
+  const tops = [];
+  for (let x = -100; x < W + 1400; x += gap) {
+    l.rect(parent, x, y - 620, 26, 640, role, { name: "Pole" });
+    l.rect(parent, x - 60, y - 580, 146, 16, role, { name: "Crossarm" });
+    tops.push([x + 13, y - 574]);
+  }
+  for (let i = 0; i + 1 < tops.length; i++) {
+    const [a, b] = [tops[i], tops[i + 1]];
+    for (const dy of [0, 26]) l.line(parent, curve([[a[0], a[1] + dy], [(a[0] + b[0]) / 2, a[1] + dy + 60], [b[0], b[1] + dy]], false), role, 3, { name: "Wire" });
+  }
+}
+function bedroom(l, parent, o) {
+  l.rect(parent, 0, 0, W, H, o.wall, { name: "Wall" });
+  l.rect(parent, 0, 860, W, 220, "floor", { name: "Floor" });
+  const win = l.box(parent, 1080, 170, 620, 520, "Window view", { clip: true });
+  o.windowSky(win);
+  l.rect(parent, 1066, 156, 648, 18, "frame", { name: "Window frame" });
+  l.rect(parent, 1066, 690, 648, 24, "frame", { name: "Sill" });
+  l.rect(parent, 1066, 156, 18, 548, "frame", { name: "Window frame" });
+  l.rect(parent, 1696, 156, 18, 548, "frame", { name: "Window frame" });
+  l.rect(parent, 1381, 156, 16, 548, "frame", { name: "Mullion" });
+  l.shape(parent, curve([[1e3, 120], [1100, 120], [1090, 500], [1120, 780], [990, 780]], true, [0, 1, 3, 4]), "curtain", { name: "Curtain" });
+  l.shape(parent, curve([[1680, 120], [1790, 120], [1800, 780], [1670, 780], [1700, 500]], true, [0, 1, 2, 3]), "curtain", { name: "Curtain" });
+  l.rect(parent, 60, 620, 900, 300, "bedFrame", { name: "Bed", radius: 20 });
+  l.shape(parent, curve([[80, 700], [300, 640], [620, 660], [940, 640], [950, 860], [70, 870]], true, [4, 5]), "blanket", { name: "Blanket" });
+  l.rect(parent, 100, 590, 280, 110, "white", { name: "Pillow", radius: 50 });
+  l.rect(parent, 990, 700, 200, 180, "bedFrame", { name: "Nightstand", radius: 10 });
+}
+var spec = {
+  id: "motion-anime-morning",
+  title: "Morning Light",
+  score: "morning",
+  ground: "wallDawn",
+  colors: {
+    wallDawn: "#2E3A66",
+    wallDay: "#F3D9C4",
+    floor: "#3A2E4E",
+    frame: "#E9E2F2",
+    curtain: "#8AA0D8",
+    bedFrame: "#5B4A7A",
+    blanket: "#9FB6F0",
+    dawnTop: "#1E2A5A",
+    dawnLow: "#F6A98A",
+    dayTop: "#6EC3FF",
+    dayLow: "#CFEFFF",
+    sun: "#FFF1B8",
+    warm: "#FFB870",
+    roofs: "#2A2446",
+    cloud: "#FFFFFF",
+    houseWall: "#F7E6D6",
+    houseRoof: "#D0605E",
+    houseWindow: "#8FC7F0",
+    poleInk: "#3B3350",
+    road: "#8E8AA0",
+    grass: "#7FCB7A",
+    blossom: "#FFD1E2",
+    blossomDeep: "#FF93B8",
+    clock: "#FF6B6B",
+    digits: "#FFE08A",
+    rim: "#FFD9A0",
+    flash: "#FFFFFF",
+    white: "#FFFFFF",
+    skin: "#FFE6D8",
+    skinShade: "#F0B9A8",
+    line: "#3A2438",
+    blush: "#FF9EB0",
+    mouth: "#A8354E",
+    hanaHair: "#6B3F2A",
+    hanaHairShade: "#4A2A1C",
+    hanaHairLight: "#B07650",
+    hanaEye: "#3F8A5E",
+    hanaEyeLight: "#A6E3B0",
+    hanaOutfit: "#F2A7B8",
+    hanaOutfitShade: "#D07F95",
+    hanaAccent: "#FFFFFF"
+  },
+  fields: { title: "Morning Light", name: "Hana", time: "7:00", line1: "A brand new day\u2026", line2: "Wait \u2014 I\u2019m late!", tagline: "A new episode every morning" },
+  characters: [HANA],
+  musicGain: 0.85,
+  shots: [
+    {
+      name: "1 \xB7 Dawn",
+      cues: [
+        { layer: "Camera", preset: "drift", at: 0, params: { duration: 2857, distance: 20, direction: "left", amount: 0.03 } },
+        { layer: "Alarm clock", preset: "shake", at: 1400, params: { duration: 1200, distance: 8 } },
+        { layer: "Time", preset: "flash", at: 1400, params: { duration: 1200 } }
+      ],
+      sfx: [{ key: "clock", at: 1400 }, { key: "clock", at: 2200, gain: 0.8 }],
+      draw(l, sheet, k) {
+        const cam = camera(l, sheet);
+        bedroom(l, cam, { wall: "wallDawn", windowSky: (win) => {
+          sky(l, win, "dawnTop", "dawnTop", "dawnLow", { h: 520 });
+          l.shape(win, curve([[0, 520], [0, 400], [120, 400], [120, 360], [260, 360], [260, 420], [400, 420], [400, 330], [520, 330], [520, 390], [620, 390], [620, 520]], true, Array.from({ length: 12 }, (_, i) => i), 0), "roofs", { name: "Rooftops" });
+        } });
+        l.shape(cam, curve(ellipsePts(250, 640, 110, 70, 12), true), "hanaHair", { name: "Sleeping Hana" });
+        const clock = l.box(cam, 1030, 580, 120, 130, "Alarm clock");
+        l.circle(clock, 60, 70, 55, "clock", { name: "Clock body", stroke: { color: "line", width: 5 } });
+        l.circle(clock, 60, 70, 40, "white", { name: "Clock face" });
+        l.circle(clock, 20, 16, 16, "clock", { name: "Bell" });
+        l.circle(clock, 100, 16, 16, "clock", { name: "Bell" });
+        l.line(clock, [[60, 70], [60, 44]], "line", 5, { name: "Hand" });
+        l.line(clock, [[60, 70], [80, 70]], "line", 5, { name: "Hand" });
+        k.text(cam, "{{brand.time}}", { style: style(k, "Anime speaker 30"), color: "digits", width: 200, align: "CENTER", name: "Time", absolute: { x: 990, y: 740 } });
+        fxLayer(l, cam, "Dawn light", "Light rays", { origin: { x: 0.72, y: 0.2 }, angle: 125, spread: 0.9, rays: 10, intensity: 0.25, falloff: 1.6, speed: 0.1, color: { role: "dawnLow" } }, { blend: "SCREEN" });
+        fxLayer(l, cam, "Dust", "Dust motes", { density: 0.2, speed: 14, angle: 30, sway: 16, size: 6, spin: 0.4, colorA: { role: "dawnLow" }, colorB: { role: "sun" } }, { blend: "SCREEN", opacity: 0.6 });
+        vignette(l, sheet, "dawnTop", 0.55);
+      }
+    },
+    {
+      name: "2 \xB7 Eyes open",
+      cues: [
+        { layer: "Camera", preset: "push-in", at: 0, params: { duration: 2143, amount: 0.06 } },
+        { layer: "Hana awake", preset: "fade-in", at: 900, params: { duration: 84 } }
+      ],
+      sfx: [{ key: "birds", at: 700, gain: 0.7 }],
+      draw(l, sheet, k) {
+        const cam = camera(l, sheet);
+        l.rect(cam, 0, 0, W, H, "blanket", { name: "Sheets" });
+        l.rect(cam, 120, 180, 1680, 640, "white", { name: "Pillow", radius: 260 });
+        const asleep = k.instance(cam, "Hana/Eyes shut", { Rim: 0.15, Shade: 1 }, { name: "Hana asleep", absolute: { x: 460, y: 180 }, playback: { loop: "loop" } });
+        const awake = k.instance(cam, "Hana/Calm", { Rim: 0.9, Shade: 0.8 }, { name: "Hana awake", absolute: { x: 460, y: 180 }, playback: { loop: "loop", start: 500 } });
+        for (const id of [asleep, awake]) k.patch(id, { rotation: -8, scaleX: 1.25, scaleY: 1.25 });
+        const rays = fxLayer(l, cam, "Morning light", "Light rays", { origin: { x: 0.95, y: -0.05 }, angle: 125, spread: 1.2, rays: 12, intensity: 0.05, falloff: 1.2, speed: 0.15, color: { role: "warm" } }, { blend: "SCREEN" });
+        keyParam(l, rays, "intensity", [[0, 0.05, ease.inOut("sine")], [1100, 0.55]]);
+        const warm = wash(l, cam, "Warmth", "warm", "SOFT_LIGHT", 0);
+        l.keys(warm, "opacity", [[0, 0, ease.inOut("sine")], [1200, 0.3]]);
+        const cool = wash(l, cam, "Blue hour", "dawnTop", "MULTIPLY", 0.5);
+        l.keys(cool, "opacity", [[0, 0.5, ease.inOut("sine")], [1100, 0]]);
+        vignette(l, sheet, "line", 0.35);
+      }
+    },
+    {
+      name: "3 \xB7 Sunrise",
+      cues: [
+        { layer: "Camera", preset: "pull-out", at: 0, params: { duration: 2857, amount: 0.05 } },
+        { layer: "Caption card", preset: "fade-in", at: 500, params: { duration: 300 } },
+        { layer: "Caption", preset: "words-in", at: 600, params: { duration: 500, amount: 120 } },
+        { layer: "Caption card", preset: "fade-out", at: 2500, params: { duration: 300 } }
+      ],
+      draw(l, sheet) {
+        const cam = camera(l, sheet);
+        let sun = "";
+        bedroom(l, cam, { wall: "wallDay", windowSky: (win) => {
+          sky(l, win, "dawnTop", "dawnTop", "dawnLow", { h: 520, name: "Dawn sky" });
+          const day = l.box(win, 0, 0, 620, 520, "Morning sky");
+          sky(l, day, "dayTop", "dayTop", "dayLow", { h: 520 });
+          l.keys(day, "opacity", [[0, 0, ease.inOut("sine")], [2400, 1]]);
+          glow(l, win, 330, 420, 260, "sun", { strength: 0.9, name: "Sun glow" });
+          sun = l.circle(win, 330, 420, 60, "sun", { name: "Sun" });
+          l.shape(win, curve([[0, 520], [0, 400], [120, 400], [120, 360], [260, 360], [260, 420], [400, 420], [400, 330], [520, 330], [520, 390], [620, 390], [620, 520]], true, Array.from({ length: 12 }, (_, i) => i), 0), "roofs", { name: "Rooftops" });
+        } });
+        l.keys(sun, "translateY", [[0, 120, ease.out("cubic")], [2600, -60]]);
+        const blue = wash(l, cam, "Blue hour", "dawnTop", "MULTIPLY", 0.55);
+        l.keys(blue, "opacity", [[0, 0.55, ease.inOut("sine")], [2400, 0]]);
+        figure(l, cam, HANA, { pose: "reach-up", x: 1390, base: 900, height: 470, tone: "color", name: "Hana stretching" });
+        const rays = fxLayer(l, cam, "Sunbeams", "Light rays", { origin: { x: 0.72, y: 0.55 }, angle: 190, spread: 1.4, rays: 14, intensity: 0.1, falloff: 0.9, speed: 0.2, color: { role: "sun" } }, { blend: "SCREEN" });
+        keyParam(l, rays, "intensity", [[0, 0.1, ease.inOut("sine")], [2400, 0.6]]);
+        fxLayer(l, cam, "Dust", "Dust motes", { density: 0.26, speed: 18, angle: 30, sway: 16, size: 7, spin: 0.4, colorA: { role: "sun" }, colorB: { role: "warm" } }, { blend: "SCREEN" });
+        vignette(l, sheet, "line", 0.3);
+        caption(l, sheet, null, "{{brand.line1}}");
+      }
+    },
+    {
+      name: "4 \xB7 Late!",
+      cues: [
+        { layer: "Camera", preset: "pull-out", at: 0, params: { duration: 320, amount: 0.18, ease: ease.out("expo") } },
+        { layer: "Camera", preset: "camera-shake", at: 150, params: { duration: 450, distance: 16, amount: 1.5 } },
+        { layer: "Caption card", preset: "pop-in", at: 120, params: { duration: 300 } }
+      ],
+      draw(l, sheet, k) {
+        const cam = camera(l, sheet);
+        l.rect(cam, -100, -100, W + 200, H + 200, "dayTop", { name: "Burst ground" });
+        fxLayer(l, cam, "Focus lines", "Focus lines", { center: { x: 0.5, y: 0.42 }, inner: 0.4, count: 150, thickness: 0.55, rate: 12, amount: 1, color: { role: "white" } });
+        const hana = k.instance(cam, "Hana/Shock", { Rim: 0.6, Shade: 0.8 }, { name: "Hana", absolute: { x: 460, y: 110 }, playback: { loop: "loop" } });
+        k.patch(hana, { scaleX: 1.35, scaleY: 1.35 });
+        caption(l, sheet, "{{brand.name}}", "{{brand.line2}}", { speakerRole: "hanaOutfit" });
+      }
+    },
+    {
+      name: "5 \xB7 The run",
+      transition: into("WHIP_RIGHT", 200, { interp: ease.inOut("expo") }),
+      cues: [{ layer: "Speed lines", preset: "fade-out", at: 1800, params: { duration: 800 } }],
+      sfx: [{ key: "whoosh", at: 0 }],
+      draw(l, sheet) {
+        const cam = camera(l, sheet);
+        sky(l, cam, "dayTop", "dayTop", "dayLow");
+        const clouds = depth(l, cam, "Clouds");
+        cloud(l, clouds, 300, 200, 110, "cloud");
+        cloud(l, clouds, 1100, 140, 150, "cloud");
+        cloud(l, clouds, 1800, 240, 120, "cloud");
+        cloud(l, clouds, 2500, 170, 130, "cloud");
+        const far = depth(l, cam, "Far"), mid = depth(l, cam, "Mid"), near = depth(l, cam, "Near");
+        houses(l, far, 780, 12, { wall: "frame", roof: "curtain", window: "dayLow" }, 0.6);
+        houses(l, mid, 860, 4, { wall: "houseWall", roof: "houseRoof", window: "houseWindow" });
+        l.rect(cam, 0, 860, W, 60, "grass", { name: "Verge" });
+        l.rect(cam, 0, 920, W, 160, "road", { name: "Road" });
+        poles(l, near, 940, "poleInk");
+        l.keys(clouds, "translateX", [[0, 0, ease.linear], [2857, -120]]);
+        l.keys(far, "translateX", [[0, 0, ease.linear], [2857, -300]]);
+        l.keys(mid, "translateX", [[0, 0, ease.linear], [2857, -700]]);
+        l.keys(near, "translateX", [[0, 0, ease.linear], [2857, -1300]]);
+        const hana = figure(l, cam, HANA, { pose: "run", x: 900, base: 1010, height: 430, tone: "color", name: "Hana running" });
+        l.k.behave(hana, "translateY", [{ kind: "sine", amp: 14, freq: 2.8 }]);
+        fxLayer(l, cam, "Blossom", "Petals", { density: 0.2, speed: 260, angle: 160, sway: 30, size: 16, spin: 2, colorA: { role: "blossom" }, colorB: { role: "blossomDeep" } });
+        fxLayer(l, sheet, "Speed lines", "Speed lines", { angle: 0, count: 30, speed: 6, streak: 0.4, thickness: 0.2, density: 0.5, amount: 0.55, color: { role: "white" } });
+      }
+    },
+    {
+      name: "6 \xB7 Title",
+      cues: [
+        { layer: "Title card", preset: "pop-in", at: 200, params: { duration: 600, amount: 0.5 } },
+        { layer: "Tagline", preset: "rise-in", at: 700, params: { duration: 600 } },
+        { layer: "Hana", preset: "rise-in", at: 400, params: { duration: 700 } },
+        { layer: "Camera", preset: "drift", at: 0, params: { duration: 3571, distance: 24, direction: "right", amount: 0.03 } }
+      ],
+      sfx: [{ key: "sparkle", at: 200 }],
+      draw(l, sheet, k) {
+        const cam = camera(l, sheet);
+        sky(l, cam, "dayTop", "dayTop", "dayLow");
+        glow(l, cam, 1600, 180, 420, "sun", { strength: 0.9, name: "Sun glow" });
+        cloud(l, cam, 380, 820, 220, "cloud");
+        cloud(l, cam, 1500, 900, 260, "cloud");
+        cloud(l, cam, 900, 980, 200, "cloud");
+        l.line(cam, curve([[2e3, -40], [1700, 120], [1450, 160], [1280, 260]], false), "bedFrame", 26, { name: "Branch" });
+        const r = rng(21);
+        for (let i = 0; i < 22; i++) {
+          const x = 1300 + r() * 700, y = 40 + r() * 280;
+          l.circle(cam, x, y, 18 + r() * 16, i % 3 ? "blossom" : "blossomDeep", { name: "Blossom" });
+        }
+        fxLayer(l, cam, "Blossom", "Petals", { density: 0.16, speed: 120, angle: 120, sway: 30, size: 16, spin: 1.5, seed: 3, colorA: { role: "blossom" }, colorB: { role: "blossomDeep" } });
+        const hana = k.instance(cam, "Hana/Smile", { Rim: 0.8, Shade: 0.7 }, { name: "Hana", absolute: { x: -160, y: 420 }, playback: { loop: "loop" } });
+        k.patch(hana, { scaleX: 0.9, scaleY: 0.9 });
+        titleCard(k, sheet, { title: "{{brand.title}}", tagline: "{{brand.tagline}}", plate: "houseRoof", plateOpacity: 0.92, shadow: "line", justify: "MIN", align: "MAX", padding: 110 });
+        fxLayer(l, cam, "Sparkles", "Sparkles", { density: 0.14, speed: 30, angle: 270, sway: 10, size: 18, spin: 0.4, colorA: { role: "white" }, colorB: { role: "sun" } }, { box: [600, 260, 1300, 460], blend: "SCREEN" });
+        void H;
+      }
+    }
+  ]
+};
+var MORNING_SHORT = spec;
+var morning_default = defineTemplate({
+  id: spec.id,
+  meta: {
+    name: "Anime short: Morning Light",
+    description: "A 16-second slice-of-life anime short at 1920\xD71080, 30 fps: an alarm at dawn, eyes opening to warm light, a sunrise stretch at the window as the room shifts from blue to gold, a shocked \u201CI\u2019m late!\u201D, a whip pan into a parallax run down the street under falling blossom, and the title \u2014 an original character with changing expressions, light rays, dust motes and a music-box score (made by PopCraft, CC0)",
+    category: "animation",
+    tags: ["animation", "anime", "short film", "slice of life", "morning", "characters", "scenes", "music", "parallax", "light rays", "petals"],
+    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 {
+  MORNING_SHORT,
+  morning_default
+};

package/dist/chunks/chunk-WR4RGBX5.js

@@ -0,0 +1,110 @@
+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 {
+  onColor,
+  scrim,
+  withSong
+} from "./chunk-3NRR2TOB.js";
+import {
+  bassKick,
+  beatFlash,
+  circularSpectrum,
+  visualizer
+} from "./chunk-IJN5YEUM.js";
+import {
+  trackInfo
+} from "./chunk-QV6FKRC3.js";
+import {
+  pill
+} from "./chunk-IL2F4BKM.js";
+import {
+  defineTemplate
+} from "./chunk-FC6VBE7Y.js";
+import {
+  Kit,
+  preset
+} from "./chunk-5DE7NPKW.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-W5QYHNL2.js";
+
+// templates/src/music/edm-drop.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DEEP = "#0B0620";
+var VIOLET = "#7B2FF7";
+var PINK = "#FF3D9A";
+var CYAN = "#29E6FF";
+var WHITE = "#FFFFFF";
+var DROP_MS = Math.round(4 * 4 * 6e4 / trackInfo("edm").bpm);
+var CUES = [
+  { layer: "Get ready", preset: "fade-in", at: 400, params: { duration: 900 } },
+  { layer: "Get ready", preset: "fade-out", at: DROP_MS - 400, params: { duration: 350 } },
+  { layer: "Cover lockup", preset: "scale-in", at: DROP_MS, params: { duration: 450 } },
+  { layer: "Words", preset: "fade-in", at: DROP_MS, params: { duration: 250 } },
+  { layer: "Song", preset: "pop-in", at: DROP_MS + 120, params: { duration: 450, amount: 0.6 } },
+  { layer: "Artist", preset: "rise-in", at: DROP_MS + 470, params: { duration: 500 } },
+  { layer: "Release pill", preset: "pop-in", at: DROP_MS + 940, params: { duration: 450 } }
+];
+var edm_drop_default = defineTemplate({
+  id: "motion-music-edm-drop",
+  meta: {
+    name: "EDM drop teaser",
+    description: "A 15-second vertical teaser that builds and drops with its track: a zoom-feedback visualizer driven by the bass and beat, then on the drop the title slams in over a circular spectrum and the screen flashes on every kick",
+    category: "animation",
+    tags: ["animation", "music", "music video", "edm", "drop", "visualizer", "audio reactive", "milkdrop", "spectrum", "reel", "tiktok", "teaser"],
+    platforms: ["instagram", "tiktok", "youtube"],
+    formats: ["reel", "short", "story"],
+    useCases: ["launch", "announcement"],
+    created: "2026-09-30",
+    updated: "2026-09-30"
+  },
+  motion: { cues: CUES },
+  build() {
+    const k = new Kit("EDM drop teaser", preset("ig-story"));
+    k.brand(
+      { deep: DEEP, violet: VIOLET, accent: PINK, cyan: CYAN, flash: WHITE, text: WHITE, onAccent: onColor(PINK, [DEEP, "#000000"]), onDeep: onColor(DEEP, [WHITE]) },
+      { song: "Neon Surge", artist: "KAIRO" }
+    );
+    k.textStyle("Ready 88", { size: 88, fontWeight: 900, lineHeight: 96, letterSpacing: 8, textAlign: "CENTER", textCase: "UPPER" });
+    k.textStyle("Song 130", { size: 130, fontWeight: 900, lineHeight: 150, letterSpacing: -5, textAlign: "CENTER", textCase: "UPPER" });
+    k.textStyle("Artist 56", { size: 56, fontWeight: 700, lineHeight: 64, letterSpacing: 14, textAlign: "CENTER", textCase: "UPPER" });
+    k.textStyle("Pill 40", { size: 40, fontWeight: 800, lineHeight: 48, letterSpacing: 2, textCase: "UPPER" });
+    pill(k, "Release pill", { fill: "accent", ink: "onAccent", style: "Pill 40", label: "Out Friday", pad: [18, 48] });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Drop");
+    k.flowSheet(sheet, 0, { top: 0, right: 0, bottom: 0, left: 0 }, "deep");
+    k.patch(sheet, { clipsContent: true });
+    withSong(k, sheet, "edm", 1, 600);
+    visualizer(k, sheet, "zoom-feedback", { bg: "deep", a: "violet", b: "accent", c: "cyan" }, { name: "Zoom feedback" });
+    const ready = k.stack(sheet, { direction: "HORIZONTAL", width: 876, justify: "CENTER", name: "Ready row", absolute: { x: 64, y: 256 } });
+    k.text(scrim(k, ready, "deep", { direction: "HORIZONTAL", width: "HUG", radius: 999, padding: { top: 8, right: 40, bottom: 8, left: 40 }, name: "Get ready" }), "Get ready", { style: "Ready 88", color: "onDeep", autoWidth: true, name: "Get ready text" });
+    const D = 2 * (230 + 120);
+    const lockup = k.stack(sheet, { width: D, height: D, name: "Cover lockup", absolute: { x: (1080 - D) / 2, y: 362 } });
+    circularSpectrum(k, lockup, { radius: 230, length: 120, color: "cyan", count: 64 });
+    const art = k.photo(lockup, 400, 400, { radius: 200, ground: "violet", name: "Cover art", absolute: { x: D / 2 - 200, y: D / 2 - 200 } });
+    bassKick(k, art, 0.07, 130);
+    const words = scrim(k, sheet, "deep", { width: 876, gap: 12, name: "Words", absolute: { x: 64, y: 1060 }, padding: { top: 16, right: 24, bottom: 20, left: 24 } });
+    const song = k.text(words, "{{brand.song}}", { style: "Song 130", color: "onDeep", width: 828, name: "Song" });
+    bassKick(k, song, 0.05, 110);
+    k.text(words, "{{brand.artist}}", { style: "Artist 56", color: "cyan", width: 828, name: "Artist" });
+    const row = k.stack(sheet, { direction: "HORIZONTAL", width: 876, justify: "CENTER", name: "Release row", absolute: { x: 64, y: 1342 } });
+    k.instance(row, "Release pill", {}, { name: "Release pill" });
+    const flashes = k.stack(sheet, { width: 1080, height: 1920, name: "Drop flashes", absolute: { x: 0, y: 0 } });
+    const flash = k.rect(flashes, 1080, 1920, "flash", { name: "Beat flash", absolute: { x: 0, y: 0 } });
+    beatFlash(k, flash, 0.22, 110);
+    k.animate(flashes, "opacity", [{ t: DROP_MS - 1, v: 0 }, { t: DROP_MS, v: 1 }]);
+    k.cues(sheet, CUES);
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  DROP_MS,
+  CUES,
+  edm_drop_default
+};