@popcraft/kit 0.31.0 → 0.32.0

package/dist/chunks/chunk-W5NLTWEG.js

@@ -1,237 +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 {
-  drawn,
-  soft
-} from "./chunk-3QM22WL7.js";
-import {
-  flatPhone,
-  uiRoles
-} from "./chunk-SCE4YRSR.js";
-import {
-  stars
-} from "./chunk-UDE42EDS.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  ground
-} from "./chunk-YHBAWSDX.js";
-import {
-  glow
-} from "./chunk-M6VTXO6F.js";
-import {
-  rng
-} from "./chunk-6RCDZU4R.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/social/saas-store-story.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var W = 1290;
-var H = 2796;
-var SCALE = 2.02;
-var PW = Math.round(426 * SCALE);
-var SCREENS = [
-  { name: "Score", tabs: [4, 0], blocks: [
-    { kind: "title", text: "Last night", note: "Thu 1 Oct" },
-    { kind: "ring", share: 0.61, figure: "61", label: "Sleep score" },
-    { kind: "tiles", items: [["In bed", "6h 12m"], ["Felt like", "4h 05m"]] },
-    { kind: "rows", card: true, rows: [{ title: "Woke 7 times", sub: "Longest stretch 1h 48m", glyph: "bolt" }, { title: "Deep sleep", sub: "38 min \xB7 low for you", glyph: "moon" }, { title: "Bedtime drifted", sub: "52 min later than usual", glyph: "bars" }] },
-    { kind: "button", label: "See what woke you" }
-  ] },
-  { name: "Night", tabs: [4, 1], blocks: [
-    { kind: "title", text: "Your night", note: "23:48\u20136:00" },
-    { kind: "bars", title: "Sleep depth", note: "Every 20 min", values: [2, 5, 8, 9, 6, 3, 7, 9, 4, 1, 5, 8, 6, 3, 6, 4, 2, 1], hi: 9, height: 150 },
-    { kind: "heading", text: "What woke you", note: "3 causes" },
-    { kind: "rows", card: true, rows: [
-      { title: "Noise, 58 dB", sub: "2:14 \xB7 a door, then traffic", value: "9 min", glyph: "bolt" },
-      { title: "Room at 24\xB0", sub: "3:40 \xB7 two degrees too warm", value: "14 min", glyph: "sun" },
-      { title: "Late coffee", sub: "16:30 \xB7 still active at 1:00", value: "31 min", glyph: "drop" }
-    ] },
-    { kind: "tiles", items: [["Lost to wake-ups", "54 min"], ["Fixable", "2 of 3"]] }
-  ] },
-  { name: "Wind down", tabs: [4, 2], blocks: [
-    { kind: "title", text: "Wind down", note: "Starts 22:40" },
-    { kind: "hero", label: "Tonight\u2019s bedtime", figure: "23:10", note: "For 7h 30m before your 6:40 alarm", share: 0.35 },
-    { kind: "checks", rows: [["Last coffee before 14:00", true], ["Dim the lights at 22:00", true], ["Phone down, 22:40", false], ["Ten-minute breathing", false]] },
-    { kind: "curve", title: "Heart rate, last hour", note: "bpm", values: [78, 76, 74, 70, 69, 66, 63, 61, 60, 58], height: 110 },
-    { kind: "button", label: "Start wind down" }
-  ] },
-  { name: "Wake", tabs: [4, 3], blocks: [
-    { kind: "title", text: "Smart alarm", note: "On" },
-    { kind: "hero", label: "Wake window", figure: "6:20\u20136:40", note: "Nocta picks your lightest minute", fill: "accent", ink: "onAccent" },
-    { kind: "curve", title: "Predicted sleep depth", note: "Tomorrow", values: [9, 8, 5, 7, 9, 6, 3, 5, 8, 4, 2, 1], mark: 10, height: 120 },
-    { kind: "rows", card: true, rows: [{ title: "Sunrise sound", sub: "Rises over 4 minutes", glyph: "sun" }, { title: "No snooze needed", sub: "11 mornings in a row", glyph: "check" }] },
-    { kind: "tiles", items: [["This week", "+47 min"], ["Score", "61 to 78"]] }
-  ] },
-  { name: "Week", tabs: [4, 0], blocks: [
-    { kind: "title", text: "Seven nights in", note: "Week 1" },
-    { kind: "ring", share: 0.84, figure: "84", label: "Sleep score" },
-    { kind: "bars", title: "Score by night", values: [61, 64, 70, 69, 76, 80, 84], hi: 6, labels: ["F", "S", "S", "M", "T", "W", "T"], height: 96 },
-    { kind: "tiles", items: [["Asleep", "7h 31m"], ["Wake-ups", "2"]] },
-    { kind: "button", label: "Keep going with Nocta Plus" }
-  ] }
-];
-var FRAMES = [
-  { name: "Hook", kicker: "Sound familiar?", title: "Six hours in bed. It felt like four.", screen: 0, phone: "centre" },
-  { name: "Journey: see", kicker: "Night one", title: "See exactly what woke you.", screen: 1, phone: "left", callouts: [
-    { text: "Every stir, to the minute", y: 1480, side: "right", at: 1560 },
-    { text: "The cause, not just the count", y: 1960, side: "right", at: 2040 },
-    { text: "What you can fix tonight", y: 2440, side: "right", at: 2500 }
-  ] },
-  { name: "Journey: change", kicker: "Night three", title: "A wind-down built from your own nights.", screen: 2, phone: "right", callouts: [
-    { text: "A bedtime that fits your alarm", y: 1500, side: "left", at: 1560 },
-    { text: "Four small habits, not forty", y: 1990, side: "left", at: 2050 },
-    { text: "Your pulse says when you\u2019re ready", y: 2420, side: "left", at: 2480 }
-  ] },
-  { name: "Journey: wake", kicker: "Night five", title: "Wake in light sleep, not out of deep.", screen: 3, phone: "left", callouts: [
-    { text: "A 20-minute window, never a jolt", y: 1500, side: "right", at: 1560 },
-    { text: "It learns your mornings", y: 2080, side: "right", at: 2140 }
-  ] },
-  { name: "Proof", kicker: "After a week", title: "From 61 to 84 in seven nights." },
-  { name: "Call", kicker: "Start tonight", title: "Your first seven nights are free.", note: "No band, no ring. Your phone on the bedside table is enough.", screen: 4, phone: "centre" }
-];
-var REVIEWS = [
-  ["\u201CIt told me my room was two degrees too warm. One fan later I sleep through.\u201D", "Renata V."],
-  ["\u201CFirst app that explained why I\u2019m tired instead of just telling me I am.\u201D", "Tom\xE1s K."],
-  ["\u201CThe alarm window is the feature. I have not hit snooze in a month.\u201D", "Bea L."]
-];
-function laurel(s, mirror) {
-  const out = [];
-  const c = s / 2, r = s * 0.42;
-  for (let i = 0; i < 10; i++) {
-    const a = (240 - i * 13) * Math.PI / 180;
-    const bx = c + r * Math.cos(a), by = c - r * Math.sin(a);
-    const dir = a - Math.PI / 2 + 0.62, len = s * (0.13 - i * 4e-3), wid = len * 0.3;
-    const tip = { x: bx + Math.cos(dir) * len, y: by - Math.sin(dir) * len };
-    const n = { x: Math.sin(dir) * wid, y: Math.cos(dir) * wid };
-    const mid = { x: (bx + tip.x) / 2, y: (by + tip.y) / 2 };
-    const pts = [{ x: bx, y: by }, { x: mid.x + n.x, y: mid.y + n.y }, tip, { x: mid.x - n.x, y: mid.y - n.y }];
-    out.push({ closed: true, points: pts.map((p) => ({ x: mirror ? s - p.x : p.x, y: p.y })) });
-  }
-  return out;
-}
-var saas_store_story_default = defineTemplate({
-  id: "social-saas-store-story",
-  meta: {
-    name: "SaaS store screenshots: story sequence",
-    description: "Six dark App Store screenshots (1290 \xD7 2796) that read as one argument: a hook, three journey frames with callouts pinned to the part of the screen they explain, a proof frame (laurel, rating, three reviews) and a call to install. A night ground, a star field and one amber light. Drop your own capture on each phone\u2019s screenshot slot",
-    category: "social",
-    tags: ["saas", "saas store", "app store", "screenshots", "story", "dark", "callouts", "reviews", "award", "iphone", "aso", "mobile app", "subscription app", "listing"],
-    platforms: ["app-store", "ios"],
-    formats: ["screenshot", "gallery"],
-    useCases: ["launch", "brand-intro", "testimonial"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  sequence: true,
-  build() {
-    const k = new Kit("SaaS store screenshots: story sequence", preset("appstore-iphone"));
-    k.quantizeGeometry = true;
-    k.brand(
-      {
-        paper: "#07080C",
-        text: "#F6F0E4",
-        primary: "#FFB23E",
-        onPrimary: "#1D1100",
-        accent: "#FF7A45",
-        onAccent: "#1F0A00",
-        ...uiRoles({ screen: "#0E1017", surface: "#191C27", onScreen: "#F6F0E4", onScreenMuted: "#B4B8C6", line: "#313646", track: "#2B2F3D", tile: "#2B2F3D", photo: "#2B2F3D", positive: "#7FD6A4", primary: "#FFB23E", onPrimary: "#1D1100", accent: "#FF7A45", onAccent: "#1F0A00", device: "#1A1C24", deviceEdge: "#4A4F60" })
-      },
-      { name: "Nocta" }
-    );
-    k.palette({ card: "#151823", onCard: "#F6F0E4", cardLine: "#3A3F52", star: "#F6F0E4" });
-    k.textStyle("Title 150", { ...SERIF, size: 150, fontWeight: 700, letterSpacing: -5, lineHeight: 148 });
-    k.textStyle("Kicker 36", { ...MONO, size: 36, fontWeight: 700, letterSpacing: 2.6, lineHeight: 44, textCase: "UPPER" });
-    k.textStyle("Callout 40", { size: 40, fontWeight: 700, letterSpacing: -0.8, lineHeight: 46 });
-    k.textStyle("Note 46", { size: 46, fontWeight: 500, letterSpacing: -0.6, lineHeight: 60 });
-    k.textStyle("Review 44", { ...SERIF, size: 44, fontWeight: 600, letterSpacing: -0.6, lineHeight: 56 });
-    k.textStyle("Who 32", { ...MONO, size: 32, fontWeight: 600, lineHeight: 40 });
-    k.textStyle("Award 60", { ...SERIF, size: 60, fontWeight: 700, letterSpacing: -1.4, lineHeight: 64, textAlign: "CENTER" });
-    k.textStyle("Rating 220", { ...SERIF, size: 220, fontWeight: 700, letterSpacing: -8, lineHeight: 200 });
-    k.component("Callout", { width: 400, fill: "card", radius: 28, padding: { top: 26, right: 30, bottom: 28, left: 30 }, stroke: { color: "primary", width: 3, align: "INSIDE" }, effects: [soft(k, "paper", 0.7, 20, 50)], description: "A callout pinned to a part of the screen.", props: { Text: "Every stir, to the minute" } }, (id) => {
-      k.propText(id, "Text", { style: "Callout 40", color: "onCard" });
-    });
-    let cover = "";
-    FRAMES.forEach((f, i) => {
-      const sheet = i === 0 ? k.sheet : k.addSheet(preset("appstore-iphone"));
-      ground(k, sheet, `${i + 1} \xB7 ${f.name}`, "paper");
-      k.patch(sheet, { x: i * (W + 120), y: 0 });
-      if (!cover) cover = sheet;
-      const r = rng(40 + i);
-      const bands = f.screen === void 0 ? [[20, 170], [760, 880]] : [[20, 170], [780, 1700]];
-      bands.forEach(([top, bottom], bi) => {
-        const dots = [];
-        for (let s = 0; s < (bottom - top) / 7; s++) {
-          const x = r() * W, y = top + r() * (bottom - top), d = 2 + r() * 5;
-          dots.push({ closed: true, points: [{ x, y: y - d }, { x: x + d, y }, { x, y: y + d }, { x: x - d, y }] });
-        }
-        drawn(k, sheet, dots, "star", { name: `Stars ${bi + 1}`, opacity: 0.55 });
-      });
-      glow(k, sheet, { role: i >= 4 ? "primary" : "accent", w: 2600, x: W / 2 + (i % 2 ? 260 : -260), y: H - 100, alpha: 0.26 + i * 0.03, name: "Light" });
-      glow(k, sheet, { role: "primary", w: 1300, x: W / 2, y: H - 200, alpha: 0.3, name: "Ember" });
-      const words = k.stack(sheet, { width: W - 192, gap: 34, name: "Words", absolute: { x: 96, y: 200 } });
-      const tag = k.stack(words, { direction: "HORIZONTAL", width: "HUG", gap: 20, align: "CENTER", name: "Kicker row" });
-      k.rect(tag, 12, 44, "primary", { radius: 6, name: "Kicker bar" });
-      k.text(tag, f.kicker, { style: "Kicker 36", color: "text", autoWidth: true, name: "Kicker" });
-      k.text(words, f.title, { style: "Title 150", color: "text", name: "Title" });
-      if (f.note) k.text(words, f.note, { style: "Note 46", color: "text", width: 980, name: "Note" });
-      if (f.screen !== void 0) {
-        const x = f.phone === "left" ? 16 : f.phone === "right" ? W - PW - 16 : (W - PW) / 2;
-        flatPhone(k, sheet, { spec: SCREENS[f.screen], scale: SCALE, x, y: 1080, name: "Phone", shadow: { type: "DROP_SHADOW", color: k.color("primary", 0.22), offset: { x: 0, y: 0 }, blur: 60, spread: 0, visible: true } });
-        for (const c of f.callouts ?? []) {
-          const cw = 400, cx = c.side === "right" ? W - cw - 24 : 24;
-          const dotX = c.side === "right" ? cx - 150 : cx + cw + 150;
-          k.rect(sheet, 150, 5, "primary", { name: "Leader", absolute: { x: c.side === "right" ? cx - 150 : cx + cw, y: c.at } });
-          k.ellipse(sheet, 34, "primary", { name: "Leader dot", stroke: { color: "paper", width: 8, align: "OUTSIDE" }, absolute: { x: dotX - 17, y: c.at - 15 } });
-          k.instance(sheet, "Callout", { Text: c.text }, { name: "Callout", absolute: { x: cx, y: c.y } });
-        }
-      } else {
-        const award = k.stack(sheet, { direction: "HORIZONTAL", width: W - 192, gap: 40, align: "CENTER", name: "Award", absolute: { x: 96, y: 900 } });
-        const wreath = k.stack(award, { width: 520, height: 420, align: "CENTER", justify: "CENTER", name: "Wreath" });
-        for (const side of [false, true]) drawn(k, wreath, laurel(520, side).map((p) => ({ ...p, points: p.points.map((q) => ({ x: q.x, y: q.y - 60 })) })), "primary", { name: "Laurel" });
-        k.text(wreath, "App of\nthe Day", { style: "Award 60", color: "text", width: 300, name: "Award name" });
-        const rating = k.stack(award, { gap: 14, name: "Rating" });
-        k.text(rating, "4.9", { style: "Rating 220", color: "text", name: "Rating figure" });
-        stars(k, rating, 56, "primary");
-        k.text(rating, "212,000 ratings", { style: "Who 32", color: "text", name: "Rating count" });
-        const list = k.stack(sheet, { width: W - 192, gap: 36, name: "Reviews", absolute: { x: 96, y: 1440 } });
-        REVIEWS.forEach(([quote, who], j) => {
-          const card = k.stack(list, { width: W - 192 - 80, gap: 22, fill: "card", radius: 36, padding: { top: 40, right: 46, bottom: 40, left: 46 }, stroke: { color: "cardLine", width: 3, align: "INSIDE" }, name: "Review" });
-          k.patch(card, { translateX: j % 2 ? 80 : 0 });
-          k.text(card, quote, { style: "Review 44", color: "onCard", name: "Review quote" });
-          const by = k.stack(card, { direction: "HORIZONTAL", gap: 20, align: "CENTER", name: "Review by" });
-          stars(k, by, 30, "primary");
-          k.text(by, who, { style: "Who 32", color: "onCard", autoWidth: true, name: "Reviewer" });
-        });
-        const nights = k.stack(sheet, { direction: "HORIZONTAL", width: W - 192, gap: 22, align: "MAX", name: "Nights", absolute: { x: 96, y: 2330 } });
-        [61, 64, 70, 69, 76, 80, 84].forEach((v, j) => {
-          const col = k.stack(nights, { width: 138, gap: 14, name: "Night" });
-          k.text(col, String(v), { style: "Who 32", color: "text", name: "Night score" });
-          k.rect(col, 138, Math.round((v - 50) * 11), j === 6 ? "primary" : "card", { radius: 20, name: "Night bar", ...j === 6 ? {} : { stroke: { color: "cardLine", width: 3, align: "INSIDE" } } });
-        });
-      }
-    });
-    k.setCover(cover);
-    return k.finish();
-  }
-});
-
-export {
-  saas_store_story_default
-};

package/dist/chunks/chunk-W5TKEG6G.js

@@ -1,304 +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 {
-  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-PVWIQ6SQ.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
-};