@popcraft/kit 0.30.0 → 0.31.0

package/dist/chunks/chunk-J6MFS3QB.js

@@ -0,0 +1,112 @@
+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 {
+  keyEverySize,
+  sourceLine
+} from "./chunk-VYN2LXUO.js";
+import {
+  titleSafe
+} from "./chunk-ZQ3NVLO2.js";
+import {
+  logoBadge,
+  outro
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/data/bars.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var MONTHS = [["Jan", 14], ["Feb", 22], ["Mar", 38], ["Apr", 52], ["May", 64], ["Jun", 70], ["Jul", 72], ["Aug", 61], ["Sep", 45], ["Oct", 30], ["Nov", 17], ["Dec", 11]];
+var SOURCE = "Sunny Hill Solar Co-op \xB7 metered output, 480 kW array";
+var TOTAL = MONTHS.reduce((s, [, v]) => s + v, 0);
+var PLOT = 560;
+var px = (v) => Math.round(v / 72 * PLOT);
+var BAR_AT = 700;
+var BAR_GAP = 80;
+var BAR_MS = 700;
+var counts = [
+  { layer: "Total", at: 500, duration: 2200, counter: { from: 0, to: TOTAL, suffix: " MWh", separator: "," } },
+  ...MONTHS.map(([m, v], i) => ({ layer: `${m} value`, at: BAR_AT + i * BAR_GAP, duration: BAR_MS, counter: { from: 0, to: v } }))
+];
+var cues = [
+  { layer: "Logo", preset: "pop-in", at: 0 },
+  { layer: "Title", preset: "words-in", at: 100, params: { duration: 600, amount: 70 } },
+  { layer: "Total", preset: "fade-in", at: 400 },
+  { layer: "Month", preset: "fade-in", at: 450, params: { duration: 300 }, stagger: { delay: 30 } },
+  { layer: "Bar", preset: "wipe-in", at: BAR_AT, params: { direction: "up", duration: BAR_MS }, stagger: { delay: BAR_GAP } },
+  { layer: MONTHS.map(([m]) => `${m} value`), preset: "fade-in", at: BAR_AT, params: { duration: 300 }, stagger: { delay: BAR_GAP, order: "selection" } },
+  { layer: "Source", preset: "fade-in", at: 2600 },
+  { layer: "Bar", preset: "wipe-out", at: 7600, params: { direction: "up", duration: 450 }, stagger: { delay: 30 } },
+  outro(["Logo", "Title", "Total", ...MONTHS.map(([m]) => `${m} value`), "Month", "Source"], 7700, { gap: 10 })
+];
+var bars_default = defineTemplate({
+  id: "motion-chart-bars",
+  meta: {
+    name: "Animated bar chart",
+    description: "A solar co-op\u2019s year as twelve bars that grow from the baseline one after another, each figure counting to its value and the total counting up \u2014 9 seconds, 16:9 with a 4:5 cut",
+    category: "animation",
+    tags: ["animation", "data", "chart", "bar chart", "counter", "energy", "report"],
+    platforms: ["linkedin", "instagram", "youtube", "slides"],
+    formats: ["video", "portrait-post", "slide-deck"],
+    useCases: ["stats", "report"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit("Animated bar chart", preset("video-1080p"));
+    k.brand(
+      { paper: "#FFFBF2", text: "#1C2230", onPaper: "#5A6275", primary: "#F2A516", onPrimary: "#1C2230", accent: "#1C2230", badge: "#1C2230" },
+      { title: "What our roof made in 2026" }
+    );
+    k.textStyle("Title 72", { size: 72, fontWeight: 900, letterSpacing: -2, lineHeight: 80 });
+    k.textStyle("Total 72", { size: 72, fontWeight: 900, letterSpacing: -2, lineHeight: 80, textAlign: "RIGHT" });
+    k.textStyle("Value 30", { size: 30, fontWeight: 800, lineHeight: 36, textAlign: "CENTER" });
+    k.textStyle("Month 26", { size: 26, fontWeight: 600, lineHeight: 32, textAlign: "CENTER" });
+    k.textStyle("Source 24", { size: 24, fontWeight: 500, lineHeight: 30 });
+    sourceLine(k, { dot: "primary", ink: "onPaper", style: "Source 24", text: SOURCE });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 40, titleSafe(), "paper", "SPACE_BETWEEN", "MIN");
+    k.timeline(sheet, { duration: 9e3, fps: 30 });
+    const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 32, align: "CENTER", name: "Header" });
+    logoBadge(k, head, { fill: "badge", size: 56, name: "Logo" });
+    k.text(head, "{{brand.title}}", { style: "Title 72", color: "text", name: "Title", width: 1e3 });
+    k.text(head, `${TOTAL} MWh`, { style: "Total 72", color: "text", name: "Total", width: "FILL" });
+    const chart = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "MAX", name: "Chart" });
+    for (const [m, v] of MONTHS) {
+      const col = k.stack(chart, { width: 104, gap: 10, align: "CENTER", name: "Column" });
+      k.text(col, String(v), { style: "Value 30", color: "text", name: `${m} value` });
+      k.rect(col, 72, px(v), "primary", { radius: 12, name: "Bar" });
+      k.text(col, m, { style: "Month 26", color: "onPaper", name: "Month" });
+    }
+    k.instance(sheet, "Source line", { Source: SOURCE }, { name: "Source" });
+    keyEverySize(k, sheet, [{
+      preset: "ig-portrait",
+      adjust: (kit, id) => {
+        kit.patch(id, { padding: { top: 88, right: 72, bottom: 88, left: 72 }, primaryAxisAlignItems: "CENTER", itemSpacing: 64, counterAxisSpacing: 64 });
+        for (const h of kit.named(id, "Header")) kit.patch(h, { layoutMode: "VERTICAL", counterAxisAlignItems: "MIN", itemSpacing: 20 });
+        for (const t of kit.named(id, "Title")) kit.patch(t, { layoutSizingHorizontal: "FILL" });
+        for (const t of kit.named(id, "Total")) kit.patch(t, { textAlign: "LEFT" });
+        for (const c of kit.named(id, "Column")) kit.patch(c, { width: 76 });
+        for (const b of kit.named(id, "Bar")) kit.patch(b, { width: 52, cornerRadius: 10 });
+      }
+    }], cues, counts);
+    return k.finish();
+  }
+});
+
+export {
+  bars_default
+};

package/dist/chunks/chunk-J7T5S6NA.js

@@ -0,0 +1,198 @@
+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 {
+  PARTS,
+  STENCIL,
+  assembly,
+  blueprintBrand,
+  callouts,
+  centreMark,
+  dimension,
+  drawingSheet,
+  explode,
+  extend,
+  fitSheet,
+  lift,
+  revCloud,
+  revStamp,
+  runFlow,
+  scaleBar,
+  shaft,
+  titleBlock
+} from "./chunk-IP2BTFBT.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  appear,
+  drawOn
+} from "./chunk-WV6ZTKE7.js";
+import {
+  trackInfo
+} from "./chunk-BVTEGN7F.js";
+import {
+  board,
+  reboard
+} from "./chunk-YHBAWSDX.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-LEKU2ZW3.js";
+import {
+  MUSIC_HASH
+} from "./chunk-L27LWMPD.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset,
+  swapTimes
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion/blueprint-rev-b-reel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var TRACK = trackInfo("lofi");
+var DURATION = Math.round(TRACK.durationMs);
+var beat = (n) => Math.round(n * TRACK.beatMs);
+var swaps = [
+  { layer: "Caption", words: ["Five parts sit between your user and your origin.", "Rev B rebuilt the router. The whole trip now adds 19 ms.", "Edge ends TLS. Auth checks the key. The limiter counts.", "Cache answers what it can. The router finds a healthy origin."], at: beat(1.5), hold: 1250, stagger: 30, in: 280, out: 200, unit: "word", rise: 18 }
+];
+var counts = [
+  { layer: "Dim figure", at: beat(5) + 200, duration: beat(2), counter: { from: 38, to: 19, suffix: " ms \xB12" } }
+];
+var nth = (name) => PARTS.map((_, i) => `${name} ${i + 1}`);
+var cues = [
+  { layer: "Strip", preset: "fade-in", at: 0, params: { duration: 500 } },
+  { layer: "Caption plate", preset: "rise-in", at: beat(1.5) - 250, params: { duration: 400 } },
+  { layer: nth("Balloon"), preset: "pop-in", at: beat(2), params: { duration: 300 }, stagger: { delay: beat(0.5), order: "selection" } },
+  { layer: nth("Label"), preset: "slide-in", at: beat(2) + 80, params: { duration: 380, direction: "left", distance: 40 }, stagger: { delay: beat(0.5), order: "selection" } },
+  { layer: "Stamp", preset: "pop-in", at: beat(7), params: { duration: 260, amount: 0.5 } },
+  { layer: "Assembly", preset: "camera-shake", at: beat(7) + 90, params: { duration: 420, distance: 14, amount: 0.6 } },
+  { layer: "Call", preset: "pop-in", at: beat(13.5), params: { duration: 360 } },
+  { layer: "Call", preset: "pulse", at: beat(15), params: { duration: 700, amount: 0.06 } }
+];
+var BOARD = { width: 800 };
+var SIZE = { a: 150, t: 24, pitch: 126, left: 150, top: 44, bottom: 44 };
+var STATIONS = [{ w: 3, h: 0.62 }, { w: 2.2, h: 0.86 }, { w: 1.6, h: 0.5 }, { w: 3.2, h: 0.74 }, { w: 5, h: 1 }];
+var blueprint_rev_b_reel_default = defineTemplate({
+  id: "motion-blueprint-rev-b-reel",
+  meta: {
+    name: "Blueprint REV B launch reel",
+    description: "A 12-second launch reel drawn as an engineering blueprint: the hook is lettered on the first frame, the sheet\u2019s border draws itself, five plates slide apart into an exploded view with the request threaded through them, a numbered balloon lands on each part on the beat with burned-in captions, a dimension extends and counts 38 ms down to 19, and a REV B stamp lands with a jolt, over an 80 BPM lo-fi track (made by PopCraft, CC0) \u2014 9:16 with 1:1 and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "blueprint", "engineering drawing", "cyanotype", "exploded view", "isometric", "dimension", "technical", "api", "infrastructure", "dev tool", "launch", "v2", "saas", "reel", "captions", "music", "audio", "counter"],
+    platforms: ["instagram", "tiktok", "youtube", "x", "linkedin"],
+    formats: ["reel", "short", "story", "post", "portrait-post"],
+    useCases: ["launch", "announcement", "changelog"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, swaps },
+  build() {
+    const k = new Kit("Blueprint REV B launch reel", preset("ig-story"));
+    k.quantizeGeometry = true;
+    blueprintBrand(k, { hook: "How a request travels through us." });
+    k.textStyle("Strip 20", { ...STENCIL, size: 20, fontWeight: 700, letterSpacing: 1.5, lineHeight: 26 });
+    k.textStyle("Hook 64", { ...STENCIL, size: 64, fontWeight: 800, letterSpacing: -2.4, lineHeight: 66 });
+    k.textStyle("Hook 46", { ...STENCIL, size: 46, fontWeight: 800, letterSpacing: -1.6, lineHeight: 50 });
+    k.textStyle("Hook 44", { ...STENCIL, size: 44, fontWeight: 800, letterSpacing: -1.5, lineHeight: 48 });
+    k.textStyle("Balloon 24", { ...MONO, size: 24, fontWeight: 800, lineHeight: 28 });
+    k.textStyle("Part 26", { ...STENCIL, size: 26, fontWeight: 800, letterSpacing: 0.5, lineHeight: 30 });
+    k.textStyle("Note 17", { size: 17, fontWeight: 500, lineHeight: 22 });
+    k.textStyle("Dim 24", { ...STENCIL, size: 24, fontWeight: 800, lineHeight: 28 });
+    k.textStyle("Caption 30", { size: 30, fontWeight: 600, lineHeight: 38 });
+    k.textStyle("Cell 16", { ...STENCIL, size: 16, fontWeight: 700, letterSpacing: 1.2, lineHeight: 20 });
+    k.textStyle("Cell 22", { ...MONO, size: 22, fontWeight: 800, lineHeight: 26 });
+    k.textStyle("Stamp 46", { ...STENCIL, size: 46, fontWeight: 800, letterSpacing: 2, lineHeight: 48 });
+    k.textStyle("Stamp 16", { ...STENCIL, size: 16, fontWeight: 800, letterSpacing: 1.5, lineHeight: 20 });
+    k.textStyle("Button 22", { ...STENCIL, size: 22, fontWeight: 800, letterSpacing: 0.5, lineHeight: 28 });
+    k.textStyle("Notes 17", { ...STENCIL, size: 17, fontWeight: 700, lineHeight: 24 });
+    pill(k, "Button", { fill: "text", ink: "paper", style: "Button 22", label: "Read Rev B", pad: [22, 22], radius: 0 });
+    const sheet = k.sheet;
+    const W = 1080, H = 1920;
+    k.nameSheet(sheet, "REV B reel");
+    k.flowSheet(sheet, 14, verticalPadding(), "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30, audio: [{ id: "a1", mediaHash: MUSIC_HASH.lofi, name: `${TRACK.title} (80 BPM, made by PopCraft, CC0)`, start: 0, in: 0, out: DURATION, lane: 0, fadeOut: 700 }] });
+    drawingSheet(k, sheet, W, H);
+    const lower = k.frame(sheet, { x: 60, y: 1490, width: 960, height: 330 }, { name: "Lower view" });
+    const sh = shaft(k, lower, 960, 250, { at: { x: 0, y: 0 }, stations: STATIONS });
+    scaleBar(k, lower, { at: { x: 56, y: 286 }, unit: 56, n: 6 });
+    centreMark(k, lower, 34, { at: { x: 880, y: 296 } });
+    const top = k.stack(sheet, { gap: 12, name: "Top" });
+    const strip = k.stack(top, { direction: "HORIZONTAL", gap: 16, justify: "SPACE_BETWEEN", name: "Strip" });
+    k.text(strip, "{{brand.name}} \xB7 DWG GDR-200", { style: "Strip 20", color: "onPaper", name: "Strip name" });
+    k.text(strip, "Sheet 1 of 4", { style: "Strip 20", color: "onPaper", autoWidth: true, name: "Strip sheet" });
+    k.text(top, "{{brand.hook}}", { style: "Hook 64", color: "text", name: "Hook" });
+    const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, justify: "CENTER", align: "CENTER", name: "Drawing row" });
+    const bd = board(k, row, BOARD.width, SIZE.top + SIZE.a + 4 * SIZE.pitch + SIZE.t + SIZE.bottom, 1, "Board");
+    const asm = assembly(k, bd, { ...SIZE, right: BOARD.width - SIZE.left - 2 * SIZE.a });
+    callouts(k, asm, PARTS, { r: 24, gap: 60, num: "Balloon 24", name: "Part 26", note: "Note 17", labelWidth: 250 });
+    const span = asm.ys[4] + SIZE.a / 2 + SIZE.t - (asm.ys[0] - SIZE.a / 2);
+    const dim = dimension(k, asm.id, { at: { x: asm.cx - SIZE.a - 68, y: asm.ys[0] - SIZE.a / 2 }, length: span, upright: true, ext: -60, label: "19 ms \xB12", style: "Dim 24", labelWidth: 136, labelHeight: 40 });
+    revStamp(k, asm.id, { big: "Rev B", small: "Released 02 Oct 2026", bigStyle: "Stamp 46", smallStyle: "Stamp 16", turn: -6, absolute: { x: 486, y: 664 } });
+    const cloud = revCloud(k, asm.id, 2 * SIZE.a + 36, SIZE.a + SIZE.t + 36, { at: { x: asm.cx - SIZE.a - 18, y: asm.ys[4] - SIZE.a / 2 - 18 }, bump: 34 });
+    const notes = k.stack(row, { width: 236, gap: 10, name: "Notes" });
+    k.text(notes, "Notes", { style: "Part 26", color: "text", name: "Notes head" });
+    for (const n of ["1. All figures are p99 overhead, in ms.", "2. Measured across 34 edge regions over 30 days.", "3. Rev A added 38 ms. The API has not changed."]) k.text(notes, n, { style: "Notes 17", color: "onPaper", name: "Note" });
+    k.patch(notes, { visible: false });
+    const bottom = k.stack(sheet, { gap: 14, name: "Bottom" });
+    const cap = k.stack(bottom, { height: 108, justify: "CENTER", padding: { top: 0, right: 22, bottom: 0, left: 22 }, fill: "card", radius: 2, effects: [lift(k)], name: "Caption plate" });
+    k.text(cap, swaps[0].words[0], { style: "Caption 30", color: "onCard", name: "Caption" });
+    const foot = k.stack(bottom, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Foot" });
+    titleBlock(k, foot, [{ label: "Drawing", value: "{{brand.site}}/rev-b" }, { label: "Scale", value: "1:1", width: 96 }, { label: "Rev", value: "B", width: 80, fill: "primary", name: "Rev cell" }], { label: "Cell 16", value: "Cell 22", height: 72 });
+    k.instance(foot, "Button", { Label: "Read Rev B" }, { name: "Call" });
+    if (swapTimes(swaps[0]).at(-1).gone > DURATION) throw new Error("blueprint reel: the captions run past the music");
+    k.counts(sheet, counts);
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    for (const id of k.named(sheet, "Sheet frame")) drawOn(k, id, 0, 1200);
+    explode(k, asm, 300, 900, 90);
+    PARTS.forEach((_, i) => {
+      for (const id of k.named(asm.id, `Leader ${i + 1}`)) {
+        appear(k, id, beat(2 + i / 2) - 200, 60);
+        drawOn(k, id, beat(2 + i / 2) - 200, 240);
+      }
+    });
+    extend(k, dim, beat(5), 700, true);
+    runFlow(k, asm, beat(8), beat(1));
+    drawOn(k, sh.flow, beat(8), beat(5));
+    appear(k, cloud, beat(11.5), 60);
+    drawOn(k, cloud, beat(11.5), 900);
+    const refit = (kit, id) => {
+      const f = kit.node(id);
+      fitSheet(kit, id, f.width, f.height);
+      for (const n of kit.named(id, "Lower view")) kit.patch(n, { visible: false });
+    };
+    k.variants(sheet, feedVariants({ post: 64, portrait: 72 }, {
+      post: (kit, id) => {
+        for (const n of kit.named(id, "Hook")) kit.restyle(n, "Hook 44");
+        reboard(kit, id, "Board", 0.84);
+        for (const n of kit.named(id, "Notes")) kit.patch(n, { visible: true });
+        for (const n of kit.named(id, "Drawing row")) kit.patch(n, { primaryAxisAlignItems: "SPACE_BETWEEN" });
+        for (const n of [...kit.named(id, "Top"), ...kit.named(id, "Bottom")]) kit.patch(n, { itemSpacing: 10 });
+        refit(kit, id);
+      },
+      portrait: (kit, id) => {
+        for (const n of kit.named(id, "Hook")) kit.restyle(n, "Hook 46");
+        refit(kit, id);
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  blueprint_rev_b_reel_default
+};