@popcraft/kit 0.26.0 → 0.27.0

package/dist/chunks/chunk-A5SSYKGK.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 {
+  PARTS,
+  STENCIL,
+  assembly,
+  blueprintBrand,
+  callouts,
+  dimension,
+  drawingSheet,
+  fitSheet,
+  revStamp,
+  titleBlock
+} from "./chunk-LVPVIGUM.js";
+import {
+  MONO
+} from "./chunk-X23ZWFW2.js";
+import {
+  board
+} from "./chunk-QLV6445V.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  Kit,
+  preset
+} from "./chunk-6QHAQLJ4.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/blueprint-link-preview.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SIZE = { a: 150, t: 24, pitch: 126, left: 150, top: 44, bottom: 44 };
+var BOARD = { width: 700, height: SIZE.top + SIZE.a + 4 * SIZE.pitch + SIZE.t + SIZE.bottom };
+var blueprint_link_preview_default = defineTemplate({
+  id: "social-blueprint-link-preview",
+  meta: {
+    name: "Blueprint link preview",
+    description: "A link preview drawn as an engineering blueprint: the promise in stencil capitals on a gridded cyanotype sheet with a zoned border and a title block, beside an exploded isometric view of the product\u2019s five parts with numbered balloons, a dimension and a REV B stamp. 1200 \xD7 630, with a 1280 \xD7 640 GitHub social preview",
+    category: "social",
+    tags: ["blueprint", "engineering drawing", "cyanotype", "exploded view", "isometric", "technical", "monospace", "link preview", "open graph", "og image", "github", "api", "infrastructure", "developer tools", "saas"],
+    platforms: ["web", "x", "linkedin", "facebook", "github"],
+    formats: ["og-image"],
+    useCases: ["launch", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Blueprint link preview", preset("og-image"));
+    k.quantizeGeometry = true;
+    blueprintBrand(k, { promise: "Every request, dimensioned." });
+    k.textStyle("Eyebrow 18", { ...STENCIL, size: 18, fontWeight: 700, letterSpacing: 1.6, lineHeight: 24 });
+    k.textStyle("Display 66", { ...STENCIL, size: 66, fontWeight: 800, letterSpacing: -2.6, lineHeight: 66 });
+    k.textStyle("Facts 22", { size: 22, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Balloon 24", { ...MONO, size: 24, fontWeight: 800, lineHeight: 28 });
+    k.textStyle("Part 28", { ...STENCIL, size: 28, fontWeight: 800, letterSpacing: 0.5, lineHeight: 32 });
+    k.textStyle("Dim 24", { ...STENCIL, size: 24, fontWeight: 800, lineHeight: 28 });
+    k.textStyle("Cell 16", { ...STENCIL, size: 16, fontWeight: 700, letterSpacing: 1.2, lineHeight: 20 });
+    k.textStyle("Cell 20", { ...MONO, size: 20, fontWeight: 800, lineHeight: 24 });
+    k.textStyle("Stamp 46", { ...STENCIL, size: 46, fontWeight: 800, letterSpacing: 2, lineHeight: 48 });
+    k.textStyle("Stamp 16", { ...STENCIL, size: 16, fontWeight: 800, letterSpacing: 1.5, lineHeight: 20 });
+    k.textStyle("Label 18", { ...STENCIL, size: 18, fontWeight: 800, letterSpacing: 0.5, lineHeight: 24 });
+    pill(k, "Label", { fill: "text", ink: "paper", style: "Label 18", label: "Start free", pad: [10, 18], radius: 0 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, { top: 64, right: 60, bottom: 64, left: 72 }, "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    drawingSheet(k, sheet, 1200, 630, { margin: 20 });
+    const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, align: "CENTER", justify: "SPACE_BETWEEN", name: "Row" });
+    const copy = k.stack(row, { gap: 20, width: 560, name: "Copy" });
+    k.text(copy, "{{brand.name}} \xB7 DWG GDR-200 \xB7 API gateway", { style: "Eyebrow 18", color: "onPaper", name: "Eyebrow" });
+    k.text(copy, "{{brand.promise}}", { style: "Display 66", color: "text", name: "Headline" });
+    k.text(copy, "TLS, auth, rate limits, cache and routing in 19 ms at p99, across 34 regions.", { style: "Facts 22", color: "onPaper", name: "Facts" });
+    const foot = k.stack(copy, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Foot" });
+    titleBlock(k, foot, [{ label: "Drawing", value: "{{brand.site}}" }, { label: "Scale", value: "1:1", width: 84 }, { label: "Rev", value: "B", width: 70, fill: "primary", name: "Rev cell" }], { label: "Cell 16", value: "Cell 20", height: 64, pad: 12 });
+    k.instance(foot, "Label", { Label: "Start free" }, { name: "Call" });
+    const bd = board(k, row, BOARD.width, BOARD.height, 0.66, "Board");
+    const asm = assembly(k, bd, { ...SIZE, right: BOARD.width - SIZE.left - 2 * SIZE.a });
+    callouts(k, asm, PARTS, { r: 26, gap: 62, num: "Balloon 24", name: "Part 28", labelWidth: 170 });
+    const span = asm.ys[4] + SIZE.a / 2 + SIZE.t - (asm.ys[0] - SIZE.a / 2);
+    dimension(k, asm.id, { at: { x: asm.cx - SIZE.a - 68, y: asm.ys[0] - SIZE.a / 2 }, length: span, upright: true, ext: -60, label: "19 ms", style: "Dim 24", labelWidth: 104, labelHeight: 40 });
+    revStamp(k, asm.id, { big: "Rev B", small: "Released 02 Oct 2026", bigStyle: "Stamp 46", smallStyle: "Stamp 16", turn: -6, absolute: { x: 380, y: 672 } });
+    k.variants(sheet, [{ preset: "github-social", adjust: (kit, id) => {
+      const f = kit.node(id);
+      fitSheet(kit, id, f.width, f.height, { margin: 20 });
+      for (const n of kit.named(id, "Copy")) kit.patch(n, { width: 620 });
+    } }]);
+    return k.finish();
+  }
+});
+
+export {
+  blueprint_link_preview_default
+};

package/dist/chunks/chunk-A6G3NLOQ.js

@@ -0,0 +1,86 @@
+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
+} from "./chunk-CYXCKXXJ.js";
+import {
+  art as art2,
+  businessCard,
+  cardParts,
+  contactLines
+} from "./chunk-R7QF6R3N.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/print/printshop-card-photographer.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var corners = (W, H, m, len) => [
+  [[m, m + len], [m, m], [m + len, m]],
+  [[W - m - len, m], [W - m, m], [W - m, m + len]],
+  [[W - m, H - m - len], [W - m, H - m], [W - m - len, H - m]],
+  [[m + len, H - m], [m, H - m], [m, H - m - len]]
+].map((pts) => ({ closed: false, points: pts.map(([x, y]) => ({ x, y })) }));
+var printshop_card_photographer_default = defineTemplate({
+  id: "print-printshop-card-photographer",
+  meta: {
+    name: "Photographer business card",
+    description: "A card for a photographer that is mostly photograph: one picture to the bleed on the front with viewfinder corner marks and the name on a small white tab; a white back with the name in a serif, the work taken, the brand kit\u2019s number, email and website, and a strip of frames running off the edge like a contact sheet. Every picture is an image to replace. 85 \xD7 55 mm and US 3.5 \xD7 2 in, two-sided",
+    category: "business-card",
+    tags: ["business card", "photographer", "photography", "wedding photographer", "portrait", "photo", "full bleed", "editorial", "contact sheet", "two-sided", "print"],
+    platforms: ["print"],
+    formats: ["card"],
+    useCases: ["brand-intro", "portfolio"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  build() {
+    const k = businessCard("Photographer business card", {}, (k2) => {
+      k2.quantizeGeometry = true;
+      k2.brand(
+        { paper: "#FFFFFF", text: "#111111", onPaper: "#5F5F5F", primary: "#111111", onPrimary: "#FFFFFF", accent: "#E0452B" },
+        { name: "Mara Quint", tagline: "Weddings, portraits and editorial", email: "mara@maraquint.com", phone: "+1 (617) 555-0193", website: "maraquint.com", address: "Boston, MA" }
+      );
+      k2.palette({ mark: "#FFFFFF", film: "#1A1A1A" });
+      k2.textStyle("Tab 10", { ...SERIF, size: 10, fontWeight: 600, lineHeight: 13 });
+      k2.textStyle("Frame 8", { ...MONO, size: 8, fontWeight: 500, letterSpacing: 0.4, lineHeight: 10 });
+      k2.textStyle("Name 19", { ...SERIF, size: 19, fontWeight: 400, letterSpacing: -0.3, lineHeight: 22 });
+      k2.textStyle("Work 8", { size: 8, fontWeight: 600, letterSpacing: 1.4, lineHeight: 11 });
+      k2.textStyle("Label 8", { ...MONO, size: 8, fontWeight: 500, lineHeight: 12 });
+      k2.textStyle("Value 8.5", { size: 8.5, fontWeight: 400, lineHeight: 12 });
+      cardParts(k2, { name: "Name 19", title: "Work 8", nameColor: "text", titleColor: "onPaper", label: "Label 8", value: "Value 8.5", labelColor: "onPaper", valueColor: "text", gap: 7, labelWidth: 10, personGap: 4 });
+    }, (k2, { front, back, size }) => {
+      const { W, H, B } = size;
+      k2.flowSheet(front, 0, 30, "primary", "MAX", "MIN");
+      const img = k2.image(front, art("photo-00"), W + B * 2, H + B * 2, { name: "Photograph" });
+      k2.patch(img, { layoutPositioning: "ABSOLUTE", x: -B, y: -B });
+      art2(k2, front, W, H, B, corners(W, H, 12, 14), "mark", { name: "Viewfinder", strokeWidth: 1.25 });
+      const tab = k2.stack(front, { direction: "HORIZONTAL", gap: 8, width: "HUG", padding: { top: 6, right: 9, bottom: 6, left: 9 }, fill: "paper", align: "CENTER", name: "Name tab" });
+      k2.text(tab, "{{brand.name}}", { style: "Tab 10", color: "text", autoWidth: true, name: "Name" });
+      k2.text(tab, "FRAME 24A", { style: "Frame 8", color: "onPaper", autoWidth: true, name: "Frame" });
+      k2.flowSheet(back, 10, { top: 22, right: 22, bottom: 20, left: 22 }, "paper", "SPACE_BETWEEN", "MIN");
+      const fw = 58, fh = 39;
+      const strip = k2.stack(back, { gap: 4, padding: { top: 6, right: 6, bottom: 6, left: 6 }, fill: "film", width: fw + 12, height: H + B * 2, clip: true, justify: "CENTER", name: "Contact strip", absolute: { x: W - fw - 12 - 18, y: -B } });
+      for (const id of ["photo-08", "photo-10", "photo-04", "photo-02", "photo-06", "photo-00"]) k2.image(strip, art(id), fw, fh, { name: "Frame" });
+      k2.instance(back, "Person", { Name: "{{brand.name}}", Title: "WEDDINGS & PORTRAITS" }, { name: "Person" });
+      contactLines(k2, back, ["T", "E", "W"], 1);
+    });
+    return k.finish();
+  }
+});
+
+export {
+  printshop_card_photographer_default
+};

package/dist/chunks/chunk-ABGYLQSM.js

@@ -0,0 +1,94 @@
+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 {
+  onColor,
+  scrim,
+  withSong
+} from "./chunk-IUBQTPZK.js";
+import {
+  bassKick,
+  spectrumBars,
+  visualizer
+} from "./chunk-PTXYK6OH.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  Kit,
+  preset
+} from "./chunk-6QHAQLJ4.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/music/synthwave-tunnel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DEEP = "#0B0620";
+var PINK = "#FF3D9A";
+var CYAN = "#29E6FF";
+var SUN = "#FFC247";
+var ORCHID = "#B45CFF";
+var CUES = [
+  { layer: "Sun", preset: "scale-in", at: 0, params: { duration: 900 } },
+  { layer: "Song", preset: "blur-in", at: 500, params: { duration: 900 } },
+  { layer: "Artist", preset: "rise-in", at: 1100, params: { duration: 700, distance: 30 } },
+  { layer: "Horizon", preset: "fade-in", at: 300, params: { duration: 1200 } }
+];
+var synthwave_tunnel_default = defineTemplate({
+  id: "motion-music-synthwave-tunnel",
+  meta: {
+    name: "Synthwave tunnel visualizer",
+    description: "A 16:9 retro visualizer: a neon grid tunnel rushing toward you with streaking stars (a shader graph glowing with the bass), a sun that swells on the kick, a chrome title and an equalizer on the horizon",
+    category: "animation",
+    tags: ["animation", "music", "music video", "synthwave", "retro", "tunnel", "visualizer", "audio reactive", "milkdrop", "equalizer", "youtube"],
+    platforms: ["youtube"],
+    formats: ["video"],
+    useCases: ["launch", "brand-intro"],
+    created: "2026-09-30",
+    updated: "2026-09-30"
+  },
+  motion: { cues: CUES },
+  build() {
+    const k = new Kit("Synthwave tunnel visualizer", preset("video-1080p"));
+    k.brand(
+      { deep: DEEP, accent: PINK, cyan: CYAN, sun: SUN, orchid: ORCHID, text: "#FFFFFF", onDeep: onColor(DEEP, ["#FFFFFF"]), onSun: onColor(SUN, [DEEP]), onAccent: onColor(PINK, [DEEP, "#000000"]) },
+      { song: "Night Drive", artist: "Chrome Harbor" }
+    );
+    k.textStyle("Song 190", { size: 190, fontWeight: 900, lineHeight: 190, letterSpacing: -4, textAlign: "CENTER", textCase: "UPPER" });
+    k.textStyle("Artist 54", { size: 54, fontFamily: "Source Serif 4", fontStyle: "italic", fontWeight: 600, lineHeight: 64, letterSpacing: 2, textAlign: "CENTER" });
+    k.textStyle("Tag 26", { size: 26, fontWeight: 800, lineHeight: 32, letterSpacing: 4, textCase: "UPPER" });
+    pill(k, "Tag", { fill: "accent", ink: "onAccent", style: "Tag 26", label: "Official visualizer", pad: [10, 24] });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Night drive");
+    k.flowSheet(sheet, 0, { top: 0, right: 0, bottom: 0, left: 0 }, "deep");
+    k.patch(sheet, { clipsContent: true });
+    withSong(k, sheet, "synthwave", 2, 900);
+    visualizer(k, sheet, "synth-tunnel", { a: "deep", b: "accent", c: "cyan" }, { name: "Neon tunnel" });
+    const sun = k.ellipse(sheet, 380, [k.gradient({ from: "sun", to: "accent", angle: 90 })], { name: "Sun", absolute: { x: 770, y: 80 } });
+    bassKick(k, sun, 0.08, 150);
+    const glow = { id: "e1", type: "DROP_SHADOW", color: k.color("accent", 0.85), offset: { x: 0, y: 0 }, blur: 48, spread: 0, visible: true };
+    const titleRow = k.stack(sheet, { direction: "HORIZONTAL", width: 1728, justify: "CENTER", name: "Title row", absolute: { x: 96, y: 460 } });
+    const plate = scrim(k, titleRow, "deep", { width: "HUG", gap: 10, padding: { top: 16, right: 56, bottom: 24, left: 56 }, radius: 40, name: "Title plate" });
+    k.text(plate, "{{brand.song}}", { style: "Song 190", color: "onDeep", autoWidth: true, name: "Song", effects: [glow] });
+    const shade = { id: "e1", type: "DROP_SHADOW", color: k.color("deep", 0.9), offset: { x: 0, y: 4 }, blur: 18, spread: 6, visible: true };
+    k.text(plate, "{{brand.artist}}", { style: "Artist 54", color: "sun", autoWidth: true, name: "Artist", effects: [shade] });
+    k.instance(plate, "Tag", {}, { name: "Tag" });
+    const horizon = k.stack(sheet, { width: 1600, height: 190, name: "Horizon", absolute: { x: 160, y: 850 } });
+    spectrumBars(k, horizon, { width: 1600, height: 190, color: "orchid", count: 48, range: [0.02, 0.85] });
+    k.cues(sheet, CUES);
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  CUES,
+  synthwave_tunnel_default
+};

package/dist/chunks/chunk-AD3PLAPU.js

@@ -0,0 +1,130 @@
+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 {
+  draw,
+  heart,
+  leaf,
+  redraw,
+  restyleAll,
+  rose,
+  scaleGaps
+} from "./chunk-AISWLDDO.js";
+import {
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  verticalPadding
+} from "./chunk-EK5CFFJO.js";
+import {
+  rng
+} from "./chunk-BNVLVZUT.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  Kit,
+  preset
+} from "./chunk-6QHAQLJ4.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/holidays-valentines-florist-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Valentine\u2019s florist pre-order post";
+function art(w, h, top = 0) {
+  const s = w / 1080, r = rng(14);
+  const groups = [
+    [[0.86, 0.06, 120], [0.66, 0.03, 100], [0.98, 0.2, 104], [0.77, 0.19, 86], [0.47, 0, 84], [1.02, 0.02, 80], [0.28, -0.02, 76], [0.1, 0.03, 90], [-0.02, 0.15, 70], [0.2, 0.15, 56], [0.58, 0.16, 60], [0.38, 0.14, 48]],
+    [[0.95, 0.38, 70], [0.86, 0.33, 50]]
+  ];
+  const y = (f) => top * 0.5 + f * 1350 * s;
+  const parts = groups.map((g, gi) => {
+    const roses = g.map(([x, f, rr], i) => rose(w * x, y(f), rr * s, 20 + gi * 10 + i));
+    const leaves = g.flatMap(([x, f, rr]) => [0, 1].map((j) => leaf({ x: w * x, y: y(f) }, rr * 1.3 * s, rr * 0.5 * s, 1.6 + j * 2.2 + r() * 0.6)));
+    return [
+      { name: "Leaves", paths: leaves, color: "leaf" },
+      { name: "Roses outer", paths: roses.flatMap((x) => x.outer), color: "blush" },
+      { name: "Rose edges", paths: roses.flatMap((x) => x.outer), color: "ground", o: { strokeWidth: 2.4 * s, opacity: 0.3 } },
+      { name: "Roses middle", paths: roses.flatMap((x) => x.mid), color: "pink" },
+      { name: "Rose middle edges", paths: roses.flatMap((x) => x.mid), color: "ground", o: { strokeWidth: 2 * s, opacity: 0.3 } },
+      { name: "Rose hearts", paths: roses.flatMap((x) => x.core), color: "deep" },
+      { name: "Rose swirls", paths: roses.flatMap((x) => x.swirl), color: "blush", o: { strokeWidth: 2.4 * s, opacity: 0.8 } }
+    ];
+  });
+  const fall = [[0.84, 0.56, 20, 0.5], [0.95, 0.64, 16, -0.4], [0.88, 0.74, 13, 1.1], [0.96, 0.84, 15, 0.3], [0.86, 0.92, 11, -0.8]].map(([x, f, sz, t]) => heart(w * x, top + h * f, sz * 2 * s, t));
+  return [...parts.flat(), { name: "Falling petals", paths: fall, color: "blush", o: { opacity: 0.85 } }];
+}
+var holidays_valentines_florist_post_default = defineTemplate({
+  id: "social-holidays-valentines-florist-post",
+  meta: {
+    name: NAME,
+    description: "A florist\u2019s Valentine\u2019s pre-order post: roses seen from above spill in from the corner of a deep red ground with petals drifting down, \u201COrder your roses by 11 February\u201D in a big serif, three bouquets with prices, and how delivery works. 4:5 for the feed and 9:16 for stories",
+    category: "social",
+    tags: ["valentine\u2019s day", "valentines", "florist", "flowers", "roses", "pre-order", "flower shop", "small business", "delivery", "instagram", "story", "post"],
+    platforms: ["instagram", "facebook"],
+    formats: ["portrait-post", "story"],
+    useCases: ["sale", "announcement"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("ig-portrait"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#7A1027", text: "#FFE9EC", onPaper: "#F7B7C2", primary: "#FFD2DA", onPrimary: "#5E0B1D", line: "#A43450" },
+      { name: "Petal & Stem", site: "petalandstem.flowers" }
+    );
+    k.palette({ blush: "#F49AAE", pink: "#DB4A68", deep: "#A11E3C", leaf: "#3F6B4A", ground: "#7A1027" });
+    k.textStyle("Kicker 26", { size: 26, fontWeight: 700, letterSpacing: 5, lineHeight: 34 });
+    k.textStyle("Title 104", { ...SERIF, size: 104, fontWeight: 700, letterSpacing: -3, lineHeight: 100 });
+    k.textStyle("Item 32", { ...SERIF, size: 32, fontWeight: 600, lineHeight: 40 });
+    k.textStyle("Price 32", { size: 32, fontWeight: 800, lineHeight: 40, fontFeatures: { tnum: 1 } });
+    k.textStyle("Body 26", { size: 26, fontWeight: 400, lineHeight: 36 });
+    k.textStyle("Foot 24", { size: 24, fontWeight: 700, letterSpacing: 1, lineHeight: 30 });
+    k.component("Bouquet", { direction: "HORIZONTAL", gap: 24, width: 696, justify: "SPACE_BETWEEN", padding: { top: 14, right: 0, bottom: 14, left: 0 }, props: { Name: "Bouquet", Price: "$0" } }, (id) => {
+      k.propText(id, "Name", { style: "Item 32", color: "text", autoWidth: true, name: "Bouquet name" });
+      k.propText(id, "Price", { style: "Price 32", color: "onPaper", autoWidth: true, name: "Bouquet price" });
+    });
+    const sheet = k.sheet;
+    const { width: W, height: H } = k.node(sheet);
+    k.flowSheet(sheet, 0, { top: 450, right: 300, bottom: 84, left: 84 }, "paper", "MIN", "MIN");
+    draw(k, sheet, art(W, H));
+    k.text(sheet, "VALENTINE\u2019S DAY \xB7 SUNDAY 14 FEB", { style: "Kicker 26", color: "onPaper", width: "FILL", name: "Kicker" });
+    k.stack(sheet, { height: 20, name: "Gap" });
+    k.text(sheet, "Order your roses by 11 February", { style: "Title 104", color: "text", width: "FILL", name: "Title" });
+    k.stack(sheet, { height: 30, name: "Gap" });
+    const list = k.stack(sheet, { width: "FILL", name: "Bouquets" });
+    for (const [i, [n, p]] of [["A dozen red roses", "$78"], ["Hand-tied spring posy", "$45"], ["One stem, bud vase", "$14"]].entries()) {
+      k.instance(list, "Bouquet", { Name: n, Price: p }, { name: "Bouquet", width: "FILL" });
+      if (i < 2) k.rect(list, "FILL", 2, "line", { name: "Rule" });
+    }
+    k.stack(sheet, { height: 24, name: "Gap" });
+    k.text(sheet, "Delivered across the city on the 13th and 14th, or collect from the shop. Every bunch comes with a handwritten card.", { style: "Body 26", color: "onPaper", width: "FILL", name: "Body" });
+    k.stack(sheet, { height: 24, name: "Gap" });
+    k.text(sheet, "{{brand.name}} \xB7 {{brand.site}}", { style: "Foot 24", color: "onPaper", width: "FILL", name: "Foot" });
+    k.textStyle("Title 116", { ...SERIF, size: 116, fontWeight: 700, letterSpacing: -3.4, lineHeight: 110 });
+    const story = {
+      preset: "ig-story",
+      adjust: (kit, id) => {
+        const { width: w, height: h } = kit.node(id);
+        const safe = verticalPadding(84);
+        redraw(kit, id, art(w, h, safe.top - 84));
+        kit.patch(id, { padding: { top: safe.top + 300, right: w - safe.left - 696, bottom: safe.bottom, left: safe.left } });
+        restyleAll(kit, id, [["Title", "Title 116"]]);
+        scaleGaps(kit, id, 1);
+      }
+    };
+    k.variants(sheet, [story]);
+    return k.finish();
+  }
+});
+
+export {
+  holidays_valentines_florist_post_default
+};

package/dist/chunks/chunk-AE2KNNNM.js

@@ -0,0 +1,86 @@
+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 {
+  blindsWindow,
+  castLight,
+  noirBrand,
+  stamp
+} from "./chunk-JT7IIMKX.js";
+import {
+  EMAIL_FPS,
+  HEADER
+} from "./chunk-EDJ2MPSL.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  Kit
+} from "./chunk-6QHAQLJ4.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/email/noir-header.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 4800;
+var cues = [
+  { layer: "Figure", preset: "pulse", at: 900, params: { duration: 900, amount: 0.04 } },
+  { layer: "Stamp", preset: "pulse", at: 2e3, params: { duration: 700, amount: 0.08 } },
+  { layer: "Button", preset: "pulse", at: 3100, params: { duration: 800, amount: 0.06 } }
+];
+var noir_header_default = defineTemplate({
+  id: "email-noir-header",
+  meta: {
+    name: "Noir email header (animated GIF)",
+    description: "A 600 \xD7 300 animated header for a weekly report or digest email, as a film-noir case file: the recovered figure, the account of the week and the button are all on the first frame (for Outlook), then rain runs down a window behind venetian blinds and the figure swells \u2014 a seamless 4.8-second GIF loop",
+    category: "email",
+    tags: ["email", "gif", "animated", "header", "banner", "noir", "film noir", "detective", "rain", "report", "digest", "saas", "serif"],
+    platforms: ["email"],
+    formats: ["email", "banner"],
+    useCases: ["report", "newsletter", "stats"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Noir email header", HEADER);
+    k.quantizeGeometry = true;
+    noirBrand(k);
+    k.textStyle("Eyebrow 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.6, lineHeight: 16, textCase: "UPPER" });
+    k.textStyle("Figure 46", { ...SERIF, size: 46, fontWeight: 900, letterSpacing: -1.6, lineHeight: 46 });
+    k.textStyle("Account 15", { ...SERIF, size: 15, fontWeight: 400, lineHeight: 22 });
+    k.textStyle("Button 14", { size: 14, fontWeight: 800, lineHeight: 20 });
+    k.textStyle("Stamp 13", { size: 13, fontWeight: 900, letterSpacing: 1.5, lineHeight: 16, textCase: "UPPER" });
+    pill(k, "Button pill", { fill: "primary", ink: "onPrimary", style: "Button 14", label: "Open this week\u2019s file", pad: [9, 20], radius: 3 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 10, { top: 28, right: 268, bottom: 28, left: 32 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
+    castLight(k, sheet, 600, 300, { bars: 7, opacity: 0.08, rise: 70 });
+    const win = blindsWindow(k, sheet, 216, 244, { absolute: { x: 356, y: 28 }, rate: 200, slats: 9, figure: 0.74 });
+    stamp(k, win, "3 leaks found", { style: "Stamp 13", solid: true, turn: -7, pad: [3, 8], absolute: { x: 12, y: 150 } });
+    k.text(sheet, "The weekly case report \xB7 no. 31", { style: "Eyebrow 12", color: "onPaper", name: "Eyebrow" });
+    k.text(sheet, "$8,410 recovered", { style: "Figure 46", color: "text", name: "Figure" });
+    k.text(sheet, "Three leaks found, two closed, one suspect still at large. The evidence is inside.", { style: "Account 15", color: "onPaper", name: "Account" });
+    k.stack(sheet, { height: 2, name: "Gap" });
+    k.instance(sheet, "Button pill", { Label: "Open this week\u2019s file" }, { name: "Button" });
+    k.cues(sheet, cues);
+    return k.finish();
+  }
+});
+
+export {
+  noir_header_default
+};