@popcraft/kit 0.29.0 → 0.30.0

package/dist/chunks/chunk-6EDUIURU.js

@@ -0,0 +1,209 @@
+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 {
+  ballPasses,
+  ballTravel,
+  burst,
+  clearConfetti,
+  confetti,
+  fitCity,
+  fitConfetti,
+  newYearBrand,
+  nightCity,
+  tower,
+  towerHeight
+} from "./chunk-WQTIZDXH.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  bed
+} from "./chunk-42LEBOKV.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset,
+  swapTimes
+} from "./chunk-2P7ISWIA.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion/new-year-ball-drop-reel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var MUSIC = bed("festive", 34);
+var beat = MUSIC.beat;
+var DURATION = MUSIC.duration;
+var MIDNIGHT = beat(26);
+var BOARDS = [
+  { name: "Shipped", figure: "214", label: "features shipped", counter: { from: 0, to: 214 } },
+  { name: "Uptime", figure: "99.98%", label: "uptime, all year", counter: { from: 90, to: 99.98, decimals: 2, suffix: "%" } },
+  { name: "Teams", figure: "38,400", label: "teams on board", counter: { from: 1e4, to: 38400, separator: "," } },
+  { name: "Hours", figure: "1,260,000", label: "hours handed back", counter: { from: 1e6, to: 126e4, separator: "," } }
+];
+var TOWER = {
+  w: 800,
+  u: 1,
+  boards: BOARDS,
+  boardH: 104,
+  gap: 12,
+  signH: 162,
+  ball: 170,
+  figW: 304,
+  loopMs: DURATION,
+  glow: 0.45,
+  styles: { figure: "Figure 58", label: "Label 26", year: "Year 112", lastYear: "Last year 46", signLabel: "Sign label 20" }
+};
+var LINES = [
+  "Our year, in four numbers, before midnight.",
+  "214 features shipped. Most were your idea.",
+  "99.98% uptime. We remember that one Tuesday.",
+  "38,400 teams stopped chasing invoices by hand.",
+  "1.26 million hours handed back to you.",
+  "New year, new stack."
+];
+var CHAIN = { layer: "Caption", words: LINES, stagger: 30, in: 300, out: 200, unit: "word", rise: 26 };
+var lead = (hold) => swapTimes({ ...CHAIN, at: 0, hold })[5].enters;
+var HOLD = Math.floor((MIDNIGHT - 150 - lead(0)) / 5);
+var swaps = [{ ...CHAIN, hold: HOLD, at: MIDNIGHT - lead(HOLD) }];
+var SAID = swapTimes(swaps[0]);
+var passes = BOARDS.map((_, i) => SAID[i + 1].enters);
+var counts = BOARDS.map((b, i) => ({ layer: `${b.name} figure`, at: passes[i], duration: 1700, counter: b.counter }));
+var cues = [
+  { layer: "Clock pill", preset: "fade-in", at: 0, params: { duration: 250 } },
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 400 } },
+  { layer: "Headline", preset: "words-in", at: 0, params: { duration: 500 } },
+  { layer: BOARDS.map((b) => `${b.name} board`), preset: "rise-in", at: 100, params: { duration: 500 }, stagger: { delay: 90, order: "selection" } },
+  { layer: "Year sign", preset: "rise-in", at: 460, params: { duration: 500 } },
+  ...BOARDS.map((b, i) => ({ layer: `${b.name} board`, preset: "pulse", at: passes[i], params: { duration: 500, amount: 0.035 } })),
+  { layer: "Strike", preset: "wipe-in", at: MIDNIGHT, params: { duration: 300, direction: "right" } },
+  { layer: "Year", preset: "pop-in", at: MIDNIGHT, params: { duration: 500 } },
+  { layer: "Ball", preset: "pulse", at: MIDNIGHT, params: { duration: 700, amount: 0.12 } },
+  { layer: "Confetti", preset: "fade-in", at: MIDNIGHT, params: { duration: 500 } },
+  { layer: "Burst", preset: "scale-in", at: MIDNIGHT, params: { duration: 700 }, stagger: { delay: beat(1) } },
+  { layer: "Call", preset: "rise-in", at: MIDNIGHT + beat(2), params: { duration: 500 } },
+  { layer: "Site", preset: "fade-in", at: MIDNIGHT + beat(3), params: { duration: 500 } },
+  { layer: "Burst", preset: "fade-out", at: MIDNIGHT + beat(2.5), params: { duration: 700 }, stagger: { delay: beat(1) } },
+  { layer: "Call", preset: "pulse", at: MIDNIGHT + beat(6), params: { duration: 800, amount: 0.05 } }
+];
+var night = (h, horizon) => ({ w: 1080, h, horizon, u: 1, starsTop: 20, loopMs: DURATION });
+var SHOWER = { w: 1080, h: 1920, n: 84, u: 1, loopMs: DURATION };
+var WORDS = ["Top", "Tower", "Foot"];
+var ROCKETS = [
+  { cx: 850, cy: 150, r: 200, role: "gold" },
+  { cx: 230, cy: 120, r: 130, role: "rose" },
+  { cx: 1010, cy: 600, r: 150, role: "ice" },
+  { cx: 560, cy: 70, r: 100, role: "goldPale" },
+  { cx: 50, cy: 760, r: 130, role: "gold" }
+];
+var new_year_ball_drop_reel_default = defineTemplate({
+  id: "motion-new-year-ball-drop-reel",
+  meta: {
+    name: "New Year ball-drop reel",
+    description: "A 19-second year in review for a SaaS, told as a ball drop: a ball of champagne-gold light comes down a tower past four lit sign boards whose figures count up as it passes (features shipped, uptime, teams, hours saved), a clock ticks the last seconds, and at midnight the old year is struck out, the new one lights, rockets burst, confetti falls and the annual-plan offer rises. Music (made by PopCraft, CC0) and burned-in captions. 9:16 with 1:1 and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "new year", "year in review", "ball drop", "countdown", "midnight", "confetti", "fireworks", "counter", "stats", "saas", "reel", "captions", "music", "audio", "seasonal"],
+    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
+    formats: ["reel", "short", "story", "post", "portrait-post"],
+    useCases: ["stats", "milestone", "sale", "countdown"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, swaps },
+  build() {
+    const k = new Kit("New Year ball-drop reel", preset("ig-story"));
+    k.quantizeGeometry = true;
+    newYearBrand(k);
+    k.textStyle("Clock 30", { ...MONO, size: 30, fontWeight: 800, lineHeight: 38 });
+    k.textStyle("Eyebrow 24", { size: 24, fontWeight: 700, letterSpacing: 3.5, lineHeight: 32, textCase: "UPPER" });
+    k.textStyle("Headline 76", { ...SERIF, size: 76, fontWeight: 900, letterSpacing: -2.2, lineHeight: 80 });
+    k.textStyle("Headline 48", { ...SERIF, size: 48, fontWeight: 900, letterSpacing: -1.2, lineHeight: 54 });
+    k.textStyle("Figure 58", { ...MONO, size: 58, fontWeight: 800, letterSpacing: -2, lineHeight: 64 });
+    k.textStyle("Label 26", { size: 26, fontWeight: 600, lineHeight: 31 });
+    k.textStyle("Year 112", { ...SERIF, size: 112, fontWeight: 900, letterSpacing: -3, lineHeight: 112 });
+    k.textStyle("Last year 46", { ...SERIF, size: 46, fontWeight: 700, letterSpacing: -1, lineHeight: 50 });
+    k.textStyle("Sign label 20", { size: 20, fontWeight: 700, letterSpacing: 3, lineHeight: 26, textCase: "UPPER" });
+    k.textStyle("Caption 42", { size: 42, fontWeight: 700, letterSpacing: -0.5, lineHeight: 52, textAlign: "CENTER" });
+    k.textStyle("Caption 32", { size: 32, fontWeight: 700, letterSpacing: -0.3, lineHeight: 40, textAlign: "CENTER" });
+    k.textStyle("Button 32", { size: 32, fontWeight: 800, lineHeight: 40 });
+    k.textStyle("Site 26", { size: 26, fontWeight: 600, letterSpacing: 1, lineHeight: 34, textAlign: "CENTER" });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 32", label: "Go annual: 2 months free", pad: [22, 40], radius: 10 });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Ball-drop reel");
+    k.flowSheet(sheet, 0, verticalPadding(), "paper", "SPACE_BETWEEN", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
+    nightCity(k, sheet, night(1920, 1140));
+    for (const r of ROCKETS) burst(k, sheet, r);
+    confetti(k, sheet, SHOWER);
+    const top = k.stack(sheet, { gap: 18, name: "Top" });
+    const brow = k.stack(top, { direction: "HORIZONTAL", gap: 18, align: "CENTER", name: "Brow" });
+    const clock = k.stack(brow, { width: "HUG", fill: "primary", radius: 8, padding: { top: 8, right: 16, bottom: 8, left: 16 }, name: "Clock pill" });
+    const hands = k.text(clock, "00:00:00", { style: "Clock 30", color: "onPrimary", autoWidth: true, name: "Clock" });
+    k.text(brow, "{{brand.name}} \xB7 {{brand.lastYear}} in review", { style: "Eyebrow 24", color: "onPaper", name: "Eyebrow" });
+    k.text(top, "Our whole year, before the ball lands.", { style: "Headline 76", color: "text", name: "Headline" });
+    const block = tower(k, sheet, TOWER);
+    const foot = k.stack(sheet, { gap: 16, align: "CENTER", name: "Foot" });
+    k.text(foot, LINES[0], { style: "Caption 42", color: "champagne", name: "Caption" });
+    k.instance(foot, "Button", { Label: "Go annual: 2 months free" }, { name: "Call" });
+    k.text(foot, "Until midnight, 1 January \xB7 {{brand.site}}", { style: "Site 26", color: "champagne", name: "Site" });
+    if (SAID.at(-1).gone > DURATION) throw new Error("new year reel: the captions run past the music");
+    const travel = ballTravel(TOWER);
+    for (const b of k.named(block, "Ball")) k.animate(b, "translateY", [
+      { t: 0, v: -travel, ease: ease.hold },
+      ...BOARDS.map((_, i) => ({ t: passes[i], v: -travel * (1 - ballPasses(TOWER, i)), ease: ease.linear })),
+      { t: MIDNIGHT - 1100, v: -travel * 0.12, ease: ease.out("bounce") },
+      { t: MIDNIGHT, v: 0 }
+    ]);
+    const ticks = [];
+    for (let s = Math.floor(MIDNIGHT / 1e3); s >= 1; s--) ticks.push({ t: MIDNIGHT - s * 1e3, v: `23:59:${60 - s}`, ease: ease.hold });
+    k.animate(hands, "text.content", [{ t: 0, v: `23:59:${60 - Math.ceil(MIDNIGHT / 1e3)}`, ease: ease.hold }, ...ticks, { t: MIDNIGHT, v: "00:00:00", ease: ease.hold }]);
+    clearConfetti(k, sheet, WORDS);
+    k.counts(sheet, counts);
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    const scenery = (kit, id, h, horizon) => {
+      fitCity(kit, id, night(h, horizon));
+      fitConfetti(kit, id, SHOWER);
+      clearConfetti(kit, id, WORDS);
+      kit.named(id, "Burst").forEach((b, i) => {
+        const r = ROCKETS[i], s = h / 1920;
+        kit.patch(b, { x: r.cx - r.r, y: Math.round(r.cy > 400 ? r.cy * s : r.r * (h < 1200 ? -0.45 : -0.2)) - r.r });
+      });
+    };
+    k.variants(sheet, feedVariants({ post: 48, portrait: 72 }, {
+      post: (kit, id) => {
+        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Headline 48");
+        for (const n of kit.named(id, "Top")) kit.patch(n, { itemSpacing: 8 });
+        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 32");
+        for (const n of kit.named(id, "Foot")) kit.patch(n, { itemSpacing: 12 });
+        for (const n of kit.named(id, "Site")) kit.patch(n, { visible: false });
+        scenery(kit, id, 1080, 870);
+      },
+      portrait: (kit, id) => scenery(kit, id, 1350, 1020)
+    }));
+    k.setCover(sheet);
+    if (towerHeight(TOWER) > 700) throw new Error("new year reel: the tower is taller than the square cut has room for");
+    return k.finish();
+  }
+});
+
+export {
+  new_year_ball_drop_reel_default
+};

package/dist/chunks/chunk-6EFQ2GI6.js

@@ -0,0 +1,117 @@
+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 {
+  background,
+  refilled
+} from "./chunk-HAK2G6YB.js";
+import {
+  logoBadge,
+  pill,
+  verticalPadding
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  hex,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/effects/glass-intro.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var GLASS_INTRO = {
+  duration: 6e3,
+  deep: "#0A1A3A",
+  foam: "#3563C9",
+  /** The glass at rest: clear (no bend), a little frost. */
+  frost: 24,
+  /** How far the glass bends the waves at its strongest (px), and where it settles. */
+  bend: 28,
+  settle: 14
+};
+var cues = [
+  { layer: "Glass panel", preset: "rise-in", at: 300, params: { duration: 900 } },
+  { layer: "Live chip", preset: "pop-in", at: 900 },
+  { layer: "Talk title", preset: "words-in", at: 1200, params: { duration: 600 } },
+  { layer: "When", preset: "fade-in", at: 2300 },
+  { layer: "Host", preset: "fade-in", at: 2500 },
+  { layer: "Logo badge", preset: "pop-in", at: 2800 },
+  { layer: "Live chip", preset: "pulse", at: 3600 }
+];
+var glass_intro_default = defineTemplate({
+  id: "motion-glass-intro",
+  meta: {
+    name: "Glass webinar intro",
+    description: "A 6-second webinar opener: a glass panel whose refraction, dispersion and frost are keyed rises over slow shader waves, and the talk title, date and host come in on it \u2014 16:9, with square and 9:16 cuts for the promo posts",
+    category: "animation",
+    tags: ["animation", "background", "glass", "shader", "waves", "webinar", "intro", "live", "talk"],
+    platforms: ["youtube", "linkedin", "x", "instagram"],
+    formats: ["intro", "title-card", "video", "post", "story"],
+    useCases: ["event", "livestream", "education"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues },
+  build() {
+    const G = GLASS_INTRO;
+    const k = new Kit("Glass webinar intro", preset("video-1080p"));
+    k.brand(
+      { paper: G.deep, glass: G.deep, headline: "#F4F7FF", caption: "#C9D6F2", primary: "#FFC857", onPrimary: "#0A1A3A" },
+      { company: "Tidewater Analytics", title: "Forecasting demand with the data you have", when: "Tuesday, October 21 \xB7 11 am ET", host: "Hosted by Priya Raman, head of data science" }
+    );
+    k.textStyle("Title 88", { size: 88, fontWeight: 800, letterSpacing: -2.5, lineHeight: 96 });
+    k.textStyle("Title 72", { size: 72, fontWeight: 800, letterSpacing: -2, lineHeight: 80 });
+    k.textStyle("Chip 26", { size: 26, fontWeight: 800, letterSpacing: 3, lineHeight: 30 });
+    k.textStyle("Meta 36", { size: 36, fontWeight: 600, lineHeight: 44 });
+    k.textStyle("Host 30", { size: 30, fontWeight: 500, lineHeight: 38 });
+    pill(k, "Chip", { fill: "primary", ink: "onPrimary", style: "Chip 26", label: "LIVE WEBINAR", pad: [12, 24] });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, { top: 120, right: 160, bottom: 120, left: 160 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: G.duration, fps: 30 });
+    const bg = background(k, sheet, k.shader("Waves", { speed: 0.4, scale: 5, deep: hex(G.deep), foam: hex(G.foam) }));
+    const glassFx = [{ id: "e1", type: "GLASS", radius: G.frost, refraction: 0, dispersion: 0, rim: 0.55, depth: 0, visible: true }];
+    const panel = k.stack(sheet, { width: 1240, fill: k.tint("glass", 0.5), radius: 48, gap: 28, padding: { top: 64, right: 72, bottom: 64, left: 72 }, clip: true, effects: glassFx, name: "Glass panel" });
+    const top = k.stack(panel, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Panel top" });
+    k.instance(top, "Chip", { Label: "LIVE WEBINAR" }, { name: "Live chip" });
+    logoBadge(k, top, { fill: "primary", size: 56 });
+    k.text(panel, "{{brand.title}}", { style: "Title 88", color: "headline", name: "Talk title" });
+    k.text(panel, "{{brand.when}}", { style: "Meta 36", color: "headline", name: "When" });
+    k.text(panel, "{{brand.host}}", { style: "Host 30", color: "caption", name: "Host" });
+    k.animateShader(bg, "scale", [{ t: 0, v: 5, ease: ease.inOut("sine") }, { t: 3e3, v: 3.5, ease: ease.inOut("sine") }, { t: G.duration, v: 4.5 }]);
+    k.animate(panel, "effects[@e1].refraction", [{ t: 600, v: 0, ease: ease.out("expo") }, { t: 1800, v: G.bend, ease: ease.inOut("sine") }, { t: 4800, v: G.settle }]);
+    k.animate(panel, "effects[@e1].dispersion", [{ t: 600, v: 0, ease: ease.out("cubic") }, { t: 1800, v: 0.45, ease: ease.inOut("sine") }, { t: 4800, v: 0.2 }]);
+    k.animate(panel, "effects[@e1].radius", [{ t: 600, v: G.frost, ease: ease.out("cubic") }, { t: 1800, v: 6 }]);
+    k.animate(panel, "effects[@e1].depth", [{ t: 600, v: 0, ease: ease.out("cubic") }, { t: 1800, v: 0.8 }]);
+    k.cues(sheet, cues);
+    k.variants(sheet, refilled([
+      { preset: "ig-post", adjust: (kit, id) => {
+        kit.patch(id, { padding: { top: 64, right: 64, bottom: 64, left: 64 }, primaryAxisAlignItems: "CENTER" });
+        for (const n of kit.named(id, "Glass panel")) kit.patch(n, { width: 952, padding: { top: 56, right: 56, bottom: 56, left: 56 } });
+        for (const n of kit.named(id, "Talk title")) kit.restyle(n, "Title 72");
+      } },
+      { preset: "ig-story", adjust: (kit, id) => {
+        kit.patch(id, { padding: verticalPadding(80), primaryAxisAlignItems: "CENTER" });
+        for (const n of kit.named(id, "Glass panel")) kit.patch(n, { width: 800, padding: { top: 48, right: 44, bottom: 48, left: 44 } });
+        for (const n of kit.named(id, "Talk title")) kit.restyle(n, "Title 72");
+      } }
+    ]));
+    return k.finish();
+  }
+});
+
+export {
+  GLASS_INTRO,
+  glass_intro_default
+};

package/dist/chunks/chunk-6EVUK5HU.js

@@ -0,0 +1,87 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  logoBadge,
+  outro,
+  pill,
+  postVariants
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/post-event.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var CONTENT = ["Date block", "Title", "Detail", "Book button"];
+var cues = [
+  { layer: "Date block", preset: "pop-in", at: 100 },
+  { layer: "Title", preset: "rise-in", at: 350, params: { duration: 700 } },
+  { layer: "Detail", preset: "slide-in", at: 800, params: { direction: "left", distance: 100 }, stagger: { delay: 140 } },
+  { layer: "Book button", preset: "rise-in", at: 1300 },
+  { layer: "Book button", preset: "pulse", at: 3200 },
+  outro(CONTENT, 5900)
+];
+var post_event_default = defineTemplate({
+  id: "motion-social-event",
+  meta: {
+    name: "Event post (animated)",
+    description: "The event post in motion: the date pops, the title rises, when, where and seats slide in one after another and the booking button pulses \u2014 seven seconds, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "event", "workshop", "instagram", "post", "rsvp", "class"],
+    platforms: ["instagram", "facebook", "linkedin"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["event", "invitation"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Event post (animated)", preset("ig-post"));
+    k.brand(
+      { paper: "#FBF3EA", text: "#3A2418", onPaper: "#6F5546", primary: "#A8482A", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#3A2418" },
+      { title: "Intro to wheel pottery", month: "NOV", day: "8" }
+    );
+    k.textStyle("Title 84", { size: 84, fontWeight: 800, letterSpacing: -2, lineHeight: 88 });
+    k.textStyle("Month 26", { size: 26, fontWeight: 800, letterSpacing: 3, lineHeight: 30, textAlign: "CENTER" });
+    k.textStyle("Day 64", { size: 64, fontWeight: 900, lineHeight: 64, textAlign: "CENTER" });
+    k.textStyle("Label 22", { size: 22, fontWeight: 800, letterSpacing: 3, lineHeight: 26 });
+    k.textStyle("Value 32", { size: 32, fontWeight: 600, lineHeight: 40 });
+    k.textStyle("Button 34", { size: 34, fontWeight: 700, lineHeight: 40 });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: "Book a seat \xB7 hollismakers.com", pad: [20, 44] });
+    k.component("Detail row", { direction: "HORIZONTAL", width: 904, fill: "card", radius: 20, gap: 24, align: "CENTER", padding: { top: 16, right: 28, bottom: 16, left: 28 }, props: { Label: "WHEN", Value: "Saturday \xB7 10 am \u2013 1 pm" } }, (id) => {
+      k.propText(id, "Label", { style: "Label 22", color: "onCard", width: 120 });
+      k.propText(id, "Value", { style: "Value 32", color: "onCard", width: "FILL" });
+    });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 24, 88, "paper", "CENTER", "MIN");
+    k.timeline(sheet, { duration: 7e3, fps: 30 });
+    const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 28, align: "CENTER", justify: "SPACE_BETWEEN", name: "Head" });
+    const date = k.stack(head, { width: 136, fill: "primary", radius: 24, align: "CENTER", gap: 2, padding: { top: 16, right: 12, bottom: 18, left: 12 }, name: "Date block" });
+    k.text(date, "{{brand.month}}", { style: "Month 26", color: "onPrimary", name: "Month" });
+    k.text(date, "{{brand.day}}", { style: "Day 64", color: "onPrimary", name: "Day" });
+    logoBadge(k, head, { fill: "primary", size: 64 });
+    k.text(sheet, "{{brand.title}}", { style: "Title 84", color: "text", name: "Title" });
+    const details = k.stack(sheet, { gap: 10, name: "Details" });
+    const rows = [["WHEN", "Saturday, November 8 \xB7 10 am \u2013 1 pm"], ["WHERE", "Hollis Street Studio, 214 Hollis St"], ["SEATS", "12 wheels \xB7 clay, glazing and firing included"]];
+    for (const [label, value] of rows) k.instance(details, "Detail row", { Label: label, Value: value }, { width: "FILL", name: "Detail" });
+    k.instance(sheet, "Button", { Label: "Book a seat \xB7 hollismakers.com" }, { name: "Book button" });
+    k.cues(sheet, cues);
+    k.variants(sheet, postVariants({ portrait: 88 }));
+    return k.finish();
+  }
+});
+
+export {
+  post_event_default
+};

package/dist/chunks/chunk-6FGA5DPZ.js

@@ -0,0 +1,97 @@
+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 {
+  boardParts,
+  doodle,
+  draw,
+  schoolBrand,
+  stamp,
+  tally,
+  timetable,
+  underline
+} from "./chunk-UUVFCXEF.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/back-to-school-link-preview.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var LESSONS = [
+  { n: 1, time: "09:00", title: "Import your notes", note: "Notion, Docs or Markdown.", hi: "hiYellow" },
+  { n: 2, time: "09:02", title: "Invite the team", note: "One link. No seats to count.", hi: "hiPink" },
+  { n: 3, time: "09:03", title: "Pick your templates", note: "Notes, specs, a wiki home.", hi: "hiBlue" },
+  { n: 4, time: "09:06", title: "Connect your tools", note: "Slack and GitHub.", hi: "hiGreen" },
+  { n: 5, time: "09:08", title: "Publish page one", note: "Then recess.", hi: "hiYellow" }
+];
+var back_to_school_link_preview_default = defineTemplate({
+  id: "social-back-to-school-link-preview",
+  meta: {
+    name: "School term link preview",
+    description: "A 1200 \xD7 630 link preview for a back-to-school page: the homework in a heavy serif (set the product up in ten minutes), underlined in chalk, the offer in one mono line and the deadline as a seal, on a classroom chalkboard beside a taped-up paper timetable of five highlighted lessons with a gold star by each and the student discount rubber-stamped on; a tally, a duster and chalk on the tray",
+    category: "social",
+    tags: ["back to school", "school", "september", "link preview", "open graph", "og image", "chalkboard", "timetable", "onboarding", "student discount", "education", "saas", "seasonal", "serif"],
+    platforms: ["web", "x", "linkedin", "facebook"],
+    formats: ["og-image"],
+    useCases: ["sale", "onboarding", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("School term link preview", preset("og-image"));
+    k.quantizeGeometry = true;
+    schoolBrand(k, { tagline: "Homework: set up Quire in ten minutes." });
+    k.textStyle("Eyebrow 20", { size: 20, fontWeight: 700, letterSpacing: 4, lineHeight: 28, textCase: "UPPER" });
+    k.textStyle("Display 66", { ...SERIF, size: 66, fontWeight: 900, letterSpacing: -2.2, lineHeight: 68 });
+    k.textStyle("Facts 20", { ...MONO, size: 20, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Seal 20", { size: 20, fontWeight: 800, lineHeight: 26 });
+    k.textStyle("Sheet title 24", { ...SERIF, size: 24, fontWeight: 900, letterSpacing: -0.5, lineHeight: 28 });
+    k.textStyle("Time 16", { ...MONO, size: 16, fontWeight: 700, lineHeight: 22 });
+    k.textStyle("Lesson 21", { size: 21, fontWeight: 800, letterSpacing: -0.3, lineHeight: 26 });
+    k.textStyle("Note 16", { size: 16, fontWeight: 500, lineHeight: 21 });
+    k.textStyle("Stamp 18", { ...MONO, size: 18, fontWeight: 800, letterSpacing: 0.8, lineHeight: 22 });
+    k.textStyle("Stamp sub 16", { ...MONO, size: 16, fontWeight: 700, lineHeight: 19 });
+    pill(k, "Seal", { fill: "primary", ink: "onPrimary", style: "Seal 20", label: "Half price with a school email, until 30 Sept", pad: [10, 20], radius: 6 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 18, { top: 64, right: 600, bottom: 150, left: 76 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    draw(k, sheet, [
+      ...boardParts({ w: 1200, h: 630, u: 0.72, frame: 22, tray: true, duster: 0.34, sticks: 0.07, swipe: { x: 360, y: 86, length: 440, turn: -5 }, ghost: { x: 700, y: 596, length: 380 } }),
+      ...doodle({ kind: "star", name: "Chalk star 1", x: 520, y: 52, s: 50, turn: -12, role: "accent", width: 3.4 }),
+      ...doodle({ kind: "star", name: "Chalk star 2", x: 574, y: 108, s: 26, turn: 14, width: 2.6 }),
+      ...tally({ n: 10, x: 84, y: 488, size: 58, width: 4.5 })
+    ]);
+    const board = timetable(k, sheet, { w: 500, u: 0.68, title: "Monday, first period", lessons: LESSONS, star: 40, times: 64, styles: { title: "Sheet title 24", time: "Time 16", lesson: "Lesson 21", note: "Note 16" }, absolute: { x: 640, y: 74 } });
+    k.patch(board, { rotation: 1.6 });
+    stamp(k, board, { label: "HALF PRICE", sub: "students + teachers", styles: { label: "Stamp 18", sub: "Stamp sub 16" }, u: 0.68, tilt: 5, name: "Offer stamp", absolute: { x: 272, y: 10 } });
+    k.text(sheet, "{{brand.name}} \xB7 new term", { style: "Eyebrow 20", color: "onPaper", name: "Eyebrow" });
+    const head = k.stack(sheet, { gap: 8, name: "Headline block" });
+    k.text(head, "{{brand.tagline}}", { style: "Display 66", color: "text", name: "Headline" });
+    underline(k, head, { w: 300, u: 0.85 });
+    k.text(sheet, "Five lessons. Then recess.", { style: "Facts 20", color: "onPaper", name: "Facts" });
+    k.instance(sheet, "Seal", { Label: "Half price with a school email, until 30 Sept" }, { name: "Seal" });
+    return k.finish();
+  }
+});
+
+export {
+  back_to_school_link_preview_default
+};

package/dist/chunks/chunk-6GMHLK2Q.js

@@ -0,0 +1,80 @@
+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,
+  bob,
+  card,
+  saasUi
+} from "./chunk-X4HN5LP7.js";
+import {
+  E,
+  arc,
+  sparkle
+} from "./chunk-SRSUY2WG.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/lottie/saas-ui-empty-search.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var saas_ui_empty_search_default = saasUi({
+  slug: "empty-search",
+  role: "empty-state",
+  size: "spot",
+  duration: 4e3,
+  loop: true,
+  title: "empty state: no search results",
+  description: "The empty state for a search that found nothing: a magnifier sweeps down the faded result rows, each dimming as the lens passes, and its question mark tilts as it comes back empty \u2014 a four-second seamless loop, 800\xD7600",
+  tags: ["empty state", "search", "no results", "not found", "illustration"],
+  build(l) {
+    l.circle(l.sheet, 400, 300, 258, "soft", { name: "Backdrop" });
+    const floor = l.rect(l.sheet, 220, 522, 360, 20, "accent", { radius: 10, name: "Floor shadow", opacity: 0.16 });
+    l.keys(floor, "scaleX", [[0, 1, E.inOut], [2e3, 0.92, E.inOut], [4e3, 1]]);
+    const c = card(l, l.sheet, 150, 104, 400, 380, "Results");
+    l.rect(c, 24, 24, 352, 56, "paper", { radius: 28, name: "Search field", stroke: { color: "line", width: 2 } });
+    l.ring(c, 56, 50, 10, "mute", 4, { name: "Field icon" });
+    l.line(c, [[64, 58], [71, 65]], "mute", 4, { name: "Field icon handle" });
+    bar(l, c, 88, 43, 132, 14, "ink", { name: "Query" });
+    l.rect(c, 296, 38, 64, 28, "soft", { radius: 14, name: "Result count" });
+    bar(l, c, 312, 47, 32, 10, "accent", { name: "Result count value" });
+    const caret = l.rect(c, 228, 38, 4, 24, "accent", { radius: 2, name: "Caret" });
+    l.opacity(caret, [[0, 1, E.hold], [500, 0, E.hold], [1e3, 1, E.hold], [1500, 0, E.hold], [2e3, 1, E.hold], [2500, 0, E.hold], [3e3, 1, E.hold], [3500, 0, E.hold], [4e3, 1]]);
+    for (let i = 0; i < 3; i++) {
+      const row = l.box(c, 24, 104 + i * 88, 352, 72, "Ghost result");
+      l.rect(row, 0, 0, 352, 72, "paper", { radius: 18, name: "Row ground" });
+      l.rect(row, 14, 14, 44, 44, "line", { radius: 14, name: "Row icon" });
+      bar(l, row, 74, 20, [176, 208, 150][i], 14, "line", { name: "Row title" });
+      bar(l, row, 74, 42, [112, 92, 128][i], 10, "line", { name: "Row detail" });
+      const t = 350 + i * 420;
+      l.opacity(row, [[0, 1, E.hold], [t, 1, E.inOut], [t + 380, 0.35, E.inOut], [t + 1500, 1, E.hold], [4e3, 1]]);
+    }
+    const lens = l.box(l.sheet, 420, 150, 260, 260, "Magnifier");
+    l.circle(lens, 106, 116, 92, "ink", { name: "Lens shadow", opacity: 0.1 });
+    l.line(lens, [[150, 150], [222, 222]], "ink", 30, { name: "Handle" });
+    l.line(lens, [[196, 196], [222, 222]], "accent", 30, { name: "Grip" });
+    l.circle(lens, 100, 100, 84, "white", { name: "Glass", opacity: 0.82 });
+    l.ring(lens, 100, 100, 84, "ink", 18, { name: "Rim" });
+    l.line(lens, arc(100, 100, 60, -70, -20), "line", 8, { name: "Glint" });
+    const mark = l.box(lens, 60, 52, 80, 100, "Nothing found");
+    l.line(mark, [...arc(40, 30, 20, -90, 140), { x: 40, y: 64 }], "accent", 12, { name: "Question hook" });
+    l.circle(mark, 40, 86, 8, "accent", { name: "Question dot" });
+    l.keys(lens, "translateX", [[0, 0, E.inOut], [1700, -150, E.hold], [2300, -150, E.inOut], [3700, 0, E.hold], [4e3, 0]]);
+    l.keys(lens, "translateY", [[0, 0, E.inOut], [1700, 150, E.hold], [2300, 150, E.inOut], [3700, 0, E.hold], [4e3, 0]]);
+    l.keys(lens, "rotation", [[0, 0, E.inOut], [850, -9, E.inOut], [1700, 0, E.inOut], [2e3, 5, E.inOut], [2300, 0, E.inOut], [3e3, 8, E.inOut], [3700, 0, E.hold], [4e3, 0]]);
+    l.keys(mark, "rotation", [[0, 0, E.hold], [1700, 0, E.out], [1850, -16, E.inOut], [2050, 12, E.inOut], [2300, 0, E.hold], [3700, 0, E.out], [3800, -8, E.inOut], [4e3, 0]]);
+    l.scale(mark, [[0, 1, E.hold], [1700, 1, E.pop], [1900, 1.16, E.inOut], [2300, 1, E.hold], [4e3, 1]]);
+    const star = l.shape(l.sheet, sparkle(148, 150, 18), "gold", { name: "Sparkle" });
+    l.scale(star, [[0, 1, E.inOut], [2e3, 0.55, E.inOut], [4e3, 1]]);
+    bob(l, l.ring(l.sheet, 668, 468, 15, "accent", 6, { name: "Loop", opacity: 0.5 }), 12, 150);
+    bob(l, l.circle(l.sheet, 112, 356, 10, "success", { name: "Dot" }), 10, -250);
+    bob(l, l.circle(l.sheet, 690, 128, 8, "accent", { name: "Dot", opacity: 0.6 }), 8, 300);
+  }
+});
+
+export {
+  saas_ui_empty_search_default
+};

package/dist/chunks/chunk-6H5ULKBL.js

@@ -0,0 +1,33 @@
+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 {
+  studio_careers_default
+} from "./chunk-JHNVXMSM.js";
+import {
+  studio_class_timetable_default
+} from "./chunk-PWZ5TPBQ.js";
+import {
+  studio_podcast_cover_default
+} from "./chunk-OR4XXQMG.js";
+import {
+  studio_portfolio_booklet_default
+} from "./chunk-MYTNLU6I.js";
+import {
+  studio_class_timetable_poster_default
+} from "./chunk-7VKFRZUS.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/studio.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [studio_class_timetable_poster_default, studio_class_timetable_default, studio_careers_default, studio_podcast_cover_default, studio_portfolio_booklet_default];
+var studio_default = pack;
+
+export {
+  studio_default
+};

package/dist/chunks/chunk-6HG4LBLO.js

@@ -0,0 +1,23 @@
+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 {
+  BLUE_HOUR
+} from "./chunk-L4SKFLWD.js";
+import {
+  emailHeader
+} from "./chunk-4URHIHLG.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/email/festival-presale-jazz-header.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var festival_presale_jazz_header_default = emailHeader(BLUE_HOUR);
+
+export {
+  festival_presale_jazz_header_default
+};