@popcraft/kit 0.26.0 → 0.27.0

package/dist/chunks/chunk-XYY2NQK6.js

@@ -0,0 +1,327 @@
+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 {
+  SLIDE,
+  deckType,
+  founderCues,
+  founderDeck,
+  levelRows
+} from "./chunk-TCDV5UY2.js";
+import {
+  arrowPath,
+  faceSlot,
+  gridPaths,
+  tick
+} from "./chunk-YNOCYFZ4.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  box
+} from "./chunk-BNVLVZUT.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  Kit,
+  preset
+} from "./chunk-6QHAQLJ4.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/slides/saas-mail-seed-pitch.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var MRR = [["JAN", 3], ["FEB", 5], ["MAR", 8], ["APR", 10], ["MAY", 13], ["JUN", 17], ["JUL", 23], ["AUG", 32], ["SEP", 41]];
+var CHART = { width: 1e3, height: 540, gap: 20 };
+var MARKET = [
+  ["$8.4B", "2.1 million online brands keep monthly books, at about $4,000 a year"],
+  ["$1.9B", "310,000 of them sell $1M to $50M a year on four channels or more"],
+  ["$84M", "14,000 are served by the 60 bookkeeping firms we already sell through"]
+];
+var RIVALS = [
+  { name: "Outsourced bookkeepers", note: "Accurate, slow, $1,500 a month", x: 60, y: 110 },
+  { name: "Payout sync apps", note: "Fast until a payout breaks the rule", x: 60, y: 440 },
+  { name: "General AI copilots", note: "Answer questions, post nothing", x: 870, y: 440 }
+];
+var TEAM = [
+  ["Maya Lindqvist", "CEO", "Ran finance operations at a $90M direct-to-consumer brand; closed its books for five years."],
+  ["Tom\xE1s Reyes", "CTO", "Led document understanding at a payments company: 40 million statements parsed a month."],
+  ["Ifeoma Chukwu", "HEAD OF ACCOUNTING", "CPA. Her firm closed 1,400 months for online brands before she joined."]
+];
+function ledger(k, sheet, ink) {
+  k.vector(sheet, SLIDE.full.w, SLIDE.full.h, gridPaths(SLIDE.full.w, SLIDE.full.h, 54, 2, "y"), ink, { name: "Ledger lines", absolute: { x: 0, y: 0 }, opacity: 0.09 });
+  k.vector(sheet, 14, SLIDE.full.h, [box(0, 0, 3, SLIDE.full.h), box(11, 0, 3, SLIDE.full.h)], "accent", { name: "Ledger margin", absolute: { x: 96, y: 0 }, opacity: 0.8 });
+}
+var page = (k, sheet) => ledger(k, sheet, "rule");
+var cover = (k, sheet) => {
+  ledger(k, sheet, "onPrimary");
+  k.ellipse(sheet, 620, "coverDeep", { name: "Seal", absolute: { x: 1460, y: 620 } });
+  k.ellipse(sheet, 440, k.tint("coverDeep", 1e-3), { name: "Seal ring", stroke: { color: "accent", width: 4 }, absolute: { x: 1550, y: 710 } });
+};
+function demo(k, area) {
+  const win = k.stack(area, { direction: "HORIZONTAL", height: SLIDE.area, fill: "card", radius: 18, clip: true, stroke: { color: "line", width: 2, align: "INSIDE" }, name: "Demo window" });
+  const rail = k.stack(win, { width: 400, height: "FILL", fill: "primary", padding: 36, gap: 22, name: "Rail" });
+  k.text(rail, "{{brand.company}}", { style: "UI strong 36", color: "onPrimary", name: "Rail brand" });
+  k.rect(rail, "FILL", 2, "onPrimary", { name: "Rail rule", opacity: 0.25 });
+  for (const [item, on] of [["September close", false], ["Payouts", false], ["Exceptions \xB7 3", false], ["Ask", true]]) {
+    const row = k.stack(rail, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Rail item" });
+    k.rect(row, 8, 30, on ? "accent" : "primary", { name: "Rail mark" });
+    k.text(row, item, { style: on ? "UI strong 34" : "UI 34", color: "onPrimary", name: "Rail label" });
+  }
+  const main = k.stack(win, { width: "FILL", height: "FILL", padding: { top: 40, right: 48, bottom: 40, left: 48 }, gap: 26, name: "Conversation" });
+  const ask = k.stack(main, { align: "MAX", name: "Prompt" });
+  const bubble = k.stack(ask, { width: 980, fill: "accent", radius: 16, padding: { top: 20, right: 28, bottom: 20, left: 28 }, name: "Prompt bubble" });
+  k.text(bubble, "Why is Shopify revenue $18,240 higher than the bank deposits for September?", { style: "UI strong 36", color: "onAccent", name: "Prompt words" });
+  const answer = k.stack(main, { fill: "tint", radius: 16, padding: { top: 26, right: 30, bottom: 26, left: 30 }, gap: 16, name: "Answer" });
+  k.text(answer, "Three things explain all $18,240.", { style: "UI strong 36", color: "onTint", name: "Answer lead" });
+  for (const [what, sum] of [["Payouts still in transit on 30 September", "$11,902"], ["Stripe and PayPal fees netted from payouts", "$4,316"], ["Refunds issued after the order month", "$2,022"]]) {
+    const row = k.stack(answer, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Entry" });
+    tick(k, row, 30, "accent", { weight: 4 });
+    k.text(row, what, { style: "UI 34", color: "onTint", name: "Entry words" });
+    k.text(row, sum, { style: "Sum 34", color: "onTint", autoWidth: true, name: "Entry sum" });
+  }
+  k.rect(answer, "FILL", 2, "line", { name: "Answer rule" });
+  const foot = k.stack(answer, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Answer foot" });
+  k.text(foot, "212 entries drafted, evidence attached", { style: "UI 34", color: "onTint", autoWidth: true, name: "Drafted" });
+  const post = k.stack(foot, { direction: "HORIZONTAL", width: "HUG", fill: "primary", radius: 10, padding: { top: 12, right: 22, bottom: 12, left: 22 }, name: "Post button" });
+  k.text(post, "Post to QuickBooks", { style: "UI strong 34", color: "onPrimary", autoWidth: true, name: "Post" });
+}
+function market(k, area) {
+  const row = k.stack(area, { direction: "HORIZONTAL", height: SLIDE.area, gap: 90, align: "CENTER", name: "Market" });
+  const rings = k.stack(row, { width: 600, height: 600, name: "Rings" });
+  k.ellipse(rings, 600, "tint", { name: "Ring 1", stroke: { color: "line", width: 2 }, absolute: { x: 0, y: 0 } });
+  k.ellipse(rings, 300, "ring", { name: "Ring 2", absolute: { x: 150, y: 300 } });
+  k.ellipse(rings, 86, "accent", { name: "Ring 3", absolute: { x: 257, y: 514 } });
+  const rows = k.stack(row, { width: "FILL", gap: 34, name: "Market rows" });
+  MARKET.forEach(([figure, label], i) => {
+    const r = k.stack(rows, { direction: "HORIZONTAL", gap: 36, align: "CENTER", name: `Market row ${i + 1}` });
+    k.text(r, figure, { style: "Figure 84", color: "text", width: 330, name: "Market figure" });
+    k.text(r, label, { style: "UI 38", color: "onPaper", name: "Market label" });
+  });
+}
+function traction(k, area) {
+  const row = k.stack(area, { direction: "HORIZONTAL", height: SLIDE.area, gap: 80, align: "MAX", name: "Traction" });
+  const facts = k.stack(row, { width: "FILL", height: "FILL", justify: "MAX", gap: 18, name: "Facts" });
+  k.text(facts, "MONTHLY RECURRING REVENUE", { style: "Axis 26", color: "onPaper", name: "MRR label" });
+  k.text(facts, "$41k", { style: "MRR 190", color: "accent", name: "MRR figure" });
+  k.rect(facts, "FILL", 2, "rule", { name: "Facts rule" });
+  for (const fact of ["86 paying brands, none on a discount", "118% net revenue retention", "No brand lost since May"]) {
+    const f = k.stack(facts, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Fact" });
+    k.rect(f, 12, 12, "accent", { name: "Fact mark" });
+    k.text(f, fact, { style: "UI 38", color: "text", name: "Fact words" });
+  }
+  const chart = k.stack(row, { width: CHART.width, gap: 14, name: "Chart" });
+  const bars = k.stack(chart, { direction: "HORIZONTAL", height: CHART.height + 44, gap: CHART.gap, align: "MAX", name: "Bars" });
+  const bw = Math.floor((CHART.width - CHART.gap * (MRR.length - 1)) / MRR.length);
+  MRR.forEach(([, v], i) => {
+    const col = k.stack(bars, { width: bw, gap: 12, align: "CENTER", name: "Bar column" });
+    k.text(col, `$${v}k`, { style: "Value 26", color: "text", align: "CENTER", name: "Bar value" });
+    k.stack(col, { height: Math.round(v / 41 * CHART.height), fill: i === MRR.length - 1 ? "accent" : "bar", radius: 4, clip: true, name: "Bar" });
+  });
+  k.rect(chart, "FILL", 3, "rule", { name: "Floor" });
+  const months = k.stack(chart, { direction: "HORIZONTAL", gap: CHART.gap, name: "Months" });
+  for (const [m] of MRR) k.text(months, m, { style: "Axis 26", color: "onPaper", width: bw, align: "CENTER", name: "Month" });
+}
+function versus(k, area) {
+  const W = SLIDE.width, H = SLIDE.area;
+  const plot = k.stack(area, { height: H, fill: "tint", radius: 18, clip: true, name: "Two by two" });
+  k.rect(plot, W - 120, 3, "rule", { name: "Axis", absolute: { x: 60, y: H / 2 - 1 } });
+  k.rect(plot, 3, H - 80, "rule", { name: "Axis", absolute: { x: W / 2 - 1, y: 40 } });
+  k.text(plot, "DOES THE WORK", { style: "Axis 26", color: "onTint", width: 400, name: "Top label", absolute: { x: W / 2 + 20, y: 34 } });
+  k.text(plot, "HANDS YOU A TOOL", { style: "Axis 26", color: "onTint", width: 400, name: "Bottom label", absolute: { x: W / 2 + 20, y: H - 68 } });
+  k.text(plot, "FOLLOWS RULES", { style: "Axis 26", color: "onTint", width: 400, name: "Left label", absolute: { x: 60, y: H / 2 + 16 } });
+  k.text(plot, "READS MESSY PAYOUTS", { style: "Axis 26", color: "onTint", width: 460, align: "RIGHT", name: "Right label", absolute: { x: W - 520, y: H / 2 + 16 } });
+  for (const r of RIVALS) {
+    const card = k.stack(plot, { width: 680, fill: "card", radius: 14, stroke: { color: "line", width: 2, align: "INSIDE" }, padding: { top: 22, right: 28, bottom: 24, left: 28 }, gap: 6, name: "Rival", absolute: { x: r.x, y: r.y } });
+    k.text(card, r.name, { style: "UI strong 36", color: "onCard", name: "Rival name" });
+    k.text(card, r.note, { style: "UI 34", color: "cardSoft", name: "Rival note" });
+  }
+  const us = k.stack(plot, { width: 680, fill: "accent", radius: 14, padding: { top: 26, right: 30, bottom: 28, left: 30 }, gap: 6, name: "Us", absolute: { x: 870, y: 76 } });
+  k.text(us, "{{brand.company}}", { style: "Us 44", color: "onAccent", name: "Us name" });
+  k.text(us, "Reads the mess, posts the entries, asks one question when it is unsure", { style: "UI 34", color: "onAccent", name: "Us note" });
+}
+function team(k, area) {
+  const row = k.stack(area, { direction: "HORIZONTAL", gap: 44, name: "Team" });
+  for (const [name, role, line] of TEAM) {
+    const card = k.stack(row, { width: "FILL", fill: "card", radius: 18, stroke: { color: "line", width: 2, align: "INSIDE" }, padding: 32, gap: 10, name: "Member" });
+    const photo = k.photo(card, 150, 150, { radius: 75, ground: "tint", name: "Portrait" });
+    faceSlot(k, photo, 150, 150, "bar");
+    k.rect(card, "FILL", 8, "card", { name: "Member space" });
+    k.text(card, role, { style: "Axis 26", color: "accentInk", name: "Member role" });
+    k.text(card, name, { style: "Us 44", color: "onCard", name: "Member name" });
+    k.text(card, line, { style: "UI 34", color: "cardSoft", name: "Member line" });
+  }
+  const hires = k.stack(area, { direction: "HORIZONTAL", gap: 20, align: "CENTER", padding: { top: 26, right: 0, bottom: 0, left: 0 }, name: "Hires" });
+  k.text(hires, "NEXT FOUR HIRES", { style: "Axis 26", color: "onPaper", autoWidth: true, name: "Hires label" });
+  k.text(hires, "Two engineers, an accountant who has run a close, and our first seller.", { style: "UI 34", color: "text", name: "Hires words" });
+}
+function elevenDays(k, sheet) {
+  const strip = k.stack(sheet, { gap: 14, padding: { top: 28, right: 0, bottom: 0, left: 0 }, name: "Close strip" });
+  const cells = k.stack(strip, { direction: "HORIZONTAL", gap: 10, name: "Days" });
+  for (let d = 1; d <= 11; d++) {
+    const cell = k.stack(cells, { width: "FILL", height: 132, fill: d === 11 ? "accent" : "tint", radius: 8, clip: true, align: "CENTER", justify: "CENTER", name: "Day" });
+    k.text(cell, String(d), { style: "Figure 84", color: d === 11 ? "onAccent" : "onTint", autoWidth: true, name: "Day number" });
+  }
+  const legend = k.stack(strip, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Days legend" });
+  k.text(legend, "MONTH END", { style: "Axis 26", color: "onPaper", autoWidth: true, name: "Month end" });
+  k.text(legend, "DAY 11 \xB7 BOOKS CLOSED", { style: "Axis 26", color: "onPaper", autoWidth: true, name: "Closed" });
+}
+function sample(k, sheet) {
+  const card = k.stack(sheet, { direction: "HORIZONTAL", fill: "card", radius: 16, stroke: { color: "line", width: 2, align: "INSIDE" }, padding: { top: 30, right: 36, bottom: 32, left: 36 }, gap: 30, align: "CENTER", name: "Sample" });
+  const cells = [["PAYOUT", "Shopify #8841", "$11,902.14 on 2 October"], ["MATCHED", "318 orders, 12 refunds", "$356.10 in fees, to the cent"], ["POSTED", "4010 Sales \xB7 6120 Fees", "With the payout report attached"]];
+  cells.forEach(([label, a, b], i) => {
+    if (i) k.vector(card, 44, 28, [arrowPath(44, 28)], "accent", { name: "Sample arrow" });
+    const cell = k.stack(card, { width: "FILL", gap: 4, name: "Sample cell" });
+    k.text(cell, label, { style: "Axis 26", color: "accentInk", name: "Sample label" });
+    k.text(cell, a, { style: "UI strong 34", color: "onCard", name: "Sample line" });
+    k.text(cell, b, { style: "UI 34", color: "cardSoft", name: "Sample note" });
+  });
+}
+function matchRate(k, sheet) {
+  const chart = k.stack(sheet, { gap: 12, padding: { top: 10, right: 0, bottom: 0, left: 0 }, name: "Match rate" });
+  k.text(chart, "PAYOUT LINES MATCHED WITH NO PERSON INVOLVED, BY MODEL YEAR", { style: "Axis 26", color: "onPaper", name: "Match label" });
+  for (const [year, pct] of [["2023", 38], ["2024", 61], ["2025", 83], ["2026", 94]]) {
+    const row = k.stack(chart, { direction: "HORIZONTAL", gap: 22, align: "CENTER", name: "Rate row" });
+    k.text(row, year, { style: "Sum 34", color: "text", width: 110, name: "Rate year" });
+    k.stack(row, { width: Math.round(13.4 * pct), height: 58, fill: pct === 94 ? "accent" : "bar", radius: 4, clip: true, name: "Rate bar" });
+    k.text(row, `${pct}%`, { style: "Sum 34", color: "text", autoWidth: true, name: "Rate figure" });
+  }
+}
+function units(k, sheet) {
+  const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 48, padding: { top: 22, right: 0, bottom: 0, left: 0 }, name: "Units" });
+  for (const [figure, label] of [["$4,900", "a year from the average brand"], ["82%", "gross margin after model costs"], ["5 months", "to earn back the cost of winning a brand"]]) {
+    const cell = k.stack(row, { width: "FILL", gap: 2, name: "Unit" });
+    k.rect(cell, "FILL", 3, "rule", { name: "Unit rule" });
+    k.text(cell, figure, { style: "Figure 84", color: "text", name: "Unit figure" });
+    k.text(cell, label, { style: "UI 34", color: "onPaper", name: "Unit label" });
+  }
+}
+var click = (layer, preset2, at, params) => ({ layer, preset: preset2, at, onClick: true, ...params ? { params } : {} });
+var counts = [{ layer: "MRR figure", at: 800, duration: 1700, counter: { from: 3, to: 41, prefix: "$", suffix: "k" } }];
+var SLIDES = [
+  { spec: { kind: "cover", name: "Cover", kicker: "SEED ROUND \xB7 OCTOBER 2026", title: "{{brand.title}}", lead: "{{brand.lead}}", speaker: "Maya Lindqvist, co-founder and CEO \xB7 {{brand.email}}" }, dress: cover },
+  {
+    spec: { kind: "points", name: "Problem", heading: "Closing the books still takes eleven days.", points: ["A $5M brand sells on four channels and is paid by six processors", "Each payout nets fees, refunds and chargebacks its own way", "A bookkeeper matches them by hand, in a spreadsheet, every month", "So founders buy inventory on numbers that are five weeks old"] },
+    dress: page,
+    more: elevenDays,
+    duration: 4400,
+    extra: [click("Close strip", "fade-in", 3500), { layer: "Day", preset: "wipe-in", at: 3600, params: { duration: 350 }, stagger: { delay: 60 } }]
+  },
+  { spec: { kind: "quote", name: "Insight", quote: "\u201CReconciliation is not accounting judgement. It is pattern matching on messy text, and language models are now better at that than people.\u201D", by: "What we learned closing 1,400 months by hand" }, dress: page },
+  {
+    canvas: { name: "Product", heading: "Ask it what happened." },
+    draw: demo,
+    dress: page,
+    duration: 3200,
+    extra: [{ layer: "Demo window", preset: "rise-in", at: 250, params: { duration: 700 } }, click("Prompt", "pop-in", 1e3), click("Answer", "rise-in", 1700), { layer: "Entry", preset: "slide-in", at: 2e3, params: { direction: "left", distance: 60, duration: 500 }, stagger: { delay: 180 } }]
+  },
+  {
+    spec: { kind: "steps", name: "How it works", heading: "From payout to posted entry, overnight", steps: [{ title: "Connect", body: "Shopify, Amazon, Stripe, PayPal and the bank, read-only" }, { title: "Match", body: "Every payout line is paired with its orders, fees and refunds" }, { title: "Post", body: "Entries land in QuickBooks or Xero with the evidence attached" }, { title: "Ask", body: "What it cannot explain becomes one question for a person" }] },
+    dress: page,
+    more: sample,
+    duration: 3e3,
+    extra: [click("Sample", "rise-in", 2e3)]
+  },
+  {
+    spec: { kind: "stats", name: "Why now", heading: "Why now", stats: [{ figure: "94%", label: "of payout lines matched with no person involved, up from 61% on the models of 2024" }, { figure: "30\xD7", label: "cheaper to read one order than two years ago: $0.004 today" }, { figure: "2.1M", label: "online brands now keep monthly books, twice the number of 2021" }] },
+    dress: page,
+    more: matchRate,
+    duration: 3200,
+    extra: [click("Match rate", "fade-in", 1700), { layer: "Rate bar", preset: "wipe-in", at: 1800, params: { duration: 600 }, stagger: { delay: 150 } }]
+  },
+  {
+    canvas: { name: "Market", heading: "An $8B market, entered at its messiest corner" },
+    draw: market,
+    dress: page,
+    duration: 3e3,
+    extra: [click("Ring 1", "scale-in", 700), click("Market row 1", "rise-in", 700), click("Ring 2", "scale-in", 1400), click("Market row 2", "rise-in", 1400), click("Ring 3", "pop-in", 2100), click("Market row 3", "rise-in", 2100)]
+  },
+  {
+    canvas: { name: "Traction", heading: "$41k a month, up 22% a month since March" },
+    draw: traction,
+    dress: page,
+    duration: 3200,
+    counts,
+    extra: [{ layer: "Facts", preset: "fade-in", at: 300 }, click("Bars", "fade-in", 800, { duration: 200 }), { layer: "Bar", preset: "wipe-in", at: 800, params: { direction: "up", duration: 700 }, stagger: { delay: 110 } }, { layer: "Bar value", preset: "fade-in", at: 1300, stagger: { delay: 110 } }, { layer: "Month", preset: "fade-in", at: 800, stagger: { delay: 110 } }]
+  },
+  {
+    spec: { kind: "panels", name: "Business model", heading: "Priced by the brand, not by the seat", filled: true, panels: [{ title: "Close \xB7 $290 a month", body: "A nightly reconciliation and the month-end close for one brand, up to $5M in sales." }, { title: "Scale \xB7 $690 a month", body: "Several entities, inventory accounting and a named reviewer." }, { title: "Firms \xB7 20% share", body: "Bookkeeping firms resell it. 31 of our 86 brands came through nine of them." }] },
+    dress: page,
+    more: units,
+    duration: 3800,
+    extra: [{ layer: "Unit", preset: "rise-in", at: 2900, stagger: { delay: 160 }, onClick: true }]
+  },
+  {
+    canvas: { name: "Competition", heading: "The only one that does the work on messy data" },
+    draw: versus,
+    dress: page,
+    duration: 2600,
+    extra: [{ layer: "Two by two", preset: "fade-in", at: 200, params: { duration: 500 } }, { layer: "Rival", preset: "fade-in", at: 800, stagger: { delay: 220 }, onClick: true }, click("Us", "pop-in", 1700)]
+  },
+  {
+    canvas: { name: "Team", heading: "We have closed these books by hand" },
+    draw: team,
+    dress: page,
+    duration: 2200,
+    extra: [{ layer: "Member", preset: "rise-in", at: 700, stagger: { delay: 200 }, onClick: true }, click("Hires", "fade-in", 1700)]
+  },
+  { spec: { kind: "closing", name: "The ask", title: "Raising $3.5M to close the books for 1,000 brands.", line: "18 months of runway \xB7 two engineers, one accountant, one seller \xB7 {{brand.email}}" }, dress: cover }
+];
+var saas_mail_seed_pitch_default = defineTemplate({
+  id: "slides-saas-mail-seed-pitch",
+  meta: {
+    name: "SaaS founder deck: seed pitch",
+    description: "A twelve-slide 16:9 seed pitch for an AI-native SaaS, in a ledger-book look: problem, insight, a product demo that builds, how it works, why now, market, a traction chart that grows while its figure counts, business model, competition as a two-by-two, team and the ask. Every slide has a transition and click builds",
+    category: "presentation",
+    tags: ["pitch", "deck", "slides", "seed", "fundraising", "founder", "saas", "ai", "investor", "startup", "traction", "builds", "serif"],
+    platforms: ["slides"],
+    formats: ["slide-deck"],
+    useCases: ["pitch"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { slides: founderCues(SLIDES) },
+  build() {
+    const k = new Kit("SaaS founder deck: seed pitch", preset("slide-16x9"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#F4EFE4", text: "#16201B", onPaper: "#47514A", primary: "#0E3A2D", onPrimary: "#F4EFE4", accent: "#C5401A", onAccent: "#FFFFFF", tint: "#E8E1D0", onTint: "#16201B" },
+      { company: "Ledgerline", title: "The month closes itself.", lead: "An AI bookkeeper for online brands: every payout matched, every entry posted, overnight.", email: "maya@ledgerline.ai" }
+    );
+    k.palette({ rule: "#16201B", card: "#FFFDF7", onCard: "#16201B", cardSoft: "#4B544D", line: "#CDC5B1", bar: "#B5AD98", ring: "#D2C9B2", coverDeep: "#0A2E23", accentInk: "#A43312" });
+    deckType(k, {
+      "Slide title 112": { ...SERIF, fontWeight: 700, letterSpacing: -3.4, lineHeight: 116 },
+      "Slide heading 72": { ...SERIF, fontWeight: 700, letterSpacing: -1.6, lineHeight: 81 },
+      "Slide quote 76": { ...SERIF, fontWeight: 500, fontStyle: "italic", letterSpacing: -1.2, lineHeight: 94 },
+      "Slide figure 104": { ...SERIF, fontWeight: 700, letterSpacing: -3, lineHeight: 110 },
+      "Slide subhead 44": { ...SERIF, fontWeight: 700, letterSpacing: -0.6, lineHeight: 52 },
+      "Slide kicker 24": { ...MONO, fontWeight: 700, letterSpacing: 2.4, lineHeight: 30 },
+      "Slide footer 22": { ...MONO, fontWeight: 500, lineHeight: 28 },
+      "Slide label 32": { fontWeight: 500, lineHeight: 42 }
+    });
+    k.textStyle("UI 34", { size: 34, fontWeight: 500, lineHeight: 44 });
+    k.textStyle("UI strong 34", { size: 34, fontWeight: 700, lineHeight: 44 });
+    k.textStyle("UI 38", { size: 38, fontWeight: 500, lineHeight: 48 });
+    k.textStyle("UI strong 36", { size: 36, fontWeight: 700, letterSpacing: -0.5, lineHeight: 46 });
+    k.textStyle("Sum 34", { ...MONO, size: 34, fontWeight: 700, lineHeight: 44 });
+    k.textStyle("Value 26", { ...MONO, size: 26, fontWeight: 700, letterSpacing: -0.5, lineHeight: 32 });
+    k.textStyle("Axis 26", { ...MONO, size: 26, fontWeight: 700, letterSpacing: 2, lineHeight: 32 });
+    k.textStyle("Figure 84", { ...SERIF, size: 84, fontWeight: 700, letterSpacing: -2.4, lineHeight: 88 });
+    k.textStyle("MRR 190", { ...SERIF, size: 190, fontWeight: 700, letterSpacing: -7, lineHeight: 180 });
+    k.textStyle("Us 44", { ...SERIF, size: 44, fontWeight: 700, letterSpacing: -0.8, lineHeight: 50 });
+    founderDeck(k, SLIDES, {});
+    levelRows(k, ["Panel 1", "Panel 2", "Panel 3", "Member", "Unit"]);
+    return k.finish();
+  }
+});
+
+export {
+  saas_mail_seed_pitch_default
+};

package/dist/chunks/chunk-XZ6FGNG5.js

@@ -0,0 +1,105 @@
+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 {
+  frameRange,
+  targetSize
+} from "./chunk-CDTD3QPR.js";
+import {
+  audible,
+  targetSound
+} from "./chunk-TH56ELBN.js";
+import {
+  TIMELINE_FPS
+} from "./chunk-B44DSGZP.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// lib/io/video/plan.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var FORMAT_EXTENSION = { mp4: "mp4", webm: "webm", gif: "gif", png: "zip", lottie: "json", dotlottie: "lottie" };
+var FORMAT_MIME = { mp4: "video/mp4", webm: "video/webm", gif: "image/gif", png: "application/zip", lottie: "application/json", dotlottie: "application/zip" };
+var FORMAT_LABEL = { mp4: "MP4 video", webm: "WebM video", gif: "GIF", png: "PNG sequence (zip)", lottie: "Lottie (JSON)", dotlottie: "dotLottie" };
+var isLottieFormat = (f) => f === "lottie" || f === "dotlottie";
+var EXPORT_FPS = TIMELINE_FPS;
+var GIF_MAX_FPS = 50;
+var GIF_DEFAULT_FPS = 30;
+var RESOLUTION_EDGE = { "720p": 720, "1080p": 1080, "4k": 2160 };
+var MAX_EXPORT_SIDE = 8192;
+var GIF_MAX_TOTAL_PIXELS = 2e9;
+var BITS_PER_PIXEL = { low: 0.04, medium: 0.07, high: 0.1, "very-high": 0.16 };
+var CODEC_EFFICIENCY = { vp9: 0.7, av1: 0.6, hevc: 0.65 };
+function videoBitrate(s, codec = "avc") {
+  if (s.bitrate && s.bitrate > 0) return Math.round(s.bitrate);
+  const rate = 30 * Math.pow(s.fps / 30, 0.75);
+  const bits = s.width * s.height * rate * BITS_PER_PIXEL[s.quality ?? "high"] * (CODEC_EFFICIENCY[codec] ?? 1);
+  return Math.round(Math.min(1e8, Math.max(5e5, bits)));
+}
+var evenSize = (n) => Math.max(2, Math.floor(n) - Math.floor(n) % 2);
+function outputSize(source, preset, scale = 1, even = false) {
+  const k = preset === "source" ? scale : RESOLUTION_EDGE[preset] / Math.max(1, Math.min(source.width, source.height));
+  const round = even ? evenSize : (n) => Math.max(1, Math.round(n));
+  return { width: round(source.width * k), height: round(source.height * k) };
+}
+function targetHasAudio(doc, target) {
+  return audible(targetSound(doc, target));
+}
+var exportAudioRange = (range) => [range.start, range.start + range.count * 1e3 / range.fps];
+function targetName(doc, target) {
+  return (target.kind === "composition" ? doc.compositions?.[target.compositionId]?.name : doc.nodes[target.frameId]?.name) || "animation";
+}
+function exportFileName(name, format) {
+  const base = name.trim().replace(/\.(mp4|webm|gif|zip|json|lottie)$/i, "").replace(/[\\/:*?"<>|\u0000-\u001f]+/g, "-").replace(/^[-.\s]+|[-.\s]+$/g, "") || "animation";
+  return `${base}.${FORMAT_EXTENSION[format]}`;
+}
+function planAnimationExport(doc, req) {
+  const { target, format } = req;
+  const source = targetSize(doc, target);
+  const own = frameRange(doc, target, req.range ?? "work");
+  if (!source || !own) throw new Error(target.kind === "composition" ? "That composition no longer exists." : "That frame no longer exists.");
+  if (target.kind === "composition" && !doc.compositions?.[target.compositionId]?.clips.length) throw new Error("This composition has no scenes yet: add frames to it first.");
+  const fps = req.fps ?? (format === "gif" ? Math.min(own.fps, GIF_DEFAULT_FPS) : own.fps);
+  if (format === "gif" && fps > GIF_MAX_FPS) throw new Error(`A GIF plays at ${GIF_MAX_FPS} fps at most; pick a lower frame rate or export video.`);
+  const range = frameRange(doc, target, req.range ?? "work", fps);
+  const video = format === "mp4" || format === "webm";
+  const { width, height } = isLottieFormat(format) ? outputSize(source, "source", 1) : outputSize(source, req.resolution ?? "source", req.scale ?? 1, video);
+  if (!isLottieFormat(format) && (width > MAX_EXPORT_SIDE || height > MAX_EXPORT_SIDE)) throw new Error(`${width}\xD7${height} is larger than a frame can be rendered (${MAX_EXPORT_SIDE} px a side); pick a smaller size.`);
+  if (format === "gif" && range.count * width * height > GIF_MAX_TOTAL_PIXELS) {
+    throw new Error(`A ${width}\xD7${height} GIF of ${range.count} frames would be far too large; export MP4 or WebM, or a smaller size or rate.`);
+  }
+  return {
+    format,
+    target,
+    range,
+    width,
+    height,
+    ...video ? { quality: req.quality ?? "high", ...req.bitrate ? { bitrate: req.bitrate } : {} } : {},
+    ...video && req.audio !== false && targetHasAudio(doc, target) ? { audio: true } : {},
+    ...format === "gif" ? { gif: { palette: "global", dither: "none", loop: true, ...req.gif } } : {}
+  };
+}
+
+export {
+  FORMAT_EXTENSION,
+  FORMAT_MIME,
+  FORMAT_LABEL,
+  isLottieFormat,
+  EXPORT_FPS,
+  GIF_MAX_FPS,
+  GIF_DEFAULT_FPS,
+  RESOLUTION_EDGE,
+  MAX_EXPORT_SIDE,
+  GIF_MAX_TOTAL_PIXELS,
+  videoBitrate,
+  evenSize,
+  outputSize,
+  targetHasAudio,
+  exportAudioRange,
+  targetName,
+  exportFileName,
+  planAnimationExport
+};