@popcraft/kit 0.24.2 → 0.25.0

package/dist/chunks/chunk-TUVHZQ6D.js

@@ -1,301 +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,
-  opener,
-  pane,
-  panes,
-  recordButton,
-  stat
-} from "./chunk-ICFOJTE3.js";
-import {
-  form,
-  repeats,
-  says,
-  userVariables,
-  visitorCollection
-} from "./chunk-3QTC5C65.js";
-import {
-  field,
-  formStyles,
-  select,
-  submit
-} from "./chunk-HHXQEOXO.js";
-import {
-  buttons
-} from "./chunk-YKXCPYWJ.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/kindling-app.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var WHEN = ["Morning", "Afternoon", "Evening", "Any time"];
-var HABITS = [
-  { name: "Read 20 pages", when: "Evening", why: "Back to being someone who finishes books." },
-  { name: "Walk before work", when: "Morning", why: "Daylight first, screens second." },
-  { name: "No phone at dinner", when: "Evening", why: "Actually talk to each other." },
-  { name: "Stretch for ten minutes", when: "Any time", why: "My back will thank me at forty." }
-];
-var CHECKS = [{ habit: "Walk before work" }, { habit: "Read 20 pages" }];
-var DAYS = 7;
-var kindling_app_default = defineTemplate({
-  id: "web-kindling-app",
-  meta: {
-    name: "Kindling \u2014 a habit tracker with accounts",
-    description: "A working habit tracker: visitors sign up, name the habits they are building and tap Done each day. Every card keeps its streak, its last seven days as a row of marks and its count this week, all worked out from the check-ins; today\u2019s list undoes a tap made by mistake. Each visitor keeps their own habits in the database. Landing, sign-up, sign-in, password reset, today and account pages that fold from desktop to phone",
-    category: "web",
-    tags: ["app", "accounts", "sign in", "database", "habits", "habit tracker", "streaks", "routine", "daily", "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("Kindling", preset("web-desktop"));
-    k.brand(
-      { paper: "#F2F4EC", text: "#16231C", onPaper: "#57635B", primary: "#1D6B4F", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#16231C", cardMuted: "#5E6B63", field: "#F7F9F3", onField: "#5E6B63", line: "#DCE3D4", danger: "#B3261E", onDanger: "#FFFFFF" },
-      { name: "Kindling" }
-    );
-    k.palette({ ember: "#E8590C", flame: "#FFB238", ash: "#E4E9DD", moss: "#9CC5A1", dusk: "#26402F", light: "#FFF6E0" });
-    k.textStyle("Brand 20", { size: 20, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Link 15", { size: 15, fontWeight: 600, lineHeight: 22 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Code 12", { size: 12, fontFamily: "JetBrains Mono", fontWeight: 700, letterSpacing: 1.2, lineHeight: 16 });
-    k.textStyle("Display 64", { size: 64, fontWeight: 800, letterSpacing: -2.4, lineHeight: 66 });
-    k.textStyle("Title 36", { size: 36, fontWeight: 800, letterSpacing: -1, lineHeight: 42 });
-    k.textStyle("Habit 22", { size: 22, fontWeight: 750, letterSpacing: -0.4, lineHeight: 28 });
-    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: 700, lineHeight: 24 });
-    k.textStyle("Meta 14", { size: 14, fontWeight: 500, lineHeight: 20 });
-    k.textStyle("Chip 14", { size: 14, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Small 13", { size: 13, fontWeight: 600, lineHeight: 18 });
-    k.textStyle("Error 14", { size: 14, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Stat 40", { size: 40, fontWeight: 850, letterSpacing: -1.4, lineHeight: 42 });
-    formStyles(k, { thanks: false });
-    buttons(k, { style: "Button 16", radius: 14 });
-    const user = userVariables(k, { name: "Ana", email: "ana@example.com" });
-    const habits = visitorCollection(k, "Habits", [
-      { name: "Name", type: "TEXT" },
-      { name: "When", type: "OPTION", options: [...WHEN] },
-      { name: "Why", type: "TEXT" }
-    ], HABITS);
-    const checks = visitorCollection(k, "Checks", [{ name: "Habit", type: "TEXT" }], CHECKS);
-    const app = appPages(k, { brand: "Kindling", width: 1120, gap: 24 });
-    const mark = (parent) => {
-      const m = k.stack(parent, { width: 30, height: 30, radius: 9, fill: "primary", clip: true, name: "Mark" });
-      k.ellipse(m, 14, "flame", { name: "Flame", absolute: { x: 8, y: 6 } });
-      k.ellipse(m, 8, "ember", { name: "Core", absolute: { x: 11, y: 12 } });
-      k.rect(m, 20, 4, "light", { radius: 2, name: "Log", absolute: { x: 5, y: 22 } });
-      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 LIT = [1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1];
-    const ember = (parent) => {
-      const art = k.stack(parent, { width: 460, gap: 18, radius: 32, fill: "dusk", padding: 30, name: "Embers" });
-      const head = k.stack(art, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "MAX", name: "Embers head" });
-      const words = k.stack(head, { width: "HUG", gap: 2, name: "Embers words" });
-      k.text(words, "WALK BEFORE WORK", { style: "Code 12", color: "moss", autoWidth: true, name: "Embers habit" });
-      const streak2 = k.stack(words, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "MAX", name: "Embers streak" });
-      k.text(streak2, "8", { style: "Display 64", color: "light", autoWidth: true, name: "Embers number" });
-      k.text(streak2, "DAYS IN\nA ROW", { style: "Code 12", color: "flame", autoWidth: true, name: "Embers unit" });
-      k.ellipse(head, 70, "flame", { name: "Embers flame" });
-      const grid2 = k.stack(art, { direction: "HORIZONTAL", gap: 10, wrap: true, name: "Embers grid" });
-      LIT.forEach((lit, i) => k.ellipse(grid2, 42, lit ? i > 19 ? "ember" : "flame" : "dusk", { name: "Embers day", ...lit ? {} : { stroke: { color: "moss", width: 1.5 } } }));
-      return art;
-    };
-    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: 20, name: "Lead" });
-    pane(k, lead, 320);
-    eyebrow(k, lead, "SMALL THINGS, EVERY DAY", "Code 12");
-    k.text(lead, "Keep the little fires going.", { style: "Display 64", color: "text", name: "Headline" });
-    k.text(lead, "Name the few habits you are building and tap Done when you have done one. Kindling keeps the streak, the week and the reasons you started.", { 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 habits" }, { name: "Create account" }), "Sign up");
-    app.link(k.instance(ctas, "Button quiet", { Label: "I have an account" }, { name: "Have account" }), "Sign in");
-    const heroArt = k.stack(hero, { align: "CENTER", name: "Art" });
-    pane(k, heroArt, 320);
-    ember(heroArt);
-    const closer = k.stack(welcome.column, { gap: 18, name: "Body" });
-    const points = panes(k, closer, { gap: 16, name: "Points" });
-    for (const [what, why] of [["One tap a day", "Done is a button. No timers, no journaling, no score to keep up."], ["Streaks that forgive", "Today is still open until midnight: a streak counts to yesterday until you tap."], ["The reason, kept", "Each habit carries the line you wrote when you started. It shows up on the hard days."]]) {
-      const tile = k.stack(points, { gap: 8, fill: "card", radius: 22, stroke: { color: "line", width: 1 }, padding: 24, name: "Point" });
-      pane(k, tile, 250);
-      k.text(tile, what, { style: "Card title 18", color: "onCard", name: "Point title" });
-      k.text(tile, why, { style: "Note 15", color: "cardMuted", name: "Point body" });
-    }
-    closing(k, app, closer, { title: "Pick one habit. Start today.", style: "Title 36", button: "Start your habits" });
-    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" });
-        ember(p);
-      },
-      copy: {
-        "Sign up": { title: "Start your habits", body: "A name, an email and a password. Your habits are yours alone.", button: "Create account", namePlaceholder: "Ana" },
-        "Sign in": { title: "Welcome back", body: "Your streaks are waiting.", button: "Sign in" }
-      }
-    });
-    const today = app.page("Today", "/today", "signedIn");
-    topBar(today.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, "flame", { name: "Face" });
-      says(k, k.text(who, "Ana", { style: "Link 15", color: "onCard", autoWidth: true, name: "Account name" }), "name");
-      app.link(who, "Account", "up");
-    });
-    const banner = k.stack(today.column, { gap: 20, fill: "text", radius: 30, padding: { top: 32, right: 34, bottom: 30, left: 34 }, clip: true, name: "Lead" });
-    k.ellipse(banner, 300, "ember", { name: "Banner glow", absolute: { x: 880, y: 40 }, opacity: 0.85 });
-    k.ellipse(banner, 180, "flame", { name: "Banner flame", absolute: { x: 900, y: -40 } });
-    const hello = k.stack(banner, { width: 640, gap: 6, name: "Greeting block" });
-    k.bindExpression(k.text(hello, "FRIDAY 2 OCTOBER", { style: "Code 12", color: "paper", name: "Eyebrow" }), "characters", "upper(today())");
-    const helloRow = k.stack(hello, { direction: "HORIZONTAL", gap: 10, wrap: true, name: "Greeting" });
-    k.text(helloRow, "Keep it going,", { style: "Title 36", color: "paper", autoWidth: true, name: "Greeting words" });
-    says(k, k.text(helloRow, "Ana", { style: "Title 36", color: "paper", autoWidth: true, name: "Greeting name" }), "name");
-    const bannerRow = k.stack(banner, { direction: "HORIZONTAL", gap: 18, wrap: true, align: "CENTER", name: "Banner row" });
-    const adder = opener(k, bannerRow, { word: "addingHabit", label: "New habit", style: "Button 16", fill: "paper", color: "text", dot: "primary", onDot: "onPrimary" });
-    const done = k.stack(bannerRow, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", name: "Done today" });
-    k.bindExpression(k.text(done, "2", { style: "Stat 40", color: "paper", autoWidth: true, name: "Done number" }), "characters", 'countSince("Checks", 0)');
-    const of = k.stack(done, { direction: "HORIZONTAL", width: "HUG", gap: 4, align: "CENTER", name: "Done of" });
-    k.text(of, "of", { style: "Small 13", color: "paper", autoWidth: true, name: "Done of word" });
-    k.bindExpression(k.text(of, "4", { style: "Small 13", color: "paper", autoWidth: true, name: "Done total" }), "characters", habits.word);
-    k.text(of, "done today", { style: "Small 13", color: "paper", autoWidth: true, name: "Done words" });
-    const sheet = k.stack(today.column, { gap: 18, fill: "card", radius: 26, stroke: { color: "line", width: 1 }, padding: 26, name: "Art" });
-    k.text(sheet, "A NEW HABIT", { style: "Code 12", color: "cardMuted", name: "Sheet label" });
-    const add = k.stack(sheet, { gap: 18, name: "Habit form" });
-    field(k, add, { card: true, label: "The habit", name: "name", placeholder: "Read 20 pages", required: true });
-    choice(k, add, { card: true, label: "When", name: "when", word: "habitWhen", options: WHEN, style: "Chip 14" });
-    field(k, add, { card: true, label: "Why you are starting", name: "why", placeholder: "The reason that will matter on a hard day" });
-    errorLine(k, add, "Error 14");
-    submit(k, add, "Start it");
-    form(k, add, { collectionId: habits.id, onSubmit: adder.close });
-    adder.opens(sheet);
-    const stats = panes(k, today.column, { gap: 12, name: "Stats" });
-    for (const [label, expression, sample] of [["Habits", habits.word, "4"], ["Check-ins this week", 'countSince("Checks", 6)', "17"], ["Check-ins all time", checks.word, "86"]]) stat(k, stats, { label, expression, sample, figure: "Stat 40", caption: "Meta 14", min: 200 });
-    const body = k.stack(today.column, { gap: 26, name: "Body" });
-    const empty = k.stack(body, { gap: 6, align: "CENTER", padding: 30, radius: 22, stroke: { color: "line", width: 1 }, name: "Empty habits" });
-    k.text(empty, "No habits yet", { style: "Habit 22", color: "text", align: "CENTER", name: "Empty title" });
-    k.text(empty, "Start with one small enough to do on your worst day.", { style: "Note 15", color: "onPaper", align: "CENTER", name: "Empty body" });
-    k.bindExpression(empty, "visible", `${habits.word} == 0`);
-    k.patch(empty, { visible: false });
-    const grid = panes(k, body, { gap: 16, name: "Habits grid" });
-    repeats(k, grid, habits.id, { limit: 60 });
-    const card = k.stack(grid, { gap: 16, fill: "card", radius: 24, stroke: { color: "line", width: 1 }, padding: 22, name: "Habit" });
-    pane(k, card, 300);
-    k.patch(card, { maxWidth: 560 });
-    const view = k.stack(card, { gap: 16, name: "Habit view" });
-    const top = k.stack(view, { direction: "HORIZONTAL", gap: 16, align: "MIN", justify: "SPACE_BETWEEN", name: "Habit top" });
-    const names = k.stack(top, { gap: 4, name: "Habit names" });
-    k.text(names, "{{item.when}}", { style: "Code 12", color: "cardMuted", name: "Habit when" });
-    k.text(names, "{{item.name}}", { style: "Habit 22", color: "onCard", name: "Habit name" });
-    k.text(names, "{{item.why}}", { style: "Note 15", color: "cardMuted", name: "Habit why" });
-    const streak = k.stack(top, { width: "HUG", gap: 2, align: "CENTER", name: "Streak" });
-    for (const [name, ground, holds] of [["Lit", "flame", "> 0"], ["Out", "ash", "== 0"]]) {
-      const flame = k.stack(streak, { width: 54, height: 54, radius: 27, fill: ground, align: "CENTER", justify: "CENTER", name: `${name} flame` });
-      k.bindExpression(k.text(flame, "3", { style: "Card title 18", color: "dusk", autoWidth: true, name: "Streak number" }), "characters", 'streak("Checks", "habit", item_name)');
-      k.bindExpression(flame, "visible", `streak("Checks", "habit", item_name) ${holds}`);
-      if (name === "Out") k.patch(flame, { visible: false });
-    }
-    k.text(streak, "IN A ROW", { style: "Code 12", color: "cardMuted", autoWidth: true, name: "Streak words" });
-    const week = k.stack(view, { gap: 8, name: "Week" });
-    const marks = k.stack(week, { direction: "HORIZONTAL", gap: 6, name: "Week marks" });
-    for (let d = DAYS - 1; d >= 0; d--) {
-      const day = k.stack(marks, { width: 30, height: 30, radius: 8, name: d === 0 ? "Today mark" : "Day mark" });
-      const on = k.rect(day, 30, 30, d === 0 ? "ember" : "primary", { radius: 8, name: "Done mark", absolute: { x: 0, y: 0 } });
-      k.bindExpression(on, "visible", `countOn("Checks", ${d}, "habit", item_name) > 0`);
-      const off = k.rect(day, 30, 30, "ash", { radius: 8, name: "Missed mark", absolute: { x: 0, y: 0 } });
-      k.bindExpression(off, "visible", `countOn("Checks", ${d}, "habit", item_name) == 0`);
-      k.patch(d === 0 || d > 3 ? off : on, { visible: false });
-    }
-    const weekLine = k.stack(week, { direction: "HORIZONTAL", gap: 4, name: "Week line" });
-    k.bindExpression(k.text(weekLine, "5", { style: "Small 13", color: "onCard", autoWidth: true, name: "Week count" }), "characters", 'countSince("Checks", 6, "habit", item_name)');
-    k.text(weekLine, "of the last 7 days", { style: "Small 13", color: "cardMuted", autoWidth: true, name: "Week words" });
-    const actions = k.stack(view, { direction: "HORIZONTAL", gap: 8, wrap: true, align: "CENTER", name: "Habit actions" });
-    const doneForm = k.stack(actions, { direction: "HORIZONTAL", width: "HUG", name: "Done form" });
-    const doneButton = k.stack(doneForm, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", radius: 999, fill: "primary", padding: { top: 10, right: 18, bottom: 10, left: 14 }, name: "Done button" });
-    k.ellipse(doneButton, 14, "flame", { name: "Done dot" });
-    k.text(doneButton, "Done today", { style: "Button 16", color: "onPrimary", autoWidth: true, name: "Done label" });
-    k.patch(doneButton, { control: { kind: "BUTTON", buttonType: "submit", name: "habit", value: "{{item.name}}" } });
-    form(k, doneForm, { collectionId: checks.id });
-    k.bindExpression(doneForm, "visible", 'countSince("Checks", 0, "habit", item_name) == 0');
-    const doneBadge = k.stack(actions, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", radius: 999, stroke: { color: "primary", width: 1.5 }, padding: { top: 9, right: 16, bottom: 9, left: 12 }, name: "Done badge" });
-    k.ellipse(doneBadge, 14, "ember", { name: "Badge dot" });
-    k.text(doneBadge, "Done for today", { style: "Button 16", color: "onCard", autoWidth: true, name: "Badge label" });
-    k.bindExpression(doneBadge, "visible", 'countSince("Checks", 0, "habit", item_name) > 0');
-    k.patch(doneBadge, { visible: false });
-    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: "editingHabit", view, parent: card, trigger: edit, style: "Small 13", build: (f) => {
-      const pre = (id, name) => k.patch(id, { control: { ...k.node(id).control, value: `{{item.${name}}}` } });
-      pre(select(k, f, { card: true, label: "When", name: "when", options: WHEN }), "when");
-      pre(field(k, f, { card: true, label: "Why you started", name: "why", placeholder: "The reason that matters" }), "why");
-    } });
-    const log = k.stack(body, { gap: 12, name: "Today log" });
-    const logHead = k.stack(log, { direction: "HORIZONTAL", gap: 10, align: "MAX", name: "Log head" });
-    k.text(logHead, "Done today", { style: "Card title 18", color: "text", autoWidth: true, name: "Log title" });
-    k.text(logHead, "Tapped one by mistake? Undo it here.", { style: "Meta 14", color: "onPaper", autoWidth: true, name: "Log blurb" });
-    const list = k.stack(log, { direction: "HORIZONTAL", gap: 10, wrap: true, name: "Today list" });
-    repeats(k, list, checks.id, { limit: 60 });
-    k.patch(list, { repeat: { collectionId: checks.id, limit: 60, filter: "item_age == 0" } });
-    const chip = k.stack(list, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", radius: 999, fill: "card", stroke: { color: "line", width: 1 }, padding: { top: 6, right: 6, bottom: 6, left: 14 }, name: "Check" });
-    k.ellipse(chip, 10, "ember", { name: "Check dot" });
-    k.text(chip, "{{item.habit}}", { style: "Small 13", color: "onCard", autoWidth: true, name: "Check habit" });
-    recordButton(k, chip, "Undo", { style: "Small 13", color: "onCard", line: "line" });
-    const out2 = accountPage(k, app, {
-      user,
-      home: "Today",
-      back: "Back to today",
-      sample: { name: "Ana", email: "ana@example.com" },
-      styles: { eyebrow: "Code 12", title: "Title 36", label: "Meta 14", value: "Card title 18", stat: "Stat 40", link: "Link 15", meta: "Meta 14", error: "Error 14", button: "Button 16" },
-      count: { label: "Check-ins kept", word: checks.word, sample: "86" },
-      top: (column, right) => {
-        topBar(column, right);
-      },
-      art: (p) => {
-        ember(p);
-      }
-    });
-    app.finish("Welcome");
-    accounts.leads("Today");
-    out2.leads();
-    return k.finish();
-  }
-});
-
-export {
-  kindling_app_default
-};

package/dist/chunks/chunk-TUVQMYRQ.js

@@ -1,76 +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 {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion/pitch-title.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var back = ease.back(1.9);
-var CUES = [
-  { layer: "Kicker", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Title", preset: "rise-in", at: 150, params: { duration: 800, distance: 60 } },
-  { layer: "Subtitle", preset: "blur-in", at: 1300, params: { duration: 700, amount: 20 }, onClick: true },
-  { layer: "Stat", preset: "pop-in", at: 2e3, params: { duration: 500, ease: back, amount: 0.6 }, stagger: { delay: 150, order: "center" }, onClick: true },
-  { layer: "Presenter", preset: "slide-in", at: 2650, params: { duration: 600, direction: "left", distance: 120 }, onClick: true }
-];
-var pitch_title_default = defineTemplate({
-  id: "motion-pitch-title",
-  meta: {
-    name: "Pitch deck title build",
-    description: "A title slide that builds on click in present mode: the title rises and its underline wipes open, then each click brings the next part \u2014 the pitch, three stats from the centre out, the presenter",
-    category: "animation",
-    tags: ["animation", "pitch deck", "slides", "presentation", "build", "presets"],
-    platforms: ["slides"],
-    formats: ["slide-deck", "title-card"],
-    useCases: ["pitch", "title"],
-    created: "2026-09-28",
-    updated: "2026-09-29"
-  },
-  motion: { cues: CUES },
-  build() {
-    const k = new Kit("Pitch deck title build", preset("slide-16x9"));
-    k.brand({ primary: "#0E1320", accent: "#F2B544", paper: "#F4F1EA", muted: "#9AA3B5", panel: "#1A2234", kicker: "#F2B544", onPrimary: "#F4F1EA" }, { company: "Northwind" });
-    k.textStyle("Kicker 28", { size: 28, fontWeight: 700, lineHeight: 36, letterSpacing: 5 });
-    k.textStyle("Title 104", { size: 104, fontWeight: 800, lineHeight: 108, letterSpacing: -3 });
-    k.textStyle("Body 40", { size: 40, fontWeight: 400, lineHeight: 54 });
-    k.textStyle("Label 26", { size: 26, fontWeight: 500, lineHeight: 34 });
-    k.textStyle("Stat 72", { size: 72, fontWeight: 800, lineHeight: 80, letterSpacing: -2 });
-    k.component("Stat", { width: 420, gap: 6, fill: "panel", radius: 24, padding: { top: 32, right: 36, bottom: 32, left: 36 }, props: { Value: "$4.2M", Label: "annual revenue" } }, (id) => {
-      k.propText(id, "Value", { style: "Stat 72", color: "accent" });
-      k.propText(id, "Label", { style: "Label 26", color: "muted" });
-    });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 32, { top: 120, right: 160, bottom: 120, left: 160 }, "primary", "CENTER", "MIN");
-    k.timeline(sheet, { duration: 5e3, fps: 30 });
-    k.text(sheet, "{{brand.company}} \xB7 SERIES A \xB7 2026", { style: "Kicker 28", color: "kicker", name: "Kicker" });
-    k.text(sheet, "Linen supply, rebuilt from the field up", { style: "Title 104", color: "onPrimary", width: 1400, name: "Title" });
-    const line = k.stack(sheet, { width: 420, height: 12, fill: "accent", radius: 6, clip: true, name: "Underline" });
-    k.patch(line, { layoutMode: "NONE" });
-    k.text(sheet, "We buy direct from 40 flax farms and turn a nine-month supply chain into six weeks.", { style: "Body 40", color: "muted", width: 1300, name: "Subtitle" });
-    const stats = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 32, clip: true, name: "Stats" });
-    for (const [value, label] of [["$4.2M", "annual revenue"], ["38%", "growth, month on month"], ["120", "retailers stocking us"]]) k.instance(stats, "Stat", { Value: value, Label: label });
-    k.text(sheet, "Maya Okafor \u2014 Founder & CEO", { style: "Label 26", color: "onPrimary", name: "Presenter" });
-    k.cues(sheet, CUES);
-    k.animate(line, "width", [{ t: 700, v: 0.01, ease: ease.out("expo") }, { t: 1300, v: 420 }]);
-    return k.finish();
-  }
-});
-
-export {
-  pitch_title_default
-};

package/dist/chunks/chunk-TUY2Q5I6.js

@@ -1,142 +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 {
-  ARIAL,
-  COURIER,
-  MAIL_W,
-  callToAction,
-  finishMail,
-  mailButton,
-  mailFooter,
-  mailHeader,
-  mailRow,
-  mailSheet,
-  section,
-  swell
-} from "./chunk-ZWDSBTMD.js";
-import {
-  dotPaths,
-  tick
-} from "./chunk-YNOCYFZ4.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/email/saas-mail-sign-in-code.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 4e3;
-var HEADER_H = 148;
-var DIAL = { size: 92, r: 38, ticks: 10 };
-var cues = [
-  { layer: "Minutes", preset: "pulse", at: 600, params: { duration: 700, amount: 0.08 } }
-];
-var ASKED = [
-  ["When", "Friday 2 October 2026, 14:02 UTC"],
-  ["Where", "Chrome on macOS, near Lisbon, Portugal"],
-  ["For", "mara@haldenstudio.example"]
-];
-function dialTicks(from, to) {
-  const c = DIAL.size / 2;
-  return Array.from({ length: to - from }, (_, i) => {
-    const a = (from + i) / DIAL.ticks * Math.PI * 2;
-    const sx = Math.sin(a), sy = -Math.cos(a);
-    return { closed: false, points: [{ x: c + sx * (DIAL.r - 9), y: c + sy * (DIAL.r - 9) }, { x: c + sx * DIAL.r, y: c + sy * DIAL.r }] };
-  });
-}
-var saas_mail_sign_in_code_default = defineTemplate({
-  id: "email-saas-mail-sign-in-code",
-  meta: {
-    name: "SaaS lifecycle email: password reset and sign-in code",
-    description: "A whole 600 px password reset or magic-link email, plain and fast to read: a thin brand strip with a ten-minute dial, then the six-digit code as large live text with its expiry, the same code as a one-click button, and who asked and from where, with what to do if it was not you. The strip loops for four seconds (export it as a GIF); the body is table-safe type",
-    category: "email",
-    tags: ["email", "saas", "lifecycle", "password reset", "magic link", "sign in", "verification code", "one-time code", "security", "transactional", "monochrome", "animated", "gif", "html"],
-    platforms: ["email"],
-    formats: ["email"],
-    useCases: ["onboarding"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("SaaS lifecycle email: password reset and sign-in code", preset("email-body"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#FFFFFF", text: "#0E0F0C", onPaper: "#43463F", primary: "#0E0F0C", onPrimary: "#FFFFFF", accent: "#1F8A54", onAccent: "#FFFFFF", tint: "#F1F2EC", onTint: "#0E0F0C" },
-      { company: "Ferry", address: "Rua da Boavista 73, 1200-066 Lisboa", code: "418 207" }
-    );
-    k.palette({ strip: "#0E0F0C", onStrip: "#FFFFFF", stripSoft: "#B9BDB1", dot: "#FFFFFF", spent: "#3A3D36", safe: "#4FD08D" });
-    k.textStyle("Brand 26", { size: 26, fontWeight: 800, letterSpacing: -0.8, lineHeight: 30 });
-    k.textStyle("Strip 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.6, lineHeight: 16 });
-    k.textStyle("Minutes 26", { ...MONO, size: 26, fontWeight: 800, letterSpacing: -1, lineHeight: 28, textAlign: "CENTER" });
-    k.textStyle("Heading 26", { ...ARIAL, size: 26, fontWeight: 700, lineHeight: 32 });
-    k.textStyle("Body 16", { ...ARIAL, size: 16, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Label 12", { ...COURIER, size: 12, fontWeight: 700, letterSpacing: 1.5, lineHeight: 16 });
-    k.textStyle("Code 56", { ...COURIER, size: 56, fontWeight: 700, letterSpacing: 4, lineHeight: 64 });
-    k.textStyle("Strong 16", { ...ARIAL, size: 16, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Small 15", { ...ARIAL, size: 15, fontWeight: 400, lineHeight: 23 });
-    k.textStyle("Button 16", { ...ARIAL, size: 16, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Fine 13", { ...ARIAL, size: 13, fontWeight: 400, lineHeight: 19 });
-    mailButton(k, "Mail button", { fill: "primary", ink: "onPrimary", style: "Button 16", label: "Sign in with one click", width: 280, height: 52 });
-    const sheet = mailSheet(k, { paper: "paper", duration: DURATION });
-    const head = mailHeader(k, sheet, HEADER_H, "strip");
-    k.vector(head, MAIL_W, HEADER_H, dotPaths(MAIL_W, HEADER_H, 16, 2), "dot", { name: "Dots", opacity: 0.1, absolute: { x: 0, y: 0 } });
-    k.text(head, "{{brand.company}}", { style: "Brand 26", color: "onStrip", width: 380, name: "Brand", absolute: { x: 40, y: 44 } });
-    const line = k.stack(head, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", name: "What this is", absolute: { x: 40, y: 84 } });
-    tick(k, line, 13, "safe");
-    k.text(line, "SIGN-IN CODE \xB7 WORKS ONCE", { style: "Strip 12", color: "stripSoft", autoWidth: true, name: "What" });
-    const dial = k.stack(head, { width: DIAL.size, height: DIAL.size, align: "CENTER", justify: "CENTER", name: "Dial", absolute: { x: MAIL_W - 40 - DIAL.size, y: (HEADER_H - DIAL.size) / 2 } });
-    k.vector(dial, DIAL.size, DIAL.size, dialTicks(1, DIAL.ticks), "spent", { name: "Minutes left", strokeWidth: 4, absolute: { x: 0, y: 0 } });
-    const lit = k.vector(dial, DIAL.size, DIAL.size, dialTicks(0, 1), "safe", { name: "This minute", strokeWidth: 4, absolute: { x: 0, y: 0 } });
-    swell(k, lit, "opacity", { amp: 0.3, loopMs: DURATION, cycles: 2 });
-    k.patch(lit, { opacity: 0.7 });
-    const hand = k.stack(dial, { width: DIAL.size, height: DIAL.size, name: "Hand", absolute: { x: 0, y: 0 } });
-    k.ellipse(hand, 7, "safe", { name: "Hand tip", absolute: { x: DIAL.size / 2 - 3.5, y: DIAL.size / 2 - DIAL.r - 14 } });
-    k.behave(hand, "rotation", [{ kind: "spin", rate: 36e4 / DURATION }]);
-    k.text(dial, "10", { style: "Minutes 26", color: "onStrip", name: "Minutes" });
-    k.text(dial, "MIN", { style: "Strip 12", color: "stripSoft", align: "CENTER", name: "Minutes label" });
-    const intro = section(k, sheet, { name: "Intro", pad: [36, 40, 16, 40], gap: 10 });
-    k.text(intro, "Your sign-in code", { style: "Heading 26", color: "text", name: "Heading" });
-    k.text(intro, "Type it into the page you just left. It signs you in, and you can choose a new password from there.", { style: "Body 16", color: "onPaper", name: "Intro words" });
-    const code = section(k, sheet, { name: "Code", pad: [4, 40, 8, 40] });
-    const box = k.stack(code, { fill: "tint", padding: { top: 22, right: 28, bottom: 24, left: 28 }, gap: 6, name: "Code box" });
-    k.text(box, "CODE", { style: "Label 12", color: "onTint", name: "Code label" });
-    k.text(box, "{{brand.code}}", { style: "Code 56", color: "onTint", name: "Code figure" });
-    k.text(box, "Expires at 14:12 UTC, ten minutes after you asked.", { style: "Strong 16", color: "onTint", name: "Expiry" });
-    callToAction(k, sheet, { button: "Mail button", label: "Sign in with one click", pad: [24, 40, 28, 40], note: "The button carries the same code and expires at the same time.", noteStyle: "Small 15", noteInk: "onPaper" });
-    const asked = section(k, sheet, { name: "Who asked", pad: [4, 40, 8, 40] });
-    for (const [label, value] of ASKED) {
-      k.rect(asked, "FILL", 1, "tint", { name: "Asked rule" });
-      const row = mailRow(k, asked, { name: "Asked row", gap: 16, padding: { top: 12, right: 0, bottom: 12, left: 0 } });
-      const left = k.stack(row, { width: 72, name: "Asked cell" });
-      k.text(left, label.toUpperCase(), { style: "Label 12", color: "text", name: "Asked label" });
-      const right = k.stack(row, { width: "FILL", name: "Asked value cell" });
-      k.text(right, value, { style: "Small 15", color: "onPaper", name: "Asked value" });
-    }
-    k.rect(asked, "FILL", 1, "tint", { name: "Asked rule" });
-    const safe = section(k, sheet, { name: "Not you", pad: [20, 40, 28, 40], gap: 4 });
-    k.text(safe, "Didn\u2019t ask for this?", { style: "Strong 16", color: "text", name: "Not you heading" });
-    k.text(safe, "Ignore this email and nothing changes: the code is useless without the page that asked for it. Nobody at {{brand.company}} will ever ask you to read it out, by phone, chat or email.", { style: "Small 15", color: "onPaper", name: "Not you words" });
-    mailFooter(k, sheet, { style: "Fine 13", ink: "onPaper", rule: "tint", pad: [8, 40, 32, 40], why: "You are getting this because someone asked to sign in to {{brand.company}} with this address.", links: "Security emails are part of your account and cannot be switched off." });
-    k.cues(sheet, cues);
-    return finishMail(k, sheet);
-  }
-});
-
-export {
-  saas_mail_sign_in_code_default
-};