@popcraft/kit 0.44.1 → 0.45.0

package/dist/chunks/chunk-ONJSPNJB.js

@@ -1,333 +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 {
-  chrome
-} from "./chunk-OYL5V7XB.js";
-import {
-  caret
-} from "./chunk-Y6DFTJFC.js";
-import {
-  MONO
-} from "./chunk-5OTEBTMU.js";
-import {
-  compactNav,
-  footer,
-  respond,
-  rule,
-  soft,
-  typeScale
-} from "./chunk-QSBEDW52.js";
-import {
-  buttons,
-  nav,
-  page
-} from "./chunk-IPGCJWVL.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  Kit,
-  preset
-} from "./chunk-E3A22XSE.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/web/saas-dev-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MAN = [
-  ["branch create <name>", "A writable copy of any branch, data and all. Copy-on-write, so 1 GB and 500 GB take the same two seconds."],
-  ["diff <a> <b>", "Schema changes between two branches, with destructive ones called out before they reach review."],
-  ["merge <name>", "Replays the branch\u2019s migrations on its parent inside one transaction, or not at all."],
-  ["seed --mask <rules>", "Masks emails, names and card numbers on the way in, so previews never hold customer data."],
-  ["drop --merged", "Deletes every branch whose pull request has closed. Put it in cron and forget it."]
-];
-var YAML = [
-  [0, [["on:", "cardSignal"], [" pull_request", "onCard"]]],
-  [0, [["jobs:", "cardSignal"]]],
-  [1, [["preview:", "cardSignal"]]],
-  [2, [["runs-on:", "cardSignal"], [" ubuntu-latest", "onCard"]]],
-  [2, [["steps:", "cardSignal"]]],
-  [3, [["- uses:", "cardSignal"], [" actions/checkout@v4", "onCard"]]],
-  [3, [["- uses:", "cardSignal"], [" tern-db/branch@v2", "cardOk"]]],
-  [4, [["with:", "cardSignal"]]],
-  [5, [["name:", "cardSignal"], [" ${{ github.head_ref }}", "cardOk"]]],
-  [5, [["mask:", "cardSignal"], [" pii.yml", "cardOk"]]],
-  [3, [["# the action exports DATABASE_URL", "cardMuted"]]],
-  [3, [["- run:", "cardSignal"], [" npm run migrate", "onCard"]]],
-  [3, [["- run:", "cardSignal"], [" npm test", "onCard"]]]
-];
-var BENCH = [["1 GB", "1.6 s", 0.02, "48 s", 0.1], ["40 GB", "1.8 s", 0.02, "31 min", 0.46], ["500 GB", "2.1 s", 0.025, "6 h 40 min", 1]];
-var RUNS = ["GitHub Actions", "GitLab CI", "CircleCI", "Buildkite", "Docker Compose", "Kubernetes", "Prisma", "Drizzle", "Rails", "Django", "Alembic", "Flyway"];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Comment", preset: "typewriter", at: 100, params: { duration: 500 } },
-  { layer: "Headline", preset: "rise-in", at: 250, params: { duration: 700 } },
-  { layer: "Terminal", preset: "rise-in", at: 400, params: { duration: 700 } },
-  { layer: "Lead", preset: "rise-in", at: 550 },
-  { layer: "Install", preset: "rise-in", at: 700 },
-  { layer: "Proof", preset: "fade-in", at: 950, params: { duration: 500 } },
-  { layer: "Command one", preset: "typewriter", at: 1e3, params: { duration: 1e3 } },
-  { layer: "Out snapshot", preset: "fade-in", at: 2150, params: { duration: 150 } },
-  { layer: "Progress", preset: "fade-in", at: 2350, params: { duration: 150 } },
-  { layer: "Progress bar", preset: "wipe-in", at: 2400, params: { duration: 700, ease: { kind: "linear" } } },
-  { layer: "Out ready", preset: "fade-in", at: 3150, params: { duration: 150 } },
-  { layer: "Out url", preset: "fade-in", at: 3700, params: { duration: 150 } },
-  { layer: "Prompt two", preset: "fade-in", at: 4e3, params: { duration: 120 } },
-  { layer: "Command two", preset: "typewriter", at: 4150, params: { duration: 600 } },
-  { layer: "Diff line", preset: "fade-in", at: 4850, params: { duration: 150 }, stagger: { delay: 180 } },
-  { layer: "Out summary", preset: "fade-in", at: 5400, params: { duration: 150 } },
-  { layer: "Prompt idle", preset: "fade-in", at: 5650, params: { duration: 120 } },
-  { layer: "Commit", preset: "pop-in", at: 1400, params: { duration: 300 }, stagger: { delay: 120 } },
-  { layer: "Graph", preset: "wipe-in", at: 1500, params: { duration: 1600 } },
-  { layer: "Branch tag", preset: "pop-in", at: 2300, params: { duration: 350 }, stagger: { delay: 180 } }
-];
-var counts = [{ layer: "Out ready", at: 3150, duration: 500, counter: { from: 0, to: 1.8, decimals: 1, prefix: "  ready in ", suffix: " s" }, ease: { kind: "linear" } }];
-var saas_dev_landing_default = defineTemplate({
-  id: "web-saas-dev-landing",
-  meta: {
-    name: "SaaS developer tool landing page",
-    description: "A landing page for a developer tool or API, set in monospace: the hero is a terminal that types a command and prints its output line by line, with a progress bar and a counted time. Then a branch graph, the commands as a man page, a workflow file, a benchmark in bars and the install line. Amber on near-black, desktop to phone",
-    category: "web",
-    tags: ["saas", "developer tool", "api", "cli", "terminal", "monospace", "code sample", "landing page", "hero", "dark", "website", "animation", "responsive", "open source"],
-    platforms: ["web", "github"],
-    formats: ["page", "demo"],
-    useCases: ["launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues, counts },
-  build() {
-    const k = new Kit("SaaS developer tool landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#0C0D0B", text: "#ECE9DF", onPaper: "#A8A598", primary: "#FFB224", onPrimary: "#1A1300", card: "#161812", onCard: "#ECE9DF", cardMuted: "#9C998C", cardSignal: "#FFB224", cardOk: "#93D48C", hairline: "#30332A", wire: "#5F6355" },
-      { name: "Tern" }
-    );
-    const s = typeScale(k, {
-      "Nav 15": { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 },
-      "Brand 20": { ...MONO, size: 20, fontWeight: 800, letterSpacing: -0.4, lineHeight: 28 },
-      "Button 15": { ...MONO, size: 15, fontWeight: 700, lineHeight: 24 },
-      "Comment 15": { ...MONO, size: 15, fontWeight: 500, lineHeight: 22 },
-      "Display 76": { ...MONO, size: 76, fontWeight: 800, letterSpacing: -4, lineHeight: 82 },
-      "Display 64": { ...MONO, size: 64, fontWeight: 800, letterSpacing: -3.2, lineHeight: 70 },
-      "Display 46": { ...MONO, size: 46, fontWeight: 800, letterSpacing: -2.2, lineHeight: 52 },
-      "Display 32": { ...MONO, size: 32, fontWeight: 800, letterSpacing: -1.4, lineHeight: 38 },
-      "Lead 19": { size: 19, fontWeight: 400, lineHeight: 30 },
-      "Lead 17": { size: 17, fontWeight: 400, lineHeight: 27 },
-      "Term 15": { ...MONO, size: 15, fontWeight: 500, lineHeight: 26 },
-      "Term 12": { ...MONO, size: 12, fontWeight: 500, lineHeight: 21 },
-      "Chrome 13": { ...MONO, size: 13, fontWeight: 500, lineHeight: 18 },
-      "Proof 14": { ...MONO, size: 14, fontWeight: 500, lineHeight: 22 },
-      "Tag 13": { ...MONO, size: 13, fontWeight: 600, lineHeight: 18 },
-      "Section 40": { ...MONO, size: 40, fontWeight: 800, letterSpacing: -1.8, lineHeight: 46 },
-      "Section 26": { ...MONO, size: 26, fontWeight: 800, letterSpacing: -1, lineHeight: 32 },
-      "Man head 14": { ...MONO, size: 14, fontWeight: 700, letterSpacing: 1.4, lineHeight: 26 },
-      "Man 17": { ...MONO, size: 17, fontWeight: 700, lineHeight: 26 },
-      "Body 17": { size: 17, fontWeight: 400, lineHeight: 27 },
-      "Code 14": { ...MONO, size: 14, fontWeight: 500, lineHeight: 25 },
-      "Code 12": { ...MONO, size: 12, fontWeight: 500, lineHeight: 22 },
-      "Bench 15": { ...MONO, size: 15, fontWeight: 600, lineHeight: 22, fontFeatures: { tnum: 1 } },
-      "Small 14": { size: 14, fontWeight: 400, lineHeight: 22 },
-      "Foot head 14": { ...MONO, size: 14, fontWeight: 700, lineHeight: 22 },
-      "Install 22": { ...MONO, size: 22, fontWeight: 600, letterSpacing: -0.4, lineHeight: 30 },
-      "Install 13": { ...MONO, size: 13, fontWeight: 600, lineHeight: 20 }
-    });
-    buttons(k, { style: s("Button 15"), pad: [13, 20], radius: 0 });
-    k.component("Chip", { direction: "HORIZONTAL", width: "HUG", stroke: { color: "hairline", width: 1.5 }, padding: { top: 10, right: 16, bottom: 10, left: 16 }, props: { Label: "Docker" } }, (id) => {
-      k.propText(id, "Label", { style: s("Proof 14"), color: "text", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 96, top: 28 });
-    k.timeline(sheet, { duration: 6e3, fps: 30 });
-    nav(k, sheet, { links: ["docs", "benchmarks", "pricing", "github"], cta: "brew install tern", style: s("Nav 15"), brandStyle: s("Brand 20"), quiet: true });
-    const hero = k.stack(sheet, { gap: 28, name: "Hero" });
-    k.text(hero, "# postgres branching, from the terminal you already have open", { style: s("Comment 15"), color: "onPaper", name: "Comment" });
-    k.text(hero, "A copy of production for every pull request. Ready in 1.8 seconds.", { style: s("Display 76"), color: "text", name: "Headline" });
-    const row = k.stack(hero, { direction: "HORIZONTAL", gap: 56, padding: { top: 12, right: 0, bottom: 0, left: 0 }, name: "Hero row" });
-    const term = k.stack(row, { fill: "card", stroke: { color: "hairline", width: 1.5 }, radius: 8, clip: true, effects: [soft(0.5, 28, 60)], name: "Terminal" });
-    chrome(k, term, { title: "~/api \xB7 zsh \xB7 96\xD724", style: s("Chrome 13"), fill: "hairline", ink: "onCard", light: "cardMuted" });
-    const out = k.stack(term, { padding: { top: 20, right: 24, bottom: 24, left: 24 }, name: "Lines" });
-    const prompt = (cmd2, name, promptName) => {
-      const l = k.stack(out, { direction: "HORIZONTAL", gap: 10, name: "Prompt line" });
-      k.text(l, "$", { style: s("Term 15"), color: "cardSignal", autoWidth: true, name: promptName });
-      k.text(l, cmd2, { style: s("Term 15"), color: "onCard", name });
-    };
-    prompt("tern branch create pr-482 --from main", "Command one", "Prompt one");
-    k.text(out, "  snapshot  main@a41f9c2 \xB7 41.3 GB \xB7 212 tables", { style: s("Term 15"), color: "cardMuted", name: "Out snapshot" });
-    const prog = k.stack(out, { direction: "HORIZONTAL", gap: 14, align: "CENTER", padding: { top: 0, right: 0, bottom: 0, left: 18 }, name: "Progress" });
-    k.text(prog, "copy-on-write", { style: s("Term 15"), color: "cardMuted", autoWidth: true, name: "Progress label" });
-    const track = k.stack(prog, { width: 120, height: 10, fill: "hairline", name: "Progress track" });
-    k.rect(track, 120, 10, "cardSignal", { name: "Progress bar" });
-    k.text(prog, "100%", { style: s("Term 15"), color: "onCard", autoWidth: true, name: "Progress figure" });
-    k.text(out, "  ready in 1.8 s", { style: s("Term 15"), color: "cardOk", name: "Out ready" });
-    k.text(out, "  postgres://pr-482.tern.example/api", { style: s("Term 15"), color: "onCard", name: "Out url" });
-    k.stack(out, { height: 14, name: "Blank line" });
-    prompt("tern diff main pr-482", "Command two", "Prompt two");
-    k.text(out, "  + orders.refunded_at   timestamptz", { style: s("Term 15"), color: "cardOk", name: "Diff line" });
-    k.text(out, "  ~ users.email          varchar to citext", { style: s("Term 15"), color: "cardSignal", name: "Diff line" });
-    k.text(out, "  + index orders_refunded_at_idx", { style: s("Term 15"), color: "cardOk", name: "Diff line" });
-    k.text(out, "  3 changes, 0 destructive", { style: s("Term 15"), color: "cardMuted", name: "Out summary" });
-    k.stack(out, { height: 14, name: "Blank line" });
-    const idle = k.stack(out, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Prompt idle" });
-    k.text(idle, "$", { style: s("Term 15"), color: "cardSignal", autoWidth: true, name: "Prompt three" });
-    caret(k, idle, 9, 18, "cardSignal");
-    const copy = k.stack(row, { width: 400, gap: 24, name: "Copy" });
-    k.text(copy, "Tern forks your database the way git forks your code. Each branch is a real Postgres with real data, masked on the way in, and it costs only the pages it changes.", { style: s("Lead 19"), color: "onPaper", name: "Lead" });
-    const install = k.stack(copy, { gap: 12, name: "Install" });
-    const box = k.stack(install, { direction: "HORIZONTAL", gap: 12, align: "CENTER", fill: "primary", padding: { top: 14, right: 18, bottom: 14, left: 18 }, name: "Install line" });
-    k.text(box, "$ brew install tern", { style: s("Button 15"), color: "onPrimary", name: "Install command" });
-    k.text(box, "copy", { style: s("Install 13"), color: "onPrimary", autoWidth: true, name: "Copy hint" });
-    k.instance(install, "Button quiet", { Label: "Read the five-minute guide" }, { name: "CTA quiet" });
-    const proof = k.stack(copy, { gap: 4, padding: { top: 8, right: 0, bottom: 0, left: 0 }, name: "Proof" });
-    rule(k, proof, "hairline", { weight: 2 });
-    for (const [a, b] of [["license", "MIT"], ["stars", "14,208"], ["postgres", "13 to 17"], ["runs on", "your cloud or ours"]]) {
-      const l = k.stack(proof, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", gap: 12, padding: { top: 6, right: 0, bottom: 0, left: 0 }, name: "Fact" });
-      k.text(l, a, { style: s("Proof 14"), color: "onPaper", autoWidth: true, name: "Fact name" });
-      k.text(l, b, { style: s("Proof 14"), color: "text", autoWidth: true, name: "Fact value" });
-    }
-    const strip = k.stack(sheet, { height: 150, clip: true, name: "Graph strip" });
-    const lineOf = (pts) => ({ closed: false, points: pts.map(([x, y]) => ({ x, y })) });
-    const forks = [[150, 480, 34, "pr-479 \xB7 merged"], [560, 930, 70, "pr-482 \xB7 3 changes"], [1010, 1200, 34, "staging"]];
-    k.vector(strip, 1200, 150, [lineOf([[0, 118], [1200, 118]]), ...forks.map(([a, b, y]) => lineOf([[a, 118], [a + 44, y], [b - 44, y], ...b < 1200 ? [[b, 118]] : []]))], "wire", { name: "Graph", strokeWidth: 2.5, absolute: { x: 0, y: 0 } });
-    for (const x of [60, 150, 300, 480, 560, 760, 930, 1010, 1130]) k.ellipse(strip, 12, "primary", { name: "Commit", absolute: { x: x - 6, y: 112 } });
-    for (const [a, , y, label] of forks) {
-      const tag = k.stack(strip, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", fill: "card", stroke: { color: "hairline", width: 1.5 }, padding: { top: 5, right: 10, bottom: 5, left: 10 }, name: "Branch tag", absolute: { x: a + 64, y: y - 15 } });
-      k.ellipse(tag, 8, "cardSignal", { name: "Tag dot" });
-      k.text(tag, label, { style: s("Tag 13"), color: "onCard", autoWidth: true, name: "Tag name" });
-    }
-    const man = k.stack(sheet, { gap: 0, name: "Manual" });
-    const manRow = (headName, build) => {
-      const r = k.stack(man, { direction: "HORIZONTAL", gap: 40, padding: { top: 0, right: 0, bottom: 32, left: 0 }, name: "Man section" });
-      k.text(r, headName, { style: s("Man head 14"), color: "onPaper", width: 160, name: "Man head" });
-      build(k.stack(r, { gap: 0, name: "Man body" }));
-    };
-    const manTop = k.stack(man, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", padding: { top: 0, right: 0, bottom: 36, left: 0 }, name: "Man top" });
-    for (const t of ["TERN(1)", "Tern Manual", "TERN(1)"]) k.text(manTop, t, { style: s("Man head 14"), color: "onPaper", autoWidth: true, name: "Man title" });
-    manRow("NAME", (b) => {
-      k.text(b, "tern \u2014 branch, diff and merge Postgres databases", { style: s("Section 40"), color: "text", name: "Man name" });
-    });
-    manRow("SYNOPSIS", (b) => {
-      k.text(b, "tern <command> [flags]", { style: s("Man 17"), color: "text", name: "Synopsis" });
-    });
-    manRow("COMMANDS", (b) => {
-      for (const [cmd2, what] of MAN) {
-        const c = k.stack(b, { direction: "HORIZONTAL", gap: 32, padding: { top: 0, right: 0, bottom: 20, left: 0 }, name: "Command" });
-        k.text(c, cmd2, { style: s("Man 17"), color: "text", width: 260, name: "Command name" });
-        k.text(c, what, { style: s("Body 17"), color: "onPaper", name: "Command text" });
-      }
-    });
-    const ci = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, align: "CENTER", name: "Workflow" });
-    const why = k.stack(ci, { width: 420, gap: 18, name: "Workflow copy" });
-    k.text(why, "Thirteen lines of YAML. No more shared staging database.", { style: s("Section 40"), color: "text", name: "Workflow title" });
-    k.text(why, "The action creates a branch named after the pull request, hands its URL to your tests and your preview deploy, and drops it when the PR closes. Migrations run against real row counts, so the slow one shows up in CI and not at 2 am.", { style: s("Body 17"), color: "onPaper", name: "Workflow text" });
-    const file = k.stack(ci, { fill: "card", stroke: { color: "hairline", width: 1.5 }, radius: 8, clip: true, name: "File" });
-    chrome(k, file, { title: ".github/workflows/preview.yml", style: s("Chrome 13"), fill: "hairline", ink: "onCard", light: "cardMuted" });
-    const code = k.stack(file, { padding: { top: 18, right: 20, bottom: 22, left: 0 }, name: "Code" });
-    YAML.forEach(([indent, toks], i) => {
-      const l = k.stack(code, { direction: "HORIZONTAL", gap: 0, name: "Code line" });
-      k.text(l, String(i + 1), { style: s("Code 14"), color: "cardMuted", width: 52, align: "RIGHT", name: "Line number" });
-      k.stack(l, { width: 20 + indent * 17, height: 1, name: "Indent" });
-      for (const [t, c] of toks) k.text(l, t, { style: s("Code 14"), color: c, autoWidth: true, name: "Token" });
-    });
-    const bench = k.stack(sheet, { gap: 28, name: "Benchmark" });
-    k.text(bench, "Branch time does not grow with the database.", { style: s("Section 40"), color: "text", width: 820, name: "Bench title" });
-    const chart = k.stack(bench, { name: "Bench chart" });
-    for (const [size, ours, a, theirs, b] of BENCH) {
-      rule(k, chart, "hairline", { weight: 1.5 });
-      const r = k.stack(chart, { direction: "HORIZONTAL", gap: 32, align: "CENTER", padding: { top: 18, right: 0, bottom: 18, left: 0 }, name: "Bench row" });
-      k.text(r, size, { style: s("Section 26"), color: "text", width: 128, name: "Bench size" });
-      const bars = k.stack(r, { gap: 8, name: "Bars" });
-      for (const [label, value, frac, fill] of [["tern branch", ours, a, "primary"], ["pg_dump | pg_restore", theirs, b, "hairline"]]) {
-        const line = k.stack(bars, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Bar line" });
-        k.text(line, label, { style: s("Bench 15"), color: "onPaper", width: 196, name: "Bar label" });
-        const lane = k.stack(line, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Lane" });
-        k.rect(lane, Math.round(620 * frac), 16, fill, { name: "Bar" });
-        k.text(lane, value, { style: s("Bench 15"), color: "text", autoWidth: true, name: "Bar value" });
-      }
-    }
-    rule(k, chart, "hairline", { weight: 1.5 });
-    k.text(bench, "Median of 20 runs on c7g.2xlarge with gp3 storage, Postgres 16.4. The script is in the repo: bench/branch.sh.", { style: s("Small 14"), color: "onPaper", name: "Bench note" });
-    const runs = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, name: "Runs" });
-    k.text(runs, "Fits the pipeline and the migration tool you have.", { style: s("Section 26"), color: "text", width: 320, name: "Runs title" });
-    const chips = k.stack(runs, { direction: "HORIZONTAL", gap: 10, wrap: true, name: "Chips" });
-    for (const r of RUNS) k.instance(chips, "Chip", { Label: r }, { name: "Chip" });
-    const band = k.stack(sheet, { gap: 20, fill: "card", stroke: { color: "primary", width: 2 }, padding: 48, name: "Band" });
-    k.text(band, "# free for one project, three branches. no card.", { style: s("Comment 15"), color: "cardMuted", name: "Band comment" });
-    const cmd = k.stack(band, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Band line" });
-    k.text(cmd, "$", { style: s("Install 22"), color: "cardSignal", autoWidth: true, name: "Band prompt" });
-    k.text(cmd, "curl -fsSL tern.example/install | sh", { style: s("Install 22"), color: "onCard", name: "Band command" });
-    k.text(band, "Or: brew install tern \xB7 npm i -g @tern/cli \xB7 docker pull tern/cli", { style: s("Proof 14"), color: "cardMuted", name: "Band others" });
-    footer(k, sheet, {
-      about: "Database branching for Postgres. Open source, made by four people who have all dropped the wrong table once.",
-      columns: [["docs", ["Quickstart", "CLI reference", "Masking rules", "Self-hosting"]], ["project", ["GitHub", "Changelog", "Benchmarks"]], ["company", ["Pricing", "Security", "Status"]]],
-      legal: "\xA9 2026 Tern Data, Inc. Postgres is a trademark of the PostgreSQL Community Association of Canada.",
-      brandStyle: s("Brand 20"),
-      headStyle: s("Foot head 14"),
-      linkStyle: s("Small 14"),
-      ruleColor: "hairline"
-    });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    respond(k, sheet, s, {
-      stack: ["Hero row", "Workflow", "Runs", "Command", "Footer columns"],
-      stackMobile: ["Man section", "Bench row", "Bar line"],
-      restyle: {
-        "Display 76": { laptop: "Display 64", tablet: "Display 46", mobile: "Display 32" },
-        "Section 40": { tablet: "Section 26", mobile: "Section 26" },
-        "Lead 19": { mobile: "Lead 17" },
-        "Term 15": { mobile: "Term 12" },
-        "Code 14": { mobile: "Code 12" },
-        "Install 22": { mobile: "Install 13" }
-      },
-      gap: { tablet: 72, mobile: 56 },
-      tweak: (kit, id, size) => {
-        const each = (name, props) => {
-          for (const n of kit.named(id, name)) kit.patch(n, props);
-        };
-        if (size === "laptop") each("Hero row", { itemSpacing: 40 });
-        if (size === "tablet") compactNav(kit, id, ["benchmarks"], 24);
-        if (size === "tablet" || size === "mobile") {
-          each("Hero row", { itemSpacing: 36 });
-          each("Workflow", { itemSpacing: 32 });
-          each("Runs", { itemSpacing: 24 });
-          each("Bench title", { layoutSizingHorizontal: "FILL" });
-          each("Man section", { itemSpacing: 16 });
-          each("Command", { itemSpacing: 4 });
-          each("Band", { padding: { top: 28, right: 24, bottom: 28, left: 24 } });
-        }
-        if (size === "mobile") {
-          each("Lines", { padding: { top: 14, right: 14, bottom: 16, left: 14 } });
-          each("Command", { itemSpacing: 4 });
-          each("Man section", { itemSpacing: 8 });
-          each("Bench row", { itemSpacing: 10 });
-          each("Bar line", { itemSpacing: 4 });
-          each("Man top", { visible: false });
-          each("Line number", { width: 30 });
-          kit.named(id, "Indent").forEach((n, i) => kit.patch(n, { width: 8 + YAML[i][0] * 6 }));
-          each("Code", { padding: { top: 14, right: 8, bottom: 16, left: 0 } });
-          each("Band", { padding: { top: 22, right: 16, bottom: 22, left: 16 } });
-          each("Footer lists", { itemSpacing: 16 });
-        }
-        if (size === "tablet" || size === "mobile") {
-          const bars = kit.named(id, "Bar");
-          BENCH.forEach(([, , a, , b], i) => {
-            kit.patch(bars[i * 2], { width: Math.round(200 * a) });
-            kit.patch(bars[i * 2 + 1], { width: Math.round(200 * b) });
-          });
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  saas_dev_landing_default
-};

package/dist/chunks/chunk-OP2ZQWUU.js

@@ -1,33 +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 {
-  earth_day_landing_default
-} from "./chunk-LCHRHNGK.js";
-import {
-  earth_day_link_preview_default
-} from "./chunk-RPHYQCSX.js";
-import {
-  earth_day_footprint_reel_default
-} from "./chunk-X626EPW3.js";
-import {
-  earth_day_pledge_post_default
-} from "./chunk-WQ2YFNM2.js";
-import {
-  earth_day_header_default
-} from "./chunk-QJFUOLZM.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/themes/earth-day.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [earth_day_footprint_reel_default, earth_day_landing_default, earth_day_pledge_post_default, earth_day_header_default, earth_day_link_preview_default];
-var earth_day_default = pack;
-
-export {
-  earth_day_default
-};

package/dist/chunks/chunk-OQLGRGFB.js

@@ -1,23 +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 {
-  BARLEY_MOON
-} from "./chunk-4CIIQX6M.js";
-import {
-  countdownStory
-} from "./chunk-KLOBE6CX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/motion/festival-presale-folk-countdown.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var festival_presale_folk_countdown_default = countdownStory(BARLEY_MOON);
-
-export {
-  festival_presale_folk_countdown_default
-};

package/dist/chunks/chunk-OR2BS4B4.js

@@ -1,127 +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 {
-  shaderBackdrop
-} from "./chunk-MA3BWM6M.js";
-import {
-  safePadding
-} from "./chunk-7XE2CVXC.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  Kit,
-  hex,
-  preset
-} from "./chunk-E3A22XSE.js";
-import {
-  animate,
-  animateShaderParam,
-  ease
-} from "./chunk-6VIYCRKB.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/effects/glass-promo.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var PROMO = { eyebrow: "Spring drop", headline: "Lighter layers", offer: "40% off", cta: "Shop the drop" };
-var FOAM = "#b9a6ff";
-var SCRIM = 0.55;
-var CUES = [
-  { layer: "Glass card", preset: "rise-in", at: 500, params: { distance: 80 } },
-  { layer: "Eyebrow scrim", preset: "fade-in", at: 100 },
-  { layer: "Eyebrow", preset: "letters-in", at: 200, params: { duration: 400, amount: 30, distance: 14 } },
-  { layer: "Headline", preset: "words-in", at: 1300, params: { duration: 600, amount: 160, distance: 24 } },
-  { layer: "Offer", preset: "pop-in", at: 2200 },
-  { layer: "CTA button", preset: "pop-in", at: 2800 },
-  { layer: "CTA button", preset: "pulse", at: 4200 },
-  { layer: "Handle scrim", preset: "fade-in", at: 3200 }
-];
-var glass_promo_default = defineTemplate({
-  id: "motion-glass-promo",
-  meta: {
-    name: "Glass promo",
-    description: "A 9:16 sale story: a glass card whose refraction, dispersion, frost and grain are keyed, over a focus-pulling waves shader",
-    category: "animation",
-    tags: ["animation", "promo", "sale", "glass", "shader", "story"],
-    platforms: ["instagram", "tiktok"],
-    formats: ["story", "ad"],
-    useCases: ["sale", "launch"],
-    created: "2026-09-28",
-    updated: "2026-09-29"
-  },
-  motion: { cues: CUES },
-  build() {
-    const k = new Kit("Glass promo", preset("ig-story"));
-    k.brand({ onNight: "#ffffff", night: "#0e1430", accent: "#ffd166", gold: "#ffd166", muted: "#d8def7", card: hex("#ffffff", 0.14) }, { handle: "@popcraft" });
-    k.textStyle("Eyebrow 34", { size: 34, fontWeight: 700, lineHeight: 40, letterSpacing: 8, textCase: "UPPER" });
-    k.textStyle("Headline 120", { size: 120, fontWeight: 900, lineHeight: 124, letterSpacing: -4 });
-    k.textStyle("Offer 88", { size: 88, fontWeight: 800, lineHeight: 96, letterSpacing: -2 });
-    k.textStyle("Button 36", { size: 36, fontWeight: 700, lineHeight: 44 });
-    k.textStyle("Handle 28", { size: 28, fontWeight: 600, lineHeight: 34, letterSpacing: 1 });
-    k.component("CTA button", { direction: "HORIZONTAL", width: "HUG", height: 96, fill: "accent", radius: 48, align: "CENTER", padding: { top: 26, right: 56, bottom: 26, left: 56 }, props: { Label: PROMO.cta } }, (id) => {
-      k.propText(id, "Label", { style: "Button 36", color: "night", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Story");
-    k.flowSheet(sheet, 0, safePadding("ig-story", 1080, 1920, { top: 140, right: 90, bottom: 120, left: 90 }), "night", "SPACE_BETWEEN", "CENTER");
-    k.timeline(sheet, { duration: 6e3, fps: 30 });
-    const focus = { id: "e1", type: "LAYER_BLUR", radius: 40, visible: true };
-    const backdrop = shaderBackdrop(k, sheet, "Waves", { speed: 0.5, scale: 5, deep: k.color("night"), foam: hex(FOAM) }, [focus]);
-    const scrim = (parent, name, pad, radius, width = "HUG") => k.stack(parent, { width, fill: k.tint("night", SCRIM), radius, align: "CENTER", gap: 24, padding: { top: pad[0], right: pad[1], bottom: pad[0], left: pad[1] }, name });
-    k.text(scrim(sheet, "Eyebrow scrim", [12, 28], 999), PROMO.eyebrow, { style: "Eyebrow 34", color: "gold", align: "CENTER", autoWidth: true, name: "Eyebrow" });
-    const glass = k.stack(sheet, {
-      fill: "card",
-      radius: 56,
-      align: "CENTER",
-      gap: 40,
-      clip: true,
-      padding: { top: 96, right: 72, bottom: 96, left: 72 },
-      name: "Glass card",
-      effects: [
-        { id: "e1", type: "GLASS", radius: 30, refraction: 0, dispersion: 0, rim: 0.6, depth: 0, visible: true },
-        { id: "e2", type: "NOISE", amount: 0, size: 2, monochrome: true, seed: 1, visible: true, mode: "MONO", density: 0.35 }
-      ]
-    });
-    const words = scrim(glass, "Words scrim", [28, 32], 40, "FILL");
-    k.text(words, PROMO.headline, { style: "Headline 120", color: "onNight", align: "CENTER", name: "Headline" });
-    k.text(words, PROMO.offer, { style: "Offer 88", color: "gold", align: "CENTER", name: "Offer" });
-    k.instance(glass, "CTA button", { Label: PROMO.cta });
-    k.text(scrim(sheet, "Handle scrim", [8, 22], 999), "{{brand.handle}}", { style: "Handle 28", color: "muted", align: "CENTER", autoWidth: true, name: "Handle" });
-    k.apply(backdrop, (n) => animate(
-      animateShaderParam(
-        animateShaderParam(
-          n,
-          "fills[@f1]",
-          "foam",
-          [{ t: 2e3, v: hex(FOAM), ease: ease.inOut("sine") }, { t: 5e3, v: k.color("accent") }]
-        ),
-        "fills[@f1]",
-        "scale",
-        [{ t: 0, v: 5, ease: ease.inOut("sine") }, { t: 3e3, v: 3, ease: ease.inOut("sine") }, { t: 6e3, v: 4 }]
-      ),
-      "effects[@e1].radius",
-      [{ t: 0, v: 40, ease: ease.out("cubic") }, { t: 1200, v: 0 }]
-    ));
-    k.cues(sheet, CUES);
-    k.animate(glass, "effects[@e1].refraction", [{ t: 600, v: 0, ease: ease.out("expo") }, { t: 1800, v: 28, ease: ease.inOut("sine") }, { t: 4500, v: 16 }]);
-    k.animate(glass, "effects[@e1].dispersion", [{ t: 600, v: 0, ease: ease.out("cubic") }, { t: 1800, v: 0.5, ease: ease.inOut("sine") }, { t: 4500, v: 0.2 }]);
-    k.animate(glass, "effects[@e1].radius", [{ t: 600, v: 30, ease: ease.out("cubic") }, { t: 1800, v: 8 }]);
-    k.animate(glass, "effects[@e1].depth", [{ t: 600, v: 0, ease: ease.out("cubic") }, { t: 1800, v: 1 }]);
-    k.animate(glass, "effects[@e2].amount", [{ t: 0, v: 0, ease: ease.out("cubic") }, { t: 1800, v: 0.1, ease: ease.inOut("sine") }, { t: 3600, v: 0 }]);
-    k.animate(glass, "effects[@e2].seed", [{ t: 0, v: 1, ease: ease.linear }, { t: 6e3, v: 181 }]);
-    return k.finish();
-  }
-});
-
-export {
-  PROMO,
-  FOAM,
-  SCRIM,
-  glass_promo_default
-};

package/dist/chunks/chunk-OSBIOAYA.js

@@ -1,121 +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 {
-  SALES,
-  body,
-  edge,
-  figure,
-  gate,
-  label,
-  liftGate,
-  shout,
-  slab,
-  spinSticker,
-  sticker,
-  thump,
-  titleBar,
-  tollBrand
-} from "./chunk-HI7LV6FJ.js";
-import {
-  EMAIL_FPS,
-  HEADER,
-  ticker
-} from "./chunk-NXOMPKS6.js";
-import {
-  pill
-} from "./chunk-IL2F4BKM.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  Kit
-} from "./chunk-E3A22XSE.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/email/style-brutalist-header.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 6e3;
-var ITEM = 300;
-var RATE = ITEM * 1e3 / DURATION;
-var TEETH = 14;
-var cues = [
-  thump("Sale new", 1900, 0.06),
-  thump("Tally", 2300, 0.05),
-  { layer: "Open button", preset: "wobble", at: 3600, params: { duration: 720, amount: 6 } },
-  { layer: "Shout block", preset: "shake", at: 4600, params: { duration: 320, distance: 5 } }
-];
-var style_brutalist_header_default = defineTemplate({
-  id: "email-saas-style-brutalist-header",
-  meta: {
-    name: "Brutalist SaaS email header (animated GIF)",
-    description: "A 600 \xD7 300 animated header for a launch email, in the neo-brutalist look: the shout, the offer, the button and the product\u2019s window are all on the first frame (for Outlook), then a ticker scrolls, a toll barrier\u2019s arm swings up and drops, the newest sale beats and a sticker\u2019s teeth turn, all back where they began. A seamless 6-second GIF",
-    category: "email",
-    tags: ["email", "gif", "animated", "header", "banner", "saas", "launch", "announcement", "neo-brutalist", "brutalism", "bold", "loop"],
-    platforms: ["email"],
-    formats: ["email", "banner"],
-    useCases: ["launch", "announcement", "newsletter"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Brutalist SaaS email header", HEADER);
-    k.quantizeGeometry = true;
-    tollBrand(k, ["paper", "text", "onText", "primary", "onPrimary", "accent", "onAccent", "card", "onCard", "cardMuted"]);
-    k.textStyle("Ticker 13", label(13));
-    k.textStyle("Shout 44", shout(44));
-    k.textStyle("Offer 14", body(14, 700));
-    k.textStyle("Button 14", shout(14, { leading: 1.3 }));
-    k.textStyle("Window 12", label(12));
-    k.textStyle("Total 30", figure(30));
-    k.textStyle("Buyer 13", body(13, 800));
-    k.textStyle("Toll 14", figure(14));
-    k.textStyle("Sticker 24", shout(24, { center: true }));
-    k.textStyle("Sticker 12", label(12, { center: true }));
-    pill(k, "Button", { fill: "text", ink: "onText", style: "Button 14", label: "OPEN YOUR BOOTH", pad: [10, 16], radius: 0 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, { top: 28, right: 22, bottom: 0, left: 24 }, "paper", "MIN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
-    ticker(k, sheet, { label: "NOW OPEN  /  $0 A MONTH  /", item: ITEM, height: 28, fill: "text", ink: "onText", style: "Ticker 13", rate: RATE });
-    for (const id of k.named(sheet, "Ticker item")) k.patch(id, { fills: k.paint("text") });
-    const main = k.stack(sheet, { direction: "HORIZONTAL", height: "FILL", gap: 22, align: "CENTER", name: "Main" });
-    const copy = k.stack(main, { gap: 10, name: "Copy" });
-    const said = k.stack(copy, { gap: 3, name: "Shout" });
-    k.text(said, "THE BOOTH", { style: "Shout 44", color: "text", name: "Shout top" });
-    const block = slab(k, said, { width: "HUG", fill: "primary", rule: 3, shadow: 5, padding: { top: 2, right: 9, bottom: 5, left: 8 }, name: "Shout block" });
-    k.text(block, "IS OPEN.", { style: "Shout 44", color: "onPrimary", autoWidth: true, name: "Shout words" });
-    k.text(copy, "Put a price on a file. Sell it from one link.", { style: "Offer 14", color: "text", name: "Offer" });
-    k.instance(copy, "Button", { Label: "OPEN YOUR BOOTH" }, { name: "Open button" });
-    const stage = k.stack(main, { width: 262, gap: 8, name: "Stage" });
-    const win = slab(k, stage, { fill: "card", rule: 3, shadow: 6, name: "Window" });
-    titleBar(k, win, { title: "{{brand.site}}/sales", style: "Window 12", height: 24 });
-    const inner = k.stack(win, { gap: 7, padding: { top: 9, right: 12, bottom: 12, left: 9 }, name: "Window body" });
-    const tally = k.stack(inner, { direction: "HORIZONTAL", fill: "primary", stroke: edge(3), align: "CENTER", justify: "SPACE_BETWEEN", padding: { top: 5, right: 9, bottom: 5, left: 9 }, name: "Tally" });
-    k.text(tally, "TOLLS", { style: "Window 12", color: "onPrimary", autoWidth: true, name: "Tally label" });
-    k.text(tally, "$1,216", { style: "Total 30", color: "onPrimary", autoWidth: true, name: "Total" });
-    SALES.slice(0, 2).forEach(([who, , toll], i) => {
-      const row = k.stack(inner, { direction: "HORIZONTAL", fill: "card", stroke: edge(3), gap: 8, align: "CENTER", padding: { top: 5, right: 9, bottom: 5, left: 6 }, name: i === 0 ? "Sale new" : "Sale" });
-      k.rect(row, 16, 16, i === 0 ? "accent" : "paper", { name: "Buyer mark", stroke: edge(3) });
-      k.text(row, `${who} bought`, { style: "Buyer 13", color: "onCard", name: "Buyer" });
-      k.text(row, `+$${toll}`, { style: "Toll 14", color: "onCard", autoWidth: true, name: "Toll" });
-    });
-    const barrier = gate(k, stage, { width: 262, height: 30 });
-    liftGate(k, barrier.arm, [700], 900, 94);
-    const badge = sticker(k, sheet, { size: 78, teeth: TEETH, fill: "accent", ink: "onAccent", big: "$0", small: "A MONTH", bigStyle: "Sticker 24", smallStyle: "Sticker 12", tilt: 10, shadow: 4, rule: 3, absolute: { x: 200, y: 206 } });
-    spinSticker(k, badge, 360 / TEETH * 1e3 / DURATION);
-    k.cues(sheet, cues);
-    return k.finish();
-  }
-});
-
-export {
-  style_brutalist_header_default
-};