@popcraft/kit 0.31.0 → 0.32.0

package/dist/chunks/chunk-SVSI5F2F.js

@@ -1,256 +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 {
-  sceneLengths,
-  type,
-  withSound
-} from "./chunk-FTDYIEB4.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  bed
-} from "./chunk-42LEBOKV.js";
-import {
-  hardShadow
-} from "./chunk-M6VTXO6F.js";
-import {
-  logoBadge,
-  pill
-} from "./chunk-LEKU2ZW3.js";
-import {
-  box
-} from "./chunk-6RCDZU4R.js";
-import {
-  into,
-  playScenes,
-  sceneSheets
-} from "./chunk-GX4O3SUN.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/scenes/saas-film-bright-trailer.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var B = bed("tension", 44);
-var { beat } = B;
-var ON = [0, 4, 8, 12, 16, 20, 24, 30, 36];
-var NOTES = ["Launch moves to 14 November, after the audit.", "Pricing needs the annual toggle before then.", "Marek owns the migration script. Ines reviews."];
-var TASKS = [["Move the launch date to 14 Nov", "Ines", "Fri"], ["Add the annual toggle to pricing", "Jo", "Mon"], ["Write the migration script", "Marek", "Wed"], ["Send the recap to Parcelhaus", "Auto", "Now"]];
-var FILED = [["Tracker", "4 issues created", "red"], ["Wiki", "Notes page published", "lime"], ["Team chat", "Recap posted in #parcelhaus", "sky"]];
-var STICKIES = [[0, 50, -6, "lime", "Write up the call"], [250, 0, 5, "sky", "Who took notes?"], [500, 70, -3, "card", "Chase Marek"], [120, 290, 4, "card", "Send the recap"], [390, 310, -5, "lime", "Update the tracker"]];
-var scenes = [
-  { sheet: "The call ends", cues: [
-    { layer: "Brand row", preset: "fade-in", at: 0, params: { duration: 250 } },
-    { layer: "Line one", preset: "words-in", at: 0, params: { duration: 420, amount: 70 } },
-    { layer: "Call tile", preset: "pop-in", at: 0, params: { duration: 320 } },
-    { layer: "Hang up", preset: "pulse", at: beat(1), params: { duration: 400, amount: 0.14 } },
-    { layer: "Call tile", preset: "drop-out", at: beat(2), params: { duration: 380 } }
-  ] },
-  { sheet: "The work starts", cues: [
-    { layer: "Line two", preset: "words-in", at: 0, params: { duration: 420, amount: 70 } },
-    { layer: "Sticky", preset: "drop-in", at: 60, params: { duration: 360 }, stagger: { delay: 150 } }
-  ] },
-  { sheet: "Who writes it up", cues: [
-    { layer: "Line three", preset: "words-in", at: 0, params: { duration: 420, amount: 70 } },
-    { layer: "Blank page", preset: "slide-in", at: 0, params: { duration: 420, direction: "right" } },
-    { layer: "Caret", preset: "flash", at: beat(1), params: { duration: 900 } },
-    { layer: "Caret", preset: "flash", at: beat(3) - 200, params: { duration: 600 } }
-  ] },
-  { sheet: "Notes", cues: [
-    { layer: "Notes words", preset: "slide-in", at: 0, params: { duration: 420, direction: "left" } },
-    { layer: "Notes card", preset: "rise-in", at: 0, params: { duration: 480 } },
-    { layer: "Wave", preset: "wipe-in", at: beat(0.5), params: { duration: beat(1.5), direction: "right" } },
-    { layer: "Note", preset: "rise-in", at: beat(1.5), params: { duration: 380 }, stagger: { delay: Math.round(beat(1)) } }
-  ] },
-  { sheet: "Tasks", cues: [
-    { layer: "Tasks words", preset: "slide-in", at: 0, params: { duration: 420, direction: "left" } },
-    { layer: "Tasks card", preset: "rise-in", at: 0, params: { duration: 480 } },
-    { layer: "Task", preset: "slide-in", at: beat(0.5), params: { duration: 380, direction: "right" }, stagger: { delay: Math.round(beat(0.5)) } },
-    { layer: "Tick", preset: "pop-in", at: beat(2.5), params: { duration: 260 }, stagger: { delay: Math.round(beat(0.5)) } }
-  ] },
-  { sheet: "Filed", transition: into("WHIP_RIGHT", 300), cues: [
-    { layer: "Filed words", preset: "words-in", at: 200, params: { duration: 420, amount: 60 } },
-    { layer: "Destination", preset: "pop-in", at: beat(1), params: { duration: 360 }, stagger: { delay: Math.round(beat(1)) } },
-    { layer: "Filed tick", preset: "pop-in", at: beat(1.5), params: { duration: 260 }, stagger: { delay: Math.round(beat(1)) } }
-  ] },
-  { sheet: "Hours back", transition: into("ZOOM_THROUGH", 320), cues: [
-    { layer: "Hours figure", preset: "pop-in", at: 150, params: { duration: 420 } },
-    { layer: "Hours label", preset: "rise-in", at: beat(1.5), params: { duration: 420 } },
-    { layer: "Clock", preset: "scale-in", at: 100, params: { duration: 700 } }
-  ], counts: [{ layer: "Hours figure", at: 150, duration: beat(2), counter: { from: 0, to: 11, suffix: " hours" } }] },
-  { sheet: "No more", cues: [
-    { layer: ["No one", "No two", "No three"], preset: "slide-in", at: 0, params: { duration: 300, direction: "left" }, stagger: { delay: Math.round(beat(1)), order: "selection" } },
-    { layer: "Marker", preset: "wipe-in", at: 150, params: { duration: 260, direction: "right" }, stagger: { delay: Math.round(beat(1)) } }
-  ] },
-  { sheet: "End card", cues: [
-    { layer: "End logo", preset: "pop-in", at: 0, params: { duration: 380 } },
-    { layer: "End name", preset: "letters-in", at: 80, params: { duration: 420, amount: 30 } },
-    { layer: "End line", preset: "rise-in", at: beat(1), params: { duration: 420 } },
-    { layer: "End button", preset: "pop-in", at: beat(2), params: { duration: 380 } },
-    { layer: "End button", preset: "pulse", at: beat(3), params: { duration: 480, amount: 0.07 } },
-    { layer: "End button", preset: "pulse", at: beat(5), params: { duration: 480, amount: 0.07 } },
-    { layer: "Burst", preset: "scale-in", at: 0, params: { duration: 600 } }
-  ] }
-];
-var LENGTHS = sceneLengths(ON.map((b) => beat(b)), B.duration, scenes);
-var GROUNDS = ["paper", "primary", "ink", "paper", "accent", "paper", "primary", "paper", "ink"];
-var PAD = { top: 72, right: 110, bottom: 72, left: 110 };
-var CW = 1920 - PAD.left - PAD.right;
-var CH = 1080 - PAD.top - PAD.bottom;
-var tick = (s) => ({ closed: false, points: [{ x: s * 0.18, y: s * 0.52 }, { x: s * 0.42, y: s * 0.76 }, { x: s * 0.84, y: s * 0.26 }] });
-var saas_film_bright_trailer_default = defineTemplate({
-  id: "motion-saas-film-bright-trailer",
-  meta: {
-    name: "SaaS film: product trailer, bright and fast",
-    description: "A 22-second product trailer on a light ground: black poster type, vermilion and lime, nine scenes cut hard on the beat. Three kinetic lines set up the problem, three product UI cards (notes, tasks, where they are filed) show the answer, a figure counts, and the end card pops. 1920\xD71080, with music",
-    category: "animation",
-    tags: ["animation", "saas", "saas film", "trailer", "product trailer", "kinetic type", "fast cuts", "bright", "light", "ui cards", "scenes", "music", "audio", "16:9", "launch"],
-    platforms: ["youtube", "x", "linkedin", "web", "product-hunt"],
-    formats: ["video", "ad", "intro", "demo"],
-    useCases: ["launch", "announcement", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { scenes },
-  build() {
-    const k = new Kit("SaaS film: product trailer, bright and fast", preset("video-1080p"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#FBF8F1", text: "#0C0C0C", onPaper: "#D62E12", primary: "#FF4127", onPrimary: "#170400", accent: "#C6F135", onAccent: "#131A00", card: "#FFFFFF", onCard: "#0C0C0C" },
-      { name: "Clipnote" }
-    );
-    k.palette({ ink: "#0C0C0C", onInk: "#FBF8F1", lime: "#C6F135", red: "#FF4127", sky: "#BFE3FF", faint: "#5E5E58", line: "#E7E2D6", field: "#F4F0E6", done: "#12A150", onDone: "#FFFFFF" });
-    const made = /* @__PURE__ */ new Set();
-    const T = (name, px, o = {}) => type(k, made, name, px, o);
-    const giant = (px) => T("Giant", px, { fontWeight: 900, leading: 0.9, tracking: -0.055 });
-    const big = T("Big", 150, { fontWeight: 900, leading: 0.96, tracking: -0.05 });
-    const title = T("Card title", 38, { fontWeight: 800, tracking: -0.02, leading: 1.2 });
-    const line = T("Card line", 34, { fontWeight: 500, leading: 1.3, tracking: -0.01 });
-    const strong = T("Card strong", 30, { fontWeight: 700, leading: 1.3, tracking: -0.015 });
-    const small = T("Card small", 22, { fontWeight: 600, leading: 1.3 });
-    const label = T("Label", 20, { fontWeight: 800, tracking: 0.14, leading: 1.2 });
-    const mono = T("Mono", 24, { fontWeight: 700, leading: 1.2, ...MONO });
-    const edge = { color: "ink", width: 4, align: "INSIDE" };
-    pill(k, "Button", { fill: "accent", ink: "onAccent", style: T("Button", 44, { fontWeight: 900, tracking: -0.03, leading: 1.15 }), label: "clipnote.example", pad: [24, 44], radius: 20 });
-    pill(k, "Who", { fill: "sky", ink: "ink", style: small, label: "Ines", pad: [6, 14], radius: 8 });
-    const sheets = sceneSheets(k, "video-1080p", scenes.map((s) => s.sheet));
-    sheets.forEach((id, i) => {
-      k.flowSheet(id, 28, PAD, GROUNDS[i], "MAX", "MIN");
-      k.timeline(id, { duration: LENGTHS[i], fps: 30 });
-    });
-    const [ends, starts, who, notes, tasks, filed, hours, noMore, end] = sheets;
-    const card = (parent, name, w, h, at) => k.stack(parent, { width: w, height: h, gap: 26, fill: "card", radius: 28, padding: 40, stroke: edge, effects: [hardShadow(k, "ink", 14, 14)], name, ...at ? { absolute: at } : {} });
-    const brand = k.stack(ends, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Brand row", absolute: { x: PAD.left, y: PAD.top } });
-    logoBadge(k, brand, { fill: "primary", size: 40, radius: 14 });
-    k.text(brand, "{{brand.name}}", { style: T("Brand", 40, { fontWeight: 900, tracking: -0.03 }), color: "text", autoWidth: true, name: "Brand name" });
-    const call = card(ends, "Call tile", 760, "HUG", { x: 1920 - PAD.right - 770, y: PAD.top });
-    const faces = k.stack(call, { direction: "HORIZONTAL", gap: 16, name: "Faces" });
-    for (const [fill, dot] of [["sky", "ink"], ["lime", "ink"], ["field", "red"]]) {
-      const face = k.stack(faces, { height: 190, fill, radius: 18, justify: "CENTER", align: "CENTER", name: "Face" });
-      k.ellipse(face, 84, dot, { name: "Head" });
-    }
-    const bar = k.stack(call, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Call bar" });
-    k.text(bar, "Kickoff \xB7 42:07", { style: mono, color: "onCard", autoWidth: true, name: "Call time" });
-    const hang = k.stack(bar, { width: "HUG", fill: "red", radius: 14, padding: { top: 10, right: 22, bottom: 10, left: 22 }, name: "Hang up" });
-    k.text(hang, "Leave", { style: small, color: "ink", autoWidth: true, name: "Hang up label" });
-    k.text(ends, "The call ends.", { style: giant(280), color: "text", name: "Line one", width: 1300 });
-    const pile = k.stack(starts, { width: 780, height: 560, name: "Pile", absolute: { x: 1920 - PAD.right - 800, y: 60 } });
-    for (const [x, y, turn, fill, words] of STICKIES) {
-      const note = k.stack(pile, { width: 270, height: 220, fill, padding: 24, stroke: edge, effects: [hardShadow(k, "ink", 10, 10)], name: "Sticky", absolute: { x, y } });
-      k.text(note, words, { style: strong, color: "ink", name: "Sticky words" });
-      k.patch(note, { rotation: turn });
-    }
-    k.text(starts, "The work starts.", { style: giant(280), color: "onPrimary", name: "Line two", width: 1200 });
-    const page = card(who, "Blank page", 560, 720, { x: 1920 - PAD.right - 560, y: 180 });
-    k.text(page, "Untitled notes", { style: title, color: "faint", name: "Page title" });
-    k.rect(page, "FILL", 4, "line", { name: "Page rule" });
-    k.rect(page, 6, 56, "red", { name: "Caret" });
-    for (let i = 0; i < 6; i++) k.rect(page, "FILL", 4, "line", { name: "Page line" });
-    k.patch(page, { itemSpacing: 44 });
-    k.text(who, "Who writes it up?", { style: giant(250), color: "onInk", name: "Line three", width: 1150 });
-    const product = (sheet, name, lines, ink) => {
-      const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 70, align: "CENTER", height: CH, name: "Layout" });
-      const words = k.stack(row, { width: 720, gap: 0, name: `${name} words` });
-      for (const [chars, color] of lines) k.text(words, chars, { style: big, color: color || ink, name: "Words" });
-      return card(row, `${name} card`, CW - 720 - 70, "HUG");
-    };
-    const notesCard = product(notes, "Notes", [["Clipnote", "onPaper"], ["writes the notes.", ""]], "text");
-    const head = k.stack(notesCard, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Card head" });
-    const rec = k.stack(head, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", name: "Recording" });
-    k.ellipse(rec, 20, "red", { name: "Rec dot" });
-    k.text(rec, "Kickoff with Parcelhaus", { style: title, color: "onCard", autoWidth: true, name: "Call name" });
-    k.text(head, "42 min", { style: mono, color: "faint", autoWidth: true, name: "Call length" });
-    const wave = k.stack(notesCard, { height: 110, fill: "field", radius: 14, clip: true, name: "Wave" });
-    const WW = CW - 720 - 70 - 80;
-    k.vector(wave, WW, 110, Array.from({ length: Math.floor((WW - 24) / 14) }, (_, i) => {
-      const h = 12 + Math.round(52 * Math.abs(Math.sin(i * 0.9) * Math.cos(i * 0.31)));
-      return box(16 + i * 14, 55 - h * 0.75, 7, h * 1.5);
-    }), "ink", { name: "Wave bars", absolute: { x: 0, y: 0 } });
-    k.text(notesCard, "SUMMARY", { style: label, color: "faint", name: "Summary label" });
-    for (const n of NOTES) {
-      const item = k.stack(notesCard, { direction: "HORIZONTAL", gap: 16, name: "Note" });
-      k.rect(item, 16, 16, "red", { name: "Bullet", radius: 4 });
-      k.text(item, n, { style: line, color: "onCard", name: "Note words" });
-    }
-    const tasksCard = product(tasks, "Tasks", [["Pulls out", ""], ["the tasks.", ""]], "onAccent");
-    k.text(tasksCard, "4 tasks found", { style: title, color: "onCard", name: "Tasks title" });
-    for (const [task, owner, due] of TASKS) {
-      const item = k.stack(tasksCard, { direction: "HORIZONTAL", gap: 18, align: "CENTER", fill: "field", radius: 14, padding: { top: 22, right: 22, bottom: 22, left: 20 }, name: "Task" });
-      const check = k.stack(item, { width: 40, height: 40, fill: "done", radius: 10, name: "Check" });
-      k.vector(check, 40, 40, [tick(40)], "onDone", { name: "Tick", strokeWidth: 5, absolute: { x: 0, y: 0 } });
-      k.text(item, task, { style: strong, color: "ink", name: "Task words" });
-      k.instance(item, "Who", { Label: owner }, { name: "Owner" });
-      k.text(item, due, { style: mono, color: "faint", autoWidth: true, name: "Due" });
-    }
-    k.patch(filed, { primaryAxisAlignItems: "CENTER", itemSpacing: 56 });
-    k.text(filed, "Files them where you work.", { style: giant(170), color: "text", name: "Filed words" });
-    const places = k.stack(filed, { direction: "HORIZONTAL", gap: 34, name: "Destinations" });
-    for (const [name, what, fill] of FILED) {
-      const d = card(places, "Destination", (CW - 68) / 3, "HUG");
-      const top = k.stack(d, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Destination top" });
-      const icon = k.stack(top, { width: 120, height: 120, fill, radius: 22, stroke: edge, justify: "CENTER", align: "CENTER", name: "Icon" });
-      k.rect(icon, 52, 52, "ink", { name: "Glyph", radius: name === "Team chat" ? 18 : name === "Wiki" ? 4 : 10 });
-      const ok = k.stack(top, { width: 64, height: 64, fill: "done", radius: 32, name: "Filed tick" });
-      k.vector(ok, 64, 64, [tick(64)], "onDone", { name: "Filed mark", strokeWidth: 6, absolute: { x: 0, y: 0 } });
-      k.text(d, name, { style: T("Destination", 56, { fontWeight: 900, tracking: -0.035, leading: 1.1 }), color: "onCard", name: "Destination name" });
-      k.text(d, what, { style: line, color: "faint", name: "Destination line" });
-    }
-    k.ellipse(hours, 620, k.tint("onPrimary", 1e-3), { name: "Clock", stroke: { color: "onPrimary", width: 26, align: "INSIDE" }, absolute: { x: 1920 - 620 - 40, y: -140 }, opacity: 0.3 });
-    k.text(hours, "11 hours", { style: giant(360), color: "onPrimary", name: "Hours figure" });
-    k.text(hours, "back every week, for each person on the call.", { style: T("Lede", 64, { fontWeight: 700, tracking: -0.03, leading: 1.15 }), color: "onPrimary", name: "Hours label" });
-    k.patch(noMore, { itemSpacing: 0, primaryAxisAlignItems: "CENTER" });
-    [["No one", "No notes."], ["No two", "No recap."], ["No three", "No chasing."]].forEach(([name, words], i) => {
-      const row = k.stack(noMore, { width: "HUG", name });
-      const marker = k.rect(row, 10, 86, "accent", { name: "Marker", absolute: { x: -14, y: 150 } });
-      const line3 = k.text(row, words, { style: giant(290), color: i === 2 ? "onPaper" : "text", autoWidth: true, name: "No words" });
-      k.patch(marker, { width: Math.round(k.finish().nodes[line3].width) + 28 });
-    });
-    k.patch(end, { counterAxisAlignItems: "CENTER", primaryAxisAlignItems: "CENTER", itemSpacing: 30 });
-    const burst = k.star(end, 1500, "lime", { name: "Burst", absolute: { x: 210, y: -210 }, opacity: 0.1 });
-    k.patch(burst, { pointCount: 16, innerRadius: 0.82, rotation: 0 });
-    logoBadge(k, end, { fill: "primary", size: 96, radius: 34, name: "End logo" });
-    k.text(end, "{{brand.name}}", { style: T("End", 200, { fontWeight: 900, leading: 0.9, tracking: -0.06, textAlign: "CENTER" }), color: "onInk", name: "End name" });
-    k.text(end, "Try it on your next call.", { style: T("End line", 60, { fontWeight: 700, tracking: -0.03, leading: 1.15, textAlign: "CENTER" }), color: "onInk", name: "End line" });
-    k.instance(end, "Button", { Label: "clipnote.example" }, { name: "End button" });
-    playScenes(k, "comp-bright-trailer", "Product trailer, bright and fast", sheets, scenes, "paper");
-    k.setCover(ends);
-    return withSound(k.finish(), { "comp-bright-trailer": B.audio });
-  }
-});
-
-export {
-  saas_film_bright_trailer_default
-};

package/dist/chunks/chunk-SXODBYHA.js

@@ -1,159 +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 {
-  soft,
-  sz
-} from "./chunk-3QM22WL7.js";
-import {
-  gridPaths,
-  tickPath
-} from "./chunk-UDE42EDS.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  ground
-} from "./chunk-YHBAWSDX.js";
-import {
-  logoBadge,
-  pill
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/social/saas-store-b2b-ads.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var CONTROLS = [
-  ["CC6.1", "SSO enforced for every employee", "pass", "38 of 38"],
-  ["CC6.6", "Production access reviewed quarterly", "pass", "4 of 4"],
-  ["CC7.2", "Alerts routed and acknowledged", "pass", "212 of 212"],
-  ["CC8.1", "Every change has a reviewed PR", "collect", "1,904 of 1,931"],
-  ["A1.2", "Backups restored in a test this quarter", "owner", "0 of 1"],
-  ["CC6.7", "Laptops encrypted and locked", "pass", "41 of 41"],
-  ["CC9.2", "Vendors with a current security review", "collect", "17 of 22"],
-  ["CC2.1", "Policies acknowledged by new hires", "pass", "9 of 9"],
-  ["CC7.4", "Incident runbook tested", "pass", "1 of 1"],
-  ["CC3.2", "Risk register reviewed", "collect", "11 of 14"]
-];
-var STATUS = { pass: ["Passing", "pass", "onPass"], collect: ["Collecting", "collect", "onCollect"], owner: ["Needs owner", "owner", "onOwner"] };
-var LAYOUTS = [
-  { id: "ad-landscape", words: { x: 56, y: 52, w: 520 }, claim: 58, panel: { x: 590, y: 56, w: 586, rows: 7, zoom: 1 }, note: false },
-  { id: "ad-square", words: { x: 72, y: 64, w: 1e3 }, claim: 112, panel: { x: 72, y: 600, w: 660, rows: 6, zoom: 1.6 }, note: true },
-  { id: "ig-portrait", words: { x: 64, y: 64, w: 950 }, claim: 108, panel: { x: 64, y: 640, w: 640, rows: 5, zoom: 1.6 }, note: true },
-  { id: "linkedin-post", words: { x: 56, y: 52, w: 520 }, claim: 58, panel: { x: 590, y: 56, w: 586, rows: 7, zoom: 1 }, note: false }
-];
-var saas_store_b2b_ads_default = defineTemplate({
-  id: "social-saas-store-b2b-ads",
-  meta: {
-    name: "SaaS store paid ad set for B2B",
-    description: "One B2B ad in the four sizes a launch buys: Google responsive display landscape (1200 \xD7 628) and square (1200 \xD7 1200), Meta feed (1080 \xD7 1350) and LinkedIn single image (1200 \xD7 627). A sharp claim with the old number struck and replaced, a crop of the product running off the frame, and one button, in the data-dense enterprise look. Each size is laid out for its own frame; drop your own capture on the product\u2019s picture slot",
-    category: "social",
-    tags: ["saas", "saas store", "ad", "paid ads", "b2b", "google ads", "display ad", "linkedin", "meta", "responsive display", "enterprise", "compliance", "product ui", "cta"],
-    platforms: ["linkedin", "facebook", "instagram", "web"],
-    formats: ["ad", "banner", "post", "portrait-post"],
-    useCases: ["launch", "announcement", "stats"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit("SaaS store paid ad set for B2B", preset("ad-landscape"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#F3F6FA", text: "#0C1A2B", primary: "#0A56E0", onPrimary: "#FFFFFF" },
-      { name: "Attest", site: "attest.example/demo" }
-    );
-    k.palette({ card: "#FFFFFF", onCard: "#0C1A2B", cardMuted: "#51607A", rule: "#DCE3EC", head: "#EEF2F7", pass: "#D9F5E7", onPass: "#07512F", collect: "#FFF0C7", onCollect: "#5C4300", owner: "#FFDCD6", onOwner: "#7A1A0B", good: "#14A867", struck: "#D9382A" });
-    k.textStyle("Brand 26", { size: 26, fontWeight: 800, letterSpacing: -0.6, lineHeight: 32 });
-    k.textStyle("Kicker 16", { ...MONO, size: 16, fontWeight: 700, letterSpacing: 1.2, lineHeight: 22, textCase: "UPPER" });
-    k.textStyle("Sub 24", { size: 24, fontWeight: 500, letterSpacing: -0.3, lineHeight: 33 });
-    k.textStyle("Button 24", { size: 24, fontWeight: 700, letterSpacing: -0.3, lineHeight: 30 });
-    k.textStyle("Site 18", { ...MONO, size: 18, fontWeight: 600, lineHeight: 24 });
-    k.textStyle("Panel title 20", { size: 20, fontWeight: 700, letterSpacing: -0.3, lineHeight: 26 });
-    k.textStyle("Panel figure 64", { size: 64, fontWeight: 800, letterSpacing: -3, lineHeight: 64, fontFeatures: { tnum: 1 } });
-    k.textStyle("Row 17", { size: 17, fontWeight: 600, letterSpacing: -0.1, lineHeight: 22 });
-    k.textStyle("Row mono 16", { ...MONO, size: 16, fontWeight: 600, lineHeight: 22 });
-    k.textStyle("Status 16", { size: 16, fontWeight: 700, lineHeight: 20 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 24", label: "Book a 20-minute demo", pad: [16, 28], radius: 12 });
-    let cover = "";
-    for (const L of LAYOUTS) {
-      const Z = sz(L.id, 1200);
-      const sheet = cover ? k.addSheet(preset(L.id)) : k.sheet;
-      ground(k, sheet, preset(L.id).name, "paper");
-      if (!cover) cover = sheet;
-      k.vector(sheet, Z.W, Z.H, gridPaths(Z.W, Z.H, 48, 1), k.tint("text", 0.08), { name: "Grid", absolute: { x: 0, y: 0 } });
-      const wide = !L.note;
-      const P = L.panel, ph = Math.round((Z.H - P.y + 40) / P.zoom);
-      const panel = k.stack(sheet, { width: P.w, height: ph, fill: "card", radius: 18, clip: true, stroke: { color: "rule", width: 2, align: "INSIDE" }, effects: [soft(k, "text", 0.16, 24, 60)], name: "Product panel", absolute: { x: P.x, y: P.y } });
-      if (P.zoom !== 1) k.patch(panel, { scaleX: P.zoom, scaleY: P.zoom, anchorX: 0, anchorY: 0 });
-      k.photo(panel, P.w, ph, { ground: "head", name: "Your screenshot", absolute: { x: 0, y: 0 } });
-      const ui = k.stack(panel, { width: P.w, height: ph, fill: "card", name: "Placeholder panel", absolute: { x: 0, y: 0 } });
-      const bar = k.stack(ui, { direction: "HORIZONTAL", height: 52, fill: "head", gap: 12, align: "CENTER", padding: { top: 0, right: 22, bottom: 0, left: 22 }, name: "Panel bar" });
-      k.rect(bar, 16, 16, "primary", { radius: 4, name: "Panel mark" });
-      k.text(bar, "SOC 2 Type II \xB7 readiness", { style: "Panel title 20", color: "onCard", name: "Panel title" });
-      k.text(bar, "Audit window opens 14 Oct", { style: "Row mono 16", color: "cardMuted", autoWidth: true, name: "Panel date" });
-      k.rect(ui, "FILL", 2, "rule", { name: "Panel rule" });
-      const score = k.stack(ui, { direction: "HORIZONTAL", gap: 24, align: "MAX", padding: { top: 20, right: 22, bottom: 18, left: 22 }, name: "Score" });
-      k.text(score, "87%", { style: "Panel figure 64", color: "onCard", autoWidth: true, name: "Score figure" });
-      const meter = k.stack(score, { gap: 10, padding: { top: 0, right: 0, bottom: 8, left: 0 }, name: "Meter" });
-      k.text(meter, "412 of 473 items collected, none by hand", { style: "Row 17", color: "cardMuted", name: "Meter note" });
-      const track = k.stack(meter, { direction: "HORIZONTAL", height: 12, radius: 6, fill: "head", clip: true, name: "Meter track" });
-      k.rect(track, Math.round((P.w - 44 - 150) * 0.87), 12, "good", { radius: 6, name: "Meter fill" });
-      k.rect(ui, "FILL", 2, "rule", { name: "Panel rule" });
-      for (const [id, name, st, ev] of CONTROLS.slice(0, L.panel.rows)) {
-        const [label, fill, ink] = STATUS[st];
-        const row = k.stack(ui, { direction: "HORIZONTAL", gap: 14, align: "CENTER", padding: { top: 11, right: 22, bottom: 11, left: 22 }, name: "Control" });
-        const mark = k.stack(row, { width: 24, height: 24, radius: 12, fill, align: "CENTER", justify: "CENTER", name: "Control mark" });
-        if (st === "pass") k.vector(mark, 11, 9, [tickPath(11, 9)], ink, { name: "Tick", strokeWidth: 2.5 });
-        else k.ellipse(mark, 8, ink, { name: "Pending" });
-        k.text(row, id, { style: "Row mono 16", color: "cardMuted", width: 62, name: "Control id" });
-        k.text(row, name, { style: "Row 17", color: "onCard", name: "Control name" });
-        if (P.w > 800) k.text(row, ev, { style: "Row mono 16", color: "cardMuted", autoWidth: true, name: "Evidence" });
-        const chip = k.stack(row, { direction: "HORIZONTAL", width: "HUG", fill, radius: 8, padding: { top: 4, right: 10, bottom: 4, left: 10 }, name: "Status" });
-        k.text(chip, label, { style: "Status 16", color: ink, autoWidth: true, name: "Status label" });
-        k.rect(ui, "FILL", 1, "rule", { name: "Row rule" });
-      }
-      const claim = `Claim ${L.claim}`;
-      k.textStyle(claim, { size: L.claim, fontWeight: 800, letterSpacing: -0.048 * L.claim, lineHeight: Math.round(L.claim * 1) });
-      const words = k.stack(sheet, { width: L.words.w, gap: wide ? 20 : 28, name: "Words", absolute: { x: L.words.x, y: L.words.y } });
-      const brand = k.stack(words, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Brand row" });
-      logoBadge(k, brand, { fill: "primary", size: 24, pad: 8, radius: 9 });
-      k.text(brand, "{{brand.name}}", { style: "Brand 26", color: "text", autoWidth: true, name: "Brand name" });
-      k.text(brand, "Compliance automation", { style: "Kicker 16", color: "text", name: "Kicker" });
-      const lines = k.stack(words, { gap: 0, name: "Claim" });
-      k.text(lines, "SOC 2 in 14 days.", { style: claim, color: "text", name: "Claim line" });
-      const second = k.stack(lines, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", name: "Struck line" });
-      k.text(second, "Not 14 weeks.", { style: claim, color: "text", autoWidth: true, name: "Claim old" });
-      const laid = k.finish().nodes[second];
-      k.rect(second, Math.round(laid.width * 0.68), Math.max(6, Math.round(L.claim * 0.09)), "struck", { radius: 3, name: "Strike", absolute: { x: Math.round(laid.width * 0.3), y: Math.round(laid.height * 0.5) } });
-      if (L.note) k.text(words, "Attest connects to your cloud, your code and your HR system, and collects the evidence an auditor asks for while you ship.", { style: "Sub 24", color: "text", width: Math.min(L.words.w, 820), name: "Sub" });
-      const call = k.stack(words, { direction: "HORIZONTAL", width: "HUG", gap: 20, align: "CENTER", padding: { top: wide ? 6 : 0, right: 0, bottom: 0, left: 0 }, name: "Call row" });
-      k.instance(call, "Button", { Label: "Book a 20-minute demo" }, { name: "Call" });
-      if (L.note) k.text(call, "{{brand.site}}", { style: "Site 18", color: "text", autoWidth: true, name: "Site" });
-      if (wide) {
-        const proof = k.stack(sheet, { width: L.words.w, gap: 6, name: "Proof", absolute: { x: L.words.x, y: Z.H - 132 } });
-        k.rect(proof, 56, 4, "primary", { name: "Proof rule" });
-        k.text(proof, "\u201COur auditor asked for 473 items. We uploaded none of them.\u201D", { style: "Row 17", color: "text", name: "Proof quote" });
-        k.text(proof, "Head of Engineering, 40-person fintech", { style: "Row mono 16", color: "text", name: "Proof who" });
-      }
-    }
-    k.setCover(cover);
-    return k.finish();
-  }
-});
-
-export {
-  saas_store_b2b_ads_default
-};

package/dist/chunks/chunk-SXVB5MIT.js

@@ -1,117 +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 {
-  checkbox,
-  confirms,
-  field,
-  formStyles,
-  select,
-  submit
-} from "./chunk-K4RXT6XM.js";
-import {
-  buttons,
-  page,
-  webResponsive
-} from "./chunk-TF2MO3UA.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/web/rsvp-invite.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var cues = [
-  { layer: "Light", preset: "pop-in", at: 0, stagger: { delay: 70 } },
-  { layer: "Invite card", preset: "scale-in", at: 200, params: { duration: 800 } },
-  { layer: "Kicker", preset: "rise-in", at: 600 },
-  { layer: "Headline", preset: "rise-in", at: 750, params: { duration: 700 } },
-  { layer: "Detail", preset: "rise-in", at: 950, stagger: { delay: 120 } },
-  { layer: "RSVP form", preset: "rise-in", at: 1300, params: { duration: 700 } },
-  { layer: "Light", preset: "pulse", at: 2600, params: { amount: 0.25 }, stagger: { delay: 90 } }
-];
-var LIGHTS = ["lamp1", "lamp2", "lamp3", "lamp1", "lamp2", "lamp3", "lamp1", "lamp2", "lamp3", "lamp1", "lamp2"];
-var rsvp_invite_default = defineTemplate({
-  id: "web-rsvp-invite",
-  meta: {
-    name: "Animated invitation with a working RSVP",
-    description: "An invitation that arrives \u2014 the card drops in, the date and place rise, a string of lights pops \u2014 with an RSVP that works: name, guests, coming or not, dietary notes and a dish to bring, then a thank-you message in its place. Attach a database when you publish and every reply is saved",
-    category: "web",
-    tags: ["animation", "invitation", "rsvp", "form", "database", "party", "event", "housewarming", "entrance", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["invitation", "event"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Invitation with an RSVP", preset("web-desktop"));
-    k.brand(
-      { paper: "#1B2440", text: "#FFF6E5", onPaper: "#C9CBE0", primary: "#F2B544", onPrimary: "#1B2440", card: "#FFF6E5", onCard: "#1B2440", cardMuted: "#59607D", field: "#FFFFFF", onField: "#59607D", line: "#D9D2BF", lamp1: "#F2B544", lamp2: "#EE6C4D", lamp3: "#7FC8A9", wire: "#3A4570" },
-      { name: "Mina & Theo" }
-    );
-    k.textStyle("Kicker 15", { size: 15, fontWeight: 700, letterSpacing: 1.6, lineHeight: 22, textCase: "UPPER" });
-    k.textStyle("Display 60", { size: 60, fontWeight: 800, letterSpacing: -1.8, lineHeight: 64 });
-    k.textStyle("Display 48", { size: 48, fontWeight: 800, letterSpacing: -1.3, lineHeight: 52 });
-    k.textStyle("Display 36", { size: 36, fontWeight: 800, letterSpacing: -0.9, lineHeight: 42 });
-    k.textStyle("Detail 18", { size: 18, fontWeight: 500, lineHeight: 28 });
-    k.textStyle("Detail 16", { size: 16, fontWeight: 500, lineHeight: 25 });
-    k.textStyle("Form title 22", { size: 22, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
-    formStyles(k);
-    buttons(k, { style: "Button 16" });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 36, top: 40 });
-    k.timeline(sheet, { duration: 4200, fps: 30 });
-    const lights = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", padding: { top: 0, right: 8, bottom: 0, left: 8 }, name: "Lights" });
-    for (const role of LIGHTS) k.ellipse(lights, 18, role, { name: "Light" });
-    const body = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, align: "CENTER", padding: { top: 8, right: 0, bottom: 48, left: 0 }, name: "Body" });
-    const invite = k.stack(body, { gap: 18, name: "Invite" });
-    k.text(invite, "You are invited", { style: "Kicker 15", color: "onPaper", name: "Kicker" });
-    k.text(invite, "We finally have a kitchen. Come and help us use it.", { style: "Display 60", color: "text", name: "Headline" });
-    for (const line of ["Saturday 14 November, from 6 in the evening", "27 Lark Lane, top floor \u2014 the door with the yellow bell", "Supper is on us. Bring someone, or a dish, or just yourself."])
-      k.text(invite, line, { style: "Detail 18", color: "onPaper", name: "Detail" });
-    const card = k.stack(body, { width: 500, gap: 16, fill: "card", radius: 22, padding: 30, name: "Invite card" });
-    k.text(card, "Will you come?", { style: "Form title 22", color: "onCard", name: "Form title" });
-    const form = k.stack(card, { gap: 14, name: "RSVP form" });
-    field(k, form, { card: true, label: "Your name", name: "name", placeholder: "Jo Bell", required: true });
-    const row = k.stack(form, { direction: "HORIZONTAL", gap: 12, name: "Coming and guests" });
-    select(k, row, { card: true, label: "Coming?", name: "coming", options: ["Yes, I will be there", "Sorry, I cannot make it"] });
-    select(k, row, { card: true, label: "How many of you?", name: "guests", options: ["Just me", "Two", "Three", "Four"] });
-    field(k, form, { card: true, label: "Anything you cannot eat?", name: "dietary", placeholder: "Nuts, shellfish, nothing at all", multiline: true });
-    checkbox(k, form, { card: true, label: "I will bring a dish to share", name: "dish" });
-    submit(k, form, "Send my reply");
-    k.cues(sheet, cues);
-    confirms(k, card, form, { title: "Thank you. We have your reply.", body: "See you on the 14th. If your plans change, reload the page and send it again: we go by the latest.", titleStyle: "Thanks 24", bodyStyle: "Field 16", card: true });
-    webResponsive(k, sheet, {
-      stack: ["Body"],
-      stackMobile: ["Coming and guests"],
-      restyle: { "Display 60": { laptop: "Display 48", tablet: "Display 48", mobile: "Display 36" }, "Detail 18": { mobile: "Detail 16" } },
-      top: { tablet: 32, mobile: 24 },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") for (const n of kit.named(id, "Body")) kit.patch(n, { itemSpacing: 44 });
-        if (size === "tablet" || size === "mobile") for (const n of kit.named(id, "Body")) kit.patch(n, { itemSpacing: 36, counterAxisAlignItems: "MIN" });
-        if (size === "mobile") {
-          for (const n of kit.named(id, "Invite card")) kit.patch(n, { padding: { top: 20, right: 20, bottom: 20, left: 20 } });
-          kit.named(id, "Light").slice(7).forEach((n) => kit.patch(n, { visible: false }));
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  rsvp_invite_default
-};

package/dist/chunks/chunk-SY2GM6S3.js

@@ -1,90 +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 {
-  external_exports
-} from "./chunk-BQXNFA5K.js";
-import {
-  AGENT_CAPABILITIES,
-  agentContext,
-  agentTool,
-  agentToolList,
-  registerCommands
-} from "./chunk-6NPE5ABC.js";
-import {
-  dispatch
-} from "./chunk-7EEUGQZW.js";
-import {
-  ToolError
-} from "./chunk-V32DXOZK.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// lib/agent/tools/index.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-
-// lib/ai/tool-schema.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function toolParameters(schema) {
-  const json = external_exports.toJSONSchema(schema);
-  delete json.$schema;
-  return json;
-}
-
-// lib/agent/tools/types.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function defineTool(tool) {
-  return tool;
-}
-
-// lib/agent/tools/index.ts
-function registerTools(tools) {
-  registerCommands(tools);
-}
-function getTool(name) {
-  return agentTool(name);
-}
-function allTools() {
-  return agentToolList();
-}
-function toolSpecs(names) {
-  const tools = names?.length ? names.map((n) => agentTool(n)).filter((t) => !!t) : allTools();
-  return tools.map((t) => ({
-    type: "function",
-    function: { name: t.name, description: t.description, parameters: toolParameters(t.parameters) }
-  }));
-}
-async function runTool(name, argsText, ctx) {
-  let raw = {};
-  if (argsText.trim()) {
-    try {
-      raw = JSON.parse(argsText);
-    } catch {
-      throw new ToolError(`The arguments for ${name} were not valid JSON.`, "invalid_params");
-    }
-  }
-  return dispatch(name, {
-    surface: "agent",
-    params: raw,
-    ctx: agentContext(ctx),
-    capabilities: AGENT_CAPABILITIES,
-    errorClass: ToolError,
-    messages: {
-      notFound: (key) => `No tool named "${key}". Use one of: ${allTools().map((t) => t.name).join(", ")}.`,
-      invalidParams: (key, issues) => `Invalid arguments for ${key} \u2014 ${issues}`
-    }
-  });
-}
-
-export {
-  defineTool,
-  registerTools,
-  getTool,
-  allTools,
-  toolSpecs,
-  runTool
-};