@popcraft/kit 0.24.3 → 0.26.0

package/dist/chunks/chunk-RPHBAI7Z.js

@@ -1,105 +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 {
-  broadsheetBrand,
-  doubleRule,
-  flash,
-  grain,
-  pressPhoto,
-  tickerGround
-} from "./chunk-KYY7Z2AH.js";
-import {
-  EMAIL_FPS,
-  HEADER,
-  ticker
-} from "./chunk-UBRD52US.js";
-import {
-  background
-} from "./chunk-CHL5BU5W.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-X23ZWFW2.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit
-} from "./chunk-IUUXJSAI.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/email/broadsheet-weekly-edition-header.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 4e3;
-var cues = [
-  { layer: "Held paper", preset: "wobble", at: 300, params: { duration: 900 } },
-  { layer: "Flash", preset: "pulse", at: 1500, params: { duration: 600, amount: 0.08 } },
-  { layer: "Held paper", preset: "wobble", at: 2300, params: { duration: 900 } },
-  { layer: "Button", preset: "pulse", at: 3e3, params: { duration: 700, amount: 0.05 } }
-];
-var broadsheet_weekly_edition_header_default = defineTemplate({
-  id: "email-broadsheet-weekly-edition-header",
-  meta: {
-    name: "Broadsheet weekly edition email header (animated GIF)",
-    description: 'A 600 \xD7 300 animated header for a changelog email sent as the weekly edition of a newspaper: a nameplate and dateline, a "this week" flash over a serif headline, a halftone press photograph whose newsboy waves the paper, and a ticker of the week\u2019s notes along the foot. Everything is on the first frame (for Outlook); a seamless four-second GIF loop',
-    category: "email",
-    tags: ["email", "gif", "animated", "header", "banner", "broadsheet", "newspaper", "front page", "halftone", "newsprint", "ticker", "changelog", "release notes", "weekly", "saas"],
-    platforms: ["email"],
-    formats: ["email", "banner"],
-    useCases: ["changelog", "newsletter", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("Broadsheet weekly edition email header", HEADER);
-    k.quantizeGeometry = true;
-    broadsheetBrand(k);
-    k.textStyle("Plate 26", { ...SERIF, size: 26, fontWeight: 900, letterSpacing: -0.6, lineHeight: 30 });
-    k.textStyle("Dateline 9", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 0.6, lineHeight: 15, textCase: "UPPER" });
-    k.textStyle("Flash 11", { size: 12, fontWeight: 900, letterSpacing: 1.6, lineHeight: 14, textCase: "UPPER" });
-    k.textStyle("Title 33", { ...SERIF, size: 33, fontWeight: 900, letterSpacing: -0.9, lineHeight: 32 });
-    k.textStyle("Inside 14", { ...SERIF, size: 14, fontWeight: 500, fontStyle: "italic", lineHeight: 19 });
-    k.textStyle("Button 13", { size: 13, fontWeight: 800, lineHeight: 17 });
-    k.textStyle("Ticker 12", { ...MONO, size: 12, fontWeight: 800, letterSpacing: 0.8, lineHeight: 16, textCase: "UPPER" });
-    pill(k, "Button pill", { fill: "primary", ink: "onPrimary", style: "Button 13", label: "Read the weekly edition", pad: [8, 16], radius: 0 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 7, { top: 14, right: 226, bottom: 38, left: 24 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
-    background(k, sheet, "paper", { effects: grain(0.07, 2) });
-    const head = k.stack(sheet, { gap: 4, name: "Head" });
-    k.text(head, "{{brand.masthead}}", { style: "Plate 26", color: "text", name: "Nameplate" });
-    doubleRule(k, head, { thick: 3, thin: 1, gap: 2 });
-    k.text(head, "Weekly edition \xB7 No. 37 \xB7 Friday", { style: "Dateline 9", color: "text", name: "Dateline" });
-    flash(k, sheet, "This week", { style: "Flash 11", star: 9, pad: [3, 8] });
-    k.text(sheet, "NOTES FOR MONOREPOS", { style: "Title 33", color: "text", name: "Title" });
-    k.text(sheet, "A changelog per package, a diff reader twice as fast, and a Linear link on every note.", { style: "Inside 14", color: "text", name: "Inside" });
-    k.instance(sheet, "Button pill", { Label: "Read the weekly edition" }, { name: "Button" });
-    pressPhoto(k, sheet, 190, 226, { absolute: { x: 392, y: 16 }, dot: 6, border: 1.5 });
-    tickerGround(k, sheet, { y: 272, height: 28, fill: "card", item: 300 });
-    k.rect(sheet, 600, 2, "text", { name: "Ticker rule", absolute: { x: 0, y: 270 } });
-    ticker(k, sheet, { label: "{{brand.name}} 1.37 \xB7 3 new \xB7 11 fixed \xB7", item: 300, height: 28, fill: "card", ink: "onCard", style: "Ticker 12", rate: 75, y: 272 });
-    const sky = k.named(sheet, "Sky")[0];
-    k.animate(sky, "effects[@e1].dotSize", [{ t: 0, v: 6, ease: ease.inOut("sine") }, { t: DURATION / 2, v: 8.5, ease: ease.inOut("sine") }, { t: DURATION, v: 6 }]);
-    k.cues(sheet, cues);
-    return k.finish();
-  }
-});
-
-export {
-  broadsheet_weekly_edition_header_default
-};

package/dist/chunks/chunk-RQMFXUV7.js

@@ -1,123 +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 {
-  KONTOR,
-  fitGrid,
-  fitRoute,
-  grot,
-  lockup,
-  routeGeo,
-  routeMap,
-  rule,
-  swissBrand,
-  swissGrid
-} from "./chunk-WM7TGYRJ.js";
-import {
-  restyle
-} from "./chunk-QLV6445V.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/style-swiss-link-preview.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Swiss SaaS link preview";
-var GRID = { cols: 12, margin: 56, gutter: 16 };
-var FIELD = 0.36;
-var routeH = (w, pad) => {
-  const g = routeGeo(w, 1e4, pad);
-  return Math.round(7 * g.u + 2 * pad);
-};
-var style_swiss_link_preview_default = defineTemplate({
-  id: "social-saas-style-swiss-link-preview",
-  meta: {
-    name: NAME,
-    description: "A link preview in the Swiss typographic style: a visible grid, a giant 48h over the promise set flush left, and a red field on the right third carrying a white transit-style route diagram with its late stretch and rail reroute. 1200 \xD7 630, with a 1280 \xD7 640 GitHub social preview and a 1600 \xD7 900 X post",
-    category: "social",
-    tags: ["link preview", "open graph", "og image", "github", "saas", "swiss", "international typographic style", "grid", "b2b", "logistics", "product", "launch"],
-    platforms: ["web", "x", "linkedin", "facebook", "github"],
-    formats: ["og-image", "post"],
-    useCases: ["launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit(NAME, preset("og-image"));
-    k.quantizeGeometry = true;
-    swissBrand(k, { tagline: "Know which shipments will be late. Two days early." });
-    grot(k, "Brand 26", 26, { weight: 700, lead: 1.1, spacing: -0.02 });
-    grot(k, "Brand 38", 38, { weight: 700, lead: 1.1, spacing: -0.02 });
-    grot(k, "Giant 230", 230, { weight: 700, lead: 0.84, spacing: -0.07 });
-    grot(k, "Giant 320", 320, { weight: 700, lead: 0.84, spacing: -0.07 });
-    grot(k, "Head 40", 40, { weight: 700, lead: 1.05, spacing: -0.03 });
-    grot(k, "Head 54", 54, { weight: 700, lead: 1.05, spacing: -0.03 });
-    grot(k, "Site 20", 20, { weight: 600, lead: 1.3 });
-    grot(k, "Site 26", 26, { weight: 600, lead: 1.3 });
-    const sheet = k.sheet;
-    const W = 1200, H = 630;
-    k.flowSheet(sheet, 0, { top: 52, right: Math.round(W * FIELD) + 40, bottom: 48, left: 56 }, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    swissGrid(k, sheet, GRID);
-    const fw = Math.round(W * FIELD);
-    k.rect(sheet, fw, H, "primary", { name: "Field", absolute: { x: W - fw, y: 0 } });
-    const rh = routeH(fw, 64);
-    routeMap(k, sheet, { w: fw, h: rh, pad: 64, weight: 14, ink: "onPrimary", late: "text", ground: "primary", labels: "Site 20", labelInk: "onPrimary", name: "Route", absolute: { x: W - fw, y: Math.round((H - rh) / 2) - 30 } });
-    k.component("Route note", { width: fw - 128, description: "The line under the route: what the forecast caught.", props: { Text: `+${KONTOR.slip} h from Duisburg to Mannheim, rerouted by rail` } }, (id) => {
-      k.propText(id, "Text", { style: "Site 20", color: "onPrimary", width: "FILL", name: "Note words" });
-    });
-    k.instance(sheet, "Route note", {}, { name: "Field note", absolute: { x: W - fw + 64, y: H - 100 } });
-    const top = k.stack(sheet, { gap: 12, name: "Top" });
-    lockup(k, top, { size: 26, style: "Brand 26" });
-    rule(k, top, "FILL", { weight: 3, name: "Top rule" });
-    k.text(sheet, "48h", { style: "Giant 230", color: "text", name: "Giant" });
-    const foot = k.stack(sheet, { gap: 14, name: "Foot" });
-    k.text(foot, "{{brand.tagline}}", { style: "Head 40", color: "text", name: "Headline" });
-    k.text(foot, "{{brand.site}}", { style: "Site 20", color: "text", name: "Site" });
-    const fit = (kit, id, big) => {
-      const { width: w, height: h } = kit.node(id);
-      const f = Math.round(w * FIELD);
-      kit.patch(id, { padding: { top: big ? 72 : 52, right: f + (big ? 56 : 40), bottom: big ? 64 : 48, left: big ? 80 : 56 } });
-      fitGrid(kit, id, big ? { cols: 12, margin: 80, gutter: 20 } : GRID);
-      for (const n of kit.named(id, "Field")) kit.patch(n, { x: w - f, y: 0, width: f, height: h });
-      const pad = big ? 90 : 64, rh2 = routeH(f, pad);
-      fitRoute(kit, id, "Route", f, rh2, { pad, weight: 14 });
-      for (const n of kit.named(id, "Route")) kit.patch(n, { x: w - f, y: Math.round((h - rh2) / 2) - 30 });
-      for (const n of kit.named(id, "Field note")) kit.patch(n, { x: w - f + pad, y: h - (big ? 130 : 100), width: f - 2 * pad });
-      if (big) restyle(kit, id, "Note words", "Site 26");
-      if (big) {
-        restyle(kit, id, "Giant", "Giant 320");
-        restyle(kit, id, "Headline", "Head 54");
-        restyle(kit, id, "Site", "Site 26");
-      }
-      if (big) {
-        restyle(kit, id, "Brand name", "Brand 38");
-        restyle(kit, id, "Station", "Site 26");
-        for (const t of kit.named(id, "Logo tile")) {
-          kit.patch(t, { padding: { top: 8, right: 8, bottom: 8, left: 8 } });
-          for (const c of kit.node(t).childIds) kit.patch(c, { width: 38, height: 38 });
-        }
-      }
-    };
-    k.variants(sheet, [
-      { preset: "github-social", adjust: (kit, id) => fit(kit, id, false) },
-      { preset: "x-post", adjust: (kit, id) => fit(kit, id, true) }
-    ]);
-    return k.finish();
-  }
-});
-
-export {
-  style_swiss_link_preview_default
-};

package/dist/chunks/chunk-RVA7EV7U.js

@@ -1,45 +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/education.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var education_default = defineDeck({
-  id: "slides-education",
-  meta: {
-    name: "Lesson deck",
-    description: "An eight-slide 16:9 science lesson \u2014 objectives, ideas that build one per click, an equation, steps, key numbers, a check question and the homework",
-    category: "presentation",
-    tags: ["education", "lesson", "school", "science", "classroom", "deck", "builds"],
-    platforms: ["slides"],
-    formats: ["slide-deck"],
-    useCases: ["education"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  colors: { primary: "#1B4332", onPrimary: "#FFFFFF", accent: "#B5471B", onAccent: "#FFFFFF", paper: "#F8FAF5", text: "#1B2B22", onPaper: "#4B5A50", tint: "#D8F3DC", onTint: "#1B4332" },
-  fields: { company: "Ashgrove School \xB7 Science", title: "How plants make their food", lead: "Year 7 \xB7 Photosynthesis \xB7 Lesson 3 of 6" },
-  slides: [
-    { kind: "title", name: "Title slide", kicker: "YEAR 7 SCIENCE", title: "{{brand.title}}", lead: "{{brand.lead}}" },
-    { kind: "agenda", name: "Today", heading: "Today you will", items: ["Name the four things a plant needs to make food", "Write the word equation for photosynthesis", "Say where in the leaf it happens", "Get ready to test a leaf for starch"] },
-    { kind: "points", name: "What a plant needs", heading: "What a plant needs", points: ["Light \u2014 from the Sun, or a lamp in the lab", "Water \u2014 drawn up from the roots", "Carbon dioxide \u2014 taken in through tiny holes in the leaf", "Chlorophyll \u2014 the green pigment that captures light"] },
-    { kind: "panels", name: "The equation", heading: "The word equation", filled: true, panels: [{ title: "What goes in", body: "carbon dioxide + water, with energy from light" }, { title: "What comes out", body: "glucose + oxygen" }] },
-    { kind: "steps", name: "Inside the leaf", heading: "Inside the leaf", steps: [{ title: "Stomata", body: "Tiny pores let carbon dioxide in" }, { title: "Veins", body: "Bring water up from the roots" }, { title: "Chloroplasts", body: "Capture light and make glucose" }, { title: "Out", body: "Oxygen leaves through the stomata" }] },
-    { kind: "stats", name: "Numbers", heading: "Numbers to remember", stats: [{ figure: "8 min", label: "for sunlight to travel from the Sun to the leaf" }, { figure: "6", label: "molecules of carbon dioxide for every glucose" }, { figure: "4", label: "things a plant needs to make its food" }] },
-    { kind: "check", name: "Check", kicker: "CHECK", question: "The oxygen a plant gives off: where does it come from?", answer: "From water. The plant splits water molecules and lets the oxygen go." },
-    { kind: "closing", name: "Homework", title: "Homework: label a leaf", line: "Workbook page 42, due Thursday" }
-  ]
-});
-
-export {
-  education_default
-};

package/dist/chunks/chunk-RVCAOBQB.js

@@ -1,125 +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 {
-  bar,
-  card,
-  popAt,
-  saasUi
-} from "./chunk-7LUGSIMT.js";
-import {
-  E,
-  roundRect,
-  sparkle
-} from "./chunk-SAI52TVK.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/lottie/saas-ui-streaming-answer.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var LINES = [
-  [64, 112, 44, 88, 132, 56],
-  [96, 52, 140, 72, 104],
-  [48, 124, 84, 60, 118, 40],
-  [110, 66, 92, 148],
-  [72, 128, 56]
-];
-var GAP = 12;
-var H = 16;
-var X0 = 40;
-var saas_ui_streaming_answer_default = saasUi({
-  slug: "streaming-answer",
-  role: "loader",
-  size: "spot",
-  duration: 6e3,
-  loop: true,
-  title: "streaming answer",
-  description: "An AI reply streaming in: under the prompt, the answer arrives a word at a time, line after line, with a cursor riding its leading edge; the cursor blinks when it stops and the reply's actions pop in \u2014 a six-second seamless loop, 800\xD7600",
-  tags: ["streaming", "ai", "answer", "cursor", "assistant", "tokens"],
-  build(l) {
-    const START = 800, OUT = 5300;
-    l.circle(l.sheet, 400, 300, 258, "soft", { name: "Backdrop" });
-    const prompt = l.box(l.sheet, 398, 70, 318, 64, "Prompt");
-    l.shape(prompt, [...roundRect(0, 0, 318, 64, 30).slice(0, 3), { x: 318, y: 64 }, ...roundRect(0, 0, 318, 64, 30).slice(5)], "accent", { name: "Prompt bubble" });
-    bar(l, prompt, 28, 25, 150, 14, "white", { name: "Prompt words" });
-    bar(l, prompt, 190, 25, 92, 14, "white", { name: "Prompt words", opacity: 0.7 });
-    l.pivot(prompt, 1, 1);
-    l.scale(prompt, [[0, 0, E.hold], [120, 0, E.pop], [520, 1, E.hold], [OUT + 150, 1, E.in], [OUT + 450, 0, E.hold]]);
-    const c = card(l, l.sheet, 84, 156, 632, 356, "Reply");
-    l.circle(c, 62, 58, 24, "accent", { name: "Assistant" });
-    const mark = l.shape(c, sparkle(62, 58, 15), "white", { name: "Assistant mark" });
-    l.keys(mark, "rotation", [[0, 0, E.hold], [START - 200, 0, E.inOut], [START + 900, 90, E.inOut], [START + 1800, 180, E.inOut], [START + 2700, 270, E.out], [START + 3300, 360, E.hold]]);
-    l.scale(mark, [[0, 1, E.hold], [START - 200, 1, E.inOut], [START + 450, 0.75, E.inOut], [START + 900, 1, E.inOut], [START + 1350, 0.75, E.inOut], [START + 1800, 1, E.inOut], [START + 2250, 0.75, E.inOut], [START + 2700, 1, E.hold]]);
-    bar(l, c, 100, 50, 104, 16, "ink", { name: "Assistant name" });
-    const text = l.box(c, 0, 0, 632, 356, "Reply text");
-    const cx = [[0, 0, E.hold]], cy = [[0, 0, E.hold]];
-    let t = START;
-    LINES.forEach((words, i) => {
-      const y = 108 + i * 38;
-      const total = words.reduce((s, w) => s + w, 0) + GAP * (words.length - 1);
-      const line = l.box(text, X0, y, total, H, "Reply line");
-      let x = 0;
-      const mask = words.map((w) => {
-        const r = { pts: roundRect(x, 0, w, H, H / 2), closed: true };
-        x += w + GAP;
-        return r;
-      });
-      l.vector(line, mask, "white", { name: "Words", mask: true });
-      const ink = l.rect(line, 0, 0, total, H, "ink", { name: "Ink", opacity: i === 0 ? 1 : 0.82 });
-      l.pivot(ink, 0, 0.5);
-      const ks = [[0, 0, E.hold]];
-      cy.push([t - 1, i * 38, E.hold]);
-      ks.push([t, 0, E.out]);
-      cx.push([t, 0, E.out]);
-      let end = 0;
-      words.forEach((w, j) => {
-        end += w + (j ? GAP : 0);
-        t += 50 + Math.round(w * 0.35) + (i * 3 + j * 5) % 4 * 10;
-        const last = j === words.length - 1;
-        ks.push([t, end / total, last ? E.hold : E.out]);
-        cx.push([t, end + 8, last ? E.hold : E.out]);
-        if (i === 2 && j === 1) {
-          const link = bar(l, text, X0 + end - w, y, w, H, "accent", { name: "Link" });
-          l.pivot(link, 0, 0.5);
-          l.keys(link, "scaleX", [[0, 0, E.hold], [t - 20, 0, E.out], [t + 260, 1, E.hold], [OUT + 500, 0, E.hold]]);
-        }
-      });
-      ks.push([OUT + 500, 0, E.hold]);
-      l.keys(ink, "scaleX", ks);
-      t += 110;
-    });
-    const END = t;
-    l.opacity(text, [[0, 1, E.hold], [OUT, 1, E.in], [OUT + 300, 0, E.hold], [OUT + 600, 1, E.hold]]);
-    const cursor = l.rect(c, X0, 108 - 3, 11, H + 6, "accent", { radius: 3, name: "Cursor" });
-    const lastLine = LINES[LINES.length - 1];
-    l.k.patch(cursor, { translateX: lastLine.reduce((s, w) => s + w, 0) + GAP * (lastLine.length - 1) + 8, translateY: (LINES.length - 1) * 38 });
-    l.keys(cursor, "translateX", [...cx, [OUT + 500, 0, E.hold]]);
-    l.keys(cursor, "translateY", [...cy, [OUT + 500, 0, E.hold]]);
-    l.opacity(cursor, [[0, 0, E.hold], [START - 400, 1, E.hold], [START - 200, 0, E.hold], [START, 1, E.hold], [END + 150, 0, E.hold], [END + 400, 1, E.hold], [END + 650, 0, E.hold], [END + 900, 1, E.hold], [END + 1150, 0, E.hold]]);
-    for (let i = 0; i < 3; i++) {
-      const chip = l.box(c, X0 + i * 52, 294, 40, 40, "Action", { fill: "paper", radius: 12, stroke: { color: "line", width: 2 } });
-      if (i === 0) {
-        l.rect(chip, 11, 14, 14, 16, "mute", { radius: 4, name: "Copy back" });
-        l.rect(chip, 16, 10, 14, 16, "ink", { radius: 4, name: "Copy front" });
-      }
-      if (i === 1) l.line(chip, [[12, 21], [18, 27], [29, 14]], "ink", 4, { name: "Good" });
-      if (i === 2) {
-        l.ring(chip, 20, 20, 9, "ink", 4, { name: "Again" });
-        l.shape(chip, [[24, 6], [33, 12], [24, 17]], "ink", { name: "Again head" });
-      }
-      popAt(l, chip, END + 250 + i * 110, OUT - 100 + i * 60, 360);
-    }
-    const done = l.rect(c, 510, 300, 84, 28, "soft", { radius: 14, name: "Tokens" });
-    bar(l, c, 526, 309, 52, 10, "accent", { name: "Token count" });
-    const count = l.k.named(c, "Token count")[0];
-    for (const id of [done, count]) l.opacity(id, [[0, 0, E.hold], [END + 500, 0, E.out], [END + 800, 1, E.hold], [OUT, 1, E.in], [OUT + 300, 0, E.hold]]);
-  }
-});
-
-export {
-  saas_ui_streaming_answer_default
-};

package/dist/chunks/chunk-RVV2RQK5.js

@@ -1,220 +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 {
-  COMIC,
-  balloon,
-  bandDots,
-  benday,
-  captionBox,
-  comicBrand,
-  hero,
-  impact,
-  inkShadow,
-  issueBox,
-  panel,
-  rays,
-  restage,
-  stage,
-  streaks,
-  villain,
-  windowCard
-} from "./chunk-HSNSEJ2A.js";
-import {
-  background,
-  refill
-} from "./chunk-CHL5BU5W.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  bed
-} from "./chunk-52GCV7N5.js";
-import {
-  sizeOf
-} from "./chunk-QLV6445V.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} 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/motion/comic-book-issue-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MUSIC = bed("launch", 32);
-var beat = MUSIC.beat;
-var DURATION = MUSIC.duration;
-var VIEW = { w: 800, h: 620 };
-var PAGE = { w: VIEW.w * 2, h: VIEW.h * 2 };
-var P1 = { x: 0, y: 0, w: 780, h: 600 };
-var P2 = { x: 820, y: 0, w: 780, h: 600 };
-var P3 = { x: 0, y: 640, w: 1600, h: 600 };
-var look = (x, y, zoom) => ({ zoom, tx: -zoom * (x - PAGE.w / 2), ty: -zoom * (y - PAGE.h / 2) });
-var whip = ease.inOut("expo");
-var SHOTS = [
-  { t: 0, at: look(390, 300, 1), ease: ease.linear },
-  { t: beat(8), at: look(390, 300, 1.08), ease: whip },
-  { t: beat(9), at: look(1210, 300, 1), ease: ease.linear },
-  { t: beat(16), at: look(1210, 300, 1.08), ease: whip },
-  { t: beat(17), at: look(800, 940, 0.74), ease: ease.linear },
-  { t: beat(23), at: look(800, 940, 0.8), ease: ease.inOut("cubic") },
-  { t: beat(25), at: look(800, 620, 0.5) }
-];
-var swaps = [
-  { layer: "Caption", words: ["3:07 a.m. A deploy just broke checkout.", "Backstop sees the error rate jump.", "It rolls the deploy back in 9 seconds.", "You sleep. Customers pay."], at: beat(1), hold: 1900, stagger: 60, in: 350, out: 250, unit: "word", rise: 24 }
-];
-var cues = [
-  { layer: "Hook", preset: "pop-in", at: 0, params: { duration: 260, amount: 1.25 } },
-  { layer: "Head", preset: "fade-in", at: 0, params: { duration: 250 } },
-  { layer: "Panel one", preset: "pop-in", at: 120, params: { duration: 300, amount: 1.3 } },
-  { layer: "Narration", preset: "pop-in", at: beat(1) - 150, params: { duration: 280 } },
-  { layer: "Bug", preset: "pop-in", at: beat(2), params: { duration: 320 } },
-  { layer: "Bug says", preset: "pop-in", at: beat(3), params: { duration: 260 } },
-  { layer: "Crash", preset: "pop-in", at: beat(5), params: { duration: 240, amount: 1.6 } },
-  { layer: "Stage", preset: "camera-shake", at: beat(5), params: { duration: 400, distance: 14 } },
-  { layer: "Panel two", preset: "pop-in", at: beat(9), params: { duration: 300, amount: 1.3 } },
-  { layer: "Hero", preset: "slide-in", at: beat(10), params: { duration: 420, direction: "left" } },
-  { layer: "Hero says", preset: "pop-in", at: beat(11), params: { duration: 260 } },
-  { layer: "Spotted", preset: "pop-in", at: beat(13), params: { duration: 260 } },
-  { layer: "Panel three", preset: "pop-in", at: beat(17), params: { duration: 300, amount: 1.3 } },
-  { layer: "Rolled back", preset: "pop-in", at: beat(18), params: { duration: 260, amount: 1.7 } },
-  { layer: "Stage", preset: "camera-shake", at: beat(18), params: { duration: 500, distance: 22 } },
-  { layer: "Restored", preset: "pop-in", at: beat(20), params: { duration: 260 } },
-  { layer: "Rolled back", preset: "pulse", at: beat(22), params: { duration: 600, amount: 0.06 } },
-  { layer: "Call", preset: "pop-in", at: beat(26), params: { duration: 320 } },
-  { layer: "Site box", preset: "pop-in", at: beat(27), params: { duration: 300 } },
-  { layer: "Call", preset: "pulse", at: beat(29), params: { duration: 600, amount: 0.05 } }
-];
-function furnish(k, sheet) {
-  const { w, h } = sizeOf(k, sheet);
-  const pad = k.node(sheet).padding;
-  refill(k, sheet);
-  bandDots(k, sheet, "Top dots", { x: 0, y: 0, w, h: pad.top - 16 });
-  bandDots(k, sheet, "Foot dots", { x: 0, y: h - pad.bottom + 16, w, h: pad.bottom - 16 });
-}
-var comic_book_issue_reel_default = defineTemplate({
-  id: "motion-comic-book-issue-reel",
-  meta: {
-    name: "Comic launch reel",
-    description: 'A 16-second feature launch told as issue no. 12 of a comic: the complaint lands on the first frame, a panel slams in with the bug that broke checkout, the camera whips across the page to the hero on focus lines and down to a full-width hit with "ROLLED BACK!" in an impact burst, then pulls out to the whole page. Speech balloons pop, a narrator\u2019s box carries burned-in captions, and every slam lands on a beat of a 128 BPM loop (made by PopCraft, CC0). 9:16 with 1:1 and 4:5 cuts',
-    category: "animation",
-    tags: ["animation", "comic book", "panels", "speech balloon", "halftone", "ben-day dots", "speed lines", "impact", "launch", "feature", "saas", "devtools", "reel", "captions", "music", "audio"],
-    platforms: ["instagram", "tiktok", "youtube", "x"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["launch", "announcement", "comic"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, swaps },
-  build() {
-    const k = new Kit("Comic launch reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    comicBrand(k);
-    k.textStyle("Masthead 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.5, lineHeight: 26, textCase: "UPPER" });
-    k.textStyle("Issue 26", { size: 26, fontWeight: 900, letterSpacing: -0.5, lineHeight: 28 });
-    k.textStyle("Issue small 13", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 0.5, lineHeight: 18 });
-    k.textStyle("Hook 92", { size: 92, fontWeight: 900, letterSpacing: -4, lineHeight: 86 });
-    k.textStyle("Hook 66", { size: 66, fontWeight: 900, letterSpacing: -2.8, lineHeight: 62 });
-    k.textStyle("Balloon 38", { size: 38, fontWeight: 800, letterSpacing: -0.5, lineHeight: 42, textAlign: "CENTER" });
-    k.textStyle("Box 26", { size: 26, fontWeight: 800, letterSpacing: 0.4, lineHeight: 32 });
-    k.textStyle("Window 20", { ...MONO, size: 20, fontWeight: 700, lineHeight: 26 });
-    k.textStyle("Error 110", { size: 110, fontWeight: 900, letterSpacing: -5, lineHeight: 100 });
-    k.textStyle("Sound 72", { size: 72, fontWeight: 900, letterSpacing: -2.5, lineHeight: 70, textAlign: "CENTER" });
-    k.textStyle("Sound 150", { size: 150, fontWeight: 900, letterSpacing: -6, lineHeight: 132, textAlign: "CENTER" });
-    k.textStyle("Caption 32", { size: 32, fontWeight: 800, lineHeight: 40 });
-    k.textStyle("Caption 26", { size: 26, fontWeight: 800, lineHeight: 34 });
-    k.textStyle("Button 30", { size: 30, fontWeight: 900, lineHeight: 38 });
-    k.textStyle("Site 24", { ...MONO, size: 24, fontWeight: 700, lineHeight: 30 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 30", label: "READ ISSUE NO. 12", pad: [18, 30], radius: 0 });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Launch reel");
-    k.flowSheet(sheet, 20, verticalPadding(), "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
-    background(k, sheet, "paper");
-    benday(k, sheet, 1080, 620, { role: "accent", dot: 30, angle: 270, from: 0.05, to: 0.8, name: "Top dots" });
-    benday(k, sheet, 1080, 520, { role: "primary", dot: 30, angle: 90, from: 0.02, to: 0.62, name: "Foot dots" });
-    const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Head" });
-    issueBox(k, head, { number: "Issue 26", small: "Issue small 13", price: "OCT \xB7 FREE" });
-    k.text(head, "{{brand.name}} \xB7 the auto-rollback issue", { style: "Masthead 20", color: "text", name: "Masthead" });
-    k.text(sheet, "A DEPLOY JUST BROKE CHECKOUT.", { style: "Hook 92", color: "text", name: "Hook", effects: inkShadow(k, 6, "primary") });
-    const row = k.stack(sheet, { align: "CENTER", name: "Stage row" });
-    const { art } = stage(k, row, VIEW.w, VIEW.h, { clip: true, fill: "card", stroke: { color: "text", width: 8, align: "INSIDE", join: "MITER" }, effects: inkShadow(k, 12, "text") });
-    const cam = k.frame(art, { x: -VIEW.w / 2, y: -VIEW.h / 2, width: PAGE.w, height: PAGE.h }, { name: "Camera" });
-    panel(k, cam, P1, "night", (p) => {
-      benday(k, p, P1.w, P1.h, { role: "nightDeep", dot: 18, angle: 90, from: 0.1, to: 0.8 });
-      rays(k, p, P1.w, P1.h, { cx: 560, cy: 360, role: "nightDeep", n: 22, inner: 200, seed: 4 });
-      windowCard(k, p, 330, "checkout", (body) => {
-        k.text(body, "500", { style: "Error 110", color: "primary", name: "Error code" });
-        k.text(body, "Payment failed. Try again later.", { style: "Window 20", color: "onCard", name: "Error line" });
-      }, { style: "Window 20", name: "Checkout window", absolute: { x: 36, y: 270 }, deg: -4 });
-      villain(k, p, 440, { name: "Bug", absolute: { x: 340, y: 170 }, deg: 8 });
-      captionBox(k, p, "3:07 a.m. \xB7 production", { style: "Box 26", name: "Clock", absolute: { x: 26, y: 26 } });
-      balloon(k, p, "I ate your checkout!", { style: "Balloon 38", width: 330, tail: "left", name: "Bug says", absolute: { x: 420, y: 28 } });
-      impact(k, p, 250, 190, "Crash!", { style: "Sound 72", fill: "primary", ink: "onPrimary", deg: -10, name: "Crash", seed: 5, absolute: { x: 30, y: 96 } });
-    }, { name: "Panel one" });
-    panel(k, cam, P2, "sky", (p) => {
-      rays(k, p, P2.w, P2.h, { cx: 300, cy: 330, role: "skyDeep", n: 34, inner: 230, seed: 8 });
-      benday(k, p, P2.w, 260, { role: "dot", dot: 16, angle: 270, from: 0, to: 0.5, opacity: 0.35 });
-      streaks(k, p, 360, 300, { role: "card", n: 9, seed: 2, x: 0, y: 250 });
-      hero(k, p, 520, { name: "Hero", absolute: { x: 60, y: 96 }, deg: 6 });
-      balloon(k, p, "Not on my watch.", { style: "Balloon 38", width: 300, tail: "left", name: "Hero says", absolute: { x: 452, y: 34 } });
-      captionBox(k, p, "Error rate up 40\xD7.\nSpotted in 4 seconds.", { style: "Box 26", width: 330, name: "Spotted", absolute: { x: 424, y: 470 } });
-    }, { name: "Panel two" });
-    panel(k, cam, P3, "accent", (p) => {
-      rays(k, p, P3.w, P3.h, { cx: 800, cy: 300, role: "primary", n: 44, inner: 300, seed: 12, thick: 0.9 });
-      benday(k, p, 520, P3.h, { role: "primary", dot: 20, angle: 180, from: 0, to: 0.7 });
-      hero(k, p, 560, { name: "Hero hits", absolute: { x: 40, y: 40 }, deg: 14 });
-      villain(k, p, 300, { name: "Bug out", absolute: { x: 1270, y: 30 }, deg: 152 });
-      streaks(k, p, 330, 200, { role: "ink", n: 7, seed: 9, dir: -1, x: 1010, y: 190 });
-      impact(k, p, 820, 500, "Rolled back!", { style: "Sound 150", fill: "primary", ink: "onPrimary", deg: -5, name: "Rolled back", seed: 21, points: 18, depth: 0.26, shadow: 16, line: 8, absolute: { x: 420, y: 50 } });
-      captionBox(k, p, "v4.11 restored in 9 seconds. Nobody was paged.", { style: "Box 26", width: 470, name: "Restored", absolute: { x: 1090, y: 470 } });
-    }, { name: "Panel three" });
-    k.patch(cam, { scaleX: 0.5, scaleY: 0.5 });
-    k.animate(cam, "scaleX", SHOTS.map((s) => ({ t: s.t, v: s.at.zoom, ...s.ease ? { ease: s.ease } : {} })));
-    k.animate(cam, "scaleY", SHOTS.map((s) => ({ t: s.t, v: s.at.zoom, ...s.ease ? { ease: s.ease } : {} })));
-    k.animate(cam, "translateX", SHOTS.map((s) => ({ t: s.t, v: s.at.tx, ...s.ease ? { ease: s.ease } : {} })));
-    k.animate(cam, "translateY", SHOTS.map((s) => ({ t: s.t, v: s.at.ty, ...s.ease ? { ease: s.ease } : {} })));
-    const box = k.stack(sheet, { height: 116, justify: "CENTER", padding: { top: 0, right: 24, bottom: 0, left: 24 }, fill: "accent", stroke: { color: "text", width: 5, align: "INSIDE", join: "MITER" }, effects: inkShadow(k, 8, "text"), name: "Narration" });
-    k.text(box, swaps[0].words[0], { style: "Caption 32", color: "onAccent", name: "Caption" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 22, align: "CENTER", name: "Foot" });
-    k.instance(foot, "Button", { Label: `READ ISSUE NO. ${COMIC.issue}` }, { name: "Call" });
-    k.text(k.stack(foot, { direction: "HORIZONTAL", width: "HUG", fill: "card", stroke: { color: "text", width: 4, align: "INSIDE", join: "MITER" }, padding: { top: 16, right: 18, bottom: 16, left: 18 }, name: "Site box" }), "{{brand.site}}", { style: "Site 24", color: "onCard", autoWidth: true, name: "Site" });
-    furnish(k, sheet);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    const cut = (scale, hook, caption) => (kit, id) => {
-      restage(kit, id, VIEW.w, VIEW.h, scale);
-      if (hook) for (const n of kit.named(id, "Hook")) kit.restyle(n, hook);
-      if (caption) {
-        for (const c of kit.named(id, "Caption")) kit.restyle(c, caption);
-        for (const b of kit.named(id, "Narration")) kit.patch(b, { height: 92 });
-      }
-      furnish(kit, id);
-    };
-    k.variants(sheet, feedVariants({ post: 56, portrait: 72 }, { post: cut(0.92, "Hook 66", "Caption 26"), portrait: cut(1.17) }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  comic_book_issue_reel_default
-};