@popcraft/kit 0.25.0 → 0.26.1

package/dist/chunks/chunk-A6KIRUL5.js

@@ -0,0 +1,133 @@
+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 {
+  DEAL,
+  MARQUEE,
+  fitShopfront,
+  marquee,
+  neonBrand,
+  puddle,
+  shopfront
+} from "./chunk-PMX6PODI.js";
+import {
+  rainPaths
+} from "./chunk-VXDAAHSF.js";
+import {
+  MONO
+} from "./chunk-X23ZWFW2.js";
+import {
+  board,
+  patchAll,
+  put,
+  reboard,
+  restyle
+} from "./chunk-QLV6445V.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-QBBW3JXO.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SOHOKD4X.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/black-friday-neon-ads.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Black Friday neon display ad set";
+var SCALE = 0.62;
+var black_friday_neon_ads_default = defineTemplate({
+  id: "social-black-friday-neon-display-ads",
+  meta: {
+    name: NAME,
+    description: "Display ads for a SaaS Black Friday sale, drawn as a shopfront at night: a fully lit neon SALE sign with the discount in amber and an arrow of bulbs on a rainy brick wall, its reflection in the wet street, the offer, the code behind glass and a button. 1200 \xD7 628 and 1200 \xD7 1200, with 4:5 and LinkedIn cuts",
+    category: "social",
+    tags: ["black friday", "cyber monday", "sale", "ad", "display ad", "google ads", "saas", "neon", "neon sign", "shopfront", "night", "pricing", "annual plan", "discount code"],
+    platforms: ["web", "facebook", "linkedin", "instagram"],
+    formats: ["ad", "banner", "post", "portrait-post"],
+    useCases: ["sale", "pricing"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("ad-landscape"));
+    k.quantizeGeometry = true;
+    neonBrand(k, { name: DEAL.product, offer: "Lights on.\nPrices down.", pitch: `Every annual plan ${DEAL.off}% off until Monday midnight. ${DEAL.pitch}` }, ["paper", "text", "onPaper", "primary", "onPrimary", "accent", "onAccent", "card", "onCard", "cardMuted"]);
+    k.textStyle("Tag 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1, lineHeight: 22 });
+    k.textStyle("Display 64", { size: 64, fontWeight: 900, letterSpacing: -2.4, lineHeight: 64 });
+    k.textStyle("Display 104", { size: 104, fontWeight: 900, letterSpacing: -4, lineHeight: 102, textAlign: "CENTER" });
+    k.textStyle("Pitch 20", { size: 20, fontWeight: 500, lineHeight: 28 });
+    k.textStyle("Pitch 28", { size: 28, fontWeight: 500, lineHeight: 38, textAlign: "CENTER" });
+    k.textStyle("Code 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 1, lineHeight: 28 });
+    k.textStyle("Code 32", { ...MONO, size: 32, fontWeight: 800, letterSpacing: 1, lineHeight: 40 });
+    k.textStyle("Button 22", { size: 22, fontWeight: 800, lineHeight: 28 });
+    pill(k, "Tag", { fill: "accent", ink: "onAccent", style: "Tag 16", label: "BLACK FRIDAY \xB7 ENDS MON 30 NOV", pad: [6, 12], radius: 4 });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 22", label: `Get ${DEAL.off}% off`, pad: [16, 28], radius: 10 });
+    k.textStyle("Tag 24", { ...MONO, size: 24, fontWeight: 800, letterSpacing: 1.4, lineHeight: 30 });
+    k.textStyle("Button 32", { size: 32, fontWeight: 800, lineHeight: 40 });
+    pill(k, "Tag large", { fill: "accent", ink: "onAccent", style: "Tag 24", label: "BLACK FRIDAY \xB7 ENDS MON 30 NOV", pad: [9, 18], radius: 5 });
+    pill(k, "Button large", { fill: "primary", ink: "onPrimary", style: "Button 32", label: `Get ${DEAL.off}% off`, pad: [22, 40], radius: 12 });
+    const sheet = k.sheet;
+    const STREET = 560;
+    k.flowSheet(sheet, 0, { top: 40, right: 56, bottom: 628 - STREET + 20, left: 48 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    shopfront(k, sheet, { street: STREET, u: 0.7 });
+    k.vector(sheet, 1200, 628, rainPaths(1200, 628, 6, 20, 60, 0.22), "ice", { name: "Rain", strokeWidth: 2, opacity: 0.12, absolute: { x: 0, y: 0 } });
+    const ad = k.stack(sheet, { direction: "HORIZONTAL", gap: 44, align: "CENTER", name: "Ad" });
+    const sign = marquee(k, board(k, ad, MARQUEE.w, MARQUEE.h, SCALE, "Sign board"), {});
+    const copy = k.stack(ad, { gap: 16, name: "Copy" });
+    k.instance(copy, "Tag", { Label: "BLACK FRIDAY \xB7 ENDS MON 30 NOV" }, { name: "Dates" });
+    k.text(copy, "{{brand.offer}}", { style: "Display 64", color: "text", name: "Offer" });
+    k.text(copy, "{{brand.pitch}}", { style: "Pitch 20", color: "onPaper", name: "Pitch" });
+    const act = k.stack(copy, { direction: "HORIZONTAL", gap: 14, align: "CENTER", wrap: true, name: "Act" });
+    const code = k.stack(act, { direction: "HORIZONTAL", width: "HUG", fill: "card", radius: 10, padding: { top: 14, right: 20, bottom: 14, left: 20 }, stroke: { color: "steelEdge", width: 3, align: "INSIDE" }, name: "Code plate" });
+    k.text(code, `CODE ${DEAL.code}`, { style: "Code 22", color: "amber", autoWidth: true, name: "Code" });
+    k.instance(act, "Button", { Label: `Get ${DEAL.off}% off` }, { name: "Buy button" });
+    const at = (x0, s) => Math.round(x0 + k.node(sign.sale.frame).x * s);
+    const pool = puddle(k, sheet, sign.sale.w, sign.sale.h, sign.sale.paths, "red", { t: 19, name: "Sale puddle", absolute: { x: at(48, SCALE), y: STREET + 8 }, squash: 0.5, opacity: 0.5, blur: 8 });
+    k.patch(pool, { scaleX: SCALE, scaleY: SCALE, anchorX: 0, anchorY: 0 });
+    const tall = (kit, id, w, h, street, s) => {
+      fitShopfront(kit, id, { street, u: 0.9 });
+      patchAll(kit, id, "Rain", { x: 0, y: 0, width: w, height: h, paths: rainPaths(w, h, 6, 30, 80, 0.22) });
+      patchAll(kit, id, "Ad", { layoutMode: "VERTICAL", itemSpacing: 36, counterAxisAlignItems: "CENTER" });
+      patchAll(kit, id, "Copy", { layoutSizingHorizontal: "FILL", counterAxisAlignItems: "CENTER", itemSpacing: 22 });
+      patchAll(kit, id, "Act", { primaryAxisAlignItems: "CENTER" });
+      reboard(kit, id, "Sign board", s);
+      restyle(kit, id, "Offer", "Display 104");
+      restyle(kit, id, "Pitch", "Pitch 28");
+      restyle(kit, id, "Code", "Code 32");
+      for (const [name, comp] of [["Dates", "Tag large"], ["Buy button", "Button large"]]) for (const n of kit.named(id, name)) kit.patch(n, { mainComponentId: kit.componentIdOf(comp) });
+      patchAll(kit, id, "Code plate", { padding: { top: 20, right: 28, bottom: 20, left: 28 } });
+      const sx = Math.round((w - MARQUEE.w * s) / 2);
+      put(kit, id, "Sale puddle", Math.round(sx + k.node(sign.sale.frame).x * s), street + 12, { scaleX: s, scaleY: s * 0.8 });
+    };
+    k.variants(sheet, [
+      { preset: "ad-square", adjust: (kit, id) => {
+        kit.patch(id, { padding: { top: 64, right: 72, bottom: 150, left: 72 }, primaryAxisAlignItems: "CENTER" });
+        tall(kit, id, 1200, 1200, 1076, 1.08);
+      } },
+      { preset: "ig-portrait", adjust: (kit, id) => {
+        kit.patch(id, { padding: { top: 64, right: 64, bottom: 150, left: 64 }, primaryAxisAlignItems: "CENTER" });
+        tall(kit, id, 1080, 1350, 1226, 1.1);
+      } },
+      { preset: "linkedin-post", adjust: (kit, id) => {
+        fitShopfront(kit, id, { street: STREET - 1, u: 0.7 });
+        put(kit, id, "Rain", 0, 0, { width: 1200, height: 627 });
+      } }
+    ]);
+    return k.finish();
+  }
+});
+
+export {
+  black_friday_neon_ads_default
+};

package/dist/chunks/chunk-ACAMS6JJ.js

@@ -0,0 +1,50 @@
+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 {
+  STANDARD,
+  WIDE,
+  defineDeck
+} from "./chunk-WKKRQKXU.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/slides/layouts.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var layouts_default = defineDeck({
+  id: "slides-layouts",
+  meta: {
+    name: "Slide layouts",
+    description: "Nine slide layouts at 16:9 and 4:3 \u2014 title, section, points, two columns, quote, figures, comparison, steps and closing \u2014 with builds and transitions",
+    category: "presentation",
+    tags: ["deck", "slides", "layouts", "builds", "4:3"],
+    platforms: ["slides"],
+    formats: ["slide-deck"],
+    useCases: ["report", "pitch"],
+    created: "2026-09-23",
+    updated: "2026-09-29",
+    aliases: ["slides-layouts-4x3"]
+  },
+  sizes: [WIDE, STANDARD],
+  colors: { primary: "#111827", onPrimary: "#FFFFFF", accent: "#7B61FF", onAccent: "#FFFFFF", paper: "#FFFFFF", text: "#111827", onPaper: "#4B5563", tint: "#EDE9FE", onTint: "#111827" },
+  fields: { company: "Brightside", title: "Design systems that hold", lead: "What we learned rebuilding ours twice" },
+  slides: [
+    { kind: "title", name: "Title slide", title: "{{brand.title}}", lead: "{{brand.lead}}" },
+    { kind: "section", name: "Section", number: "01", title: "Where it went wrong", kicker: "PART ONE" },
+    { kind: "points", name: "Bullets", heading: "Three things broke", points: ["Two libraries, both called \u201Ccore\u201D", "Tokens that only the web app read", "A component nobody could safely delete"] },
+    { kind: "panels", name: "Two columns", heading: "Before and after", panels: [{ title: "The old way", body: "Every team kept a copy and drifted within a sprint." }, { title: "The new way", body: "One published library, and a changelog people read." }] },
+    { kind: "quote", name: "Quote slide", quote: "\u201CWe stopped arguing about components the day we published one.\u201D", by: "Rae Okafor \xB7 Design lead" },
+    { kind: "stats", name: "Figures", heading: "A year on", stats: [{ figure: "94%", label: "of screens on the system" }, { figure: "1", label: "library, not four" }, { figure: "3 days", label: "to onboard a designer" }] },
+    { kind: "panels", name: "Comparison", heading: "What it cost", filled: true, panels: [{ title: "Kept as is", body: "Four libraries, four opinions, one very long meeting." }, { title: "Rebuilt", body: "Six weeks of work and a system people reach for." }] },
+    { kind: "steps", name: "Timeline", heading: "How it ran", steps: [{ title: "Jan", body: "Audit" }, { title: "Feb", body: "Tokens" }, { title: "Mar", body: "Components" }, { title: "Apr", body: "Published" }] },
+    { kind: "closing", name: "Closing", title: "Thank you.", line: "{{brand.company}}" }
+  ]
+});
+
+export {
+  layouts_default
+};

package/dist/chunks/chunk-ACQIQTNT.js

@@ -0,0 +1,146 @@
+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 {
+  TIDE,
+  fine,
+  fitScorePaper,
+  orchestra,
+  placeFine,
+  placeScore,
+  scoreBrand,
+  scoreList,
+  scorePaper,
+  scoreType,
+  screen,
+  sweep
+} from "./chunk-O2QGI6UR.js";
+import {
+  mover,
+  pruneStyles
+} from "./chunk-HIGI3DBQ.js";
+import {
+  defineTemplate
+} from "./chunk-QBBW3JXO.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SOHOKD4X.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/motion/tour-tickets-tide-dates.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var T = TIDE;
+var LOOP = 9e3;
+var plain = T.dates.filter((d) => d.status !== "new").length;
+var cues = [
+  { layer: "Bar", preset: "rise-in", at: 200, params: { duration: 480, distance: 14 }, stagger: { delay: 280 } },
+  // The leg's last bar line is drawn with its last bar.
+  { layer: "Fine", preset: "fade-in", at: 200 + (plain - 1) * 280 + 200, params: { duration: 400 } },
+  { layer: "Sold stamp", preset: "drop-in", at: 200 + plain * 280 + 300, params: { duration: 200, distance: 16 }, stagger: { delay: 300 } },
+  { layer: "New bar", preset: "rise-in", at: 5e3, params: { duration: 480, distance: 14 }, stagger: { delay: 450 } },
+  { layer: "Added", preset: "drop-in", at: 5200, params: { duration: 260, distance: 20 }, stagger: { delay: 450 } },
+  { layer: "Code", preset: "pulse", at: 6600, params: { duration: 600, amount: 0.05 } },
+  { layer: ["Added", "Sold stamp", "New bar", "Fine", "Bar"], preset: "fade-out", at: 8100, params: { duration: 420 }, stagger: { delay: 20, order: "selection" } }
+];
+var NAME = `Tour tickets date list post: ${T.act}`;
+function lay(k, id, w, h) {
+  const { at, scaled } = mover(k, id);
+  let b;
+  if (w === h) {
+    scaled("Screen", 46, 46, 0.42);
+    at("Title", 520, 70, { width: 520 });
+    at("Subtitle", 520, 150, { width: 520 });
+    b = { x: 26, y: 290, scale: 0.98, cols: 4, rowGap: 20 };
+    at("Foot", 26 + 2 * 262 * 0.98 + 24, 290 + 2 * 260 * 0.98 + 14, { width: 470 });
+    at("Orchestra", 0, 0, { visible: false });
+  } else if (h === 1350) {
+    scaled("Screen", 230, 50, 0.62);
+    at("Title", 90, 396, { width: 900 });
+    at("Subtitle", 90, 494, { width: 900 });
+    b = { x: 26, y: 566, scale: 0.98, cols: 4, rowGap: 28 };
+    at("Foot", 26 + 2 * 262 * 0.98 + 24, 566 + 2 * 268 * 0.98 + 14, { width: 470 });
+    at("Orchestra", 0, 0, { visible: false });
+  } else {
+    scaled("Screen", 260, 56, 0.56);
+    at("Title", 140, 356, { width: 800 });
+    at("Subtitle", 140, 456, { width: 800 });
+    b = { x: 159, y: 512, scale: 0.97, cols: 3, rowGap: 0 };
+    at("Foot", 159 + 262 * 0.97 + 24, 512 + 3 * 240 * 0.97 + 14, { width: 500 });
+    at("Orchestra", 0, 1430, { visible: true });
+  }
+  placeScore(k, id, T.dates, b);
+  placeFine(k, id, b, T.dates.length - 1);
+}
+var tour_tickets_tide_dates_default = defineTemplate({
+  id: "motion-tour-tickets-tide-dates",
+  meta: {
+    name: NAME,
+    description: "An animated tour date list for a film-in-concert tour, drawn as a page of the score under the film's screen: ten concert-hall nights come in as bars of music, the hall librarian's navy SOLD OUT stamps fall on three, two added nights are pencilled in with gold tabs, and the leg ends on a final bar line with the subscriber presale; the lighthouse beam turns once a loop. Nine seconds, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "tour", "tour dates", "tickets", "concert", "orchestra", "film score", "live to picture", "classical", "sold out", "new date", "sheet music", "post", "loop"],
+    platforms: ["instagram", "facebook", "threads", "x"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["announcement", "event"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit(NAME, preset("ig-post"));
+    k.quantizeGeometry = true;
+    scoreBrand(k, { name: "TIDEWATER" });
+    scoreType(k);
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: LOOP, fps: 30 });
+    const hall = k.frame(sheet, { x: 0, y: 0, width: 1080, height: 1080 }, { name: "Hall" });
+    k.patch(hall, { layoutPositioning: "ABSOLUTE" });
+    scorePaper(k, hall, 1080, 1080);
+    orchestra(k, hall, 1080, 470, { x: 0, y: 1450 });
+    screen(k, hall);
+    k.text(hall, "{{brand.name}}", { style: "Title 64", color: "text", width: 520, name: "Title", absolute: { x: 0, y: 0 } });
+    k.text(hall, "in concert \xB7 ten halls in March", { style: "Sub 28", color: "onPaper", width: 520, name: "Subtitle", absolute: { x: 0, y: 0 } });
+    scoreList(k, hall, T.dates, { x: 0, y: 0, scale: 1, cols: 4, rowGap: 20 });
+    fine(k, hall);
+    const foot = k.stack(hall, { gap: 10, name: "Foot", absolute: { x: 0, y: 0 } });
+    k.text(foot, "SUBSCRIBER PRESALE", { style: "Label 18", color: "onPaper", width: "FILL", name: "Foot kicker" });
+    k.text(foot, T.presale.opens, { style: "Label 22", color: "text", width: "FILL", name: "Foot when" });
+    const well = k.stack(foot, { direction: "HORIZONTAL", width: "HUG", fill: "primary", radius: 2, padding: { top: 10, right: 18, bottom: 10, left: 18 }, name: "Code well" });
+    k.text(well, T.presale.code, { style: "Code 30", color: "onPrimary", autoWidth: true, name: "Code" });
+    k.text(foot, `${T.site}/dates`, { style: "Label 18", color: "onPaper", width: "FILL", name: "Foot link" });
+    lay(k, hall, 1080, 1080);
+    sweep(k, hall, LOOP, 1);
+    k.cues(sheet, cues);
+    const size = (kit, id, w, h, title, big = false) => {
+      if (title) for (const t of kit.named(id, "Title")) kit.restyle(t, title);
+      if (big) {
+        for (const t of kit.named(id, "Code")) kit.restyle(t, "Code 40");
+        for (const t of kit.named(id, "Foot when")) kit.restyle(t, "Label 22");
+        for (const t of kit.named(id, "Foot kicker")) kit.restyle(t, "Label 22");
+      }
+      for (const d of kit.named(id, "Hall")) {
+        kit.patch(d, { x: 0, y: 0, width: w, height: h });
+        fitScorePaper(kit, d, w, h);
+        lay(kit, d, w, h);
+      }
+    };
+    k.variants(sheet, [
+      { preset: "ig-portrait", adjust: (kit, id) => size(kit, id, 1080, 1350, "Title 92") },
+      { preset: "ig-story", adjust: (kit, id) => size(kit, id, 1080, 1920, "Title 92", true) }
+    ]);
+    pruneStyles(k);
+    return k.finish();
+  }
+});
+
+export {
+  tour_tickets_tide_dates_default
+};

package/dist/chunks/chunk-AD6BJ76E.js

@@ -0,0 +1,79 @@
+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 {
+  defineTemplate
+} from "./chunk-QBBW3JXO.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SOHOKD4X.js";
+import {
+  ease
+} from "./chunk-NKAPBBXH.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/motion/smooth-loop.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SIZE = 1080;
+var LOOP = 4e3;
+var SWEEP = 260;
+var smooth_loop_default = defineTemplate({
+  id: "motion-smooth-loop",
+  meta: {
+    name: "Smooth loop",
+    description: "A seamless four-second loop made for 60 fps: three orbits turning at different speeds around a breathing mark, and a light sweeping the caption band \u2014 export it as MP4 or WebM at full size",
+    category: "animation",
+    tags: ["animation", "loop", "60fps", "orbit", "sweep", "seamless"],
+    platforms: ["instagram", "tiktok", "linkedin", "x"],
+    formats: ["post", "video"],
+    useCases: ["brand-intro", "announcement"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  build() {
+    const k = new Kit("Smooth loop", preset("ig-post"));
+    k.brand({ primary: "#0B1020", onPrimary: "#FFFFFF", accent: "#7C5CFF", onAccent: "#FFFFFF", mint: "#35E0B0", sun: "#FFC247", ring: "#2A3354" });
+    k.textStyle("Display 200", { size: 200, fontWeight: 900, letterSpacing: -6, lineHeight: 200, textAlign: "CENTER" });
+    k.textStyle("Label 30", { size: 30, fontWeight: 800, letterSpacing: 6, lineHeight: 36, textAlign: "CENTER" });
+    k.textStyle("Caption 36", { size: 36, fontWeight: 700, letterSpacing: 2, lineHeight: 44, textAlign: "CENTER" });
+    k.component("Caption", { direction: "HORIZONTAL", width: "HUG", align: "CENTER", props: { Caption: "SIXTY FRAMES A SECOND  \xB7  SMOOTH AS GLASS" } }, (id) => {
+      k.propText(id, "Caption", { style: "Caption 36", color: "onAccent", autoWidth: true });
+    });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 8, 96, "primary", "CENTER", "CENTER");
+    k.timeline(sheet, { duration: LOOP, fps: 60 });
+    const orbit = (name, d, dot, color) => {
+      const o = k.stack(sheet, { name, width: d, height: d, absolute: { x: (SIZE - d) / 2, y: (SIZE - d) / 2 } });
+      k.ellipse(o, d, [], { name: "Ring", stroke: { color: "ring", width: 3 }, absolute: { x: 0, y: 0 } });
+      k.ellipse(o, dot, color, { name: "Dot", absolute: { x: (d - dot) / 2, y: -dot / 2 } });
+      return o;
+    };
+    const outer = orbit("Outer orbit", 820, 44, "accent");
+    const middle = orbit("Middle orbit", 600, 34, "mint");
+    const inner = orbit("Inner orbit", 400, 26, "sun");
+    const mark = k.stack(sheet, { name: "Mark", width: "HUG", gap: 8, align: "CENTER" });
+    k.text(mark, "SMOOTH LOOP", { style: "Label 30", color: "onPrimary", autoWidth: true, name: "Label" });
+    k.text(mark, "60 fps", { style: "Display 200", color: "onPrimary", autoWidth: true, name: "Rate" });
+    const band = k.stack(sheet, { name: "Band", direction: "HORIZONTAL", width: SIZE, height: 72, fill: "accent", clip: true, justify: "CENTER", align: "CENTER", absolute: { x: 0, y: SIZE - 120 } });
+    const light = k.rect(band, SWEEP, 72, "onAccent", { name: "Sweep", opacity: 0.22, absolute: { x: -SWEEP, y: 0 } });
+    k.instance(band, "Caption");
+    const lin = ease.linear, sine = ease.inOut("sine");
+    k.animate(outer, "rotation", [{ t: 0, v: 0, ease: lin }, { t: LOOP, v: 360 }]);
+    k.animate(middle, "rotation", [{ t: 0, v: 0, ease: lin }, { t: LOOP, v: -360 }]);
+    k.animate(inner, "rotation", [{ t: 0, v: 0, ease: lin }, { t: LOOP, v: 720 }]);
+    for (const axis of ["scaleX", "scaleY"]) k.animate(mark, axis, [{ t: 0, v: 1, ease: sine }, { t: LOOP / 2, v: 1.06, ease: sine }, { t: LOOP, v: 1 }]);
+    const across = SIZE + SWEEP;
+    k.animate(light, "translateX", [{ t: 0, v: 0, ease: lin }, { t: LOOP / 2 - 1, v: across, ease: ease.hold }, { t: LOOP / 2, v: 0, ease: lin }, { t: LOOP, v: across }]);
+    return k.finish();
+  }
+});
+
+export {
+  smooth_loop_default
+};

package/dist/chunks/chunk-AFZBMDWH.js

@@ -0,0 +1,45 @@
+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-WKKRQKXU.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/slides/sales.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var sales_default = defineDeck({
+  id: "slides-sales",
+  meta: {
+    name: "Sales deck",
+    description: "An eight-slide 16:9 sales deck \u2014 agenda, the cost of the problem, how it works, a customer quote, two plans and a pilot plan \u2014 with click builds and transitions",
+    category: "presentation",
+    tags: ["sales", "deck", "b2b", "pricing", "builds"],
+    platforms: ["slides"],
+    formats: ["slide-deck"],
+    useCases: ["pitch"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  colors: { primary: "#0B3D4F", onPrimary: "#FFFFFF", accent: "#0E7C86", onAccent: "#FFFFFF", paper: "#FFFFFF", text: "#0B2530", onPaper: "#4A5B63", tint: "#E3F4F5", onTint: "#0B2530" },
+  fields: { company: "Frostline", title: "Walk-in fridges that tell you before they fail", lead: "Temperature sensors and alerts for restaurant groups", email: "sales@frostline.co" },
+  slides: [
+    { kind: "title", name: "Title slide", kicker: "FOR RESTAURANT GROUPS", title: "{{brand.title}}", lead: "{{brand.lead}}" },
+    { kind: "agenda", name: "Agenda", heading: "In the next twenty minutes", items: ["What a failed walk-in really costs", "How Frostline watches it", "What our kitchens say", "Plans, and a pilot"] },
+    { kind: "stats", name: "The cost", heading: "One bad night in a walk-in", stats: [{ figure: "$3,900", label: "of stock our customers threw out, on average, after one failure" }, { figure: "9 hrs", label: "before a closing crew usually notices" }, { figure: "1 in 4", label: "kitchens we audit have a leaking door seal" }] },
+    { kind: "points", name: "How it works", heading: "How it works", points: ["A sensor on every shelf reads the air once a minute", "A door left open for five minutes sends a text", "A slow rise at 2 a.m. calls the manager on call", "Every reading is logged for your health inspector"] },
+    { kind: "quote", name: "Customer", quote: "\u201CWe saved a whole delivery of fish on a Sunday night. The sensors paid for themselves that week.\u201D", by: "Dana Ruiz \xB7 Head of operations, Harbor & Vine (six kitchens)" },
+    { kind: "panels", name: "Plans", heading: "Two plans", filled: true, panels: [{ title: "Kitchen \xB7 $39 a month per walk-in", body: "Sensors, text alerts and a year of temperature logs." }, { title: "Group \xB7 $29 a month per walk-in", body: "Everything in Kitchen, plus on-call rotas and one dashboard for every site." }] },
+    { kind: "steps", name: "Pilot", heading: "A pilot in three weeks", steps: [{ title: "Week 1", body: "We fit sensors in two of your kitchens" }, { title: "Week 2", body: "Your managers start getting alerts" }, { title: "Week 3", body: "We go through every alert with you" }] },
+    { kind: "closing", name: "Next step", title: "Let\u2019s pick your pilot kitchens.", line: "{{brand.email}}" }
+  ]
+});
+
+export {
+  sales_default
+};

package/dist/chunks/chunk-AGETP7RA.js

@@ -0,0 +1,127 @@
+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 {
+  LOGO_PLACEHOLDERS
+} from "./chunk-SOHOKD4X.js";
+import {
+  settlePayload
+} from "./chunk-STDKBPBH.js";
+import {
+  createFrame,
+  createGroup,
+  createRectangle,
+  init_scene_graph
+} from "./chunk-PEAXERBE.js";
+import {
+  createSolidPaint,
+  init_types
+} from "./chunk-CVWCFBOJ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/migrations/brand-media.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+init_scene_graph();
+init_types();
+var INSERTS = {
+  "popcraft.print-letterhead-classic": [{ kind: "logo-beside", path: ["Furniture", "Header", "Text"], side: "before", size: 32, gap: 12 }],
+  "popcraft.web-landing": [{ kind: "logo-beside", path: ["Nav", "Text"], side: "before", size: 32, gap: 12 }],
+  "popcraft.print-menu-lunch": [{ kind: "logo", path: ["Header"], index: 0, size: 56 }],
+  "popcraft.print-poster-event": [{ kind: "logo", path: ["Background", "Footer"], index: 1, size: 88 }],
+  "popcraft.print-business-card-bold": [{ kind: "logo", path: ["Layout", "Band"], index: 1, size: 40 }],
+  "popcraft.social-announcement": [{ kind: "logo-beside", path: ["Badge"], side: "after", size: 72, gap: 24, spread: true }],
+  "popcraft.social-event": [{ kind: "logo-beside", path: ["Badge"], side: "after", size: 72, gap: 24, spread: true }],
+  "popcraft.social-product": [{ kind: "photo", path: ["Art"], ground: "accent" }]
+};
+function find(nodes, rootId, path) {
+  let cur = nodes[rootId];
+  for (const name of path) cur = cur?.childIds.map((id) => nodes[id]).find((n) => n?.name === name);
+  return cur;
+}
+var inside = (nodes, rootId, test) => {
+  const n = nodes[rootId];
+  return !!n && (test(n) || n.childIds.some((c) => inside(nodes, c, test)));
+};
+var add = (nodes, node, parentId, index) => {
+  nodes[node.id] = { ...node, parentId };
+  const parent = nodes[parentId];
+  const kids = [...parent.childIds];
+  kids.splice(Math.min(index, kids.length), 0, node.id);
+  nodes[parentId] = { ...parent, childIds: kids };
+};
+function logo(id, size) {
+  const base = createRectangle({ id, name: "{{brand.logo}}", x: 0, y: 0, width: size, height: size, fills: [], strokes: [], layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED" });
+  return { ...base, type: "IMAGE", imageUrl: LOGO_PLACEHOLDERS.tile, scaleMode: "FIT" };
+}
+var brandMedia = {
+  id: "brand-media",
+  description: "brand logo layers and photo frames where the designs have a place for them",
+  apply(t) {
+    const specs = INSERTS[t.meta.id];
+    if (!specs) return t;
+    const nodes = { ...t.payload.nodes };
+    const vars = t.payload.variables ?? {};
+    const sheets = (t.payload.pages ?? []).flatMap((p) => p.rootIds).filter((id) => nodes[id]?.type === "FRAME");
+    let changed = false;
+    for (const sheetId of sheets) for (const spec of specs) {
+      const target = find(nodes, sheetId, spec.path);
+      if (!target?.parentId) continue;
+      if (spec.kind === "photo") {
+        if (inside(nodes, target.id, (n) => !!n.isPhotoFrame)) continue;
+        const ground = Object.values(vars).find((v) => v.name === `brand/${spec.ground}`);
+        if (!ground) continue;
+        const color = Object.values(ground.valuesByMode)[0];
+        const fill = () => [{ ...createSolidPaint(color), boundVariables: { color: ground.id } }];
+        const group = { ...createGroup([]), id: `${target.id}-photo`, name: "Photo frame", x: 0, y: 0, width: target.width, height: target.height, isMaskGroup: true, isPhotoFrame: true, layoutPositioning: "ABSOLUTE" };
+        add(nodes, group, target.id, 0);
+        add(nodes, createRectangle({ id: `${group.id}-mask`, name: "Mask", x: 0, y: 0, width: target.width, height: target.height, fills: fill(), strokes: [], isMask: true, maskType: "ALPHA", layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED" }), group.id, 0);
+        add(nodes, createRectangle({ id: `${group.id}-art`, name: "Photo", x: 0, y: 0, width: target.width, height: target.height, fills: fill(), strokes: [], layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED" }), group.id, 1);
+        changed = true;
+        continue;
+      }
+      const holder = spec.kind === "logo" ? target : nodes[target.parentId];
+      if (inside(nodes, holder.id, (n) => n.name === "{{brand.logo}}")) continue;
+      if (spec.kind === "logo") {
+        add(nodes, logo(`${target.id}-logo`, spec.size), target.id, spec.index);
+        changed = true;
+        continue;
+      }
+      const parent = nodes[target.parentId];
+      const at = parent.childIds.indexOf(target.id);
+      const row = createFrame({
+        id: `${target.id}-row`,
+        name: "Lockup",
+        x: target.x,
+        y: target.y,
+        width: spec.spread ? parent.width - (parent.padding?.left ?? 0) - (parent.padding?.right ?? 0) : 1,
+        height: Math.max(target.height, spec.size),
+        fills: [],
+        strokes: [],
+        clipsContent: false,
+        layoutMode: "HORIZONTAL",
+        itemSpacing: spec.gap,
+        counterAxisSpacing: 0,
+        padding: { top: 0, right: 0, bottom: 0, left: 0 },
+        primaryAxisAlignItems: spec.spread ? "SPACE_BETWEEN" : "MIN",
+        counterAxisAlignItems: "CENTER",
+        layoutSizingHorizontal: spec.spread ? "FILL" : "HUG",
+        layoutSizingVertical: "HUG"
+      });
+      nodes[target.parentId] = { ...parent, childIds: parent.childIds.filter((id) => id !== target.id) };
+      add(nodes, { ...row, childIds: [] }, parent.id, at);
+      add(nodes, { ...target, x: 0, y: 0 }, row.id, 0);
+      add(nodes, logo(`${target.id}-logo`, spec.size), row.id, spec.side === "before" ? 0 : 1);
+      changed = true;
+    }
+    return changed ? { ...t, payload: settlePayload({ ...t.payload, nodes }) } : t;
+  }
+};
+
+export {
+  brandMedia
+};