@popcraft/kit 0.24.3 → 0.26.0

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
-};

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

@@ -1,192 +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 {
-  SCENE,
-  mover
-} from "./chunk-TEYKXAEM.js";
-import {
-  disc,
-  shape,
-  turn
-} from "./chunk-EB663FLR.js";
-import {
-  sparkPath
-} from "./chunk-YNOCYFZ4.js";
-import {
-  SERIF
-} from "./chunk-X23ZWFW2.js";
-import {
-  box,
-  line,
-  pt3,
-  rng
-} from "./chunk-BNVLVZUT.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/themes/festival-presale-jazz-kit.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var AW = 1200;
-var AH = 900;
-var FLOOR = AH - 98;
-var TOP = SCENE.h - AH;
-var placeAt = (cx, cy, deg, s, dx, dy) => (path) => {
-  const a = deg * Math.PI / 180, c = Math.cos(a), n = Math.sin(a);
-  const mv = (q) => pt3(dx + ((q.x - cx) * c - (q.y - cy) * n) * s, dy + ((q.x - cx) * n + (q.y - cy) * c) * s);
-  return { ...path, points: path.points.map((q) => ({ ...q, ...mv(q), ...q.handleIn ? { handleIn: mv(q.handleIn) } : {}, ...q.handleOut ? { handleOut: mv(q.handleOut) } : {} })) };
-};
-function poster(k, scene, still) {
-  const move = mover(k, still);
-  const spin = (id, turns) => {
-    if (!still) turn(k, id, turns);
-  };
-  const rules = [];
-  for (let i = 0; i < 22; i++) rules.push(line(-300 + i * 30, -10, 200 + i * 30, 490));
-  shape(k, scene, rules, "cream", { name: "Corner rules", strokeWidth: 2, opacity: 0.12 });
-  shape(k, scene, [disc(300, 300, 150)], "brass", { name: "Moon" });
-  [190, 240, 290].forEach((r2, i) => {
-    const id = shape(k, scene, [disc(300, 300, r2)], "brass", { name: "Moon ring", strokeWidth: 2, opacity: 0.35 });
-    move(id, "opacity", 0.25, 2, -i / 3);
-  });
-  const q0 = rng(31);
-  for (let i = 0; i < 12; i++) {
-    const sz = 12 + Math.round(q0() * 20);
-    const id = k.vector(scene, sz, sz, [sparkPath(sz)], i % 2 ? "brass" : "cream", { name: "Spark", opacity: 0.55, absolute: { x: Math.round(q0() * 1160), y: Math.round(20 + q0() * 560) } });
-    move(id, "opacity", 0.4, 2 + i % 3, q0());
-  }
-  const art = k.frame(scene, { x: 0, y: TOP, width: AW, height: AH }, { name: "Poster" });
-  const r0 = [];
-  for (let i = 0; i < 14; i++) r0.push(line(930 + i * 24, -10, 1230 + i * 24, 290));
-  shape(k, art, r0, "cream", { name: "Corner rules", strokeWidth: 2, opacity: 0.16 });
-  shape(k, art, [disc(905, 350, 226)], "vermilion", { name: "Big disc" });
-  const brass = shape(k, art, [disc(1085, 570, 124)], "brass", { name: "Brass disc" });
-  move(brass, "translateY", 8, 1);
-  const rc = { x: 705, y: 618, r: 138 };
-  shape(k, art, [disc(rc.x, rc.y, rc.r)], "night", { name: "Record" });
-  shape(k, art, [34, 46, 58, 70, 82, 94, 106, 118].map((r2) => disc(rc.x, rc.y, r2)), "navy", { name: "Grooves", strokeWidth: 1.5, opacity: 0.9 });
-  const shine = [0, 180].map((a0) => ({ closed: true, points: [pt3(rc.r, rc.r), ...Array.from({ length: 7 }, (_, i) => {
-    const a = (a0 - 16 + i * 5.3) * Math.PI / 180;
-    return pt3(rc.r + rc.r * Math.cos(a), rc.r + rc.r * Math.sin(a));
-  })] }));
-  const sh = k.vector(art, rc.r * 2, rc.r * 2, shine, "cream", { name: "Record shine", opacity: 0.16, absolute: { x: rc.x - rc.r, y: rc.y - rc.r } });
-  spin(sh, 2);
-  shape(k, art, [disc(rc.x, rc.y, 44)], "brass", { name: "Record label" });
-  shape(k, art, [disc(rc.x, rc.y, 6)], "night", { name: "Spindle" });
-  const T = placeAt(240, 70, -24, 1.46, 930, 366);
-  const body = [
-    box(40, 60, 270, 14),
-    { closed: true, points: [pt3(300, 58), { ...pt3(372, 52), handleOut: pt3(410, 46) }, pt3(446, 6), pt3(446, 128), { ...pt3(372, 82), handleIn: pt3(410, 88) }, pt3(300, 76)] },
-    { closed: true, points: [pt3(8, 54), pt3(22, 60), pt3(40, 62), pt3(40, 72), pt3(22, 74), pt3(8, 80)] },
-    box(148, 44, 26, 70),
-    box(184, 44, 26, 70),
-    box(220, 44, 26, 70)
-  ];
-  shape(k, art, body.map(T), "cream", { name: "Trumpet" });
-  shape(k, art, [{ closed: false, points: [pt3(118, 74), { ...pt3(100, 96), handleIn: pt3(100, 74), handleOut: pt3(100, 122) }, pt3(126, 122), pt3(268, 122), { ...pt3(292, 98), handleIn: pt3(292, 122), handleOut: pt3(292, 76) }, pt3(280, 76)] }].map(T), "cream", { name: "Trumpet loop", strokeWidth: 10 });
-  shape(k, art, [line(446, 4, 446, 130)].map(T), "brass", { name: "Bell rim", strokeWidth: 8 });
-  [161, 197, 233].forEach((x, i) => {
-    const v = shape(k, art, [box(x - 3, 20, 6, 26), disc(x, 18, 10, 5)].map(T), "cream", { name: "Valve" });
-    move(v, "translateY", 5, 3, i / 3);
-  });
-  const bell = T({ closed: false, points: [pt3(446, 67)] }).points[0];
-  [70, 118, 166, 214].forEach((r2, i) => {
-    const arc = { closed: false, points: Array.from({ length: 13 }, (_, j) => {
-      const a = (-74 + j * 9) * Math.PI / 180;
-      return pt3(bell.x + r2 * Math.cos(a), bell.y + r2 * Math.sin(a));
-    }) };
-    const id = shape(k, art, [arc], i % 2 ? "cream" : "brass", { name: "Sound", strokeWidth: 5, opacity: 0.5 });
-    move(id, "opacity", 0.45, 3, -i / 4);
-  });
-  const sky = [], lit = [[], [], []];
-  const r = rng(19);
-  for (let x = -320; x < 1520; ) {
-    const w = 44 + Math.round(r() * 70), h = 50 + Math.round(r() * 120), top = FLOOR - h;
-    sky.push(box(x, top, w, h + 4));
-    if (r() > 0.6) sky.push({ closed: true, points: [pt3(x, top), pt3(x + w / 2, top - 18 - r() * 22), pt3(x + w, top)] });
-    for (let wy = top + 12; wy < FLOOR - 14; wy += 22) for (let wx = x + 9; wx < x + w - 10; wx += 16) if (r() > 0.55) lit[Math.floor(r() * 3)].push(box(wx, wy, 7, 10));
-    x += w + 3;
-  }
-  shape(k, art, sky, "navy", { name: "Skyline" });
-  lit.forEach((ws, i) => {
-    const id = shape(k, art, ws, "brass", { name: "Windows", opacity: 0.6 });
-    move(id, "opacity", 0.35, 1 + i, i / 3);
-  });
-  const whites = [], blacks = [];
-  for (let i = 0, x = -320; x < 1520; i++, x += 38) {
-    whites.push(box(x, FLOOR, 36, 104));
-    if (![2, 6].includes(i % 7)) blacks.push(box(x + 26, FLOOR, 22, 62));
-  }
-  shape(k, art, whites, "cream", { name: "Keys" });
-  [14, 17, 19, 23, 26, 30, 33].forEach((n, i) => {
-    const id = shape(k, art, [box(-320 + n * 38, FLOOR, 36, 104)], "brass", { name: "Played key", opacity: 0.5 });
-    move(id, "opacity", 0.45, 2 + i % 3 * 2, i / 7);
-  });
-  shape(k, art, blacks, "night", { name: "Black keys" });
-}
-var BLUE_HOUR = {
-  slug: "jazz",
-  name: "Blue Hour",
-  brand: (k, fields = {}) => {
-    k.brand(
-      { paper: "#F4E8D2", text: "#1B1512", onPaper: "#5C4B40", primary: "#E3A53B", onPrimary: "#1B1512", accent: "#BF3B24", onAccent: "#FFF4E0", card: "#FBF3E2", onCard: "#1B1512", cardMuted: "#5C4B40", panel: "#14213D", onPanel: "#F6EAD2", panelMuted: "#C5C9D8", chip: "#E9DABD", onChip: "#1B1512", stage: "#14213D", onStage: "#F6EAD2", stageMuted: "#C5C9D8" },
-      { name: "Blue Hour", ...fields }
-    );
-    k.palette({ vermilion: "#C8442C", brass: "#E3A53B", cream: "#F6EAD2", night: "#0B1226", navy: "#22335C" });
-  },
-  type: {
-    Name: { ...SERIF, fontWeight: 900, ls: -0.036, lh: 0.88 },
-    Head: { ...SERIF, fontWeight: 900, ls: -0.028, lh: 1.08 },
-    Act: { ...SERIF, fontWeight: 600, ls: 0, lh: 1.36 },
-    More: { fontWeight: 700, ls: 0.15, lh: 1.7, upper: true },
-    Kicker: { fontWeight: 700, ls: 0.24, lh: 1.4, upper: true },
-    Clock: { ...SERIF, fontWeight: 900, ls: -0.028, lh: 1.04, tnum: true },
-    Unit: { fontWeight: 700, ls: 0.16, lh: 1.3, upper: true },
-    Body: { fontWeight: 500, ls: 0, lh: 1.42 },
-    Button: { fontWeight: 800, ls: 0.1, lh: 1.4, upper: true },
-    Caption: { ...SERIF, fontWeight: 700, ls: 0, lh: 1.22 },
-    Price: { ...SERIF, fontWeight: 900, ls: -0.032, lh: 1, tnum: true }
-  },
-  look: {
-    radius: 4,
-    chip: 2,
-    button: 2,
-    plate: "stage",
-    plateAlpha: 0.9,
-    plateStroke: { color: "brass", width: 1.5, align: "INSIDE" },
-    tile: "card",
-    tileInk: "onCard",
-    tileMuted: "cardMuted",
-    glow: "brass",
-    hot: "brass",
-    hotInk: "night",
-    sep: "\xB7"
-  },
-  scene: poster,
-  horizon: TOP + FLOOR,
-  dates: "16 \u2013 19 September 2027",
-  place: "Port Aurelia",
-  kicker: "Four nights \xB7 Three stages \xB7 Eleven clubs",
-  heads: ["Celeste Armand", "The Ruben Okafor Quintet", "Sister Opal"],
-  acts: ["Kingsley Moreau", "Theo Lindqvist Trio", "Dessa Wainwright", "Low Tide Trio", "The Night Ferry", "Amara Sole"],
-  more: ["Harbour Lights Big Band", "Nico Varga", "The Velvet Hours", "Ines Calloway", "Mona Reyes", "Jules Abara"],
-  tba: "the club programme on 20 April",
-  presale: { by: "Sun 14 March", code: "Tue 16 March", opens: "Thu 18 March \xB7 10:00", day: "Thursday 18 March", time: "10:00", queue: "09:30", limit: "up to four passes" },
-  clock: { days: "21", hours: "03", minutes: "12", from: 38, to: 32 },
-  tier: { tag: "First release", name: "Four-night pass", price: "\u20AC215", next: "\u20AC245", was: "\u20AC180", sold: "Founders\u2019 release all taken", note: "On sale now to members of the Blue Hour Society. What remains opens to presale codes on 18 March.", stock: { label: "Nearly gone", from: 1640, left: 1612, total: 8e3 } },
-  cta: "Register for presale",
-  code: "BH27-PRE-9MXA",
-  gate: "Tramworks, door 2",
-  track: "noirJazz",
-  captions: ["The first names are announced.", "Presale opens Thursday, 18 March.", "Register by Sunday for codes.", "Sign up for a code."],
-  picture: "a club poster on midnight blue: a brass moon, a vermilion disc, a trumpet whose valves work and whose bell throws rings of sound, a turning record, the old town\u2019s skyline with its windows coming on and a keyboard whose keys light",
-  tags: ["jazz", "soul", "city", "club poster", "trumpet", "serif"]
-};
-
-export {
-  BLUE_HOUR
-};

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

@@ -1,41 +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 {
-  defineDeck
-} from "./chunk-2LVLNF67.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/slides/webinar.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var webinar_default = defineDeck({
-  id: "slides-webinar",
-  meta: {
-    name: "Webinar deck",
-    description: "A bright deck built to be read over a video call \u2014 the agenda builds point by point on click",
-    category: "presentation",
-    tags: ["webinar", "talk", "deck", "builds"],
-    platforms: ["slides"],
-    formats: ["slide-deck"],
-    useCases: ["livestream", "education"],
-    created: "2026-09-23",
-    updated: "2026-09-29"
-  },
-  colors: { primary: "#312E81", onPrimary: "#FFFFFF", accent: "#B45309", onAccent: "#FFFFFF", paper: "#FFFFFF", text: "#312E81", onPaper: "#4F46E5" },
-  fields: { company: "Brightside", title: "Auto layout, properly", lead: "Forty minutes, no slides about slides" },
-  slides: [
-    { kind: "title", name: "Title slide", kicker: "LIVE SESSION", title: "{{brand.title}}", lead: "{{brand.lead}}" },
-    { kind: "points", name: "We will cover", heading: "We will cover", points: ["Hug, fill and fixed \u2014 and when each is wrong", "Nesting without building a matryoshka", "The three constraints that replace fifty frames"] },
-    { kind: "stats", name: "Format", heading: "Format", stats: [{ figure: "40", label: "minutes" }, { figure: "3", label: "live rebuilds" }, { figure: "\u221E", label: "questions" }] },
-    { kind: "closing", name: "Closing", title: "Thanks for coming.", line: "{{brand.company}}", ground: "accent" }
-  ]
-});
-
-export {
-  webinar_default
-};