@popcraft/kit 0.53.3 → 0.53.5

package/dist/chunks/chunk-7D6FRUWO.js

@@ -0,0 +1,195 @@
+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-LR5VYYFU.js";
+import {
+  appScreen,
+  glyph,
+  placeDevice,
+  storeDevices,
+  uiRoles
+} from "./chunk-PJVRLN6J.js";
+import {
+  stars
+} from "./chunk-2VFVKPUT.js";
+import {
+  MONO
+} from "./chunk-AXAAXHZF.js";
+import {
+  captionSwap
+} from "./chunk-3YQOE5KZ.js";
+import {
+  score
+} from "./chunk-KHGNV7UQ.js";
+import {
+  ground
+} from "./chunk-LWSZATOL.js";
+import {
+  glow
+} from "./chunk-YORIY3BT.js";
+import {
+  logoBadge
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/motion/saas-store-install-ad.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var S = score("edm", 1);
+var { beat } = S;
+var SCREENS = [
+  { name: "Plan", tabs: [4, 0], blocks: [
+    { kind: "title", text: "Week 3 of 8", note: "Couch to 5K" },
+    { kind: "hero", label: "Today", figure: "Run 2 km", note: "Easy pace, walk a minute halfway", share: 0.38 },
+    { kind: "rows", card: true, rows: [{ title: "Tuesday", sub: "Rest, or a 20-minute walk", glyph: "moon", ink: "onScreenMuted", tile: "track" }, { title: "Thursday", sub: "Run 2.5 km", glyph: "bolt" }, { title: "Sunday", sub: "Long run, 3 km", glyph: "star", ink: "accent", tile: "onScreen" }] },
+    { kind: "bars", values: [2, 2, 3, 3, 4, 4, 5, 5], hi: 2, height: 150 }
+  ] },
+  { name: "Coach", tabs: [4, 1], blocks: [
+    { kind: "title", text: "Easy run", note: "Live" },
+    { kind: "ring", share: 0.7, figure: "1.4 km", label: "of 2 km" },
+    { kind: "hero", label: "Coach, in your ear", figure: "Ease off.", note: "You should be able to talk.", fill: "accent", ink: "onAccent" },
+    { kind: "bars", values: [5, 6, 6, 7, 6, 5, 6, 7, 8, 7, 6, 5], hi: 8, height: 170 }
+  ] },
+  { name: "Progress", tabs: [4, 2], blocks: [
+    { kind: "title", text: "September", note: "14 runs" },
+    { kind: "hero", label: "Distance this month", figure: "42.6 km", note: "12 km more than August" },
+    { kind: "curve", title: "Longest run", note: "km", values: [0.8, 1, 1.2, 1.5, 1.5, 2, 2.4, 2.4, 3, 3.6], height: 110 },
+    { kind: "tiles", items: [["Streak", "9 days"], ["To 5K", "1.4 km"]] },
+    { kind: "bars", values: [3, 5, 4, 6, 7, 6, 8], hi: 6, height: 110 }
+  ] }
+];
+var LINES = ["Couch to 5K. Eight weeks.", "A plan around your week.", "A coach in your ear.", "Watch every run add up.", "Free to start. Download today."];
+var CHIPS = ["3 runs a week", "Live pace cues", "+12 km this month"];
+var swaps = [captionSwap(LINES, 0, S.duration - 30, { in: 240, rise: 30 })];
+var at = (line) => swaps[0].at + line * Math.floor((S.duration - 30) / LINES.length);
+var cues = [
+  { layer: "Kicker", preset: "fade-in", at: 0, params: { duration: 250 } },
+  { layer: "Phones", preset: "rise-in", at: 0, params: { duration: 700 } },
+  { layer: "Chip 1", preset: "pop-in", at: at(1) + 300, params: { duration: 350 } },
+  { layer: "Phone 2", preset: "fade-in", at: at(2), params: { duration: 300 } },
+  { layer: "Chip 2", preset: "pop-in", at: at(2) + 300, params: { duration: 350 } },
+  { layer: "Phone 3", preset: "fade-in", at: at(3), params: { duration: 300 } },
+  { layer: "Chip 3", preset: "pop-in", at: at(3) + 300, params: { duration: 350 } },
+  { layer: "End panel", preset: "slide-in", at: at(4), params: { duration: 600, direction: "down" } },
+  { layer: "Store badge", preset: "pop-in", at: at(4) + 450, params: { duration: 400 }, stagger: { delay: 140 } },
+  { layer: "Store badges", preset: "pulse", at: beat(28), params: { duration: 600, amount: 0.05 } },
+  { layer: "Store badges", preset: "pulse", at: beat(30), params: { duration: 600, amount: 0.05 } }
+];
+var LAYOUTS = [
+  { id: "ig-story", head: { x: 80, y: 262, w: 840, size: 92 }, phone: { x: 220, y: 512, scale: 1.5 }, chips: [[64, 880, -5], [580, 930, 4], [64, 985, -3]], panel: { x: 0, y: 1090, w: 1080, h: 900, stack: false } },
+  { id: "ig-portrait", head: { x: 70, y: 64, w: 940, size: 92 }, phone: { x: 220, y: 322, scale: 1.5 }, chips: [[50, 590, -5], [600, 690, 4], [50, 790, -3]], panel: { x: 0, y: 930, w: 1080, h: 480, stack: false } },
+  { id: "ig-post", head: { x: 64, y: 84, w: 470, size: 76 }, phone: { x: 540, y: 60, scale: 1.2 }, chips: [[64, 400, -4], [64, 495, 3], [64, 590, -3]], panel: { x: 0, y: 690, w: 1080, h: 440, stack: false } }
+];
+var saas_store_install_ad_default = defineTemplate({
+  id: "motion-saas-store-install-ad",
+  meta: {
+    name: "SaaS store app install ad",
+    description: "A 15-second app install ad cut to music: the hook is on screen at once, a phone rises in showing the app, three benefit beats each change the headline, the phone\u2019s screen and a tilted number chip, and the end panel slides up with the icon, the rating and both store badges pulsing on the beat. 9:16 inside the TikTok, Reels and Shorts safe area, with 4:5 and 1:1 layouts for Meta feed. Swap the phone\u2019s Screen for the screenshot slot and drop your own capture",
+    category: "animation",
+    tags: ["animation", "saas", "saas store", "app install", "ad", "app store", "google play", "phone", "mobile app", "subscription app", "music", "audio", "captions", "reel", "tiktok", "shorts", "meta ads", "store badge", "end card"],
+    platforms: ["tiktok", "instagram", "facebook", "youtube", "app-store", "google-play"],
+    formats: ["ad", "reel", "short", "story", "post", "portrait-post"],
+    useCases: ["launch", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, swaps },
+  build() {
+    const k = new Kit("SaaS store app install ad", preset("ig-story"));
+    k.quantizeGeometry = true;
+    k.brand(
+      {
+        paper: "#090C0A",
+        text: "#F3F7EC",
+        primary: "#C8F53A",
+        onPrimary: "#111A00",
+        accent: "#FF6B3D",
+        onAccent: "#1F0A02",
+        ...uiRoles({ screen: "#111512", surface: "#1B211C", onScreen: "#F3F7EC", onScreenMuted: "#AEB8A9", line: "#2F382F", track: "#2A322B", tile: "#2A322B", photo: "#2A322B", positive: "#C8F53A", primary: "#C8F53A", onPrimary: "#111A00", accent: "#FF6B3D", onAccent: "#1F0A02", device: "#1A1F1B", deviceEdge: "#4B564C" })
+      },
+      { name: "Rally", tagline: "Your first 5K starts today." }
+    );
+    k.textStyle("Kicker 28", { ...MONO, size: 28, fontWeight: 700, letterSpacing: 2, lineHeight: 36, textCase: "UPPER" });
+    k.textStyle("Chip 36", { size: 36, fontWeight: 800, letterSpacing: -0.8, lineHeight: 42 });
+    k.textStyle("End name 64", { size: 64, fontWeight: 900, letterSpacing: -3, lineHeight: 64 });
+    k.textStyle("End line 32", { size: 32, fontWeight: 600, letterSpacing: -0.6, lineHeight: 40 });
+    k.textStyle("Rating 28", { ...MONO, size: 28, fontWeight: 600, lineHeight: 36 });
+    k.textStyle("Badge small 20", { size: 20, fontWeight: 600, lineHeight: 24 });
+    k.textStyle("Badge 34", { size: 34, fontWeight: 800, letterSpacing: -0.8, lineHeight: 38 });
+    const screens = SCREENS.map((s) => appScreen(k, s));
+    storeDevices(k, { phone: screens[0] });
+    let cover = "";
+    LAYOUTS.forEach((L, li) => {
+      const Z = sz(L.id, 1080);
+      const sheet = li === 0 ? k.sheet : k.addSheet(preset(L.id));
+      ground(k, sheet, `Install ad \xB7 ${preset(L.id).name}`, "paper");
+      k.timeline(sheet, { duration: S.duration, fps: 30, audio: S.audio });
+      if (!cover) cover = sheet;
+      const PW = Math.round(426 * L.phone.scale), PH = Math.round(898 * L.phone.scale);
+      const lanes = [];
+      for (let i = -6; i < 14; i++) {
+        const x = i * 190;
+        lanes.push({ closed: true, points: [{ x, y: Z.H }, { x: x + 26, y: Z.H }, { x: x + 26 + Z.H * 0.42, y: 0 }, { x: x + Z.H * 0.42, y: 0 }] });
+      }
+      k.vector(sheet, Z.W, Z.H, lanes, k.tint("text", 0.07), { name: "Lanes", absolute: { x: 0, y: 0 } });
+      glow(k, sheet, { role: "primary", w: PW * 2.6, x: L.phone.x + PW / 2, y: L.phone.y + PH * 0.5, alpha: 0.26, name: "Light" });
+      const style = `Headline ${L.head.size}`;
+      k.textStyle(style, { size: L.head.size, fontWeight: 900, letterSpacing: -0.045 * L.head.size, lineHeight: Math.round(L.head.size * 0.98) });
+      const head = k.stack(sheet, { width: L.head.w, gap: 18, name: "Headline block", absolute: { x: L.head.x, y: L.head.y } });
+      const kicker = k.stack(head, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", name: "Kicker" });
+      logoBadge(k, kicker, { fill: "primary", size: 26, pad: 8, radius: 10 });
+      k.text(kicker, "Rally \xB7 running coach", { style: "Kicker 28", color: "text", autoWidth: true, name: "Kicker text" });
+      k.text(head, LINES[0], { style, color: "text", name: "Caption" });
+      const phones = k.frame(sheet, { x: L.phone.x, y: L.phone.y, width: PW, height: PH }, { name: "Phones" });
+      screens.forEach((screen, i) => placeDevice(k, phones, { screen, scale: L.phone.scale, x: 0, y: 0, name: `Phone ${i + 1}`, shadow: i === 0 ? soft(k, "primary", 0.2, 0, 70) : null }));
+      CHIPS.forEach((c, i) => {
+        const [x, y, tilt] = L.chips[i];
+        const chip = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", fill: "primary", radius: 22, padding: { top: 18, right: 26, bottom: 18, left: 20 }, effects: [soft(k, "paper", 0.6, 14, 30)], name: `Chip ${i + 1}`, absolute: { x, y } });
+        k.patch(chip, { rotation: tilt });
+        glyph(k, chip, ["bars", "bolt", "star"][i], 34, "onPrimary");
+        k.text(chip, c, { style: "Chip 36", color: "onPrimary", autoWidth: true, name: "Chip text" });
+      });
+      const P = L.panel;
+      const panel = k.stack(sheet, { width: P.w, height: P.h, gap: 26, fill: "text", radius: 56, padding: { top: 48, right: 160, bottom: 0, left: 80 }, effects: [soft(k, "paper", 0.7, -20, 60)], name: "End panel", absolute: { x: P.x, y: P.y } });
+      const who = k.stack(panel, { direction: "HORIZONTAL", gap: 26, align: "CENTER", name: "End brand" });
+      logoBadge(k, who, { fill: "primary", size: 64, pad: 22, radius: 30, name: "End logo" });
+      const names = k.stack(who, { gap: 4, name: "End words" });
+      k.text(names, "{{brand.name}}", { style: "End name 64", color: "paper", name: "End name" });
+      k.text(names, "{{brand.tagline}}", { style: "End line 32", color: "paper", name: "End line" });
+      const rating = k.stack(panel, { direction: "HORIZONTAL", width: "HUG", gap: 16, align: "CENTER", name: "End rating" });
+      stars(k, rating, 32, "primary");
+      k.text(rating, "4.8 \xB7 96,000 ratings", { style: "Rating 28", color: "paper", autoWidth: true, name: "Rating text" });
+      const badges = k.stack(panel, { direction: "HORIZONTAL", width: "HUG", gap: 20, name: "Store badges" });
+      for (const [small, big, mark] of [["Download on the", "App Store", "square"], ["Get it on", "Google Play", "play"]]) {
+        const b = k.stack(badges, { direction: "HORIZONTAL", width: "HUG", gap: 16, align: "CENTER", fill: "paper", radius: 20, padding: { top: 16, right: 30, bottom: 18, left: 24 }, name: "Store badge" });
+        glyph(k, b, mark, 44, "text");
+        const w = k.stack(b, { width: "HUG", gap: 0, name: "Badge words" });
+        k.text(w, small, { style: "Badge small 20", color: "text", autoWidth: true, name: "Badge small" });
+        k.text(w, big, { style: "Badge 34", color: "text", autoWidth: true, name: "Badge store" });
+      }
+      k.swaps(sheet, swaps);
+      k.cues(sheet, cues);
+    });
+    k.setCover(cover);
+    return k.finish();
+  }
+});
+
+export {
+  saas_store_install_ad_default
+};

package/dist/chunks/chunk-7FLY3NIO.js

@@ -0,0 +1,153 @@
+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 {
+  art,
+  discIn,
+  foldMarks,
+  folded,
+  panelX,
+  panels,
+  raise,
+  stripes
+} from "./chunk-LKNIPL2H.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/print/printshop-brochure-gym.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var printshop_brochure_gym_default = defineTemplate({
+  id: "print-printshop-brochure-gym",
+  meta: {
+    name: "Gym bi-fold brochure",
+    description: "A loud bi-fold for an independent gym, CrossFit box or boxing club on US Letter folded to 5.5 \xD7 8.5 in: a near-black cover of weight plates and a red hazard stripe under four heavy words; memberships as plan cards on the back; inside, the class timetable as a grid of cells beside the coaches, the floor and a free first week. Classes, plans and coaches are components to retype",
+    category: "brochure",
+    tags: ["brochure", "bi-fold", "bifold", "gym", "fitness", "strength", "crossfit", "boxing", "timetable", "membership", "bold", "letter", "print"],
+    platforms: ["print"],
+    formats: ["document"],
+    useCases: ["brand-intro", "pricing", "planning"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Gym bi-fold brochure", preset("bifold-letter"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { primary: "#121212", onPrimary: "#F4F1EA", paper: "#F4F1EA", text: "#121212", onPaper: "#4E4B45", accent: "#E3262E", onAccent: "#FFFFFF", card: "#1F1F1F", onCard: "#F4F1EA" },
+      { name: "IRONWORKS", tagline: "Lift heavy. Live long.", email: "coach@ironworksgym.com", phone: "(412) 555-0119", website: "ironworksgym.com", address: "3100 Smallman St, Pittsburgh, PA 15201" }
+    );
+    k.palette({ plate: "#2A2A2A", plateRim: "#3A3A3A", hub: "#9A9A9A", chalk: "#E9E6DF", stripeDark: "#121212" });
+    k.textStyle("Cover 70", { size: 70, fontWeight: 900, letterSpacing: -3.4, lineHeight: 62 });
+    k.textStyle("Title 30", { size: 30, fontWeight: 900, letterSpacing: -1.2, lineHeight: 30 });
+    k.textStyle("Brand 15", { size: 15, fontWeight: 900, letterSpacing: 3, lineHeight: 18 });
+    k.textStyle("Kicker 9", { size: 9, fontWeight: 900, letterSpacing: 1.8, lineHeight: 12 });
+    k.textStyle("Body 10.5", { size: 10.5, fontWeight: 500, lineHeight: 15 });
+    k.textStyle("Price 30", { size: 30, fontWeight: 900, letterSpacing: -1, lineHeight: 32 });
+    k.textStyle("Item 11", { size: 11, fontWeight: 800, lineHeight: 14 });
+    k.textStyle("Cell 9", { size: 10, fontWeight: 800, lineHeight: 13 });
+    k.textStyle("Cell time 8", { size: 9, fontWeight: 600, lineHeight: 12 });
+    k.component("Plan", { width: 460, gap: 4, padding: 14, radius: 4, fill: "card", props: { Plan: "UNLIMITED", Price: "$89", Per: "a month, no contract", Includes: "Every class, open gym 5 am \u2013 11 pm, a programme review each month." } }, (id) => {
+      k.propText(id, "Plan", { style: "Kicker 9", color: "onCard", width: "FILL" });
+      const row = k.stack(id, { direction: "HORIZONTAL", gap: 6, align: "MAX", name: "Price row" });
+      k.propText(row, "Price", { style: "Price 30", color: "onCard", autoWidth: true });
+      k.propText(row, "Per", { style: "Body 10.5", color: "onCard", width: "FILL" });
+      k.propText(id, "Includes", { style: "Body 10.5", color: "onCard", width: "FILL" });
+    });
+    k.variantSet("Class", "Kind", ["Strength", "Conditioning", "Boxing"], { width: 72, gap: 2, padding: 7, radius: 3, props: { Time: "6:00", Class: "Barbell" } }, (kind, id) => {
+      k.propText(id, "Time", { style: "Cell time 8", color: kind === "Strength" ? "onPrimary" : kind === "Boxing" ? "onAccent" : "text", width: "FILL" });
+      k.propText(id, "Class", { style: "Cell 9", color: kind === "Strength" ? "onPrimary" : kind === "Boxing" ? "onAccent" : "text", width: "FILL" });
+    }, (kind) => kind === "Strength" ? { fill: "primary" } : kind === "Boxing" ? { fill: "accent" } : { stroke: { color: "text", width: 1.25, align: "INSIDE" } });
+    k.component("Coach", { width: 460, direction: "HORIZONTAL", gap: 12, align: "CENTER", props: { Name: "Dre Washington", Role: "Head coach \xB7 USAW Level 2" } }, (id) => {
+      k.photo(id, 52, 52, { radius: 2, ground: "card", name: "Portrait" });
+      const t = k.stack(id, { gap: 1, name: "Words" });
+      k.patch(t, { layoutSizingHorizontal: "FILL" });
+      k.propText(t, "Name", { style: "Item 11", color: "text", width: "FILL" });
+      k.propText(t, "Role", { style: "Body 10.5", color: "onPaper", width: "FILL" });
+    });
+    const f = folded(k, "bifold-letter");
+    const { W, H, B } = f;
+    const PAD = { top: 40, right: 34, bottom: 36, left: 34 };
+    const out = f.sheets.outside, ins = f.sheets.inside;
+    const [backP, cover] = panels(k, out, f.outside, H, B, { pad: PAD, gap: 14, grounds: [void 0, "primary"], justify: ["MIN", "SPACE_BETWEEN"], names: ["Back", "Cover"] });
+    const ox = panelX(f.outside), c0 = ox[1], cw = f.outside[1];
+    for (const [x, y, r] of [[c0 + cw - 10, H * 0.42, 170], [c0 + cw * 0.3, H * 0.25, 58]]) {
+      const cut = (rr) => discIn(x, y, rr, c0, -B, c0 + cw + B, H + B);
+      art(k, out, W, H, B, cut(r), "plate", { name: "Plate" });
+      art(k, out, W, H, B, cut(r * 0.92), "plateRim", { name: "Plate rim" });
+      art(k, out, W, H, B, cut(r * 0.86), "plate", { name: "Plate face" });
+      art(k, out, W, H, B, cut(r * 0.6), "plateRim", { name: "Plate groove" });
+      art(k, out, W, H, B, cut(r * 0.56), "plate", { name: "Plate centre" });
+      art(k, out, W, H, B, cut(r * 0.16), "hub", { name: "Hub" });
+      art(k, out, W, H, B, cut(r * 0.08), "stripeDark", { name: "Bore" });
+    }
+    art(k, out, W, H, B, stripes(c0, H - 70, c0 + cw + B, H - 40, 28, 14, -1), "accent", { name: "Hazard stripe" });
+    k.text(cover, "{{brand.name}}", { style: "Brand 15", color: "onPrimary", width: "FILL", name: "Gym" });
+    const cwds = k.stack(cover, { gap: 12, padding: { top: 0, right: 0, bottom: 60, left: 0 }, name: "Cover words" });
+    k.text(cwds, "LIFT\nHEAVY.\nLIVE\nLONG.", { style: "Cover 70", color: "onPrimary", width: "FILL", name: "Title" });
+    k.text(cwds, "STRENGTH \xB7 CONDITIONING \xB7 BOXING", { style: "Kicker 9", color: "onPrimary", width: "FILL", name: "Line" });
+    k.text(backP, "MEMBERSHIP", { style: "Kicker 9", color: "onPaper", width: "FILL", name: "Kicker" });
+    k.text(backP, "Pick a plan. Cancel any time.", { style: "Title 30", color: "text", width: "FILL", name: "Title" });
+    for (const [p, pr, per, inc] of [["UNLIMITED", "$89", "a month, no contract", "Every class, open gym 5 am \u2013 11 pm, a programme review each month."], ["3 A WEEK", "$65", "a month", "Any three classes a week plus open gym on weekends."], ["STUDENT & 65+", "$49", "a month", "Unlimited, with ID. Off-peak 9 am \u2013 4 pm."]]) k.instance(backP, "Plan", { Plan: p, Price: pr, Per: per, Includes: inc }, { width: "FILL", name: "Plan" });
+    const where = k.stack(backP, { gap: 4, name: "Where" });
+    k.text(where, "{{brand.address}}", { style: "Item 11", color: "text", width: "FILL", name: "Address" });
+    k.text(where, "{{brand.phone}} \xB7 {{brand.website}}", { style: "Body 10.5", color: "text", width: "FILL", name: "Contact" });
+    raise(k, k.node(cover).parentId);
+    foldMarks(k, out, f.outside, H, B, "text");
+    const [left, right] = panels(k, ins, f.inside, H, B, { pad: PAD, gap: 14, grounds: [void 0, void 0], names: ["Timetable", "Coaches"] });
+    k.text(left, "THE WEEK", { style: "Kicker 9", color: "onPaper", width: "FILL", name: "Kicker" });
+    k.text(left, "Classes", { style: "Title 30", color: "text", width: "FILL", name: "Title" });
+    const grid = k.stack(left, { direction: "HORIZONTAL", gap: 6, name: "Grid" });
+    const week = [
+      ["MON", [["6:00", "Barbell", "Strength"], ["12:15", "Engine", "Conditioning"], ["18:00", "Boxing", "Boxing"], ["19:15", "Barbell", "Strength"]]],
+      ["TUE", [["6:00", "Engine", "Conditioning"], ["12:15", "Barbell", "Strength"], ["18:00", "Pads", "Boxing"], ["19:15", "Mobility", "Conditioning"]]],
+      ["WED", [["6:00", "Barbell", "Strength"], ["12:15", "Engine", "Conditioning"], ["18:00", "Boxing", "Boxing"], ["19:15", "Barbell", "Strength"]]],
+      ["THU", [["6:00", "Engine", "Conditioning"], ["12:15", "Barbell", "Strength"], ["18:00", "Pads", "Boxing"], ["19:15", "Mobility", "Conditioning"]]],
+      ["FRI", [["6:00", "Barbell", "Strength"], ["12:15", "Engine", "Conditioning"], ["17:30", "Sparring", "Boxing"]]],
+      ["SAT", [["8:00", "Team WOD", "Conditioning"], ["9:30", "Lift club", "Strength"]]]
+    ];
+    for (const [d, cls] of week) {
+      const col = k.stack(grid, { gap: 6, name: d });
+      k.patch(col, { layoutSizingHorizontal: "FILL" });
+      k.text(col, d, { style: "Kicker 9", color: "text", width: "FILL", name: "Day" });
+      for (const [t, c, kind] of cls) k.instance(col, `Class/${kind}`, { Time: t, Class: c }, { width: "FILL", name: "Class" });
+    }
+    const key = k.stack(left, { direction: "HORIZONTAL", gap: 14, name: "Key" });
+    for (const [kind, label] of [["Strength", "Strength"], ["Conditioning", "Conditioning"], ["Boxing", "Boxing"]]) {
+      const r = k.stack(key, { direction: "HORIZONTAL", gap: 6, align: "CENTER", width: "HUG", name: "Key item" });
+      k.rect(r, 10, 10, kind === "Strength" ? "primary" : kind === "Boxing" ? "accent" : "paper", { name: "Swatch", ...kind === "Conditioning" ? { stroke: { color: "text", width: 1.25 } } : {} });
+      k.text(r, label, { style: "Body 10.5", color: "text", autoWidth: true, name: "Key label" });
+    }
+    k.photo(left, f.inside[0] - PAD.left - PAD.right, 220, { radius: 4, ground: "card", name: "Floor photo" });
+    k.text(left, "Classes are 50 minutes, capped at 14 people, and scaled to anyone. Book in the app or turn up five minutes early.", { style: "Body 10.5", color: "onPaper", width: "FILL", name: "Note" });
+    k.text(right, "THE COACHES", { style: "Kicker 9", color: "onPaper", width: "FILL", name: "Kicker" });
+    k.text(right, "People who will learn your name", { style: "Title 30", color: "text", width: "FILL", name: "Title" });
+    for (const [n, r] of [["Dre Washington", "Head coach \xB7 USAW Level 2"], ["Kasia Nowak", "Boxing \xB7 former Golden Gloves"], ["Tom Reyes", "Conditioning \xB7 physical therapist"]]) k.instance(right, "Coach", { Name: n, Role: r }, { width: "FILL", name: "Coach" });
+    k.text(right, "THE FLOOR", { style: "Kicker 9", color: "onPaper", width: "FILL", name: "Floor title" });
+    k.text(right, "8 Rogue racks and platforms, 2 rigs, 12 bags and a ring, rowers, bikes and sleds, a sauna and showers that are actually hot.", { style: "Body 10.5", color: "onPaper", width: "FILL", name: "Floor" });
+    k.text(right, "\u201CI came for the boxing and stayed for the people. Six months in I deadlifted twice my body weight.\u201D\nMaya, member since 2024", { style: "Body 10.5", color: "text", width: "FILL", name: "Member quote" });
+    const fsp = k.stack(right, { name: "Space" });
+    k.patch(fsp, { layoutSizingVertical: "FILL" });
+    const free = k.stack(right, { gap: 4, padding: 18, radius: 4, fill: "accent", name: "Free week" });
+    k.text(free, "YOUR FIRST WEEK IS FREE", { style: "Kicker 9", color: "onAccent", width: "FILL", name: "Free title" });
+    k.text(free, "Bring this brochure, or book an intro at {{brand.website}}", { style: "Item 11", color: "onAccent", width: "FILL", name: "Free text" });
+    foldMarks(k, ins, f.inside, H, B, "text");
+    k.setCover(out);
+    return k.finish();
+  }
+});
+
+export {
+  printshop_brochure_gym_default
+};

package/dist/chunks/chunk-7HPECKEF.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 {
+  safePadding
+} from "./chunk-EMVFY3SD.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  ease
+} from "./chunk-PLZLKHOI.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/motion/lower-third.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var lower_third_default = defineTemplate({
+  id: "motion-lower-third",
+  meta: {
+    name: "Lower third",
+    description: "A broadcast name bar: slides in, holds while the title cycles, slides out at the Out marker \u2014 six seconds at 30 fps, to lay over your video",
+    category: "animation",
+    tags: ["animation", "lower third", "video", "broadcast"],
+    platforms: ["youtube", "broadcast", "tiktok", "instagram"],
+    formats: ["lower-third", "video", "story"],
+    useCases: ["interview", "livestream"],
+    created: "2026-09-28",
+    updated: "2026-09-29"
+  },
+  build() {
+    const k = new Kit("Lower third", preset("slide-16x9"));
+    k.brand({ primary: "#0B0D12", accent: "#FF4D2E", onPrimary: "#FFFFFF", onAccent: "#0B0D12", muted: "#B8BDC7", screen: "#1C2230" }, { name: "Maya Okafor" });
+    k.textStyle("Name 64", { size: 64, fontWeight: 800, letterSpacing: -1, lineHeight: 72 });
+    k.textStyle("Title 32", { size: 32, fontWeight: 500, lineHeight: 40 });
+    k.textStyle("Badge 22", { size: 22, fontWeight: 700, letterSpacing: 2, lineHeight: 28 });
+    k.component("Live badge", { direction: "HORIZONTAL", width: "HUG", fill: "accent", radius: 999, align: "CENTER", padding: { top: 8, right: 16, bottom: 8, left: 16 }, props: { Tag: "LIVE" } }, (id) => {
+      k.propText(id, "Tag", { style: "Badge 22", color: "onAccent", autoWidth: true });
+    });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, { top: 96, right: 120, bottom: 110, left: 120 }, "screen", "MAX");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: 6e3, fps: 30, markers: [{ id: "m1", t: 700, label: "In" }, { id: "m2", t: 4800, label: "Out" }] });
+    const bar = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 28, align: "CENTER", fill: "primary", radius: 16, clip: true, padding: { top: 28, right: 40, bottom: 28, left: 28 }, name: "Lower third" });
+    const rule = k.rect(bar, 10, 112, "accent", { radius: 5, name: "Accent rule" });
+    const lines = k.stack(bar, { width: "HUG", gap: 4, clip: true, name: "Text" });
+    const name = k.text(lines, "{{brand.name}}", { style: "Name 64", color: "onPrimary", autoWidth: true, name: "Name" });
+    const title = k.text(lines, "Founder & CEO, Northwind", { style: "Title 32", color: "muted", width: 560, name: "Title" });
+    const live = k.instance(bar, "Live badge", { Tag: "LIVE" });
+    k.animate(bar, "translateX", [{ t: 0, v: -1100, ease: ease.out("expo") }, { t: 700, v: 0, ease: ease.hold }, { t: 4800, v: 0, ease: ease.back(1.9, "in") }, { t: 5400, v: -1100 }]);
+    k.animate(bar, "opacity", [{ t: 0, v: 0, ease: ease.linear }, { t: 200, v: 1, ease: ease.hold }, { t: 5200, v: 1, ease: ease.linear }, { t: 5400, v: 0 }]);
+    k.patch(rule, { anchorY: 1 });
+    k.animate(rule, "scaleY", [{ t: 0, v: 0, ease: ease.hold }, { t: 450, v: 1 }]);
+    k.delay(name, 300);
+    k.animate(name, "translateY", [{ t: 0, v: 40, ease: ease.out("expo") }, { t: 700, v: 0 }]);
+    k.animate(name, "opacity", [{ t: 0, v: 0, ease: ease.out("cubic") }, { t: 400, v: 1 }]);
+    k.delay(title, 500);
+    k.animate(title, "opacity", [{ t: 0, v: 0, ease: ease.out("cubic") }, { t: 400, v: 1 }]);
+    k.animate(title, "text.content", [{ t: 0, v: "Founder & CEO, Northwind" }, { t: 2200, v: "@maya on every platform" }]);
+    k.animate(live, "opacity", [{ t: 0, v: 0, ease: ease.hold }, { t: 900, v: 1, ease: ease.hold }, { t: 4600, v: 0 }]);
+    k.variants(sheet, [
+      // Vertical video: the bar rides above the caption and music strip every vertical app draws at the bottom.
+      { preset: "ig-story", adjust: (kit, id) => kit.patch(id, { padding: safePadding("ig-story", 1080, 1920, { top: 96, right: 64, bottom: 110, left: 64 }, false) }) }
+    ]);
+    return k.finish();
+  }
+});
+
+export {
+  lower_third_default
+};

package/dist/chunks/chunk-7HPWLQS6.js

@@ -0,0 +1,182 @@
+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,
+  bulbArrow,
+  fitShopfront,
+  lettering,
+  lightbox,
+  neonBrand,
+  neonWord,
+  puddle,
+  sheen,
+  shopfront,
+  shutter,
+  spark,
+  wash
+} from "./chunk-4NPTCPAW.js";
+import {
+  fitRain,
+  rain
+} from "./chunk-ZQS4FIVV.js";
+import {
+  MONO
+} from "./chunk-AXAAXHZF.js";
+import {
+  board,
+  patchAll,
+  put,
+  reboard,
+  restyle
+} from "./chunk-LWSZATOL.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/motion/black-friday-neon-last-day.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 8e3;
+var TICKS = 8;
+var RAIN = { color: "ice", opacity: 0.13, rate: 960, seed: 14, count: 22, len: 90 };
+var SIGN = { w: 800, h: 610 };
+var WINDOW = { w: 800, h: 290, down: 104 };
+var cues = [
+  { layer: "Clock figure", preset: "pulse", at: 1e3, params: { duration: 500, amount: 0.04 } },
+  { layer: "Offer plate", preset: "pulse", at: 2600, params: { duration: 600, amount: 0.04 } },
+  { layer: "Button", preset: "pulse", at: 4400, params: { duration: 600, amount: 0.06 } }
+];
+var counts = [
+  // Rests at the figure it starts from: a still reads the time left as it was set.
+  { layer: "Clock figure", at: 0, duration: TICKS * 1e3, tick: 1e3, counter: { from: 48, to: 48 - TICKS, value: 48, prefix: "23:59:" } }
+];
+var NAME = "Black Friday neon last 24 hours story";
+var black_friday_neon_last_day_default = defineTemplate({
+  id: "motion-black-friday-neon-last-day",
+  meta: {
+    name: NAME,
+    description: "A final-day story for a SaaS Black Friday sale, drawn as a shop about to close: LAST 24 HOURS in red, white and amber neon on a wet brick wall, arrows of chasing bulbs, a roller shutter already part-way down and rattling over the shop window, and the time left lit on the glass with its seconds ticking. Rain, a tube that buzzes and relights. Eight seconds, looping, 9:16 with square and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "black friday", "cyber monday", "last chance", "last day", "countdown", "sale", "saas", "neon", "neon sign", "shopfront", "shutter", "night", "rain", "flicker", "story", "deadline", "discount code"],
+    platforms: ["instagram", "tiktok", "facebook", "snapchat"],
+    formats: ["story", "reel", "post", "portrait-post"],
+    useCases: ["countdown", "sale"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit(NAME, preset("ig-story"));
+    k.quantizeGeometry = true;
+    neonBrand(k, { name: DEAL.product, site: DEAL.site });
+    k.textStyle("Headline 76", { size: 76, fontWeight: 900, letterSpacing: -2.8, lineHeight: 78, textAlign: "CENTER" });
+    k.textStyle("Headline 64", { size: 64, fontWeight: 900, letterSpacing: -2.2, lineHeight: 66 });
+    k.textStyle("Label 22", { ...MONO, size: 22, fontWeight: 700, letterSpacing: 2.4, lineHeight: 28 });
+    k.textStyle("Clock 104", { ...MONO, size: 104, fontWeight: 800, letterSpacing: -3, lineHeight: 108, fontFeatures: { tnum: 1 } });
+    k.textStyle("Offer 34", { size: 34, fontWeight: 800, letterSpacing: -0.5, lineHeight: 42, textAlign: "CENTER" });
+    k.textStyle("Clock 64", { ...MONO, size: 64, fontWeight: 800, letterSpacing: -2, lineHeight: 70, fontFeatures: { tnum: 1 } });
+    k.textStyle("Button 34", { size: 34, fontWeight: 800, lineHeight: 42 });
+    pill(k, "Buy button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: DEAL.link, pad: [20, 44], radius: 12 });
+    const sheet = k.sheet;
+    const pad = verticalPadding();
+    k.flowSheet(sheet, 18, pad, "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    const STREET = 1492;
+    shopfront(k, sheet, { street: STREET, seed: 8 });
+    wash(k, sheet, "red", { x: 540, y: STREET + 150, w: 1100, h: 420, alpha: 0.3, name: "Road light" });
+    rain(k, sheet, 1080, 1920, RAIN);
+    const layout = k.stack(sheet, { gap: 18, align: "CENTER", name: "Layout" });
+    const top = k.stack(layout, { gap: 18, align: "CENTER", name: "Top" });
+    const sb = board(k, top, SIGN.w, SIGN.h, 0.84, "Sign board");
+    wash(k, sb, "red", { x: 400, y: 300, w: 1250, h: 900, alpha: 0.4, name: "Red wash" });
+    const centred = (text, cap, t, stretch = 1) => Math.round((SIGN.w - lettering(text, cap, { pad: Math.ceil(t), stretch }).w) / 2);
+    const last = neonWord(k, sb, "LAST", "ice", { cap: 104, t: 10, name: "Last", absolute: { x: centred("LAST", 104, 10), y: 0 }, strength: 0.8 });
+    const day = neonWord(k, sb, "24", "red", { cap: 292, t: 24, stretch: 1.34, name: "Day", absolute: { x: centred("24", 292, 24, 1.34), y: 136 } });
+    const hours = neonWord(k, sb, "HOURS", "amber", { cap: 96, t: 9, name: "Hours", absolute: { x: centred("HOURS", 96, 9), y: 496 } });
+    bulbArrow(k, sb, { w: 124, h: 104, dir: "right", bulb: 12, loopMs: DURATION, laps: 8, name: "Arrow left", absolute: { x: 0, y: 250 } });
+    bulbArrow(k, sb, { w: 124, h: 104, dir: "left", bulb: 12, loopMs: DURATION, laps: 8, name: "Arrow right", absolute: { x: SIGN.w - 124, y: 250 } });
+    const mid = k.stack(top, { gap: 18, align: "CENTER", name: "Mid" });
+    k.text(mid, "Half price ends\nat midnight.", { style: "Headline 76", color: "text", name: "Headline" });
+    const win = k.stack(mid, { height: WINDOW.h, fill: "card", radius: 10, clip: true, padding: { top: WINDOW.down + 18, right: 32, bottom: 18, left: 32 }, justify: "CENTER", stroke: { color: "steelEdge", width: 5, align: "INSIDE" }, name: "Window" });
+    const row = k.stack(win, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", gap: 16, name: "Clock row" });
+    const words = k.stack(row, { width: "HUG", gap: 4, name: "Clock words" });
+    k.text(words, "SHUTTER DROPS IN", { style: "Label 22", color: "cardMuted", autoWidth: true, name: "Clock label" });
+    k.text(words, `CODE ${DEAL.code}`, { style: "Label 22", color: "amber", autoWidth: true, name: "Code" });
+    k.text(row, "23:59:48", { style: "Clock 104", color: "amber", width: 500, align: "RIGHT", name: "Clock figure" });
+    sheen(k, win, WINDOW.w, WINDOW.h);
+    const roller = shutter(k, win, WINDOW.w, WINDOW.h);
+    k.patch(roller, { translateY: WINDOW.down - WINDOW.h });
+    const foot = k.stack(layout, { gap: 18, align: "CENTER", name: "Foot" });
+    const plate = lightbox(k, foot, { pad: [18, 24], radius: 10, width: "FILL", direction: "VERTICAL", name: "Offer plate", glow: 34 });
+    k.text(plate, `Every annual plan, ${DEAL.off}% off.`, { style: "Offer 34", color: "onAccent", name: "Offer" });
+    k.instance(foot, "Buy button", { Label: DEAL.link }, { name: "Button" });
+    const pool = puddle(k, sheet, day.w, day.h, day.paths, "red", { t: 24, name: "Day puddle", absolute: { x: Math.round(540 - day.w * 0.84 / 2), y: STREET + 40 }, squash: 0.62, opacity: 0.5, blur: 10 });
+    k.patch(pool, { scaleX: 0.84, scaleY: 0.84, anchorX: 0, anchorY: 0 });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    spark(k, [day.tubes[1]], [{ buzz: 3e3 }]);
+    last.tubes.forEach((id, i) => spark(k, [id], [{ buzz: 5600 + i * 140 }]));
+    spark(k, [hours.tubes[2]], [{ buzz: 1200 }]);
+    k.animate(pool, "opacity", [{ t: 0, v: 0.5 }, { t: 3050, v: 0.5 }, { t: 3200, v: 0.3 }, { t: 3900, v: 0.3 }, { t: 4050, v: 0.5 }]);
+    const up = WINDOW.down - WINDOW.h;
+    k.animate(roller, "translateY", [{ t: 0, v: up }, { t: 1900, v: up }, { t: 2e3, v: up + 14 }, { t: 2120, v: up + 4 }, { t: 2240, v: up + 10 }, { t: 2500, v: up + 10 }, { t: 6e3, v: up + 10 }, { t: 6600, v: up }]);
+    const night = (kit, id, street) => {
+      fitShopfront(kit, id, { street, seed: 8 });
+      fitRain(kit, id, { name: "Rain", seed: RAIN.seed, count: RAIN.count, len: RAIN.len });
+    };
+    const glaze = (kit, id, w) => {
+      patchAll(kit, id, "Window", { layoutSizingHorizontal: "FIXED", width: w });
+      patchAll(kit, id, "Sheen", { visible: false });
+      patchAll(kit, id, "Shutter", { x: 0, y: 0, scaleX: w / WINDOW.w, anchorX: 0 });
+    };
+    k.variants(sheet, feedVariants({ post: 44, portrait: 60 }, {
+      // The square: the sign beside the words and the window, the offer beside the button.
+      post: (kit, id) => {
+        night(kit, id, void 0);
+        patchAll(kit, id, "Street", { visible: false });
+        patchAll(kit, id, "Top", { layoutMode: "HORIZONTAL", itemSpacing: 28, counterAxisAlignItems: "CENTER" });
+        reboard(kit, id, "Sign board", 0.76);
+        patchAll(kit, id, "Mid", { itemSpacing: 28, counterAxisAlignItems: "MIN" });
+        restyle(kit, id, "Headline", "Headline 64");
+        glaze(kit, id, 396);
+        patchAll(kit, id, "Clock row", { layoutMode: "VERTICAL", itemSpacing: 6, counterAxisAlignItems: "MIN" });
+        restyle(kit, id, "Clock figure", "Clock 64");
+        patchAll(kit, id, "Clock figure", { width: 332, textAlign: "LEFT" });
+        patchAll(kit, id, "Code", { visible: false });
+        patchAll(kit, id, "Layout", { itemSpacing: 56 });
+        patchAll(kit, id, "Foot", { itemSpacing: 28 });
+        for (const n of ["Road light", "Day puddle"]) patchAll(kit, id, n, { visible: false });
+      },
+      portrait: (kit, id) => {
+        night(kit, id, 1262);
+        kit.patch(id, { padding: { top: 40, right: 60, bottom: 100, left: 60 } });
+        reboard(kit, id, "Sign board", 0.85);
+        glaze(kit, id, 960);
+        put(kit, id, "Road light", 540 - 550, 1262 - 60);
+        put(kit, id, "Day puddle", Math.round(540 - day.w * 0.84 / 2), 1276, { scaleY: 0.4 });
+      }
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  black_friday_neon_last_day_default
+};