@popcraft/kit 0.27.0 → 0.28.0

package/dist/chunks/chunk-ACSE7S4L.js

@@ -0,0 +1,139 @@
+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,
+  fitStage,
+  letter,
+  petals,
+  postmark,
+  refillDesk,
+  stage,
+  stamp,
+  valentinesBrand,
+  waxSeal
+} from "./chunk-XRYFAV6G.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  outro,
+  pill,
+  postVariants
+} 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-poem-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 8e3;
+var STAGE = { w: 1080, h: 800 };
+var cues = [
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 500 } },
+  { layer: "Envelope", preset: "slide-in", at: 0, params: { duration: 600, direction: "right", distance: 500 } },
+  { layer: "Letter", preset: "rise-in", at: 150, params: { duration: 600 } },
+  { layer: "Salute", preset: "fade-in", at: 250, params: { duration: 400 } },
+  { layer: "Poem", preset: "lines-in", at: 400, params: { duration: 1800 } },
+  { layer: "Signature", preset: "fade-in", at: 2500, params: { duration: 500 } },
+  { layer: "Postmark", preset: "pop-in", at: 2700, params: { duration: 240, amount: 1.6 } },
+  { layer: "Seal", preset: "pop-in", at: 3100, params: { duration: 280, amount: 1.9 } },
+  { layer: "Petal", preset: "drop-in", at: 3300, params: { duration: 700 }, stagger: { delay: 110 } },
+  { layer: "Code", preset: "pop-in", at: 3600, params: { duration: 450 } },
+  { layer: "Terms", preset: "fade-in", at: 3800, params: { duration: 600 } },
+  { layer: "Code", preset: "pulse", at: 5400, params: { duration: 900, amount: 0.06 } },
+  // The desk is cleared again, as it began: the loop sets the valentine afresh.
+  { layer: "Petal", preset: "fade-out", at: 7200, params: { duration: 350 }, stagger: { delay: 40 } },
+  { layer: "Seal", preset: "fade-out", at: 7200, params: { duration: 350 } },
+  { layer: "Postmark", preset: "fade-out", at: 7260, params: { duration: 350 } },
+  { layer: "Letter", preset: "drop-out", at: 7300, params: { duration: 450 } },
+  { layer: "Envelope", preset: "fade-out", at: 7400, params: { duration: 400 } },
+  outro(["Eyebrow", "Code", "Terms"], 7300)
+];
+var valentines_poem_post_default = defineTemplate({
+  id: "motion-valentines-poem-post",
+  meta: {
+    name: "Valentine poem post (animated)",
+    description: "A \u201Croses are red\u201D valentine about a real feature: a letterpress card lands on an airmail envelope, its four lines are set one by one, the 14 February postmark is struck, the wax seal goes on, petals fall and the two-for-one code pops at the foot \u2014 an eight-second loop in oxblood and cream, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "valentine", "valentines day", "poem", "roses are red", "love letter", "letterpress", "wax seal", "airmail", "offer", "saas", "post", "seasonal", "loop"],
+    platforms: ["instagram", "linkedin", "x", "threads", "facebook"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["sale", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Valentine poem post (animated)", preset("ig-post"));
+    k.quantizeGeometry = true;
+    valentinesBrand(k, { poem: "Roses are red,\ninboxes are blue.\nEvery email has one owner\nand the customer has you.", code: `Code ${PIGEON.code}` });
+    k.textStyle("Eyebrow 24", { size: 24, fontWeight: 700, letterSpacing: 5, lineHeight: 32, textCase: "UPPER" });
+    k.textStyle("Salute 34", { ...SERIF, size: 34, fontStyle: "italic", fontWeight: 500, lineHeight: 42 });
+    k.textStyle("Poem 54", { ...SERIF, size: 54, fontWeight: 900, letterSpacing: -1.7, lineHeight: 66 });
+    k.textStyle("Sign 22", { ...MONO, size: 22, fontWeight: 600, letterSpacing: 0.5, lineHeight: 30 });
+    k.textStyle("Mark 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.5, lineHeight: 24, textAlign: "CENTER" });
+    k.textStyle("Value 30", { ...SERIF, size: 30, fontWeight: 900, lineHeight: 32, textAlign: "CENTER" });
+    k.textStyle("Code 30", { ...MONO, size: 30, fontWeight: 800, lineHeight: 38 });
+    k.textStyle("Terms 26", { size: 26, fontWeight: 600, lineHeight: 34 });
+    pill(k, "Code pill", { fill: "primary", ink: "onPrimary", style: "Code 30", label: `Code ${PIGEON.code}`, pad: [14, 26], radius: 8 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, 64, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    desk(k, sheet, { x: 0.5, y: 0.46 }, 0.6, [0, 0]);
+    const st = stage(k, sheet, { ...STAGE, name: "Desk", absolute: { x: 0, y: 128 } });
+    const env = envelope(k, st, { x: 250, y: 200, w: 800, h: 560, tilt: 7 });
+    stamp(k, env, { x: 610, y: 64, w: 130, style: "Value 30", value: "14" });
+    addressLines(k, env, { x: 90, y: 420, w: 300, gap: 34 });
+    const card = letter(k, st, { x: 36, y: 44, w: 800, tilt: -4, pad: 40, gap: 16 });
+    k.text(card.inner, "For whoever is on support today", { style: "Salute 34", color: "inkRed", name: "Salute" });
+    k.text(card.inner, "{{brand.poem}}", { style: "Poem 54", color: "ink", name: "Poem" });
+    k.text(card.inner, "\u2014 with love, {{brand.name}}", { style: "Sign 22", color: "inkSoft", name: "Signature" });
+    postmark(k, st, { x: 520, y: 580, size: 150, style: "Mark 20", tilt: -12, waves: 150 });
+    waxSeal(k, st, { x: 740, y: 400, size: 220, tilt: -10 });
+    petals(k, st, [[20, 560, 62, 30], [960, 60, 50, -40], [420, 700, 56, 110], [10, 40, 44, -80], [900, 700, 46, 60]], { loopMs: DURATION });
+    k.text(sheet, "{{brand.name}} \xB7 Valentine\u2019s week", { style: "Eyebrow 24", color: "onPaper", name: "Eyebrow" });
+    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, align: "CENTER", name: "Foot" });
+    k.instance(foot, "Code pill", { Label: "{{brand.code}}" }, { name: "Code" });
+    k.text(foot, `A teammate\u2019s seat, free \xB7 until ${PIGEON.ends}`, { style: "Terms 26", color: "text", name: "Terms" });
+    k.cues(sheet, cues);
+    const cut = (scale, cy) => (kit, id) => {
+      refillDesk(kit, id);
+      for (const s of kit.named(id, "Desk")) fitStage(kit, s, STAGE.w, STAGE.h, scale, 540, cy);
+    };
+    k.variants(sheet, postVariants({ portrait: 72 }, {
+      portrait: cut(1.08, 660),
+      vertical: (kit, id) => {
+        kit.patch(id, { primaryAxisAlignItems: "CENTER", itemSpacing: 880 });
+        cut(1, 800)(kit, id);
+        for (const s of kit.named(id, "Desk")) kit.patch(s, { x: 50 });
+        for (const n of kit.named(id, "Stamp value")) kit.patch(n, { visible: false });
+        for (const n of kit.named(id, "Foot")) kit.patch(n, { layoutMode: "VERTICAL", counterAxisAlignItems: "MIN", itemSpacing: 16 });
+        for (const n of kit.named(id, "Terms")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
+        const low = envelope(kit, id, { x: 90, y: 1500, w: 900, h: 560, tilt: -5, name: "Low envelope" });
+        addressLines(kit, low, { x: 470, y: 250, w: 330, gap: 36 });
+      }
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  valentines_poem_post_default
+};

package/dist/chunks/chunk-ADDF3PG2.js

@@ -0,0 +1,36 @@
+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 {
+  black_friday_coupons_landing_default
+} from "./chunk-AAOWLMV2.js";
+import {
+  black_friday_coupons_ads_default
+} from "./chunk-M7CST3N3.js";
+import {
+  black_friday_coupons_countdown_default
+} from "./chunk-XWC2TQK2.js";
+import {
+  black_friday_coupons_deal_reel_default
+} from "./chunk-O77ER23W.js";
+import {
+  black_friday_coupons_last_day_default
+} from "./chunk-O3CVHFKN.js";
+import {
+  black_friday_coupons_header_default
+} from "./chunk-UPACGKBT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/themes/black-friday-coupons.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [black_friday_coupons_deal_reel_default, black_friday_coupons_landing_default, black_friday_coupons_countdown_default, black_friday_coupons_last_day_default, black_friday_coupons_header_default, black_friday_coupons_ads_default];
+var black_friday_coupons_default = pack;
+
+export {
+  black_friday_coupons_default
+};

package/dist/chunks/chunk-ADGM2OOO.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 {
+  SCENE,
+  mover
+} from "./chunk-XITT4RJT.js";
+import {
+  buntingPaths,
+  disc,
+  hill,
+  shape,
+  turn
+} from "./chunk-O5VR35YF.js";
+import {
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  grain,
+  hardShadow
+} from "./chunk-HVK5T4I5.js";
+import {
+  curve3,
+  poly,
+  pt3,
+  rng
+} from "./chunk-BNVLVZUT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/themes/festival-presale-folk-kit.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var AW = 1200;
+var AH = 860;
+var TOP = SCENE.h - AH;
+var SUN = { x: 850, y: 330, r: 168 };
+function fields(k, scene, still) {
+  const move = mover(k, still);
+  const bunting = (_k, parent, o) => {
+    const b = buntingPaths(o.x1, o.y1, o.x2, o.y2, o.sag, o.n, o.size);
+    shape(k, parent, [b.line], o.line, { name: `${o.name ?? "Bunting"} line`, strokeWidth: 2 });
+    o.colors.forEach((c, ci) => {
+      const id = shape(k, parent, b.flags.filter((_, i) => i % o.colors.length === ci), c, { name: o.name ?? "Bunting" });
+      move(id, "translateY", 2.5, 2, ci / o.colors.length);
+    });
+  };
+  const spin = (id, turns) => {
+    if (!still) turn(k, id, turns);
+  };
+  k.rect(scene, SCENE.w, SCENE.h, [k.gradient({ from: "sunPale", to: "sunPale", fromOpacity: 0, toOpacity: 0.5, angle: 90 })], { name: "Sky glow", absolute: { x: 0, y: 0 } });
+  const cloud = (art2, x, y, s, i) => {
+    const id = shape(k, art2, [disc(x, y, 46 * s, 30 * s), disc(x + 52 * s, y - 14 * s, 54 * s, 38 * s), disc(x + 112 * s, y, 50 * s, 30 * s), disc(x + 56 * s, y + 12 * s, 90 * s, 22 * s)], "cloud", { name: "Cloud", opacity: 0.9 });
+    move(id, "translateX", 14, 1, i / 3);
+  };
+  cloud(scene, 120, 260, 1.2, 1);
+  cloud(scene, 760, 150, 0.9, 2);
+  cloud(scene, 420, 470, 0.7, 0);
+  bunting(k, scene, { x1: -15, y1: 60, x2: 1215, y2: 30, sag: 70, n: 22, size: 36, colors: ["tentRed", "straw", "hillD", "tentBlue"], line: "bark", name: "High bunting" });
+  const art = k.frame(scene, { x: 0, y: TOP, width: AW, height: AH }, { name: "Fields" });
+  k.ellipse(art, SUN.r * 3.3, k.tint("sunPale", 0.4), { name: "Sun halo", absolute: { x: SUN.x - SUN.r * 1.65, y: SUN.y - SUN.r * 1.65 } });
+  const R = 330, rays = [];
+  for (let i = 0; i < 24; i++) {
+    const a = i / 24 * Math.PI * 2, d = 0.045, r0 = SUN.r + 22, r1 = i % 2 ? R : R - 60;
+    rays.push({ closed: true, points: [pt3(R + r0 * Math.cos(a - d), R + r0 * Math.sin(a - d)), pt3(R + r1 * Math.cos(a), R + r1 * Math.sin(a)), pt3(R + r0 * Math.cos(a + d), R + r0 * Math.sin(a + d))] });
+  }
+  const rayId = k.vector(art, R * 2, R * 2, rays, "sun", { name: "Sun rays", opacity: 0.8, absolute: { x: SUN.x - R, y: SUN.y - R } });
+  spin(rayId, 1 / 12);
+  k.ellipse(art, SUN.r * 2, "sun", { name: "Sun", absolute: { x: SUN.x - SUN.r, y: SUN.y - SUN.r } });
+  k.ellipse(art, SUN.r * 1.5, k.tint("sunPale", 0.35), { name: "Sun heart", absolute: { x: SUN.x - SUN.r * 0.75, y: SUN.y - SUN.r * 0.75 } });
+  cloud(art, 620, 150, 1, 0);
+  cloud(art, 1010, 96, 0.7, 1);
+  cloud(art, 1040, 520, 0.6, 2);
+  const birds = [[690, 250], [724, 232], [760, 262], [1060, 236], [1094, 250], [240, 120], [280, 96]].map(([x, y]) => curve3([{ x: x - 12, y: y - 4 }, { x: x - 5, y: y - 9 }, { x, y }, { x: x + 5, y: y - 9 }, { x: x + 12, y: y - 4 }], 0.3));
+  const flock = shape(k, art, birds, "bark", { name: "Birds", strokeWidth: 2.5 });
+  move(flock, "translateY", 6, 2);
+  shape(k, art, [hill(AW, [560, 520, 548, 512, 530, 506, 540], AH + 40)], "hillA", { name: "Far hills" });
+  shape(k, art, [{ closed: true, points: [pt3(1040, 518), { ...pt3(1110, 452), handleIn: pt3(1040, 466), handleOut: pt3(1180, 466) }, pt3(1180, 518)] }], "bark", { name: "Stage shell" });
+  shape(k, art, [{ closed: true, points: [pt3(1054, 518), { ...pt3(1110, 468), handleIn: pt3(1056, 480), handleOut: pt3(1164, 480) }, pt3(1166, 518)] }], "sunPale", { name: "Stage glow" });
+  shape(k, art, [poly([[1030, 518], [1190, 518], [1190, 526], [1030, 526]])], "bark", { name: "Stage deck" });
+  shape(k, art, [hill(AW, [600, 566, 590, 556, 596, 562, 580], AH + 40)], "hillB", { name: "Hills" });
+  const tents = [[90, 610, 74, "tentRed"], [176, 624, 96, "tentBlue"], [330, 616, 70, "straw"], [468, 606, 62, "straw"], [560, 612, 84, "tentRed"], [720, 600, 70, "tentBlue"], [824, 606, 104, "tentRed"], [952, 598, 66, "straw"], [1060, 604, 92, "tentBlue"], [1160, 598, 60, "tentRed"]];
+  tents.forEach(([x, base, w, b], i) => {
+    const h = w * 0.78, top = base - h;
+    shape(k, art, [poly([[x - w / 2, base], [x, top], [x + w / 2, base]])], "tentCream", { name: "Tent" });
+    shape(k, art, [poly([[x - w * 0.3, base], [x, top], [x - w * 0.12, base]]), poly([[x + w * 0.12, base], [x, top], [x + w * 0.3, base]])], b, { name: "Tent panels" });
+    shape(k, art, [poly([[x - w * 0.07, base], [x, base - h * 0.42], [x + w * 0.07, base]])], "bark", { name: "Tent door" });
+    shape(k, art, [{ closed: false, points: [pt3(x, top), pt3(x, top - w * 0.2)] }], "bark", { name: "Tent pole", strokeWidth: 2 });
+    const flag = shape(k, art, [poly([[x, top - w * 0.2], [x + w * 0.2, top - w * 0.14], [x, top - w * 0.08]])], b, { name: "Tent flag" });
+    k.patch(flag, { anchorX: 0 });
+    move(flag, "scaleX", 0.22, 3, i / 5);
+  });
+  shape(k, art, [hill(AW, [640, 668, 628, 664, 636, 672, 640], AH + 40)], "hillC", { name: "Near hills" });
+  const furrows = [];
+  for (let i = 0; i < 9; i++) furrows.push(curve3([{ x: -20, y: 700 + i * 20 }, { x: 300, y: 690 + i * 22 }, { x: 700, y: 706 + i * 21 }, { x: 1220, y: 688 + i * 23 }], 0.2));
+  shape(k, art, [hill(AW, [712, 690, 716, 694, 720, 700, 708], AH + 40)], "hillD", { name: "Field" });
+  shape(k, art, furrows, "hillC", { name: "Furrows", strokeWidth: 3, opacity: 0.55 });
+  bunting(k, art, { x1: 560, y1: 8, x2: 1215, y2: 52, sag: 26, n: 15, size: 30, colors: ["tentRed", "straw", "hillD", "tentBlue"], line: "bark" });
+  const r = rng(41);
+  for (let row = 0; row < 3; row++) {
+    const stalks = [], ears = [];
+    for (let x = -10 + row * 9; x < AW + 10; x += 27) {
+      const h = 70 + r() * 70, lean = (r() - 0.5) * 26, bx = x + r() * 10, ty = AH - h;
+      stalks.push(curve3([{ x: bx, y: AH + 4 }, { x: bx + lean * 0.4, y: AH - h * 0.55 }, { x: bx + lean, y: ty }], 0.25));
+      ears.push({ closed: true, points: [pt3(bx + lean - 5, ty + 4), pt3(bx + lean + lean * 0.12, ty - 30), pt3(bx + lean + 5, ty + 4), pt3(bx + lean, ty + 12)] });
+    }
+    const s1 = shape(k, art, stalks, row === 1 ? "straw" : "strawDark", { name: "Barley stalks", strokeWidth: 2.5 });
+    const s2 = shape(k, art, ears, row === 1 ? "straw" : "strawDark", { name: "Barley ears" });
+    for (const id of [s1, s2]) {
+      k.patch(id, { anchorY: 1 });
+      move(id, "rotation", 0.9, 2, row / 3);
+    }
+  }
+  k.patch(scene, { effects: grain(0.07, 2, 23) });
+}
+var serif = { ...SERIF, fontStyle: "italic" };
+var BARLEY_MOON = {
+  slug: "folk",
+  name: "Barley Moon",
+  brand: (k, fields2 = {}) => {
+    k.brand(
+      { paper: "#F4EBD6", text: "#3A2A1C", onPaper: "#6A5643", primary: "#B8461F", onPrimary: "#FFF6E4", accent: "#2F5D50", onAccent: "#FFF6E4", card: "#FCF6E7", onCard: "#3A2A1C", cardMuted: "#6A5643", panel: "#3A2A1C", onPanel: "#F4EBD6", panelMuted: "#D9CAAF", chip: "#EADDC1", onChip: "#3A2A1C", stage: "#F3DCAE", onStage: "#3A2A1C", stageMuted: "#59422F" },
+      { name: "Barley Moon", ...fields2 }
+    );
+    k.palette({ sun: "#E8743B", sunPale: "#F6B872", hillA: "#BFC690", hillB: "#93AB76", hillC: "#62855C", hillD: "#3F624A", straw: "#DDB95C", strawDark: "#B98F3C", tentRed: "#C4522A", tentCream: "#FFF3DA", tentBlue: "#3E6C8A", bark: "#4A3626", cloud: "#FFF6E4" });
+  },
+  type: {
+    Name: { ...serif, fontWeight: 900, ls: -0.035, lh: 0.88 },
+    Head: { ...serif, fontWeight: 900, ls: -0.03, lh: 1.02 },
+    Act: { ...SERIF, fontWeight: 700, ls: -0.01, lh: 1.3 },
+    More: { fontWeight: 600, ls: 0.1, lh: 1.6, upper: true },
+    Kicker: { fontWeight: 700, ls: 0.2, lh: 1.4, upper: true },
+    Clock: { ...SERIF, fontWeight: 900, ls: -0.028, lh: 1.04, tnum: true },
+    Unit: { fontWeight: 700, ls: 0.16, lh: 1.3, upper: true },
+    Body: { fontWeight: 500, ls: 0, lh: 1.42 },
+    Button: { fontWeight: 700, ls: 0, lh: 1.4 },
+    Caption: { ...SERIF, fontWeight: 800, ls: -0.01, lh: 1.22 },
+    Price: { ...serif, fontWeight: 900, ls: -0.035, lh: 1, tnum: true }
+  },
+  look: {
+    radius: 18,
+    chip: 999,
+    button: 999,
+    plate: "stage",
+    plateAlpha: 0.94,
+    plateStroke: { color: "text", width: 3, align: "INSIDE" },
+    plateEffects: (k) => [hardShadow(k, "bark", 6, 7, 0.9)],
+    tile: "panel",
+    tileInk: "onPanel",
+    tileMuted: "panelMuted",
+    glow: "sun",
+    hot: "primary",
+    hotInk: "onPrimary",
+    sep: "\xB7"
+  },
+  scene: fields,
+  horizon: TOP + 700,
+  dates: "22 \u2013 25 July 2027",
+  place: "Hartcombe Farm, Wessendale",
+  kicker: "Four days of songs in the fields",
+  heads: ["The Larkspur Union", "Hollow Kin", "Old Coat"],
+  acts: ["Odette Marlowe", "Maren & the Tide", "June Addison", "Fennel Road", "The Wren Sisters", "Half Acre"],
+  more: ["Paper Lantern Club", "Wilder Still", "Rook & Rowan", "Elsie Vane", "Bramble Choir", "Greenfinch"],
+  tba: "and more than fifty still to come",
+  presale: { by: "Sun 7 Feb", code: "Tue 9 Feb", opens: "Thu 11 Feb \xB7 9 am", day: "Thursday 11 February", time: "09:00", queue: "08:30", limit: "up to six tickets" },
+  clock: { days: "09", hours: "14", minutes: "27", from: 52, to: 46 },
+  tier: { tag: "Tier one", name: "Weekend, with camping", price: "\xA3189", next: "\xA3209", was: "\xA3168", sold: "Supporter tickets all gone", note: "On sale now to the mailing list. What is left opens to presale codes on 11 February.", stock: { label: "Going quickly", from: 3912, left: 3880, total: 1e4 } },
+  cta: "Sign up for presale",
+  code: "BM27-PRE-H7KD",
+  gate: "Orchard Gate",
+  track: "acoustic",
+  captions: ["The first names are here.", "Presale opens Thursday 11 February.", "Sign up by Sunday, free.", "Sign up for a code."],
+  picture: "a sun-bleached poster of the fields at the end of the day: a low sun with turning rays, drifting clouds, rolling hills with a stage shell, striped bell tents, bunting and swaying barley",
+  tags: ["folk", "indie", "summer", "camping", "fields", "serif"]
+};
+
+export {
+  BARLEY_MOON
+};

package/dist/chunks/chunk-ADQIGVPH.js

@@ -0,0 +1,247 @@
+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 {
+  KONTOR,
+  extend,
+  fitGrid,
+  glideIn,
+  grot,
+  kontorWindow,
+  laneTable,
+  lockup,
+  rule,
+  swissBrand,
+  swissGrid
+} from "./chunk-KYXVOPWA.js";
+import {
+  camera,
+  float,
+  reelCuts,
+  reelSheet,
+  seenAt,
+  wideCut
+} from "./chunk-A7CAGFMX.js";
+import {
+  clicks,
+  glide,
+  pointer
+} from "./chunk-HRWTCVRJ.js";
+import {
+  captionStrip,
+  captionSwap
+} from "./chunk-C7BYFVZT.js";
+import {
+  score
+} from "./chunk-52GCV7N5.js";
+import {
+  cutOn
+} from "./chunk-API2DUG7.js";
+import {
+  hide,
+  restyle
+} from "./chunk-QLV6445V.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  box
+} from "./chunk-BNVLVZUT.js";
+import {
+  defineTemplate
+} from "./chunk-WBZ6O2YF.js";
+import {
+  Kit,
+  preset
+} from "./chunk-MTD3UAQT.js";
+import {
+  ease
+} from "./chunk-37IU3FCE.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/motion/style-swiss-feature-demo.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var S = score("tension");
+var { beat } = S;
+var NAME = "Swiss SaaS feature demo short";
+var WIN = { w: 800, h: 680 };
+var GRID = { cols: 6, margin: 140, gutter: 24, row: 120, top: 250 };
+var STEP = [4, 10, 16, 22, 28];
+var CLICK1 = beat(6);
+var CLICK2 = beat(18);
+var FIELD_Y = 1468;
+var REST = { x: 700, y: 620 };
+var TARGETS = [{ x: 120, y: 176 }, { x: 452, y: 459 }];
+var SHOTS = [
+  { t: beat(STEP[0]), duration: 420, zoom: 1.6, x: 170, y: 200 },
+  { t: beat(STEP[1]), duration: 420, zoom: 1.45, x: 560, y: 300 },
+  { t: beat(STEP[2]), duration: 420, zoom: 1.5, x: 520, y: 420 },
+  { t: beat(STEP[3]), duration: 420, zoom: 1 }
+];
+var cues = [
+  cutOn("Top row", 120),
+  { layer: "Hook", preset: "words-in", at: 0, params: { duration: 700 } },
+  { layer: "Step cell", preset: "slide-in", at: beat(2), stagger: { delay: 90, order: "selection" }, params: { direction: "left", duration: 380 } },
+  { layer: ["Lane head", "Late row", "Lane row"], preset: "slide-in", at: beat(3), stagger: { delay: 90, order: "selection" }, params: { direction: "left", duration: 360 } },
+  { layer: "Panel", preset: "slide-in", at: CLICK1 + 150, params: { direction: "right", duration: 450 } },
+  cutOn("Row mark", CLICK1),
+  cutOn("Option", beat(STEP[1]), beat(1)),
+  cutOn("Status", CLICK2 + 150),
+  { layer: "Call row", preset: "slide-in", at: beat(STEP[4]), params: { direction: "left", duration: 450 } }
+];
+var counts = [
+  { layer: "Road hours", at: beat(STEP[1]) + 100, duration: beat(2), tick: 50, counter: { from: 0, to: 31, prefix: "+", suffix: " h" } },
+  { layer: "Pallets", at: CLICK2 + 150, duration: beat(3), counter: { from: 0, to: KONTOR.pallets, suffix: " pallets moved" } },
+  { layer: "Lane rate", at: beat(STEP[3]), duration: beat(3), counter: { from: 91.3, to: 98.4, decimals: 1, suffix: "%" } }
+];
+var swaps = [captionSwap(["Pick the late lane.", "Compare road and rail.", "Reroute in one click.", "Arrives on time, Thursday."], 0, S.duration - 30, { stagger: 60, in: 220, out: 160, rise: 0 })];
+function fieldBlocks(w) {
+  const rows = [[0, 2], [1, 4], [3, 5], [0, 1]];
+  const col = (w - 280 - 5 * 24) / 6;
+  return rows.map(([a, b], i) => box(140 + a * (col + 24), 40 + i * 96, (b - a + 1) * col + (b - a) * 24, 56));
+}
+var style_swiss_feature_demo_default = defineTemplate({
+  id: "motion-saas-style-swiss-feature-demo",
+  meta: {
+    name: NAME,
+    description: "A 16-second feature demo in the Swiss typographic style: a pointer reroutes a late shipment in a freight analytics window while the camera cuts in to each click. The late lane is picked, a panel slides in along the grid, road and rail extend as bars with their hours counting, Reroute is clicked, pallets count to 212 and the lane rate counts up. Numbered step bar, a red field of sliding blocks, burned-in captions and music. 9:16 with square and 16:9 cuts",
+    category: "animation",
+    tags: ["animation", "saas", "swiss", "international typographic style", "grid", "b2b", "analytics", "logistics", "demo", "feature", "cursor", "zoom", "counter", "captions", "music", "audio", "reel", "shorts"],
+    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;
+    swissBrand(k, {});
+    grot(k, "Brand 30", 30, { weight: 700, lead: 1.1, spacing: -0.02 });
+    grot(k, "Label 22", 22, { weight: 500, lead: 1.3 });
+    grot(k, "Label 24", 24, { weight: 600, lead: 1.3 });
+    grot(k, "Hook 76", 76, { weight: 700, lead: 1, spacing: -0.04 });
+    grot(k, "Hook 60", 60, { weight: 700, lead: 1, spacing: -0.04 });
+    grot(k, "Ui 21", 21, { weight: 500, lead: 1.25 });
+    grot(k, "Ui head 18", 18, { weight: 600, lead: 1.25 });
+    grot(k, "Figure 40", 40, { weight: 700, lead: 1.05, spacing: -0.03 });
+    grot(k, "Caption 34", 34, { weight: 600, lead: 1.3, spacing: -0.01 });
+    grot(k, "Button 30", 30, { weight: 700, lead: 1.2 });
+    grot(k, "Action 20", 20, { weight: 700, lead: 1.2 });
+    pill(k, "Call", { fill: "primary", ink: "onPrimary", style: "Button 30", label: "Start free for 14 days", pad: [20, 28], radius: 0 });
+    pill(k, "Action", { fill: "onCard", ink: "card", style: "Action 20", label: "Reroute by rail", pad: [14, 20], radius: 0 });
+    const sheet = reelSheet(k, S, { name: "Feature demo", gap: 18, justify: "MIN" });
+    swissGrid(k, sheet, GRID);
+    k.rect(sheet, 1080, 1920 - FIELD_Y, "primary", { name: "Field", absolute: { x: 0, y: FIELD_Y } });
+    const blocks = k.vector(sheet, 1080, 452, fieldBlocks(1080), k.tint("onPrimary", 0.9), { name: "Field blocks", absolute: { x: 0, y: FIELD_Y } });
+    const top = k.stack(sheet, { gap: 14, name: "Top row" });
+    const bar = k.stack(top, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Brand row" });
+    lockup(k, bar, { size: 30, style: "Brand 30" });
+    k.text(bar, `${KONTOR.feature}, step by step`, { style: "Label 22", color: "text", autoWidth: true, name: "Feature words" });
+    const topRule = rule(k, top, "FILL", { weight: 3, name: "Top rule" });
+    k.text(sheet, "One late lane.\nFixed in two clicks.", { style: "Hook 76", color: "text", name: "Hook" });
+    const steps = k.stack(sheet, { direction: "HORIZONTAL", gap: 20, height: 46, name: "Steps" });
+    ["Pick", "Compare", "Reroute", "Arrive"].forEach((label, i) => {
+      const c = k.stack(steps, { gap: 8, width: "FILL", name: "Step cell" });
+      const track = k.stack(c, { height: 4, fill: "track", name: "Step track" });
+      k.rect(track, "FILL", 4, "primary", { name: `Step fill ${i + 1}` });
+      const r = k.stack(c, { direction: "HORIZONTAL", gap: 10, name: "Step words" });
+      k.text(r, `0${i + 1}`, { style: "Label 22", color: "onPaper", autoWidth: true, name: "Step no" });
+      k.text(r, label, { style: "Label 22", color: "text", autoWidth: true, name: "Step label" });
+    });
+    const stage = k.stack(sheet, { width: WIN.w, height: WIN.h, clip: true, name: "Stage" });
+    const cam = k.frame(stage, { x: 0, y: 0, width: WIN.w, height: WIN.h }, { name: "Camera" });
+    const w = kontorWindow(k, cam, { w: WIN.w, h: WIN.h, title: "Lanes, week 40", right: "5 of 1,240", style: "Ui head 18", absolute: { x: 0, y: 0 }, pad: 24, gap: 0 });
+    const split = k.stack(w.body, { direction: "HORIZONTAL", gap: 24, name: "Split" });
+    const list = k.stack(split, { width: 290, name: "List" });
+    laneTable(k, list, { style: "Ui 21", head: "Ui head 18", cols: [160], rowH: 62, show: ["lane", "forecast"] });
+    k.rect(list, 4, 56, "late", { name: "Row mark", absolute: { x: -24, y: 63 } });
+    const panel = k.stack(split, { gap: 16, padding: { top: 0, right: 0, bottom: 0, left: 24 }, name: "Panel" });
+    k.rect(panel, 2, 475, "onCard", { name: "Panel edge", absolute: { x: 0, y: 0 } });
+    k.text(panel, KONTOR.shipment, { style: "Figure 40", color: "onCard", name: "Shipment" });
+    k.text(panel, `Rotterdam to Milano, ${KONTOR.pallets} pallets`, { style: "Ui 21", color: "cardMuted", name: "Shipment line" });
+    k.rect(panel, "FILL", 2, "onCard", { name: "Panel rule" });
+    const option = (label, frac, role, value, name) => {
+      const o = k.stack(panel, { gap: 8, name: "Option" });
+      const head = k.stack(o, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Option head" });
+      k.text(head, label, { style: "Ui head 18", color: "onCard", autoWidth: true, name: "Option label" });
+      k.text(head, value, { style: "Ui head 18", color: role === "late" ? "late" : "onCard", width: 120, align: "RIGHT", name });
+      const track = k.stack(o, { height: 18, fill: "track", name: "Option track" });
+      return k.rect(track, Math.round(390 * frac), 18, role, { name: "Option bar" });
+    };
+    const roadBar = option("Road via Mannheim", 1, "late", "+31 h", "Road hours");
+    const railBar = option("Rail via Duisburg", 0.62, "onCard", "on time", "Rail hours");
+    k.rect(panel, "FILL", 2, "onCard", { name: "Panel rule" });
+    const arrive = k.stack(panel, { gap: 4, name: "Arrive" });
+    k.text(arrive, "Arrives at Milano", { style: "Ui head 18", color: "cardMuted", name: "Arrive label" });
+    const when = k.text(arrive, "Thu 14:00", { style: "Figure 40", color: "onCard", name: "Arrive time" });
+    k.instance(panel, "Action", { Label: "Reroute by rail" }, { name: "Action" });
+    const status = k.stack(panel, { gap: 4, name: "Status" });
+    k.text(status, `${KONTOR.pallets} pallets moved`, { style: "Ui 21", color: "onCard", width: 380, name: "Pallets" });
+    const rate = k.stack(status, { direction: "HORIZONTAL", gap: 8, name: "Rate row" });
+    k.text(rate, "Lane on time", { style: "Ui 21", color: "cardMuted", autoWidth: true, name: "Rate label" });
+    k.text(rate, "98.4%", { style: "Ui 21", color: "onCard", width: 90, name: "Lane rate" });
+    const p = pointer(k, stage, { ...REST, size: 64, fill: "onCard", edge: "card", ring: "primary" });
+    captionStrip(k, sheet, swaps[0].words[0], { style: "Caption 34", fill: "text", ink: "paper", radius: 0, pad: [18, 24] });
+    const call = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Call row" });
+    k.instance(call, "Call", { Label: "Start free for 14 days" }, { name: "Call" });
+    k.text(call, "{{brand.site}}", { style: "Label 24", color: "text", autoWidth: true, name: "Site" });
+    k.counts(sheet, counts);
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    extend(k, topRule, 100, 600);
+    glideIn(k, w.win, beat(2), { dy: WIN.h, duration: 520 });
+    for (let i = 0; i < 4; i++) for (const id of k.named(sheet, `Step fill ${i + 1}`)) extend(k, id, beat(STEP[i]), beat(STEP[i + 1] - STEP[i]));
+    extend(k, roadBar, beat(STEP[1]) + 100, beat(2));
+    extend(k, railBar, beat(STEP[1] + 1) + 100, beat(2));
+    k.animate(when, "text.content", [{ t: 0, v: "Sat 21:00", ease: ease.hold }, { t: CLICK2 + 150, v: "Thu 14:00" }]);
+    for (const id of k.named(sheet, "Late forecast")) k.animate(id, "text.content", [{ t: 0, v: `+${KONTOR.slip} h`, ease: ease.hold }, { t: CLICK2 + 150, v: "on time" }]);
+    k.animate(blocks, "translateX", [0, 1, 2, 3, 4, 5, 6, 7].map((i) => ({ t: beat(STEP[0] + i * 3), v: [0, 124, 248, 124, 0, -124, 0, 0][i], ...i < 7 ? { ease: ease.out("expo") } : {} })));
+    for (const id of k.named(sheet, "Hook")) k.animate(id, "text.content", [{ t: 0, v: k.node(id).characters, ease: ease.hold }, { t: beat(STEP[3]), v: "Rerouted by rail.\nOn time, Thursday." }]);
+    camera(k, cam, WIN.w, WIN.h, SHOTS);
+    const to = (i, s) => {
+      const a = seenAt(WIN.w, WIN.h, SHOTS[s], TARGETS[i]);
+      return { dx: a.x - REST.x, dy: a.y - REST.y };
+    };
+    glide(k, p, [
+      { t: beat(STEP[0]), dx: 0, dy: 0 },
+      { t: CLICK1 - 150, ...to(0, 0) },
+      { t: beat(STEP[1]), ...to(0, 0) },
+      { t: beat(STEP[1]) + 500, dx: 0, dy: 0 },
+      { t: beat(STEP[2]), dx: 0, dy: 0 },
+      { t: CLICK2 - 150, ...to(1, 2) },
+      { t: beat(STEP[3]), ...to(1, 2) },
+      { t: beat(STEP[3]) + 500, dx: 0, dy: 0 }
+    ]);
+    clicks(k, p, [CLICK1, CLICK2]);
+    k.variants(sheet, [...reelCuts({ post: 40, portrait: 60 }, {
+      post: (kit, id) => {
+        kit.patch(id, { itemSpacing: 14, counterAxisSpacing: 14, padding: { top: 40, right: 140, bottom: 40, left: 140 } });
+        fitGrid(kit, id, { ...GRID, top: 40 });
+        hide(kit, id, ["Field", "Field blocks", "Brand row", "Steps"]);
+        restyle(kit, id, "Hook", "Hook 60");
+      }
+    }).slice(0, 1), wideCut(640, (kit, id, right) => {
+      fitGrid(kit, id, { cols: 12, margin: 110, gutter: 24, row: 120, top: 80 });
+      hide(kit, id, ["Field", "Field blocks"]);
+      kit.patch(id, { primaryAxisAlignItems: "CENTER" });
+      const scale = Math.min(right.width / WIN.w, (right.height - 70) / WIN.h);
+      const x = right.x + Math.round((right.width - WIN.w * scale) / 2);
+      float(kit, id, "Steps", x, right.y, { width: Math.round(WIN.w * scale) });
+      float(kit, id, "Stage", x, right.y + 70, { scale });
+    })]);
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  style_swiss_feature_demo_default
+};