@popcraft/kit 0.26.0 → 0.26.1

package/dist/chunks/chunk-DNF4YSRZ.js

@@ -1,208 +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 {
-  SERVICES,
-  SPANWISE,
-  SPIKE_TAIL,
-  body,
-  code,
-  dataBrand,
-  display,
-  figure,
-  heatMap,
-  label,
-  lockup,
-  panel,
-  rowSeries,
-  sparkPath,
-  ts
-} from "./chunk-2L6C5PWP.js";
-import {
-  hide,
-  restyle
-} from "./chunk-QLV6445V.js";
-import {
-  postVariants
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/social/style-data-announcement.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Data SaaS announcement post";
-var LOOP = 8e3;
-var SCAN = 900;
-var SETTLE = 2900;
-var BACK = 7100;
-var ROW_H = 66;
-var DEPLOYS = [
-  ["13:41", "search", "v2.9.0", "4%"],
-  ["13:58", "cart", "v7.1.4", "11%"],
-  ["14:02", "payments-gw", "v4.18.2", "92%", true],
-  ["14:10", "auth", "v3.3.1", "2%"]
-];
-var MATCH = DEPLOYS.findIndex((d) => d[4]);
-var cues = [
-  { layer: "Cause tag", preset: "pulse", at: SETTLE + 200, params: { duration: 800, amount: 0.08 } },
-  { layer: "Strip cell", preset: "pulse", at: 3600, stagger: { delay: 40, order: "selection" }, params: { duration: 600, amount: 0.3 } },
-  { layer: "Anomaly figure", preset: "pulse", at: 400, params: { duration: 800, amount: 0.04 } }
-];
-var style_data_announcement_default = defineTemplate({
-  id: "social-saas-style-data-announcement",
-  meta: {
-    name: NAME,
-    description: "An eight-second looping announcement post in a data-dense enterprise look for a new observability feature, change correlation: the message from the first frame over a console panel, an anomaly with its sparkline off the scale beside the last half hour of deploys, a cobalt scan bar that runs down them and settles on the cause as the match ticks to 92%, and latency cells lighting in a travelling wave. Square with 4:5 and 9:16 cuts",
-    category: "social",
-    tags: ["social", "post", "announcement", "feature", "launch", "saas", "data", "dashboard", "enterprise", "observability", "devops", "table", "loop", "animation", "instagram", "linkedin"],
-    platforms: ["instagram", "linkedin", "x", "threads"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["announcement", "launch", "changelog"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-post"));
-    k.quantizeGeometry = true;
-    dataBrand(k);
-    ts(k, "Brand 30", display(30));
-    ts(k, "New 20", label(20));
-    ts(k, "Head 70", display(70, { lead: 1.04 }));
-    ts(k, "Head 62", display(62, { lead: 1.05 }));
-    ts(k, "Panel 18", label(18));
-    ts(k, "Svc 26", code(26, 600));
-    ts(k, "Mono 20", code(20));
-    ts(k, "Mono 22", code(22));
-    ts(k, "Fig 56", figure(56));
-    ts(k, "Fig 22", figure(22, 600));
-    ts(k, "Delta 20", figure(20, 600));
-    ts(k, "Tag 16", label(16));
-    ts(k, "Foot 24", body(24, 500));
-    ts(k, "Site 24", code(24));
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Announcement");
-    k.flowSheet(sheet, 28, 72, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: LOOP, fps: 30 });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top row" });
-    lockup(k, top, { size: 48, style: "Brand 30" });
-    const nw = k.stack(top, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", radius: 6, padding: { top: 8, right: 14, bottom: 8, left: 14 }, fill: "card", stroke: { color: "line", width: 1, align: "INSIDE" }, name: "New chip" });
-    const live = k.ellipse(nw, 10, "up", { name: "Live dot" });
-    k.text(nw, `NEW IN ${SPANWISE.version} \xB7 CHANGE CORRELATION`, { style: "New 20", color: "onCard", autoWidth: true, name: "New words" });
-    k.text(sheet, "Every anomaly now names\nthe deploy behind it.", { style: "Head 70", color: "text", name: "Headline" });
-    const con = panel(k, sheet, { direction: "HORIZONTAL", name: "Console" });
-    const an = k.stack(con, { width: 340, gap: 8, padding: 24, name: "Anomaly card" });
-    k.text(an, "ANOMALY \xB7 14:02:49", { style: "Panel 18", color: "down", name: "Anomaly label" });
-    k.text(an, SPANWISE.service, { style: "Svc 26", color: "onCard", name: "Anomaly service" });
-    k.text(an, `${SPANWISE.region} \xB7 p99`, { style: "Mono 20", color: "cardMuted", name: "Anomaly region" });
-    k.text(an, "2,340 ms", { style: "Fig 56", color: "onCard", name: "Anomaly figure" });
-    k.text(an, "\u2191 12.9\xD7 in 38 s", { style: "Delta 20", color: "down", name: "Anomaly delta" });
-    const sw = 292, sh = 70;
-    const vals = rowSeries(SERVICES.find((s) => s.anomaly));
-    const calm = vals.slice(0, vals.length - SPIKE_TAIL.length);
-    const lo = Math.min(...calm) * 0.9, hi = Math.max(...calm) * 1.12;
-    const sparkBox = k.frame(an, { x: 0, y: 0, width: sw, height: sh }, { name: "Spark box", clip: true });
-    k.patch(sparkBox, { layoutPositioning: "AUTO" });
-    const calmW = sw * ((calm.length - 1) / (vals.length - 1));
-    k.vector(sparkBox, calmW, sh, [sparkPath(calm, calmW, sh, lo, hi)], [], { name: "Sparkline", absolute: { x: 0, y: 0 }, stroke: { color: "heat", width: 2.5 } });
-    const tail = [calm[calm.length - 1], ...SPIKE_TAIL].map((v, j) => ({ x: j / SPIKE_TAIL.length * (sw - calmW), y: Math.max(1, Math.min(sh, sh - (v - lo) / (hi - lo) * sh)) }));
-    k.vector(sparkBox, sw - calmW, sh, [{ closed: false, points: tail }], [], { name: "Spike", absolute: { x: calmW, y: 0 }, stroke: { color: "down", width: 3 } });
-    k.rect(con, 1, 10, "line", { name: "Split" });
-    const dl = k.stack(con, { width: "FILL", name: "Deploys" });
-    const dh = k.stack(dl, { direction: "HORIZONTAL", height: 52, align: "CENTER", justify: "SPACE_BETWEEN", padding: { top: 0, right: 22, bottom: 0, left: 22 }, fill: "well", name: "Deploys head" });
-    k.text(dh, "DEPLOYS, LAST 30 MIN", { style: "Panel 18", color: "cardMuted", autoWidth: true, name: "Deploys title" });
-    k.text(dh, "MATCH", { style: "Panel 18", color: "cardMuted", autoWidth: true, name: "Match title" });
-    const body_ = k.frame(dl, { x: 0, y: 0, width: 576, height: DEPLOYS.length * ROW_H }, { name: "Deploy rows" });
-    k.patch(body_, { layoutPositioning: "AUTO", layoutSizingHorizontal: "FILL" });
-    const scan = k.rect(body_, 576, ROW_H, k.tint("primary", 0.2), { name: "Scan bar", absolute: { x: 0, y: MATCH * ROW_H } });
-    k.rect(body_, 4, ROW_H, "primary", { name: "Scan edge", absolute: { x: 0, y: MATCH * ROW_H } });
-    let matchFig = "";
-    DEPLOYS.forEach(([t, svc, ver, m, hit], i) => {
-      const r = k.stack(body_, { direction: "HORIZONTAL", width: 576, height: ROW_H, gap: 16, align: "CENTER", padding: { top: 0, right: 22, bottom: 0, left: 22 }, name: "Deploy row", absolute: { x: 0, y: i * ROW_H } });
-      k.rect(r, 576, 1, "rule", { name: "Row rule", absolute: { x: 0, y: ROW_H - 1 } });
-      k.text(r, t, { style: "Mono 20", color: "cardMuted", autoWidth: true, name: "Deploy time" });
-      const w = k.stack(r, { direction: "HORIZONTAL", width: "FILL", gap: 8, align: "CENTER", name: "Deploy words" });
-      k.text(w, `${svc} ${ver}`, { style: "Mono 22", color: "onCard", autoWidth: true, name: "Deploy name" });
-      if (hit) {
-        const tag = k.stack(w, { direction: "HORIZONTAL", width: "HUG", fill: "down", radius: 4, padding: { top: 2, right: 6, bottom: 2, left: 6 }, name: "Cause tag" });
-        k.text(tag, "CAUSE", { style: "Tag 16", color: "well", autoWidth: true, name: "Cause word" });
-      }
-      const f = k.text(r, m, { style: "Fig 22", color: hit ? "onCard" : "cardMuted", width: 96, align: "RIGHT", name: hit ? "Match figure" : "Deploy match" });
-      if (hit) matchFig = f;
-    });
-    const sb = k.stack(dl, { padding: { top: 14, right: 22, bottom: 16, left: 22 }, name: "Strip box" });
-    const st = heatMap(k, sb, { cols: 36, rows: 1, cell: 21, gap: 3, seed: 5, name: "Strip" });
-    for (const c of st.cells) k.patch(c, { name: "Strip cell" });
-    k.patch(st.root, { width: 22 * 24 - 3, clipsContent: true });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Foot" });
-    k.text(foot, "Live today on Business and Enterprise.", { style: "Foot 24", color: "onPaper", autoWidth: true, name: "Foot line" });
-    k.component("Site pill", { direction: "HORIZONTAL", width: "HUG", radius: 6, align: "CENTER", padding: { top: 10, right: 16, bottom: 10, left: 16 }, fill: "card", stroke: { color: "line", width: 1, align: "INSIDE" }, props: { Label: "{{brand.site}}" } }, (id) => {
-      k.propText(id, "Label", { style: "Site 24", color: "onCard", autoWidth: true });
-    });
-    k.instance(foot, "Site pill", { Label: `{{brand.site}}/${SPANWISE.version}` }, { name: "Site" });
-    k.cues(sheet, cues);
-    const dy = (row) => (row - MATCH) * ROW_H;
-    for (const id of [scan, ...k.named(body_, "Scan edge")]) k.animate(id, "translateY", [
-      { t: 0, v: dy(0), ease: ease.hold },
-      { t: SCAN, v: dy(0), ease: ease.inOut("cubic") },
-      { t: SCAN + 700, v: dy(1), ease: ease.hold },
-      { t: SCAN + 1100, v: dy(1), ease: ease.out("back") },
-      { t: SETTLE, v: dy(MATCH), ease: ease.hold },
-      { t: BACK, v: dy(MATCH), ease: ease.inOut("cubic") },
-      { t: LOOP, v: dy(0) }
-    ]);
-    const strip = (keys) => {
-      delete keys[keys.length - 1].ease;
-      return keys;
-    };
-    for (const id of k.named(body_, "Deploy match")) {
-      const v = k.node(id);
-      k.animate(id, "text.content", strip([{ t: 0, v: v.characters, ease: ease.hold }, { t: BACK, v: v.characters, ease: ease.hold }, { t: LOOP, v: v.characters }]));
-    }
-    k.animate(matchFig, "text.content", strip([{ t: 0, v: "\u2014", ease: ease.hold }, { t: SETTLE - 300, v: "41%", ease: ease.hold }, { t: SETTLE - 200, v: "67%", ease: ease.hold }, { t: SETTLE - 100, v: "85%", ease: ease.hold }, { t: SETTLE, v: "92%", ease: ease.hold }, { t: BACK + 150, v: "\u2014" }]));
-    k.patch(matchFig, { characters: "92%" });
-    k.animate(live, "opacity", strip(Array.from({ length: 17 }, (_, i) => ({ t: i * 500, v: i % 2 ? 0.3 : 1, ease: ease.hold }))));
-    k.variants(sheet, postVariants({ portrait: 72, vertical: 96 }, {
-      portrait: (kit, id) => {
-        restyle(kit, id, "Headline", "Head 70");
-      },
-      vertical: (kit, id) => {
-        restyle(kit, id, "Headline", "Head 62");
-        kit.patch(id, { primaryAxisAlignItems: "MIN", itemSpacing: 40 });
-        for (const c of kit.named(id, "Console")) kit.patch(c, { layoutMode: "VERTICAL" });
-        for (const a of kit.named(id, "Anomaly card")) kit.patch(a, { layoutSizingHorizontal: "FILL" });
-        hide(kit, id, ["Split"]);
-        for (const name of ["Deploy row", "Scan bar", "Row rule"]) for (const n of kit.named(id, name)) kit.patch(n, { width: 800 });
-        ts(kit, "Mono 26", code(26));
-        ts(kit, "Fig 26", figure(26, 600));
-        restyle(kit, id, "Deploy name", "Mono 26");
-        restyle(kit, id, "Match figure", "Fig 26");
-        restyle(kit, id, "Deploy match", "Fig 26");
-        for (const r of kit.named(id, "Strip")) kit.patch(r, { width: Math.floor((800 - 44 + 3) / 24) * 24 - 3 });
-        heatMap(kit, id, { cols: 36, rows: 14, cell: 26, gap: 4, hotRow: 5, hotCol: 30, name: "Heat foot", absolute: { x: 2, y: 1474 }, dim: 0.85 });
-      }
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_data_announcement_default
-};

package/dist/chunks/chunk-DNL4EXWP.js

@@ -1,162 +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 {
-  HARVEST,
-  almanacRule,
-  fallLeaves,
-  farFields,
-  field,
-  fitChart,
-  fitField,
-  fitLeaves,
-  growBars,
-  harvestBrand,
-  leaves,
-  nearField,
-  strew,
-  wheatChart
-} from "./chunk-HF4GSDL3.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-X23ZWFW2.js";
-import {
-  bed
-} from "./chunk-52GCV7N5.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-T3SGRYUX.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion/autumn-harvest-year-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MUSIC = bed("acoustic", 27);
-var DURATION = MUSIC.duration;
-var beat = MUSIC.beat;
-var land = (h, near, sun, birds) => field({ w: 1080, h, near, loopMs: DURATION }, { sun, birds });
-var STORY = land(1920, 1130, { x: 700, y: 850, size: 430 }, { x: 250, y: 740 });
-var CHART = { x: 96, base: 1142, width: 844, height: 400, values: HARVEST.quarters, tags: HARVEST.quarters.map((q) => `$${q}M`), tagStyle: "Tag 30" };
-var litter = (h, from, sides = false) => sides ? [...strew(7, 8, { x0: 30, x1: 130, y0: from, y1: h - 20 }, [56, 92]), ...strew(9, 7, { x0: 950, x1: 1050, y0: from, y1: h - 20 }, [56, 92]), ...strew(19, 3, { x0: 180, x1: 900, y0: h - 16, y1: h - 6 }, [70, 100])] : [...strew(7, 15, { x0: 50, x1: 1030, y0: from, y1: h - 60 }, [90, 170]), ...strew(19, 3, { x0: 30, x1: 90, y0: from - 200, y1: from - 60 }, [70, 100])];
-var swaps = [
-  // Word by word. A line never has more words than the one before it: each word reads the swap `stagger` ms behind
-  // the one before, so a longer line's last words would still be reading the previous line's exit.
-  { layer: "Caption", words: ["Every quarter, a bigger crop of paid invoices.", "Paid nine days sooner than last year.", "You did the work. Thank you.", "Now for the Q4 push."], at: beat(3), hold: 2555, stagger: 50, in: 350, out: 250, unit: "word", rise: 30 }
-];
-var counts = [
-  { layer: "Total", at: beat(1), duration: beat(4), counter: { from: 100, to: HARVEST.total, prefix: "$", suffix: `M paid out to ${HARVEST.freelancers} freelancers` } },
-  ...HARVEST.quarters.map((q, i) => ({ layer: `Tally ${i + 1}`, at: beat(1 + i), duration: 900, counter: { from: 10, to: q, prefix: "$", suffix: "M" } }))
-];
-var cues = [
-  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Headline", preset: "words-in", at: 0, params: { duration: 500 } },
-  { layer: "Total", preset: "fade-in", at: beat(1), params: { duration: 500 } },
-  { layer: "Tag", preset: "pop-in", at: beat(1) + 300, params: { duration: 400 }, stagger: { delay: beat(1) } },
-  { layer: "Call", preset: "rise-in", at: beat(19), params: { duration: 600 } },
-  { layer: "Site", preset: "fade-in", at: beat(20), params: { duration: 600 } },
-  { layer: "Call", preset: "pulse", at: beat(23), params: { duration: 900, amount: 0.05 } }
-];
-var autumn_harvest_year_reel_default = defineTemplate({
-  id: "motion-autumn-harvest-year-reel",
-  meta: {
-    name: "Autumn harvest year-in-review reel",
-    description: "A 17-second year in review as a plate from a farmer\u2019s almanac: the hook is up in the first half second, wheat grows out of a linocut field into a four-quarter bar chart with a crate tag counting over each bar, the total counts beside the headline, leaves fall and settle in the furrows, and the story is told in burned-in captions before the Q4 offer rises \u2014 cut to a fingerpicked guitar (made by PopCraft, CC0). 9:16 with 1:1 and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "autumn", "harvest", "fall", "year in review", "almanac", "linocut", "wheat", "bar chart", "counter", "leaves", "saas", "reel", "captions", "music", "audio", "seasonal"],
-    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["stats", "milestone", "report", "sale"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit("Autumn harvest year-in-review reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    harvestBrand(k);
-    k.textStyle("Eyebrow 26", { size: 26, fontWeight: 700, letterSpacing: 5, lineHeight: 34, textCase: "UPPER" });
-    k.textStyle("Display 124", { ...SERIF, size: 124, fontWeight: 900, letterSpacing: -4, lineHeight: 116 });
-    k.textStyle("Display 104", { ...SERIF, size: 104, fontWeight: 900, letterSpacing: -3.2, lineHeight: 100 });
-    k.textStyle("Display 84", { ...SERIF, size: 84, fontWeight: 900, letterSpacing: -2.6, lineHeight: 82 });
-    k.textStyle("Total 38", { ...SERIF, size: 38, fontStyle: "italic", fontWeight: 600, lineHeight: 48 });
-    k.textStyle("Total 28", { ...SERIF, size: 28, fontStyle: "italic", fontWeight: 600, lineHeight: 36 });
-    k.textStyle("Tag 30", { ...MONO, size: 30, fontWeight: 800, letterSpacing: -0.6, lineHeight: 36 });
-    k.textStyle("Caption 40", { size: 40, fontWeight: 700, letterSpacing: -0.4, lineHeight: 50, textAlign: "CENTER" });
-    k.textStyle("Caption 32", { size: 32, fontWeight: 700, letterSpacing: -0.3, lineHeight: 40, textAlign: "CENTER" });
-    k.textStyle("Button 32", { size: 32, fontWeight: 800, lineHeight: 40 });
-    k.textStyle("Site 26", { size: 26, fontWeight: 600, letterSpacing: 1, lineHeight: 34, textAlign: "CENTER" });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 32", label: "Half price till 30 November", pad: [22, 40], radius: 8 });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Year in review");
-    k.flowSheet(sheet, 0, verticalPadding(), "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
-    const g = STORY;
-    farFields(k, sheet, g);
-    wheatChart(k, sheet, CHART);
-    nearField(k, sheet, g);
-    leaves(k, sheet, litter(1920, 1500));
-    const top = k.stack(sheet, { gap: 18, name: "Top" });
-    k.text(top, "{{brand.name}} almanac \xB7 the 2026 harvest", { style: "Eyebrow 26", color: "onPaper", name: "Eyebrow" });
-    almanacRule(k, top, { width: "FILL" });
-    k.text(top, "What we grew in 2026.", { style: "Display 124", color: "text", name: "Headline" });
-    k.text(top, `$${HARVEST.total}M paid out to ${HARVEST.freelancers} freelancers`, { style: "Total 38", color: "text", name: "Total" });
-    const foot = k.stack(sheet, { gap: 26, align: "CENTER", name: "Foot" });
-    k.text(foot, swaps[0].words[0], { style: "Caption 40", color: "label", name: "Caption" });
-    k.instance(foot, "Button", { Label: "Half price till 30 November" }, { name: "Call" });
-    k.text(foot, "{{brand.site}}/harvest", { style: "Site 26", color: "label", name: "Site" });
-    {
-      const last = swapTimes(swaps[0]).at(-1);
-      if (last.gone > DURATION || last.gone < DURATION - 300) throw new Error("autumn harvest reel: the captions must end with the music");
-    }
-    for (const s of k.named(sheet, "Sun")) k.animate(s, "translateY", [{ t: 0, v: 170, ease: ease.out("cubic") }, { t: DURATION, v: 0 }]);
-    growBars(k, sheet, beat(1), beat(1), 1e3);
-    fallLeaves(k, sheet, { at: 100, gap: 420, duration: 3200 });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    k.variants(sheet, feedVariants({ post: 56, portrait: 72 }, {
-      post: (kit, id) => {
-        for (const n of kit.named(id, "Top")) kit.patch(n, { itemSpacing: 12 });
-        for (const n of kit.named(id, "Foot")) kit.patch(n, { itemSpacing: 16 });
-        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Display 84");
-        for (const n of kit.named(id, "Total")) kit.restyle(n, "Total 28");
-        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 32");
-        fitField(kit, id, land(1080, 772, { x: 760, y: 560, size: 330 }, { x: 210, y: 440 }));
-        fitChart(kit, id, CHART, { x: 250, base: 784, scale: 0.7 });
-        fitLeaves(kit, id, litter(1080, 940, true));
-      },
-      portrait: (kit, id) => {
-        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Display 104");
-        fitField(kit, id, land(1350, 980, { x: 720, y: 720, size: 400 }, { x: 180, y: 600 }));
-        fitChart(kit, id, CHART, { x: 150, base: 992, scale: 0.9 });
-        fitLeaves(kit, id, litter(1350, 1150, true));
-      }
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  autumn_harvest_year_reel_default
-};

package/dist/chunks/chunk-DO3MEP2E.js

@@ -1,171 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  COLUMN,
-  float,
-  lineGrid,
-  redrawLines,
-  reelCuts,
-  reelSheet,
-  section,
-  wideCut
-} from "./chunk-UD3JVCFG.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-C7BYFVZT.js";
-import {
-  hide,
-  patchAll,
-  restyle
-} from "./chunk-QLV6445V.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  box
-} from "./chunk-BNVLVZUT.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion/saas-mrr-milestone.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("tension", 0, 4.5);
-var { beat } = S;
-var MRR = [180, 420, 610, 900, 1300, 1750, 2400, 3100, 3900, 4800, 5900, 7100, 8500, 1e4];
-var CHART = { width: COLUMN, height: 400, bar: 44, step: (COLUMN - 44) / (MRR.length - 1), top: 20 };
-var LAND = 4;
-var COLUMNS = { only: "x", step: 200, weight: 2, opacity: 1, name: "Columns" };
-var FACTS = [["Paying dive shops", "312"], ["Spent on ads", "$0"], ["Monthly churn", "2.1%"]];
-var barAt = (i) => {
-  const h = Math.round((CHART.height - CHART.top) * MRR[i] / 1e4);
-  return box(Math.round(i * CHART.step), CHART.height - h, CHART.bar, h);
-};
-var swaps = [captionSwap(["Fourteen months. Zero ads.", "Ten thousand a month.", "312 dive shops pay.", "Follow the next ten."], beat(0.25), S.duration - 30)];
-var counts = [{ layer: "Figure", at: 0, duration: beat(LAND), counter: { from: 0, to: 1e4, prefix: "$", separator: "," }, ease: ease.inOut("cubic") }];
-var cues = [
-  { layer: "Masthead", preset: "fade-in", at: 0, params: { duration: 250 } },
-  { layer: "Label", preset: "fade-in", at: 0, params: { duration: 250 } },
-  { layer: "Figure", preset: "rise-in", at: 0, params: { duration: 350 } },
-  { layer: "Bars", preset: "wipe-in", at: beat(0.5), params: { duration: beat(LAND - 0.5), direction: "right", ease: ease.inOut("cubic") } },
-  { layer: "Bar now", preset: "drop-in", at: beat(LAND) - 250, params: { duration: 250 } },
-  { layer: "Figure", preset: "pulse", at: beat(LAND), params: { duration: 500, amount: 0.04 } },
-  { layer: "Goal", preset: "fade-in", at: beat(LAND), params: { duration: 300 } },
-  { layer: "Fact", preset: "slide-in", at: beat(6), params: { duration: 350, direction: "left" }, stagger: { delay: beat(2) } },
-  { layer: "Call", preset: "rise-in", at: beat(13), params: { duration: 400 } },
-  { layer: "Call", preset: "pulse", at: beat(15), params: { duration: 600, amount: 0.05 } }
-];
-var saas_mrr_milestone_default = defineTemplate({
-  id: "motion-saas-mrr-milestone",
-  meta: {
-    name: "SaaS short: MRR milestone",
-    description: "A 9-second build-in-public reel in a Swiss typographic look: the revenue figure counts up from the first frame and lands on the drop as the last bar falls in red, fourteen months of bars draw across, and three plain facts follow. Music, burned-in captions, 9:16 with square, 4:5 and 16:9 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "mrr", "revenue", "milestone", "build in public", "counter", "chart", "swiss", "typographic", "captions", "music", "audio", "reel", "tiktok", "shorts"],
-    platforms: ["x", "linkedin", "tiktok", "instagram", "youtube"],
-    formats: ["reel", "short", "story", "post", "portrait-post", "video"],
-    useCases: ["milestone", "stats", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit("SaaS short: MRR milestone", preset("ig-story"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#F3F1EA", text: "#0B0B0B", onPaper: "#3C3C3A", primary: "#E10600", onPrimary: "#FFFFFF" },
-      { name: "Tidepool", handle: "@tidepoolhq" }
-    );
-    k.palette({ strip: "#0B0B0B", onStrip: "#F3F1EA" });
-    k.textStyle("Figure 196", { size: 196, fontWeight: 900, letterSpacing: -11, lineHeight: 176, fontFeatures: { tnum: 1 } });
-    k.textStyle("Figure 170", { size: 170, fontWeight: 900, letterSpacing: -9.5, lineHeight: 156, fontFeatures: { tnum: 1 } });
-    k.textStyle("Figure 150", { size: 150, fontWeight: 900, letterSpacing: -8, lineHeight: 138, fontFeatures: { tnum: 1 } });
-    k.textStyle("Label 34", { size: 34, fontWeight: 800, letterSpacing: -0.8, lineHeight: 40 });
-    k.textStyle("Mast 24", { size: 24, fontWeight: 700, letterSpacing: -0.2, lineHeight: 30 });
-    k.textStyle("Fact 34", { size: 34, fontWeight: 500, letterSpacing: -0.8, lineHeight: 42 });
-    k.textStyle("Fact figure 44", { size: 44, fontWeight: 900, letterSpacing: -1.8, lineHeight: 46, fontFeatures: { tnum: 1 } });
-    k.textStyle("Tick 20", { size: 20, fontWeight: 700, lineHeight: 26 });
-    k.textStyle("Caption 40", { size: 40, fontWeight: 800, letterSpacing: -1, lineHeight: 48 });
-    k.textStyle("Button 32", { size: 32, fontWeight: 800, letterSpacing: -0.6, lineHeight: 40 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 32", label: "Follow the build: @tidepoolhq", pad: [20, 30], radius: 0 });
-    const sheet = reelSheet(k, S, { name: "MRR milestone", gap: 18 });
-    lineGrid(k, sheet, k.tint("text", 0.12), COLUMNS);
-    const big = [0, 1, 2, 3, 4].map((i) => box(i * 168, 380 - (90 + i * 62), 136, 90 + i * 62));
-    k.vector(sheet, 840, 380, big, "text", { name: "Poster bars", absolute: { x: 140, y: 1540 } });
-    k.rect(sheet, 136, 420, "primary", { name: "Poster bar now", absolute: { x: 140 + 5 * 168, y: 1500 } });
-    const mast = k.stack(sheet, { gap: 14, name: "Masthead" });
-    k.rect(mast, "FILL", 10, "text", { name: "Head rule" });
-    const mastRow = k.stack(mast, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Mast row" });
-    k.text(mastRow, "{{brand.name}}, built in public", { style: "Mast 24", color: "text", name: "Mast name" });
-    k.text(mastRow, "Month 14", { style: "Mast 24", color: "text", autoWidth: true, name: "Mast month" });
-    k.text(sheet, "Monthly recurring revenue", { style: "Label 34", color: "text", name: "Label" });
-    k.text(sheet, "$10,000", { style: "Figure 196", color: "text", name: "Figure" });
-    const chart = k.stack(sheet, { width: CHART.width, height: CHART.height, name: "Chart" });
-    k.vector(chart, CHART.width, CHART.height, [1, 2, 3].map((i) => box(0, CHART.top + (CHART.height - CHART.top) * i / 4, CHART.width, 2)), k.tint("text", 0.16), { name: "Chart lines", absolute: { x: 0, y: 0 } });
-    const goal = k.stack(chart, { width: CHART.width, gap: 4, name: "Goal", absolute: { x: 0, y: CHART.top - 2 } });
-    k.rect(goal, "FILL", 4, "primary", { name: "Goal line" });
-    k.text(goal, "$10k, the goal we set in month one", { style: "Tick 20", color: "text", name: "Goal label" });
-    k.vector(chart, CHART.width, CHART.height, MRR.slice(0, -1).map((_, i) => barAt(i)), "text", { name: "Bars", absolute: { x: 0, y: 0 } });
-    const last = barAt(MRR.length - 1).points;
-    k.rect(chart, CHART.bar, last[2].y - last[0].y, "primary", { name: "Bar now", absolute: { x: last[0].x, y: last[0].y } });
-    k.rect(chart, CHART.width, 4, "text", { name: "Baseline", absolute: { x: 0, y: CHART.height - 4 } });
-    const ticks = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Ticks" });
-    for (const t of ["Aug 2025", "Mar 2026", "Sep 2026"]) k.text(ticks, t, { style: "Tick 20", color: "onPaper", autoWidth: true, name: "Tick" });
-    const facts = k.stack(sheet, { name: "Facts" });
-    for (const [what, n] of FACTS) {
-      const row = k.stack(facts, { name: "Fact" });
-      k.rect(row, "FILL", 2, "text", { name: "Fact rule" });
-      const line = k.stack(row, { direction: "HORIZONTAL", align: "CENTER", justify: "SPACE_BETWEEN", padding: { top: 10, right: 0, bottom: 10, left: 0 }, name: "Fact line" });
-      k.text(line, what, { style: "Fact 34", color: "text", name: "Fact what" });
-      k.text(line, n, { style: "Fact figure 44", color: "text", autoWidth: true, name: "Fact figure" });
-    }
-    captionStrip(k, sheet, swaps[0].words[0], { style: "Caption 40", fill: "strip", ink: "onStrip", pad: [14, 22] });
-    k.instance(sheet, "Button", { Label: "Follow the build: {{brand.handle}}" }, { name: "Call" });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    k.variants(sheet, [...reelCuts({ post: 40, portrait: 80 }, {
-      post: (kit, id) => {
-        kit.patch(id, { itemSpacing: 14, counterAxisSpacing: 14, padding: { top: 40, right: 140, bottom: 40, left: 140 } });
-        hide(kit, id, ["Facts", "Poster bars", "Poster bar now"]);
-        restyle(kit, id, "Figure", "Figure 150");
-      },
-      portrait: (kit, id) => {
-        kit.patch(id, { itemSpacing: 16, counterAxisSpacing: 16, padding: { top: 60, right: 140, bottom: 60, left: 140 } });
-        hide(kit, id, ["Poster bars", "Poster bar now"]);
-        patchAll(kit, id, "Ticks", { visible: false });
-      }
-    }), wideCut(700, (kit, id, right) => {
-      const scale = right.width / CHART.width, chartH = Math.round(CHART.height * scale);
-      const top = right.y + Math.round((right.height - chartH - 48 - 250) / 2);
-      redrawLines(kit, id, COLUMNS);
-      hide(kit, id, ["Poster bars", "Poster bar now"]);
-      restyle(kit, id, "Figure", "Figure 170");
-      float(kit, id, "Chart", right.x, top, { scale });
-      float(kit, id, "Ticks", right.x, top + chartH + 10, { width: right.width });
-      float(kit, id, "Facts", right.x, top + chartH + 70, { width: right.width });
-    })]);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  saas_mrr_milestone_default
-};

package/dist/chunks/chunk-DPCVPV7J.js

@@ -1,95 +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 {
-  KITTY,
-  blink,
-  coin,
-  jar,
-  lockup,
-  mochi,
-  pastelBrand,
-  pastelButton,
-  pillowCard,
-  softGround,
-  ts,
-  wave
-} from "./chunk-I7FRR6IU.js";
-import {
-  EMAIL_FPS,
-  HEADER
-} from "./chunk-O24FY473.js";
-import {
-  hz
-} from "./chunk-PMVMC75G.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit
-} from "./chunk-T3SGRYUX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/email/style-pastel-header.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Pastel SaaS email header";
-var DURATION = 6e3;
-var cues = [
-  { layer: "Open button", preset: "pulse", at: 2400, params: { duration: 600, amount: 0.05 } }
-];
-var style_pastel_header_default = defineTemplate({
-  id: "email-saas-style-pastel-header",
-  meta: {
-    name: `${NAME} (animated GIF)`,
-    description: "A 600 \xD7 300 animated header for a product-news email in the pastel soft UI look: the sender, the news, the button, a savings jar and a round cat mascot are all on the first frame (for Outlook), then the jar\u2019s liquid rolls, a coin bobs, the mascot blinks and waves and the button nudges, all returning to where they began. A seamless 6-second GIF",
-    category: "email",
-    tags: ["email", "gif", "animated", "header", "banner", "saas", "pastel", "soft ui", "playful", "mascot", "announcement", "feature", "newsletter", "fintech", "loop"],
-    platforms: ["email"],
-    formats: ["email", "banner"],
-    useCases: ["announcement", "newsletter", "changelog"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues },
-  build() {
-    const k = new Kit(NAME, HEADER);
-    k.quantizeGeometry = true;
-    pastelBrand(k, { offer: "Spare change, now saved.", when: "Round-ups drop the change from every card payment into a jar you choose." });
-    pastelButton(k, "Button", { style: ts(k, "title", 14), label: "Turn on round-ups", pad: [10, 18], d: 0.5 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, { top: 0, right: 24, bottom: 0, left: 30 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
-    softGround(k, sheet, 600, 300, { loop: DURATION, seed: 29, sparkles: 5, scale: 0.35 });
-    for (const n of k.named(sheet, "Blob 1")) k.patch(n, { x: -140, y: -160 });
-    const main = k.stack(sheet, { direction: "HORIZONTAL", gap: 18, align: "CENTER", name: "Main" });
-    const copy = k.stack(main, { gap: 10, name: "Copy" });
-    lockup(k, copy, { size: 16, style: ts(k, "title", 16), name: "Lockup" });
-    k.text(copy, "{{brand.offer}}", { style: ts(k, "display", 38), color: "text", name: "Offer" });
-    k.text(copy, "{{brand.when}}", { style: ts(k, "body", 14), color: "onPaper", name: "When" });
-    k.instance(copy, "Button", { Label: "Turn on round-ups" }, { name: "Open button" });
-    const art = k.stack(main, { width: 220, height: 260, name: "Art" });
-    const tag = pillowCard(k, art, { width: "HUG", gap: 0, padding: { top: 6, right: 12, bottom: 7, left: 12 }, radius: 16, depth: 0.4, align: "CENTER", name: "Jar tag", absolute: { x: 6, y: 196 } });
-    k.text(tag, `$${KITTY.jar.saved.toLocaleString("en-US")}`, { style: ts(k, "figure", 20), color: "onCard", autoWidth: true, name: "Jar figure" });
-    k.text(tag, "Lisbon in May", { style: ts(k, "soft", 12), color: "cardMuted", autoWidth: true, name: "Jar name" });
-    jar(k, art, { w: 100, h: 136, level: KITTY.jar.percent / 100, absolute: { x: 16, y: 54 }, loop: DURATION });
-    const c = coin(k, art, 34, { name: "Bob coin", absolute: { x: 48, y: 10 } });
-    k.behave(c, "translateY", [{ kind: "sine", amp: 6, freq: hz(2, DURATION) }]);
-    k.behave(c, "rotation", [{ kind: "sine", amp: 10, freq: hz(1, DURATION) }]);
-    const m = mochi(k, art, 104, { absolute: { x: 116, y: 140 } });
-    k.cues(sheet, cues);
-    blink(k, m, [1200, 4300]);
-    wave(k, m, 2600, 2);
-    return k.finish();
-  }
-});
-
-export {
-  style_pastel_header_default
-};