@popcraft/kit 0.31.0 → 0.32.0

package/dist/chunks/chunk-WUSKZV2W.js

@@ -0,0 +1,115 @@
+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 {
+  logoBadge,
+  pill,
+  verticalPadding
+} from "./chunk-LEKU2ZW3.js";
+import {
+  into,
+  playScenes,
+  sceneSheets
+} from "./chunk-L6NNGCPO.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/scenes/story-fitness.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var STEPS = ["Three 30-minute runs a week", "A coach in your ear, walk to run", "Your first 5K by week nine"];
+var scenes = [
+  { sheet: "Promise", cues: [
+    { layer: "Logo", preset: "pop-in", at: 0 },
+    { layer: "Big", preset: "scale-in", at: 150, params: { duration: 700, amount: 0.5 } },
+    { layer: "Weeks", preset: "rise-in", at: 500 },
+    { layer: "Sub", preset: "fade-in", at: 900 }
+  ], counts: [{ layer: "Weeks", at: 500, duration: 1e3, counter: { from: 0, to: 9, prefix: "from the sofa in ", suffix: " weeks" } }] },
+  { sheet: "How", transition: into("SLIDE_FROM_RIGHT", 500), cues: [
+    { layer: "How title", preset: "rise-in", at: 100 },
+    { layer: "Step", preset: "slide-in", at: 350, params: { direction: "right" }, stagger: { delay: 180 } }
+  ] },
+  { sheet: "Proof", transition: into("DISSOLVE", 500), cues: [
+    { layer: "Quote", preset: "words-in", at: 150, params: { duration: 550, amount: 70 } },
+    { layer: "Runner", preset: "fade-in", at: 1300 },
+    { layer: "Stars", preset: "pop-in", at: 1100 }
+  ] },
+  { sheet: "Try it", transition: into("ZOOM_THROUGH", 600), cues: [
+    { layer: "Trial", preset: "pop-in", at: 100, params: { duration: 600, amount: 0.5 } },
+    { layer: "Download", preset: "rise-in", at: 600 },
+    { layer: "Download", preset: "pulse", at: 1400, params: { amount: 0.06 } },
+    { layer: "Small print", preset: "fade-in", at: 900 }
+  ] }
+];
+var story_fitness_default = defineTemplate({
+  id: "motion-story-ad-fitness",
+  meta: {
+    name: "Running app story ad (4 scenes)",
+    description: "A four-scene 9:16 story ad for a beginner running app: the 5K promise with its weeks counting in, how it works, a runner\u2019s quote and the free trial \u2014 slide, dissolve and zoom-through between them, about 9 seconds",
+    category: "animation",
+    tags: ["animation", "story", "ad", "scenes", "transitions", "app", "fitness", "running"],
+    platforms: ["instagram", "tiktok", "facebook", "snapchat"],
+    formats: ["story", "ad", "reel"],
+    useCases: ["launch", "testimonial"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { scenes },
+  build() {
+    const k = new Kit("Running app story ad", preset("ig-story"));
+    k.brand(
+      { paper: "#0D1B2A", text: "#F2F7FF", onPaper: "#A9BCD6", accent: "#C6F432", card: "#1B3048", onCard: "#F2F7FF", lime: "#C6F432", onLime: "#0D1B2A", badge: "#1B3048" },
+      { name: "Stride", runner: "Priya, 41 \u2014 ran her first 5K in May" }
+    );
+    k.textStyle("Big 420", { size: 420, fontWeight: 900, letterSpacing: -20, lineHeight: 400, textAlign: "CENTER" });
+    k.textStyle("Head 72", { size: 72, fontWeight: 900, letterSpacing: -2, lineHeight: 80, textAlign: "CENTER" });
+    k.textStyle("Body 40", { size: 40, fontWeight: 600, lineHeight: 50, textAlign: "CENTER" });
+    k.textStyle("Step 40", { size: 40, fontWeight: 700, lineHeight: 48 });
+    k.textStyle("Quote 76", { size: 76, fontWeight: 800, letterSpacing: -2, lineHeight: 84, textAlign: "CENTER" });
+    k.textStyle("Trial 120", { size: 120, fontWeight: 900, letterSpacing: -4, lineHeight: 124, textAlign: "CENTER" });
+    k.textStyle("Button 44", { size: 44, fontWeight: 800, lineHeight: 52 });
+    k.textStyle("Small 28", { size: 28, fontWeight: 500, lineHeight: 36, textAlign: "CENTER" });
+    pill(k, "Button", { fill: "paper", ink: "text", style: "Button 44", label: "Download Stride", pad: [28, 64] });
+    k.component("Step card", { direction: "HORIZONTAL", width: 888, gap: 24, align: "CENTER", fill: "card", radius: 32, padding: { top: 28, right: 32, bottom: 28, left: 32 }, props: { Text: STEPS[0] } }, (id) => {
+      k.ellipse(id, 28, "lime", { name: "Tick" });
+      k.propText(id, "Text", { style: "Step 40", color: "onCard", width: "FILL" });
+    });
+    const ids = sceneSheets(k, "ig-story", scenes.map((s) => s.sheet));
+    const [promise, how, proof, tryIt] = ids;
+    const length = [2400, 2200, 2400, 2600];
+    ids.forEach((id, i) => {
+      k.flowSheet(id, 40, verticalPadding(), i === 3 ? "lime" : "paper", "CENTER", "CENTER");
+      k.timeline(id, { duration: length[i], fps: 30 });
+    });
+    logoBadge(k, promise, { fill: "badge", size: 80, name: "Logo" });
+    k.text(promise, "5K", { style: "Big 420", color: "accent", name: "Big" });
+    k.text(promise, "from the sofa in 9 weeks", { style: "Head 72", color: "text", name: "Weeks" });
+    k.text(promise, "Couch to 5K, coached every step", { style: "Body 40", color: "onPaper", name: "Sub" });
+    k.text(how, "How it works", { style: "Head 72", color: "text", name: "How title" });
+    for (const s of STEPS) k.instance(how, "Step card", { Text: s }, { name: "Step", width: "FILL" });
+    k.text(proof, "\u201CI couldn\u2019t run for a bus in March. Now I run for fun.\u201D", { style: "Quote 76", color: "text", name: "Quote" });
+    const stars = k.stack(proof, { direction: "HORIZONTAL", width: "HUG", gap: 12, name: "Stars" });
+    for (let i = 0; i < 5; i++) k.star(stars, 56, "lime", { name: "Star" });
+    k.text(proof, "{{brand.runner}}", { style: "Body 40", color: "onPaper", name: "Runner" });
+    k.text(tryIt, "14 days free", { style: "Trial 120", color: "onLime", name: "Trial" });
+    k.instance(tryIt, "Button", { Label: "Download Stride" }, { name: "Download" });
+    k.text(tryIt, "Then \xA34.99 a month. Cancel any time in the app.", { style: "Small 28", color: "onLime", name: "Small print" });
+    playScenes(k, "comp-story", "Running app story ad", ids, scenes, "paper");
+    k.setCover(promise);
+    return k.finish();
+  }
+});
+
+export {
+  story_fitness_default
+};

package/dist/chunks/chunk-WYNTEDM3.js

@@ -0,0 +1,172 @@
+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 {
+  brackets,
+  buzz,
+  cyberBrand,
+  fitBrackets,
+  fitGlitch,
+  fitRulers,
+  fitStreet,
+  glitch,
+  hazard,
+  holoBox,
+  lift,
+  plate,
+  rulers,
+  split,
+  street
+} from "./chunk-5N6C6D64.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  HOLD,
+  blink,
+  cutOff,
+  cutOn
+} from "./chunk-WV6ZTKE7.js";
+import {
+  pill,
+  postVariants,
+  verticalPadding
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/cyberpunk-implant-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 7500;
+var RAIN = 768;
+var SPECS = [
+  ["Slot", "IMP-03 \xB7 any agent, any model"],
+  ["Trigger", "/deadbolt kill support-bot-7"],
+  ["Effect", "keys revoked, sessions dead"],
+  ["Latency", "300 ms, measured from Slack"]
+];
+var cues = [
+  blink("Neon accent", 0, 420),
+  blink("Neon secondary", 160, 420),
+  blink("Neon primary", 320, 380),
+  cutOn("Banner", 400),
+  cutOn("Name plate", 700),
+  blink("Headline", 700, 300),
+  { layer: "Glitch", preset: "impact-frame", at: 700, params: { duration: 170 } },
+  { layer: "Sub", preset: "fade-in", at: 1100, params: { duration: 500 } },
+  cutOn("Lock", 1400),
+  blink("Lock", 2e3, 300),
+  cutOn("Spec", 2100),
+  { layer: "Spec value", preset: "typewriter", at: 2300, params: { duration: 480 }, stagger: { delay: 520 } },
+  { layer: "Chip", preset: "pop-in", at: 4700, params: { duration: 360 } },
+  { layer: "Site", preset: "fade-in", at: 4900, params: { duration: 400 } },
+  { layer: "Chip", preset: "pulse", at: 5600, params: { duration: 700, amount: 0.05 } },
+  { layer: "Glitch", preset: "impact-frame", at: 6900, params: { duration: 170 } },
+  cutOff(["Banner", "Name plate", "Lock", "Spec", "Chip", "Site"], 7e3, 60)
+];
+var SCENE = {
+  post: { horizon: 0.84, courier: false, holo: 0.29, holoSize: 240, rate: RAIN },
+  portrait: { horizon: 0.84, courier: false, holo: 0.322, holoSize: 380, rate: RAIN },
+  vertical: { horizon: 0.76, courier: false, holo: 0.281, holoSize: 300, rate: RAIN }
+};
+function lockBox(w, h, o) {
+  const b = holoBox(w, h, o);
+  return { x: b.x - 24, y: b.y - 24, width: b.width + 48, height: b.height + 48 };
+}
+var cyberpunk_implant_post_default = defineTemplate({
+  id: "motion-cyberpunk-implant-post",
+  meta: {
+    name: "Cyberpunk new implant post (animated)",
+    description: "A feature announcement as a new implant: neon signs flicker on down a rain-slick street, NEW IMPLANT cuts on between hazard stripes, the feature\u2019s name lands with its colours split and a frame of glitch, a HUD\u2019s brackets lock onto a holographic padlock and the spec sheet is typed a line at a time \u2014 a seven-second loop, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "cyberpunk", "neon", "hud", "glitch", "rain", "hologram", "feature", "changelog", "security", "ai agents", "dev tool", "saas", "post", "mono", "loop"],
+    platforms: ["instagram", "linkedin", "x", "threads"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["announcement", "changelog", "launch"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Cyberpunk new implant post (animated)", preset("ig-post"));
+    k.quantizeGeometry = true;
+    cyberBrand(k, { feature: "KILL SWITCH" });
+    k.textStyle("Banner 26", { ...MONO, size: 26, fontWeight: 800, letterSpacing: 5, lineHeight: 32, textCase: "UPPER" });
+    k.textStyle("Display 132", { size: 132, fontWeight: 900, letterSpacing: -2.5, lineHeight: 122 });
+    k.textStyle("Sub 30", { size: 30, fontWeight: 500, lineHeight: 40 });
+    k.textStyle("Spec label 18", { ...MONO, size: 18, fontWeight: 700, letterSpacing: 2, lineHeight: 34, textCase: "UPPER" });
+    k.textStyle("Spec 24", { ...MONO, size: 24, fontWeight: 600, lineHeight: 34 });
+    k.textStyle("Chip 22", { ...MONO, size: 22, fontWeight: 800, lineHeight: 28 });
+    k.textStyle("Site 22", { ...MONO, size: 22, fontWeight: 700, lineHeight: 28 });
+    pill(k, "Chip", { fill: "primary", ink: "onPrimary", style: "Chip 22", label: "Installed on every plan today", pad: [13, 20], radius: 0 });
+    const sheet = k.sheet;
+    const W = 1080, H = 1080, PAD = 64;
+    k.flowSheet(sheet, 0, PAD, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    const st = street(k, sheet, W, H, SCENE.post);
+    buzz(k, st);
+    rulers(k, sheet, W, H);
+    const top = k.stack(sheet, { gap: 0, name: "Top" });
+    const banner = k.stack(top, { gap: 0, name: "Banner" });
+    hazard(k, banner, 16);
+    const label = k.stack(banner, { fill: "primary", padding: { top: 8, right: 18, bottom: 8, left: 18 }, name: "Banner label" });
+    k.text(label, "New implant // {{brand.name}} 2.4", { style: "Banner 26", color: "onPrimary", name: "Banner words" });
+    hazard(k, banner, 16);
+    const bottom = k.stack(sheet, { gap: 16, name: "Bottom" });
+    const name = plate(k, bottom, { gap: 14, padding: { top: 26, right: 34, bottom: 30, left: 34 }, edge: "primary", tab: false, name: "Name plate", effects: [lift(k)] });
+    k.text(name, "{{brand.feature}}", { style: "Display 132", color: "onCard", name: "Headline", effects: split(k, 7) });
+    k.text(name, "Revoke any agent\u2019s credentials from Slack. Every session it holds dies with them.", { style: "Sub 30", color: "onCard", name: "Sub" });
+    const spec = plate(k, bottom, { gap: 0, padding: { top: 20, right: 28, bottom: 20, left: 28 }, name: "Spec", effects: [lift(k)] });
+    for (const [labelText, value] of SPECS) {
+      const row = k.stack(spec, { direction: "HORIZONTAL", gap: 12, name: "Spec row" });
+      k.text(row, labelText, { style: "Spec label 18", color: "onCard", width: 150, name: "Spec label" });
+      k.text(row, value, { style: "Spec 24", color: "onCard", name: "Spec value" });
+    }
+    const foot = k.stack(bottom, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Foot" });
+    k.instance(foot, "Chip", { Label: "Installed on every plan today" }, { name: "Chip" });
+    const site = plate(k, foot, { width: "HUG", padding: { top: 11, right: 16, bottom: 11, left: 16 }, tab: false, name: "Site" });
+    k.text(site, "{{brand.site}}", { style: "Site 22", color: "onCard", autoWidth: true, name: "Site text" });
+    const hb = lockBox(W, H, SCENE.post);
+    const lock = brackets(k, sheet, hb.width, hb.height, { name: "Lock", len: 56, width: 6, absolute: { x: hb.x, y: hb.y } });
+    glitch(k, sheet, W, H);
+    k.cues(sheet, cues);
+    const close = [1.6, 1.4, 1.22, 1.08, 1];
+    for (const axis of ["scaleX", "scaleY"]) k.animate(lock, axis, close.map((v, i) => ({ t: 1400 + i * 150, v, ease: HOLD })));
+    const refit = (kit, id, size) => {
+      const f = kit.node(id);
+      fitStreet(kit, id, f.width, f.height, { ...SCENE[size], at: { x: 0, y: 0 } });
+      fitGlitch(kit, id, f.width, f.height);
+      fitRulers(kit, id, f.width, f.height);
+      const b = lockBox(f.width, f.height, SCENE[size]);
+      for (const n of kit.named(id, "Lock")) {
+        fitBrackets(kit, n, b.width, b.height, 56);
+        kit.patch(n, { x: b.x, y: b.y });
+      }
+    };
+    k.variants(sheet, postVariants({ portrait: PAD }, {
+      portrait: (kit, id) => refit(kit, id, "portrait"),
+      vertical: (kit, id) => {
+        kit.patch(id, { padding: verticalPadding() });
+        refit(kit, id, "vertical");
+      }
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  cyberpunk_implant_post_default
+};

package/dist/chunks/chunk-X22CGIKE.js

@@ -0,0 +1,75 @@
+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 {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/comic-hero-art.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var STYLE = "Gritty energetic modern indie action comic art, rough expressive brush inks, scratchy hatching, explosive motion, raw kinetic linework.";
+var CAST = { nightstar: "Nightstar is an original masked hero: a lean athletic man in a sleek midnight-blue bodysuit with a large gold five-pointed star emblem on the chest, a midnight-blue cowl mask covering the upper face, gold gloves and gold boots.", voltrix: "Voltrix is an original villain: a hulking bald man in scorched charcoal-grey armour plating with crackling green electric coils on his shoulders and round glowing green goggles.", rosa: "Rosa is an original young woman bike courier with a curly black ponytail, a bright yellow rain jacket, a red messenger bag and a white cycling helmet." };
+var ART = {
+  "cover": { hash: "0520923bafe128b0edbdcc30fd65a023", width: 768, height: 1152, subject: "Low-angle cover shot: Nightstar bursts upward through a shattering neon-lit night sky over a rain-soaked city, fist forward, while the giant shadowy figure of Voltrix looms behind him wreathed in green lightning." },
+  "chase-1": { hash: "5ef8494cf4126515d8fca8060f411195", width: 1152, height: 651, subject: "Establishing wide shot: a city power substation at midnight in the rain, Voltrix tearing a transformer open with his bare hands, green electricity arcing everywhere." },
+  "chase-2": { hash: "1365a184ce73877fc228f8990656c17d", width: 1024, height: 1024, subject: "Medium shot: Nightstar crouched on a gargoyle ledge high above the rainy city, looking down, cape-less, alert." },
+  "chase-3": { hash: "f1b38bcc56e2f6aa164528c7940fe9a8", width: 1152, height: 651, subject: "Action: Voltrix smashes through a brick wall onto a rooftop and runs, Nightstar sprinting after him across the rooftops, rain and debris flying." },
+  "chase-4": { hash: "40ef203c1fad0b155377653cc3ad6717", width: 1152, height: 651, subject: "Nightstar leaps across a wide gap between two skyscrapers, seen from below, the street far beneath, body stretched, explosive motion." },
+  "chase-5": { hash: "9e5b62ed93b6cf6a76edfbb87e74c09e", width: 1024, height: 1024, subject: "Close-up: Voltrix glancing back over his shoulder with a snarl, green goggles blazing, sparks in the rain." },
+  "chase-6": { hash: "c4fe9f3ce9be13c97f930513fca1e3bc", width: 1152, height: 651, subject: "Voltrix hurls a crackling bolt of green lightning backward at Nightstar, who twists mid-air to dodge it, a water tower exploding behind them." },
+  "wide-1": { hash: "02e36cd0fde4da676db1d5cbcd97e702", width: 1152, height: 651, subject: "Wide cinematic street shot at night: Rosa riding her bicycle down a wet neon avenue, headlights and reflections, unaware of danger." },
+  "wide-2": { hash: "d142ece06355008414409995bcc8efbe", width: 1152, height: 651, subject: "Wide shot: Voltrix crashes down from above into the middle of the avenue, the asphalt cracking in a crater, cars flipping, green lightning." },
+  "wide-3": { hash: "b5819cb6b068143e82a0130c5acfdf96", width: 1152, height: 651, subject: "Rosa flung from her bicycle, tumbling across the wet street, her bike spinning away, shards of glass in the air." },
+  "wide-4": { hash: "fd743798c2c8ac767c882c54aadfe879", width: 856, height: 1152, subject: "Voltrix towers over Rosa who scrambles backward on the wet street, terrified, the villain reaching for her with crackling hand." },
+  "break-1": { hash: "24864c9ff00eaad797ee689c1edceb68", width: 1024, height: 1024, subject: "Medium shot: Voltrix grabs Rosa, in her bright yellow rain jacket, by the red messenger bag strap, lifting her off the ground, green sparks crackling." },
+  "break-2": { hash: "db24fc4cb6ad05abf82015ab3808caec", width: 1024, height: 1024, subject: "Extreme close-up of Rosa's frightened eyes reflecting green lightning, rain on her face." },
+  "break-3": { hash: "788a368f7c91115beffba384edd6a8cb", width: 1152, height: 651, subject: "Explosive splash: Nightstar crashes feet-first down onto Voltrix from above, a huge shockwave of rain and debris, the gold star blazing, raw kinetic impact." },
+  "break-4": { hash: "a58e82a3827c6e8c1be23ad3e815955d", width: 1024, height: 1024, subject: "Rosa dropped free, landing hard on the pavement and rolling clear, debris raining around her." },
+  "break-5": { hash: "2da6d96fbb481845e780cf6240ece2d1", width: 1152, height: 651, subject: "Nightstar and Voltrix grappling in the crater, sparks and rain, faces close, straining." },
+  "cascade-1": { hash: "ba3f66a4535367034168b1f7c257f23a", width: 1152, height: 651, subject: "Voltrix slams both fists into a street lamp, sending a surge of green electricity up into a neon billboard on a building above." },
+  "cascade-2": { hash: "9c7d695c57cca051f10c4b4d1877c911", width: 856, height: 1152, subject: "Looking up from street level: a huge burning neon billboard and steel scaffolding breaking loose and falling toward Rosa below." },
+  "cascade-3": { hash: "60514687976f160868b3e94a4a57f890", width: 1024, height: 1024, subject: "Close-up: Rosa looking up in horror, arm raised, sparks falling around her." },
+  "cascade-4": { hash: "504c48cf772656d01816a0a0e3288b87", width: 1152, height: 651, subject: "Nightstar dives in and sweeps Rosa out of the way just as the falling billboard smashes into the street behind them, explosion of sparks and glass." },
+  "cascade-5": { hash: "5e76b5ac2000cee5fe5b2c0b5affc1a9", width: 1024, height: 1024, subject: "Nightstar kneels shielding Rosa with his body as burning debris settles, both covered in dust, rain hissing on embers." },
+  "cascade-6": { hash: "fa7831e2704e9b69b06136766d710406", width: 1152, height: 651, subject: "Wide: Voltrix standing in the flames on the street, laughing, green coils glowing brighter, the city lights flickering out behind him." },
+  "over-1": { hash: "c92e06d52a7587127ac2396136bfa0ef", width: 1152, height: 651, subject: "Nightstar charges at Voltrix through fire and rain, fist cocked back, heavy motion streaks." },
+  "over-2": { hash: "6569e01fd26e0ec21599d18239beeecb", width: 1024, height: 1024, subject: "Close impact: Nightstar's gold-gloved fist connects with Voltrix's jaw, shockwave, teeth and sparks flying." },
+  "over-3": { hash: "f18dc474dbb6f05a0ec0a1dd5f035373", width: 1024, height: 1024, subject: "Voltrix backhands Nightstar, sending him spinning backward through the air in a spray of rain." },
+  "over-4": { hash: "efccaca49150c0ffc3ff4d19751acf4b", width: 1152, height: 651, subject: "Nightstar crashes through the front window of a parked city bus, glass exploding outward, dynamic angle." },
+  "over-5": { hash: "8b715da4ff00f7d65667f4723ce20ed2", width: 1152, height: 651, subject: "Nightstar rising from the wrecked bus, bruised, gold star cracked and glinting, facing Voltrix across the burning street." },
+  "over-6": { hash: "20b922922d145451550a308ef18f058e", width: 1024, height: 1024, subject: "Close-up of Voltrix's grinning face, green goggles glowing, lightning crackling across his armour." },
+  "nest-1": { hash: "49804db37766dd3fbf8815741311bcdb", width: 1152, height: 651, subject: "Wide: Voltrix grabs a high-voltage power line with both hands, absorbing the whole city's electricity, a column of green lightning shooting into the clouds." },
+  "nest-2": { hash: "d04f29f9b8a27e12512e270abd239548", width: 1024, height: 1024, subject: "Close-up: Voltrix's armour coils overloading, glowing white-green, steam and sparks pouring off them." },
+  "nest-3": { hash: "0ae711478fafb2a9e7445ec561073121", width: 1024, height: 1024, subject: "Close-up: Nightstar shielding his masked eyes against the blinding green glare, wind whipping." },
+  "nest-4": { hash: "3c9ff7ef455e356c4b09fe598b2ca5e9", width: 1152, height: 651, subject: "Wide: the whole city skyline going dark block by block as the lights are drained, one green glow in the middle." },
+  "nest-5": { hash: "bb84d4f02a8f45c8904d06bb164f92b5", width: 1152, height: 651, subject: "Rosa crouched alone behind a wrecked car, clutching her red messenger bag, eyes fixed on a thick black power cable snaking across the empty wet street, green glow on the horizon. No creatures, no other people." },
+  "para-1": { hash: "58b0040a4025bda6c8fc77f2cf9b7d95", width: 1024, height: 1024, subject: "Nightstar battered and staggering forward into the glare toward Voltrix, who stands in the background wreathed in green lightning, one arm up against the energy storm." },
+  "para-2": { hash: "8252a932560a2e6eb96ce5e178e39063", width: 1024, height: 1024, subject: "Rosa sprinting low along the wet street toward a junction box where the thick power cable connects, yellow jacket bright." },
+  "para-3": { hash: "e03aca5703774849c89a6223d4bd3691", width: 1024, height: 1024, subject: "Voltrix blasts Nightstar with a beam of green lightning, Nightstar bracing behind crossed arms, being pushed back, feet dragging sparks." },
+  "para-4": { hash: "5e515e2b6f1e7715c17057f908858e09", width: 1024, height: 1024, subject: "Rosa yanking a big red emergency lever on the open junction box, sparks flying in her face, teeth gritted." },
+  "para-5": { hash: "70fdd68ee6f96ea603dede17f979cebf", width: 1024, height: 1024, subject: "Voltrix's lightning suddenly sputtering out, his coils dimming, shock on his face." },
+  "para-6": { hash: "7a7f8d301383756e74caeb6ae8c8ae1f", width: 1024, height: 1024, subject: "Nightstar glances back at Rosa by the junction box, she gives him a thumbs up, rain and smoke between them." },
+  "manga-1": { hash: "533e5dacbce7966d8b537ccb767d1460", width: 856, height: 1152, subject: "Extreme dynamic foreshortening: Nightstar launches himself straight at the viewer, fist leading, speed lines radiating, rain frozen around him." },
+  "manga-2": { hash: "89bf37366fabc1a9ce15b22e70eca072", width: 1024, height: 1024, subject: "Voltrix raising both armoured arms to block, terror in his face, coils dead." },
+  "manga-3": { hash: "e45832e1da6f3927ab09d0fe31a3aa8b", width: 1152, height: 651, subject: "The final punch: Nightstar's fist smashes through Voltrix's guard into his chest armour, the armour shattering into pieces, enormous radiating impact burst." },
+  "manga-4": { hash: "e781ad2b37fd73e79755868622eccd21", width: 1024, height: 1024, subject: "Close-up of Nightstar's masked eyes, intense, a trickle of blood, rain." },
+  "manga-5": { hash: "c6a44369f7251227f7161c5de7d001a1", width: 1152, height: 651, subject: "Voltrix flying backward and crashing through a parked delivery truck, armour pieces scattering, smoke." },
+  "interro-1": { hash: "67578b7d4a3caae86cc4501a7d8f5672", width: 1152, height: 651, subject: "Wide: an abandoned warehouse at dawn lit by one hanging bulb, Voltrix in broken armour chained to a steel chair, Nightstar standing over him." },
+  "interro-2": { hash: "835dd9bf563b21c08f02439d97ab2356", width: 1024, height: 1024, subject: "Close-up: Nightstar leaning in, masked face half in shadow under the bulb, stern." },
+  "interro-3": { hash: "56a8c320e8a651b852abb492a0e35029", width: 1024, height: 1024, subject: "Close-up: Voltrix in his chair, goggles cracked, smirking, a bruise on his cheek." },
+  "interro-4": { hash: "9cf91fa3b2d4853704f7d699b60d49eb", width: 1024, height: 1024, subject: "Nightstar slamming a gold-gloved fist on a metal table, the bulb swinging, shadows lurching." },
+  "interro-5": { hash: "21dd22e30cccfb6bb82925dd46ee7b1c", width: 1024, height: 1024, subject: "Extreme close-up of Voltrix's mouth as he grins, a single green spark on a broken tooth." },
+  "interro-6": { hash: "01d85a8b550d80743fbc01002c800ced", width: 1152, height: 651, subject: "Nightstar walking out of the warehouse doorway into morning light where Rosa waits with her bicycle, backlit silhouettes." },
+  "pinup": { hash: "7f2004bc780c91f788d95e68009147b1", width: 856, height: 1152, subject: "Pin-up: Nightstar standing heroically on the edge of a skyscraper rooftop at sunrise, wind in the scene, the city below washed in orange light, gold star gleaming." }
+};
+var art = (id) => `media://${ART[id].hash}`;
+
+export {
+  STYLE,
+  CAST,
+  ART,
+  art
+};

package/dist/chunks/chunk-X2BAGHES.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-2P7ISWIA.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-X2BEN4S5.js

@@ -0,0 +1,136 @@
+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,
+  initial,
+  manicule,
+  manuscriptBrand,
+  revellum,
+  ruling,
+  script,
+  vellum,
+  vine
+} from "./chunk-NCPP7DAG.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  place
+} from "./chunk-YHBAWSDX.js";
+import {
+  outro,
+  pill,
+  postVariants
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/manuscript-chapter-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 7e3;
+var SOURCES = ["#deploys \xB7 14 Mar", "PR 2118 \xB7 merged", "Tue stand-up call"];
+var cues = [
+  { layer: "Headline", preset: "blur-in", at: 250, params: { duration: 900, amount: 26 } },
+  { layer: "Sub", preset: "rise-in", at: 1e3, params: { duration: 800 } },
+  { layer: "Versal", preset: "pop-in", at: 1550, params: { duration: 300 } },
+  { layer: "Script line", preset: "wipe-in", at: 1700, params: { duration: 520, ease: ease.linear }, stagger: { delay: 380 } },
+  { layer: "Manicule", preset: "slide-in", at: 2e3, params: { duration: 450, direction: "left", distance: 60 }, stagger: { delay: 380 } },
+  { layer: "Gloss", preset: "fade-in", at: 2150, params: { duration: 450 }, stagger: { delay: 380 } },
+  { layer: "Chip", preset: "pop-in", at: 3300, params: { duration: 450 } },
+  { layer: "Site", preset: "fade-in", at: 3500, params: { duration: 600 } },
+  { layer: "Chapter", preset: "pulse", at: 4400, params: { duration: 900, amount: 0.025 } },
+  // The lines are unwritten and the words leave: the loop writes them again.
+  { layer: "Script line", preset: "wipe-out", at: 6e3, params: { duration: 380, direction: "left" }, stagger: { delay: 60 } },
+  { layer: "Gloss", preset: "fade-out", at: 6e3, params: { duration: 350 }, stagger: { delay: 40 } },
+  { layer: "Manicule", preset: "fade-out", at: 6e3, params: { duration: 350 }, stagger: { delay: 40 } },
+  outro(["Headline", "Sub", "Versal", "Chip", "Site"], 6200)
+];
+var manuscript_chapter_post_default = defineTemplate({
+  id: "motion-manuscript-chapter-post",
+  meta: {
+    name: "Manuscript chapter post (animated)",
+    description: "A feature announced as a new chapter of an illuminated manuscript: \u201CChapter VII\u201D in burnished gold between ivy borders, the feature\u2019s name and promise, then three lines that write themselves in ink while a pointing hand cites the source beside each \u2014 a seven-second loop, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "manuscript", "illuminated", "medieval", "vellum", "gold leaf", "chapter", "feature", "changelog", "wiki", "docs", "saas", "post", "serif", "loop"],
+    platforms: ["instagram", "linkedin", "x", "threads"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["announcement", "changelog", "launch"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Manuscript chapter post (animated)", preset("ig-post"));
+    k.quantizeGeometry = true;
+    manuscriptBrand(k, { feature: "Sources in the margin." });
+    k.textStyle("Rubric 26", { ...SERIF, size: 26, fontWeight: 700, letterSpacing: 3, lineHeight: 34, textCase: "UPPER" });
+    k.textStyle("Numeral 108", { ...SERIF, size: 108, fontWeight: 900, letterSpacing: -1, lineHeight: 108, textAlign: "CENTER" });
+    k.textStyle("Display 96", { ...SERIF, size: 96, fontWeight: 900, letterSpacing: -3, lineHeight: 98 });
+    k.textStyle("Sub 34", { ...SERIF, size: 34, fontWeight: 400, lineHeight: 44 });
+    k.textStyle("Gloss 22", { ...MONO, size: 22, fontWeight: 500, lineHeight: 28 });
+    k.textStyle("Chip 24", { size: 24, fontWeight: 800, letterSpacing: 0.5, lineHeight: 30 });
+    k.textStyle("Site 24", { ...SERIF, size: 24, fontStyle: "italic", fontWeight: 600, lineHeight: 30 });
+    pill(k, "Chip pill", { fill: "primary", ink: "onPrimary", style: "Chip 24", label: "In every plan from today", pad: [12, 24], radius: 6 });
+    const sheet = k.sheet;
+    const margins = (v) => ({ top: v, right: 130, bottom: v, left: 150 });
+    k.flowSheet(sheet, 30, margins(72), "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    vellum(k, sheet);
+    ruling(k, sheet, { x: 134, y: 54, w: 866, rows: 41, pitch: 46 });
+    const box = { x: 0, y: 0, width: 1080, height: 1920 };
+    vine(k, k.frame(sheet, box, { name: "Left border" }), { x: 62, y: 30, length: 1860, dir: "down", amp: 22, waves: 6.5, u: 1.1 });
+    vine(k, k.frame(sheet, box, { name: "Right border" }), { x: 1034, y: -40, length: 1960, dir: "down", amp: 14, waves: 7.5, u: 0.8, side: -1 });
+    k.text(sheet, "New in {{brand.name}} \xB7 1 October", { style: "Rubric 26", color: "accent", name: "Eyebrow" });
+    initial(k, sheet, 190, "Chapter VII", "Numeral 108", { width: 800, name: "Chapter" });
+    k.text(sheet, "{{brand.feature}}", { style: "Display 96", color: "text", name: "Headline" });
+    k.text(sheet, "Every sentence Quire writes now cites the thread, pull request or call it came from, right beside the line.", { style: "Sub 34", color: "onPaper", name: "Sub" });
+    const demo = k.stack(sheet, { height: 150, name: "Demo" });
+    script(k, demo, { x: 0, y: 30, w: 470, rows: 3, pitch: 46, seed: 31, short: 0.8, versals: [0] });
+    SOURCES.forEach((source, i) => {
+      manicule(k, demo, 56, { absolute: { x: 488, y: 30 + i * 46 - 22 } });
+      k.text(demo, source, { style: "Gloss 22", color: "onPaper", width: 244, absolute: { x: 556, y: 30 + i * 46 - 20 }, name: "Gloss" });
+    });
+    const foot = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 24, align: "CENTER", name: "Foot" });
+    k.instance(foot, "Chip pill", { Label: "In every plan from today" }, { name: "Chip" });
+    k.text(foot, "{{brand.site}}", { style: "Site 24", color: "onPaper", autoWidth: true, name: "Site" });
+    k.cues(sheet, cues);
+    gild(k, sheet, 500);
+    gild(k, sheet, 4400);
+    const borders = (kit, id) => {
+      for (const name of ["Left border", "Right border", "Ruling"]) place(kit, id, name, 0, 0);
+    };
+    k.variants(sheet, revellum(postVariants({ portrait: 80 }, {
+      portrait: (kit, id) => {
+        kit.patch(id, { padding: margins(80), itemSpacing: 40 });
+        borders(kit, id);
+      },
+      vertical: (kit, id) => {
+        kit.patch(id, { itemSpacing: 84 });
+        borders(kit, id);
+      }
+    })));
+    return k.finish();
+  }
+});
+
+export {
+  manuscript_chapter_post_default
+};