@popcraft/kit 0.24.2 → 0.25.0

package/dist/chunks/chunk-54ZT2PHC.js

@@ -1,135 +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 {
-  keyEverySize,
-  sourceLine
-} from "./chunk-D7HNJPT7.js";
-import {
-  titleSafe
-} from "./chunk-AFOQTZPR.js";
-import {
-  plot,
-  polyline
-} from "./chunk-T3CX2LLT.js";
-import {
-  logoBadge,
-  outro
-} from "./chunk-EK5CFFJO.js";
-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/data/line.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var LISTENS = [3100, 4200, 5900, 6400, 8800, 11200, 10900, 13600, 17400, 21900, 26300, 31800];
-var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-var MAX = 32e3;
-var H = 460;
-var SOURCE = "Hosting dashboard, monthly unique listens \xB7 The Allotment Hour";
-var DRAW_AT = 700;
-var DRAW_MS = 2400;
-var reach = (i) => {
-  const k = i / (LISTENS.length - 1);
-  const u = k < 0.5 ? Math.cbrt(k / 4) : 1 - Math.cbrt((1 - k) / 4);
-  return Math.round(DRAW_AT + u * DRAW_MS);
-};
-var counts = [{ layer: "Callout figure", at: DRAW_AT, duration: DRAW_MS + 200, counter: { from: 0, to: LISTENS[11], separator: "," } }];
-var cues = [
-  { layer: "Logo", preset: "pop-in", at: 0 },
-  { layer: "Title", preset: "words-in", at: 100, params: { duration: 600, amount: 70 } },
-  { layer: "Grid", preset: "fade-in", at: 400, params: { duration: 400 }, stagger: { delay: 60 } },
-  { layer: "Month", preset: "fade-in", at: 450, params: { duration: 300 }, stagger: { delay: 30 } },
-  { layer: "Line", preset: "wipe-in", at: DRAW_AT, params: { duration: DRAW_MS, ease: ease.inOut("cubic") } },
-  ...LISTENS.map((_, i) => ({ layer: `Dot ${i + 1}`, preset: "pop-in", at: reach(i), params: { duration: 350 } })),
-  { layer: "Callout", preset: "rise-in", at: DRAW_AT },
-  { layer: "Source", preset: "fade-in", at: 3300 },
-  { layer: "Line", preset: "wipe-out", at: 7500, params: { duration: 500 } },
-  outro(["Logo", "Title", "Grid", "Month", ...LISTENS.map((_, i) => `Dot ${i + 1}`), "Callout", "Source"], 7600, { gap: 10 })
-];
-function drawPlot(k, plotId, width) {
-  const pts = plot(LISTENS, width, H, 0, MAX);
-  const line = k.named(plotId, "Line")[0];
-  if (line) k.patch(line, { width, height: H, paths: [polyline(pts)] });
-  pts.forEach((p, i) => {
-    for (const d of k.named(plotId, `Dot ${i + 1}`)) k.patch(d, { x: p.x - 12, y: p.y - 12 });
-  });
-  k.named(plotId, "Grid").forEach((g, i) => k.patch(g, { width, y: Math.round(H * i / 3) }));
-}
-var line_default = defineTemplate({
-  id: "motion-chart-line",
-  meta: {
-    name: "Animated line chart",
-    description: "A podcast\u2019s first year of listens: the line draws itself month by month, a dot pops at each month and the December figure counts up \u2014 9 seconds, 16:9 with a 4:5 cut",
-    category: "animation",
-    tags: ["animation", "data", "chart", "line chart", "growth", "podcast", "counter"],
-    platforms: ["linkedin", "instagram", "youtube", "slides"],
-    formats: ["video", "portrait-post", "slide-deck"],
-    useCases: ["stats", "report", "podcast"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit("Animated line chart", preset("video-1080p"));
-    k.brand(
-      { paper: "#171432", text: "#F4F2FF", onPaper: "#B5AFE0", primary: "#FF7A59", grid: "#2C2856", card: "#241F4A", onCard: "#FFB199", badge: "#2C2856" },
-      { title: "A year of The Allotment Hour" }
-    );
-    k.textStyle("Title 72", { size: 72, fontWeight: 900, letterSpacing: -2, lineHeight: 80 });
-    k.textStyle("Figure 64", { size: 64, fontWeight: 900, letterSpacing: -2, lineHeight: 72 });
-    k.textStyle("Label 26", { size: 26, fontWeight: 600, lineHeight: 32 });
-    k.textStyle("Month 26", { size: 26, fontWeight: 600, lineHeight: 32, textAlign: "CENTER" });
-    k.textStyle("Source 24", { size: 24, fontWeight: 500, lineHeight: 30 });
-    sourceLine(k, { dot: "primary", ink: "onPaper", style: "Source 24", text: SOURCE });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 40, titleSafe(), "paper", "SPACE_BETWEEN", "MIN");
-    k.timeline(sheet, { duration: 9e3, fps: 30 });
-    const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 32, align: "CENTER", justify: "SPACE_BETWEEN", name: "Header" });
-    const brand = k.stack(head, { direction: "HORIZONTAL", width: "HUG", gap: 28, align: "CENTER", name: "Brand" });
-    logoBadge(k, brand, { fill: "badge", size: 56, name: "Logo" });
-    k.text(brand, "{{brand.title}}", { style: "Title 72", color: "text", name: "Title", width: 1040 });
-    const callout = k.stack(head, { width: "HUG", fill: "card", radius: 24, padding: { top: 16, right: 28, bottom: 16, left: 28 }, name: "Callout" });
-    k.text(callout, LISTENS[11].toLocaleString("en-US"), { style: "Figure 64", color: "onCard", name: "Callout figure", width: 280 });
-    k.text(callout, "listens in December", { style: "Label 26", color: "onCard", name: "Callout label", width: 280 });
-    const W = 1728 - 24;
-    const body = k.stack(sheet, { gap: 16, padding: { top: 12, right: 12, bottom: 0, left: 12 }, name: "Chart" });
-    const plotId = k.stack(body, { height: H, name: "Plot" });
-    for (let i = 0; i < 4; i++) k.rect(plotId, W, 2, "grid", { name: "Grid", absolute: { x: 0, y: 0 } });
-    k.vector(plotId, W, H, [], "primary", { name: "Line", strokeWidth: 8, absolute: { x: 0, y: 0 } });
-    LISTENS.forEach((_, i) => k.ellipse(plotId, 24, "primary", { name: `Dot ${i + 1}`, absolute: { x: 0, y: 0 }, stroke: { color: "paper", width: 5 } }));
-    drawPlot(k, plotId, W);
-    const axis = k.stack(body, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Months" });
-    for (const m of MONTHS) k.text(axis, m, { style: "Month 26", color: "onPaper", name: "Month", width: 60 });
-    k.instance(sheet, "Source line", { Source: SOURCE }, { name: "Source" });
-    keyEverySize(k, sheet, [{
-      preset: "ig-portrait",
-      adjust: (kit, id) => {
-        kit.patch(id, { padding: { top: 88, right: 72, bottom: 88, left: 72 }, primaryAxisAlignItems: "CENTER", itemSpacing: 56, counterAxisSpacing: 56 });
-        for (const h of kit.named(id, "Header")) kit.patch(h, { layoutMode: "VERTICAL", counterAxisAlignItems: "MIN", itemSpacing: 24 });
-        for (const t of kit.named(id, "Title")) kit.patch(t, { width: 760, layoutSizingHorizontal: "FIXED" });
-        const f = kit.node(id);
-        for (const p of kit.named(id, "Plot")) drawPlot(kit, p, f.width - 144 - 24);
-        for (const m of kit.named(id, "Month")) kit.patch(m, { width: 44 });
-      }
-    }], cues, counts);
-    return k.finish();
-  }
-});
-
-export {
-  line_default
-};

package/dist/chunks/chunk-562A6JCW.js

@@ -1,97 +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 {
-  FLOWERS,
-  VARIETIES,
-  bloomBrand,
-  cut,
-  garden,
-  packetStyles
-} from "./chunk-PR2R3EWX.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.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/social/spring-bloom-link-preview.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var spring_bloom_link_preview_default = defineTemplate({
-  id: "social-spring-bloom-link-preview",
-  meta: {
-    name: "Spring bloom link preview",
-    description: "A 1200 \xD7 630 link preview for a spring campaign: \u201CSpring clean your backlog.\u201D in heavy type, the product in two mono lines and the spring offer as a seal, beside a cut-paper bed seen in section and in full flower \u2014 bulbs and roots in the soil, blossom on the hills and three staked seed packets that name what the product does",
-    category: "social",
-    tags: ["spring", "bloom", "flowers", "seed packet", "garden", "cut paper", "link preview", "open graph", "og image", "spring clean", "backlog", "saas", "seasonal"],
-    platforms: ["web", "x", "linkedin", "facebook"],
-    formats: ["og-image"],
-    useCases: ["launch", "sale", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit("Spring bloom link preview", preset("og-image"));
-    k.quantizeGeometry = true;
-    bloomBrand(k, { tagline: "Spring clean your backlog." });
-    packetStyles(k, { relics: true });
-    k.textStyle("Eyebrow 19", { ...MONO, size: 19, fontWeight: 800, letterSpacing: 2.4, lineHeight: 26, textCase: "UPPER" });
-    k.textStyle("Display 92", { size: 92, fontWeight: 900, letterSpacing: -4.4, lineHeight: 84 });
-    k.textStyle("Facts 20", { ...MONO, size: 20, fontWeight: 500, lineHeight: 30 });
-    k.textStyle("Seal 20", { size: 20, fontWeight: 800, lineHeight: 26 });
-    pill(k, "Seal", { fill: "primary", ink: "onPrimary", style: "Seal 20", label: "Spring planting: 40% off your first season", pad: [10, 22] });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 20, { top: 56, right: 630, bottom: 56, left: 64 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    const W = 640, H = 660;
-    const s = {
-      w: W,
-      h: H,
-      loopMs: 6e3,
-      still: true,
-      soil: 420,
-      hills: 220,
-      petals: 6,
-      plantScale: 0.6,
-      u: 0.8,
-      worm: { x: 0.6, y: 96 },
-      sun: { x: 530, y: 96, r: 62 },
-      clouds: [{ x: 50, y: 48, w: 190 }, { x: 300, y: 150, w: 120 }],
-      packets: [{ x: 112, lift: 78, scale: 0.52, packet: VARIETIES[0] }, { x: 322, lift: 100, scale: 0.52, packet: VARIETIES[1] }, { x: 532, lift: 78, scale: 0.52, packet: VARIETIES[2] }],
-      plants: [
-        { x: 218, h: 300, R: 60, flower: FLOWERS.tulip, lean: -6 },
-        { x: 428, h: 330, R: 70, flower: FLOWERS.cosmos, lean: 8 },
-        { x: 20, h: 230, R: 56, flower: FLOWERS.daisy, lean: 10 },
-        { x: 322, h: 130, R: 34, flower: FLOWERS.butterTulip }
-      ],
-      relics: [{ x: 36, y: 128, text: "#412 \xB7 duplicate of #88" }]
-    };
-    const print = k.stack(sheet, { width: W, height: H, fill: "paper", radius: 30, clip: true, stroke: { color: "white", width: 14, align: "INSIDE" }, effects: [cut(1, 0.24, 3)], absolute: { x: 1200 - W + 24, y: 44 }, name: "Print" });
-    const ground = k.frame(print, { x: 0, y: 0, width: W, height: H }, { name: "Garden", clip: true });
-    garden(k, ground, s);
-    k.text(sheet, "{{brand.name}} \xB7 Backlog gardener", { style: "Eyebrow 19", color: "text", name: "Eyebrow" });
-    k.text(sheet, "{{brand.tagline}}", { style: "Display 92", color: "text", name: "Headline" });
-    k.text(sheet, "Thins the duplicates. Composts the dead. Stakes the rest to an owner and a date.", { style: "Facts 20", color: "onPaper", name: "Facts" });
-    k.instance(sheet, "Seal", { Label: "Spring planting: 40% off your first season" }, { name: "Seal" });
-    return k.finish();
-  }
-});
-
-export {
-  spring_bloom_link_preview_default
-};

package/dist/chunks/chunk-57TFUDUK.js

@@ -1,200 +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 {
-  keyEverySize
-} from "./chunk-D7HNJPT7.js";
-import {
-  chart,
-  gridPaths
-} from "./chunk-YNOCYFZ4.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  each,
-  pattern,
-  put,
-  redraw,
-  sizeOf
-} from "./chunk-QLV6445V.js";
-import {
-  glow
-} from "./chunk-HVK5T4I5.js";
-import {
-  logoBadge,
-  outro,
-  pill,
-  postVariants
-} from "./chunk-EK5CFFJO.js";
-import {
-  box
-} from "./chunk-BNVLVZUT.js";
-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/social/saas-kit-mrr-card.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 1e4;
-var OUT = 9200;
-var MRR = [180, 420, 610, 940, 1380, 1720, 2400, 3150, 3900, 4800, 5950, 7100, 8600, 1e4];
-var MAX = 11e3;
-var CELL = 14;
-var FACTS = ["> 412 paying teams, 3.1% monthly churn", "> 0 ads \xB7 0 investors \xB7 2 founders", "> month 14 since the first commit"];
-var DRAW_AT = 1500;
-var DRAW_MS = 2200;
-var counts = [{ layer: "Figure", at: DRAW_AT, duration: DRAW_MS, counter: { from: 0, to: 1e4, prefix: "$", separator: "," } }];
-var cues = [
-  { layer: "Command", preset: "typewriter", at: 200, params: { duration: 1e3 } },
-  { layer: "Figure", preset: "fade-in", at: DRAW_AT - 100, params: { duration: 200 } },
-  { layer: "Unit", preset: "fade-in", at: DRAW_AT, params: { duration: 300 } },
-  { layer: "Axis", preset: "fade-in", at: 1300, params: { duration: 300 } },
-  { layer: "Columns", preset: "wipe-in", at: DRAW_AT, params: { duration: DRAW_MS, ease: ease.linear } },
-  { layer: "Line", preset: "wipe-in", at: DRAW_AT, params: { duration: DRAW_MS, ease: ease.linear } },
-  { layer: "Goal", preset: "fade-in", at: DRAW_AT + DRAW_MS - 300, params: { duration: 300 } },
-  { layer: "Peak", preset: "pop-in", at: DRAW_AT + DRAW_MS, params: { duration: 400 } },
-  { layer: "Figure", preset: "pulse", at: DRAW_AT + DRAW_MS + 100, params: { duration: 600, amount: 0.04 } },
-  { layer: "Fact", preset: "typewriter", at: 4300, params: { duration: 500 }, stagger: { delay: 600 } },
-  { layer: "Open", preset: "pop-in", at: 6300, params: { duration: 400 } },
-  outro(["Command", "Figure", "Unit", "Axis", "Columns", "Line", "Goal", "Peak", "Fact", "Open"], OUT, { gap: 30, duration: 350 })
-];
-function drawChart(k, root, w, h) {
-  const cols = MRR.length, pitch = w / cols;
-  const cells = [];
-  MRR.forEach((v, i) => {
-    const n = Math.max(1, Math.round(v / MAX * (h / CELL)));
-    for (let j = 0; j < n; j++) cells.push(box(i * pitch + 3, h - (j + 1) * CELL + 2, pitch - 6, CELL - 4));
-  });
-  const c = chart(MRR, w - pitch, h, MAX);
-  const goalY = h - 1e4 / MAX * h;
-  each(k, root, "Plot", (id) => k.patch(id, { width: w, height: h }));
-  each(k, root, "Columns", (id) => k.patch(id, { width: w, height: h, paths: cells }));
-  each(k, root, "Line", (id) => k.patch(id, { x: pitch / 2, width: w - pitch, height: h, paths: [c.line] }));
-  each(k, root, "Goal rule", (id) => k.patch(id, { width: w, y: goalY }));
-  each(k, root, "Goal label", (id) => k.patch(id, { x: 0, y: goalY - 30 }));
-  each(k, root, "Peak", (id) => k.patch(id, { x: w - pitch / 2 - 13, y: goalY - 13 }));
-}
-var scan = (w, h) => gridPaths(w, h, 6, 2, "y");
-var saas_kit_mrr_card_default = defineTemplate({
-  id: "motion-saas-kit-mrr-card",
-  meta: {
-    name: "SaaS launch MRR milestone card (animated)",
-    description: "A build-in-public revenue milestone as the output of a shell command, in the terminal look: the command types itself, \u201C$10,000\u201D counts up in amber while the chart draws itself column by column to the 10k line, and the facts print underneath. It holds on the whole card, which is also the still, then clears to the prompt. Ten seconds, looping, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "saas launch", "mrr", "revenue", "milestone", "build in public", "terminal", "monospace", "chart", "counter", "indie", "post"],
-    platforms: ["x", "linkedin", "instagram", "threads"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["milestone", "stats", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit("SaaS launch MRR milestone card (animated)", preset("ig-post"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#100E09", text: "#FFC247", onPaper: "#C9A566", accent: "#FF7A1A", onAccent: "#1A0B00", primary: "#FFC247", onPrimary: "#1A1203" },
-      { name: "Tickrate", site: "tickrate.example/open" }
-    );
-    k.textStyle("Bar 20", { ...MONO, size: 20, fontWeight: 500, lineHeight: 26 });
-    k.textStyle("Command 30", { ...MONO, size: 30, fontWeight: 600, letterSpacing: -0.5, lineHeight: 38 });
-    k.textStyle("Figure 210", { ...MONO, size: 210, fontWeight: 800, letterSpacing: -14, lineHeight: 200 });
-    k.textStyle("Figure 170", { ...MONO, size: 170, fontWeight: 800, letterSpacing: -11, lineHeight: 170 });
-    k.textStyle("Unit 34", { ...MONO, size: 34, fontWeight: 700, lineHeight: 40 });
-    k.textStyle("Fact 28", { ...MONO, size: 28, fontWeight: 500, letterSpacing: -0.4, lineHeight: 40 });
-    k.textStyle("Axis 18", { ...MONO, size: 18, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Open 22", { ...MONO, size: 22, fontWeight: 800, lineHeight: 28 });
-    pill(k, "Open", { fill: "accent", ink: "onAccent", style: "Open 22", label: "tickrate.example/open", pad: [10, 16], radius: 4 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 22, { top: 0, right: 64, bottom: 56, left: 64 }, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    glow(k, sheet, { x: 0, y: 0, w: 1300, h: 900, role: "accent", alpha: 0.16, name: "Phosphor" });
-    pattern(k, sheet, "Scanlines", "text", scan, 0.035);
-    k.rect(sheet, 1040, 1048, [], { name: "Window edge", radius: 22, opacity: 0.45, stroke: { color: "onPaper", width: 2, align: "INSIDE" }, absolute: { x: 20, y: 16 } });
-    const bar = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", padding: { top: 26, right: 0, bottom: 20, left: 0 }, name: "Title bar" });
-    const left = k.stack(bar, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", name: "Bar left" });
-    const dots = k.stack(left, { direction: "HORIZONTAL", width: "HUG", gap: 9, name: "Window dots" });
-    for (let i = 0; i < 3; i++) k.ellipse(dots, 15, [], { name: "Window dot", stroke: { color: "onPaper", width: 2, align: "INSIDE" } });
-    k.text(left, "~/tickrate \xB7 zsh \xB7 80\xD724", { style: "Bar 20", color: "onPaper", autoWidth: true, name: "Path" });
-    const who = k.stack(bar, { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", name: "Who" });
-    logoBadge(k, who, { fill: "accent", size: 20, pad: 7, radius: 4 });
-    k.text(who, "{{brand.name}}", { style: "Bar 20", color: "text", autoWidth: true, name: "Name" });
-    k.rect(sheet, "FILL", 2, "onPaper", { name: "Bar rule", opacity: 0.4 });
-    const head = k.stack(sheet, { gap: 22, name: "Head" });
-    k.text(head, "$ stripe mrr --since launch", { style: "Command 30", color: "onPaper", name: "Command" });
-    const fig = k.stack(head, { direction: "HORIZONTAL", gap: 20, align: "MAX", name: "Figure row" });
-    k.text(fig, "$10,000", { style: "Figure 210", color: "text", autoWidth: true, name: "Figure" });
-    k.text(fig, "MRR", { style: "Unit 34", color: "onPaper", autoWidth: true, name: "Unit" });
-    const chartBox = k.stack(sheet, { gap: 8, name: "Chart" });
-    const plot = k.stack(chartBox, { height: 260, name: "Plot" });
-    const goal = k.frame(plot, { x: 0, y: 0, width: 952, height: 260 }, { name: "Goal" });
-    k.rect(goal, 952, 2, "accent", { name: "Goal rule", absolute: { x: 0, y: 0 } });
-    k.text(goal, "10k", { style: "Axis 18", color: "text", autoWidth: true, name: "Goal label", absolute: { x: 0, y: 0 } });
-    k.vector(plot, 10, 10, [], "primary", { name: "Columns", absolute: { x: 0, y: 0 }, opacity: 0.55 });
-    k.vector(plot, 10, 10, [], "text", { name: "Line", strokeWidth: 5, absolute: { x: 0, y: 0 } });
-    k.ellipse(plot, 26, "accent", { name: "Peak", absolute: { x: 0, y: 0 }, stroke: { color: "paper", width: 5 } });
-    const axis = k.stack(chartBox, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Axis" });
-    for (const m of ["Sep \u201925", "Jan \u201926", "May \u201926", "Oct \u201926"]) k.text(axis, m, { style: "Axis 18", color: "onPaper", autoWidth: true, name: "Month" });
-    drawChart(k, sheet, 952, 260);
-    const facts = k.stack(sheet, { gap: 0, name: "Facts" });
-    for (const f of FACTS) k.text(facts, f, { style: "Fact 28", color: "text", name: "Fact" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Foot" });
-    k.instance(foot, "Open", { Label: "{{brand.site}}" }, { name: "Open" });
-    k.rect(foot, 16, 32, "text", { name: "Cursor" });
-    const cursor = k.named(sheet, "Cursor")[0];
-    k.animate(cursor, "opacity", Array.from({ length: DURATION / 500 + 1 }, (_, i) => ({ t: i * 500, v: i % 2 ? 0 : 1, ...i < DURATION / 500 ? { ease: ease.hold } : {} })));
-    const fit = (kit, id) => {
-      const { w, h } = sizeOf(kit, id);
-      redraw(kit, id, "Scanlines", scan);
-      put(kit, id, "Phosphor", w / 2 - 650, h * 0.42 - 450);
-      const p = kit.node(id).padding;
-      const tall = p.top > 100;
-      const x = tall ? p.left - 44 : 20, y = tall ? p.top - 16 : 16;
-      put(kit, id, "Window edge", x, y, { width: w - 2 * x, height: (tall ? h - p.bottom + 44 : h - 16) - y });
-    };
-    fit(k, sheet);
-    keyEverySize(k, sheet, postVariants({ portrait: 64 }, {
-      portrait: (kit, id) => {
-        kit.patch(id, { padding: { top: 0, right: 64, bottom: 64, left: 64 } });
-        each(kit, id, "Plot", (n) => kit.patch(n, { height: 400 }));
-        drawChart(kit, id, 952, 400);
-        each(kit, id, "Goal", (n) => kit.patch(n, { height: 400 }));
-        fit(kit, id);
-      },
-      vertical: (kit, id) => {
-        const p = kit.node(id);
-        const w = 1080 - p.padding.left - p.padding.right;
-        each(kit, id, "Figure", (n) => kit.restyle(n, "Figure 170"));
-        each(kit, id, "Plot", (n) => kit.patch(n, { height: 380 }));
-        each(kit, id, "Goal", (n) => kit.patch(n, { width: w, height: 380 }));
-        drawChart(kit, id, w, 380);
-        fit(kit, id);
-        const x0 = p.padding.left - 44;
-        put(kit, id, "Window edge", x0, kit.node(kit.named(id, "Window edge")[0]).y, { height: 1840 - kit.node(kit.named(id, "Window edge")[0]).y });
-        const lens = [0.62, 0.44, 0.71, 0.3, 0.55, 0.66, 0.38, 0.5];
-        lens.forEach((l, i) => kit.rect(id, Math.round(w * l), 16, "text", { name: "Scrollback", radius: 2, opacity: i % 4 === 0 ? 0.32 : 0.16, absolute: { x: p.padding.left, y: 1500 + i * 40 } }));
-      }
-    }), cues, counts);
-    return k.finish();
-  }
-});
-
-export {
-  saas_kit_mrr_card_default
-};

package/dist/chunks/chunk-5ATPEHI5.js

@@ -1,102 +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 {
-  logoBadge,
-  pill,
-  verticalPadding
-} from "./chunk-EK5CFFJO.js";
-import {
-  into,
-  playScenes,
-  sceneSheets
-} from "./chunk-WXSOCXQJ.js";
-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/scenes/story-bakery.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var scenes = [
-  { sheet: "Hook", cues: [
-    { layer: "Logo", preset: "pop-in", at: 0 },
-    { layer: "Time", preset: "pop-in", at: 150, params: { duration: 600, amount: 0.4 } },
-    { layer: "Fresh", preset: "words-in", at: 500, params: { duration: 600, amount: 110 } }
-  ] },
-  { sheet: "Bun", transition: into("CIRCLE_WIPE", 700, { interp: ease.inOut("expo"), center: { x: 0.5, y: 0.45 } }), cues: [
-    { layer: "Picture", preset: "scale-in", at: 0, params: { duration: 800, amount: 0.85 } },
-    { layer: "Bun name", preset: "rise-in", at: 400 },
-    { layer: "Bun note", preset: "fade-in", at: 700 },
-    { layer: "Price", preset: "pop-in", at: 900 }
-  ], counts: [{ layer: "Price", at: 900, duration: 900, counter: { from: 0, to: 3.2, decimals: 2, prefix: "\xA3" } }] },
-  { sheet: "Order", transition: into("PUSH_FROM_BOTTOM", 500), cues: [
-    { layer: "Order line", preset: "lines-in", at: 100, params: { duration: 600, amount: 200 } },
-    { layer: "Order button", preset: "pop-in", at: 800 },
-    { layer: "Order button", preset: "pulse", at: 1500, params: { amount: 0.06 } },
-    { layer: "Address", preset: "fade-in", at: 1e3 }
-  ] }
-];
-var story_bakery_default = defineTemplate({
-  id: "motion-story-ad-bakery",
-  meta: {
-    name: "Bakery story ad (3 scenes)",
-    description: "A three-scene 9:16 story ad for a morning bake: the hook, the bun with its price counting up, and order-ahead \u2014 circle wipe and push-up between them, 7 seconds",
-    category: "animation",
-    tags: ["animation", "story", "ad", "scenes", "transitions", "bakery", "food", "local business"],
-    platforms: ["instagram", "tiktok", "facebook", "snapchat"],
-    formats: ["story", "ad", "reel"],
-    useCases: ["sale", "launch"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { scenes },
-  build() {
-    const k = new Kit("Bakery story ad", preset("ig-story"));
-    k.brand(
-      { paper: "#FBEFE1", text: "#3A2314", onPaper: "#6E4F3A", primary: "#C8553D", onPrimary: "#FFFFFF", crust: "#E9B872", onCrust: "#3A2314", muted: "#E8D5C0", badge: "#C8553D" },
-      { name: "Hartley\u2019s Bakery", address: "22 Orchard Row \xB7 open from 7 am" }
-    );
-    k.textStyle("Time 260", { size: 260, fontWeight: 900, letterSpacing: -10, lineHeight: 260, textAlign: "CENTER" });
-    k.textStyle("Hook 96", { size: 96, fontWeight: 900, letterSpacing: -3, lineHeight: 100, textAlign: "CENTER" });
-    k.textStyle("Name 72", { size: 72, fontWeight: 900, letterSpacing: -2, lineHeight: 80, textAlign: "CENTER" });
-    k.textStyle("Note 38", { size: 38, fontWeight: 500, lineHeight: 48, textAlign: "CENTER" });
-    k.textStyle("Price 96", { size: 96, fontWeight: 900, letterSpacing: -3, lineHeight: 100, textAlign: "CENTER" });
-    k.textStyle("Button 44", { size: 44, fontWeight: 800, lineHeight: 52 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 44", label: "Order ahead", pad: [28, 64] });
-    const [hook, bun, order] = sceneSheets(k, "ig-story", scenes.map((s) => s.sheet));
-    for (const [id, paper] of [[hook, "paper"], [bun, "crust"], [order, "paper"]]) {
-      k.flowSheet(id, 40, verticalPadding(), paper, "CENTER", "CENTER");
-      k.timeline(id, { duration: id === bun ? 2600 : id === hook ? 2200 : 3e3, fps: 30 });
-    }
-    logoBadge(k, hook, { fill: "badge", size: 80, name: "Logo" });
-    k.text(hook, "7 am", { style: "Time 260", color: "text", name: "Time" });
-    k.text(hook, "Fresh out of the oven, every morning", { style: "Hook 96", color: "text", name: "Fresh" });
-    k.photo(bun, 760, 760, { radius: 380, ground: "muted", name: "Picture" });
-    k.text(bun, "Cardamom bun", { style: "Name 72", color: "onCrust", name: "Bun name" });
-    k.text(bun, "Laminated, knotted, baked at 6.40", { style: "Note 38", color: "onCrust", name: "Bun note" });
-    k.text(bun, "\xA33.20", { style: "Price 96", color: "onCrust", name: "Price" });
-    k.text(order, "Skip the queue.\nOrder ahead.", { style: "Hook 96", color: "text", name: "Order line" });
-    k.instance(order, "Button", { Label: "Order ahead" }, { name: "Order button" });
-    k.text(order, "{{brand.address}}", { style: "Note 38", color: "onPaper", name: "Address" });
-    playScenes(k, "comp-story", "Bakery story ad", [hook, bun, order], scenes, "text");
-    k.setCover(hook);
-    return k.finish();
-  }
-});
-
-export {
-  story_bakery_default
-};