@popcraft/kit 0.32.0 → 0.33.0

package/dist/chunks/chunk-DWUKOW7L.js

@@ -1,260 +0,0 @@
-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,
-  courierBox,
-  cyberBrand,
-  fitBrackets,
-  fitGlitch,
-  fitRulers,
-  fitStreet,
-  glitch,
-  hazard,
-  lift,
-  plate,
-  rulers,
-  split,
-  stampBeside,
-  street,
-  telemetry
-} from "./chunk-5N6C6D64.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  score
-} from "./chunk-42LEBOKV.js";
-import {
-  HOLD,
-  appear,
-  blink,
-  cutOff,
-  cutOn
-} from "./chunk-WV6ZTKE7.js";
-import {
-  bloom
-} from "./chunk-M6VTXO6F.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-2P7ISWIA.js";
-import {
-  ease
-} from "./chunk-YYQUCS6P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/motion/cyberpunk-lock-on-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var SCORE = score("tension");
-var DURATION = SCORE.duration;
-var beat = SCORE.beat;
-var swaps = [
-  { layer: "Caption", words: ["02:14 a.m. Your support agent opens a poisoned ticket.", "It drafts an email with your live Stripe key in it.", "Every tool call is checked before it runs.", "Blocked in 38 ms. Nobody got paged."], at: beat(1), hold: 1500, stagger: 45, in: 300, out: 220, unit: "word", rise: 22 }
-];
-var CAPTIONS_END = swapTimes(swaps[0]).at(-1).gone;
-var counts = [
-  { layer: "Figure", at: beat(8), duration: beat(12), counter: { from: 1e4, to: 41208, separator: "," } }
-];
-var hit = (n) => ({ layer: "Glitch", preset: "impact-frame", at: beat(n), params: { duration: 170 } });
-var cues = [
-  // The clock ticks alone for a bar: the street's signs come on one colour at a time, and the hook is typed over them.
-  blink("Neon accent", 0, 420),
-  blink("Neon secondary", 140, 420),
-  blink("Neon primary", 300, 380),
-  { layer: "Hook", preset: "typewriter", at: 60, params: { duration: 640 } },
-  { layer: "Hud bar", preset: "fade-in", at: 200, params: { duration: 400 } },
-  cutOn("Caption plate", beat(1)),
-  // The rise: the brackets close on the courier, and lock on the drop.
-  cutOn("Lock", beat(2)),
-  blink("Lock", beat(4), 300),
-  hit(4),
-  cutOn("Tag", beat(5)),
-  { layer: "Tag value", preset: "typewriter", at: beat(5), params: { duration: 260 }, stagger: { delay: 250 } },
-  cutOn("Scope", beat(6.5)),
-  { layer: "Stat", preset: "rise-in", at: beat(7.5), params: { duration: 420 } },
-  // The tune comes in, and the gate comes down with it.
-  { layer: "Stamp", preset: "pop-in", at: beat(12), params: { duration: 240, amount: 0.5 } },
-  { layer: "Street", preset: "camera-shake", at: beat(12), params: { duration: 460, distance: 18, amount: 0.6 } },
-  hit(12),
-  hit(20),
-  cutOff("Caption plate", CAPTIONS_END + 120),
-  { layer: "Call", preset: "pop-in", at: beat(24), params: { duration: 360 } },
-  hit(24),
-  { layer: "Site", preset: "fade-in", at: beat(25), params: { duration: 400 } },
-  // The last hit, and the clock alone again.
-  hit(28),
-  { layer: "Call", preset: "pulse", at: beat(28), params: { duration: 700, amount: 0.06 } }
-];
-var LOG = ["BLK send_email   38ms", "ok  read_ticket   2ms", "ok  search_docs   4ms", "BLK http_post     31ms", "ok  draft_reply   3ms", "ok  read_ticket   2ms", "BLK shell_exec    29ms", "ok  update_crm    5ms"];
-var SCENE = {
-  vertical: { horizon: 0.468, figure: 0.12, holo: false },
-  post: { horizon: 0.527, figure: 0.25, holo: false },
-  portrait: { horizon: 0.55, figure: 0.235, holo: false }
-};
-var STAMP_W = 392;
-function hud(w, h, o, side) {
-  const c = courierBox(w, h, o);
-  const lock = { x: c.x - 38, y: c.y - 30, width: c.width + 76, height: c.height + 56 };
-  const plateW = Math.min(250, lock.x - side - 22);
-  return {
-    lock,
-    scope: { x: lock.x - 22 - plateW, y: lock.y + 6, width: plateW },
-    tag: { x: lock.x + lock.width + 22, y: lock.y + 6, width: plateW },
-    stamp: stampBeside(c, STAMP_W)
-  };
-}
-var cyberpunk_lock_on_reel_default = defineTemplate({
-  id: "motion-cyberpunk-lock-on-reel",
-  meta: {
-    name: "Cyberpunk lock-on reel",
-    description: "A 16-second launch reel on a rain-slick neon street: a clock ticks while the hook is typed with its colours split and the signs flicker on, a HUD\u2019s brackets close on a courier in the road (the rogue agent) and lock on the drop, captions tell the story a line at a time, BLOCKED is stamped beside him as a hazard gate slams shut across the road, and the month\u2019s count runs up beside scrolling telemetry, over a 120 BPM track that starts as a countdown (made by PopCraft, CC0) \u2014 9:16 with 1:1 and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "cyberpunk", "neon", "hud", "glitch", "rain", "night", "security", "ai agents", "dev tool", "launch", "saas", "reel", "captions", "music", "audio", "counter"],
-    platforms: ["instagram", "tiktok", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["launch", "announcement", "stats"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit("Cyberpunk lock-on reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    cyberBrand(k, { hook: "YOUR AGENT JUST TRIED TO LEAK A KEY." });
-    k.textStyle("Hud 20", { ...MONO, size: 20, fontWeight: 700, letterSpacing: 2, lineHeight: 26, textCase: "UPPER" });
-    k.textStyle("Hud 17", { ...MONO, size: 17, fontWeight: 700, letterSpacing: 1.5, lineHeight: 22, textCase: "UPPER" });
-    k.textStyle("Display 80", { size: 80, fontWeight: 900, letterSpacing: -2.4, lineHeight: 80 });
-    k.textStyle("Display 62", { size: 62, fontWeight: 900, letterSpacing: -1.8, lineHeight: 62 });
-    k.textStyle("Display 50", { size: 50, fontWeight: 900, letterSpacing: -1.4, lineHeight: 52 });
-    k.textStyle("Caption 36", { size: 36, fontWeight: 600, lineHeight: 46 });
-    k.textStyle("Caption 30", { size: 30, fontWeight: 600, lineHeight: 38 });
-    k.textStyle("Readout 22", { ...MONO, size: 22, fontWeight: 700, lineHeight: 28 });
-    k.textStyle("Risk 60", { ...MONO, size: 60, fontWeight: 800, letterSpacing: -2, lineHeight: 60 });
-    k.textStyle("Figure 96", { ...MONO, size: 96, fontWeight: 800, letterSpacing: -4, lineHeight: 96 });
-    k.textStyle("Figure 72", { ...MONO, size: 72, fontWeight: 800, letterSpacing: -3, lineHeight: 72 });
-    k.textStyle("Log 16", { ...MONO, size: 16, fontWeight: 500, lineHeight: 26 });
-    k.textStyle("Stamp 68", { size: 68, fontWeight: 900, letterSpacing: 3, lineHeight: 70 });
-    k.textStyle("Button 30", { size: 30, fontWeight: 800, lineHeight: 38 });
-    k.textStyle("Site 24", { ...MONO, size: 24, fontWeight: 700, lineHeight: 32 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 30", label: "Lock your agents", pad: [18, 30], radius: 0 });
-    const sheet = k.sheet;
-    const W = 1080, H = 1920;
-    const padding = verticalPadding();
-    k.nameSheet(sheet, "Lock-on reel");
-    k.flowSheet(sheet, 0, padding, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: SCORE.audio });
-    const st = street(k, sheet, W, H, { ...SCENE.vertical, rate: 690 });
-    buzz(k, st);
-    rulers(k, sheet, W, H);
-    const GX = 44, GY = 1612, GH = 46, half = (W - 2 * GX) / 2, back = half - 150;
-    const gateWet = k.rect(sheet, W - 2 * GX, 190, [k.gradient({ from: "primary", to: "primary", angle: 90, fromOpacity: 0.3, toOpacity: 0 })], { name: "Gate wet", absolute: { x: GX, y: GY + GH + 8 } });
-    const gateL = hazard(k, sheet, GH, { width: half, name: "Gate left", absolute: { x: GX, y: GY } });
-    const gateR = hazard(k, sheet, GH, { width: half, name: "Gate right", absolute: { x: W / 2, y: GY } });
-    for (const x of [0, W - 92]) {
-      const post = k.stack(sheet, { width: 92, height: 250, fill: "card", stroke: { color: "secondary", width: 1.5, align: "INSIDE", join: "MITER" }, name: "Gate post", absolute: { x, y: GY - 96 }, effects: [lift(k, 30, 0.8)] });
-      k.rect(post, 44, 10, "accent", { name: "Gate lamp", absolute: { x: 24, y: 22 }, effects: [bloom(k, "accent", 22, 0.9)] });
-      for (const y of [56, 68, 196, 208]) k.rect(post, 44, 3, "secondary", { name: "Gate rib", opacity: 0.5, absolute: { x: 24, y } });
-    }
-    const top = k.stack(sheet, { gap: 12, name: "Top" });
-    const bar = plate(k, top, { direction: "HORIZONTAL", gap: 16, padding: { top: 10, right: 16, bottom: 10, left: 16 }, align: "CENTER", tab: false, name: "Hud bar" });
-    k.text(bar, "{{brand.name}} // runtime guard", { style: "Hud 20", color: "onCard", name: "Hud name" });
-    k.text(bar, "REC 02:14:07", { style: "Hud 20", color: "onCard", autoWidth: true, name: "Hud clock" });
-    hazard(k, top, 18);
-    const hookPlate = plate(k, top, { padding: { top: 30, right: 32, bottom: 34, left: 32 }, tab: false, edge: "primary", name: "Hook plate", effects: [lift(k)] });
-    k.text(hookPlate, "{{brand.hook}}", { style: "Display 80", color: "onCard", name: "Hook", effects: split(k, 5) });
-    hazard(k, top, 18);
-    const bottom = k.stack(sheet, { gap: 14, name: "Bottom" });
-    const cap = plate(k, bottom, { padding: { top: 18, right: 24, bottom: 20, left: 24 }, edge: "accent", tab: "accent", name: "Caption plate", effects: [lift(k)] });
-    k.text(cap, swaps[0].words[0], { style: "Caption 36", color: "onCard", name: "Caption" });
-    const stat = plate(k, bottom, { direction: "HORIZONTAL", gap: 20, padding: { top: 20, right: 20, bottom: 20, left: 24 }, align: "CENTER", name: "Stat", effects: [lift(k)] });
-    const tally = k.stack(stat, { gap: 6, name: "Tally" });
-    k.text(tally, "Tool calls blocked", { style: "Hud 20", color: "onCard", name: "Figure label" });
-    k.text(tally, "41,208", { style: "Figure 96", color: "onCard", name: "Figure" });
-    k.text(tally, "this month \xB7 0 keys leaked", { style: "Hud 17", color: "onCard", name: "Figure note" });
-    telemetry(k, stat, 268, 168, { lines: LOG, style: "Log 16", lineHeight: 26, rate: 52 });
-    const foot = k.stack(bottom, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Foot" });
-    k.instance(foot, "Button", { Label: "Lock your agents" }, { name: "Call" });
-    const site = plate(k, foot, { width: "HUG", padding: { top: 15, right: 18, bottom: 15, left: 18 }, tab: false, name: "Site" });
-    k.text(site, "{{brand.site}}", { style: "Site 24", color: "onCard", autoWidth: true, name: "Site text" });
-    const at = hud(W, H, SCENE.vertical, padding.left);
-    const lock = brackets(k, sheet, at.lock.width, at.lock.height, { name: "Lock", len: 54, width: 6, absolute: { x: at.lock.x, y: at.lock.y } });
-    const scope = plate(k, sheet, { width: at.scope.width, gap: 2, padding: { top: 16, right: 14, bottom: 14, left: 16 }, name: "Scope", absolute: { x: at.scope.x, y: at.scope.y } });
-    k.text(scope, "Risk", { style: "Hud 17", color: "onCard", name: "Scope label" });
-    k.text(scope, "0.97", { style: "Risk 60", color: "onCard", name: "Scope figure" });
-    k.text(scope, "exfiltration", { style: "Hud 17", color: "onCard", name: "Scope kind" });
-    const tag = plate(k, sheet, { width: at.tag.width, gap: 2, padding: { top: 16, right: 12, bottom: 14, left: 16 }, edge: "accent", tab: "accent", name: "Tag", absolute: { x: at.tag.x, y: at.tag.y } });
-    for (const [label, value] of [["Agent", "support-bot-7"], ["Call", "send_email()"], ["Body", "sk_live_\u2022\u2022\u2022\u2022"]]) {
-      k.text(tag, label, { style: "Hud 17", color: "onCard", name: "Tag label" });
-      k.text(tag, value, { style: "Readout 22", color: "onCard", name: "Tag value" });
-    }
-    const stamp = k.stack(sheet, { direction: "HORIZONTAL", width: STAMP_W, justify: "CENTER", fill: "primary", padding: { top: 6, right: 26, bottom: 8, left: 26 }, stroke: { color: "onPrimary", width: 5, align: "INSIDE", join: "MITER" }, name: "Stamp", absolute: at.stamp, effects: [lift(k, 30, 0.8)] });
-    k.text(stamp, "BLOCKED", { style: "Stamp 68", color: "onPrimary", autoWidth: true, name: "Stamp words" });
-    k.patch(stamp, { rotation: -7 });
-    glitch(k, sheet, W, H);
-    if (CAPTIONS_END > beat(24)) throw new Error("cyberpunk reel: the captions run into the call to act");
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    const close = [1.7, 1.45, 1.25, 1.1, 1];
-    for (const axis of ["scaleX", "scaleY"]) k.animate(lock, axis, close.map((v, i) => ({ t: beat(2) + i * beat(2) / (close.length - 1), v, ease: HOLD })));
-    const slam = ease.named("expo", "in");
-    k.animate(gateL, "translateX", [{ t: 0, v: -back, ease: HOLD }, { t: beat(12) - 160, v: -back, ease: slam }, { t: beat(12), v: 0 }]);
-    k.animate(gateR, "translateX", [{ t: 0, v: back, ease: HOLD }, { t: beat(12) - 160, v: back, ease: slam }, { t: beat(12), v: 0 }]);
-    appear(k, gateWet, beat(12), 200);
-    for (const n of k.named(sheet, "Gate lamp")) k.behave(n, "opacity", [{ kind: "sine", amp: 0.4, freq: 1e3 / SCORE.beat(1) / 2 }, { kind: "clamp", min: 0.25, max: 1 }]);
-    k.behave(k.named(sheet, "Hud clock")[0], "opacity", [{ kind: "sine", amp: 0.25, freq: 1e3 / SCORE.beat(1) / 2 }, { kind: "clamp", min: 0.6, max: 1 }]);
-    const refit = (kit, id, size, side) => {
-      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 p = hud(f.width, f.height, SCENE[size], side);
-      for (const n of kit.named(id, "Lock")) {
-        fitBrackets(kit, n, p.lock.width, p.lock.height, 54);
-        kit.patch(n, { x: p.lock.x, y: p.lock.y });
-      }
-      for (const n of kit.named(id, "Scope")) kit.patch(n, { ...p.scope });
-      for (const n of kit.named(id, "Tag")) kit.patch(n, { ...p.tag });
-      for (const n of kit.named(id, "Stamp")) kit.patch(n, { ...p.stamp });
-      for (const name of ["Gate left", "Gate right", "Gate wet", "Gate post"]) for (const n of kit.named(id, name)) kit.patch(n, { visible: false });
-    };
-    k.variants(sheet, feedVariants({ post: 48, portrait: 60 }, {
-      post: (kit, id) => {
-        for (const n of kit.named(id, "Hook")) kit.restyle(n, "Display 50");
-        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 30");
-        for (const n of kit.named(id, "Figure")) kit.restyle(n, "Figure 72");
-        for (const n of kit.named(id, "Hook plate")) kit.patch(n, { padding: { top: 18, right: 24, bottom: 22, left: 24 } });
-        for (const n of [...kit.named(id, "Top"), ...kit.named(id, "Bottom")]) kit.patch(n, { itemSpacing: 8 });
-        refit(kit, id, "post", 48);
-      },
-      portrait: (kit, id) => {
-        for (const n of kit.named(id, "Hook")) kit.restyle(n, "Display 62");
-        refit(kit, id, "portrait", 60);
-      }
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  cyberpunk_lock_on_reel_default
-};

package/dist/chunks/chunk-DXR52ENL.js

@@ -1,122 +0,0 @@
-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 {
-  brand,
-  caption,
-  captionCues,
-  captionParts,
-  column,
-  glow,
-  rig,
-  sizes,
-  stage
-} from "./chunk-BJ7KIGYV.js";
-import {
-  key
-} from "./chunk-OTE5FUDA.js";
-import {
-  PHONE,
-  deviceShadow,
-  devices
-} from "./chunk-IGV5QPFA.js";
-import {
-  appScreens
-} from "./chunk-MZVIWZ2V.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/motion3d/vertical-promo.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 12e3;
-var FPS = 30;
-var SIZES = ["ig-story"];
-var SPIN = 1500;
-var POP = 1900;
-var CAPTION = { name: "Headline", kicker: "Free on iPhone & Android", title: "Your money, finally makes sense." };
-var CTA = { name: "Call to action", title: "Link in bio. It\u2019s free.", cta: "Download Fern" };
-var CUES = [
-  ...captionCues(CAPTION, 400, 8200),
-  ...captionCues(CTA, 8700),
-  { layer: "Call to action button", preset: "pulse", at: 10400, params: { amount: 0.06 } }
-];
-var POPS = [
-  { name: "Balance", component: "Balance card", x: -270, y: -300, z: 260, ry: 16, rz: -6 },
-  { name: "Payment", component: "Transaction", x: 280, y: -20, z: 320, ry: -18, rz: 4 },
-  { name: "Chart", component: "Bar chart", x: -250, y: 250, z: 200, ry: 14, rz: 3 }
-];
-function build(k, sheet, s) {
-  k.nameSheet(sheet, `Vertical app promo \xB7 ${preset(s.preset).name}`);
-  glow(k, sheet, "primary", Math.round(1200 * s.u), s.W * 0.5, s.H * 0.55, 0.6);
-  glow(k, sheet, "accent", Math.round(560 * s.u), s.W * 0.2, s.H * 0.4, 0.2, "Glow accent");
-  const scene = stage(k, sheet, s, { duration: DURATION, fps: FPS, perspective: 2400 * s.u });
-  const col = column(s);
-  const cy = col.top + 610;
-  const phoneRig = rig(k, scene, s, "Phone", PHONE.width, PHONE.height, s.W / 2, cy);
-  k.patch(phoneRig, { scaleX: 0.78, scaleY: 0.78 });
-  const phone = k.instance(phoneRig, "Phone", { Screen: { swap: "Screen / Home" } }, { name: "Handset" });
-  k.patch(phone, { effects: [deviceShadow(0.45, 50, 100)] });
-  key(k, phoneRig, "rotateY", [[0, -540, ease.out("expo")], [SPIN, 0]]);
-  key(k, phoneRig, "translateY", [[0, k.node(phoneRig).translateY + 900, ease.out("expo")], [SPIN, k.node(phoneRig).translateY]]);
-  k.behave(phoneRig, "rotateY", [{ kind: "sine", amp: 8, freq: 1 / 7 }]);
-  POPS.forEach((p, i) => {
-    const plate = k.stack(phoneRig, { width: "HUG", fill: "surface", radius: 28, padding: 14, name: p.name, effects: [deviceShadow(0.35, 30, 60)] });
-    k.instance(plate, p.component, {}, { name: p.component });
-    const box = k.finish().nodes[plate];
-    k.patch(plate, { x: Math.round((PHONE.width - box.width) / 2), y: Math.round((PHONE.height - box.height) / 2), translateX: p.x, translateY: p.y, z: p.z, rotateY: p.ry, rotation: p.rz });
-    const at = POP + i * 220;
-    key(k, plate, "z", [[at, 0, ease.back(1.6)], [at + 700, p.z]]);
-    key(k, plate, "translateX", [[at, 0, ease.back(1.6)], [at + 700, p.x]]);
-    key(k, plate, "translateY", [[at, 0, ease.back(1.6)], [at + 700, p.y]]);
-    key(k, plate, "opacity", [[at, 0, ease.out("cubic")], [at + 250, 1]]);
-    k.behave(plate, "z", [{ kind: "sine", amp: 24, freq: 0.35, phase: i / 3 }]);
-  });
-  captionParts(k, s, { kicker: CAPTION.kicker, cta: CTA.cta });
-  caption(k, sheet, s, { ...CAPTION, width: col.width, align: "CENTER", at: { x: col.x, y: col.top + 10 } });
-  const end = caption(k, sheet, s, { ...CTA, width: col.width, align: "CENTER", at: { x: col.x, y: 0 } });
-  const laid = k.finish().nodes[end];
-  k.patch(end, { y: Math.round(col.bottom - laid.height - 10) });
-  k.cues(sheet, CUES);
-}
-var vertical_promo_default = defineTemplate({
-  id: "motion-3d-vertical-promo",
-  meta: {
-    name: "Vertical app promo",
-    description: "A 12-second 9:16 reel: a phone spins in and the parts of its screen pop out toward you in 3D \u2014 balance, payment, weekly chart \u2014 under a headline, then the call to action lands. 30 fps, kept clear of the TikTok, Reels and Shorts interface",
-    category: "animation",
-    tags: ["animation", "3d", "app", "phone", "reel", "tiktok", "shorts", "vertical", "pop out", "promo"],
-    platforms: ["tiktok", "instagram", "youtube", "snapchat"],
-    formats: ["reel", "short", "story", "ad"],
-    useCases: ["launch", "announcement"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues: CUES },
-  build() {
-    const k = new Kit("Vertical app promo", preset(SIZES[0]));
-    brand(k, "dark");
-    appScreens(k, ["Home", "Insights", "Screenshot"]);
-    devices(k, ["Phone"]);
-    const [cover] = sizes(k, SIZES, (sheet, s) => build(k, sheet, s));
-    k.setCover(cover);
-    return k.finish();
-  }
-});
-
-export {
-  vertical_promo_default
-};

package/dist/chunks/chunk-DYADJS4Y.js

@@ -1,39 +0,0 @@
-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 {
-  defineDeck
-} from "./chunk-ACCEORUW.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/slides/title-card.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var title_card_default = defineDeck({
-  id: "motion-slide-title",
-  meta: {
-    name: "Animated title card",
-    description: "A 16:9 opening slide for a talk that plays as the show arrives: logo, event chip, title, a wiping rule, the line and the speaker \u2014 about three seconds",
-    category: "animation",
-    tags: ["animation", "title card", "slides", "talk", "conference", "presentation"],
-    platforms: ["slides"],
-    formats: ["slide-deck", "title-card"],
-    useCases: ["title", "event"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  colors: { primary: "#2B2D42", onPrimary: "#FFFFFF", accent: "#C8553D", onAccent: "#FFFFFF" },
-  fields: { company: "Northfield Libraries" },
-  options: { footer: false },
-  slides: [
-    { kind: "cover", name: "Title card", kicker: "LIBRARY FUTURES \xB7 LEEDS \xB7 14 MAY", title: "Quiet rooms, loud ideas", lead: "What happened when we turned the reading room into a makerspace", speaker: "Priya Anand \xB7 Head of Community Learning, {{brand.company}}" }
-  ]
-});
-
-export {
-  title_card_default
-};

package/dist/chunks/chunk-DZATVMBB.js

@@ -1,181 +0,0 @@
-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 {
-  productWindow
-} from "./chunk-FF7Q4NVH.js";
-import {
-  gridPaths,
-  tickPath
-} from "./chunk-UDE42EDS.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  each,
-  pattern,
-  put,
-  redraw,
-  restyle,
-  sizeOf
-} from "./chunk-YHBAWSDX.js";
-import {
-  glow,
-  shadow
-} from "./chunk-M6VTXO6F.js";
-import {
-  logoBadge,
-  pill
-} 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/saas-kit-link-preview.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DEPLOYS = [
-  ["fix/webhook-retry", "pr-481.halyard.example", "41 s"],
-  ["chore/node-22", "pr-479.halyard.example", "36 s"],
-  ["feat/usage-export", "pr-476.halyard.example", "44 s"],
-  ["docs/api-keys", "pr-475.halyard.example", "29 s"],
-  ["fix/timezone-math", "pr-473.halyard.example", "40 s"],
-  ["feat/team-invites", "pr-470.halyard.example", "37 s"],
-  ["fix/empty-state", "pr-468.halyard.example", "33 s"],
-  ["feat/audit-log", "pr-466.halyard.example", "42 s"],
-  ["chore/eslint-9", "pr-463.halyard.example", "31 s"],
-  ["fix/retry-backoff", "pr-461.halyard.example", "39 s"],
-  ["feat/sso-okta", "pr-458.halyard.example", "45 s"]
-];
-var grid = (w, h) => gridPaths(w, h, 40, 1);
-function furnish(k, sheet, o = { win: 600 }) {
-  k.finish();
-  const { w, h } = sizeOf(k, sheet);
-  const toast = k.named(sheet, "Toast")[0];
-  redraw(k, sheet, "Grid", grid);
-  const x = Math.round(w - o.win + 44), y = Math.round(h * 0.14);
-  put(k, sheet, "Window", x, y, { width: o.win });
-  put(k, sheet, "Window glow", x - 260, y - 240);
-  put(k, sheet, "Toast", Math.round(x - k.node(toast).width + 16), Math.round(h * (o.toastY ?? 0.7)));
-  put(k, sheet, "Edge light", 0, 0, { width: w });
-}
-var saas_kit_link_preview_default = defineTemplate({
-  id: "social-saas-kit-link-preview",
-  meta: {
-    name: "SaaS launch link preview set",
-    description: "The picture your link unfurls as, in the dark precision look: the promise in tight white type, the proof as one line of shell, and a crop of the product (a deploy list with its newest row lit, a \u201Cpreview ready\u201D toast over its edge). 1200 \xD7 630 Open Graph, with GitHub social preview, X and LinkedIn sizes",
-    category: "social",
-    tags: ["saas", "saas launch", "link preview", "open graph", "og image", "github", "social preview", "dark", "dark precision", "developer tool", "product ui"],
-    platforms: ["web", "x", "linkedin", "github", "facebook"],
-    formats: ["og-image", "banner", "post"],
-    useCases: ["launch", "brand-intro", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit("SaaS launch link preview set", preset("og-image"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#090B0F", text: "#F4F6FA", onPaper: "#A3ACBA", accent: "#B9F25A", onAccent: "#0B1202" },
-      { name: "Halyard", promise: "Every pull request gets its own URL.", site: "halyard.example" }
-    );
-    k.palette({ win: "#10141B", winBar: "#161B24", winLine: "#262D3A", winInk: "#E9EDF3", winMuted: "#95A0B2", lit: "#18220C", signal: "#B9F25A", toast: "#1B212C" });
-    k.textStyle("Brand 24", { size: 24, fontWeight: 700, letterSpacing: -0.4, lineHeight: 30 });
-    k.textStyle("Display 64", { size: 64, fontWeight: 700, letterSpacing: -2.8, lineHeight: 66 });
-    k.textStyle("Display 92", { size: 92, fontWeight: 700, letterSpacing: -4.2, lineHeight: 94 });
-    k.textStyle("Shell 19", { ...MONO, size: 19, fontWeight: 500, lineHeight: 28 });
-    k.textStyle("Shell 26", { ...MONO, size: 26, fontWeight: 500, lineHeight: 38 });
-    k.textStyle("Chip 17", { ...MONO, size: 17, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Win title 16", { ...MONO, size: 16, fontWeight: 500, lineHeight: 20 });
-    k.textStyle("Row 17", { ...MONO, size: 17, fontWeight: 600, lineHeight: 22 });
-    k.textStyle("Row meta 16", { ...MONO, size: 16, fontWeight: 400, lineHeight: 22 });
-    k.textStyle("Win title 22", { ...MONO, size: 22, fontWeight: 500, lineHeight: 28 });
-    k.textStyle("Row 24", { ...MONO, size: 24, fontWeight: 600, lineHeight: 30 });
-    k.textStyle("Row meta 22", { ...MONO, size: 22, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Toast 26", { size: 26, fontWeight: 700, letterSpacing: -0.3, lineHeight: 32 });
-    k.textStyle("Toast 19", { size: 19, fontWeight: 700, letterSpacing: -0.2, lineHeight: 24 });
-    pill(k, "Chip", { fill: "accent", ink: "onAccent", style: "Chip 17", label: "halyard.example", pad: [8, 14], radius: 6 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, { top: 60, right: 560, bottom: 56, left: 68 }, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    pattern(k, sheet, "Grid", "text", grid, 0.045);
-    glow(k, sheet, { x: 0, y: 0, w: 900, role: "accent", alpha: 0.17, name: "Window glow" });
-    k.rect(sheet, 1200, 2, [k.gradient({ from: "accent", to: "accent", angle: 0, fromOpacity: 0.9, toOpacity: 0 })], { name: "Edge light", absolute: { x: 0, y: 0 } });
-    const { win, body } = productWindow(k, sheet, {
-      width: 600,
-      height: 640,
-      title: "halyard \xB7 acme/storefront \xB7 deploys",
-      absolute: { x: 0, y: 0 },
-      look: { fill: "win", bar: "winBar", titleStyle: "Win title 16", titleInk: "winMuted", dots: "winLine", radius: 14, barHeight: 48, rule: "winLine", stroke: { color: "winLine", width: 1, align: "INSIDE" }, effects: [shadow(k, "paper", 0.7, 30, 80)] }
-    });
-    const lit = k.stack(body, { direction: "HORIZONTAL", gap: 14, align: "CENTER", fill: "lit", padding: { top: 18, right: 22, bottom: 18, left: 22 }, name: "Newest deploy" });
-    k.rect(lit, 4, 44, "signal", { name: "Lit edge", absolute: { x: 0, y: 6 } });
-    k.ellipse(lit, 10, "signal", { name: "Status", effects: [shadow(k, "signal", 0.9, 0, 12)] });
-    const newest = k.stack(lit, { gap: 2, name: "Newest words" });
-    k.text(newest, "feat/checkout-v2", { style: "Row 17", color: "winInk", name: "Newest branch" });
-    k.text(newest, "pr-482.halyard.example \xB7 ready in 38 s", { style: "Row meta 16", color: "signal", name: "Newest url" });
-    for (const [branch, url, time] of DEPLOYS.slice(0, 9)) {
-      k.rect(body, "FILL", 1, "winLine", { name: "Row rule" });
-      const row = k.stack(body, { direction: "HORIZONTAL", gap: 14, align: "CENTER", padding: { top: 15, right: 22, bottom: 15, left: 22 }, name: "Deploy" });
-      k.ellipse(row, 10, "signal", { name: "Status" });
-      k.text(row, branch, { style: "Row 17", color: "winInk", width: 216, name: "Branch" });
-      k.text(row, url, { style: "Row meta 16", color: "winMuted", name: "Url" });
-      k.text(row, time, { style: "Row meta 16", color: "winMuted", autoWidth: true, name: "Time" });
-    }
-    void win;
-    const toast = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", fill: "toast", radius: 12, padding: { top: 14, right: 22, bottom: 14, left: 14 }, stroke: { color: "winLine", width: 1, align: "INSIDE" }, effects: [shadow(k, "paper", 0.8, 18, 40)], name: "Toast", absolute: { x: 0, y: 0 } });
-    const seal = k.stack(toast, { direction: "HORIZONTAL", width: 40, height: 40, radius: 20, fill: "accent", align: "CENTER", justify: "CENTER", name: "Seal" });
-    k.vector(seal, 18, 14, [tickPath(18, 14)], "onAccent", { name: "Tick", strokeWidth: 3.5 });
-    const said = k.stack(toast, { width: "HUG", gap: 0, name: "Toast words" });
-    k.text(said, "Preview ready", { style: "Toast 19", color: "winInk", autoWidth: true, name: "Toast title" });
-    k.text(said, "pr-482 \xB7 3 checks passed", { style: "Row meta 16", color: "winMuted", autoWidth: true, name: "Toast note" });
-    const brand = k.stack(sheet, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Brand" });
-    logoBadge(k, brand, { fill: "accent", size: 26, pad: 9, radius: 10 });
-    k.text(brand, "{{brand.name}}", { style: "Brand 24", color: "text", name: "Name" });
-    const copy = k.stack(sheet, { gap: 22, name: "Copy" });
-    k.text(copy, "{{brand.promise}}", { style: "Display 64", color: "text", name: "Promise" });
-    k.text(copy, "$ git push   # live in 38 s, no config", { style: "Shell 19", color: "onPaper", name: "Shell" });
-    k.instance(sheet, "Chip", { Label: "{{brand.site}}" }, { name: "Site" });
-    furnish(k, sheet);
-    k.variants(sheet, [
-      { preset: "github-social", adjust: (kit, id) => {
-        kit.patch(id, { padding: { top: 60, right: 600, bottom: 56, left: 68 } });
-        furnish(kit, id, { win: 640 });
-      } },
-      { preset: "linkedin-post", adjust: (kit, id) => {
-        kit.patch(id, { padding: { top: 60, right: 560, bottom: 56, left: 68 } });
-        furnish(kit, id);
-      } },
-      { preset: "x-post", adjust: (kit, id) => {
-        kit.patch(id, { padding: { top: 84, right: 800, bottom: 80, left: 96 } });
-        restyle(kit, id, "Promise", "Display 92");
-        restyle(kit, id, "Shell", "Shell 26");
-        each(kit, id, "Copy", (n) => kit.patch(n, { itemSpacing: 30, counterAxisSpacing: 30 }));
-        for (const [name, style] of [["Window title", "Win title 22"], ["Newest branch", "Row 24"], ["Branch", "Row 24"], ["Newest url", "Row meta 22"], ["Url", "Row meta 22"], ["Time", "Row meta 22"], ["Toast title", "Toast 26"], ["Toast note", "Row meta 22"]]) restyle(kit, id, name, style);
-        each(kit, id, "Branch", (n) => kit.patch(n, { width: 300 }));
-        each(kit, id, "Deploy", (n) => kit.patch(n, { padding: { top: 21, right: 30, bottom: 21, left: 30 }, itemSpacing: 18 }));
-        each(kit, id, "Newest deploy", (n) => kit.patch(n, { padding: { top: 24, right: 30, bottom: 24, left: 30 }, itemSpacing: 18 }));
-        each(kit, id, "Lit edge", (n) => kit.patch(n, { height: 62, y: 10 }));
-        each(kit, id, "Title bar", (n) => kit.patch(n, { height: 62, padding: { top: 0, right: 30, bottom: 0, left: 30 } }));
-        each(kit, id, "Window", (n) => kit.patch(n, { height: 900 }));
-        each(kit, id, "Screen", (n) => kit.patch(n, { height: 840 }));
-        furnish(kit, id, { win: 800, toastY: 0.735 });
-      } }
-    ]);
-    return k.finish();
-  }
-});
-
-export {
-  saas_kit_link_preview_default
-};