@popcraft/kit 0.44.1 → 0.46.0

package/dist/chunks/chunk-CK6VARVX.js

@@ -1,298 +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 {
-  APP_CUES,
-  accountPage,
-  accountPages,
-  appPages,
-  choice,
-  closing,
-  editInPlace,
-  errorLine,
-  eyebrow,
-  pane,
-  panes,
-  recordButton,
-  stat
-} from "./chunk-5XFCULOT.js";
-import {
-  form,
-  repeats,
-  says,
-  userVariables,
-  visitorCollection
-} from "./chunk-K6AHIEXA.js";
-import {
-  field,
-  formStyles,
-  select,
-  submit
-} from "./chunk-5Q4PHR4Q.js";
-import {
-  buttons
-} 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/tempo-app.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var KINDS = ["Run", "Ride", "Lift", "Swim", "Yoga", "Walk"];
-var KIND_ROLE = { Run: "run", Ride: "ride", Lift: "lift", Swim: "swim", Yoga: "yoga", Walk: "walk" };
-var EFFORTS = ["Easy", "Steady", "Hard"];
-var SAMPLES = [
-  { kind: "Run", minutes: 42, effort: "Steady", note: "River loop. Negative split on the way back.", best: "No", day: "Fri 2 Oct" },
-  { kind: "Lift", minutes: 55, effort: "Hard", note: "Squat 5\xD75. Last set moved well.", best: "Yes", day: "Thu 1 Oct" },
-  { kind: "Yoga", minutes: 25, effort: "Easy", note: "Hips and hamstrings before bed.", best: "No", day: "Wed 30 Sep" },
-  { kind: "Ride", minutes: 95, effort: "Steady", note: "Out to the reservoir with the Saturday group.", best: "Yes", day: "Sat 26 Sep" },
-  { kind: "Swim", minutes: 30, effort: "Hard", note: "10\xD7100 on two minutes.", best: "No", day: "Fri 25 Sep" }
-];
-var WEEK = [["M", 42, "Run"], ["T", 55, "Lift"], ["W", 25, "Yoga"], ["T", 0, "Walk"], ["F", 30, "Swim"], ["S", 95, "Ride"], ["S", 38, "Walk"]];
-var tempo_app_default = defineTemplate({
-  id: "web-tempo-app",
-  meta: {
-    name: "Tempo \u2014 a training log with accounts",
-    description: "A working workout log: visitors sign up and log a session in three taps and a number \u2014 what, how long, how hard. Each session is a bar as long as its minutes, coloured by what it was, and a tap marks it as a best and lifts it to the top. A dark, numbers-first design; every visitor keeps their own log in the database. Landing, sign-up, sign-in, log and account pages that fold from desktop to phone",
-    category: "web",
-    tags: ["app", "accounts", "sign in", "database", "fitness", "workout", "training", "log", "tracker", "dark", "website"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["planning", "onboarding"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  breakpoints: true,
-  motion: { cues: APP_CUES },
-  build() {
-    const k = new Kit("Tempo", preset("web-desktop"));
-    k.brand(
-      { paper: "#0B0C0F", text: "#F4F6EE", onPaper: "#9CA2AB", primary: "#C8FF3D", onPrimary: "#0B0C0F", card: "#15171C", onCard: "#F4F6EE", cardMuted: "#8F959F", field: "#1D2026", onField: "#AEB4BD", line: "#2A2E37", danger: "#FF7A6B", onDanger: "#0B0C0F" },
-      { name: "Tempo" }
-    );
-    k.palette({ run: "#C8FF3D", ride: "#3DD6FF", lift: "#FF6B3D", swim: "#4D7CFF", yoga: "#C77DFF", walk: "#FFD23D" });
-    const mono = { fontFamily: "JetBrains Mono" };
-    k.textStyle("Brand 20", { size: 20, fontWeight: 900, letterSpacing: -0.4, lineHeight: 28 });
-    k.textStyle("Link 15", { size: 15, fontWeight: 600, lineHeight: 22 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 800, lineHeight: 24 });
-    k.textStyle("Code 12", { size: 12, ...mono, fontWeight: 700, letterSpacing: 1.4, lineHeight: 16 });
-    k.textStyle("Display 76", { size: 76, fontWeight: 900, letterSpacing: -3.4, lineHeight: 72 });
-    k.textStyle("Title 36", { size: 36, fontWeight: 900, letterSpacing: -1.2, lineHeight: 40 });
-    k.textStyle("Body 17", { size: 17, fontWeight: 400, lineHeight: 27 });
-    k.textStyle("Note 15", { size: 15, fontWeight: 400, lineHeight: 22 });
-    k.textStyle("Card title 18", { size: 18, fontWeight: 800, lineHeight: 24 });
-    k.textStyle("Meta 14", { size: 14, fontWeight: 500, lineHeight: 20 });
-    k.textStyle("Chip 14", { size: 14, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Small 13", { size: 13, fontWeight: 700, lineHeight: 18 });
-    k.textStyle("Error 14", { size: 14, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Minutes 40", { size: 40, ...mono, fontWeight: 800, letterSpacing: -1.6, lineHeight: 40 });
-    k.textStyle("Stat 64", { size: 64, ...mono, fontWeight: 800, letterSpacing: -3, lineHeight: 64 });
-    formStyles(k, { thanks: false });
-    buttons(k, { style: "Button 16", radius: 14 });
-    const user = userVariables(k, { name: "Sam", email: "sam@example.com" });
-    const sessions = visitorCollection(k, "Sessions", [
-      { name: "Kind", type: "OPTION", options: [...KINDS] },
-      { name: "Minutes", type: "NUMBER" },
-      { name: "Effort", type: "OPTION", options: [...EFFORTS] },
-      { name: "Note", type: "TEXT" },
-      { name: "Best", type: "OPTION", options: ["No", "Yes"] },
-      { name: "Day", type: "DATE" }
-    ], SAMPLES);
-    const app = appPages(k, { brand: "Tempo", width: 1120, gap: 24 });
-    const mark = (parent) => {
-      const m = k.stack(parent, { direction: "HORIZONTAL", width: 30, height: 30, gap: 3, radius: 9, fill: "primary", align: "MAX", justify: "CENTER", padding: { top: 7, right: 0, bottom: 7, left: 0 }, name: "Mark" });
-      for (const h of [8, 16, 11]) k.rect(m, 4, h, "onPrimary", { radius: 2, name: "Beat" });
-      return m;
-    };
-    const topBar = (column, right) => {
-      const row = k.stack(column, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top bar" });
-      const brand = k.stack(row, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", name: "Brand" });
-      mark(brand);
-      k.text(brand, "{{brand.name}}", { style: "Brand 20", color: "text", autoWidth: true, name: "Brand name" });
-      right?.(row);
-      return brand;
-    };
-    const week = (parent) => {
-      const card = k.stack(parent, { width: 460, gap: 22, fill: "card", radius: 30, stroke: { color: "line", width: 1 }, padding: 28, name: "Week card" });
-      const top = k.stack(card, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "MAX", name: "Week head" });
-      const total = k.stack(top, { width: "HUG", gap: 2, name: "Week total" });
-      k.text(total, "THIS WEEK", { style: "Code 12", color: "cardMuted", autoWidth: true, name: "Week label" });
-      const figure = k.stack(total, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "MAX", name: "Week figure" });
-      k.text(figure, "285", { style: "Stat 64", color: "onCard", autoWidth: true, name: "Week minutes" });
-      k.text(figure, "MIN", { style: "Code 12", color: "cardMuted", autoWidth: true, name: "Week unit" });
-      const streak = k.stack(top, { direction: "HORIZONTAL", width: "HUG", radius: 999, fill: "primary", padding: { top: 6, right: 12, bottom: 6, left: 12 }, name: "Week badge" });
-      k.text(streak, "6 SESSIONS", { style: "Code 12", color: "onPrimary", autoWidth: true, name: "Week badge label" });
-      const bars = k.stack(card, { direction: "HORIZONTAL", height: 190, gap: 12, align: "MAX", justify: "SPACE_BETWEEN", name: "Week bars" });
-      for (const [day, minutes, kind] of WEEK) {
-        const col = k.stack(bars, { width: 44, gap: 10, align: "CENTER", name: "Day" });
-        k.rect(col, 44, Math.max(6, Math.round(minutes * 1.6)), minutes ? KIND_ROLE[kind] : "field", { radius: 10, name: "Day bar" });
-        k.text(col, day, { style: "Code 12", color: "cardMuted", align: "CENTER", name: "Day letter" });
-      }
-      return card;
-    };
-    const welcome = app.page("Welcome", "/", "signedOut");
-    topBar(welcome.column, (row) => app.link(k.text(row, "Sign in", { style: "Link 15", color: "text", autoWidth: true, name: "Sign in link" }), "Sign in"));
-    const hero = panes(k, welcome.column, { gap: 40, align: "CENTER", name: "Hero" });
-    const lead = k.stack(hero, { gap: 22, name: "Lead" });
-    pane(k, lead, 320);
-    eyebrow(k, lead, "A TRAINING LOG, NOTHING ELSE", "Code 12");
-    k.text(lead, "Show up.\nWrite it down.", { style: "Display 76", color: "text", name: "Headline" });
-    k.text(lead, "Three taps and a number: what you did, how long, how hard. Tempo keeps the log and shows you the shape of your weeks.", { style: "Body 17", color: "onPaper", name: "Lead text" });
-    const ctas = k.stack(lead, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "Calls to action" });
-    app.link(k.instance(ctas, "Button", { Label: "Start your log" }, { name: "Create account" }), "Sign up");
-    app.link(k.instance(ctas, "Button quiet", { Label: "I have one" }, { name: "Have account" }), "Sign in");
-    const heroArt = k.stack(hero, { align: "CENTER", name: "Art" });
-    pane(k, heroArt, 320);
-    week(heroArt);
-    const closer = k.stack(welcome.column, { gap: 18, name: "Body" });
-    const strip = panes(k, closer, { gap: 16, name: "Points" });
-    for (const [figure, unit, what] of [["10", "SEC", "to log a session. No timers to start, no watch to pair."], ["6", "KINDS", "Run, ride, lift, swim, yoga, walk. Each has its own colour."], ["1", "TAP", "marks a best, and keeps it at the top where you can see it."]]) {
-      const tile = k.stack(strip, { gap: 10, fill: "card", radius: 22, stroke: { color: "line", width: 1 }, padding: 24, name: "Fact" });
-      pane(k, tile, 250);
-      const f = k.stack(tile, { direction: "HORIZONTAL", gap: 8, align: "MAX", name: "Fact figure" });
-      k.text(f, figure, { style: "Minutes 40", color: "onCard", autoWidth: true, name: "Fact number" });
-      k.text(f, unit, { style: "Code 12", color: "cardMuted", autoWidth: true, name: "Fact unit" });
-      k.text(tile, what, { style: "Note 15", color: "cardMuted", name: "Fact body" });
-    }
-    closing(k, app, closer, { title: "Your first session is ten seconds away.", style: "Title 36", button: "Start your log", radius: 22 });
-    const accounts = accountPages(k, app, {
-      styles: { title: "Title 36", body: "Body 17", meta: "Meta 14", link: "Link 15", error: "Error 14" },
-      top: (column, back) => back(topBar(column)),
-      art: (p) => {
-        k.patch(p, { counterAxisAlignItems: "CENTER" });
-        week(p);
-      },
-      copy: {
-        "Sign up": { title: "Start your log", body: "A name, an email and a password. Your sessions are yours alone.", button: "Create account", namePlaceholder: "Sam" },
-        "Sign in": { title: "Back at it", body: "Your log is where you left it.", button: "Sign in" }
-      }
-    });
-    const log = app.page("Log", "/log", "signedIn");
-    topBar(log.column, (row) => {
-      const who = k.stack(row, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", radius: 999, fill: "card", stroke: { color: "line", width: 1 }, padding: { top: 6, right: 14, bottom: 6, left: 6 }, name: "Account link" });
-      k.ellipse(who, 26, "primary", { name: "Face" });
-      says(k, k.text(who, "Sam", { style: "Link 15", color: "onCard", autoWidth: true, name: "Account name" }), "name");
-      app.link(who, "Account", "up");
-    });
-    const banner = panes(k, log.column, { gap: 24, align: "MAX", name: "Lead" });
-    const hello = k.stack(banner, { gap: 6, name: "Greeting block" });
-    pane(k, hello, 300);
-    eyebrow(k, hello, "YOUR LOG", "Code 12");
-    const helloRow = k.stack(hello, { direction: "HORIZONTAL", gap: 10, wrap: true, name: "Greeting" });
-    k.text(helloRow, "What did you do,", { style: "Title 36", color: "text", autoWidth: true, name: "Greeting words" });
-    says(k, k.text(helloRow, "Sam", { style: "Title 36", color: "text", autoWidth: true, name: "Greeting name" }), "name");
-    const tally = k.stack(banner, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "MAX", name: "Tally" });
-    k.bindExpression(k.text(tally, "5", { style: "Stat 64", color: "text", autoWidth: true, name: "Tally number" }), "characters", sessions.word);
-    k.text(tally, "SESSIONS\nLOGGED", { style: "Code 12", color: "onPaper", autoWidth: true, name: "Tally words" });
-    const stats = panes(k, log.column, { gap: 12, name: "Stats" });
-    for (const [label, expression, sample, unit] of [
-      ["Minutes this week", 'sumSince("Sessions", "minutes", 6)', "247", "MIN"],
-      ["Sessions this week", 'countSince("Sessions", 6)', "5", ""],
-      ["Longest session", 'best("Sessions", "minutes")', "95", "MIN"],
-      ["Days in a row", 'streak("Sessions")', "3", "DAYS"]
-    ]) stat(k, stats, { label, expression, sample, figure: "Minutes 40", caption: "Code 12", unit: unit || void 0, min: 200 });
-    const work = panes(k, log.column, { gap: 24, name: "Work" });
-    const composer = k.stack(work, { gap: 18, fill: "card", radius: 26, stroke: { color: "line", width: 1 }, padding: 26, name: "Art" });
-    pane(k, composer, 320);
-    k.text(composer, "LOG A SESSION", { style: "Code 12", color: "cardMuted", name: "Composer label" });
-    const add = k.stack(composer, { gap: 18, name: "Log form" });
-    choice(k, add, { card: true, label: "What", name: "kind", word: "sessionKind", options: KINDS, style: "Chip 14" });
-    field(k, add, { card: true, label: "Minutes", name: "minutes", placeholder: "45", type: "number", required: true });
-    choice(k, add, { card: true, label: "How hard", name: "effort", word: "sessionEffort", options: EFFORTS, style: "Chip 14" });
-    field(k, add, { card: true, label: "One line about it", name: "note", placeholder: "How it went" });
-    errorLine(k, add, "Error 14");
-    k.patch(submit(k, add, "Log it", { name: "Log button" }), { control: { kind: "BUTTON", buttonType: "submit", name: "best", value: "No" } });
-    form(k, add, { collectionId: sessions.id });
-    const feed = k.stack(work, { gap: 22, name: "Body" });
-    pane(k, feed, 340);
-    const empty = k.stack(feed, { gap: 6, padding: 28, radius: 22, stroke: { color: "line", width: 1 }, name: "Empty log" });
-    k.text(empty, "Nothing logged yet", { style: "Card title 18", color: "text", name: "Empty title" });
-    k.text(empty, "Your first session shows up here as a bar. Go and earn it.", { style: "Note 15", color: "onPaper", name: "Empty body" });
-    k.bindExpression(empty, "visible", `${sessions.word} == 0`);
-    k.patch(empty, { visible: false });
-    const session = (list, best) => {
-      const row = k.stack(list, { gap: 12, fill: "card", radius: 20, stroke: { color: "line", width: 1 }, padding: 18, name: "Session" });
-      const top = k.stack(row, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Session top" });
-      const figure = k.stack(top, { direction: "HORIZONTAL", width: "HUG", gap: 6, align: "MAX", name: "Session minutes" });
-      k.text(figure, "{{item.minutes}}", { style: "Minutes 40", color: "onCard", autoWidth: true, name: "Minutes number" });
-      k.text(figure, "MIN", { style: "Code 12", color: "cardMuted", autoWidth: true, name: "Minutes unit" });
-      const what = k.stack(top, { gap: 0, name: "Session what" });
-      k.text(what, "{{item.kind}}", { style: "Card title 18", color: "onCard", name: "Session kind" });
-      k.text(what, "{{item.effort}} \xB7 {{item.day}}", { style: "Meta 14", color: "cardMuted", name: "Session when" });
-      const track = k.stack(row, { direction: "HORIZONTAL", height: 10, radius: 5, fill: "field", clip: true, name: "Track" });
-      for (const kind of KINDS) {
-        const bar = k.rect(track, 168, 10, KIND_ROLE[kind], { radius: 5, name: `${kind} bar` });
-        k.bindExpression(bar, "width", "item_minutes * 4");
-        k.bindExpression(bar, "visible", `item_kind == "${kind}"`);
-        if (kind !== KINDS[0]) k.patch(bar, { visible: false });
-      }
-      const view = k.stack(row, { gap: 12, name: "Session view" });
-      k.text(view, "{{item.note}}", { style: "Note 15", color: "onCard", name: "Session note" });
-      const actions = k.stack(view, { direction: "HORIZONTAL", gap: 6, wrap: true, align: "CENTER", name: "Session actions" });
-      if (best) recordButton(k, actions, "Not a best", { set: ["best", "No"], style: "Small 13", line: "line", color: "onCard" });
-      else {
-        const mark2 = recordButton(k, actions, "Mark as a best", { set: ["best", "Yes"], style: "Small 13", fill: "primary", color: "onPrimary" });
-        k.bindExpression(mark2, "visible", 'item_best != "Yes"');
-        const marked = k.stack(actions, { direction: "HORIZONTAL", width: "HUG", radius: 999, stroke: { color: "primary", width: 1 }, padding: { top: 6, right: 12, bottom: 6, left: 12 }, name: "Best badge" });
-        k.text(marked, "A best", { style: "Small 13", color: "onCard", autoWidth: true, name: "Best badge label" });
-        k.bindExpression(marked, "visible", 'item_best == "Yes"');
-      }
-      const edit = k.stack(actions, { direction: "HORIZONTAL", width: "HUG", padding: { top: 6, right: 8, bottom: 6, left: 8 }, name: "Edit" });
-      k.text(edit, "Edit", { style: "Small 13", color: "cardMuted", autoWidth: true, name: "Edit label" });
-      k.patch(edit, { control: { kind: "BUTTON", buttonType: "button" } });
-      recordButton(k, actions, "Remove", { style: "Small 13", color: "cardMuted" });
-      editInPlace(k, { word: "editingSession", view, parent: row, trigger: edit, style: "Small 13", build: (f) => {
-        const minutes = field(k, f, { card: true, label: "Minutes", name: "minutes", placeholder: "45", type: "number", required: true });
-        k.patch(minutes, { control: { ...k.node(minutes).control, value: "{{item.minutes}}" } });
-        const effort = select(k, f, { card: true, label: "How hard", name: "effort", options: EFFORTS });
-        k.patch(effort, { control: { ...k.node(effort).control, value: "{{item.effort}}" } });
-        const note = field(k, f, { card: true, label: "Note", name: "note", placeholder: "How it went" });
-        k.patch(note, { control: { ...k.node(note).control, value: "{{item.note}}" } });
-      } });
-    };
-    const section = (title, blurb, filter, best) => {
-      const s = k.stack(feed, { gap: 12, name: `${title} section` });
-      const head = k.stack(s, { direction: "HORIZONTAL", gap: 10, align: "MAX", name: "Section head" });
-      k.text(head, title, { style: "Card title 18", color: "text", autoWidth: true, name: "Section title" });
-      k.text(head, blurb, { style: "Meta 14", color: "onPaper", autoWidth: true, name: "Section blurb" });
-      const list = k.stack(s, { gap: 12, name: `${title} list` });
-      repeats(k, list, sessions.id, { limit: 60 });
-      if (filter) k.patch(list, { repeat: { collectionId: sessions.id, limit: 60, filter } });
-      session(list, best);
-    };
-    section("Bests", "The ones to beat", 'item_best == "Yes"', true);
-    section("Every session", "Newest first", null, false);
-    const out = accountPage(k, app, {
-      user,
-      home: "Log",
-      back: "Back to the log",
-      sample: { name: "Sam", email: "sam@example.com" },
-      styles: { eyebrow: "Code 12", title: "Title 36", label: "Meta 14", value: "Card title 18", stat: "Stat 64", link: "Link 15" },
-      count: { label: "Sessions logged", word: sessions.word, sample: "5" },
-      top: (column, right) => {
-        topBar(column, right);
-      },
-      art: (p) => {
-        week(p);
-      }
-    });
-    app.finish("Welcome");
-    accounts.leads("Log");
-    out.leads();
-    return k.finish();
-  }
-});
-
-export {
-  tempo_app_default
-};

package/dist/chunks/chunk-CLCPXMRS.js

@@ -1,232 +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,
-  blocks,
-  cell,
-  clockFrames,
-  cursor,
-  fitGround,
-  ground,
-  lockup,
-  minimap,
-  mono,
-  promptLine,
-  runnerGrid,
-  scan,
-  spinner,
-  steps,
-  termBrand,
-  termLine,
-  termWindow
-} from "./chunk-ANGW7R6U.js";
-import {
-  camera,
-  float,
-  reelCuts,
-  reelSheet,
-  section,
-  wideCut
-} from "./chunk-7LZFBGFD.js";
-import {
-  followTyping
-} from "./chunk-QSBEDW52.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-WO4SSPCC.js";
-import {
-  cutOn,
-  hz
-} from "./chunk-FUYBBHPV.js";
-import {
-  hide,
-  restyle
-} from "./chunk-T3XFQJUI.js";
-import {
-  pill
-} from "./chunk-IL2F4BKM.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  Kit,
-  preset
-} from "./chunk-E3A22XSE.js";
-import {
-  ease
-} from "./chunk-6VIYCRKB.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/motion/style-terminal-launch-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("chiptune", 0, 9);
-var { beat } = S;
-var NAME = "Terminal SaaS launch reel";
-var TERM = { w: 800, h: 700 };
-var SIZE = 25;
-var CW = cell(SIZE);
-var TYPING = { text: "Command", caret: "Command caret", at: beat(2), duration: beat(4) };
-var SPLIT = beat(8);
-var UP = beat(10);
-var DONE = beat(20);
-var CELLS = 24;
-var OLD_H = 4 * 38 + 3 * 2 + 4;
-var SHOTS = [
-  { t: UP + beat(1), duration: 1, zoom: 1.3, x: 340, y: 300 },
-  // Close enough to read PASS, and wide enough that the progress line's count stays in frame.
-  { t: DONE, duration: 1, zoom: 1.2, x: 360, y: 520 },
-  { t: beat(26), duration: 1, zoom: 1 }
-];
-var cues = [
-  { layer: "Kicker", preset: "typewriter", at: 0, params: { duration: 360 } },
-  cutOn("Clock", 120),
-  cutOn("Version", beat(1)),
-  cutOn("Stage", beat(1)),
-  { 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 + beat(1), Math.round((DONE - UP - beat(1)) / 64)),
-  cutOn("Pass line", DONE),
-  { layer: "Pass", preset: "flash", at: DONE + 40, params: { duration: 400, ease: ease.hold } },
-  cutOn("Time line", beat(22)),
-  cutOn("Slow row", beat(23), 130),
-  cutOn("Idle line", beat(24)),
-  { layer: "Call", preset: "flash", at: beat(26), params: { duration: 400, ease: ease.hold } },
-  { layer: "Call", preset: "pulse", at: beat(30), params: { duration: 400, amount: 0.04 } },
-  { layer: "Call", preset: "pulse", at: beat(32), params: { duration: 400, amount: 0.04 } }
-];
-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")}` } }
-];
-var swaps = [captionSwap(["Your CI takes fourteen minutes.", "One command splits every test.", "Sixty-four runners, one green check.", "Fifty-two seconds. Free to start."], 0, S.duration - 30, { stagger: 60, in: 200, out: 160, rise: 0 })];
-var style_terminal_launch_reel_default = defineTemplate({
-  id: "motion-saas-style-terminal-launch-reel",
-  meta: {
-    name: NAME,
-    description: "A 14-second launch video in the terminal look: the problem as a clock struck through in red, then a real shell session: a command typed a letter at a time, a spinner, a progress bar of character cells and 64 runner cells lighting as they finish, PASS in inverse video and the clock rolling down from 14:08 to 00:52. Stepped motion, cut zooms, a blinking block cursor, music and burned-in captions. 9:16 with square, 4:5 and 16:9 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "terminal", "monospace", "cli", "developer tools", "launch", "reel", "typewriter", "progress bar", "counter", "captions", "music", "audio", "tiktok", "shorts"],
-    platforms: ["tiktok", "instagram", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post", "video"],
-    useCases: ["launch", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit(NAME, preset("ig-story"));
-    k.quantizeGeometry = true;
-    termBrand(k, {});
-    const term = mono(k, "Term 25", SIZE, { lead: 1.5 });
-    mono(k, "Brand 30", 30, { weight: 700, lead: 1.2 });
-    mono(k, "Label 22", 22, { weight: 500, lead: 1.4 });
-    mono(k, "Kicker 30", 30, { weight: 500, lead: 1.4 });
-    mono(k, "Clock 210", 210, { weight: 800, lead: 1, spacing: -6 });
-    mono(k, "Clock 132", 132, { weight: 800, lead: 1, spacing: -4 });
-    mono(k, "Caption 34", 34, { weight: 600, lead: 1.35 });
-    mono(k, "Button 30", 30, { weight: 700, lead: 1.3 });
-    pill(k, "Call", { fill: "primary", ink: "onPrimary", style: "Button 30", label: `$ ${SHARD.install}`, pad: [16, 26], radius: 4 });
-    const sheet = reelSheet(k, S, { name: "Launch reel", gap: 14 });
-    ground(k, sheet, 1080, 1920, { cw: 18, lh: 36 });
-    minimap(k, sheet, { x: 140, y: 1476, width: 800, rows: 16, scroll: { duration: S.duration, every: beat(1) } });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Brand row" });
-    lockup(k, top, { size: 30, style: "Brand 30" });
-    const ver = k.stack(top, { direction: "HORIZONTAL", width: "HUG", padding: { top: 4, right: 12, bottom: 4, left: 12 }, stroke: { color: "edge", width: 2, align: "INSIDE" }, name: "Version" });
-    k.text(ver, `v${SHARD.version}.0 launch`, { style: "Label 22", color: "onPaper", autoWidth: true, name: "Version words" });
-    const hook = k.stack(sheet, { gap: 0, name: "Hook" });
-    k.text(hook, "$ time shard run", { style: "Kicker 30", color: "onPaper", name: "Kicker" });
-    const clockBox = k.stack(hook, { height: 196, name: "Clock box" });
-    const clock = k.text(clockBox, "00:52", { style: "Clock 210", color: "text", width: 800, name: "Clock" });
-    const strike = k.rect(clockBox, 640, 14, "red", { name: "Strike", absolute: { x: -8, y: 96 }, opacity: 0 });
-    const stage = k.stack(sheet, { width: TERM.w, height: TERM.h, clip: true, radius: 6, name: "Stage" });
-    const cam = k.frame(stage, { x: 0, y: 0, width: TERM.w, height: TERM.h }, { name: "Camera" });
-    const t = termWindow(k, cam, { w: TERM.w, h: TERM.h, left: "~/acme/checkout", right: "zsh  80x24", style: "Label 22", absolute: { x: 0, y: 0 }, shadow: false, gap: 10 });
-    const inner = TERM.w - 56;
-    const scroll = k.stack(t.body, { gap: 4, name: "Scroll" });
-    const old = k.stack(scroll, { width: inner, gap: 2, name: "Last run" });
-    termLine(k, old, [{ t: "~/checkout ", c: "cyan" }, { t: "$ ", c: "green" }, { t: "npm test", c: "onCard" }], { style: term, name: "Old line" });
-    termLine(k, old, [{ t: "Test Suites: ", c: "cardMuted" }, { t: "212 passed", c: "green" }, { t: ", 212 total", c: "cardMuted" }], { style: term, name: "Old line" });
-    termLine(k, old, [{ t: "Tests:       ", c: "cardMuted" }, { t: "2418 passed", c: "green" }, { t: ", 2418 total", c: "cardMuted" }], { style: term, name: "Old line" });
-    termLine(k, old, [{ t: "Time:        ", c: "cardMuted" }, { t: "848.21 s", c: "red" }], { style: term, name: "Old line" });
-    promptLine(k, scroll, SHARD.run, { style: term, size: SIZE, dir: "~/checkout", width: inner - Math.round(13 * CW) });
-    const split = termLine(k, scroll, [{ t: "[+]", c: "green", name: "Spin split", width: Math.ceil(3 * CW) }, { t: ` splitting ${SHARD.tests.toLocaleString("en-US")} tests by timing`, c: "onCard" }], { style: term, name: "Split line" });
-    const up = termLine(k, scroll, [{ t: "[+]", c: "green", name: "Spin up", width: Math.ceil(3 * CW) }, { t: ` ${SHARD.runners} runners up`, c: "onCard" }, { t: ` ${SHARD.region}`, c: "cyan" }, { t: " 1.8s", c: "amber" }], { style: term, name: "Up line" });
-    const prog = k.stack(scroll, { direction: "HORIZONTAL", align: "CENTER", gap: Math.round(CW), padding: { top: 10, right: 0, bottom: 4, left: 0 }, name: "Progress line" });
-    blocks(k, prog, { cells: CELLS, cw: CW, h: 24 });
-    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, scroll, { n: SHARD.runners, cols: 32, size: 19, gap: 4 });
-    termLine(k, scroll, [{ t: "PASS", c: "green", tag: "ink", name: "Pass" }, { t: ` ${SHARD.tests.toLocaleString("en-US")} passed`, c: "green" }, { t: "  0 failed", c: "cardMuted" }], { style: term, name: "Pass line" });
-    termLine(k, scroll, [{ t: "time", c: "cardMuted" }, { t: `  ${SHARD.after}`, c: "amber" }, { t: `  was ${SHARD.before} on main`, c: "cardMuted" }], { style: term, name: "Time line" });
-    for (const [n, file, secs] of [["17", "checkout.spec.ts", "41.2s"], ["03", "cart/tax.spec.ts", "38.9s"]]) {
-      termLine(k, scroll, [{ t: `shard ${n}  `, c: "cardMuted" }, { t: file.padEnd(22), c: "cyan" }, { t: secs, c: "amber" }], { style: term, name: "Slow row" });
-    }
-    const idle = k.stack(scroll, { direction: "HORIZONTAL", align: "CENTER", name: "Idle line" });
-    k.text(idle, "~/checkout ", { style: term, color: "cyan", autoWidth: true, name: "Prompt dir" });
-    k.text(idle, "$ ", { style: term, color: "green", autoWidth: true, name: "Prompt sign" });
-    blinking(k, cursor(k, idle, SIZE, { name: "Cursor" }), hz(18, S.duration));
-    captionStrip(k, sheet, swaps[0].words[0], { style: "Caption 34", fill: "card", ink: "onCard", radius: 4, pad: [16, 24], stroke: { color: "edge", width: 2, align: "INSIDE" } });
-    const row = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Call row" });
-    k.instance(row, "Call", { Label: `$ ${SHARD.install}` }, { name: "Call" });
-    k.text(row, "{{brand.site}}", { style: "Label 22", color: "onPaper", autoWidth: true, name: "Site" });
-    scan(k, sheet);
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    spinner(k, k.named(split, "Spin split")[0], SPLIT, UP);
-    spinner(k, k.named(up, "Spin up")[0], UP, UP + beat(2));
-    for (const id of k.named(sheet, "Kicker")) steps(k, id, [[0, "$ time npm test"], [DONE, "$ time shard run"]]);
-    steps(k, clock, [[0, "14:08"], ...clockFrames(DONE, beat(2), 848, 52, 20)]);
-    k.patch(strike, { anchorX: 0, anchorY: 0.5 });
-    k.animate(strike, "scaleX", [{ t: 420, v: 0, ease: ease.linear }, { t: 720, v: 1 }]);
-    k.animate(strike, "opacity", [{ t: 419, v: 0, ease: ease.hold }, { t: 420, v: 1, ease: ease.hold }, { t: DONE, v: 0 }]);
-    k.animate(scroll, "translateY", Array.from({ length: 5 }, (_, i) => ({ t: SPLIT + i * 60, v: -Math.round((OLD_H + 24) * i / 4), ...i < 4 ? { ease: ease.hold } : {} })));
-    camera(k, cam, TERM.w, TERM.h, SHOTS);
-    followTyping(k, sheet, TYPING);
-    const copies = k.variants(sheet, [...reelCuts({ post: 36, portrait: 60 }, {
-      post: (kit, id) => {
-        kit.patch(id, { itemSpacing: 16, counterAxisSpacing: 16, padding: { top: 36, right: 140, bottom: 36, left: 140 } });
-        fitGround(kit, id, { cw: 18, lh: 36 });
-        hide(kit, id, ["Brand row", "Minimap"]);
-        const sq = TERM.h - 140;
-        for (const name of ["Stage", "Camera", "Terminal"]) for (const n of kit.named(id, name)) kit.patch(n, { height: sq });
-        for (const n of kit.named(id, "Session")) kit.patch(n, { height: sq - 54 });
-      },
-      portrait: (kit, id) => {
-        kit.patch(id, { itemSpacing: 22, counterAxisSpacing: 22 });
-        fitGround(kit, id, { cw: 18, lh: 36 });
-        hide(kit, id, ["Minimap"]);
-        restyle(kit, id, "Clock", "Clock 132");
-        for (const n of kit.named(id, "Clock box")) kit.patch(n, { height: 132 });
-        for (const n of kit.named(id, "Strike")) kit.patch(n, { y: 62, width: 420, height: 10 });
-      }
-    }), wideCut(640, (kit, id, right) => {
-      const scale = Math.min(right.width / TERM.w, right.height / TERM.h), top2 = right.y + Math.round((right.height - TERM.h * scale) / 2);
-      fitGround(kit, id, { cw: 18, lh: 36 });
-      float(kit, id, "Stage", right.x + Math.round((right.width - TERM.w * scale) / 2), top2, { scale });
-      hide(kit, id, ["Minimap"]);
-    })]);
-    for (const id of copies) followTyping(k, id, TYPING);
-    hide(k, copies[0], ["Last run"]);
-    for (const n of k.named(copies[0], "Scroll")) k.patch(n, { motion: void 0 });
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_terminal_launch_reel_default
-};

package/dist/chunks/chunk-CM4OAQMP.js

@@ -1,93 +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 {
-  PIGEON,
-  addressLines,
-  desk,
-  envelope,
-  letter,
-  petals,
-  postmark,
-  stage,
-  stamp,
-  valentinesBrand,
-  waxSeal
-} from "./chunk-NDWT4AA2.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-5OTEBTMU.js";
-import {
-  pill
-} from "./chunk-IL2F4BKM.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/social/valentines-link-preview.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var valentines_link_preview_default = defineTemplate({
-  id: "social-valentines-link-preview",
-  meta: {
-    name: "Valentine link preview",
-    description: "A 1200 \xD7 630 link preview for Valentine\u2019s week: the promise in a heavy serif and the two-for-one offer as a label, beside a writing desk in oxblood and cream \u2014 an airmail envelope, a letterpress valentine whose poem is about a real feature, a wax seal, a pigeon stamp and a 14 February postmark",
-    category: "social",
-    tags: ["valentine", "valentines day", "link preview", "open graph", "og image", "love letter", "letterpress", "wax seal", "airmail", "stamp", "saas", "seasonal", "serif"],
-    platforms: ["web", "x", "linkedin", "facebook"],
-    formats: ["og-image"],
-    useCases: ["sale", "launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit("Valentine link preview", preset("og-image"));
-    k.quantizeGeometry = true;
-    valentinesBrand(k, { tagline: "Be the team that always writes back." });
-    k.textStyle("Eyebrow 18", { size: 18, fontWeight: 700, letterSpacing: 4, lineHeight: 26, textCase: "UPPER" });
-    k.textStyle("Display 76", { ...SERIF, size: 76, fontWeight: 900, letterSpacing: -2.6, lineHeight: 76 });
-    k.textStyle("Facts 19", { ...MONO, size: 19, fontWeight: 500, lineHeight: 30 });
-    k.textStyle("Label 20", { size: 20, fontWeight: 800, lineHeight: 26 });
-    k.textStyle("Salute 22", { ...SERIF, size: 22, fontStyle: "italic", fontWeight: 500, lineHeight: 28 });
-    k.textStyle("Poem 30", { ...SERIF, size: 30, fontWeight: 800, letterSpacing: -0.7, lineHeight: 38 });
-    k.textStyle("Sign 16", { ...MONO, size: 16, fontWeight: 600, letterSpacing: 0.5, lineHeight: 22 });
-    k.textStyle("Mark 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 0.5, lineHeight: 19, textAlign: "CENTER" });
-    k.textStyle("Value 20", { ...SERIF, size: 20, fontWeight: 900, lineHeight: 22, textAlign: "CENTER" });
-    pill(k, "Label", { fill: "primary", ink: "onPrimary", style: "Label 20", label: "Two for one until 14 February", pad: [10, 20], radius: 4 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 20, { top: 60, right: 600, bottom: 60, left: 72 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    desk(k, sheet, { x: 0.72, y: 0.45 });
-    const st = stage(k, sheet, { w: 620, h: 630, name: "Desk", absolute: { x: 580, y: 0 } });
-    const env = envelope(k, st, { x: 80, y: 205, w: 540, h: 370, tilt: 8, name: "Envelope" });
-    addressLines(k, env, { x: 64, y: 262, w: 220, gap: 28 });
-    stamp(k, env, { x: 404, y: 40, w: 100, style: "Value 20", value: "14" });
-    postmark(k, env, { x: 330, y: 214, size: 112, style: "Mark 16", waves: 0, tilt: -14 });
-    petals(k, st, [[0, 20, 46, 40], [560, 40, 38, -30], [20, 560, 44, 120], [-40, 330, 34, -70]]);
-    const card = letter(k, st, { x: 26, y: 44, w: 456, tilt: -5, pad: 28, gap: 12 });
-    k.text(card.inner, "To Pigeon, on the fourteenth", { style: "Salute 22", color: "inkRed", name: "Salute" });
-    k.text(card.inner, "Roses are red,\nour queue was a zoo.\nNobody\u2019s replied twice\nsince we switched to you.", { style: "Poem 30", color: "ink", name: "Poem" });
-    k.text(card.inner, "\u2014 the support desk at Fernhill", { style: "Sign 16", color: "inkSoft", name: "Signature" });
-    waxSeal(k, st, { x: 318, y: 318, size: 150, tilt: -12 });
-    k.text(sheet, "{{brand.name}} \xB7 Valentine\u2019s week", { style: "Eyebrow 18", color: "onPaper", name: "Eyebrow" });
-    k.text(sheet, "{{brand.tagline}}", { style: "Display 76", color: "text", name: "Headline" });
-    k.text(sheet, "One owner per email. No double replies. Nothing left on read.", { style: "Facts 19", color: "onPaper", name: "Facts" });
-    k.instance(sheet, "Label", { Label: `Two for one until ${PIGEON.ends}` }, { name: "Label" });
-    return k.finish();
-  }
-});
-
-export {
-  valentines_link_preview_default
-};