@popcraft/kit 0.26.0 → 0.27.0

package/dist/chunks/chunk-XJN2YNQT.js

@@ -1,261 +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 {
-  LOWER,
-  bar,
-  bauhausBrand,
-  block,
-  disc,
-  dotGrid,
-  grain,
-  half,
-  hatch,
-  move,
-  restage,
-  rings,
-  rule,
-  stripes,
-  system,
-  triangle
-} from "./chunk-FDVGZXQC.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-YKXCPYWJ.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/bauhaus-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var STEP = 400;
-var film = {
-  step: STEP,
-  at: { rings: 200, api: 500, wireA: 900, store: 1300, wireB: 1700, worker: 2100, wireC: 2500, queue: 2900, wireD: 3300, notes: 3700, token: 4100, cache: 4900, wireE: 5300 }
-};
-var KEY = [
-  ["circle", "a service", "anything that listens: an http server, a grpc service, a cron job with a port.", "found by a listener, a main(), a container"],
-  ["square", "a store", "anything that keeps state: postgres, redis, a bucket, the file on disk someone forgot.", "found by a driver import and a connection string"],
-  ["triangle", "a queue", "anything that passes work along: kafka, sqs, a channel between two services.", "found by a publish and a consume on one topic"],
-  ["bar", "a wire", "who calls whom, and over what. drawn only when the code really makes the call.", "found by a client call resolved to its target"]
-];
-var CHECK = [
-  ["text", "$ formwerk check --base main"],
-  ["text", "read 214 files: 3 services, 2 stores, 1 queue"],
-  ["secondary", "+ store  cache   redis, added in #482"],
-  ["text", "+ wire   api \u2192 cache"],
-  ["accent", "diagram redrawn in 9 s \xB7 posted to #482"],
-  ["primary", "no drift: the picture matches the code"]
-];
-var PLANS = [
-  ["circle", "solo", "$0", "for one repo", ["one repository, public or private", "redrawn on every push", "svg and png, always current"]],
-  ["square", "team", "$12", "a seat, a month", ["every repository you have", "drift check in ci", "comments pinned to a shape"]],
-  ["triangle", "works", "$29", "a seat, a month", ["one map across every repo", "sso and an audit log", "a runner inside your network"]]
-];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Eyebrow", preset: "typewriter", at: 100, params: { duration: 700 } },
-  { layer: "Headline", preset: "rise-in", at: 250, params: { duration: 500 } },
-  { layer: "Hero sun", preset: "scale-in", at: 200, params: { duration: 700 } },
-  { layer: "Hero stripes", preset: "slide-in", at: 600, params: { duration: 500, direction: "right" } },
-  { layer: "Lead", preset: "rise-in", at: 700, params: { duration: 600 } },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1e3, params: { duration: 500 }, stagger: { delay: 120 } },
-  { layer: "Proof", preset: "fade-in", at: 1500, params: { duration: 500 } },
-  { layer: "Hero tag", preset: "pop-in", at: 4700, params: { duration: 260, amount: 0.5 } }
-];
-var bauhaus_landing_default = defineTemplate({
-  id: "web-bauhaus-landing",
-  meta: {
-    name: "Bauhaus landing page",
-    description: "A landing page set like a Bauhaus poster for a developer tool that draws your architecture diagram from the code: a huge lowercase promise beside a hero where a red disc, a blue square and a yellow triangle slide, turn and lock into the diagram, the notation as a ruled key, the drift check as a real check run, and pricing as three primary shapes with the price inside each. At desktop, laptop, tablet and phone widths",
-    category: "web",
-    tags: ["bauhaus", "geometric", "primary colours", "circle square triangle", "lowercase", "landing page", "hero", "pricing", "website", "saas", "developer tools", "diagram", "animation", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["launch", "brand-intro", "pricing"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Bauhaus landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    bauhausBrand(k);
-    k.textStyle("Nav 15", { ...MONO, ...LOWER, size: 15, fontWeight: 600, lineHeight: 24 });
-    k.textStyle("Brand 24", { ...LOWER, size: 24, fontWeight: 900, letterSpacing: -1, lineHeight: 28 });
-    k.textStyle("Button 16", { ...LOWER, size: 16, fontWeight: 800, lineHeight: 24 });
-    k.textStyle("Eyebrow 14", { ...MONO, ...LOWER, size: 14, fontWeight: 700, letterSpacing: 1, lineHeight: 20 });
-    k.textStyle("Display 96", { ...LOWER, size: 96, fontWeight: 900, letterSpacing: -4.2, lineHeight: 86 });
-    k.textStyle("Display 80", { ...LOWER, size: 80, fontWeight: 900, letterSpacing: -3.4, lineHeight: 72 });
-    k.textStyle("Display 88", { ...LOWER, size: 88, fontWeight: 900, letterSpacing: -3.8, lineHeight: 80 });
-    k.textStyle("Display 72", { ...LOWER, size: 72, fontWeight: 900, letterSpacing: -3, lineHeight: 66 });
-    k.textStyle("Display 48", { ...LOWER, size: 48, fontWeight: 900, letterSpacing: -2, lineHeight: 46 });
-    k.textStyle("Lead 20", { ...LOWER, size: 20, fontWeight: 500, lineHeight: 32 });
-    k.textStyle("Lead 17", { ...LOWER, size: 17, fontWeight: 500, lineHeight: 27 });
-    k.textStyle("Proof 14", { ...MONO, ...LOWER, size: 14, fontWeight: 600, lineHeight: 22 });
-    k.textStyle("Title 64", { ...LOWER, size: 64, fontWeight: 900, letterSpacing: -2.8, lineHeight: 60 });
-    k.textStyle("Title 40", { ...LOWER, size: 40, fontWeight: 900, letterSpacing: -1.6, lineHeight: 40 });
-    k.textStyle("Entry 34", { ...LOWER, size: 34, fontWeight: 900, letterSpacing: -1.2, lineHeight: 38 });
-    k.textStyle("Body 18", { ...LOWER, size: 18, fontWeight: 500, lineHeight: 28 });
-    k.textStyle("Found 14", { ...MONO, ...LOWER, size: 14, fontWeight: 600, lineHeight: 22 });
-    k.textStyle("Log 16", { ...MONO, ...LOWER, size: 16, fontWeight: 600, lineHeight: 26 });
-    k.textStyle("Price 84", { ...LOWER, size: 84, fontWeight: 900, letterSpacing: -4, lineHeight: 80, textAlign: "CENTER" });
-    k.textStyle("Per 14", { ...MONO, ...LOWER, size: 14, fontWeight: 700, lineHeight: 20, textAlign: "CENTER" });
-    k.textStyle("Small 14", { ...MONO, ...LOWER, size: 14, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Node 22", { ...MONO, ...LOWER, size: 22, fontWeight: 800, lineHeight: 24 });
-    k.textStyle("Note 16", { ...MONO, ...LOWER, size: 16, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Tag 14", { ...MONO, ...LOWER, size: 14, fontWeight: 800, lineHeight: 20 });
-    buttons(k, { style: "Button 16", pad: [15, 26], radius: 0 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 88, top: 32 });
-    k.patch(sheet, { effects: grain(0.05, 3) });
-    k.timeline(sheet, { duration: 6400, fps: 30 });
-    nav(k, sheet, { links: ["the notation", "drift check", "pricing", "docs"], cta: "draw my system", style: "Nav 15", brandStyle: "Brand 24" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 36, align: "CENTER", name: "Hero" });
-    const copy = k.stack(hero, { gap: 24, name: "Copy" });
-    k.text(copy, "fig. 1 \xB7 architecture diagrams, drawn from the code", { style: "Eyebrow 14", color: "text", name: "Eyebrow" });
-    const heroRule = rule(k, copy, 10, "text", "Hero rule");
-    k.patch(heroRule, { anchorX: 0 });
-    move(k, heroRule, "scaleX", 0, 1, 100, 600);
-    k.text(copy, "the diagram that follows the code.", { style: "Display 96", color: "text", name: "Headline" });
-    k.text(copy, "{{brand.name}} reads your repository, finds every service, store and queue, and draws the system. every merge redraws it, so the picture on the wall is the system in production.", { style: "Lead 20", color: "text", name: "Lead" });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: "draw my system, free" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "open a live diagram" }, { name: "CTA quiet" });
-    k.text(copy, "reads go, typescript, python, rust and terraform \xB7 2,300 repositories drawn this week", { style: "Proof 14", color: "onPaper", name: "Proof" });
-    const visual = k.stack(hero, { width: 560, height: 600, name: "Visual" });
-    disc(k, visual, 330, "accent", { at: { x: 300, y: -30 }, name: "Hero sun", air: 0.3 });
-    const heroBar = bar(k, visual, 400, 26, "text", -24, { at: { x: 280, y: 24 }, name: "Hero bar" });
-    rings(k, visual, 620, 4, { at: { x: 120, y: 150 }, name: "Hero rings", gap: 40, opacity: 0.22 });
-    stripes(k, visual, 250, 70, 4, "secondary", { at: { x: 310, y: 520 }, name: "Hero stripes" });
-    k.rect(visual, 56, 56, "primary", { name: "Hero square", absolute: { x: 0, y: 534 } });
-    dotGrid(k, visual, 6, 3, 20, 3, { at: { x: 76, y: 540 }, name: "Hero dots" });
-    const stage = k.stack(visual, { width: 800, height: 500, name: "Stage", absolute: { x: 0, y: 130 } });
-    system(k, stage, { label: "Node 22", note: "Note 16", film });
-    restage(k, visual, 0.725);
-    const tag = k.stack(visual, { direction: "HORIZONTAL", width: "HUG", fill: "text", padding: { top: 6, right: 12, bottom: 6, left: 12 }, name: "Hero tag", absolute: { x: 0, y: 100 } });
-    k.text(tag, "merged #482 \xB7 redrawn in 9 s", { style: "Tag 14", color: "paper", autoWidth: true, name: "Hero tag words" });
-    move(k, heroBar, "translateX", 300, 0, 300, STEP);
-    move(k, heroBar, "translateY", -134, 0, 300, STEP);
-    const key = k.stack(sheet, { gap: 0, name: "Notation" });
-    k.text(key, "three shapes and a bar. that is the whole notation.", { style: "Title 64", color: "text", width: 900, name: "Notation title" });
-    k.stack(key, { height: 32, name: "Gap" });
-    for (const [shape, name, what, found] of KEY) {
-      rule(k, key, 4);
-      const row = k.stack(key, { direction: "HORIZONTAL", gap: 36, align: "CENTER", padding: { top: 22, right: 0, bottom: 22, left: 0 }, name: "Letter" });
-      const cell = k.stack(row, { width: 84, height: 64, name: "Letter shape" });
-      if (shape === "circle") disc(k, cell, 64, "primary", { at: { x: 0, y: 0 }, name: "Letter circle", air: 0.3 });
-      else if (shape === "square") block(k, cell, 64, 64, "secondary", { at: { x: 0, y: 0 }, name: "Letter square", air: 0.34, airAngle: 70 });
-      else if (shape === "triangle") triangle(k, cell, 72, 64, "accent", { at: { x: 0, y: 0 }, name: "Letter triangle", air: 0.2, airAngle: 80 });
-      else k.rect(cell, 84, 18, "text", { name: "Letter bar", absolute: { x: 0, y: 23 } });
-      k.text(row, name, { style: "Entry 34", color: "text", width: 210, name: "Letter name" });
-      k.text(row, what, { style: "Body 18", color: "text", name: "Letter text" });
-      k.text(row, found, { style: "Found 14", color: "onPaper", width: 250, name: "Letter found" });
-    }
-    rule(k, key, 4);
-    const drift = k.stack(sheet, { direction: "HORIZONTAL", gap: 56, align: "CENTER", name: "Drift" });
-    const driftCopy = k.stack(drift, { gap: 20, name: "Drift copy" });
-    k.text(driftCopy, "drift check: the build goes red before the diagram lies.", { style: "Title 64", color: "text", name: "Drift title" });
-    k.text(driftCopy, "a pull request adds a cache. {{brand.name}} redraws the diagram in the same check run and posts what changed. if anyone edits the picture by hand, or the code moves and the picture does not, the check fails.", { style: "Body 18", color: "text", name: "Drift text" });
-    const log = k.stack(drift, { width: 520, gap: 10, fill: "text", padding: { top: 30, right: 32, bottom: 34, left: 32 }, name: "Check run" });
-    for (const [role, line] of CHECK) {
-      const row = k.stack(log, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Log row" });
-      if (role === "text") k.rect(row, 12, 4, "paper", { name: "Log mark", opacity: 0.5 });
-      else if (role === "secondary") k.rect(row, 12, 12, "secondary", { name: "Log mark", stroke: { color: "paper", width: 1.5, join: "MITER" } });
-      else if (role === "accent") triangle(k, row, 14, 12, "accent", { name: "Log mark" });
-      else k.ellipse(row, 12, "primary", { name: "Log mark", stroke: { color: "paper", width: 1.5 } });
-      k.text(row, line, { style: "Log 16", color: "paper", name: "Log line" });
-    }
-    const pricing = k.stack(sheet, { gap: 40, name: "Pricing" });
-    k.text(pricing, "the pricing, in three shapes.", { style: "Title 64", color: "text", name: "Pricing title" });
-    const plans = k.stack(pricing, { direction: "HORIZONTAL", gap: 40, name: "Plans" });
-    for (const [shape, name, price, per, lines] of PLANS) {
-      const plan = k.stack(plans, { gap: 18, name: "Plan" });
-      const figure = k.stack(plan, { width: 320, height: 320, name: "Plan shape" });
-      const ink = shape === "circle" ? "onPrimary" : shape === "square" ? "onSecondary" : "onAccent";
-      if (shape === "circle") disc(k, figure, 320, "primary", { at: { x: 0, y: 0 }, name: "Plan circle", air: 0.34, shadow: 14 });
-      else if (shape === "square") block(k, figure, 300, 300, "secondary", { at: { x: 10, y: 10 }, name: "Plan square", air: 0.36, airAngle: 70, shadow: 14 });
-      else triangle(k, figure, 360, 320, "accent", { at: { x: -20, y: 0 }, name: "Plan triangle", shadow: 14 });
-      const low = shape === "triangle" ? 76 : 0;
-      k.text(figure, price, { style: "Price 84", color: ink, width: 320, align: "CENTER", name: "Plan price", absolute: { x: 0, y: 104 + low } });
-      k.text(figure, per, { style: "Per 14", color: ink, width: 320, align: "CENTER", name: "Plan per", absolute: { x: 0, y: 190 + low } });
-      k.text(plan, name, { style: "Entry 34", color: "text", name: "Plan name" });
-      rule(k, plan, 4);
-      for (const line of lines) k.text(plan, line, { style: "Body 18", color: "text", name: "Plan line" });
-    }
-    const band = k.stack(sheet, { gap: 26, fill: "text", padding: { top: 56, right: 56, bottom: 56, left: 56 }, clip: true, name: "Band" });
-    half(k, band, 300, "accent", { at: { x: 880, y: 150 }, kind: "up", name: "Band half" });
-    k.rect(band, 120, 120, "primary", { name: "Band square", absolute: { x: 800, y: 56 } });
-    hatch(k, band, 200, 130, 14, { at: { x: 980, y: 30 }, role: "paper", name: "Band hatch", opacity: 0.6 });
-    k.text(band, "draw it once. never draw it again.", { style: "Display 72", color: "paper", width: 660, name: "Band title" });
-    k.instance(band, "Button", { Label: "draw my system, free" }, { name: "Band button" });
-    k.text(band, "free for one repository \xB7 no card \xB7 your code never leaves the runner", { style: "Small 14", color: "paper", width: 660, name: "Band small" });
-    k.text(sheet, "\xA9 2026 {{brand.name}} \xB7 form follows function \xB7 docs \xB7 changelog \xB7 status \xB7 security", { style: "Small 14", color: "onPaper", name: "Footer" });
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Drift", "Plans"],
-      stackMobile: ["Letter"],
-      restyle: {
-        "Display 96": { laptop: "Display 80", tablet: "Display 88", mobile: "Display 48" },
-        "Display 72": { mobile: "Display 48" },
-        "Title 64": { mobile: "Title 40" },
-        "Lead 20": { mobile: "Lead 17" }
-      },
-      hide: { tablet: ["Nav links", "Letter found"] },
-      gap: { tablet: 64, mobile: 52 },
-      tweak: (kit, id, size) => {
-        const each = (name, fn) => kit.named(id, name).forEach(fn);
-        if (size === "tablet" || size === "mobile") {
-          each("Hero", (n) => kit.patch(n, { itemSpacing: 36, counterAxisAlignItems: "MIN" }));
-          each("Drift", (n) => kit.patch(n, { itemSpacing: 32 }));
-          each("Check run", (n) => kit.patch(n, { layoutSizingHorizontal: "FILL" }));
-          each("Notation title", (n) => kit.patch(n, { layoutSizingHorizontal: "FILL" }));
-          each("Band title", (n) => kit.patch(n, { layoutSizingHorizontal: "FILL" }));
-          each("Band small", (n) => kit.patch(n, { layoutSizingHorizontal: "FILL" }));
-          each("Plans", (n) => kit.patch(n, { itemSpacing: 48 }));
-        }
-        if (size === "mobile") {
-          each("Visual", (n) => kit.patch(n, { width: 335, height: 350 }));
-          restage(kit, id, 0.42);
-          each("Stage", (n) => kit.patch(n, { x: 0, y: 76 }));
-          each("Hero sun", (n) => kit.patch(n, { x: 190, y: -20, width: 200, height: 200 }));
-          each("Hero sun air", (n) => kit.patch(n, { x: 190, y: -20, width: 200, height: 200 }));
-          each("Hero bar", (n) => kit.patch(n, { visible: false }));
-          each("Hero rings", (n) => kit.patch(n, { visible: false }));
-          each("Hero stripes", (n) => kit.patch(n, { x: 60, y: 296 }));
-          each("Hero square", (n) => kit.patch(n, { x: 0, y: 306, width: 36, height: 36 }));
-          each("Hero dots", (n) => kit.patch(n, { visible: false }));
-          each("Hero tag", (n) => kit.patch(n, { x: 0, y: 44 }));
-          each("Letter", (n) => kit.patch(n, { itemSpacing: 8, counterAxisAlignItems: "MIN" }));
-          each("Letter shape", (n) => kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 84 }));
-          each("Band", (n) => kit.patch(n, { padding: { top: 36, right: 24, bottom: 36, left: 24 } }));
-        }
-        each("Visual", (n) => kit.patch(n, { layoutSizingHorizontal: "FIXED" }));
-        each("Plan shape", (n) => kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 320 }));
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  bauhaus_landing_default
-};

package/dist/chunks/chunk-XKSIWVQ6.js

@@ -1,45 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  defineDeck
-} from "./chunk-VYEHEIHO.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/slides/sales.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var sales_default = defineDeck({
-  id: "slides-sales",
-  meta: {
-    name: "Sales deck",
-    description: "An eight-slide 16:9 sales deck \u2014 agenda, the cost of the problem, how it works, a customer quote, two plans and a pilot plan \u2014 with click builds and transitions",
-    category: "presentation",
-    tags: ["sales", "deck", "b2b", "pricing", "builds"],
-    platforms: ["slides"],
-    formats: ["slide-deck"],
-    useCases: ["pitch"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  colors: { primary: "#0B3D4F", onPrimary: "#FFFFFF", accent: "#0E7C86", onAccent: "#FFFFFF", paper: "#FFFFFF", text: "#0B2530", onPaper: "#4A5B63", tint: "#E3F4F5", onTint: "#0B2530" },
-  fields: { company: "Frostline", title: "Walk-in fridges that tell you before they fail", lead: "Temperature sensors and alerts for restaurant groups", email: "sales@frostline.co" },
-  slides: [
-    { kind: "title", name: "Title slide", kicker: "FOR RESTAURANT GROUPS", title: "{{brand.title}}", lead: "{{brand.lead}}" },
-    { kind: "agenda", name: "Agenda", heading: "In the next twenty minutes", items: ["What a failed walk-in really costs", "How Frostline watches it", "What our kitchens say", "Plans, and a pilot"] },
-    { kind: "stats", name: "The cost", heading: "One bad night in a walk-in", stats: [{ figure: "$3,900", label: "of stock our customers threw out, on average, after one failure" }, { figure: "9 hrs", label: "before a closing crew usually notices" }, { figure: "1 in 4", label: "kitchens we audit have a leaking door seal" }] },
-    { kind: "points", name: "How it works", heading: "How it works", points: ["A sensor on every shelf reads the air once a minute", "A door left open for five minutes sends a text", "A slow rise at 2 a.m. calls the manager on call", "Every reading is logged for your health inspector"] },
-    { kind: "quote", name: "Customer", quote: "\u201CWe saved a whole delivery of fish on a Sunday night. The sensors paid for themselves that week.\u201D", by: "Dana Ruiz \xB7 Head of operations, Harbor & Vine (six kitchens)" },
-    { kind: "panels", name: "Plans", heading: "Two plans", filled: true, panels: [{ title: "Kitchen \xB7 $39 a month per walk-in", body: "Sensors, text alerts and a year of temperature logs." }, { title: "Group \xB7 $29 a month per walk-in", body: "Everything in Kitchen, plus on-call rotas and one dashboard for every site." }] },
-    { kind: "steps", name: "Pilot", heading: "A pilot in three weeks", steps: [{ title: "Week 1", body: "We fit sensors in two of your kitchens" }, { title: "Week 2", body: "Your managers start getting alerts" }, { title: "Week 3", body: "We go through every alert with you" }] },
-    { kind: "closing", name: "Next step", title: "Let\u2019s pick your pilot kitchens.", line: "{{brand.email}}" }
-  ]
-});
-
-export {
-  sales_default
-};

package/dist/chunks/chunk-XNHQMKHP.js

@@ -1,187 +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 {
-  COLUMN,
-  float,
-  lineGrid,
-  redrawLines,
-  reelCuts,
-  reelSheet,
-  wideCut
-} from "./chunk-UD3JVCFG.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-C7BYFVZT.js";
-import {
-  score
-} from "./chunk-52GCV7N5.js";
-import {
-  hide,
-  patchAll,
-  restyle
-} from "./chunk-QLV6445V.js";
-import {
-  shadow
-} from "./chunk-HVK5T4I5.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  box
-} from "./chunk-BNVLVZUT.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion/saas-vs-comparison.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = score("hiphop");
-var { beat } = S;
-var ROWS = [
-  ["Stock synced across channels", "Shopify, Etsy, Amazon, POS", "Copy-paste, nightly", "Live, on every sale"],
-  ["Low-stock alerts", "Per SKU, per warehouse", "You notice. Maybe.", "Before you run out"],
-  ["Purchase orders", "Supplier, quantity, lead time", "A second file", "One click, from an alert"],
-  ["Audit trail", "Who changed what, and when", "\u201CWho edited B14?\u201D", "Every edit, named"],
-  ["Time to set up", "From sign-up to first sync", "Two weeks", "Ten minutes"]
-];
-var FIRST = 3;
-var EVERY = 2;
-var W = { what: 306, old: 226 };
-var CELLS = { step: 180, stepY: 60, weight: 2, opacity: 1, name: "Cells" };
-var swaps = [captionSwap(["Stock that syncs itself.", "Alerts before you\u2019re out.", "Orders in one click.", "Set up in minutes."], beat(3), S.duration - 30)];
-var counts = [{ layer: "Score", at: beat(FIRST + 0.5 - EVERY), duration: beat(EVERY) * ROWS.length, tick: beat(EVERY), counter: { from: 0, to: ROWS.length, suffix: " \xB7 Spreadsheet 0" } }];
-var cues = [
-  { layer: "Kicker", preset: "fade-in", at: 0, params: { duration: 250 } },
-  { layer: "Hook", preset: "words-in", at: 0, params: { duration: 420, amount: 50 } },
-  { layer: "Table", preset: "rise-in", at: beat(1), params: { duration: 500 } },
-  { layer: "Caption strip", preset: "fade-in", at: beat(3) - 200, params: { duration: 200 } },
-  { layer: "Row", preset: "fade-in", at: beat(FIRST), params: { duration: 260 }, stagger: { delay: beat(EVERY) } },
-  { layer: "Cross", preset: "pop-in", at: beat(FIRST), params: { duration: 300 }, stagger: { delay: beat(EVERY) } },
-  { layer: "Tick", preset: "pop-in", at: beat(FIRST + 0.5), params: { duration: 320, amount: 0.3 }, stagger: { delay: beat(EVERY) } },
-  { layer: "Foot", preset: "fade-in", at: beat(FIRST), params: { duration: 300 } },
-  { layer: "Call", preset: "pop-in", at: beat(13), params: { duration: 420 } },
-  { layer: "Call", preset: "pulse", at: beat(14.5), params: { duration: 600, amount: 0.05 } }
-];
-var saas_vs_comparison_default = defineTemplate({
-  id: "motion-saas-vs-comparison",
-  meta: {
-    name: "SaaS short: vs comparison table",
-    description: "An 11-second \u201Cus vs the old way\u201D reel in a data-dense look: a comparison table fills a row every two beats, a cross landing in the old way\u2019s column and a tick in the product\u2019s, while the score in the table\u2019s foot ticks up. Music, burned-in captions, 9:16 with square, 4:5 and 16:9 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "comparison", "vs", "versus", "alternative", "table", "data", "enterprise", "b2b", "captions", "music", "audio", "reel", "tiktok", "shorts"],
-    platforms: ["linkedin", "x", "tiktok", "instagram", "youtube"],
-    formats: ["reel", "short", "story", "post", "portrait-post", "ad", "video"],
-    useCases: ["comparison", "launch", "pitch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit("SaaS short: vs comparison table", preset("ig-story"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#F4F6F9", text: "#0F1B2D", onPaper: "#42526B", primary: "#0B7A75", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#0F1B2D" },
-      { name: "Shelfwise", hook: "Shelfwise vs the spreadsheet.", site: "shelfwise.example" }
-    );
-    k.palette({ head: "#0F1B2D", onHead: "#E8EEF6", line: "#D3DAE5", zebra: "#F2F5F9", cardMuted: "#55657D", yes: "#0B7A75", yesTint: "#DDF2F0", no: "#B93227", noTint: "#FBE7E4", shade: "#27384F" });
-    const mono = { fontFamily: "JetBrains Mono" };
-    k.textStyle("Hook 88", { size: 88, fontWeight: 800, letterSpacing: -3.6, lineHeight: 88 });
-    k.textStyle("Hook 76", { size: 76, fontWeight: 800, letterSpacing: -3, lineHeight: 78 });
-    k.textStyle("Hook 56", { size: 56, fontWeight: 800, letterSpacing: -2, lineHeight: 60 });
-    k.textStyle("Ref 20", { ...mono, size: 20, fontWeight: 600, letterSpacing: 1.2, lineHeight: 26, textCase: "UPPER" });
-    k.textStyle("Head 20", { size: 20, fontWeight: 700, letterSpacing: 1.4, lineHeight: 26, textCase: "UPPER" });
-    k.textStyle("What 28", { size: 28, fontWeight: 700, letterSpacing: -0.7, lineHeight: 32 });
-    k.textStyle("Detail 20", { size: 20, fontWeight: 500, lineHeight: 26 });
-    k.textStyle("Cell 23", { size: 23, fontWeight: 600, letterSpacing: -0.4, lineHeight: 28 });
-    k.textStyle("Score 22", { ...mono, size: 22, fontWeight: 700, letterSpacing: -0.2, lineHeight: 28, fontFeatures: { tnum: 1 } });
-    k.textStyle("Caption 40", { size: 40, fontWeight: 800, letterSpacing: -1, lineHeight: 48 });
-    k.textStyle("Button 32", { size: 32, fontWeight: 700, letterSpacing: -0.5, lineHeight: 40 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 32", label: "Import your sheet: shelfwise.example", pad: [20, 32], radius: 8 });
-    const sheet = reelSheet(k, S, { name: "vs comparison", gap: 22 });
-    lineGrid(k, sheet, k.tint("text", 0.07), CELLS);
-    const H = [0.5, 0.62, 0.44, 0.7, 0.81, 0.58, 0.36, 0.49, 0.66, 0.9, 0.74, 0.52, 0.4, 0.31, 0.57, 0.69, 0.84, 0.95, 0.63, 0.47];
-    const stock = [], low = [];
-    for (let i = 0; i < 52; i++) {
-      const h = Math.round(300 * H[i * 7 % H.length]);
-      (h < 135 ? low : stock).push(box(i * 18, 320 - h, 12, h));
-    }
-    k.vector(sheet, 936, 320, stock, "line", { name: "Stock levels", absolute: { x: 140, y: 1560 } });
-    k.vector(sheet, 936, 320, low, "no", { name: "Stock low", absolute: { x: 140, y: 1560 }, opacity: 0.55 });
-    k.rect(sheet, 940, 3, "shade", { name: "Stock axis", absolute: { x: 140, y: 1880 }, opacity: 0.4 });
-    k.text(sheet, "Comparison \xB7 Ref SW-VS-01 \xB7 {{brand.name}}", { style: "Ref 20", color: "onPaper", name: "Kicker" });
-    k.text(sheet, "{{brand.hook}}", { style: "Hook 88", color: "text", name: "Hook" });
-    const table = k.stack(sheet, { fill: "card", radius: 10, clip: true, stroke: { color: "line", width: 2, align: "INSIDE" }, effects: [shadow(k, "shade", 0.14, 16, 40)], name: "Table" });
-    const cols = (parent, name, o) => k.stack(parent, { direction: "HORIZONTAL", align: "CENTER", gap: 14, fill: o.fill, padding: { top: o.pad, right: 22, bottom: o.pad, left: 22 }, name });
-    const head = cols(table, "Head", { fill: "head", pad: 14 });
-    k.text(head, "Capability", { style: "Head 20", color: "onHead", width: W.what, name: "Head what" });
-    k.text(head, "Spreadsheet", { style: "Head 20", color: "onHead", width: W.old, name: "Head old" });
-    k.text(head, "{{brand.name}}", { style: "Head 20", color: "onHead", name: "Head new" });
-    const mark = (parent, yes) => {
-      const m = k.stack(parent, { width: 30, height: 30, name: yes ? "Tick" : "Cross" });
-      k.ellipse(m, 30, yes ? "yes" : "no", { name: "Mark ground", absolute: { x: 0, y: 0 } });
-      const paths = yes ? [{ closed: false, points: [{ x: 0, y: 7 }, { x: 5, y: 12 }, { x: 14, y: 0 }] }] : [{ closed: false, points: [{ x: 0, y: 0 }, { x: 11, y: 11 }] }, { closed: false, points: [{ x: 11, y: 0 }, { x: 0, y: 11 }] }];
-      k.vector(m, yes ? 14 : 11, yes ? 12 : 11, paths, "card", { name: "Mark", strokeWidth: 3.5, absolute: yes ? { x: 8, y: 9 } : { x: 9.5, y: 9.5 } });
-    };
-    ROWS.forEach(([what, detail, old, now], i) => {
-      const row = cols(table, "Row", { fill: i % 2 ? "zebra" : "card", pad: 18 });
-      const left = k.stack(row, { width: W.what, gap: 2, name: "What" });
-      k.text(left, what, { style: "What 28", color: "onCard", name: "What title" });
-      k.text(left, detail, { style: "Detail 20", color: "cardMuted", name: "What detail" });
-      const was = k.stack(row, { direction: "HORIZONTAL", width: W.old, gap: 10, align: "CENTER", name: "Old way" });
-      mark(was, false);
-      k.text(was, old, { style: "Cell 23", color: "cardMuted", name: "Old words" });
-      const is = k.stack(row, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "New way" });
-      mark(is, true);
-      k.text(is, now, { style: "Cell 23", color: "onCard", name: "New words" });
-    });
-    k.rect(table, "FILL", 2, "line", { name: "Foot rule" });
-    const foot = k.stack(table, { direction: "HORIZONTAL", align: "CENTER", justify: "SPACE_BETWEEN", padding: { top: 14, right: 22, bottom: 14, left: 22 }, name: "Foot" });
-    const tally = k.stack(foot, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Tally" });
-    k.text(tally, "{{brand.name}}", { style: "Score 22", color: "onCard", autoWidth: true, name: "Score name" });
-    k.text(tally, "5 \xB7 Spreadsheet 0", { style: "Score 22", color: "onCard", name: "Score" });
-    k.text(foot, "5 of 5 rows", { style: "Ref 20", color: "cardMuted", autoWidth: true, name: "Row count" });
-    captionStrip(k, sheet, swaps[0].words[0], { style: "Caption 40", fill: "head", ink: "onHead", radius: 8, pad: [14, 22] });
-    k.instance(sheet, "Button", { Label: "Import your sheet: {{brand.site}}" }, { name: "Call" });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    const tableHeight = k.finish().nodes[table].height;
-    k.variants(sheet, [...reelCuts({ post: 40, portrait: 80 }, {
-      post: (kit, id) => {
-        kit.patch(id, { itemSpacing: 14, counterAxisSpacing: 14, padding: { top: 36, right: 140, bottom: 36, left: 140 } });
-        hide(kit, id, ["Kicker", "Stock levels", "Stock low", "Stock axis"]);
-        restyle(kit, id, "Hook", "Hook 56");
-        patchAll(kit, id, "Row", { padding: { top: 12, right: 22, bottom: 12, left: 22 } });
-      },
-      portrait: (kit, id) => {
-        kit.patch(id, { padding: { top: 70, right: 140, bottom: 70, left: 140 } });
-        hide(kit, id, ["Stock levels", "Stock low", "Stock axis"]);
-      }
-    }), wideCut(660, (kit, id, right) => {
-      const scale = right.width / COLUMN;
-      redrawLines(kit, id, CELLS);
-      restyle(kit, id, "Hook", "Hook 76");
-      hide(kit, id, ["Stock levels", "Stock low", "Stock axis"]);
-      float(kit, id, "Table", right.x, right.y + Math.round((right.height - tableHeight * scale) / 2), { scale, width: COLUMN });
-    })]);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  saas_vs_comparison_default
-};

package/dist/chunks/chunk-XONMRKVE.js

@@ -1,140 +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,
-  blinking,
-  cursor,
-  fitGround,
-  ground,
-  lockup,
-  minimap,
-  mono,
-  termBrand
-} from "./chunk-JAQ6A2NG.js";
-import {
-  portraitSlot
-} from "./chunk-UD3JVCFG.js";
-import {
-  cutOff,
-  cutOn,
-  hz
-} from "./chunk-PMVMC75G.js";
-import {
-  restyle
-} from "./chunk-QLV6445V.js";
-import {
-  pill,
-  postVariants
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/social/style-terminal-testimonial.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Terminal SaaS testimonial post";
-var DURATION = 7e3;
-var OUT = 6e3;
-var CONTENT = ["Top row", "Command", "Person", "Quote", "Diff", "Diff del", "Diff add", "Foot"];
-var cues = [
-  cutOn("Top row", 100),
-  { layer: "Command", preset: "typewriter", at: 150, params: { duration: 500 } },
-  cutOn("Person", 750),
-  // Typed out a word at a time: each word is on in one step, the way a terminal prints, never faded.
-  { layer: "Quote", preset: "words-in", at: 900, params: { duration: 2200, amount: 0, ease: ease.hold } },
-  cutOn("Diff", 3250),
-  cutOn("Diff del", 3300),
-  cutOn("Diff add", 3700),
-  cutOn("Foot", 1e3),
-  cutOff([...CONTENT].reverse(), OUT, 90)
-];
-var style_terminal_testimonial_default = defineTemplate({
-  id: "motion-saas-style-terminal-testimonial",
-  meta: {
-    name: NAME,
-    description: "An animated testimonial in the light terminal look: a cat command prints a review, a photo slot and name cut on, the quote arrives a word at a time in big monospace and the CI time lands as a red and green diff. It cuts off to a blinking cursor, so it loops. Seven seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "terminal", "monospace", "light", "developer tools", "testimonial", "quote", "review", "customer", "photo", "post", "loop"],
-    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["testimonial", "quote", "case-study"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-post"));
-    k.quantizeGeometry = true;
-    termBrand(k, { quote: 'We stopped saying "waiting on CI". The run is back before you have switched tabs.' }, { light: true });
-    mono(k, "Brand 32", 32, { weight: 700, lead: 1.2 });
-    mono(k, "Label 24", 24, { weight: 500, lead: 1.4 });
-    mono(k, "Name 30", 30, { weight: 700, lead: 1.3 });
-    mono(k, "Quote 60", 60, { weight: 700, lead: 1.2, spacing: -1.6 });
-    mono(k, "Diff 32", 32, { weight: 600, lead: 1.4 });
-    mono(k, "Quote 68", 68, { weight: 700, lead: 1.2, spacing: -1.8 });
-    mono(k, "Diff 38", 38, { weight: 600, lead: 1.4 });
-    mono(k, "Button 24", 24, { weight: 700, lead: 1.3 });
-    pill(k, "Call", { fill: "primary", ink: "onPrimary", style: "Button 24", label: `$ ${SHARD.install}`, pad: [12, 20], radius: 4 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 28, 72, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    ground(k, sheet, 1080, 1080, { cw: 18, lh: 36 });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top row" });
-    lockup(k, top, { size: 32, style: "Brand 32" });
-    const tag = k.stack(top, { direction: "HORIZONTAL", width: "HUG", padding: { top: 4, right: 12, bottom: 4, left: 12 }, stroke: { color: "edge", width: 2, align: "INSIDE" }, name: "Review tag" });
-    k.text(tag, "review 041", { style: "Label 24", color: "onPaper", autoWidth: true, name: "Review words" });
-    const body = k.stack(sheet, { gap: 26, name: "Body" });
-    k.text(body, "$ cat reviews/tidewater.txt", { style: "Label 24", color: "onPaper", name: "Command" });
-    const person = k.stack(body, { direction: "HORIZONTAL", gap: 24, align: "CENTER", name: "Person" });
-    portraitSlot(k, person, 150, 150, { radius: 2, ground: "well", skin: "edge", top: "line", halo: "green", name: "Portrait", photo: "Customer photo" });
-    const who = k.stack(person, { gap: 4, name: "Who" });
-    k.text(who, "Priya Raman", { style: "Name 30", color: "text", name: "Name" });
-    k.text(who, "platform lead, Tidewater Health", { style: "Label 24", color: "onPaper", name: "Role" });
-    k.text(body, "{{brand.quote}}", { style: "Quote 60", color: "text", name: "Quote" });
-    const diff = k.stack(body, { fill: "card", stroke: { color: "edge", width: 2, align: "INSIDE" }, radius: 4, padding: { top: 16, right: 22, bottom: 16, left: 22 }, gap: 4, name: "Diff" });
-    k.text(diff, "- ci on main   19m40s", { style: "Diff 32", color: "red", name: "Diff del" });
-    k.text(diff, "+ ci on main    1m11s", { style: "Diff 32", color: "green", name: "Diff add" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Foot" });
-    k.instance(foot, "Call", { Label: `$ ${SHARD.install}` }, { name: "Call" });
-    const site = k.stack(foot, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", gap: 8, name: "Site row" });
-    k.text(site, "{{brand.site}}", { style: "Label 24", color: "onPaper", autoWidth: true, name: "Site" });
-    blinking(k, cursor(k, site, 24, { name: "Cursor" }), hz(14, DURATION));
-    k.cues(sheet, cues);
-    k.variants(sheet, postVariants({ portrait: 72, vertical: 96 }, {
-      // The tall cuts set the words larger, so the quote fills the column instead of leaving bands of ground.
-      portrait: (kit, id) => {
-        fitGround(kit, id, { cw: 18, lh: 36 });
-        restyle(kit, id, "Quote", "Quote 68");
-        for (const d of ["Diff del", "Diff add"]) restyle(kit, id, d, "Diff 38");
-      },
-      vertical: (kit, id) => {
-        fitGround(kit, id, { cw: 18, lh: 36 });
-        restyle(kit, id, "Quote", "Quote 68");
-        for (const d of ["Diff del", "Diff add"]) restyle(kit, id, d, "Diff 38");
-        for (const n of kit.named(id, "Body")) kit.patch(n, { itemSpacing: 40 });
-        minimap(kit, id, { x: 140, y: 1500, width: 800, rows: 15, seed: 53, scroll: { duration: DURATION, every: 500 } });
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  style_terminal_testimonial_default
-};