@popcraft/kit 0.24.3 → 0.26.0

package/dist/chunks/chunk-DPTFZDOS.js

@@ -0,0 +1,45 @@
+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 {
+  style_swiss_landing_default
+} from "./chunk-76KELGDG.js";
+import {
+  style_swiss_pricing_default
+} from "./chunk-2WQHUA67.js";
+import {
+  style_swiss_announcement_default
+} from "./chunk-KU6XT3MP.js";
+import {
+  style_swiss_link_preview_default
+} from "./chunk-L5WK53H5.js";
+import {
+  style_swiss_milestone_default
+} from "./chunk-5IS5RIGV.js";
+import {
+  style_swiss_testimonial_default
+} from "./chunk-LLCSM3VJ.js";
+import {
+  style_swiss_feature_demo_default
+} from "./chunk-YIOL4CS5.js";
+import {
+  style_swiss_launch_reel_default
+} from "./chunk-4ZLRNUKR.js";
+import {
+  style_swiss_header_default
+} from "./chunk-2BJT7OHE.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/saas/style-swiss.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [style_swiss_launch_reel_default, style_swiss_feature_demo_default, style_swiss_landing_default, style_swiss_pricing_default, style_swiss_announcement_default, style_swiss_milestone_default, style_swiss_testimonial_default, style_swiss_header_default, style_swiss_link_preview_default];
+var style_swiss_default = pack;
+
+export {
+  style_swiss_default
+};

package/dist/chunks/chunk-DQDLGCVI.js

@@ -0,0 +1,192 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  SCENE,
+  mover
+} from "./chunk-SQZSFDY4.js";
+import {
+  disc,
+  shape,
+  turn
+} from "./chunk-EB663FLR.js";
+import {
+  sparkPath
+} from "./chunk-YNOCYFZ4.js";
+import {
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  box,
+  line,
+  pt3,
+  rng
+} from "./chunk-BNVLVZUT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/themes/festival-presale-jazz-kit.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var AW = 1200;
+var AH = 900;
+var FLOOR = AH - 98;
+var TOP = SCENE.h - AH;
+var placeAt = (cx, cy, deg, s, dx, dy) => (path) => {
+  const a = deg * Math.PI / 180, c = Math.cos(a), n = Math.sin(a);
+  const mv = (q) => pt3(dx + ((q.x - cx) * c - (q.y - cy) * n) * s, dy + ((q.x - cx) * n + (q.y - cy) * c) * s);
+  return { ...path, points: path.points.map((q) => ({ ...q, ...mv(q), ...q.handleIn ? { handleIn: mv(q.handleIn) } : {}, ...q.handleOut ? { handleOut: mv(q.handleOut) } : {} })) };
+};
+function poster(k, scene, still) {
+  const move = mover(k, still);
+  const spin = (id, turns) => {
+    if (!still) turn(k, id, turns);
+  };
+  const rules = [];
+  for (let i = 0; i < 22; i++) rules.push(line(-300 + i * 30, -10, 200 + i * 30, 490));
+  shape(k, scene, rules, "cream", { name: "Corner rules", strokeWidth: 2, opacity: 0.12 });
+  shape(k, scene, [disc(300, 300, 150)], "brass", { name: "Moon" });
+  [190, 240, 290].forEach((r2, i) => {
+    const id = shape(k, scene, [disc(300, 300, r2)], "brass", { name: "Moon ring", strokeWidth: 2, opacity: 0.35 });
+    move(id, "opacity", 0.25, 2, -i / 3);
+  });
+  const q0 = rng(31);
+  for (let i = 0; i < 12; i++) {
+    const sz = 12 + Math.round(q0() * 20);
+    const id = k.vector(scene, sz, sz, [sparkPath(sz)], i % 2 ? "brass" : "cream", { name: "Spark", opacity: 0.55, absolute: { x: Math.round(q0() * 1160), y: Math.round(20 + q0() * 560) } });
+    move(id, "opacity", 0.4, 2 + i % 3, q0());
+  }
+  const art = k.frame(scene, { x: 0, y: TOP, width: AW, height: AH }, { name: "Poster" });
+  const r0 = [];
+  for (let i = 0; i < 14; i++) r0.push(line(930 + i * 24, -10, 1230 + i * 24, 290));
+  shape(k, art, r0, "cream", { name: "Corner rules", strokeWidth: 2, opacity: 0.16 });
+  shape(k, art, [disc(905, 350, 226)], "vermilion", { name: "Big disc" });
+  const brass = shape(k, art, [disc(1085, 570, 124)], "brass", { name: "Brass disc" });
+  move(brass, "translateY", 8, 1);
+  const rc = { x: 705, y: 618, r: 138 };
+  shape(k, art, [disc(rc.x, rc.y, rc.r)], "night", { name: "Record" });
+  shape(k, art, [34, 46, 58, 70, 82, 94, 106, 118].map((r2) => disc(rc.x, rc.y, r2)), "navy", { name: "Grooves", strokeWidth: 1.5, opacity: 0.9 });
+  const shine = [0, 180].map((a0) => ({ closed: true, points: [pt3(rc.r, rc.r), ...Array.from({ length: 7 }, (_, i) => {
+    const a = (a0 - 16 + i * 5.3) * Math.PI / 180;
+    return pt3(rc.r + rc.r * Math.cos(a), rc.r + rc.r * Math.sin(a));
+  })] }));
+  const sh = k.vector(art, rc.r * 2, rc.r * 2, shine, "cream", { name: "Record shine", opacity: 0.16, absolute: { x: rc.x - rc.r, y: rc.y - rc.r } });
+  spin(sh, 2);
+  shape(k, art, [disc(rc.x, rc.y, 44)], "brass", { name: "Record label" });
+  shape(k, art, [disc(rc.x, rc.y, 6)], "night", { name: "Spindle" });
+  const T = placeAt(240, 70, -24, 1.46, 930, 366);
+  const body = [
+    box(40, 60, 270, 14),
+    { closed: true, points: [pt3(300, 58), { ...pt3(372, 52), handleOut: pt3(410, 46) }, pt3(446, 6), pt3(446, 128), { ...pt3(372, 82), handleIn: pt3(410, 88) }, pt3(300, 76)] },
+    { closed: true, points: [pt3(8, 54), pt3(22, 60), pt3(40, 62), pt3(40, 72), pt3(22, 74), pt3(8, 80)] },
+    box(148, 44, 26, 70),
+    box(184, 44, 26, 70),
+    box(220, 44, 26, 70)
+  ];
+  shape(k, art, body.map(T), "cream", { name: "Trumpet" });
+  shape(k, art, [{ closed: false, points: [pt3(118, 74), { ...pt3(100, 96), handleIn: pt3(100, 74), handleOut: pt3(100, 122) }, pt3(126, 122), pt3(268, 122), { ...pt3(292, 98), handleIn: pt3(292, 122), handleOut: pt3(292, 76) }, pt3(280, 76)] }].map(T), "cream", { name: "Trumpet loop", strokeWidth: 10 });
+  shape(k, art, [line(446, 4, 446, 130)].map(T), "brass", { name: "Bell rim", strokeWidth: 8 });
+  [161, 197, 233].forEach((x, i) => {
+    const v = shape(k, art, [box(x - 3, 20, 6, 26), disc(x, 18, 10, 5)].map(T), "cream", { name: "Valve" });
+    move(v, "translateY", 5, 3, i / 3);
+  });
+  const bell = T({ closed: false, points: [pt3(446, 67)] }).points[0];
+  [70, 118, 166, 214].forEach((r2, i) => {
+    const arc = { closed: false, points: Array.from({ length: 13 }, (_, j) => {
+      const a = (-74 + j * 9) * Math.PI / 180;
+      return pt3(bell.x + r2 * Math.cos(a), bell.y + r2 * Math.sin(a));
+    }) };
+    const id = shape(k, art, [arc], i % 2 ? "cream" : "brass", { name: "Sound", strokeWidth: 5, opacity: 0.5 });
+    move(id, "opacity", 0.45, 3, -i / 4);
+  });
+  const sky = [], lit = [[], [], []];
+  const r = rng(19);
+  for (let x = -320; x < 1520; ) {
+    const w = 44 + Math.round(r() * 70), h = 50 + Math.round(r() * 120), top = FLOOR - h;
+    sky.push(box(x, top, w, h + 4));
+    if (r() > 0.6) sky.push({ closed: true, points: [pt3(x, top), pt3(x + w / 2, top - 18 - r() * 22), pt3(x + w, top)] });
+    for (let wy = top + 12; wy < FLOOR - 14; wy += 22) for (let wx = x + 9; wx < x + w - 10; wx += 16) if (r() > 0.55) lit[Math.floor(r() * 3)].push(box(wx, wy, 7, 10));
+    x += w + 3;
+  }
+  shape(k, art, sky, "navy", { name: "Skyline" });
+  lit.forEach((ws, i) => {
+    const id = shape(k, art, ws, "brass", { name: "Windows", opacity: 0.6 });
+    move(id, "opacity", 0.35, 1 + i, i / 3);
+  });
+  const whites = [], blacks = [];
+  for (let i = 0, x = -320; x < 1520; i++, x += 38) {
+    whites.push(box(x, FLOOR, 36, 104));
+    if (![2, 6].includes(i % 7)) blacks.push(box(x + 26, FLOOR, 22, 62));
+  }
+  shape(k, art, whites, "cream", { name: "Keys" });
+  [14, 17, 19, 23, 26, 30, 33].forEach((n, i) => {
+    const id = shape(k, art, [box(-320 + n * 38, FLOOR, 36, 104)], "brass", { name: "Played key", opacity: 0.5 });
+    move(id, "opacity", 0.45, 2 + i % 3 * 2, i / 7);
+  });
+  shape(k, art, blacks, "night", { name: "Black keys" });
+}
+var BLUE_HOUR = {
+  slug: "jazz",
+  name: "Blue Hour",
+  brand: (k, fields = {}) => {
+    k.brand(
+      { paper: "#F4E8D2", text: "#1B1512", onPaper: "#5C4B40", primary: "#E3A53B", onPrimary: "#1B1512", accent: "#BF3B24", onAccent: "#FFF4E0", card: "#FBF3E2", onCard: "#1B1512", cardMuted: "#5C4B40", panel: "#14213D", onPanel: "#F6EAD2", panelMuted: "#C5C9D8", chip: "#E9DABD", onChip: "#1B1512", stage: "#14213D", onStage: "#F6EAD2", stageMuted: "#C5C9D8" },
+      { name: "Blue Hour", ...fields }
+    );
+    k.palette({ vermilion: "#C8442C", brass: "#E3A53B", cream: "#F6EAD2", night: "#0B1226", navy: "#22335C" });
+  },
+  type: {
+    Name: { ...SERIF, fontWeight: 900, ls: -0.036, lh: 0.88 },
+    Head: { ...SERIF, fontWeight: 900, ls: -0.028, lh: 1.08 },
+    Act: { ...SERIF, fontWeight: 600, ls: 0, lh: 1.36 },
+    More: { fontWeight: 700, ls: 0.15, lh: 1.7, upper: true },
+    Kicker: { fontWeight: 700, ls: 0.24, lh: 1.4, upper: true },
+    Clock: { ...SERIF, fontWeight: 900, ls: -0.028, lh: 1.04, tnum: true },
+    Unit: { fontWeight: 700, ls: 0.16, lh: 1.3, upper: true },
+    Body: { fontWeight: 500, ls: 0, lh: 1.42 },
+    Button: { fontWeight: 800, ls: 0.1, lh: 1.4, upper: true },
+    Caption: { ...SERIF, fontWeight: 700, ls: 0, lh: 1.22 },
+    Price: { ...SERIF, fontWeight: 900, ls: -0.032, lh: 1, tnum: true }
+  },
+  look: {
+    radius: 4,
+    chip: 2,
+    button: 2,
+    plate: "stage",
+    plateAlpha: 0.9,
+    plateStroke: { color: "brass", width: 1.5, align: "INSIDE" },
+    tile: "card",
+    tileInk: "onCard",
+    tileMuted: "cardMuted",
+    glow: "brass",
+    hot: "brass",
+    hotInk: "night",
+    sep: "\xB7"
+  },
+  scene: poster,
+  horizon: TOP + FLOOR,
+  dates: "16 \u2013 19 September 2027",
+  place: "Port Aurelia",
+  kicker: "Four nights \xB7 Three stages \xB7 Eleven clubs",
+  heads: ["Celeste Armand", "The Ruben Okafor Quintet", "Sister Opal"],
+  acts: ["Kingsley Moreau", "Theo Lindqvist Trio", "Dessa Wainwright", "Low Tide Trio", "The Night Ferry", "Amara Sole"],
+  more: ["Harbour Lights Big Band", "Nico Varga", "The Velvet Hours", "Ines Calloway", "Mona Reyes", "Jules Abara"],
+  tba: "the club programme on 20 April",
+  presale: { by: "Sun 14 March", code: "Tue 16 March", opens: "Thu 18 March \xB7 10:00", day: "Thursday 18 March", time: "10:00", queue: "09:30", limit: "up to four passes" },
+  clock: { days: "21", hours: "03", minutes: "12", from: 38, to: 32 },
+  tier: { tag: "First release", name: "Four-night pass", price: "\u20AC215", next: "\u20AC245", was: "\u20AC180", sold: "Founders\u2019 release all taken", note: "On sale now to members of the Blue Hour Society. What remains opens to presale codes on 18 March.", stock: { label: "Nearly gone", from: 1640, left: 1612, total: 8e3 } },
+  cta: "Register for presale",
+  code: "BH27-PRE-9MXA",
+  gate: "Tramworks, door 2",
+  track: "noirJazz",
+  captions: ["The first names are announced.", "Presale opens Thursday, 18 March.", "Register by Sunday for codes.", "Sign up for a code."],
+  picture: "a club poster on midnight blue: a brass moon, a vermilion disc, a trumpet whose valves work and whose bell throws rings of sound, a turning record, the old town\u2019s skyline with its windows coming on and a keyboard whose keys light",
+  tags: ["jazz", "soul", "city", "club poster", "trumpet", "serif"]
+};
+
+export {
+  BLUE_HOUR
+};

package/dist/chunks/chunk-DQHKV663.js

@@ -0,0 +1,189 @@
+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 {
+  ZINE,
+  grain,
+  misprint,
+  pastedSite,
+  register,
+  restage,
+  risoBrand,
+  rule,
+  stamp,
+  target
+} from "./chunk-I46G4PX2.js";
+import {
+  dots,
+  overprint
+} from "./chunk-57PXFTSD.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  buttons,
+  nav,
+  page,
+  webResponsive
+} from "./chunk-YKXCPYWJ.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  ease
+} from "./chunk-6DWY3DOQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/web/riso-zine-landing.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var CONTENTS = [
+  ["p. 02", "No grid.", "Nothing snaps. Drag a thing anywhere, at any angle, over anything else. It stays where you left it on every screen."],
+  ["p. 04", "Bring your own scraps.", "Scans, handwriting, a photo of your desk. Pasteup cuts the background off and keeps the rough edge."],
+  ["p. 07", "Two inks, your pick.", "Choose two colours for the whole site. Where they cross you get a third for free, as on a real press."],
+  ["p. 11", "Publish means publish.", "One button, your own domain, a 14 kB page. No cookie banner, because there are no cookies."]
+];
+var CUT = 1400;
+var cues = [
+  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 400 } },
+  { layer: "Eyebrow", preset: "typewriter", at: 100, params: { duration: 700 } },
+  { layer: "Headline", preset: "pop-in", at: 250, params: { duration: 300, amount: 1.2 } },
+  { layer: "Sun", preset: "scale-in", at: 300, params: { duration: 800 } },
+  { layer: "Second sun", preset: "pop-in", at: 600, params: { duration: 400 } },
+  { layer: "Lead", preset: "rise-in", at: 700, params: { duration: 600 } },
+  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1e3, params: { duration: 500 }, stagger: { delay: 120 } },
+  { layer: "Proof", preset: "fade-in", at: 1500, params: { duration: 500 } },
+  { layer: "Pasted sun", preset: "pop-in", at: CUT + 400, params: { duration: 300 } },
+  { layer: "Pasted tape", preset: "pop-in", at: CUT + 700, params: { duration: 220 }, stagger: { delay: 250 } },
+  { layer: "Sticker", preset: "pop-in", at: CUT + 1300, params: { duration: 300 } },
+  { layer: "Sticker", preset: "wobble", at: CUT + 1650, params: { duration: 700 } },
+  { layer: "Issue stamp", preset: "pop-in", at: CUT + 2100, params: { duration: 240, amount: 1.6 } }
+];
+var riso_zine_landing_default = defineTemplate({
+  id: "web-riso-zine-landing",
+  meta: {
+    name: "Riso zine landing page",
+    description: "A landing page printed like a risograph zine for an indie product with opinions: a manifesto headline in blue with its pink pass out of register, a hero where scissors cut the website everyone has into pieces and paste it back wrong over a halftone sun, the features as a zine\u2019s contents page, and one price on a pink block. At desktop, laptop, tablet and phone widths",
+    category: "web",
+    tags: ["riso", "risograph", "zine", "halftone", "collage", "overprint", "landing page", "hero", "website", "saas", "indie", "manifesto", "animation", "responsive"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["launch", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  breakpoints: true,
+  motion: { cues },
+  build() {
+    const k = new Kit("Riso zine landing page", preset("web-desktop"));
+    k.quantizeGeometry = true;
+    risoBrand(k, { headline: "SOFTWARE SHOULD BE WEIRD AGAIN." });
+    k.textStyle("Nav 16", { ...MONO, size: 15, fontWeight: 600, lineHeight: 24 });
+    k.textStyle("Brand 22", { size: 22, fontWeight: 900, letterSpacing: -0.6, lineHeight: 28 });
+    k.textStyle("Button 16", { size: 16, fontWeight: 800, lineHeight: 24 });
+    k.textStyle("Eyebrow 14", { ...MONO, size: 14, fontWeight: 700, letterSpacing: 2, lineHeight: 20, textCase: "UPPER" });
+    k.textStyle("Display 92", { size: 92, fontWeight: 900, letterSpacing: -4.4, lineHeight: 86 });
+    k.textStyle("Display 76", { size: 76, fontWeight: 900, letterSpacing: -3.6, lineHeight: 72 });
+    k.textStyle("Display 64", { size: 64, fontWeight: 900, letterSpacing: -3, lineHeight: 62 });
+    k.textStyle("Display 44", { size: 44, fontWeight: 900, letterSpacing: -2, lineHeight: 44 });
+    k.textStyle("Lead 20", { size: 20, fontWeight: 500, lineHeight: 32 });
+    k.textStyle("Lead 17", { size: 17, fontWeight: 500, lineHeight: 27 });
+    k.textStyle("Proof 15", { ...MONO, size: 15, fontWeight: 600, lineHeight: 24 });
+    k.textStyle("Section 56", { ...SERIF, size: 56, fontWeight: 700, fontStyle: "italic", letterSpacing: -1.4, lineHeight: 60 });
+    k.textStyle("Section 36", { ...SERIF, size: 36, fontWeight: 700, fontStyle: "italic", letterSpacing: -0.8, lineHeight: 40 });
+    k.textStyle("Folio 18", { ...MONO, size: 18, fontWeight: 700, lineHeight: 34 });
+    k.textStyle("Entry 30", { size: 30, fontWeight: 900, letterSpacing: -1, lineHeight: 34 });
+    k.textStyle("Body 18", { size: 18, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Price 44", { size: 44, fontWeight: 900, letterSpacing: -1.8, lineHeight: 46 });
+    k.textStyle("Price 30", { size: 30, fontWeight: 900, letterSpacing: -1, lineHeight: 34 });
+    k.textStyle("Small 14", { ...MONO, size: 14, fontWeight: 500, lineHeight: 22 });
+    k.textStyle("Sticker 34", { size: 34, fontWeight: 900, letterSpacing: -1, lineHeight: 32, textAlign: "CENTER" });
+    k.textStyle("Stamp 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 2, lineHeight: 20 });
+    buttons(k, { style: "Button 16", pad: [15, 26], radius: 2 });
+    const sheet = k.sheet;
+    page(k, sheet, { gap: 72, top: 32 });
+    k.patch(sheet, { effects: grain(0.05, 3) });
+    k.timeline(sheet, { duration: 5e3, fps: 30 });
+    nav(k, sheet, { links: ["Manifesto", "The zine", "Pricing", "Open ledger"], cta: "Start pasting", style: "Nav 16", brandStyle: "Brand 22" });
+    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 56, align: "CENTER", padding: { top: 16, right: 0, bottom: 16, left: 0 }, name: "Hero" });
+    const copy = k.stack(hero, { gap: 26, name: "Copy" });
+    k.text(copy, `A website builder with no grid \xB7 issue no. ${ZINE.issue}`, { style: "Eyebrow 14", color: "text", name: "Eyebrow" });
+    const headline = misprint(k, copy, "{{brand.headline}}", { style: "Display 92", name: "Headline" });
+    k.text(copy, "Pasteup has no grid, no templates and no opinion about your taste. Cut things out, paste them where they do not belong, press publish. It is how the web looked before everyone bought the same theme.", { style: "Lead 20", color: "text", name: "Lead" });
+    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
+    k.instance(cta, "Button", { Label: "Start pasting, free" }, { name: "CTA primary" });
+    k.instance(cta, "Button quiet", { Label: "Read the manifesto" }, { name: "CTA quiet" });
+    k.text(copy, "2,140 odd sites live \xB7 made by one person in Leeds", { style: "Proof 15", color: "onPaper", name: "Proof" });
+    const visual = k.stack(hero, { width: 600, height: 470, name: "Visual" });
+    dots(k, visual, { size: 400, dot: 16, angle: 135, name: "Sun", absolute: { x: 250, y: -30 } });
+    overprint(k, k.ellipse(visual, 210, "primary", { name: "Second sun", absolute: { x: -40, y: 290 } }));
+    const stage = k.stack(visual, { width: 800, height: 450, name: "Stage", absolute: { x: 0, y: 66 } });
+    pastedSite(k, stage, { sticker: "Sticker 34", film: { cut: CUT, press: CUT + 1500 } });
+    restage(k, visual, 0.75);
+    stamp(k, visual, `ISSUE NO. ${ZINE.issue} \xB7 FREE`, { style: "Stamp 16", deg: -7, name: "Issue stamp", absolute: { x: 6, y: 14 } });
+    target(k, visual, 28, { name: "Mark", absolute: { x: 566, y: 436 } });
+    const contents = k.stack(sheet, { gap: 0, name: "Contents" });
+    k.text(contents, "In this issue", { style: "Section 56", color: "text", name: "Contents title" });
+    k.stack(contents, { height: 24, name: "Gap" });
+    for (const [folio, entry, what] of CONTENTS) {
+      rule(k, contents, 3);
+      const row = k.stack(contents, { direction: "HORIZONTAL", gap: 32, padding: { top: 22, right: 0, bottom: 22, left: 0 }, name: "Entry" });
+      k.text(row, folio, { style: "Folio 18", color: "onPaper", width: 90, name: "Folio" });
+      k.text(row, entry, { style: "Entry 30", color: "text", width: 380, name: "Entry name" });
+      k.text(row, what, { style: "Body 18", color: "text", name: "Entry text" });
+    }
+    rule(k, contents, 3);
+    const band = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", justify: "SPACE_BETWEEN", fill: "accent", padding: 48, name: "Band" });
+    const pitch = k.stack(band, { gap: 10, name: "Band copy" });
+    k.text(pitch, "One plan. $9 a month. Printed here so we cannot quietly change it.", { style: "Price 44", color: "onAccent", name: "Band title" });
+    k.text(pitch, "Unlimited pages, your own domain, every scrap you upload. Free while your site has fewer than 100 visitors a month.", { style: "Body 18", color: "onAccent", name: "Band text" });
+    k.instance(band, "Button", { Label: "Start pasting, free" }, { name: "Band button" });
+    k.text(sheet, `Colophon: {{brand.name}} is made by one person and paid for by the ${ZINE.customers} people who use it. No investors, no ads. \xA9 2026 \xB7 Manifesto \xB7 Open ledger \xB7 RSS`, { style: "Small 14", color: "onPaper", name: "Footer" });
+    const slips = [0, 2, -2, 3, 1, -2, 3, -1, 2, 0];
+    k.animate(headline.ghost, "translateX", slips.map((v, i) => ({ t: i * 500, v, ease: ease.hold })));
+    k.cues(sheet, cues);
+    webResponsive(k, sheet, {
+      stack: ["Hero", "Band", "Entry"],
+      restyle: {
+        "Display 92": { laptop: "Display 76", tablet: "Display 64", mobile: "Display 44" },
+        "Lead 20": { mobile: "Lead 17" },
+        "Section 56": { mobile: "Section 36" },
+        "Price 44": { tablet: "Price 30", mobile: "Price 30" }
+      },
+      gap: { tablet: 56, mobile: 48 },
+      tweak: (kit, id, size) => {
+        if (size === "tablet" || size === "mobile") {
+          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 40, counterAxisAlignItems: "MIN" });
+          for (const n of kit.named(id, "Band")) kit.patch(n, { itemSpacing: 24, padding: { top: 32, right: 24, bottom: 32, left: 24 } });
+        }
+        if (size === "tablet" || size === "mobile") for (const n of kit.named(id, "Entry")) kit.patch(n, { itemSpacing: 4 });
+        if (size === "mobile") {
+          for (const n of kit.named(id, "Visual")) kit.patch(n, { width: 335, height: 270 });
+          restage(kit, id, 0.42);
+          for (const n of kit.named(id, "Stage")) kit.patch(n, { x: 0, y: 44 });
+          for (const n of kit.named(id, "Sun")) kit.patch(n, { x: 60, y: -110 });
+          for (const n of kit.named(id, "Second sun")) kit.patch(n, { x: -70, y: 130 });
+          for (const n of kit.named(id, "Mark")) kit.patch(n, { x: 300, y: 240 });
+        }
+        for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED" });
+        register(kit, id);
+      }
+    });
+    register(k, sheet);
+    return k.finish();
+  }
+});
+
+export {
+  riso_zine_landing_default
+};

package/dist/chunks/chunk-DQNVUAF5.js

@@ -0,0 +1,87 @@
+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,
+  outro,
+  postVariants
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/post-stat.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var CONTENT = ["Figure panel", "Claim", "Goal", "Source"];
+var counts = [
+  { layer: "Figure", at: 150, duration: 2400, counter: { from: 0, to: 412e3, separator: "," } }
+];
+var cues = [
+  { layer: "Figure panel", preset: "pop-in", at: 150, params: { duration: 650, amount: 0.5 } },
+  { layer: "Claim", preset: "rise-in", at: 650 },
+  { layer: "Goal", preset: "fade-in", at: 1e3 },
+  { layer: "Goal fill", preset: "wipe-in", at: 1150, params: { duration: 1400 } },
+  { layer: "Source", preset: "fade-in", at: 1500 },
+  { layer: "Figure panel", preset: "pulse", at: 3e3, params: { amount: 0.05 } },
+  outro(CONTENT, 4900)
+];
+var post_stat_default = defineTemplate({
+  id: "motion-social-stat",
+  meta: {
+    name: "Stat post (animated)",
+    description: "The stat card in motion: the figure pops and counts up, the claim rises, a progress bar to the goal wipes open and the source fades in \u2014 six seconds, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "stat", "data", "impact", "instagram", "linkedin", "nonprofit", "report"],
+    platforms: ["instagram", "linkedin", "facebook", "x"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["stats", "report"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit("Stat post (animated)", preset("ig-post"));
+    k.brand(
+      { paper: "#0F3D3E", text: "#F2F7F5", onPaper: "#A9C5C0", primary: "#F9C74F", onPrimary: "#0F3D3E", track: "#1F5556" },
+      { claim: "meals shared with our neighbours this year", source: "Source: Harbor Food Bank annual report, 2026" }
+    );
+    k.textStyle("Figure 168", { size: 168, fontWeight: 900, letterSpacing: -6, lineHeight: 168, textAlign: "CENTER" });
+    k.textStyle("Claim 52", { size: 52, fontWeight: 700, letterSpacing: -1, lineHeight: 60, textAlign: "CENTER" });
+    k.textStyle("Goal 28", { size: 28, fontWeight: 600, lineHeight: 34 });
+    k.textStyle("Source 24", { size: 24, fontWeight: 500, lineHeight: 30, textAlign: "CENTER" });
+    k.component("Goal label", { direction: "HORIZONTAL", width: 760, gap: 12, align: "CENTER", props: { Label: "82% of our 500,000-meal goal" } }, (id) => {
+      k.ellipse(id, 14, "primary", { name: "Dot" });
+      k.propText(id, "Label", { style: "Goal 28", color: "onPaper", width: "FILL" });
+    });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 32, 88, "paper", "CENTER", "CENTER");
+    k.timeline(sheet, { duration: 6e3, fps: 30 });
+    logoBadge(k, sheet, { fill: "track", size: 56, name: "Logo" });
+    const panel = k.stack(sheet, { width: 760, fill: "primary", radius: 40, padding: { top: 28, right: 48, bottom: 36, left: 48 }, name: "Figure panel" });
+    k.text(panel, "412,000", { style: "Figure 168", color: "onPrimary", width: "FILL", name: "Figure" });
+    k.text(sheet, "{{brand.claim}}", { style: "Claim 52", color: "text", name: "Claim" });
+    const goal = k.stack(sheet, { width: 760, gap: 12, name: "Goal" });
+    const track = k.stack(goal, { height: 20, fill: "track", radius: 10, name: "Track" });
+    k.stack(track, { width: 623, height: 20, fill: "primary", radius: 10, clip: true, name: "Goal fill" });
+    k.instance(goal, "Goal label", { Label: "82% of our 500,000-meal goal" }, { width: "FILL", name: "Goal label" });
+    k.text(sheet, "{{brand.source}}", { style: "Source 24", color: "onPaper", name: "Source" });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    k.variants(sheet, postVariants({ portrait: 88 }));
+    return k.finish();
+  }
+});
+
+export {
+  post_stat_default
+};