@popcraft/kit 0.53.4 → 0.53.5

package/dist/chunks/chunk-RTLXYE42.js

@@ -0,0 +1,182 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  SCENE,
+  mover
+} from "./chunk-OMIZ3MNS.js";
+import {
+  buntingPaths,
+  disc,
+  hill,
+  shape,
+  turn
+} from "./chunk-A5DOI23N.js";
+import {
+  SERIF
+} from "./chunk-AXAAXHZF.js";
+import {
+  grain,
+  hardShadow
+} from "./chunk-YORIY3BT.js";
+import {
+  curve3,
+  poly,
+  pt3,
+  rng
+} from "./chunk-EJLCQVQK.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/themes/festival-presale-folk-kit.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var AW = 1200;
+var AH = 860;
+var TOP = SCENE.h - AH;
+var SUN = { x: 850, y: 330, r: 168 };
+function fields(k, scene, still) {
+  const move = mover(k, still);
+  const bunting = (_k, parent, o) => {
+    const b = buntingPaths(o.x1, o.y1, o.x2, o.y2, o.sag, o.n, o.size);
+    shape(k, parent, [b.line], o.line, { name: `${o.name ?? "Bunting"} line`, strokeWidth: 2 });
+    o.colors.forEach((c, ci) => {
+      const id = shape(k, parent, b.flags.filter((_, i) => i % o.colors.length === ci), c, { name: o.name ?? "Bunting" });
+      move(id, "translateY", 2.5, 2, ci / o.colors.length);
+    });
+  };
+  const spin = (id, turns) => {
+    if (!still) turn(k, id, turns);
+  };
+  k.rect(scene, SCENE.w, SCENE.h, [k.gradient({ from: "sunPale", to: "sunPale", fromOpacity: 0, toOpacity: 0.5, angle: 90 })], { name: "Sky glow", absolute: { x: 0, y: 0 } });
+  const cloud = (art2, x, y, s, i) => {
+    const id = shape(k, art2, [disc(x, y, 46 * s, 30 * s), disc(x + 52 * s, y - 14 * s, 54 * s, 38 * s), disc(x + 112 * s, y, 50 * s, 30 * s), disc(x + 56 * s, y + 12 * s, 90 * s, 22 * s)], "cloud", { name: "Cloud", opacity: 0.9 });
+    move(id, "translateX", 14, 1, i / 3);
+  };
+  cloud(scene, 120, 260, 1.2, 1);
+  cloud(scene, 760, 150, 0.9, 2);
+  cloud(scene, 420, 470, 0.7, 0);
+  bunting(k, scene, { x1: -15, y1: 60, x2: 1215, y2: 30, sag: 70, n: 22, size: 36, colors: ["tentRed", "straw", "hillD", "tentBlue"], line: "bark", name: "High bunting" });
+  const art = k.frame(scene, { x: 0, y: TOP, width: AW, height: AH }, { name: "Fields" });
+  k.ellipse(art, SUN.r * 3.3, k.tint("sunPale", 0.4), { name: "Sun halo", absolute: { x: SUN.x - SUN.r * 1.65, y: SUN.y - SUN.r * 1.65 } });
+  const R = 330, rays = [];
+  for (let i = 0; i < 24; i++) {
+    const a = i / 24 * Math.PI * 2, d = 0.045, r0 = SUN.r + 22, r1 = i % 2 ? R : R - 60;
+    rays.push({ closed: true, points: [pt3(R + r0 * Math.cos(a - d), R + r0 * Math.sin(a - d)), pt3(R + r1 * Math.cos(a), R + r1 * Math.sin(a)), pt3(R + r0 * Math.cos(a + d), R + r0 * Math.sin(a + d))] });
+  }
+  const rayId = k.vector(art, R * 2, R * 2, rays, "sun", { name: "Sun rays", opacity: 0.8, absolute: { x: SUN.x - R, y: SUN.y - R } });
+  spin(rayId, 1 / 12);
+  k.ellipse(art, SUN.r * 2, "sun", { name: "Sun", absolute: { x: SUN.x - SUN.r, y: SUN.y - SUN.r } });
+  k.ellipse(art, SUN.r * 1.5, k.tint("sunPale", 0.35), { name: "Sun heart", absolute: { x: SUN.x - SUN.r * 0.75, y: SUN.y - SUN.r * 0.75 } });
+  cloud(art, 620, 150, 1, 0);
+  cloud(art, 1010, 96, 0.7, 1);
+  cloud(art, 1040, 520, 0.6, 2);
+  const birds = [[690, 250], [724, 232], [760, 262], [1060, 236], [1094, 250], [240, 120], [280, 96]].map(([x, y]) => curve3([{ x: x - 12, y: y - 4 }, { x: x - 5, y: y - 9 }, { x, y }, { x: x + 5, y: y - 9 }, { x: x + 12, y: y - 4 }], 0.3));
+  const flock = shape(k, art, birds, "bark", { name: "Birds", strokeWidth: 2.5 });
+  move(flock, "translateY", 6, 2);
+  shape(k, art, [hill(AW, [560, 520, 548, 512, 530, 506, 540], AH + 40)], "hillA", { name: "Far hills" });
+  shape(k, art, [{ closed: true, points: [pt3(1040, 518), { ...pt3(1110, 452), handleIn: pt3(1040, 466), handleOut: pt3(1180, 466) }, pt3(1180, 518)] }], "bark", { name: "Stage shell" });
+  shape(k, art, [{ closed: true, points: [pt3(1054, 518), { ...pt3(1110, 468), handleIn: pt3(1056, 480), handleOut: pt3(1164, 480) }, pt3(1166, 518)] }], "sunPale", { name: "Stage glow" });
+  shape(k, art, [poly([[1030, 518], [1190, 518], [1190, 526], [1030, 526]])], "bark", { name: "Stage deck" });
+  shape(k, art, [hill(AW, [600, 566, 590, 556, 596, 562, 580], AH + 40)], "hillB", { name: "Hills" });
+  const tents = [[90, 610, 74, "tentRed"], [176, 624, 96, "tentBlue"], [330, 616, 70, "straw"], [468, 606, 62, "straw"], [560, 612, 84, "tentRed"], [720, 600, 70, "tentBlue"], [824, 606, 104, "tentRed"], [952, 598, 66, "straw"], [1060, 604, 92, "tentBlue"], [1160, 598, 60, "tentRed"]];
+  tents.forEach(([x, base, w, b], i) => {
+    const h = w * 0.78, top = base - h;
+    shape(k, art, [poly([[x - w / 2, base], [x, top], [x + w / 2, base]])], "tentCream", { name: "Tent" });
+    shape(k, art, [poly([[x - w * 0.3, base], [x, top], [x - w * 0.12, base]]), poly([[x + w * 0.12, base], [x, top], [x + w * 0.3, base]])], b, { name: "Tent panels" });
+    shape(k, art, [poly([[x - w * 0.07, base], [x, base - h * 0.42], [x + w * 0.07, base]])], "bark", { name: "Tent door" });
+    shape(k, art, [{ closed: false, points: [pt3(x, top), pt3(x, top - w * 0.2)] }], "bark", { name: "Tent pole", strokeWidth: 2 });
+    const flag = shape(k, art, [poly([[x, top - w * 0.2], [x + w * 0.2, top - w * 0.14], [x, top - w * 0.08]])], b, { name: "Tent flag" });
+    k.patch(flag, { anchorX: 0 });
+    move(flag, "scaleX", 0.22, 3, i / 5);
+  });
+  shape(k, art, [hill(AW, [640, 668, 628, 664, 636, 672, 640], AH + 40)], "hillC", { name: "Near hills" });
+  const furrows = [];
+  for (let i = 0; i < 9; i++) furrows.push(curve3([{ x: -20, y: 700 + i * 20 }, { x: 300, y: 690 + i * 22 }, { x: 700, y: 706 + i * 21 }, { x: 1220, y: 688 + i * 23 }], 0.2));
+  shape(k, art, [hill(AW, [712, 690, 716, 694, 720, 700, 708], AH + 40)], "hillD", { name: "Field" });
+  shape(k, art, furrows, "hillC", { name: "Furrows", strokeWidth: 3, opacity: 0.55 });
+  bunting(k, art, { x1: 560, y1: 8, x2: 1215, y2: 52, sag: 26, n: 15, size: 30, colors: ["tentRed", "straw", "hillD", "tentBlue"], line: "bark" });
+  const r = rng(41);
+  for (let row = 0; row < 3; row++) {
+    const stalks = [], ears = [];
+    for (let x = -10 + row * 9; x < AW + 10; x += 27) {
+      const h = 70 + r() * 70, lean = (r() - 0.5) * 26, bx = x + r() * 10, ty = AH - h;
+      stalks.push(curve3([{ x: bx, y: AH + 4 }, { x: bx + lean * 0.4, y: AH - h * 0.55 }, { x: bx + lean, y: ty }], 0.25));
+      ears.push({ closed: true, points: [pt3(bx + lean - 5, ty + 4), pt3(bx + lean + lean * 0.12, ty - 30), pt3(bx + lean + 5, ty + 4), pt3(bx + lean, ty + 12)] });
+    }
+    const s1 = shape(k, art, stalks, row === 1 ? "straw" : "strawDark", { name: "Barley stalks", strokeWidth: 2.5 });
+    const s2 = shape(k, art, ears, row === 1 ? "straw" : "strawDark", { name: "Barley ears" });
+    for (const id of [s1, s2]) {
+      k.patch(id, { anchorY: 1 });
+      move(id, "rotation", 0.9, 2, row / 3);
+    }
+  }
+  k.patch(scene, { effects: grain(0.07, 2, 23) });
+}
+var serif = { ...SERIF, fontStyle: "italic" };
+var BARLEY_MOON = {
+  slug: "folk",
+  name: "Barley Moon",
+  brand: (k, fields2 = {}) => {
+    k.brand(
+      { paper: "#F4EBD6", text: "#3A2A1C", onPaper: "#6A5643", primary: "#B8461F", onPrimary: "#FFF6E4", accent: "#2F5D50", onAccent: "#FFF6E4", card: "#FCF6E7", onCard: "#3A2A1C", cardMuted: "#6A5643", panel: "#3A2A1C", onPanel: "#F4EBD6", panelMuted: "#D9CAAF", chip: "#EADDC1", onChip: "#3A2A1C", stage: "#F3DCAE", onStage: "#3A2A1C", stageMuted: "#59422F" },
+      { name: "Barley Moon", ...fields2 }
+    );
+    k.palette({ sun: "#E8743B", sunPale: "#F6B872", hillA: "#BFC690", hillB: "#93AB76", hillC: "#62855C", hillD: "#3F624A", straw: "#DDB95C", strawDark: "#B98F3C", tentRed: "#C4522A", tentCream: "#FFF3DA", tentBlue: "#3E6C8A", bark: "#4A3626", cloud: "#FFF6E4" });
+  },
+  type: {
+    Name: { ...serif, fontWeight: 900, ls: -0.035, lh: 0.88 },
+    Head: { ...serif, fontWeight: 900, ls: -0.03, lh: 1.02 },
+    Act: { ...SERIF, fontWeight: 700, ls: -0.01, lh: 1.3 },
+    More: { fontWeight: 600, ls: 0.1, lh: 1.6, upper: true },
+    Kicker: { fontWeight: 700, ls: 0.2, lh: 1.4, upper: true },
+    Clock: { ...SERIF, fontWeight: 900, ls: -0.028, lh: 1.04, tnum: true },
+    Unit: { fontWeight: 700, ls: 0.16, lh: 1.3, upper: true },
+    Body: { fontWeight: 500, ls: 0, lh: 1.42 },
+    Button: { fontWeight: 700, ls: 0, lh: 1.4 },
+    Caption: { ...SERIF, fontWeight: 800, ls: -0.01, lh: 1.22 },
+    Price: { ...serif, fontWeight: 900, ls: -0.035, lh: 1, tnum: true }
+  },
+  look: {
+    radius: 18,
+    chip: 999,
+    button: 999,
+    plate: "stage",
+    plateAlpha: 0.94,
+    plateStroke: { color: "text", width: 3, align: "INSIDE" },
+    plateEffects: (k) => [hardShadow(k, "bark", 6, 7, 0.9)],
+    tile: "panel",
+    tileInk: "onPanel",
+    tileMuted: "panelMuted",
+    glow: "sun",
+    hot: "primary",
+    hotInk: "onPrimary",
+    sep: "\xB7"
+  },
+  scene: fields,
+  horizon: TOP + 700,
+  dates: "22 \u2013 25 July 2027",
+  place: "Hartcombe Farm, Wessendale",
+  kicker: "Four days of songs in the fields",
+  heads: ["The Larkspur Union", "Hollow Kin", "Old Coat"],
+  acts: ["Odette Marlowe", "Maren & the Tide", "June Addison", "Fennel Road", "The Wren Sisters", "Half Acre"],
+  more: ["Paper Lantern Club", "Wilder Still", "Rook & Rowan", "Elsie Vane", "Bramble Choir", "Greenfinch"],
+  tba: "and more than fifty still to come",
+  presale: { by: "Sun 7 Feb", code: "Tue 9 Feb", opens: "Thu 11 Feb \xB7 9 am", day: "Thursday 11 February", time: "09:00", queue: "08:30", limit: "up to six tickets" },
+  clock: { days: "09", hours: "14", minutes: "27", from: 52, to: 46 },
+  tier: { tag: "Tier one", name: "Weekend, with camping", price: "\xA3189", next: "\xA3209", was: "\xA3168", sold: "Supporter tickets all gone", note: "On sale now to the mailing list. What is left opens to presale codes on 11 February.", stock: { label: "Going quickly", from: 3912, left: 3880, total: 1e4 } },
+  cta: "Sign up for presale",
+  code: "BM27-PRE-H7KD",
+  gate: "Orchard Gate",
+  track: "acoustic",
+  captions: ["The first names are here.", "Presale opens Thursday 11 February.", "Sign up by Sunday, free.", "Sign up for a code."],
+  picture: "a sun-bleached poster of the fields at the end of the day: a low sun with turning rays, drifting clouds, rolling hills with a stage shell, striped bell tents, bunting and swaying barley",
+  tags: ["folk", "indie", "summer", "camping", "fields", "serif"]
+};
+
+export {
+  BARLEY_MOON
+};

package/dist/chunks/chunk-RTTPFE4U.js

@@ -0,0 +1,119 @@
+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 {
+  SPOOL,
+  body,
+  code,
+  deep,
+  display,
+  gradientBrand,
+  lockup,
+  mesh,
+  orbitCam,
+  parallax,
+  plateChip,
+  sitePill,
+  tilted,
+  ts,
+  videoFoot,
+  winStyles
+} from "./chunk-OZKPVMNT.js";
+import {
+  presetSafeRect
+} from "./chunk-EMVFY3SD.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  ease
+} from "./chunk-PLZLKHOI.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/social/style-gradient-announcement.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Gradient SaaS announcement post";
+var LOOP = 8e3;
+var cues = [
+  { layer: "Site chip", preset: "pulse", at: 4400, params: { duration: 1600, amount: 0.04 } }
+];
+var LAYS = {
+  "ig-post": { x: 72, w: 936, brandY: 64, headY: 150, head: "Head 96", sub: "Sub 30", scene: { x: 180, y: 420, w: 900, h: 660 }, scale: 0.68, mesh: { x: 160, y: 470, w: 960, h: 640 }, footY: 960 },
+  "ig-portrait": { x: 72, w: 936, brandY: 72, headY: 170, head: "Head 104", sub: "Sub 32", scene: { x: 60, y: 520, w: 1020, h: 760 }, scale: 0.8, mesh: { x: 0, y: 580, w: 1080, h: 770 }, footY: 1228 },
+  "ig-story": { x: 140, w: 800, brandY: 260, headY: 360, head: "Head 104", sub: "Sub 32", scene: { x: 0, y: 570, w: 1080, h: 820 }, scale: 1.04, mesh: { x: -120, y: 720, w: 1320, h: 1200 }, footY: 1376 }
+};
+var style_gradient_announcement_default = defineTemplate({
+  id: "social-saas-style-gradient-announcement",
+  meta: {
+    name: NAME,
+    description: "An eight-second looping launch announcement in the gradient and depth look for a video rendering API: the message on the deep ocean ground from the first frame, the product window tilted in 3D space over a warm coral-to-lagoon mesh, the camera swinging round it and back, planes drifting at their own depths, a playhead running and a band of light crossing the glass. Square with 4:5 and 9:16 cuts",
+    category: "social",
+    tags: ["social", "post", "announcement", "launch", "saas", "gradient", "mesh gradient", "depth", "3d", "shader", "developer", "api", "video", "loop", "animation", "instagram", "linkedin"],
+    platforms: ["instagram", "linkedin", "x", "threads"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["announcement", "launch", "changelog"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit(NAME, preset("ig-post"));
+    k.quantizeGeometry = true;
+    gradientBrand(k);
+    const st = winStyles(k);
+    ts(k, "Brand 30", display(30));
+    ts(k, "Kicker 22", code(22));
+    ts(k, "Head 96", display(96));
+    ts(k, "Head 104", display(104));
+    ts(k, "Sub 30", body(30, 500));
+    ts(k, "Sub 32", body(32, 500));
+    ts(k, "Site 24", code(24));
+    sitePill(k, { style: "Site 24", pad: [16, 24] });
+    const sheets = ["ig-post", "ig-portrait", "ig-story"].map((id, i) => {
+      const sheet = i === 0 ? k.sheet : k.addSheet(preset(id));
+      lay(k, sheet, id, st);
+      return sheet;
+    });
+    k.setCover(sheets[0]);
+    return k.finish();
+  }
+});
+function lay(k, sheet, id, st) {
+  const L = LAYS[id];
+  k.nameSheet(sheet, `Announcement \xB7 ${preset(id).name}`);
+  k.flowSheet(sheet, 0, 0, "night", "MIN", "MIN");
+  k.patch(sheet, { clipsContent: true });
+  k.timeline(sheet, { duration: LOOP, fps: 30 });
+  deep(k, sheet, { duration: LOOP });
+  mesh(k, sheet, { ...L.mesh, duration: LOOP });
+  const { width, height } = k.node(sheet);
+  const r = presetSafeRect(id, width, height);
+  const t = tilted(k, sheet, { ...L.scene, width: 860, scale: L.scale, rotateY: -24, rotateX: 11, styles: st, jobs: 3, sweeps: [2600], duration: LOOP, safe: r ? { x: Math.ceil(r.x), y: Math.ceil(r.y), w: Math.floor(r.width), h: Math.floor(r.height) } : void 0 });
+  orbitCam(k, t.scene, { at: 0, until: LOOP / 2, from: -8, to: 8, z0: 40, z1: -60, back: LOOP });
+  parallax(k, t, LOOP, 16);
+  k.animate(t.win.playhead, "translateX", [{ t: 0, v: -276, ease: ease.linear }, { t: LOOP - 300, v: 520, ease: ease.hold }, { t: LOOP - 299, v: -276 }]);
+  const brandRow = k.stack(sheet, { direction: "HORIZONTAL", width: L.w, justify: "SPACE_BETWEEN", align: "CENTER", name: "Brand row", absolute: { x: L.x, y: L.brandY } });
+  lockup(k, brandRow, { size: 52, style: "Brand 30" });
+  plateChip(k, brandRow, "Out today", { style: "Kicker 22", name: "Kicker", dot: "primary" });
+  const words = k.stack(sheet, { width: L.w, gap: 20, name: "Words", absolute: { x: L.x, y: L.headY } });
+  k.text(words, `${SPOOL.version} renders
+on the edge.`, { style: L.head, color: "onNight", name: "Headline" });
+  k.text(words, `A one-minute 1080p video in ${SPOOL.render} s. It used to take ${SPOOL.before}.`, { style: L.sub, color: "nightMuted", name: "Sub" });
+  k.instance(sheet, "Site pill", {}, { name: "Site chip", absolute: { x: L.x, y: L.footY } });
+  if (id === "ig-story") videoFoot(k, sheet, L.footY + 110);
+  k.cues(sheet, cues);
+}
+
+export {
+  style_gradient_announcement_default
+};

package/dist/chunks/chunk-RU42F4MZ.js

@@ -0,0 +1,170 @@
+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 {
+  Deck,
+  WIDE,
+  cuesFor
+} from "./chunk-7JURMJIE.js";
+import {
+  blackShadow
+} from "./chunk-YORIY3BT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/saas/email-decks-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var ARIAL = { fontFamily: "Arial" };
+var GEORGIA = { fontFamily: "Georgia" };
+var COURIER = { fontFamily: "Courier New" };
+var MAIL_FPS = 30;
+var MAIL_W = 600;
+var pad4 = ([top, right, bottom, left]) => ({ top, right, bottom, left });
+function mailSheet(k, o) {
+  const sheet = k.sheet;
+  k.flowSheet(sheet, 0, 0, o.paper, "MIN", "MIN");
+  k.patch(sheet, { clipsContent: true });
+  k.timeline(sheet, { duration: o.duration, fps: MAIL_FPS });
+  return sheet;
+}
+function mailHeader(k, sheet, height, fill, name = "Header") {
+  return k.stack(sheet, { height, fill, clip: true, name });
+}
+function section(k, sheet, o) {
+  return k.stack(sheet, { name: o.name, padding: pad4(o.pad), gap: o.gap ?? 0, ...o.fill ? { fill: o.fill } : {}, ...o.align ? { align: o.align } : {} });
+}
+function mailButton(k, name, o) {
+  k.component(name, { direction: "HORIZONTAL", width: o.width, height: o.height ?? 48, fill: o.fill, align: "CENTER", justify: "CENTER", props: { Label: o.label } }, (id) => {
+    k.propText(id, "Label", { style: o.style, color: o.ink, autoWidth: true });
+  });
+}
+function callToAction(k, sheet, o) {
+  const s = section(k, sheet, { name: "Call to action", pad: o.pad, gap: o.gap ?? 14, align: "CENTER", ...o.fill ? { fill: o.fill } : {} });
+  k.instance(s, o.button, { Label: o.label }, { name: "Button" });
+  if (o.note) k.text(s, o.note, { style: o.noteStyle, color: o.noteInk, align: "CENTER", name: "Button note" });
+  return s;
+}
+function mailFooter(k, sheet, o) {
+  const s = section(k, sheet, { name: "Footer", pad: o.pad ?? [24, 40, 32, 40], gap: 6, ...o.fill ? { fill: o.fill } : {} });
+  if (o.rule) {
+    k.rect(s, "FILL", 1, o.rule, { name: "Footer rule" });
+    k.rect(s, "FILL", 10, o.fill ?? "paper", { name: "Footer space" });
+  }
+  const t = { style: o.style, color: o.ink, align: o.align ?? "LEFT" };
+  k.text(s, o.why, { ...t, name: "Why" });
+  k.text(s, "{{brand.company}} \xB7 {{brand.address}}", { ...t, name: "Address" });
+  k.text(s, o.links ?? "Unsubscribe \xB7 Email preferences", { ...t, name: o.links ? "Account email" : "Unsubscribe" });
+  return s;
+}
+function mailRow(k, parent, o) {
+  return k.stack(parent, { direction: "HORIZONTAL", name: o.name, gap: o.gap ?? 0, align: o.align ?? "MIN", ...o.fill ? { fill: o.fill } : {}, ...o.padding !== void 0 ? { padding: o.padding } : {} });
+}
+function tag(k, parent, label, o) {
+  const [v, h] = o.pad ?? [3, 8];
+  const box = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", fill: o.fill, padding: { top: v, right: h, bottom: v, left: h }, name: o.name ?? "Tag" });
+  k.text(box, label, { style: o.style, color: o.ink, autoWidth: true, name: "Tag label" });
+  return box;
+}
+function finishMail(k, sheet) {
+  k.finish();
+  const s = k.node(sheet);
+  const bottom = Math.max(...s.childIds.map((id) => k.node(id)).filter((n) => n.layoutPositioning !== "ABSOLUTE").map((n) => n.y + n.height));
+  k.patch(sheet, { height: Math.ceil(bottom), layoutSizingVertical: "HUG" });
+  return k.finish();
+}
+function swell(k, id, path, o) {
+  k.behave(id, path, [{ kind: "sine", amp: o.amp, freq: (o.cycles ?? 1) * 1e3 / o.loopMs, ...o.phase !== void 0 ? { phase: o.phase } : {} }]);
+}
+var drop = (a = 0.18, y = 10, blur = 28) => blackShadow(a, y, blur);
+function fitted(paths) {
+  const all = paths.flatMap((p) => p.points.flatMap((q) => [q, ...q.handleIn ? [q.handleIn] : [], ...q.handleOut ? [q.handleOut] : []]));
+  const x = Math.min(...all.map((q) => q.x)), y = Math.min(...all.map((q) => q.y));
+  const move = (q) => ({ ...q, x: q.x - x, y: q.y - y });
+  return {
+    x,
+    y,
+    width: Math.max(...all.map((q) => q.x)) - x,
+    height: Math.max(...all.map((q) => q.y)) - y,
+    paths: paths.map((p) => ({ ...p, points: p.points.map((q) => ({ ...move(q), ...q.handleIn ? { handleIn: move(q.handleIn) } : {}, ...q.handleOut ? { handleOut: move(q.handleOut) } : {} })) }))
+  };
+}
+function deckType(k, faces) {
+  for (const [name, s] of Object.entries(faces)) {
+    const size = Number(name.split(" ").pop());
+    k.textStyle(name, { size, lineHeight: Math.round(size * 1.15), ...s });
+  }
+}
+var specOf = (s) => "spec" in s ? s.spec : { kind: "points", name: s.canvas.name, heading: s.canvas.heading, points: [] };
+var founderCues = (slides) => slides.map((s) => {
+  const spec = specOf(s);
+  return { slide: spec.name, cues: [...cuesFor(spec), ...s.extra ?? []] };
+});
+var SLIDE = { width: 1920 - WIDE.pad.left - WIDE.pad.right, area: 1080 - WIDE.pad.top - WIDE.pad.bottom - Math.round(72 * 1.12) - WIDE.gap, full: { w: 1920, h: 1080 }, pad: WIDE.pad };
+function founderDeck(k, slides, options) {
+  const deck = new Deck(k, WIDE, options);
+  const made = [];
+  for (const s of slides) {
+    const sheet = deck.add(specOf(s));
+    if (s.duration) k.timeline(sheet, { duration: s.duration, fps: 30 });
+    if ("canvas" in s) {
+      const area = k.named(sheet, "Points")[0];
+      k.patch(area, { name: "Canvas", height: SLIDE.area, layoutSizingVertical: "FIXED", itemSpacing: 0 });
+      s.draw(k, area, sheet);
+    }
+    s.more?.(k, sheet);
+    if (s.dress) {
+      const before = new Set(k.node(sheet).childIds);
+      s.dress(k, sheet);
+      const all = k.node(sheet).childIds;
+      k.patch(sheet, { childIds: [...all.filter((id) => !before.has(id)), ...all.filter((id) => before.has(id))] });
+    }
+    made.push({ sheet, s });
+  }
+  deck.finish();
+  for (const { sheet, s } of made) {
+    if (s.extra?.length) k.cues(sheet, s.extra);
+    if (s.counts?.length) k.counts(sheet, s.counts);
+  }
+}
+function evenRows(k, names) {
+  for (const n of Object.values(k.doc.nodes)) if (n.type === "FRAME" && names.includes(n.name)) k.patch(n.id, { layoutSizingVertical: "FILL" });
+}
+function levelRows(k, names) {
+  k.finish();
+  const rows = /* @__PURE__ */ new Map();
+  for (const n of Object.values(k.doc.nodes)) if (n.type === "FRAME" && names.includes(n.name) && n.parentId) rows.set(n.parentId, [...rows.get(n.parentId) ?? [], { id: n.id, height: n.height }]);
+  for (const row of rows.values()) {
+    const height = Math.ceil(Math.max(...row.map((r) => r.height)));
+    for (const r of row) k.patch(r.id, { height, layoutSizingVertical: "FIXED" });
+  }
+}
+
+export {
+  ARIAL,
+  GEORGIA,
+  COURIER,
+  MAIL_FPS,
+  MAIL_W,
+  mailSheet,
+  mailHeader,
+  section,
+  mailButton,
+  callToAction,
+  mailFooter,
+  mailRow,
+  tag,
+  finishMail,
+  swell,
+  drop,
+  fitted,
+  deckType,
+  founderCues,
+  SLIDE,
+  founderDeck,
+  evenRows,
+  levelRows
+};

package/dist/chunks/chunk-RU76TVWG.js

@@ -0,0 +1,169 @@
+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 {
+  gild,
+  growVine,
+  initial,
+  manicule,
+  manuscriptBrand,
+  revellum,
+  ruling,
+  script,
+  seal,
+  snail,
+  vellum,
+  vine
+} from "./chunk-CPVOFSHH.js";
+import {
+  SERIF
+} from "./chunk-AXAAXHZF.js";
+import {
+  captionSwap
+} from "./chunk-3YQOE5KZ.js";
+import {
+  bed
+} from "./chunk-KHGNV7UQ.js";
+import {
+  hide,
+  place
+} from "./chunk-LWSZATOL.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  ease
+} from "./chunk-PLZLKHOI.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/motion/manuscript-launch-reel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var MUSIC = bed("calm", 18);
+var DURATION = MUSIC.duration;
+var beat = MUSIC.beat;
+var swaps = [
+  captionSwap(["Quire reads your threads, pull requests, calls.", "Then it writes the page for you.", "Every line cites its source beside it.", "The last wiki you copy by hand."], beat(2), DURATION, { stagger: 60, in: 400, out: 300, rise: 30 })
+];
+var cues = [
+  // The promise, inside the first second: the gold is laid, the letter lands, the words come into focus.
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 500 } },
+  { layer: "Gold leaf", preset: "wipe-in", at: 0, params: { duration: 600 } },
+  { layer: "Field", preset: "fade-in", at: 200, params: { duration: 350 } },
+  { layer: "Initial letter", preset: "pop-in", at: 300, params: { duration: 450 } },
+  { layer: "Hook", preset: "blur-in", at: 150, params: { duration: 800, amount: 22 } },
+  { layer: "Boss", preset: "pop-in", at: 650, params: { duration: 300 }, stagger: { delay: 90 } },
+  { layer: "Snail", preset: "fade-in", at: beat(4), params: { duration: 600 } },
+  { layer: "Manicule", preset: "slide-in", at: beat(4), params: { duration: 600, direction: "left", distance: 80 } },
+  { layer: "Gloss", preset: "fade-in", at: beat(4) + 200, params: { duration: 700 } },
+  // The page writes itself, a line to a beat, while the caption says so.
+  { layer: "Versal", preset: "pop-in", at: beat(5) - 150, params: { duration: 350 }, stagger: { delay: beat(4) } },
+  { layer: "Script line", preset: "wipe-in", at: beat(5), params: { duration: 560, ease: ease.linear }, stagger: { delay: beat(1) } },
+  { layer: "Call", preset: "rise-in", at: beat(13), params: { duration: 700 } },
+  { layer: "Seal", preset: "pop-in", at: beat(14), params: { duration: 420, amount: 0.3 } },
+  { layer: "Call", preset: "pulse", at: beat(16), params: { duration: 900, amount: 0.05 } }
+];
+var manuscript_launch_reel_default = defineTemplate({
+  id: "motion-manuscript-launch-reel",
+  meta: {
+    name: "Manuscript launch reel",
+    description: "A 15-second launch reel set as an illuminated manuscript page: a gilded drop capital opens the promise inside the first second, ivy grows down the margins, burned-in captions change beside a pointing hand while the page writes itself in ink, and a wax seal is pressed by the button, over a quiet felt piano (made by PopCraft, CC0) \u2014 9:16 with 1:1 and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "manuscript", "illuminated", "medieval", "vellum", "drop cap", "gold leaf", "wiki", "docs", "launch", "saas", "reel", "captions", "music", "audio", "serif"],
+    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
+    formats: ["reel", "short", "story", "post", "portrait-post"],
+    useCases: ["launch", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, swaps },
+  build() {
+    const k = new Kit("Manuscript launch reel", preset("ig-story"));
+    k.quantizeGeometry = true;
+    manuscriptBrand(k);
+    k.textStyle("Rubric 32", { ...SERIF, size: 32, fontWeight: 700, letterSpacing: 3, lineHeight: 40, textCase: "UPPER" });
+    k.textStyle("Initial 250", { ...SERIF, size: 250, fontWeight: 900, lineHeight: 250, textAlign: "CENTER" });
+    k.textStyle("Display 88", { ...SERIF, size: 88, fontWeight: 900, letterSpacing: -2.5, lineHeight: 90 });
+    k.textStyle("Caption 46", { ...SERIF, size: 46, fontStyle: "italic", fontWeight: 500, lineHeight: 58 });
+    k.textStyle("Gloss 30", { ...SERIF, size: 30, fontStyle: "italic", fontWeight: 400, lineHeight: 38 });
+    k.textStyle("Button 34", { size: 34, fontWeight: 800, lineHeight: 42 });
+    k.textStyle("Seal 64", { ...SERIF, size: 64, fontWeight: 900, lineHeight: 64, textAlign: "CENTER" });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: "Open the book", pad: [22, 44], radius: 6 });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Launch reel");
+    k.flowSheet(sheet, 60, verticalPadding(), "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
+    vellum(k, sheet);
+    ruling(k, sheet, { x: 128, y: 300, w: 824, rows: 32, pitch: 46 });
+    const box = { x: 0, y: 0, width: 1080, height: 1920 };
+    const left = vine(k, k.frame(sheet, box, { name: "Left border" }), { x: 62, y: 36, length: 1850, dir: "down", amp: 22, waves: 6.5, u: 1.1 });
+    const right = vine(k, k.frame(sheet, box, { name: "Right border" }), { x: 1014, y: 260, length: 1500, dir: "down", amp: 16, waves: 5.5, u: 0.9, side: -1 });
+    const head = vine(k, k.frame(sheet, box, { name: "Head border" }), { x: 170, y: 170, length: 790, dir: "right", amp: 22, waves: 3.5, u: 1.1 });
+    const foot = vine(k, k.frame(sheet, box, { name: "Foot border" }), { x: 170, y: 1836, length: 790, dir: "right", amp: 22, waves: 3.5, u: 1.1, side: -1 });
+    script(k, k.frame(sheet, box, { name: "Writing" }), { x: 150, y: 1450, w: 780, rows: 7, pitch: 46, versals: [0, 4], seed: 19 });
+    const crawler = snail(k, sheet, { x: 420, y: 1818, size: 54 });
+    k.text(sheet, "Incipit \xB7 {{brand.name}}, the team wiki", { style: "Rubric 32", color: "accent", name: "Eyebrow" });
+    const opening = k.stack(sheet, { direction: "HORIZONTAL", gap: 28, align: "CENTER", name: "Opening" });
+    initial(k, opening, 350, "A", "Initial 250");
+    k.text(opening, "wiki that\nwrites\nitself.", { style: "Display 88", color: "text", name: "Hook" });
+    const says = k.stack(sheet, { height: 124, justify: "CENTER", name: "Caption room" });
+    k.text(says, swaps[0].words[0], { style: "Caption 46", color: "text", name: "Caption" });
+    const margin = k.stack(sheet, { direction: "HORIZONTAL", gap: 20, align: "CENTER", name: "Margin note" });
+    manicule(k, margin, 110);
+    k.text(margin, "\u201COh, my hand.\u201D A scribe, in a margin, c. 850", { style: "Gloss 30", color: "onPaper", name: "Gloss" });
+    const call = k.stack(sheet, { direction: "HORIZONTAL", gap: 36, align: "CENTER", name: "Call row" });
+    k.instance(call, "Button", { Label: "Open the book" }, { name: "Call" });
+    seal(k, call, 130, "Q", "Seal 64");
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    growVine(k, left, 300, 3600);
+    growVine(k, head, beat(2), 2400);
+    growVine(k, right, beat(2), 3e3);
+    growVine(k, foot, beat(3), 2400);
+    gild(k, sheet, 1e3);
+    gild(k, sheet, beat(15));
+    k.animate(crawler, "translateX", [{ t: 0, v: 0, ease: ease.linear }, { t: DURATION, v: 330 }]);
+    const margins = (n) => ({ top: n, right: n, bottom: n, left: 150 });
+    k.variants(sheet, revellum(feedVariants({ post: 64, portrait: 72 }, {
+      // The square keeps the opening, the captions and the call; the written lines and the foot fall below it.
+      post: (kit, id) => {
+        kit.patch(id, { padding: margins(64), itemSpacing: 34 });
+        for (const name of ["Left border", "Ruling"]) place(kit, id, name, 0, 0);
+        place(kit, id, "Head border", 0, -118);
+        place(kit, id, "Right border", 0, -200);
+        hide(kit, id, ["Writing", "Foot border", "Snail"]);
+      },
+      // 4:5 has room for the foot of the page: its border and the snail move up to the new edge.
+      portrait: (kit, id) => {
+        kit.patch(id, { padding: margins(72), itemSpacing: 56 });
+        for (const name of ["Left border", "Ruling"]) place(kit, id, name, 0, 0);
+        place(kit, id, "Head border", 0, -96);
+        place(kit, id, "Foot border", 0, -562);
+        for (const s of kit.named(id, "Snail")) kit.patch(s, { x: 420 - 62, y: 1818 - 81 - 562 });
+        place(kit, id, "Right border", 0, -160);
+        hide(kit, id, ["Writing"]);
+      }
+    })));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  manuscript_launch_reel_default
+};