@popcraft/kit 0.26.1 → 0.28.0

package/dist/chunks/chunk-RPGEHTS2.js

@@ -0,0 +1,342 @@
+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 {
+  burstPath
+} from "./chunk-YNOCYFZ4.js";
+import {
+  hardShadow,
+  shadow
+} from "./chunk-HVK5T4I5.js";
+import {
+  box,
+  line,
+  rng
+} from "./chunk-BNVLVZUT.js";
+import {
+  ease
+} from "./chunk-37IU3FCE.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/themes/black-friday-coupons-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var OFFER = {
+  product: "Stockroom",
+  pitch: "One stock count across Shopify, Etsy and the market stall.",
+  site: "stockroom.example",
+  link: "{{brand.site}}/clip",
+  code: "CLIP50",
+  off: 50,
+  /** Starter, a year: the list price and the Black Friday price. */
+  starterWas: 228,
+  starterNow: 114,
+  /** Multi-shop, a year. */
+  shopWas: 588,
+  shopNow: 294,
+  /** The third coupon: we import the catalogue for nothing. */
+  setupWorth: 150,
+  starts: "Fri 27 Nov",
+  ends: "Mon 30 Nov, 23:59 PT",
+  /** The countdown as the pieces show it: what is left when the piece goes out. */
+  days: 2,
+  hours: 9,
+  minutes: 41,
+  seconds: 59
+};
+var two = (n) => String(n).padStart(2, "0");
+var COLORS = {
+  paper: "#E8DFC8",
+  text: "#15120E",
+  onPaper: "#4B4436",
+  primary: "#D8241B",
+  onPrimary: "#FFF6DC",
+  accent: "#FFD21F",
+  onAccent: "#15120E",
+  card: "#FCF7E6",
+  onCard: "#15120E",
+  cardMuted: "#5E5646"
+};
+function couponBrand(k, fields, roles = Object.keys(COLORS)) {
+  k.brand(Object.fromEntries(roles.map((r) => [r, COLORS[r]])), fields);
+  k.palette({ print: "#CDBF9C", shade: "#2B2010", steel: "#9AA0A6", steelDark: "#40454B", stampInk: "#1B49A0", kraft: "#C49A5C", kraftInk: "#8A6632", cut: "#15120E" });
+}
+function rayPaths(w, h, cx, cy, n = 28) {
+  const reach = Math.hypot(w, h);
+  const out = [];
+  for (let i = 0; i < n; i += 2) {
+    const a = i / n * Math.PI * 2 + 0.11, b = (i + 1) / n * Math.PI * 2 + 0.11;
+    out.push({ closed: true, points: [{ x: cx, y: cy }, { x: cx + reach * Math.cos(a), y: cy + reach * Math.sin(a) }, { x: cx + reach * Math.cos(b), y: cy + reach * Math.sin(b) }] });
+  }
+  return out;
+}
+function rays(k, parent, w, h, o = {}) {
+  return k.vector(parent, w, h, rayPaths(w, h, w * (o.fx ?? 0.5), h * (o.fy ?? 0.3)), "print", { name: o.name ?? "Rays", opacity: o.opacity ?? 0.42, absolute: { x: 0, y: 0 } });
+}
+function fitRays(k, root, fx = 0.5, fy = 0.3, name = "Rays") {
+  for (const id of k.named(root, name)) {
+    const p = k.node(k.node(id).parentId);
+    k.patch(id, { x: 0, y: 0, width: p.width, height: p.height, paths: rayPaths(p.width, p.height, p.width * fx, p.height * fy) });
+  }
+}
+var SPAN = 2400;
+function dashRule(k, parent, role, o = {}) {
+  const weight = o.weight ?? 2;
+  const strip = k.stack(parent, { direction: "HORIZONTAL", height: weight, clip: true, name: o.name ?? "Perforation" });
+  k.vector(strip, SPAN, weight, [line(0, weight / 2, SPAN, weight / 2)], [], { name: "Dashes", stroke: { color: role, width: weight, dash: o.dash ?? [8, 6], cap: "NONE" } });
+  return strip;
+}
+function dashColumn(k, parent, role, o = {}) {
+  const weight = o.weight ?? 2;
+  const strip = k.stack(parent, { width: weight, height: "FILL", clip: true, name: o.name ?? "Perforation" });
+  k.vector(strip, weight, SPAN, [line(weight / 2, 0, weight / 2, SPAN)], [], { name: "Dashes", stroke: { color: role, width: weight, dash: o.dash ?? [8, 6], cap: "NONE" } });
+  return strip;
+}
+function scissorPaths(len, open) {
+  const h = Math.round(len * 0.56), px = len * 0.4, py = h / 2;
+  const turn = (x, y, a) => ({ x: px + x * Math.cos(a) - y * Math.sin(a), y: py + x * Math.sin(a) + y * Math.cos(a) });
+  const handles = [], blades = [];
+  for (const side of [1, -1]) {
+    const a = side * open * Math.PI / 360;
+    blades.push({ closed: true, points: [turn(-len * 0.05, 0, a), turn(len * 0.6, 0, a), turn(len * 0.12, -side * len * 0.075, a), turn(-len * 0.05, -side * len * 0.055, a)] });
+    const rx = -len * 0.27, ry = side * len * 0.115, r = len * 0.105;
+    handles.push({ closed: false, points: [turn(0, 0, a), turn(rx + r * 0.9, ry - side * r * 0.3, a)] });
+    handles.push({ closed: true, points: Array.from({ length: 14 }, (_, i) => {
+      const t = i / 14 * Math.PI * 2;
+      return turn(rx + r * Math.cos(t), ry + r * 0.82 * Math.sin(t), a);
+    }) });
+  }
+  return { handles, blades, h };
+}
+function scissors(k, parent, len, o = {}) {
+  const h = Math.round(len * 0.56);
+  const frame = k.frame(parent, { x: o.absolute?.x ?? 0, y: o.absolute?.y ?? 0, width: len, height: h }, { name: o.name ?? "Scissors" });
+  const pose = (name, open2, visible) => {
+    const f = k.frame(frame, { x: 0, y: 0, width: len, height: h }, { name, ...visible ? {} : { opacity: 0 } });
+    const p = scissorPaths(len, open2);
+    k.vector(f, len, h, p.blades, "steel", { name: "Blades", absolute: { x: 0, y: 0 }, stroke: { color: "steelDark", width: Math.max(1, len / 90), join: "ROUND" } });
+    k.vector(f, len, h, p.handles, [], { name: "Handles", absolute: { x: 0, y: 0 }, stroke: { color: "primary", width: Math.max(2, len * 0.045), join: "ROUND", cap: "ROUND" } });
+    k.ellipse(f, Math.max(3, len * 0.045), "steelDark", { name: "Rivet", absolute: { x: len * 0.4 - len * 0.0225, y: h / 2 - len * 0.0225 } });
+    return f;
+  };
+  const open = pose("Scissors open", 34, true);
+  const shut = pose("Scissors shut", 7, false);
+  if (o.rotation) k.patch(frame, { rotation: o.rotation });
+  return { frame, open, shut, length: len, height: h };
+}
+function snip(k, s, o) {
+  const axis = o.axis ?? "translateX";
+  const move = [{ t: 0, v: 0, ease: ease.hold }];
+  const openKeys = [{ t: 0, v: 1, ease: ease.hold }];
+  const shutKeys = [{ t: 0, v: 0, ease: ease.hold }];
+  const half = Math.round(o.every / 2);
+  for (let i = 0; i < o.steps; i++) {
+    const t = o.at + i * o.every;
+    openKeys.push({ t, v: 0, ease: ease.hold }, { t: t + half, v: 1, ease: ease.hold });
+    shutKeys.push({ t, v: 1, ease: ease.hold }, { t: t + half, v: 0, ease: ease.hold });
+    move.push({ t: t + half, v: Math.round(o.distance * (i + 1) / o.steps), ease: ease.hold });
+  }
+  if (o.back !== void 0 && o.backOver) move.push({ t: o.back - o.backOver, v: Math.round(o.distance) }, { t: o.back, v: 0, ease: ease.hold });
+  else if (o.back !== void 0) move.push({ t: o.back, v: 0, ease: ease.hold });
+  k.animate(s.frame, axis, move);
+  k.animate(s.open, "opacity", openKeys);
+  k.animate(s.shut, "opacity", shutKeys);
+}
+function barcodePaths(w, h, seed = 50) {
+  const r = rng(seed);
+  const unit = w / 95;
+  const out = [];
+  for (let x = 0, i = 0; x < w - unit; i++) {
+    const bar = unit * (1 + Math.floor(r() * 3)), gap = unit * (1 + Math.floor(r() * 2));
+    const guard = i % 9 === 0;
+    out.push(box(x, 0, Math.min(bar, w - x), guard ? h : h * 0.86));
+    x += bar + gap;
+  }
+  return out;
+}
+function barcode(k, parent, w, h, role, o = {}) {
+  return k.vector(parent, w, h, barcodePaths(w, h, o.seed), role, { name: o.name ?? "Barcode", ...o.absolute ? { absolute: o.absolute } : {} });
+}
+function coupon(k, parent, o) {
+  const u = o.u ?? 1;
+  const cutPad = Math.round(12 * u);
+  const cut = k.stack(parent, { width: o.width ?? "FILL", padding: cutPad, name: o.name ?? "Coupon", stroke: { color: "cut", width: Math.max(1.5, 3 * u), align: "INSIDE", dash: [Math.round(16 * u), Math.round(11 * u)], cap: "NONE" }, ...o.absolute ? { absolute: o.absolute } : {} });
+  const card = k.stack(cut, { fill: "card", name: "Coupon paper", effects: [shadow(k, "shade", 0.3, Math.round(10 * u), Math.round(26 * u)), shadow(k, "shade", 0.22, Math.round(2 * u), Math.round(4 * u))] });
+  if (o.band) {
+    const band = k.stack(card, { direction: "HORIZONTAL", fill: "primary", justify: "SPACE_BETWEEN", align: "CENTER", gap: Math.round(12 * u), padding: { top: Math.round(8 * u), right: o.pad, bottom: Math.round(8 * u), left: o.pad }, name: o.band.name ?? "Coupon band" });
+    k.text(band, o.band.label, { style: o.band.style, color: "onPrimary", autoWidth: true, name: "Band label" });
+    if (o.band.note) k.text(band, o.band.note, { style: o.band.style, color: "onPrimary", autoWidth: true, name: "Band note" });
+  }
+  const main = k.stack(card, { direction: "HORIZONTAL", name: "Coupon main" });
+  const body = k.stack(main, { gap: o.gap, padding: o.pad, name: "Coupon body" });
+  let stub;
+  if (o.stub) {
+    dashColumn(k, main, "cardMuted", { weight: Math.max(2, Math.round(3 * u)), dash: [Math.round(7 * u) || 3, Math.round(7 * u) || 3] });
+    stub = k.stack(main, { width: o.stub.width, height: "FILL", align: "CENTER", justify: "CENTER", gap: Math.round(8 * u), padding: Math.round(12 * u), name: "Coupon stub" });
+    k.text(stub, o.stub.label ?? "CODE", { style: o.stub.labelStyle, color: "cardMuted", autoWidth: true, name: "Stub label" });
+    k.text(stub, o.stub.code, { style: o.stub.codeStyle, color: "onCard", autoWidth: true, name: "Stub code" });
+    barcode(k, stub, o.stub.width - Math.round(36 * u), o.stub.bars, "onCard", { seed: o.stub.seed });
+  }
+  if (o.rotation) k.patch(cut, { rotation: o.rotation });
+  return { cut, card, body, stub };
+}
+function price(k, parent, o) {
+  const row = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", gap: o.gap ?? 14, align: "CENTER", name: `${o.name} price` });
+  const figure = k.text(row, o.now, { style: o.figureStyle, color: "onCard", name: `${o.name} figure`, ...o.figureWidth ? { width: o.figureWidth } : { autoWidth: true } });
+  const side = k.stack(row, { width: "HUG", gap: 2, name: `${o.name} side` });
+  k.text(side, o.per, { style: o.sideStyle, color: "onCard", autoWidth: true, name: `${o.name} per` });
+  const was = k.stack(side, { width: "HUG", name: `${o.name} was` });
+  const t = k.text(was, o.was, { style: o.sideStyle, color: "cardMuted", autoWidth: true, name: `${o.name} was price` });
+  const n = k.node(t), weight = o.strike ?? Math.max(2, Math.round(n.height / 9));
+  k.rect(was, Math.round(n.width + 6), weight, "primary", { name: "Strike", absolute: { x: -3, y: Math.round(n.height / 2 - weight / 2) } });
+  return { row, figure };
+}
+function sticker(k, parent, lines, o = {}) {
+  const [v, h] = o.pad ?? [10, 20], u = o.u ?? 1;
+  const s = k.stack(parent, { width: "HUG", fill: "accent", radius: Math.round(7 * u), align: "CENTER", gap: o.gap ?? 0, padding: { top: v, right: h, bottom: v, left: h }, name: o.name ?? "Sticker", stroke: { color: "onAccent", width: Math.max(1.5, 3 * u), align: "INSIDE" }, effects: [hardShadow(k, "shade", Math.round(5 * u), Math.round(6 * u), 0.5)], ...o.absolute ? { absolute: o.absolute } : {} });
+  for (const [words, style, name] of lines) k.text(s, words, { style, color: "onAccent", autoWidth: true, name: name ?? `${o.name ?? "Sticker"} line` });
+  if (o.rotation) k.patch(s, { rotation: o.rotation });
+  return s;
+}
+function burst(k, parent, size, lines, o = {}) {
+  const b = k.stack(parent, { width: size, height: size, align: "CENTER", justify: "CENTER", gap: o.gap ?? 0, name: o.name ?? "Burst", ...o.absolute ? { absolute: o.absolute } : {} });
+  k.vector(b, size, size, [burstPath(size, o.points ?? 18, 0.13)], "primary", { name: "Burst shape", absolute: { x: 0, y: 0 }, effects: [hardShadow(k, "shade", Math.round(size * 0.02), Math.round(size * 0.025), 0.45)] });
+  for (const [words, style, name] of lines) k.text(b, words, { style, color: "onPrimary", autoWidth: true, name: name ?? "Burst words" });
+  if (o.rotation) k.patch(b, { rotation: o.rotation });
+  return b;
+}
+function stamp(k, parent, words, o) {
+  const [v, h] = o.pad ?? [8, 20], u = o.u ?? 1;
+  const s = k.stack(parent, { width: "HUG", fill: k.tint("card", 0.86), radius: Math.round(10 * u), padding: Math.round(6 * u), name: o.name ?? "Stamp", stroke: { color: "stampInk", width: Math.max(2, Math.round(5 * u)), align: "INSIDE" }, ...o.absolute ? { absolute: o.absolute } : {} });
+  const inner = k.stack(s, { width: "HUG", radius: Math.round(5 * u), padding: { top: v, right: h, bottom: v, left: h }, stroke: { color: "stampInk", width: Math.max(1, Math.round(2 * u)), align: "INSIDE" }, name: "Stamp edge" });
+  k.text(inner, words, { style: o.style, color: "stampInk", autoWidth: true, name: o.textName ?? "Stamp words" });
+  if (o.rotation) k.patch(s, { rotation: o.rotation });
+  return s;
+}
+function blankCoupon(k, parent, o) {
+  const { width: w, height: h } = o, u = o.u ?? 1;
+  const m = Math.round(12 * u);
+  const f = k.frame(parent, { x: o.x, y: o.y, width: w, height: h }, { name: o.name ?? "Blank coupon", stroke: { color: "cut", width: Math.max(1.5, 3 * u), align: "INSIDE", dash: [Math.round(16 * u), Math.round(11 * u)], cap: "NONE" } });
+  const paper = k.frame(f, { x: m, y: m, width: w - m * 2, height: h - m * 2 }, { name: "Blank paper", fill: o.kraft ? "kraft" : "card", effects: [shadow(k, "shade", 0.3, Math.round(10 * u), Math.round(26 * u))] });
+  const pw = w - m * 2, ph = h - m * 2, band = Math.round(ph * 0.17), stub = Math.round(pw * 0.26), pad = Math.round(ph * 0.1);
+  k.rect(paper, pw, band, "primary", { name: "Blank band", absolute: { x: 0, y: 0 } });
+  const r = rng(o.seed ?? 7);
+  const ink = o.kraft ? "kraftInk" : "print";
+  const bars = [box(pad, band + pad, (pw - stub - pad * 2) * 0.62, ph * 0.26)];
+  for (let y = band + pad + ph * 0.36; y < ph - pad * 0.6; y += ph * 0.105) bars.push(box(pad, y, (pw - stub - pad * 2) * (0.5 + r() * 0.45), ph * 0.045));
+  for (let y = band + 4 * u; y < ph - 4 * u; y += 14 * u) bars.push(box(pw - stub - u, y, 2 * u, 7 * u));
+  k.vector(paper, pw, ph, bars, ink, { name: "Blank print", absolute: { x: 0, y: 0 }, opacity: o.kraft ? 0.7 : 1 });
+  const bw = stub - pad * 1.2;
+  k.vector(paper, bw, ph * 0.42, barcodePaths(bw, ph * 0.42, (o.seed ?? 7) + 3), o.kraft ? "kraftInk" : "cardMuted", { name: "Blank barcode", absolute: { x: pw - stub + (stub - bw) / 2, y: band + (ph - band) * 0.28 } });
+  k.patch(f, { rotation: o.rotation });
+  return f;
+}
+var lift = (k, u = 1) => [shadow(k, "shade", 0.36, Math.round(18 * u), Math.round(40 * u))];
+function pinkedPaths(w, h, tooth, flip = false) {
+  const n = Math.max(2, Math.round(w / tooth)), step = w / n, depth = tooth * 0.55;
+  const teeth = [];
+  for (let i = 0; i <= n; i++) {
+    teeth.push({ x: i * step, y: flip ? depth : h - depth });
+    if (i < n) teeth.push({ x: (i + 0.5) * step, y: flip ? 0 : h });
+  }
+  return [{ closed: true, points: flip ? [...teeth, { x: w, y: h }, { x: 0, y: h }] : [{ x: 0, y: 0 }, { x: w, y: 0 }, ...teeth.reverse()] }];
+}
+function pinked(k, parent, w, h, o = {}) {
+  return k.vector(parent, w, h, pinkedPaths(w, h, o.tooth ?? 36, o.flip), "primary", { name: o.name ?? "Pinked band", absolute: { x: 0, y: o.y ?? 0 } });
+}
+function fitPinked(k, root, w, h, y, o = {}) {
+  for (const id of k.named(root, o.name ?? "Pinked band")) k.patch(id, { x: 0, y, width: w, height: h, paths: pinkedPaths(w, h, o.tooth ?? 36, o.flip), visible: true });
+}
+function heroCoupon(k, parent, o) {
+  const c = coupon(k, parent, {
+    name: "Hero coupon",
+    width: o.width,
+    u: o.u,
+    pad: o.pad,
+    gap: o.gap,
+    absolute: o.absolute,
+    rotation: o.rotation,
+    band: { label: o.band ?? "STARTER \xB7 ANNUAL PLAN", style: o.styles.band },
+    stub: { width: o.stub, code: "{{brand.code}}", label: "CODE", codeStyle: o.styles.code ?? o.styles.side, labelStyle: o.styles.fine, bars: o.bars, seed: 50 }
+  });
+  if (o.pitch !== null && o.styles.pitch) k.text(c.body, o.pitch ?? "One shop. 500 products. In sync.", { style: o.styles.pitch, color: "onCard", name: "Hero pitch" });
+  price(k, c.body, { now: `$${OFFER.starterNow}`, was: `WAS $${OFFER.starterWas}`, per: "A YEAR", figureStyle: o.styles.figure, sideStyle: o.styles.side, name: "Hero", gap: o.priceGap ?? 12, ...o.figureWidth ? { figureWidth: o.figureWidth } : {} });
+  k.text(c.body, o.small ?? "VALID 27\u201330 NOV. ONE PER SHOP.", { style: o.styles.fine, color: "cardMuted", name: "Hero small print" });
+  return c;
+}
+function smallCoupons(k, parent, o) {
+  const row = k.stack(parent, { direction: "HORIZONTAL", gap: o.gap, name: "Small coupons" });
+  const shop = coupon(k, row, { name: "Shop coupon", u: o.u, pad: o.pad, gap: 6, rotation: -1.6, band: { label: "MULTI-SHOP \xB7 ANNUAL", style: o.styles.band } });
+  price(k, shop.body, { now: `$${OFFER.shopNow}`, was: `WAS $${OFFER.shopWas}`, per: "A YEAR", figureStyle: o.styles.figure, sideStyle: o.styles.side, name: "Shop", gap: o.priceGap ?? 10 });
+  k.text(shop.body, "5 CHANNELS, NO PRODUCT LIMIT", { style: o.styles.fine, color: "cardMuted", name: "Shop small print" });
+  const setup = coupon(k, row, { name: "Setup coupon", u: o.u, pad: o.pad, gap: 6, rotation: 2, band: { label: "FREE WITH ANY PLAN", style: o.styles.band } });
+  price(k, setup.body, { now: "FREE", was: `WAS $${OFFER.setupWorth}`, per: "SET-UP", figureStyle: o.styles.figure, sideStyle: o.styles.side, name: "Setup", gap: o.priceGap ?? 10 });
+  k.text(setup.body, "WE IMPORT YOUR CATALOGUE", { style: o.styles.fine, color: "cardMuted", name: "Setup small print" });
+  return row;
+}
+function masthead(k, parent, o) {
+  const mast = k.stack(parent, { gap: o.gap ?? 8, name: "Masthead" });
+  const row = k.stack(mast, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", gap: 12, name: "Masthead row" });
+  k.text(row, "{{brand.name}} WEEKLY SAVER", { style: o.style, color: "text", autoWidth: true, name: "Edition" });
+  k.text(row, o.right ?? "BLACK FRIDAY \xB7 27\u201330 NOV", { style: o.style, color: "onPaper", autoWidth: true, name: "Dates" });
+  k.rect(mast, "FILL", o.weight ?? 6, "text", { name: "Heavy rule" });
+  return mast;
+}
+function clock(k, parent, o) {
+  const u = o.u ?? 1;
+  const tiles = k.stack(parent, { direction: "HORIZONTAL", gap: o.gap, name: "Clock" });
+  const units = o.units ?? ["DAYS", "HOURS", "MINUTES", "SECONDS"];
+  const figures = [["Days", OFFER.days], ["Hours", OFFER.hours], ["Minutes", OFFER.minutes], ["Seconds", o.seconds]];
+  figures.forEach(([name, value], i) => {
+    const tile = k.stack(tiles, { gap: Math.round(8 * u), align: "CENTER", name: "Tile" });
+    const label = k.stack(tile, { fill: "accent", radius: Math.round(10 * u), align: "CENTER", padding: { top: o.pad, right: 0, bottom: o.pad, left: 0 }, stroke: { color: "onAccent", width: Math.max(2, Math.round(4 * u)), align: "INSIDE" }, effects: [hardShadow(k, "shade", Math.round(6 * u), Math.round(7 * u), 0.45)], name: "Tile sticker" });
+    k.text(label, two(value), { style: o.style, color: "onAccent", name: `${name} figure` });
+    k.text(tile, units[i], { style: o.unitStyle, color: "onPaper", name: `${name} unit` });
+  });
+  return tiles;
+}
+var ART = { w: 540, h: 490 };
+function heroArt(k, art, o) {
+  blankCoupon(k, art, { x: -14, y: 262, width: 400, height: 210, rotation: -7, u: 0.7, seed: 3, name: "Fan back" });
+  blankCoupon(k, art, { x: 128, y: 268, width: 420, height: 216, rotation: 6, u: 0.7, seed: 9, kraft: true, name: "Fan front" });
+  const hero = heroCoupon(k, art, { width: 520, u: 0.75, pad: 18, gap: 6, absolute: { x: 10, y: 122 }, stub: 138, bars: 62, figureWidth: 232, priceGap: 8, styles: o.styles });
+  const cutter = scissors(k, hero.cut, 118, { absolute: { x: -30, y: -34 } });
+  burst(k, art, 168, [[`${OFFER.off}%`, o.burst[0]], ["OFF", o.burst[1]]], { rotation: 9, absolute: { x: 384, y: -6 } });
+  sticker(k, art, [["YOU SAVE", o.sticker[0]], [`$${OFFER.starterWas - OFFER.starterNow}`, o.sticker[1]]], { rotation: -8, pad: [7, 16], u: 0.75, absolute: { x: 396, y: 316 } });
+  return { hero, cutter };
+}
+
+export {
+  OFFER,
+  two,
+  couponBrand,
+  rayPaths,
+  rays,
+  fitRays,
+  dashRule,
+  dashColumn,
+  scissors,
+  snip,
+  barcodePaths,
+  barcode,
+  coupon,
+  price,
+  sticker,
+  burst,
+  stamp,
+  blankCoupon,
+  lift,
+  pinkedPaths,
+  pinked,
+  fitPinked,
+  heroCoupon,
+  smallCoupons,
+  masthead,
+  clock,
+  ART,
+  heroArt
+};

package/dist/chunks/chunk-RPTDNDDV.js

@@ -0,0 +1,93 @@
+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 {
+  PIGEON,
+  addressLines,
+  desk,
+  envelope,
+  letter,
+  petals,
+  postmark,
+  stage,
+  stamp,
+  valentinesBrand,
+  waxSeal
+} from "./chunk-XRYFAV6G.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-WBZ6O2YF.js";
+import {
+  Kit,
+  preset
+} from "./chunk-MTD3UAQT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/valentines-link-preview.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var valentines_link_preview_default = defineTemplate({
+  id: "social-valentines-link-preview",
+  meta: {
+    name: "Valentine link preview",
+    description: "A 1200 \xD7 630 link preview for Valentine\u2019s week: the promise in a heavy serif and the two-for-one offer as a label, beside a writing desk in oxblood and cream \u2014 an airmail envelope, a letterpress valentine whose poem is about a real feature, a wax seal, a pigeon stamp and a 14 February postmark",
+    category: "social",
+    tags: ["valentine", "valentines day", "link preview", "open graph", "og image", "love letter", "letterpress", "wax seal", "airmail", "stamp", "saas", "seasonal", "serif"],
+    platforms: ["web", "x", "linkedin", "facebook"],
+    formats: ["og-image"],
+    useCases: ["sale", "launch", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Valentine link preview", preset("og-image"));
+    k.quantizeGeometry = true;
+    valentinesBrand(k, { tagline: "Be the team that always writes back." });
+    k.textStyle("Eyebrow 18", { size: 18, fontWeight: 700, letterSpacing: 4, lineHeight: 26, textCase: "UPPER" });
+    k.textStyle("Display 76", { ...SERIF, size: 76, fontWeight: 900, letterSpacing: -2.6, lineHeight: 76 });
+    k.textStyle("Facts 19", { ...MONO, size: 19, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Label 20", { size: 20, fontWeight: 800, lineHeight: 26 });
+    k.textStyle("Salute 22", { ...SERIF, size: 22, fontStyle: "italic", fontWeight: 500, lineHeight: 28 });
+    k.textStyle("Poem 30", { ...SERIF, size: 30, fontWeight: 800, letterSpacing: -0.7, lineHeight: 38 });
+    k.textStyle("Sign 16", { ...MONO, size: 16, fontWeight: 600, letterSpacing: 0.5, lineHeight: 22 });
+    k.textStyle("Mark 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 0.5, lineHeight: 19, textAlign: "CENTER" });
+    k.textStyle("Value 20", { ...SERIF, size: 20, fontWeight: 900, lineHeight: 22, textAlign: "CENTER" });
+    pill(k, "Label", { fill: "primary", ink: "onPrimary", style: "Label 20", label: "Two for one until 14 February", pad: [10, 20], radius: 4 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 20, { top: 60, right: 600, bottom: 60, left: 72 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    desk(k, sheet, { x: 0.72, y: 0.45 });
+    const st = stage(k, sheet, { w: 620, h: 630, name: "Desk", absolute: { x: 580, y: 0 } });
+    const env = envelope(k, st, { x: 80, y: 205, w: 540, h: 370, tilt: 8, name: "Envelope" });
+    addressLines(k, env, { x: 64, y: 262, w: 220, gap: 28 });
+    stamp(k, env, { x: 404, y: 40, w: 100, style: "Value 20", value: "14" });
+    postmark(k, env, { x: 330, y: 214, size: 112, style: "Mark 16", waves: 0, tilt: -14 });
+    petals(k, st, [[0, 20, 46, 40], [560, 40, 38, -30], [20, 560, 44, 120], [-40, 330, 34, -70]]);
+    const card = letter(k, st, { x: 26, y: 44, w: 456, tilt: -5, pad: 28, gap: 12 });
+    k.text(card.inner, "To Pigeon, on the fourteenth", { style: "Salute 22", color: "inkRed", name: "Salute" });
+    k.text(card.inner, "Roses are red,\nour queue was a zoo.\nNobody\u2019s replied twice\nsince we switched to you.", { style: "Poem 30", color: "ink", name: "Poem" });
+    k.text(card.inner, "\u2014 the support desk at Fernhill", { style: "Sign 16", color: "inkSoft", name: "Signature" });
+    waxSeal(k, st, { x: 318, y: 318, size: 150, tilt: -12 });
+    k.text(sheet, "{{brand.name}} \xB7 Valentine\u2019s week", { style: "Eyebrow 18", color: "onPaper", name: "Eyebrow" });
+    k.text(sheet, "{{brand.tagline}}", { style: "Display 76", color: "text", name: "Headline" });
+    k.text(sheet, "One owner per email. No double replies. Nothing left on read.", { style: "Facts 19", color: "onPaper", name: "Facts" });
+    k.instance(sheet, "Label", { Label: `Two for one until ${PIGEON.ends}` }, { name: "Label" });
+    return k.finish();
+  }
+});
+
+export {
+  valentines_link_preview_default
+};

package/dist/chunks/chunk-RQI3UGPO.js

@@ -0,0 +1,104 @@
+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,
+  cut,
+  garden,
+  packetStyles
+} from "./chunk-MOZKAMPM.js";
+import {
+  EMAIL_FPS,
+  HEADER
+} from "./chunk-LU2IMHZ2.js";
+import {
+  MONO
+} from "./chunk-X23ZWFW2.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-WBZ6O2YF.js";
+import {
+  Kit
+} from "./chunk-MTD3UAQT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/email/spring-bloom-header.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 4800;
+var PRINT = { w: 268, h: 264 };
+var cues = [
+  { layer: "Button", preset: "pulse", at: 3e3, params: { duration: 800, amount: 0.06 } }
+];
+var spring_bloom_header_default = defineTemplate({
+  id: "email-spring-bloom-header",
+  meta: {
+    name: "Spring bloom email header (animated GIF)",
+    description: "A 600 \xD7 300 animated header for a spring email: the offer, the code and the button are all on the first frame (for Outlook), beside a print of a cut-paper bed in full flower, bulbs and all; then the flowers sway, petals drift across the print and the paper sun turns \u2014 a seamless 4.8-second GIF loop",
+    category: "email",
+    tags: ["email", "gif", "animated", "header", "banner", "spring", "bloom", "flowers", "seed packet", "cut paper", "spring clean", "offer", "saas", "seasonal"],
+    platforms: ["email"],
+    formats: ["email", "banner"],
+    useCases: ["sale", "newsletter", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Spring bloom email header", HEADER);
+    k.quantizeGeometry = true;
+    bloomBrand(k, { offer: "Spring clean your backlog." });
+    packetStyles(k);
+    k.textStyle("Eyebrow 12", { ...MONO, size: 12, fontWeight: 800, letterSpacing: 1.2, lineHeight: 16, textCase: "UPPER" });
+    k.textStyle("Offer 38", { size: 38, fontWeight: 900, letterSpacing: -1.9, lineHeight: 36 });
+    k.textStyle("Account 14", { size: 14, fontWeight: 500, lineHeight: 21 });
+    k.textStyle("Button 14", { size: 14, fontWeight: 800, lineHeight: 20 });
+    pill(k, "Button pill", { fill: "primary", ink: "onPrimary", style: "Button 14", label: "Plant your backlog", pad: [9, 20] });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 9, { top: 24, right: 310, bottom: 24, left: 30 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
+    const s = {
+      w: PRINT.w,
+      h: PRINT.h,
+      loopMs: DURATION,
+      soil: 186,
+      hills: 96,
+      petals: 4,
+      plantScale: 0.34,
+      u: 0.45,
+      worm: { x: 0.34, y: 58 },
+      sun: { x: 214, y: 48, r: 32 },
+      clouds: [{ x: 18, y: 26, w: 84 }],
+      packets: [{ x: 132, lift: 62, scale: 0.31, packet: VARIETIES[1] }],
+      plants: [
+        { x: 42, h: 300, R: 66, flower: FLOWERS.tulip, lean: -8 },
+        { x: 212, h: 340, R: 80, flower: FLOWERS.cosmos, lean: 10 },
+        { x: 256, h: 170, R: 50, flower: FLOWERS.daisy, lean: -10 }
+      ]
+    };
+    const print = k.stack(sheet, { width: PRINT.w, height: PRINT.h, fill: "paper", radius: 14, clip: true, stroke: { color: "white", width: 7, align: "INSIDE" }, effects: [cut(1, 0.24, 1.6)], absolute: { x: 600 - PRINT.w - 18, y: 18 }, name: "Print" });
+    const ground = k.frame(print, { x: 0, y: 0, width: PRINT.w, height: PRINT.h }, { name: "Garden", clip: true });
+    garden(k, ground, s);
+    k.text(sheet, "Spring planting \xB7 40% off", { style: "Eyebrow 12", color: "text", name: "Eyebrow" });
+    k.text(sheet, "{{brand.offer}}", { style: "Offer 38", color: "text", name: "Offer" });
+    k.text(sheet, "{{brand.name}} thins the duplicates and composts what died over winter. Code FIRSTSHOOTS, until 30 April.", { style: "Account 14", color: "onPaper", name: "Account" });
+    k.instance(sheet, "Button pill", { Label: "Plant your backlog" }, { name: "Button" });
+    k.cues(sheet, cues);
+    return k.finish();
+  }
+});
+
+export {
+  spring_bloom_header_default
+};