@popcraft/kit 0.31.0 → 0.32.0

package/dist/chunks/chunk-XIOZFBZ5.js

@@ -0,0 +1,304 @@
+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 {
+  SHARD,
+  WEB_STEPS,
+  WEB_TYPE,
+  blinking,
+  blocks,
+  cell,
+  cursor,
+  fitGround,
+  ground,
+  marquee,
+  panel,
+  promptLine,
+  runnerGrid,
+  sectionHead,
+  spinner,
+  termBrand,
+  termLine,
+  termWindow
+} from "./chunk-6CCYEZ3Z.js";
+import {
+  portraitSlot
+} from "./chunk-UA7OECXL.js";
+import {
+  CONTENT,
+  compactNav,
+  followTyping,
+  footer,
+  respond,
+  rule,
+  typeScale
+} from "./chunk-DAF5SK5X.js";
+import {
+  buttons,
+  nav
+} from "./chunk-TF2MO3UA.js";
+import {
+  cutOn,
+  hz
+} from "./chunk-WV6ZTKE7.js";
+import {
+  box
+} from "./chunk-6RCDZU4R.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/web/style-terminal-landing.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Terminal SaaS landing page";
+var DURATION = 6e3;
+var TYPING = { text: "Command", caret: "Command caret", at: 300, duration: 1e3 };
+var SPLIT = 1500;
+var UP = 2e3;
+var DONE = 4300;
+var CELLS = 24;
+var TEAMS = ["Halcyon Bank", "Tidewater", "Northpass", "Quillstack", "Ferro Labs", "Oakmesh"];
+var DAYS = Array.from({ length: 30 }, (_, i) => i < 12 ? 0.86 + i * 37 % 11 / 80 : 0.055 + i * 13 % 5 / 400);
+var CHART_H = 200;
+var PLANS = [
+  ["hobby", "4 runners", `${SHARD.freeMinutes} min a month`, "$0"],
+  ["team", "16 runners", "unlimited minutes", `$${SHARD.team} a seat`],
+  ["scale", "64 runners", "SSO, audit log, SLA", `$${SHARD.scale} a seat`]
+];
+var JSON_LINES = [
+  ['  "id": ', '"run_7Hq2"', "amber"],
+  ['  "status": ', '"passed"', "green"],
+  ['  "tests": ', "2418", "amber"],
+  ['  "runners": ', "64", "amber"],
+  ['  "duration_s": ', "52.3", "amber"],
+  ['  "slowest": ', '"checkout.spec.ts"', "amber"]
+];
+var cues = [
+  cutOn("Eyebrow", 120),
+  { layer: "Headline", preset: "typewriter", at: 0, params: { duration: 900 } },
+  { layer: "Command", preset: "typewriter", at: TYPING.at, params: { duration: TYPING.duration } },
+  cutOn("Split line", SPLIT),
+  cutOn("Up line", UP),
+  cutOn("Progress line", UP),
+  cutOn("Runners", UP),
+  cutOn("Block", UP + 80, Math.round((DONE - UP - 80) / CELLS)),
+  cutOn("Runner", UP + 200, Math.round((DONE - UP - 200) / 64)),
+  cutOn("Pass line", DONE),
+  { layer: "Pass", preset: "flash", at: DONE + 40, params: { duration: 400, ease: ease.hold } },
+  cutOn("Idle line", DONE + 500),
+  // Down the page: the diff lands, the bars draw, the JSON opens.
+  cutOn("Diff del", 900),
+  cutOn("Diff add", 1500),
+  { layer: "Before bars", preset: "wipe-in", at: 600, params: { duration: 1200, ease: ease.linear } },
+  { layer: "After bars", preset: "wipe-in", at: 1800, params: { duration: 1800, ease: ease.linear } },
+  cutOn("Json line", 1200, 220),
+  cutOn("Json close", 1200 + 220 * 6)
+];
+var counts = [
+  { layer: "Percent", at: UP + 80, duration: DONE - UP - 80, tick: Math.round((DONE - UP - 80) / 25), counter: { from: 0, to: 100, suffix: "%" } },
+  { layer: "Done count", at: UP + 80, duration: DONE - UP - 80, ease: ease.linear, counter: { from: 0, to: SHARD.tests, suffix: `/${SHARD.tests.toLocaleString("en-US")}` } },
+  { layer: "Saved figure", at: 1800, duration: 1800, tick: 60, counter: { from: 0, to: 212, suffix: " h" } }
+];
+function dayBars(w) {
+  const gap = 4, bw = (w - gap * 29) / 30;
+  const bar = (v, i) => box(Math.round(i * (bw + gap) * 10) / 10, Math.round(CHART_H * (1 - v)), Math.round(bw * 10) / 10, Math.round(CHART_H * v));
+  return { before: DAYS.slice(0, 12).map(bar), after: DAYS.map(bar).slice(12) };
+}
+var style_terminal_landing_default = defineTemplate({
+  id: "web-saas-style-terminal-landing",
+  meta: {
+    name: NAME,
+    description: "A full landing page in the terminal look: monospace throughout, near-black with a faint character grid, ANSI colour and box-drawn panels. The hero plays a real shell session on the page timeline (a typed command, a spinner, a progress bar of character cells, 64 runner cells, PASS in inverse video); under it a stepping logo strip, a ci.yml diff, a bar chart that draws with a counter, a JSON response that opens a line at a time, a customer quote with a photo slot, a plans table, a closing prompt with a blinking cursor and a footer. Desktop to phone",
+    category: "web",
+    tags: ["landing page", "saas", "terminal", "monospace", "cli", "developer tools", "api", "hero", "diff", "json", "chart", "counter", "marquee", "testimonial", "pricing", "animation", "website", "responsive"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["launch", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  breakpoints: true,
+  motion: { cues, counts },
+  build() {
+    const k = new Kit(NAME, preset("web-desktop"));
+    k.quantizeGeometry = true;
+    termBrand(k, { tagline: "Your test suite, back in 52 seconds." });
+    const s = typeScale(k, { ...WEB_TYPE });
+    buttons(k, { style: s("Button 15"), pad: [11, 18], radius: 4 });
+    const term = s("Term 15"), CW = cell(15);
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 112, { top: 24, right: 120, bottom: 48, left: 120 }, "paper", "MIN", "MIN");
+    k.patch(sheet, { layoutSizingVertical: "HUG", minHeight: 1024, clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    ground(k, sheet, 1440, 6e3, { cw: 18, lh: 36 });
+    const top = k.stack(sheet, { gap: 72, name: "Top" });
+    nav(k, top, { links: ["Docs", "Pricing", "Changelog", "GitHub", "Sign in"], cta: "Start free", style: s("Nav 15"), brandStyle: s("Brand 18") });
+    const hero = k.stack(top, { direction: "HORIZONTAL", gap: 64, align: "CENTER", name: "Hero" });
+    const copy = k.stack(hero, { width: 520, gap: 24, name: "Copy" });
+    const eyebrow = k.stack(copy, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", padding: { top: 4, right: 10, bottom: 4, left: 10 }, stroke: { color: "edge", width: 2, align: "INSIDE" }, name: "Eyebrow" });
+    k.text(eyebrow, `v${SHARD.version} \xB7 now on every CI`, { style: s("Label 13"), color: "onPaper", autoWidth: true, name: "Eyebrow words" });
+    k.text(copy, "{{brand.tagline}}", { style: s("Display 60"), color: "text", name: "Headline" });
+    k.text(copy, "{{brand.name}} splits your suite over up to 64 machines by last run's timings, so every shard ends at once. Change one line in CI; keep your test runner.", { style: s("Lead 18"), color: "onPaper", name: "Lead" });
+    const install = k.stack(copy, { direction: "HORIZONTAL", gap: 12, align: "CENTER", wrap: true, name: "Install" });
+    const cmd = k.stack(install, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", gap: 0, fill: "card", padding: { top: 11, right: 16, bottom: 11, left: 16 }, stroke: { color: "edge", width: 2, align: "INSIDE" }, radius: 4, name: "Install command" });
+    k.text(cmd, "$ ", { style: s("Button 15"), color: "green", autoWidth: true, name: "Install sign" });
+    k.text(cmd, SHARD.install, { style: s("Button 15"), color: "onCard", autoWidth: true, name: "Install words" });
+    k.instance(install, "Button", { Label: "Start free" }, { name: "CTA primary" });
+    k.text(copy, `Free for ${SHARD.freeMinutes} runner minutes a month. Jest, Vitest, pytest, RSpec, Go.`, { style: s("Small 13"), color: "onPaper", name: "Terms" });
+    const t = termWindow(k, hero, { w: 616, h: 384, left: "~/acme/checkout", right: "zsh", style: s("Label 13"), bar: 42, pad: 20, gap: 6, name: "Hero terminal" });
+    for (const id of [t.win]) k.patch(id, { layoutSizingHorizontal: "FILL" });
+    termLine(k, t.body, [{ t: "$ ", c: "green" }, { t: SHARD.install, c: "onCard" }], { style: term, name: "Init line" });
+    termLine(k, t.body, [{ t: "  wrote .shard.toml, found ", c: "cardMuted" }, { t: "2,418 tests", c: "amber" }], { style: term, name: "Init done" });
+    promptLine(k, t.body, SHARD.run, { style: term, size: 15, width: Math.round(CW * 26) });
+    const split = termLine(k, t.body, [{ t: "[+]", c: "green", name: "Spin split", width: Math.ceil(3 * CW) }, { t: " splitting 2,418 tests by timing", c: "onCard" }], { style: term, name: "Split line" });
+    termLine(k, t.body, [{ t: "[+]", c: "green", width: Math.ceil(3 * CW), name: "Up mark" }, { t: " 64 runners up", c: "onCard" }, { t: ` ${SHARD.region}`, c: "cyan" }, { t: " 1.8s", c: "amber" }], { style: term, name: "Up line" });
+    const prog = k.stack(t.body, { direction: "HORIZONTAL", align: "CENTER", gap: Math.round(CW), padding: { top: 6, right: 0, bottom: 4, left: 0 }, name: "Progress line" });
+    blocks(k, prog, { cells: CELLS, cw: CW, h: 16 });
+    k.text(prog, "100%", { style: term, color: "amber", width: Math.ceil(4 * CW), align: "RIGHT", name: "Percent" });
+    k.text(prog, "2,418/2,418", { style: term, color: "cardMuted", width: Math.ceil(11 * CW), name: "Done count" });
+    runnerGrid(k, t.body, { n: 64, cols: 16, size: 12, gap: 4 });
+    termLine(k, t.body, [{ t: "PASS", c: "green", tag: "ink", name: "Pass" }, { t: " 2,418 passed", c: "green" }, { t: `  ${SHARD.after}`, c: "amber" }], { style: term, name: "Pass line" });
+    const idle = k.stack(t.body, { direction: "HORIZONTAL", align: "CENTER", name: "Idle line" });
+    k.text(idle, "$ ", { style: term, color: "green", autoWidth: true, name: "Prompt sign" });
+    blinking(k, cursor(k, idle, 15, { name: "Cursor" }), hz(9, DURATION));
+    const teams = k.stack(sheet, { gap: 16, name: "Teams" });
+    k.text(teams, "# teams whose CI got its afternoons back", { style: s("Label 13"), color: "onPaper", name: "Teams label" });
+    rule(k, teams, "edge", { name: "Teams rule" });
+    marquee(k, teams, { names: TEAMS, item: 240, height: 40, style: s("Brand 18"), duration: DURATION, every: 200, step: 48 });
+    rule(k, teams, "edge", { name: "Teams rule" });
+    const setup = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, align: "CENTER", name: "Setup" });
+    const setupCopy = k.stack(setup, { width: 440, gap: 20, name: "Setup copy" });
+    sectionHead(k, setupCopy, { label: "setup", title: "Change one line in CI.", body: "Keep your test runner and its config. Swap the test step for shard run, add a token and push. The first run learns each file's time; every run after is split by it.", s, name: "Setup head" });
+    const diff = panel(k, setup, { label: ".github/workflows/ci.yml", style: s("Label 13"), name: "Diff panel", gap: 2 });
+    for (const [line, c, name] of [
+      ["steps:", "cardMuted", "Diff line"],
+      ["  - uses: actions/checkout@v4", "cardMuted", "Diff line"],
+      ["  - run: npm ci", "cardMuted", "Diff line"],
+      ["- - run: npm test", "red", "Diff del"],
+      [`+ - run: npx ${SHARD.run}`, "green", "Diff add"],
+      ["    env:", "cardMuted", "Diff line"],
+      ["      SHARD_TOKEN: secrets.TOKEN", "cyan", "Diff line"]
+    ]) k.text(diff.body, line, { style: term, color: c, name });
+    const days = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, align: "CENTER", name: "Days" });
+    const chart = panel(k, days, { label: "minutes per push, 30 days", style: s("Label 13"), name: "Chart panel", gap: 14 });
+    const area = k.stack(chart.body, { height: CHART_H, name: "Chart area" });
+    const w0 = 1200 - 440 - 64 - 44, bars = dayBars(w0);
+    k.vector(area, w0, CHART_H, [0.25, 0.5, 0.75].map((f) => box(0, Math.round(CHART_H * f), w0, 1)), k.tint("cardMuted", 0.3), { name: "Chart levels", absolute: { x: 0, y: 0 } });
+    k.vector(area, w0, CHART_H, bars.before, k.tint("red", 0.45), { name: "Before bars", absolute: { x: 0, y: 0 } });
+    k.vector(area, w0, CHART_H, bars.after, "green", { name: "After bars", absolute: { x: 0, y: 0 } });
+    const axis = k.stack(chart.body, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Chart axis" });
+    for (const a of ["sep 02", "sep 14 shard on", "oct 01"]) k.text(axis, a, { style: s("Small 13"), color: "cardMuted", autoWidth: true, name: "Axis label" });
+    const daysCopy = k.stack(days, { width: 440, gap: 20, name: "Days copy" });
+    sectionHead(k, daysCopy, { label: "results", title: "From 14 minutes to under one.", body: "Halcyon Bank's monorepo, 24 engineers pushing about nine times a day each. This is what the switch looked like on main.", s, name: "Days head" });
+    const saved = k.stack(daysCopy, { gap: 4, name: "Saved" });
+    k.text(saved, "212 h", { style: s("Figure 64"), color: "text", width: 300, name: "Saved figure" });
+    k.text(saved, "of waiting saved in September", { style: s("Body 15"), color: "onPaper", name: "Saved label" });
+    const api = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, align: "CENTER", name: "Api" });
+    const apiCopy = k.stack(api, { width: 440, gap: 20, name: "Api copy" });
+    sectionHead(k, apiCopy, { label: "api", title: "Every run is JSON.", body: "Post a run to Slack, fail a deploy on a slow shard, chart your own suite. Every run, shard and test is one GET away, with a token scoped to a single repo.", s, name: "Api head" });
+    const json = panel(k, api, { label: "GET /v1/runs/run_7Hq2", style: s("Label 13"), name: "Json panel", gap: 2 });
+    k.text(json.body, "{", { style: term, color: "onCard", name: "Json open" });
+    for (const [key, value, c] of JSON_LINES) termLine(k, json.body, [{ t: key, c: "cyan" }, { t: value, c }, { t: ",", c: "cardMuted" }], { style: term, name: "Json line" });
+    const close = k.stack(json.body, { direction: "HORIZONTAL", align: "CENTER", name: "Json close" });
+    k.text(close, "} ", { style: term, color: "onCard", autoWidth: true, name: "Json brace" });
+    const quote = panel(k, sheet, { label: "cat testimonials/halcyon.txt", style: s("Label 13"), name: "Quote panel", pad: 36 });
+    const qrow = k.stack(quote.body, { direction: "HORIZONTAL", gap: 36, align: "CENTER", name: "Quote row" });
+    portraitSlot(k, qrow, 132, 132, { radius: 2, ground: "well", skin: "edge", top: "line", halo: "green", name: "Portrait", photo: "Customer photo" });
+    const words = k.stack(qrow, { gap: 16, name: "Quote words" });
+    k.text(words, '"Our CI went from nineteen minutes to seventy-one seconds. Nobody waits on a build any more; we merge before the coffee is poured."', { style: s("Quote 24"), color: "onCard", name: "Quote" });
+    k.text(words, "-- Dana Okafor, staff engineer, Halcyon Bank", { style: s("Label 13"), color: "cardMuted", name: "Quote by" });
+    const pricing = k.stack(sheet, { gap: 28, name: "Pricing" });
+    sectionHead(k, pricing, { label: "pricing", title: "Free until it is a habit.", s, name: "Pricing head" });
+    const table = k.stack(pricing, { name: "Plans" });
+    for (const [name, runners, what, price] of PLANS) {
+      rule(k, table, "edge", { name: "Plan rule" });
+      const row = k.stack(table, { direction: "HORIZONTAL", gap: 24, align: "CENTER", padding: { top: 18, right: 0, bottom: 18, left: 0 }, name: "Plan row" });
+      k.text(row, name, { style: s("Section 24"), color: "text", width: 160, name: "Plan name" });
+      k.text(row, runners, { style: term, color: "text", width: 160, name: "Plan runners" });
+      k.text(row, what, { style: s("Body 15"), color: "onPaper", name: "Plan what" });
+      k.text(row, price, { style: term, color: "text", width: 170, align: "RIGHT", name: "Plan price" });
+    }
+    rule(k, table, "edge", { name: "Plan rule" });
+    k.instance(pricing, "Button quiet", { Label: "Compare the plans" }, { name: "Plans link" });
+    const closing = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, align: "CENTER", name: "Close" });
+    const closeWords = k.stack(closing, { width: 620, gap: 28, name: "Close words" });
+    const big = k.stack(closeWords, { direction: "HORIZONTAL", align: "CENTER", gap: 16, wrap: true, name: "Close prompt" });
+    k.text(big, `$ ${SHARD.install}`, { style: s("Display 60"), color: "text", autoWidth: true, name: "Close title" });
+    blinking(k, k.rect(big, 36, 60, "primary", { name: "Close cursor" }), hz(9, DURATION));
+    const closeRow = k.stack(closeWords, { direction: "HORIZONTAL", gap: 20, align: "CENTER", wrap: true, name: "Close row" });
+    k.instance(closeRow, "Button", { Label: "Start free" }, { name: "Close button" });
+    k.text(closeWords, "Two minutes to the first split run. No card.", { style: s("Body 15"), color: "onPaper", name: "Close line" });
+    const init = panel(k, closing, { label: `~/checkout $ ${SHARD.install}`, style: s("Label 13"), name: "Init panel", gap: 4 });
+    for (const [mark, words2, c] of [["[+]", "found jest, 212 suites, 2,418 tests", "onCard"], ["[+]", "wrote shard.config.json", "onCard"], ["[+]", "added SHARD_TOKEN to ci.yml", "onCard"], ["==>", "push to learn each file's time", "amber"]]) {
+      termLine(k, init.body, [{ t: mark, c: mark === "==>" ? "amber" : "green" }, { t: ` ${words2}`, c }], { style: term, name: "Init line" });
+    }
+    const initIdle = k.stack(init.body, { direction: "HORIZONTAL", align: "CENTER", name: "Init idle" });
+    k.text(initIdle, "~/checkout ", { style: term, color: "cyan", autoWidth: true, name: "Init dir" });
+    k.text(initIdle, "$ ", { style: term, color: "green", autoWidth: true, name: "Init sign" });
+    footer(k, sheet, {
+      about: SHARD.pitch,
+      legal: "(c) 2026 {{brand.name}}. Built for teams who would rather be shipping than waiting.",
+      columns: [["product", ["Docs", "Pricing", "Changelog", "Status"]], ["cli", ["Install", "Runners", "API", "GitHub"]], ["company", ["Security", "Careers", "Contact"]]],
+      brandStyle: s("Brand 18"),
+      headStyle: s("Label 13"),
+      linkStyle: s("Small 13"),
+      ruleColor: "edge"
+    });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    spinner(k, k.named(split, "Spin split")[0], SPLIT, UP);
+    followTyping(k, sheet, TYPING);
+    respond(k, sheet, s, {
+      stack: ["Hero", "Setup", "Days", "Api", "Close", "Footer columns"],
+      stackMobile: ["Quote row", "Plan row"],
+      restyle: { ...WEB_STEPS, "Term 15": { mobile: "Term 13" } },
+      hide: { mobile: ["Nav links", "Done count"], tablet: [] },
+      gap: { tablet: 88, mobile: 72 },
+      typing: [TYPING],
+      tweak: (kit, id, size) => {
+        fitGround(kit, id, { cw: 18, lh: 36 });
+        const w = CONTENT[size];
+        const chartW = size === "tablet" || size === "mobile" ? w - 44 : w - 440 - 64 - 44;
+        const b = dayBars(chartW);
+        for (const n of kit.named(id, "Before bars")) kit.patch(n, { width: chartW, paths: b.before });
+        for (const n of kit.named(id, "After bars")) kit.patch(n, { width: chartW, paths: b.after });
+        for (const n of kit.named(id, "Chart levels")) kit.patch(n, { width: chartW, paths: [0.25, 0.5, 0.75].map((f) => box(0, Math.round(CHART_H * f), chartW, 1)) });
+        if (size === "laptop") {
+          for (const n of kit.named(id, "Copy")) kit.patch(n, { width: 480 });
+          for (const n of kit.named(id, "Close words")) kit.patch(n, { width: 560 });
+        }
+        if (size === "tablet" || size === "mobile") {
+          for (const name of ["Copy", "Setup copy", "Days copy", "Api copy", "Close words"]) for (const n of kit.named(id, name)) kit.patch(n, { layoutSizingHorizontal: "FILL" });
+          for (const name of ["Top", "Hero", "Setup", "Days", "Api"]) for (const n of kit.named(id, name)) kit.patch(n, { itemSpacing: 40 });
+        }
+        if (size === "tablet") compactNav(kit, id, ["GitHub", "Sign in"], 20);
+        if (size === "mobile") {
+          for (const n of kit.named(id, "Hero terminal")) kit.patch(n, { height: 372 });
+          for (const n of kit.named(id, "Quote panel")) for (const b2 of kit.named(n, "Panel body")) kit.patch(b2, { padding: { top: 24, right: 20, bottom: 24, left: 20 } });
+          for (const n of kit.named(id, "Plan row")) kit.patch(n, { itemSpacing: 4 });
+          for (const n of kit.named(id, "Plan price")) kit.patch(n, { textAlign: "LEFT" });
+          for (const n of kit.named(id, "Close cursor")) kit.patch(n, { width: 20, height: 34 });
+        }
+      }
+    });
+    return k.finish();
+  }
+});
+
+export {
+  style_terminal_landing_default
+};

package/dist/chunks/chunk-XIRI5JXO.js

@@ -0,0 +1,123 @@
+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 {
+  JUNE,
+  airBrand,
+  airPaper,
+  airType,
+  fitAirPaper,
+  markList,
+  placeMarks
+} from "./chunk-5DC3AJ2B.js";
+import {
+  mover,
+  pruneStyles
+} from "./chunk-NQEPYDMT.js";
+import {
+  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/tour-tickets-june-ads.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var T = JUNE;
+var SIX = T.dates.slice(0, 6);
+var NAME = `Tour tickets display ad set: ${T.act}`;
+function lay(k, id, w, h) {
+  const { at } = mover(k, id);
+  const show = (which, x, y, b, n) => {
+    for (const name of ["Marks six", "Marks all"]) at(name, name === which ? x : 0, name === which ? y : 0, { visible: name === which });
+    for (const c of k.named(id, which)) {
+      k.patch(c, { width: w - x, height: h - y });
+      placeMarks(k, c, which === "Marks six" ? SIX : T.dates, b);
+      void n;
+    }
+  };
+  if (w > h * 1.5) {
+    at("Copy", 56, 64, { width: 500 });
+    show("Marks six", 576, 40, { x: 10, y: 24, scale: 0.8, cols: 3, dx: 226, dy: 262 }, 6);
+  } else if (w === h) {
+    at("Copy", 80, 80, { width: 1040 });
+    show("Marks all", 30, 600, { x: 20, y: 30, scale: 0.86, cols: 5, dx: 262, dy: 250 }, 10);
+  } else {
+    at("Copy", 72, 76, { width: 936 });
+    show("Marks all", 30, 496, { x: 36, y: 30, scale: 0.88, cols: 4, dx: 264, dy: 262 }, 10);
+  }
+}
+var tour_tickets_june_ads_default = defineTemplate({
+  id: "social-tour-tickets-june-ads",
+  meta: {
+    name: NAME,
+    description: "Display ads for a singer-songwriter's small-rooms tour presale, drawn as airmail: a line in her hand on writing paper inside an airmail border, the tour, the letters presale date and code, a button, and the nights as postmarks under red SOLD OUT and mustard NEW DATE stamps. 1200 \xD7 628 and 1200 \xD7 1200 with 4:5 and LinkedIn cuts",
+    category: "social",
+    tags: ["ad", "display ad", "tour", "tickets", "presale", "concert", "singer-songwriter", "theatre", "sold out", "airmail", "postmark", "google ads"],
+    platforms: ["web", "facebook", "instagram", "linkedin"],
+    formats: ["ad", "banner", "post", "portrait-post"],
+    useCases: ["presale", "event"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("ad-landscape"));
+    k.quantizeGeometry = true;
+    airBrand(k);
+    airType(k);
+    k.textStyle("Button 24", { size: 24, fontWeight: 700, lineHeight: 30 });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 24", label: "Send me the presale letter", pad: [14, 26], radius: 3 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    airPaper(k, sheet, 1200, 628, 20);
+    const copy = k.stack(sheet, { gap: 16, name: "Copy", absolute: { x: 0, y: 0 } });
+    k.text(copy, "I'm coming to the small rooms.", { style: "Letter 64", color: "text", width: "FILL", name: "Line" });
+    k.text(copy, `{{brand.name}} \xB7 ${T.tour.toUpperCase()} TOUR \xB7 APRIL ${T.year}`, { style: "Label 18", color: "onPaper", width: "FILL", name: "Tour line" });
+    const pre = k.stack(copy, { gap: 4, fill: "card", radius: 2, padding: { top: 12, right: 18, bottom: 12, left: 18 }, stroke: { color: "text", width: 1, align: "INSIDE" }, name: "Presale card" });
+    k.text(pre, `LETTERS PRESALE ${T.presale.opens}`, { style: "Label 18", color: "onCard", width: "FILL", name: "Presale when" });
+    k.text(pre, `CODE ${T.presale.code}`, { style: "Code 36", color: "onCard", width: "FILL", name: "Code" });
+    k.instance(copy, "Button", { Label: "Send me the presale letter" }, { name: "Buy button" });
+    for (const [name, dates] of [["Marks six", SIX], ["Marks all", T.dates]]) {
+      const f = k.frame(sheet, { x: 0, y: 0, width: 100, height: 100 }, { name });
+      k.patch(f, { layoutPositioning: "ABSOLUTE" });
+      markList(k, f, dates, { x: 0, y: 0, scale: 1, cols: 3, dx: 262, dy: 200 });
+    }
+    lay(k, sheet, 1200, 628);
+    const size = (kit, id, w, h) => {
+      fitAirPaper(kit, id, w, h, 24);
+      lay(kit, id, w, h);
+    };
+    k.variants(sheet, [
+      { preset: "ad-square", adjust: (kit, id) => {
+        for (const t of kit.named(id, "Line")) kit.restyle(t, "Letter 112");
+        size(kit, id, 1200, 1200);
+      } },
+      { preset: "ig-portrait", adjust: (kit, id) => {
+        for (const t of kit.named(id, "Line")) kit.restyle(t, "Letter 88");
+        size(kit, id, 1080, 1350);
+      } },
+      { preset: "linkedin-post", adjust: (kit, id) => {
+        fitAirPaper(kit, id, 1200, 627, 20);
+        lay(kit, id, 1200, 627);
+      } }
+    ]);
+    pruneStyles(k);
+    return k.finish();
+  }
+});
+
+export {
+  tour_tickets_june_ads_default
+};

package/dist/chunks/chunk-XJUSSPSN.js

@@ -0,0 +1,66 @@
+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 {
+  caption,
+  comicMeta,
+  comicSetup,
+  disc,
+  pageGrid,
+  panel,
+  radialSlice,
+  say,
+  tierBox
+} from "./chunk-NMOHNZTQ.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/print/comic-modern-radial.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function lamplighterPage(k, sheet) {
+  const g = 12, { W, H } = pageGrid(k, sheet, 36, g);
+  const t = tierBox(k, sheet, W, H, "Clock face");
+  const cx = W / 2, cy = H * 0.5, hub = 104;
+  const slices = [
+    [-150, -90, "g9", [0.4, 0.4], "g1", "At the lever"],
+    [-90, -30, "rad-lamp", [0.5, 0.35], "g2", "He turns"],
+    [-30, 30, "rad-sky", [0.6, 0.4], "g3", "His sky"],
+    [30, 90, "rad-teo", [0.7, 0.5], "g4", "Teo"],
+    [90, 150, "g6", [0.4, 0.45], "g5", "Ada on the gantry"],
+    [150, 210, "rad-ada", [0.3, 0.4], "g2", "Ada understands"]
+  ];
+  for (const [from, to, art, focus, ground, name] of slices) panel(k, t, radialSlice(cx, cy, hub + g, from, to, g, W, H), { art, focus }, { ground, name });
+  panel(k, t, disc(cx, cy, hub), { art: "rad-center", focus: [0.5, 0.5] }, { ground: "g1", name: "The lantern", keyline: 6 });
+  caption(k, t, "10:52. The top of the harbour tower.", { x: 10, y: 10, width: 150 });
+  say(k, t, "You climbed all this way for an old man and his lamp?", { x: W - 196, y: 18, width: 164, to: { x: W * 0.62, y: H * 0.2 } });
+  say(k, t, "You switched the whole city off.", { x: 10, y: H * 0.33, width: 120, to: { x: W * 0.1, y: H * 0.47 } });
+  say(k, t, "One hour a year. So it can see its own sky.", { x: W - 190, y: H * 0.42, width: 150, to: { x: W * 0.92, y: H * 0.3 } });
+  say(k, t, "Whoa.", { x: W - 112, y: H - 64, width: 70, to: { x: W * 0.8, y: H * 0.86 } });
+}
+var comic_modern_radial_default = defineTemplate({
+  id: "comic-radial",
+  meta: comicMeta("Radial page", `Page five of "The Long Night", in modern painted comic art: the Lamplighter's lantern in a round frame at the centre, and six slices of the page turning round it like a clock face as Ada and Teo meet him at the top of the tower`, ["radial", "clock face"]),
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Radial page", preset("comic-page"));
+    comicSetup(k);
+    lamplighterPage(k, k.sheet);
+    return k.finish();
+  }
+});
+
+export {
+  lamplighterPage,
+  comic_modern_radial_default
+};

package/dist/chunks/chunk-XJYGS6YQ.js

@@ -0,0 +1,131 @@
+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 {
+  draw,
+  egg,
+  eggBands,
+  grass,
+  maze,
+  polyP,
+  printVariant,
+  rabbit,
+  sparkle,
+  tulip
+} from "./chunk-YAIUTBXU.js";
+import {
+  SERIF
+} from "./chunk-PFCHOCEN.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/print/holidays-easter-activity-sheet.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Easter activity sheet for kids";
+var PAD = { top: 30, right: 48, bottom: 96, left: 48 };
+function frame(w, h) {
+  const s = w / 816, B = 12;
+  const wave = polyP([{ x: -B, y: -B }, { x: w + B, y: -B }, ...Array.from({ length: 25 }, (_, i) => ({ x: w + B - (w + 2 * B) * i / 24, y: 128 + Math.sin(i * 0.9) * 8 }))]);
+  const tl = [0.03, 0.09, 0.91, 0.97].map((x, i) => tulip(w * x, h + 4, (70 + i % 2 * 22) * s, i % 2 ? -0.06 : 0.06));
+  return [
+    { name: "Header", paths: [wave], color: "band" },
+    { name: "Header sparkles", paths: [sparkle(w * 0.06, 52, 14 * s), sparkle(w * 0.12, 96, 8 * s)], color: "onBand" },
+    { name: "Header sparkles", paths: [sparkle(w * 0.93, 46, 16 * s), sparkle(w * 0.87, 92, 9 * s)], color: "onBand" },
+    { name: "Grass", paths: grass(-B, w + B, h + B, 52 * s, 9, 80), color: "grass" },
+    { name: "Tulip stems", paths: tl.flatMap((t) => t.stem), color: "grassDeep", o: { strokeWidth: 3.4 * s } },
+    { name: "Tulip leaves", paths: tl.flatMap((t) => t.leaves), color: "grassDeep" },
+    { name: "Tulips", paths: tl.slice(0, 2).flatMap((t) => t.cup), color: "tulip" },
+    { name: "Tulips", paths: tl.slice(2).flatMap((t) => t.cup), color: "tulipYellow" }
+  ];
+}
+var holidays_easter_activity_sheet_default = defineTemplate({
+  id: "print-holidays-easter-activity-sheet",
+  meta: {
+    name: NAME,
+    description: "A printable Easter activity sheet for children: three eggs in outline to decorate, a maze to take the rabbit to its basket, and a word builder for SPRINGTIME with lines to write on, under a pastel header and above a border of tulips and grass. US Letter with bleed, and an A4 copy",
+    category: "document",
+    tags: ["easter", "spring", "kids", "children", "activity sheet", "coloring page", "colouring", "maze", "eggs", "bunny", "sunday school", "printable", "print"],
+    platforms: ["print"],
+    formats: ["document"],
+    useCases: ["education", "event"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("us-letter"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#FFFDF7", text: "#3D3360", onPaper: "#6A5F8E", primary: "#D9577A", onPrimary: "#FFFFFF", line: "#CFC6E4", card: "#F4F0FB", onCard: "#3D3360" },
+      { name: "St Mark\u2019s Sunday School" }
+    );
+    k.palette({ ink: "#3D3360", band: "#C9E7D9", onBand: "#FFFFFF", grass: "#9ED39B", grassDeep: "#5DA466", tulip: "#F28CA6", tulipYellow: "#F7C85C", outline: "#3D3360", soft: "#F4F0FB", basket: "#C99561", rabbit: "#BFA58C" });
+    k.textStyle("Title 48", { ...SERIF, size: 48, fontWeight: 700, letterSpacing: -1, lineHeight: 52 });
+    k.textStyle("Band sub 15", { size: 15, fontWeight: 600, letterSpacing: 2.6, lineHeight: 20 });
+    k.textStyle("Head 20", { ...SERIF, size: 21, fontWeight: 700, lineHeight: 25 });
+    k.textStyle("Hint 12.5", { size: 12.5, fontWeight: 400, lineHeight: 18 });
+    k.textStyle("Big word 40", { size: 34, fontWeight: 900, letterSpacing: 5, lineHeight: 42 });
+    k.textStyle("Name 12", { size: 12, fontWeight: 600, lineHeight: 18 });
+    k.textStyle("Foot 10", { size: 10, fontWeight: 500, lineHeight: 14 });
+    k.component("Panel head", { gap: 2, width: 320, props: { Title: "Puzzle", Hint: "What to do" } }, (id) => {
+      k.propText(id, "Title", { style: "Head 20", color: "onCard", width: "FILL", name: "Panel title" });
+      k.propText(id, "Hint", { style: "Hint 12.5", color: "onCard", width: "FILL", name: "Panel hint" });
+    });
+    const panel = (parent, title, hint, name, width = "FILL") => {
+      const p = k.stack(parent, { width, gap: 10, padding: 18, fill: "card", radius: 22, name });
+      k.instance(p, "Panel head", { Title: title, Hint: hint }, { name: "Panel head", width: "FILL" });
+      return p;
+    };
+    const sheet = k.sheet;
+    const { width: W } = k.node(sheet);
+    k.flowSheet(sheet, 14, PAD, "paper", "MIN", "MIN");
+    draw(k, sheet, frame(W, k.node(sheet).height));
+    const head = k.stack(sheet, { width: "FILL", height: 92, gap: 2, justify: "CENTER", align: "CENTER", name: "Header" });
+    k.text(head, "Spring Garden Puzzles", { style: "Title 48", color: "ink", autoWidth: true, name: "Title" });
+    k.text(head, "HAPPY EASTER!", { style: "Band sub 15", color: "ink", autoWidth: true, name: "Subtitle" });
+    k.stack(sheet, { height: 6, name: "Gap" });
+    const top = k.stack(sheet, { direction: "HORIZONTAL", width: "FILL", justify: "SPACE_BETWEEN", name: "Name row" });
+    k.text(top, "Name: ________________________", { style: "Name 12", color: "text", autoWidth: true, name: "Name" });
+    k.text(top, "Age: ______", { style: "Name 12", color: "text", autoWidth: true, name: "Age" });
+    const eggs = panel(sheet, "Decorate the eggs", "Colour them in, follow the lines or invent your own patterns: stripes, spots, zigzags, flowers.", "Egg panel");
+    const ea = k.stack(eggs, { width: "FILL", height: 230, name: "Egg art" });
+    const shapes = [[120, 120, 150, 200, -0.12, "zigzag"], [340, 116, 160, 212, 0.05, "waves"], [560, 120, 150, 200, 0.14, "dots"]];
+    draw(k, ea, [
+      { name: "Egg outlines", paths: shapes.map(([x, y, w, h, t]) => egg(x, y, w, h, t)), color: "outline", o: { strokeWidth: 3 } },
+      { name: "Egg guides", paths: shapes.flatMap(([x, y, w, h, t, kind]) => eggBands(x, y, w, h, t, kind).lines), color: "outline", o: { strokeWidth: 1.6, opacity: 0.6 } },
+      { name: "Egg guide dots", paths: shapes.flatMap(([x, y, w, h, t, kind]) => eggBands(x, y, w, h, t, kind).dots), color: "outline", o: { strokeWidth: 1.6, opacity: 0.6 } }
+    ]);
+    const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 16, width: "FILL", name: "Puzzles" });
+    const mz = panel(row, "Hop to the basket", "Help the rabbit find the way to its basket of eggs.", "Maze panel");
+    const mart = k.stack(mz, { width: 300, height: 284, name: "Maze art" });
+    const cell = 25;
+    const rb = rabbit(16, 36, 46, 1);
+    draw(k, mart, [
+      { name: "Maze walls", paths: maze(0, 40, 12, 9, cell, 327), color: "outline", o: { strokeWidth: 3 } },
+      { name: "Rabbit", paths: rb.body, color: "rabbit" },
+      { name: "Basket", paths: [polyP([{ x: 268, y: 266 }, { x: 300, y: 266 }, { x: 296, y: 284 }, { x: 272, y: 284 }]), { closed: false, points: [{ x: 270, y: 266 }, { x: 298, y: 266, handleIn: { x: 284, y: 248 } }] }], color: "basket", o: { strokeWidth: 2.4 } },
+      { name: "Basket eggs", paths: [egg(278, 262, 10, 13), egg(290, 262, 10, 13, 0.3)], color: "tulip" }
+    ]);
+    const wb = panel(row, "Word builder", "How many words can you make from the letters of this word? Rest, ring, time\u2026", "Word panel");
+    k.text(wb, "SPRINGTIME", { style: "Big word 40", color: "onCard", align: "CENTER", width: "FILL", name: "Big word" });
+    k.text(wb, "_________________   _________________\n_________________   _________________\n_________________   _________________\n_________________   _________________\n_________________   _________________", { style: "Name 12", color: "onCard", align: "CENTER", width: "FILL", name: "Lines" });
+    k.text(sheet, "Happy Easter from {{brand.name}}. Bring your sheet on Sunday for a sticker!", { style: "Foot 10", color: "onPaper", align: "CENTER", width: "FILL", name: "Foot" });
+    k.variants(sheet, [printVariant("a4", { art: frame, pad: PAD, masterWidth: W })]);
+    return k.finish();
+  }
+});
+
+export {
+  holidays_easter_activity_sheet_default
+};