@popcraft/kit 0.53.7 → 0.53.8

package/dist/chunks/chunk-2IMX46EH.js

@@ -0,0 +1,81 @@
+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 {
+  CHANNEL_COLORS,
+  CHANNEL_FIELDS
+} from "./chunk-LGPTJ7BV.js";
+import {
+  outro,
+  pill
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-RCJYCZMT.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PN2PTI35.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/video/youtube-chapter.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var CHAPTERS = 5;
+var CURRENT = 2;
+var cues = [
+  { layer: "Chapter tag", preset: "drop-in", at: 100 },
+  { layer: "Rule", preset: "wipe-in", at: 300, params: { duration: 600 } },
+  { layer: "Chapter title", preset: "rise-in", at: 400, params: { duration: 700 } },
+  { layer: "Timestamp", preset: "fade-in", at: 800 },
+  { layer: "Dot", preset: "pop-in", at: 900, params: { duration: 400 }, stagger: { delay: 80 } },
+  { layer: "Rule", preset: "wipe-out", at: 3400, params: { duration: 400 } },
+  outro(["Chapter tag", "Chapter title", "Timestamp", "Dot"], 3300, { gap: 30, duration: 350 })
+];
+var youtube_chapter_default = defineTemplate({
+  id: "motion-youtube-chapter",
+  meta: {
+    name: "Chapter title card",
+    description: "A four-second chapter card at 1920\xD71080: the chapter number drops, a rule wipes, the title rises and the chapter dots pop in with the current one lit \u2014 cut it in between the parts of a long video",
+    category: "animation",
+    tags: ["animation", "youtube", "chapter", "title card", "video", "tutorial"],
+    platforms: ["youtube"],
+    formats: ["title-card", "video"],
+    useCases: ["title", "education"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Chapter title card", preset("video-1080p"));
+    k.brand(CHANNEL_COLORS, { ...CHANNEL_FIELDS, chapter: "Setting up the workbench" });
+    k.textStyle("Chapter 112", { size: 112, fontWeight: 900, letterSpacing: -3, lineHeight: 116 });
+    k.textStyle("Tag 30", { size: 30, fontWeight: 800, letterSpacing: 4, lineHeight: 36 });
+    k.textStyle("Time 34", { size: 34, fontWeight: 600, lineHeight: 42 });
+    pill(k, "Tag", { fill: "primary", ink: "onPrimary", style: "Tag 30", label: `CHAPTER 0${CURRENT}`, pad: [12, 28] });
+    k.component("Chapter dot", { width: 56, height: 12, fill: "card", radius: 6, props: {} }, () => {
+    });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 32, { top: 96, right: 200, bottom: 120, left: 200 }, "paper", "CENTER", "MIN");
+    k.timeline(sheet, { duration: 4e3, fps: 30 });
+    k.instance(sheet, "Tag", { Label: `CHAPTER 0${CURRENT}` }, { name: "Chapter tag" });
+    k.stack(sheet, { width: 200, height: 10, fill: "primary", radius: 5, clip: true, name: "Rule" });
+    k.text(sheet, "{{brand.chapter}}", { style: "Chapter 112", color: "text", name: "Chapter title" });
+    k.text(sheet, "04:12 \xB7 {{brand.name}}", { style: "Time 34", color: "onPaper", name: "Timestamp" });
+    const dots = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 12, name: "Chapters" });
+    for (let i = 1; i <= CHAPTERS; i++) {
+      const dot = k.instance(dots, "Chapter dot", {}, { name: "Dot" });
+      if (i === CURRENT) k.patch(dot, { fills: k.paint("primary") });
+    }
+    k.cues(sheet, cues);
+    return k.finish();
+  }
+});
+
+export {
+  youtube_chapter_default
+};

package/dist/chunks/chunk-2JTAIVEY.js

@@ -0,0 +1,340 @@
+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 {
+  glow,
+  noise,
+  shadow
+} from "./chunk-YORIY3BT.js";
+import {
+  circle,
+  pt,
+  r3
+} from "./chunk-EJLCQVQK.js";
+import {
+  ease
+} from "./chunk-ZGIMZ6SP.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/themes/manuscript-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function manuscriptBrand(k, fields = {}) {
+  k.brand(
+    { paper: "#F0E4C8", text: "#2B1D12", onPaper: "#5A4530", primary: "#1F3F8F", onPrimary: "#FFF8E6", accent: "#B3261E", onAccent: "#FFF6E2", card: "#FAF2DC", onCard: "#2B1D12" },
+    { name: "Quire", site: "quire.example", ...fields }
+  );
+  k.palette({ gilt: "#C9972B", giltLight: "#F6E1A0", leaf: "#3E7A4C", leafLight: "#86A85A", shade: "#8A6A3F", rule: "#BFA070" });
+}
+var GRAIN = [noise({ id: "e1", amount: 0.035, size: 6, seed: 11, density: 0.4 })];
+var shadow2 = (k, blur, y, alpha = 0.4) => [shadow(k, "shade", alpha, y, blur)];
+function stream(seed) {
+  let s = seed % 2147483647;
+  return () => {
+    s = s * 48271 % 2147483647;
+    return (s & 65535) / 65536;
+  };
+}
+function draw(k, parent, name, paths, fill, o = {}) {
+  const all = paths.flat();
+  const pad = (o.stroke ?? o.outline?.width ?? 0) / 2 + 0.5;
+  const x0 = Math.min(...all.map((p) => p.x)) - pad, y0 = Math.min(...all.map((p) => p.y)) - pad;
+  const w = Math.max(1, Math.max(...all.map((p) => p.x)) + pad - x0), h = Math.max(1, Math.max(...all.map((p) => p.y)) + pad - y0);
+  const local = paths.map((points) => ({ closed: o.closed ?? o.stroke === void 0, points: points.map((p) => pt(r3(p.x - x0), r3(p.y - y0))) }));
+  return k.vector(parent, r3(w), r3(h), local, fill, {
+    name,
+    absolute: { x: r3(x0), y: r3(y0) },
+    ...o.stroke !== void 0 ? { strokeWidth: o.stroke } : {},
+    ...o.outline ? { stroke: o.outline } : {},
+    ...o.opacity !== void 0 ? { opacity: o.opacity } : {},
+    ...o.effects ? { effects: o.effects } : {}
+  });
+}
+var SHADES = ["Shade left", "Shade right", "Shade top", "Shade bottom"];
+function shade(k, sheet, band = {}) {
+  const s = k.node(sheet), m = Math.min(s.width, s.height);
+  const bx = Math.round(band.x ?? m * 0.14), by = Math.round(band.y ?? m * 0.08);
+  const boxes = [{ x: 0, y: 0, width: bx, height: s.height }, { x: s.width - bx, y: 0, width: bx, height: s.height }, { x: 0, y: 0, width: s.width, height: by }, { x: 0, y: s.height - by, width: s.width, height: by }];
+  SHADES.forEach((name, i) => {
+    for (const id of k.named(sheet, name)) k.patch(id, boxes[i]);
+  });
+}
+function vellum(k, sheet, band = {}) {
+  const s = k.node(sheet);
+  if (s.childIds.length) throw new Error("vellum: lay it before the sheet's other layers, so it paints first");
+  k.rect(sheet, s.width, s.height, "paper", { name: "Background", absolute: { x: 0, y: 0 }, effects: GRAIN });
+  glow(k, sheet, { x: s.width * 0.3, y: s.height * 0.22, w: Math.max(s.width, s.height) * 0.9, role: "giltLight", alpha: 0.24, name: "Page light" });
+  const fade = (angle, edgeFirst) => [k.gradient({ from: "shade", to: "shade", angle, fromOpacity: edgeFirst ? 0.4 : 0, toOpacity: edgeFirst ? 0 : 0.4 })];
+  k.rect(sheet, 10, 10, fade(0, true), { name: SHADES[0], absolute: { x: 0, y: 0 } });
+  k.rect(sheet, 10, 10, fade(0, false), { name: SHADES[1], absolute: { x: 0, y: 0 } });
+  k.rect(sheet, 10, 10, fade(90, true), { name: SHADES[2], absolute: { x: 0, y: 0 } });
+  k.rect(sheet, 10, 10, fade(90, false), { name: SHADES[3], absolute: { x: 0, y: 0 } });
+  shade(k, sheet, band);
+}
+var revellum = (specs, band = {}) => specs.map((sp) => ({ ...sp, adjust: (k, id) => {
+  sp.adjust?.(k, id);
+  const s = k.node(id);
+  for (const bg of k.named(id, "Background")) k.patch(bg, { x: 0, y: 0, width: s.width, height: s.height });
+  shade(k, id, band);
+} }));
+function ruling(k, parent, o) {
+  const over = o.overrun ?? o.pitch * 1.5, bottom = o.y + (o.rows - 1) * o.pitch;
+  const lines = [];
+  for (let i = 0; i < o.rows; i++) lines.push([pt(o.x - over * 0.4, o.y + i * o.pitch), pt(o.x + o.w + over * 0.4, o.y + i * o.pitch)]);
+  for (const x of [o.x, o.x + o.w]) lines.push([pt(x, o.y - over), pt(x, bottom + over)]);
+  const id = k.frame(parent, { x: 0, y: 0, width: 4, height: 4 }, { name: o.name ?? "Ruling" });
+  draw(k, id, "Ruled lines", lines, "rule", { stroke: o.weight ?? 1.5, opacity: 0.75 });
+  const r = Math.max(1.2, (o.weight ?? 1.5) * 1.1);
+  draw(k, id, "Prickings", Array.from({ length: o.rows }, (_, i) => circle(o.x + o.w + over * 0.75, o.y + i * o.pitch, r, 8)), "shade", { opacity: 0.7 });
+  return id;
+}
+function leafShape(b, ang, L, W, side) {
+  const local = (s, hw) => {
+    const x = s * L, y = hw + side * 0.16 * L * s * s;
+    return pt(b.x + x * Math.cos(ang) - y * Math.sin(ang), b.y + x * Math.sin(ang) + y * Math.cos(ang));
+  };
+  const edge = (j) => W * Math.pow(Math.sin(Math.PI * j / 10), 0.7) * (1 - 0.35 * (j / 10));
+  const shape = [];
+  for (let j = 0; j <= 10; j++) shape.push(local(j / 10, -edge(j)));
+  for (let j = 9; j >= 1; j--) shape.push(local(j / 10, edge(j)));
+  return shape;
+}
+function vine(k, parent, v) {
+  const u = v.u, first = v.side ?? 1, ink = v.ink ?? "text";
+  const map = (s, d) => v.dir === "down" ? pt(v.x + d, v.y + s) : pt(v.x + s, v.y + d);
+  const off = (t) => first * v.amp * Math.sin(2 * Math.PI * v.waves * t);
+  const at = (t) => map(v.length * t, off(t));
+  const heading = (t) => {
+    const a = at(Math.max(0, t - 2e-3)), b = at(Math.min(1, t + 2e-3));
+    return Math.atan2(b.y - a.y, b.x - a.x);
+  };
+  const n = Math.max(1, Math.round(v.waves * 2)), steps = Math.max(24, Math.round(v.waves * 28));
+  const stem = draw(k, parent, "Stem", [Array.from({ length: steps + 1 }, (_, i) => at(i / steps))], "leaf", { stroke: 5 * u });
+  k.patch(stem, { trim: { start: 0, end: 1, offset: 0 } });
+  const tendrils = [], growths = [];
+  const leaf = (b, ang, L, role, side, t) => {
+    const id = draw(k, parent, "Leaf", [leafShape(b, ang, L, L * 0.3, side)], role, { outline: { color: ink, width: Math.max(1, 1.5 * u) } });
+    const nd = k.node(id);
+    k.patch(id, { anchorX: r3((b.x - nd.x) / nd.width), anchorY: r3((b.y - nd.y) / nd.height) });
+    growths.push({ id, t });
+  };
+  for (let i = 0; i < n; i++) {
+    if (i > 0) {
+      const t2 = i / n, b = at(t2), h = heading(t2);
+      leaf(b, h - 0.85, 30 * u, i % 2 ? "leaf" : "leafLight", -1, t2);
+      leaf(b, h + 0.85, 26 * u, i % 2 ? "leafLight" : "leaf", 1, t2);
+    }
+    const t = (i + 0.5) / n, side = Math.sign(off(t)) || 1, r0 = 22 * u, turn = i % 2 ? -1 : 1;
+    const s0 = v.length * t, d0 = off(t), c = { s: s0, d: d0 + side * r0 }, a0 = Math.atan2(-side, 0);
+    const pts = [];
+    let tip = map(s0, d0);
+    for (let j = 0; j <= 22; j++) {
+      const a = Math.PI * 1.55 * j / 22, r = r0 * (1 - 0.5 * (j / 22));
+      tip = map(c.s + r * Math.cos(a0 + turn * side * a), c.d + r * Math.sin(a0 + turn * side * a));
+      pts.push(tip);
+    }
+    const id = draw(k, parent, "Tendril", [pts], ink, { stroke: Math.max(1.2, 2 * u) });
+    k.patch(id, { trim: { start: 0, end: 1, offset: 0 } });
+    tendrils.push({ id, t });
+    const kind = i % 3;
+    if (kind === 0) {
+      const s = 13 * u, f = k.stack(parent, { width: r3(s * 2), height: r3(s * 2), name: "Flower", absolute: { x: r3(tip.x - s), y: r3(tip.y - s) } });
+      const petals = Array.from({ length: 5 }, (_, q) => ({ closed: true, points: circle(s + s * 0.55 * Math.cos(2 * Math.PI * q / 5 - Math.PI / 2), s + s * 0.55 * Math.sin(2 * Math.PI * q / 5 - Math.PI / 2), s * 0.44, 12).map((p) => pt(r3(p.x), r3(p.y))) }));
+      k.vector(f, r3(s * 2), r3(s * 2), petals, i % 2 ? "primary" : "accent", { name: "Petals", absolute: { x: 0, y: 0 } });
+      growths.push({ id: f, t: t + 0.5 / n });
+      k.ellipse(f, r3(s * 0.6), "gilt", { name: "Flower heart", absolute: { x: r3(s * 0.7), y: r3(s * 0.7) }, stroke: { color: ink, width: Math.max(1, u) } });
+    } else if (kind === 1) {
+      const d = 13 * u, f = k.stack(parent, { width: r3(d * 2.2), height: r3(d * 2.2), name: "Berry", absolute: { x: r3(tip.x - d * 1.1), y: r3(tip.y - d * 1.1) } });
+      growths.push({ id: f, t: t + 0.5 / n });
+      for (let q = 0; q < 3; q++) {
+        const a = 2 * Math.PI * q / 3 - Math.PI / 2;
+        k.ellipse(f, r3(d), [...k.paint("gilt"), k.gradient({ from: "giltLight", to: "shade", angle: 60, fromOpacity: 0.85, toOpacity: 0.3 })], { name: "Bezant", absolute: { x: r3(d * 0.6 + d * 0.55 * Math.cos(a)), y: r3(d * 0.6 + d * 0.55 * Math.sin(a)) }, stroke: { color: ink, width: Math.max(1, 1.2 * u) } });
+      }
+    } else leaf(tip, heading(t) + side * 0.9, 34 * u, "gilt", side, t + 0.5 / n);
+  }
+  return { stem, tendrils, growths };
+}
+function growVine(k, v, at, duration) {
+  k.animate(v.stem, "trim.end", [{ t: at, v: 0, ease: ease.inOut("sine") }, { t: at + duration, v: 1 }]);
+  for (const tn of v.tendrils) {
+    const t0 = Math.round(at + duration * tn.t);
+    k.animate(tn.id, "trim.end", [{ t: t0, v: 0, ease: ease.out("cubic") }, { t: t0 + 600, v: 1 }]);
+  }
+  for (const g of v.growths) {
+    const t0 = Math.round(at + duration * Math.min(1, g.t)) + 80;
+    k.animate(g.id, "opacity", [{ t: t0, v: 0, ease: ease.out("cubic") }, { t: t0 + 220, v: 1 }]);
+    for (const axis of ["scaleX", "scaleY"]) k.animate(g.id, axis, [{ t: t0, v: 0.1, ease: ease.back(1.7) }, { t: t0 + 480, v: 1 }]);
+  }
+}
+function initial(k, parent, size, letter, style, o = {}) {
+  const w = o.width ?? size, h = size, m = Math.round(size * 0.085);
+  const ink = Math.max(1.5, size * 8e-3);
+  const id = k.stack(parent, { width: w, height: h, align: "CENTER", justify: "CENTER", name: o.name ?? "Initial", ...o.absolute ? { absolute: o.absolute } : {} });
+  k.rect(id, w, h, "card", { name: "Ground", absolute: { x: 0, y: 0 }, radius: size * 0.03, stroke: { color: "text", width: ink }, effects: shadow2(k, size * 0.09, size * 0.035, 0.5) });
+  k.frame(id, { x: 0, y: 0, width: w, height: h }, { name: "Gold leaf", radius: size * 0.03, stroke: { color: "text", width: ink }, fill: [...k.paint("gilt"), k.gradient({ from: "giltLight", to: "shade", angle: 50, fromOpacity: 0.8, toOpacity: 0.35 })] });
+  k.rect(id, w - m * 0.7, h - m * 0.7, [], { name: "Burnish", absolute: { x: m * 0.35, y: m * 0.35 }, radius: size * 0.02, stroke: { color: "giltLight", width: Math.max(1, size * 6e-3) }, opacity: 0.9 });
+  const field = k.frame(id, { x: m, y: m, width: w - 2 * m, height: h - 2 * m }, { name: "Field", clip: true, fill: "primary", stroke: { color: "text", width: ink } });
+  const fw = w - 2 * m, fh = h - 2 * m, scrolls = [];
+  for (const [cx, cy, dir] of [[0.2, 0.22, 1], [0.8, 0.22, -1], [0.2, 0.78, -1], [0.8, 0.78, 1]]) {
+    const r0 = Math.min(fw, fh) * 0.2, px = fw * cx, py = fh * cy, turnTo = cx < 0.5 ? Math.PI : 0;
+    scrolls.push(Array.from({ length: 34 }, (_, j) => {
+      const a = Math.PI * 3 * j / 33, r = r0 * (1 - 0.8 * (j / 33));
+      return pt(px + r * Math.cos(turnTo + dir * a), py + r * Math.sin(turnTo + dir * a));
+    }));
+    const dots = [];
+    for (let q = 0; q < 3; q++) {
+      const a = 2 * Math.PI * q / 3 + dir;
+      dots.push(circle(fw * (cx < 0.5 ? 0.44 : 0.56) + size * 0.022 * Math.cos(a), fh * (cy < 0.5 ? 0.1 : 0.9) + size * 0.022 * Math.sin(a), size * 0.011, 8));
+    }
+    draw(k, field, "White dots", dots, "onPrimary", { opacity: 0.8 });
+  }
+  draw(k, field, "White vine", scrolls, "onPrimary", { stroke: Math.max(1.2, size * 0.012), opacity: 0.6 });
+  const b = Math.round(size * 0.07);
+  for (const [x, y] of [[m, m], [w - m, m], [m, h - m], [w - m, h - m]]) {
+    const boss = k.stack(id, { width: b, height: b, name: "Boss", absolute: { x: x - b / 2, y: y - b / 2 } });
+    k.rect(boss, b, b, "accent", { name: "Boss ground", absolute: { x: 0, y: 0 }, stroke: { color: "text", width: ink * 0.8 } });
+    k.ellipse(boss, r3(b * 0.4), "giltLight", { name: "Boss stud", absolute: { x: r3(b * 0.3), y: r3(b * 0.3) } });
+  }
+  k.text(id, letter, { style, color: "onPrimary", name: "Initial letter" });
+  const clip = k.frame(id, { x: 0, y: 0, width: w, height: h }, { name: "Gilding", clip: true, radius: size * 0.03 });
+  const gw = Math.round(size * 0.34);
+  const glint = k.frame(clip, { x: -2 * gw - 4, y: 0, width: 2 * gw, height: h }, { name: "Glint" });
+  k.rect(glint, gw, h, [k.gradient({ from: "giltLight", to: "giltLight", angle: 0, fromOpacity: 0, toOpacity: 0.85 })], { name: "Glint rise", absolute: { x: 0, y: 0 } });
+  k.rect(glint, gw, h, [k.gradient({ from: "giltLight", to: "giltLight", angle: 0, fromOpacity: 0.85, toOpacity: 0 })], { name: "Glint fall", absolute: { x: gw, y: 0 } });
+  return id;
+}
+function gild(k, root, at, duration = 900) {
+  for (const id of k.named(root, "Glint")) {
+    const travel = k.node(k.node(id).parentId).width + k.node(id).width + 8;
+    k.animate(id, "translateX", [{ t: at, v: 0, ease: ease.inOut("sine") }, { t: at + duration, v: travel, ease: ease.hold }, { t: at + duration + 34, v: 0 }]);
+  }
+}
+function seal(k, parent, size, letter, style, o = {}) {
+  const R = size / 2;
+  const id = k.stack(parent, { width: size, height: size, align: "CENTER", justify: "CENTER", name: o.name ?? "Seal", ...o.absolute ? { absolute: o.absolute } : {} });
+  if (o.ribbons !== false) {
+    const tail = (dx) => [pt(R - size * 0.14 + dx * 0.2, R), pt(R + size * 0.14 + dx * 0.2, R), pt(R + size * 0.16 + dx, size * 1.3), pt(R + dx, size * 1.2), pt(R - size * 0.16 + dx, size * 1.3)];
+    draw(k, id, "Ribbon", [tail(-size * 0.2)], "primary", { outline: { color: "text", width: Math.max(1, size * 0.01) } });
+    draw(k, id, "Ribbon", [tail(size * 0.2)], "primary", { outline: { color: "text", width: Math.max(1, size * 0.01) } });
+  }
+  const blob = Array.from({ length: 48 }, (_, i) => {
+    const a = 2 * Math.PI * i / 48, r = R * (0.93 + 0.045 * Math.sin(a * 5 + 0.6) + 0.03 * Math.sin(a * 9 + 2));
+    return pt(R + r * Math.cos(a), R + r * Math.sin(a));
+  });
+  draw(k, id, "Wax", [blob], "accent", { effects: shadow2(k, size * 0.1, size * 0.04, 0.6) });
+  const shine = Array.from({ length: 13 }, (_, i) => {
+    const a = Math.PI * (1.08 + 0.34 * i / 12);
+    return pt(R + R * 0.84 * Math.cos(a), R + R * 0.84 * Math.sin(a));
+  });
+  const inner = Array.from({ length: 13 }, (_, i) => {
+    const a = Math.PI * (1.42 - 0.34 * i / 12);
+    return pt(R + R * 0.72 * Math.cos(a), R + R * 0.72 * Math.sin(a));
+  });
+  draw(k, id, "Wax shine", [[...shine, ...inner]], "giltLight", { opacity: 0.45 });
+  const ring = r3(size * 0.66);
+  k.ellipse(id, ring, [], { name: "Seal ring", stroke: { color: "onAccent", width: Math.max(1, size * 0.014) }, absolute: { x: r3(R - ring / 2), y: r3(R - ring / 2) }, opacity: 0.55 });
+  k.text(id, letter, { style, color: "onAccent", name: "Seal letter" });
+  return id;
+}
+function script(k, parent, o) {
+  const rand = stream(o.seed ?? 7), xh = o.pitch * 0.34, mw = xh * 0.5, weight = o.weight ?? Math.max(1.4, mw * 0.46), cut = weight * 0.7;
+  const versals = o.versals ?? [0];
+  for (let row = 0; row < o.rows; row++) {
+    const indent = versals.includes(row) ? o.pitch * 1.25 : 0;
+    const width = (row === o.rows - 1 ? o.w * (o.short ?? 0.55) : o.w) - indent;
+    const top = o.pitch * 0.5 - xh, base = o.pitch * 0.5;
+    const words = [];
+    let x = 2;
+    while (x < width - mw * 3) {
+      const minims = Math.min(2 + Math.floor(rand() * 7), Math.floor((width - x) / mw));
+      if (minims < 2) break;
+      for (let j = 0; j < minims; j++) {
+        const q = rand(), up = q > 0.88 ? xh * 0.7 : 0, down = q < 0.08 ? xh * 0.5 : 0, x0 = x + j * mw;
+        words.push([pt(x0, top - up + cut), pt(x0 + weight, top - up), pt(x0 + weight, base + down - cut), pt(x0, base + down)]);
+      }
+      x += minims * mw + mw * 1.6;
+    }
+    const line = k.frame(parent, { x: o.x + indent, y: o.y + row * o.pitch - o.pitch * 0.5, width, height: o.pitch }, { name: "Script line", clip: true });
+    k.vector(line, r3(width), r3(o.pitch), words.map((points) => ({ closed: true, points: points.map((p) => pt(r3(p.x), r3(p.y))) })), o.ink ?? "onPaper", { name: "Ink", absolute: { x: 0, y: 0 } });
+    if (indent) {
+      const s = r3(o.pitch * 0.92), i = versals.indexOf(row);
+      const vs = k.stack(parent, { width: s, height: s, name: "Versal", absolute: { x: o.x, y: r3(o.y + row * o.pitch - o.pitch * 0.72) } });
+      k.rect(vs, s, s, i % 2 ? "primary" : "accent", { name: "Versal ground", absolute: { x: 0, y: 0 }, stroke: { color: "text", width: Math.max(1, weight * 0.5) } });
+      k.ellipse(vs, r3(s * 0.46), [...k.paint("gilt"), k.gradient({ from: "giltLight", to: "shade", angle: 60, fromOpacity: 0.8, toOpacity: 0.3 })], { name: "Versal gold", absolute: { x: r3(s * 0.27), y: r3(s * 0.27) } });
+    }
+  }
+}
+function snail(k, parent, o) {
+  const s = o.size, w = s * 2.3, h = s * 1.5;
+  const id = k.frame(parent, { x: r3(o.x - w / 2), y: r3(o.y - h), width: r3(w), height: r3(h) }, { name: o.name ?? "Snail" });
+  const ink = Math.max(1.2, s * 0.045), g = h;
+  const body = [pt(0, g), pt(s * 0.25, g - s * 0.16), pt(s * 0.9, g - s * 0.2), pt(s * 1.5, g - s * 0.22), pt(s * 1.72, g - s * 0.5), pt(s * 1.78, g - s * 0.8), pt(s * 1.95, g - s * 0.88), pt(s * 2.1, g - s * 0.74), pt(s * 2.12, g - s * 0.4), pt(s * 2.02, g - s * 0.12), pt(s * 1.8, g)];
+  draw(k, id, "Snail body", [body], "card", { outline: { color: "text", width: ink } });
+  draw(k, id, "Snail stalks", [[pt(s * 1.9, g - s * 0.86), pt(s * 1.98, g - s * 1.3)], [pt(s * 2.02, g - s * 0.82), pt(s * 2.22, g - s * 1.18)]], "text", { stroke: ink });
+  draw(k, id, "Snail eyes", [circle(s * 1.98, g - s * 1.32, s * 0.06, 8), circle(s * 2.23, g - s * 1.2, s * 0.06, 8)], "text");
+  const cx = s * 0.95, cy = g - s * 0.66, r = s * 0.5;
+  k.ellipse(id, r3(s), [...k.paint("gilt"), k.gradient({ from: "giltLight", to: "shade", angle: 60, fromOpacity: 0.75, toOpacity: 0.35 })], { name: "Snail shell", absolute: { x: r3(cx - r), y: r3(cy - r) }, stroke: { color: "text", width: ink } });
+  draw(k, id, "Shell spiral", [Array.from({ length: 40 }, (_, j) => {
+    const a = Math.PI * 4.4 * j / 39 + Math.PI * 0.2, q = r * 0.88 * (1 - 0.92 * (j / 39));
+    return pt(cx + q * Math.cos(a), cy + q * Math.sin(a));
+  })], "text", { stroke: ink });
+  return id;
+}
+function manicule(k, parent, size, o = {}) {
+  const u = size / 100, h = Math.round(size * 0.5);
+  const id = k.stack(parent, { width: size, height: h, name: o.name ?? "Manicule", ...o.absolute ? { absolute: o.absolute } : {} });
+  const P_ = (pts) => pts.map(([x, y]) => pt(x * u, y * u));
+  const ink = Math.max(1.2, 2.2 * u);
+  draw(k, id, "Cuff", [P_([[1, 11], [22, 9], [22, 43], [1, 41]])], "accent", { outline: { color: "text", width: ink } });
+  draw(k, id, "Hand", [P_([[22, 13], [40, 11], [50, 4], [58, 3], [60, 8], [54, 16], [70, 16], [96, 17], [99, 20.5], [96, 24], [72, 25], [74, 29], [72, 33], [66, 33], [67, 37], [64, 40], [58, 40], [56, 43], [50, 44], [40, 42], [22, 39]])], "card", { outline: { color: "text", width: ink } });
+  draw(k, id, "Knuckles", [P_([[72, 25], [58, 26]]), P_([[66, 33], [56, 33]]), P_([[58, 40], [52, 39]]), P_([[8, 12], [8, 40]]), P_([[15, 11], [15, 41]])], "text", { stroke: ink * 0.8 });
+  return id;
+}
+function folioPlan(w, h, o = {}) {
+  const u = w / 540, left = Math.round(96 * u), top = Math.round(64 * u), pitch = Math.round(38 * u);
+  const size = o.initialSize ?? Math.round(170 * u), textW = w - left - (o.margin ?? Math.round(56 * u));
+  const besideX = left + size + Math.round(18 * u), besideY = top + (o.title ?? 0) + pitch * 0.7;
+  const besideRows = Math.max(0, Math.floor((top + size - besideY) / pitch) + 1);
+  const belowY = top + size + pitch * 1.1;
+  const belowRows = Math.max(1, Math.floor((h - belowY - 96 * u) / pitch));
+  return { u, left, top, pitch, size, textW, besideX, besideY, besideRows, belowY, belowRows, glossX: left + textW + Math.round(14 * u) };
+}
+function folio(k, parent, w, h, o) {
+  const g = folioPlan(w, h, o), u = g.u;
+  const id = k.frame(parent, { x: o.at?.x ?? 0, y: o.at?.y ?? 0, width: w, height: h }, { name: "Folio" });
+  k.rect(id, w, h, "card", { name: "Leaf ground", absolute: { x: 0, y: 0 }, radius: 4 * u, stroke: { color: "rule", width: 1 }, effects: [...shadow2(k, 46 * u, 20 * u, 0.55), ...GRAIN] });
+  k.rect(id, w, h, [k.gradient({ from: "shade", to: "shade", kind: "RADIAL", fromOpacity: 0, toOpacity: 0.3, handles: [pt(0.5, 0.5), pt(1.15, 0.5), pt(0.5, 1.15)] })], { name: "Leaf shade", absolute: { x: 0, y: 0 }, radius: 4 * u });
+  const rows = Math.floor((h - g.top - 40 * u) / g.pitch);
+  ruling(k, id, { x: g.left - 8 * u, y: g.belowY - Math.ceil((g.belowY - g.top) / g.pitch) * g.pitch, w: g.textW + 16 * u, rows: rows + 1, pitch: g.pitch, weight: Math.max(1, 1.2 * u), overrun: g.pitch });
+  const border = vine(k, id, { x: 46 * u, y: 22 * u, length: h - 44 * u, dir: "down", amp: 15 * u, waves: Math.max(1.5, Math.round(h / (150 * u) * 2) / 2), u: 0.72 * u, ink: "onCard" });
+  initial(k, id, g.size, o.letter, o.initialStyle, { absolute: { x: g.left, y: g.top } });
+  if (g.besideRows > 0) script(k, id, { x: g.besideX, y: g.besideY, w: g.left + g.textW - g.besideX, rows: g.besideRows, pitch: g.pitch, seed: (o.seed ?? 5) + 1, short: 1, versals: [], ink: "onCard" });
+  script(k, id, { x: g.left, y: g.belowY, w: g.textW, rows: g.belowRows, pitch: g.pitch, seed: o.seed ?? 5, versals: [Math.min(2, g.belowRows - 1)], ink: "onCard" });
+  const s = Math.round(92 * u);
+  seal(k, id, s, o.sealLetter ?? "Q", o.sealStyle, { absolute: { x: w - s - 34 * u, y: h - s * 1.42 - 10 * u } });
+  return { id, vine: border };
+}
+
+export {
+  manuscriptBrand,
+  GRAIN,
+  shadow2 as shadow,
+  draw,
+  vellum,
+  revellum,
+  ruling,
+  vine,
+  growVine,
+  initial,
+  gild,
+  seal,
+  script,
+  snail,
+  manicule,
+  folioPlan,
+  folio
+};

package/dist/chunks/chunk-2KRDUOBV.js

@@ -0,0 +1,90 @@
+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 {
+  diwaliBrand,
+  diyas,
+  hangings,
+  rangoli,
+  sky
+} from "./chunk-EALHVKPN.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-AXAAXHZF.js";
+import {
+  pill
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-RCJYCZMT.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PN2PTI35.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/social/diwali-link-preview.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var diwali_link_preview_default = defineTemplate({
+  id: "social-diwali-link-preview",
+  meta: {
+    name: "Diwali link preview",
+    description: "A 1200 \xD7 630 link preview for the Diwali season: the promise in a heavy serif, the product in two mono lines and the festival gift as a seal, beside a night where a rangoli lies behind a row of burning clay lamps, fireworks burst over rooftops hung with lights and paper lanterns hang under a marigold garland",
+    category: "social",
+    tags: ["diwali", "deepavali", "festival of lights", "link preview", "open graph", "og image", "diya", "rangoli", "marigold", "fireworks", "saas", "seasonal", "serif"],
+    platforms: ["web", "x", "linkedin", "facebook"],
+    formats: ["og-image"],
+    useCases: ["sale", "launch", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Diwali link preview", preset("og-image"));
+    k.quantizeGeometry = true;
+    diwaliBrand(k, { tagline: "Light up the new year\u2019s books." });
+    k.textStyle("Eyebrow 20", { size: 20, fontWeight: 700, letterSpacing: 5, lineHeight: 28, textCase: "UPPER" });
+    k.textStyle("Display 76", { ...SERIF, size: 76, fontWeight: 900, letterSpacing: -2.5, lineHeight: 78 });
+    k.textStyle("Facts 20", { ...MONO, size: 20, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Seal 20", { size: 20, fontWeight: 800, lineHeight: 26 });
+    pill(k, "Seal", { fill: "primary", ink: "onPrimary", style: "Seal 20", label: "Diwali gift: 25% off annual plans", pad: [10, 20], radius: 8 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 20, { top: 110, right: 620, bottom: 50, left: 72 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    const W = 560, H = 574;
+    const s = {
+      w: W,
+      h: H,
+      u: 0.72,
+      loopMs: 6e3,
+      dust: { top: 90, bottom: 250 },
+      fireworks: [{ x: 120, y: 190, r: 92 }, { x: 452, y: 176, r: 100 }, { x: 290, y: 150, r: 58 }],
+      roofs: { y: 296, rise: 110 },
+      rangoli: { x: 280, y: 400, r: 138 },
+      garlands: [],
+      lanterns: [{ x: 52, drop: 96, size: 60 }, { x: 506, drop: 124, size: 72 }],
+      diyas: [{ x: 280, y: 566, size: 76 }, { x: 126, y: 556, size: 64 }, { x: 434, y: 556, size: 64 }, { x: 48, y: 470, size: 42 }, { x: 512, y: 470, size: 42 }, { x: 70, y: 376, size: 30 }, { x: 490, y: 376, size: 30 }]
+    };
+    const box = k.stack(sheet, { width: W, height: H, fill: "card", radius: 28, clip: true, name: "Night", absolute: { x: 612, y: 28 } });
+    sky(k, box, s, { still: true });
+    rangoli(k, box, s.rangoli, s.u);
+    diyas(k, box, s, { still: true });
+    hangings(k, box, s, { still: true });
+    k.text(sheet, "{{brand.name}} \xB7 Diwali", { style: "Eyebrow 20", color: "onPaper", name: "Eyebrow" });
+    k.text(sheet, "{{brand.tagline}}", { style: "Display 76", color: "text", name: "Headline" });
+    k.text(sheet, "Old ledger reconciled. New book opened. Closed by the 2nd.", { style: "Facts 20", color: "onPaper", name: "Facts" });
+    k.instance(sheet, "Seal", { Label: "Diwali gift: 25% off annual plans" }, { name: "Seal" });
+    hangings(k, sheet, { ...s, w: 1200, lanterns: [], garlands: [{ y: 22, sag: 56, swags: 3, flower: 24, toran: true }] }, { still: true });
+    return k.finish();
+  }
+});
+
+export {
+  diwali_link_preview_default
+};

package/dist/chunks/chunk-2KYUC7IH.js

@@ -0,0 +1,83 @@
+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 {
+  CAPS,
+  decoBrand,
+  divider,
+  stage
+} from "./chunk-RLZQNZ5B.js";
+import {
+  EMAIL_FPS,
+  HEADER
+} from "./chunk-B43HWU3S.js";
+import {
+  SERIF
+} from "./chunk-AXAAXHZF.js";
+import {
+  pill
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-RCJYCZMT.js";
+import {
+  Kit
+} from "./chunk-PN2PTI35.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/email/art-deco-invitation.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 4800;
+var cues = [
+  { layer: "Offer", preset: "pulse", at: 700, params: { duration: 900, amount: 0.03 } },
+  { layer: "Button", preset: "pulse", at: 2600, params: { duration: 800, amount: 0.06 } }
+];
+var art_deco_invitation_default = defineTemplate({
+  id: "email-art-deco-invitation",
+  meta: {
+    name: "Deco invitation email header (animated GIF)",
+    description: "A 600 \xD7 300 animated header for an annual-plan or upgrade email, as an art deco invitation: the offer, the reply-by date and the button are all on the first frame (for Outlook), then footlights chase along a stage and searchlights sway behind a skyline of setback towers under a brass sunburst \u2014 a seamless 4.8-second GIF loop",
+    category: "email",
+    tags: ["email", "gif", "animated", "header", "banner", "art deco", "deco", "invitation", "annual plan", "upgrade", "sunburst", "skyscraper", "brass", "emerald", "saas", "finance"],
+    platforms: ["email"],
+    formats: ["email", "banner"],
+    useCases: ["invitation", "pricing", "sale"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Deco invitation email header", HEADER);
+    k.quantizeGeometry = true;
+    decoBrand(k);
+    k.textStyle("Eyebrow 12", { ...CAPS, size: 12, fontWeight: 700, letterSpacing: 2.4, lineHeight: 16 });
+    k.textStyle("Offer 31", { ...SERIF, size: 31, fontWeight: 500, fontStyle: "italic", letterSpacing: -0.3, lineHeight: 36 });
+    k.textStyle("Body 14", { size: 14, fontWeight: 400, lineHeight: 21 });
+    k.textStyle("Button 13", { ...CAPS, size: 13, fontWeight: 700, letterSpacing: 1.6, lineHeight: 18 });
+    pill(k, "Button pill", { fill: "primary", ink: "onPrimary", style: "Button 13", label: "Accept the invitation", pad: [10, 18], radius: 2 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 10, { top: 26, right: 262, bottom: 26, left: 30 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
+    stage(k, sheet, 236, 300, { base: 232, hero: 150, span: 216, blades: 14, loopMs: DURATION, gather: 16, valance: 34, footlights: 16, at: { x: 364, y: 0 } });
+    k.rect(sheet, 2, 300, "accent", { name: "Stage edge line", absolute: { x: 362, y: 0 } });
+    k.text(sheet, "By invitation \xB7 the annual plan", { style: "Eyebrow 12", color: "onPaper", name: "Eyebrow" });
+    k.text(sheet, "Two months, with our compliments.", { style: "Offer 31", color: "text", name: "Offer" });
+    divider(k, sheet, { width: 150, size: 8, name: "Offer rule" });
+    k.text(sheet, "Move {{brand.name}} to the annual plan by 31 October and the first two months are on the house.", { style: "Body 14", color: "onPaper", name: "Body" });
+    k.stack(sheet, { height: 2, name: "Gap" });
+    k.instance(sheet, "Button pill", { Label: "Accept the invitation" }, { name: "Button" });
+    k.cues(sheet, cues);
+    return k.finish();
+  }
+});
+
+export {
+  art_deco_invitation_default
+};