@popcraft/kit 0.53.6 → 0.53.8

package/dist/chunks/chunk-3MZ3IS3S.js

@@ -0,0 +1,217 @@
+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 {
+  QUIRE,
+  SCREEN,
+  editorialBrand,
+  editorialType,
+  fitGround,
+  inkButton,
+  lockup,
+  maskedLines,
+  middleOf,
+  pageBelow,
+  paperGround,
+  readersScreen,
+  riseLines
+} from "./chunk-QP6GVC2T.js";
+import {
+  camera,
+  float,
+  reelCuts,
+  reelSheet,
+  section,
+  seenAt,
+  wideCut
+} from "./chunk-YXFPVZM3.js";
+import {
+  clicks,
+  glide,
+  pointer
+} from "./chunk-PT7RVGFZ.js";
+import {
+  captionStrip,
+  captionSwap
+} from "./chunk-3YQOE5KZ.js";
+import {
+  hide,
+  restyle
+} from "./chunk-LWSZATOL.js";
+import {
+  blackShadow
+} from "./chunk-YORIY3BT.js";
+import {
+  defineTemplate
+} from "./chunk-RCJYCZMT.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PN2PTI35.js";
+import {
+  ease
+} from "./chunk-ZGIMZ6SP.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/motion/style-editorial-feature-demo.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var S = section("acoustic", 0, 6);
+var { beat } = S;
+var NAME = "Editorial SaaS feature demo short";
+var STEP = [0, 6, 12, 18];
+var BEFORE = 3030;
+var COLS = [140, 407, 673, 940];
+var W = SCREEN;
+var REST = { x: 470, y: 128 };
+var WALL = { w: 560, h: 300, x: 120, y: 140 };
+var SHOTS = [
+  { t: beat(1), duration: 900, zoom: 1.7, x: 330, y: 510 },
+  { t: beat(STEP[1]), duration: 900, zoom: 1.7, x: 660, y: 510 },
+  { t: beat(STEP[2]), duration: 800, zoom: 1 },
+  { t: beat(STEP[3]), duration: 1e3, zoom: 1.2, x: 480, y: 240 },
+  { t: beat(22), duration: 1e3, zoom: 1 }
+];
+var CLICKS = [beat(3), beat(8), beat(10), beat(15.5)];
+var cues = [
+  { layer: "Running head rule", preset: "wipe-in", at: 0, params: { duration: 800 } },
+  { layer: "Running head words", preset: "fade-in", at: 100, params: { duration: 500 } },
+  { layer: "Stage", preset: "rise-in", at: 150, params: { duration: 900, distance: 90 } },
+  { layer: "Figure caption", preset: "fade-in", at: 500, params: { duration: 500 } },
+  { layer: "Call row", preset: "fade-in", at: 600, params: { duration: 500 } },
+  ...STEP.map((b, i) => ({ layer: `Progress fill ${i + 1}`, preset: "wipe-in", at: beat(b), params: { duration: beat(6), ease: ease.linear } })),
+  // One: the meter goes on, and its week is ruled into the chart.
+  { layer: "Switch on", preset: "fade-in", at: CLICKS[0], params: { duration: 300 } },
+  { layer: "Marker", preset: "wipe-in", at: CLICKS[0] + 300, params: { duration: 700, direction: "down" } },
+  // Four: the line has climbed.
+  { layer: "Readers area", preset: "fade-in", at: beat(21) - 200, params: { duration: 700 } },
+  { layer: "Readers dot", preset: "scale-in", at: beat(21), params: { duration: 400 } },
+  { layer: "Status", preset: "fade-in", at: beat(21), params: { duration: 500 } },
+  { layer: "Button", preset: "pulse", at: beat(22), params: { duration: 800, amount: 0.03 } }
+];
+var counts = [
+  // Two: five free articles, then four, then three, a step at each click.
+  { layer: "Meter figure", at: beat(6), duration: 2500, tick: 1250, counter: { from: 5, to: QUIRE.free } },
+  { layer: "Readers figure", at: beat(STEP[3]), duration: beat(3), ease: ease.inOut("cubic"), counter: { from: BEFORE, to: QUIRE.readers } },
+  { layer: "Convert figure", at: beat(STEP[3]), duration: beat(3), counter: { from: QUIRE.before, to: QUIRE.convert, decimals: 1, suffix: "%" } },
+  { layer: "Revenue figure", at: beat(STEP[3]), duration: beat(3), counter: { from: BEFORE * 8, to: QUIRE.revenue, prefix: "$" } }
+];
+var swaps = [captionSwap(["Switch the meter on once.", "Give three free reads monthly.", "The fourth one asks kindly.", "Paid readers up thirty-nine percent."], 0, S.duration - 30, { stagger: 70, in: 400, out: 260, rise: 22 })];
+var style_editorial_feature_demo_default = defineTemplate({
+  id: "motion-saas-style-editorial-feature-demo",
+  meta: {
+    name: NAME,
+    description: "A 15-second feature demo in the warm editorial look: a pointer works a product screen set like a magazine figure while a slow camera follows each click. A paywall meter switches on, steps down from five free articles to three, a subscribe card slides up over the page, and the readers, revenue and conversion count up as a chart climbs, with a rule per step and burned-in captions. Acoustic music, 9:16 with square and 16:9 cuts",
+    category: "animation",
+    tags: ["animation", "saas", "editorial", "serif", "magazine", "paper", "demo", "feature", "zoom", "cursor", "counter", "chart", "paywall", "newsletter", "publishing", "captions", "music", "audio"],
+    platforms: ["tiktok", "instagram", "youtube", "x", "linkedin"],
+    formats: ["reel", "short", "story", "post", "demo", "video"],
+    useCases: ["launch", "education", "onboarding"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, swaps },
+  build() {
+    const k = new Kit(NAME, preset("ig-story"));
+    k.quantizeGeometry = true;
+    editorialBrand(k, { hook1: "A paywall", hook2: "with manners." });
+    const t = editorialType(k);
+    t.display(88);
+    t.display(96);
+    inkButton(k, "Call", { style: t.strong(30), label: `Set your meter at ${QUIRE.site}`, pad: [20, 28], arrow: 26 });
+    const sheet = reelSheet(k, S, { name: "Feature demo", gap: 26 });
+    paperGround(k, sheet, 1920, COLS);
+    pageBelow(k, sheet, { x: 140, y: 1490, width: 800, height: 440 });
+    const head = k.stack(sheet, { gap: 14, name: "Running head" });
+    k.rect(head, "FILL", 3, "text", { name: "Running head rule" });
+    const headRow = k.stack(head, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Running head words" });
+    lockup(k, headRow, { size: 30, style: t.serif(34) });
+    k.text(headRow, "THE METER \xB7 HOW IT WORKS", { style: t.label(20), color: "onPaper", autoWidth: true, name: "Section" });
+    maskedLines(k, sheet, ["{{brand.hook1}}", "{{brand.hook2}}"], { style: t.display(120), name: "Hook" });
+    const figure = k.stack(sheet, { gap: 14, name: "Figure" });
+    const stage = k.stack(figure, { width: W.width, height: W.height, clip: true, radius: 6, effects: [blackShadow(0.18, 28, 60)], name: "Stage" });
+    const cam = k.frame(stage, { x: 0, y: 0, width: W.width, height: W.height }, { name: "Camera" });
+    const win = readersScreen(k, cam, { absolute: { x: 0, y: 0 }, shadow: false });
+    const wallMask = k.frame(stage, { x: WALL.x - 40, y: WALL.y - 20, width: WALL.w + 80, height: 1 }, { name: "Wall mask", clip: true });
+    const wall = k.stack(wallMask, { width: WALL.w, fill: "card", padding: 32, gap: 18, stroke: { color: "onCard", width: 1.5, align: "INSIDE" }, effects: [blackShadow(0.28, 24, 60)], name: "Wall" });
+    k.patch(wall, { x: 40, y: 20 });
+    k.text(wall, QUIRE.paper.toUpperCase(), { style: t.label(16), color: "cardMuted", name: "Wall paper" });
+    k.text(wall, "You have read your three free articles this month.", { style: t.serif(34), color: "onCard", name: "Wall words" });
+    k.rect(wall, "FILL", 1, "cardRule", { name: "Wall rule" });
+    const wallRow = k.stack(wall, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Wall row" });
+    const sub = k.stack(wallRow, { direction: "HORIZONTAL", width: "HUG", fill: "mark", radius: 2, padding: { top: 12, right: 20, bottom: 12, left: 20 }, name: "Wall button" });
+    k.text(sub, "Subscribe \xB7 $8 a month", { style: t.strong(20), color: "markInk", autoWidth: true, name: "Wall button label" });
+    k.text(wallRow, "or back in November", { style: t.sans(16), color: "cardMuted", name: "Wall or" });
+    const p = pointer(k, stage, { ...REST, size: 92, fill: "onCard", edge: "card", ring: "mark" });
+    k.text(figure, "FIG. 2 \xB7 THE METER, SET FOR THE TIDEWATER REVIEW", { style: t.label(17), color: "onPaper", name: "Figure caption" });
+    const bars = k.stack(sheet, { direction: "HORIZONTAL", gap: 10, name: "Progress" });
+    for (let i = 1; i <= 4; i++) {
+      const track = k.stack(bars, { height: 4, fill: k.tint("text", 0.16), clip: true, name: "Progress track" });
+      k.rect(track, "FILL", 4, "text", { name: `Progress fill ${i}` });
+    }
+    captionStrip(k, sheet, swaps[0].words[0], { style: t.strong(38), fill: "card", ink: "onCard", radius: 2, pad: [16, 26], stroke: { color: "cardRule", width: 1, align: "INSIDE" } });
+    const row = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Call row" });
+    k.instance(row, "Call", { Label: "Set your meter at {{brand.site}}" }, { name: "Button" });
+    k.text(row, "FREE", { style: t.label(20), color: "onPaper", autoWidth: true, name: "Terms" });
+    k.finish();
+    const targets = [middleOf(k, win.win, "Meter switch"), middleOf(k, win.win, "Fewer")];
+    const subAt = middleOf(k, stage, "Wall button"), open = k.node(wall).height + 90;
+    k.counts(sheet, counts);
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    riseLines(k, sheet, "Hook", 0, { gap: 130, duration: 800 });
+    k.animate(win.chart.line, "trim.end", [{ t: 0, v: win.chart.turn, ease: ease.hold }, { t: beat(STEP[3]), v: win.chart.turn, ease: ease.inOut("cubic") }, { t: beat(21), v: 1 }]);
+    k.animate(win.knob, "translateX", [{ t: CLICKS[0], v: -20, ease: ease.inOut("cubic") }, { t: CLICKS[0] + 450, v: 0 }]);
+    win.spare.forEach((id, i) => {
+      const at = CLICKS[2 - i];
+      k.animate(id, "opacity", [{ t: 0, v: 1, ease: ease.hold }, { t: at, v: 1, ease: ease.out("cubic") }, { t: at + 350, v: 0 }]);
+    });
+    const up = beat(STEP[2]) + 400, away = CLICKS[3] + 500;
+    k.animate(wallMask, "height", [{ t: up, v: 1, ease: ease.out("quart") }, { t: up + 900, v: open, ease: ease.hold }, { t: away, v: open, ease: ease.named("cubic", "in") }, { t: away + 500, v: 1 }]);
+    k.animate(wall, "translateY", [{ t: up, v: -60, ease: ease.out("quart") }, { t: up + 900, v: 0, ease: ease.hold }, { t: away, v: 0, ease: ease.named("cubic", "in") }, { t: away + 500, v: -60 }]);
+    camera(k, cam, W.width, W.height, SHOTS);
+    const to = (i) => {
+      const at = seenAt(W.width, W.height, SHOTS[i], targets[i]);
+      return { dx: at.x - REST.x + 6, dy: at.y - REST.y + 8 };
+    };
+    const onSub = { dx: subAt.x - REST.x - 20, dy: subAt.y - REST.y - 14 };
+    glide(k, p, [
+      { t: beat(1), dx: 0, dy: 0 },
+      { t: beat(2.6), ...to(0) },
+      { t: beat(STEP[1]), ...to(0) },
+      { t: beat(STEP[1] + 1.5), ...to(1) },
+      { t: beat(STEP[2] + 1), ...to(1) },
+      { t: beat(15), ...onSub },
+      { t: beat(16.5), ...onSub },
+      { t: beat(19.5), dx: 160, dy: 520 }
+    ]);
+    clicks(k, p, CLICKS);
+    k.variants(sheet, [...reelCuts({ post: 40, portrait: 70 }, {
+      post: (kit, id) => {
+        kit.patch(id, { itemSpacing: 16, counterAxisSpacing: 16, padding: { top: 36, right: 140, bottom: 36, left: 140 } });
+        fitGround(kit, id, COLS);
+        hide(kit, id, ["Running head", "Page below", "Figure caption"]);
+        restyle(kit, id, "Hook line", "Display 88");
+      }
+    }).slice(0, 1), wideCut(640, (kit, id, right) => {
+      const scale = right.width / W.width, top = right.y + Math.round((right.height - W.height * scale - 80) / 2);
+      fitGround(kit, id, [110, 750, right.x, right.x + right.width]);
+      float(kit, id, "Figure", right.x, top, { scale, width: W.width });
+      float(kit, id, "Progress", right.x, top + Math.round((W.height + 54) * scale) + 16, { width: right.width });
+      restyle(kit, id, "Hook line", "Display 96");
+      kit.patch(id, { primaryAxisAlignItems: "MIN" });
+      for (const n of kit.named(id, "Page below")) kit.patch(n, { x: 110, y: 700, width: 640, height: 300, clipsContent: true });
+    })]);
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  style_editorial_feature_demo_default
+};

package/dist/chunks/chunk-3NS3WFM6.js

@@ -0,0 +1,156 @@
+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 {
+  FLOWERS,
+  VARIETIES,
+  bloomBrand,
+  fitGarden,
+  garden,
+  label,
+  packetStyles
+} from "./chunk-H6TYOR7R.js";
+import {
+  MONO
+} from "./chunk-AXAAXHZF.js";
+import {
+  bed
+} from "./chunk-KHGNV7UQ.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-RCJYCZMT.js";
+import {
+  Kit,
+  preset,
+  swapTimes
+} from "./chunk-PN2PTI35.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/motion/spring-bloom-first-shoots-reel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var MUSIC = bed("acoustic", 24);
+var DURATION = MUSIC.duration;
+var beat = MUSIC.beat;
+var bed2 = (h, soil, o) => ({
+  w: 1080,
+  h,
+  loopMs: DURATION,
+  soil,
+  depth: 860,
+  petals: 9,
+  hills: o.hills,
+  worm: { x: 0.7, y: 452 },
+  sun: o.sun,
+  clouds: o.clouds,
+  plantScale: o.plant,
+  packets: [{ x: 252, lift: o.lift, scale: o.packet, packet: VARIETIES[0] }, { x: 540, lift: o.lift + 26, scale: o.packet, packet: VARIETIES[1] }, { x: 828, lift: o.lift, scale: o.packet, packet: VARIETIES[2] }],
+  plants: [
+    { x: 398, h: 330, R: 64, flower: FLOWERS.tulip, lean: -8, at: beat(1) },
+    { x: 684, h: 372, R: 82, flower: FLOWERS.cosmos, lean: 22, at: beat(2) },
+    { x: 74, h: 268, R: 64, flower: FLOWERS.daisy, lean: 16, at: beat(3) },
+    { x: 1006, h: 300, R: 70, flower: FLOWERS.skyCosmos, lean: -20, at: beat(4) },
+    { x: 540, h: 100, R: 27, flower: FLOWERS.butterTulip, at: beat(6) }
+  ]
+});
+var STORY = bed2(1920, 1070, { plant: 1, packet: 0.72, lift: 96, hills: 300, sun: { x: 930, y: 250, r: 150 }, clouds: [{ x: -70, y: 96, w: 330 }, { x: 640, y: 560, w: 250 }] });
+var POST = bed2(1080, 676, { plant: 0.7, packet: 0.5, lift: 80, hills: 300, sun: { x: 960, y: 150, r: 120 }, clouds: [{ x: 560, y: 330, w: 220 }] });
+var PORTRAIT = bed2(1350, 884, { plant: 0.9, packet: 0.62, lift: 96, hills: 300, sun: { x: 950, y: 180, r: 140 }, clouds: [{ x: 600, y: 420, w: 240 }] });
+var swaps = [
+  { layer: "Caption", words: ["1,284 open issues. Maybe sixty of them are alive.", "Trowel thins the duplicates and composts what died over winter.", "What is left gets an owner, a date and room to grow.", "Spring planting: 40% off your first season."], at: beat(2) + 400, hold: 1910, stagger: 45, in: 350, out: 250, unit: "word", rise: 26 }
+];
+var cues = [
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 400 } },
+  { layer: "Headline", preset: "lines-in", at: 0, params: { duration: 600 } },
+  { layer: "Packet", preset: "drop-in", at: 150, params: { duration: 500 }, stagger: { delay: 160 } },
+  { layer: "Label", preset: "slide-in", at: beat(2), params: { duration: 800, direction: "left" } },
+  { layer: "Call", preset: "pop-in", at: beat(15), params: { duration: 500 } },
+  { layer: "Site", preset: "fade-in", at: beat(16), params: { duration: 600 } },
+  { layer: "Call", preset: "pulse", at: beat(20), params: { duration: 900, amount: 0.07 } },
+  { layer: "Call", preset: "pulse", at: beat(22), params: { duration: 900, amount: 0.07 } }
+];
+var spring_bloom_first_shoots_reel_default = defineTemplate({
+  id: "motion-spring-bloom-first-shoots-reel",
+  meta: {
+    name: "Spring bloom backlog reel",
+    description: "A 15-second spring campaign reel for a SaaS that tidies a backlog: \u201CSpring clean your backlog.\u201D in the first half second over a cut-paper bed seen in section, then a time-lapse on the beat \u2014 each bulb puts up a stem, unfurls its leaves and opens its head between staked seed packets that name what the product does \u2014 with the story in burned-in captions on a plant label and a spring offer on a button. Petals drift, the paper sun turns, a worm works. Cut to a fingerpicked guitar (made by PopCraft, CC0). 9:16 with 1:1 and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "spring", "bloom", "flowers", "seed packet", "garden", "cut paper", "spring clean", "backlog", "time-lapse", "offer", "saas", "reel", "captions", "music", "audio", "seasonal"],
+    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
+    formats: ["reel", "short", "story", "post", "portrait-post"],
+    useCases: ["launch", "sale", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, swaps },
+  build() {
+    const k = new Kit("Spring bloom backlog reel", preset("ig-story"));
+    k.quantizeGeometry = true;
+    bloomBrand(k, { headline: "Spring\nclean your\nbacklog." });
+    packetStyles(k);
+    k.textStyle("Eyebrow 26", { ...MONO, size: 25, fontWeight: 800, letterSpacing: 3, lineHeight: 34, textCase: "UPPER" });
+    k.textStyle("Display 136", { size: 136, fontWeight: 900, letterSpacing: -6, lineHeight: 122 });
+    k.textStyle("Display 124", { size: 124, fontWeight: 900, letterSpacing: -5.4, lineHeight: 112 });
+    k.textStyle("Display 100", { size: 100, fontWeight: 900, letterSpacing: -4.2, lineHeight: 92 });
+    k.textStyle("Caption 36", { size: 36, fontWeight: 700, letterSpacing: -0.5, lineHeight: 44 });
+    k.textStyle("Caption 31", { size: 31, fontWeight: 700, letterSpacing: -0.4, lineHeight: 38 });
+    k.textStyle("Button 30", { size: 30, fontWeight: 800, lineHeight: 38 });
+    k.textStyle("Site 22", { ...MONO, size: 22, fontWeight: 700, lineHeight: 30 });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 30", label: "Plant your backlog", pad: [20, 38] });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Spring reel");
+    k.flowSheet(sheet, 0, verticalPadding(), "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
+    const s = STORY;
+    const ground = k.frame(sheet, { x: 0, y: 0, width: s.w, height: s.h }, { name: "Garden", clip: true });
+    garden(k, ground, s);
+    const top = k.stack(sheet, { gap: 16, name: "Top" });
+    k.text(top, "{{brand.name}} \xB7 Spring planting", { style: "Eyebrow 26", color: "text", name: "Eyebrow" });
+    k.text(top, "{{brand.headline}}", { style: "Display 136", color: "text", name: "Headline" });
+    const foot = k.stack(sheet, { gap: 22, name: "Foot" });
+    const tag = label(k, foot, { w: "FILL", h: 168 });
+    k.text(tag, swaps[0].words[0], { style: "Caption 36", color: "ink", name: "Caption" });
+    const row = k.stack(foot, { direction: "HORIZONTAL", gap: 20, align: "CENTER", name: "Call row" });
+    k.instance(row, "Button", { Label: "Plant your backlog" }, { name: "Call" });
+    const site = k.stack(row, { width: "HUG", fill: "packet", radius: 8, padding: { top: 6, right: 14, bottom: 6, left: 14 }, name: "Site" });
+    k.text(site, "Code FIRSTSHOOTS\n{{brand.site}}", { style: "Site 22", color: "ink", autoWidth: true, name: "Site words" });
+    {
+      const last = swapTimes(swaps[0]).at(-1);
+      if (last.gone > DURATION || last.gone < DURATION - 300) throw new Error("spring bloom reel: the captions must end with the music");
+    }
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    k.variants(sheet, feedVariants({ post: 56, portrait: 72 }, {
+      post: (kit, id) => {
+        for (const n of kit.named(id, "Foot")) kit.patch(n, { itemSpacing: 16 });
+        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 31");
+        for (const n of kit.named(id, "Label")) kit.patch(n, { height: 124 });
+        for (const n of kit.named(id, "Label hole")) kit.patch(n, { y: 49 });
+        for (const n of kit.named(id, "Label line")) kit.patch(n, { height: 88 });
+        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Display 100");
+        fitGarden(kit, sheet, id, POST);
+      },
+      portrait: (kit, id) => {
+        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Display 124");
+        fitGarden(kit, sheet, id, PORTRAIT);
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  spring_bloom_first_shoots_reel_default
+};

package/dist/chunks/chunk-3PEI5UY6.js

@@ -0,0 +1,102 @@
+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,
+  businessCard,
+  cardParts,
+  contactLines,
+  disc
+} from "./chunk-7D65RHAF.js";
+import {
+  tickPath
+} from "./chunk-2VFVKPUT.js";
+import {
+  defineTemplate
+} from "./chunk-RCJYCZMT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/print/printshop-card-plumber.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var printshop_card_plumber_default = defineTemplate({
+  id: "print-printshop-card-plumber",
+  meta: {
+    name: "Plumber business card",
+    description: "A bold card for a plumber, electrician or any trade on call: a royal blue front with a copper pipe running round an elbow and off the edge, a yellow 24/7 badge and the phone number as the biggest thing on it; a white back with the services as a ticked list, the licence number and the brand kit\u2019s number, email and website. 85 \xD7 55 mm and US 3.5 \xD7 2 in, two-sided",
+    category: "business-card",
+    tags: ["business card", "plumber", "plumbing", "trades", "contractor", "handyman", "electrician", "emergency", "bold", "two-sided", "print"],
+    platforms: ["print"],
+    formats: ["card"],
+    useCases: ["brand-intro"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  build() {
+    const k = businessCard("Plumber business card", {}, (k2) => {
+      k2.quantizeGeometry = true;
+      k2.brand(
+        { primary: "#1747A6", onPrimary: "#FFFFFF", paper: "#FFFFFF", text: "#0E1E3D", onPaper: "#3F4D66", accent: "#FFC824", onAccent: "#0E1E3D" },
+        { name: "Rivera & Sons Plumbing", tagline: "Leaks, heaters and drains, fixed today", email: "office@riveraandsons.com", phone: "(602) 555-0129", website: "riveraandsons.com", address: "Phoenix and the East Valley" }
+      );
+      k2.palette({ copper: "#D9824B", copperDark: "#A85A2E", copperLight: "#F2B07E", deep: "#103A8C" });
+      k2.textStyle("Firm 12", { size: 12, fontWeight: 900, letterSpacing: -0.2, lineHeight: 14 });
+      k2.textStyle("Phone 21", { size: 21, fontWeight: 900, letterSpacing: -0.6, lineHeight: 24 });
+      k2.textStyle("Call 8", { size: 8, fontWeight: 800, letterSpacing: 1.4, lineHeight: 11 });
+      k2.textStyle("Badge 15", { size: 15, fontWeight: 900, letterSpacing: -0.6, lineHeight: 15 });
+      k2.textStyle("Badge 8", { size: 8, fontWeight: 900, letterSpacing: 0.6, lineHeight: 9 });
+      k2.textStyle("Person 13", { size: 13, fontWeight: 900, lineHeight: 15 });
+      k2.textStyle("Role 8", { size: 8, fontWeight: 700, letterSpacing: 0.8, lineHeight: 11 });
+      k2.textStyle("Service 8.5", { size: 8.5, fontWeight: 600, lineHeight: 11 });
+      k2.textStyle("Label 8", { size: 8, fontWeight: 900, lineHeight: 12 });
+      k2.textStyle("Value 8.5", { size: 8.5, fontWeight: 500, lineHeight: 12 });
+      cardParts(k2, { name: "Person 13", title: "Role 8", nameColor: "text", titleColor: "onPaper", label: "Label 8", value: "Value 8.5", labelColor: "text", valueColor: "text", gap: 6, labelWidth: 9 });
+      k2.component("Service", { direction: "HORIZONTAL", gap: 5, width: "HUG", align: "CENTER", props: { Service: "Leak repair" } }, (id) => {
+        const t = k2.stack(id, { width: 11, height: 11, radius: 3, fill: "primary", justify: "CENTER", align: "CENTER", name: "Tick box" });
+        k2.vector(t, 7, 5, [tickPath(7, 5)], "onPrimary", { name: "Tick", strokeWidth: 1.6 });
+        k2.propText(id, "Service", { style: "Service 8.5", color: "text", autoWidth: true });
+      });
+      k2.component("Badge", { width: 46, height: 46, radius: 23, fill: "accent", justify: "CENTER", align: "CENTER", gap: 1, props: { Big: "24/7", Small: "CALL-OUT" } }, (id) => {
+        k2.propText(id, "Big", { style: "Badge 15", color: "onAccent", autoWidth: true, align: "CENTER" });
+        k2.propText(id, "Small", { style: "Badge 8", color: "onAccent", autoWidth: true, align: "CENTER" });
+      });
+    }, (k2, { front, back, size }) => {
+      const { W, H, B } = size;
+      k2.flowSheet(front, 4, { top: 22, right: 24, bottom: 24, left: 24 }, "primary", "SPACE_BETWEEN", "MIN");
+      const py = H * 0.44, px = W - 40, r = 20, t = 12;
+      const run = (o) => ({ closed: false, points: [{ x: -B - 2, y: py + o }, { x: px - r, y: py + o, handleOut: { x: px - r + (r + o) * 0.55, y: py + o } }, { x: px + o, y: py + r, handleIn: { x: px + o, y: py + r - (r + o) * 0.55 } }, { x: px + o, y: H + B + 2 }] });
+      art(k2, front, W, H, B, [run(0)], "copperDark", { name: "Pipe", strokeWidth: t + 3 });
+      art(k2, front, W, H, B, [run(-1.5)], "copper", { name: "Pipe face", strokeWidth: t });
+      art(k2, front, W, H, B, [run(-3.5)], "copperLight", { name: "Pipe shine", strokeWidth: 2 });
+      const collar = (x, y, w, h) => ({ closed: true, points: [{ x, y }, { x: x + w, y }, { x: x + w, y: y + h }, { x, y: y + h }] });
+      art(k2, front, W, H, B, [collar(W * 0.24, py - t / 2 - 3, 7, t + 6), collar(px - t / 2 - 3, H - 22, t + 6, 7)], "copperDark", { name: "Collars" });
+      art(k2, front, W, H, B, [disc(W * 0.24 + 3.5, py + t / 2 + 9, 2.4), disc(W * 0.24 + 3.5, py + t / 2 + 16, 1.8)], "onPrimary", { name: "Drips" });
+      const head = k2.stack(front, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "MIN", name: "Head" });
+      k2.text(head, "{{brand.name}}", { style: "Firm 12", color: "onPrimary", width: W * 0.52, name: "Firm" });
+      k2.instance(head, "Badge", {}, { name: "Badge" });
+      const call = k2.stack(front, { gap: 1, name: "Call", width: "HUG" });
+      k2.text(call, "BURST PIPE? NO HOT WATER? CALL", { style: "Call 8", color: "onPrimary", autoWidth: true, name: "Call line" });
+      k2.text(call, "{{brand.phone}}", { style: "Phone 21", color: "onPrimary", autoWidth: true, name: "Phone" });
+      k2.flowSheet(back, 0, { top: 22, right: 24, bottom: 20, left: 24 }, "paper", "MIN", "MIN");
+      art(k2, back, W, H, B, [collar(-B, H - 8, W + B * 2, 8 + B)], "primary", { name: "Foot band" });
+      art(k2, back, W, H, B, [collar(-B, H - 10, W + B * 2, 2)], "accent", { name: "Foot rule" });
+      const cols = k2.stack(back, { direction: "HORIZONTAL", gap: 14, height: "FILL", name: "Columns" });
+      const left = k2.stack(cols, { gap: 10, height: "FILL", justify: "SPACE_BETWEEN", name: "Plumber" });
+      k2.patch(left, { layoutSizingHorizontal: "FILL" });
+      k2.instance(left, "Person", { Name: "Luis Rivera", Title: "MASTER PLUMBER \xB7 ROC 318442" }, { name: "Person" });
+      contactLines(k2, left, ["T", "E", "W"], 1);
+      const list = k2.stack(cols, { gap: 5, width: "HUG", name: "Services" });
+      for (const s of ["Leaks & burst pipes", "Water heaters", "Drains & sewer", "Remodels", "Free quotes"]) k2.instance(list, "Service", { Service: s }, { name: "Service" });
+    });
+    return k.finish();
+  }
+});
+
+export {
+  printshop_card_plumber_default
+};