@popcraft/kit 0.31.0 → 0.32.1

package/dist/chunks/chunk-GLHHM3M4.js

@@ -0,0 +1,210 @@
+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,
+  airmailStrip,
+  envelope,
+  fitStage,
+  letter,
+  petals,
+  postmark,
+  stage,
+  stamp,
+  valentinesBrand,
+  waxSeal
+} from "./chunk-G5KSV4W3.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  buttons,
+  nav,
+  page,
+  webResponsive
+} from "./chunk-TF2MO3UA.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SHOYVADV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/web/valentines-landing.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var LOOP = 6e3;
+var STAGE = { w: 620, h: 640 };
+var DESKTOP = 0.9;
+var LOVE = [
+  { to: "Dear Maya,", words: "You remembered my last order before I had typed a word of it. The whole club has heard about you.", from: "Anders L., customer of Fernhill Bikes" },
+  { to: "Dear support,", words: "First time in years I got one answer instead of two that disagreed.", from: "Tom R., customer of Larder" },
+  { to: "To whoever fixed it,", words: "You followed up three days later to check it stayed fixed. Nobody does that. Renewing for another year.", from: "Priya S., customer of Kiln Studio" }
+];
+var GRIEVANCES = [
+  ["You let two of us answer the same customer.", "One owner per email, and you can see who is typing before you start."],
+  ["You hid the refund request under four newsletters.", "Customers first: receipts, alerts and newsletters are filed on arrival."],
+  ["You never told me what I had left on read.", "A nudge when a thread has waited a working day, to its owner and nobody else."],
+  ["You forgot everything the moment someone was on holiday.", "The whole history sits on the thread, so a handover is one click."]
+];
+var cues = [
+  { layer: "Offer bar", preset: "drop-in", at: 0, params: { duration: 600 } },
+  { layer: "Nav", preset: "fade-in", at: 100, params: { duration: 700 } },
+  { layer: "Eyebrow", preset: "fade-in", at: 300, params: { duration: 700 } },
+  { layer: "Headline", preset: "blur-in", at: 350, params: { duration: 1e3, amount: 22 } },
+  { layer: "Hero envelope", preset: "fade-in", at: 400, params: { duration: 800 } },
+  { layer: "Hero letter", preset: "rise-in", at: 700, params: { duration: 800 } },
+  { layer: "Lead", preset: "rise-in", at: 900, params: { duration: 800 } },
+  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1300, params: { duration: 700 }, stagger: { delay: 140 } },
+  { layer: "Hero postmark", preset: "pop-in", at: 1700, params: { duration: 260, amount: 1.6 } },
+  { layer: "Proof", preset: "fade-in", at: 2e3, params: { duration: 800 } },
+  { layer: "Hero seal", preset: "pop-in", at: 2100, params: { duration: 300, amount: 1.9 } },
+  { layer: "Hero seal", preset: "pulse", at: 4e3, params: { duration: 900, amount: 0.06 } }
+];
+var valentines_landing_default = defineTemplate({
+  id: "web-valentines-landing",
+  meta: {
+    name: "Valentine landing page",
+    description: "A Valentine\u2019s week landing page for a product people switch to: an offer bar, a hero where a customer\u2019s valentine is laid on an airmail envelope, postmarked and sealed in wax, the letters customers sent as three valentines, a break-up letter to the old tool as a ruled column of grievances, and a two-for-one offer under an airmail edge \u2014 at desktop, laptop, tablet and phone widths",
+    category: "web",
+    tags: ["valentine", "valentines day", "landing page", "hero", "website", "saas", "love letter", "testimonials", "wall of love", "letterpress", "wax seal", "airmail", "offer", "animation", "responsive", "seasonal", "serif"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["sale", "launch", "testimonial"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  breakpoints: true,
+  motion: { cues },
+  build() {
+    const k = new Kit("Valentine landing page", preset("web-desktop"));
+    k.quantizeGeometry = true;
+    valentinesBrand(k);
+    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
+    k.textStyle("Brand 22", { ...SERIF, size: 22, fontWeight: 900, letterSpacing: -0.3, lineHeight: 28 });
+    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
+    k.textStyle("Bar 15", { size: 15, fontWeight: 700, lineHeight: 22, textAlign: "CENTER" });
+    k.textStyle("Eyebrow 14", { size: 14, fontWeight: 700, letterSpacing: 4, lineHeight: 20, textCase: "UPPER" });
+    k.textStyle("Display 64", { ...SERIF, size: 64, fontWeight: 900, letterSpacing: -2.1, lineHeight: 68 });
+    k.textStyle("Display 56", { ...SERIF, size: 56, fontWeight: 900, letterSpacing: -1.6, lineHeight: 60 });
+    k.textStyle("Display 40", { ...SERIF, size: 40, fontWeight: 900, letterSpacing: -1, lineHeight: 44 });
+    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 32 });
+    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 27 });
+    k.textStyle("Proof 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 });
+    k.textStyle("Section 44", { ...SERIF, size: 44, fontWeight: 900, letterSpacing: -1.2, lineHeight: 50 });
+    k.textStyle("Section 32", { ...SERIF, size: 32, fontWeight: 900, letterSpacing: -0.8, lineHeight: 38 });
+    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 30 });
+    k.textStyle("Small 14", { size: 14, fontWeight: 500, lineHeight: 22 });
+    k.textStyle("Salute 22", { ...SERIF, size: 22, fontStyle: "italic", fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Hand 30", { ...SERIF, size: 30, fontWeight: 800, letterSpacing: -0.7, lineHeight: 38 });
+    k.textStyle("Hand 22", { ...SERIF, size: 22, fontWeight: 600, letterSpacing: -0.2, lineHeight: 32 });
+    k.textStyle("Sign 14", { ...MONO, size: 14, fontWeight: 600, letterSpacing: 0.4, lineHeight: 20 });
+    k.textStyle("Mark 15", { ...MONO, size: 15, fontWeight: 800, letterSpacing: 1, lineHeight: 18, textAlign: "CENTER" });
+    k.textStyle("Value 14", { ...SERIF, size: 14, fontWeight: 900, lineHeight: 15, textAlign: "CENTER" });
+    k.textStyle("Value 22", { ...SERIF, size: 22, fontWeight: 900, lineHeight: 24, textAlign: "CENTER" });
+    k.textStyle("Grievance 24", { ...SERIF, size: 24, fontStyle: "italic", fontWeight: 600, letterSpacing: -0.3, lineHeight: 32 });
+    k.textStyle("Number 15", { ...MONO, size: 15, fontWeight: 600, lineHeight: 32 });
+    buttons(k, { style: "Button 16", pad: [15, 26], radius: 8 });
+    const sheet = k.sheet;
+    page(k, sheet, { gap: 72, top: 24 });
+    k.timeline(sheet, { duration: LOOP, fps: 30 });
+    const bar = k.stack(sheet, { fill: "primary", radius: 8, padding: { top: 10, right: 20, bottom: 10, left: 20 }, align: "CENTER", name: "Offer bar" });
+    k.text(bar, `Valentine\u2019s week: bring a teammate and their seat is free for a year. Code ${PIGEON.code}, until midnight on ${PIGEON.ends}.`, { style: "Bar 15", color: "onPrimary", name: "Offer bar text" });
+    nav(k, sheet, { links: ["Love letters", "How it works", "Pricing", "Changelog"], cta: "Start free", style: "Nav 16", brandStyle: "Brand 22" });
+    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 56, align: "CENTER", name: "Hero" });
+    const copy = k.stack(hero, { gap: 26, name: "Copy" });
+    k.text(copy, "A shared inbox for teams of two to twenty", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
+    k.text(copy, "Your customers wrote. Somebody should write back.", { style: "Display 64", color: "text", name: "Headline" });
+    k.text(copy, "Pigeon gives every email exactly one owner, shows who is already typing, and nudges the thread nobody has touched in a day. No double replies. Nothing left on read.", { style: "Lead 20", color: "onPaper", name: "Lead" });
+    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
+    k.instance(cta, "Button", { Label: "Start free with a teammate" }, { name: "CTA primary" });
+    k.instance(cta, "Button quiet", { Label: "Read the love letters" }, { name: "CTA quiet" });
+    k.text(copy, "1,940 teams \xB7 median first reply 4 min 12 s", { style: "Proof 15", color: "onPaper", name: "Proof" });
+    const visual = k.stack(hero, { width: Math.round(STAGE.w * DESKTOP), height: Math.round(STAGE.h * DESKTOP), name: "Visual" });
+    const st = stage(k, visual, { ...STAGE, name: "Desk", absolute: { x: 0, y: 0 } });
+    k.rect(st, 880, 860, [k.gradient({ from: "glow", to: "glow", kind: "RADIAL", fromOpacity: 0.85, toOpacity: 0, handles: [{ x: 0.5, y: 0.5 }, { x: 1, y: 0.5 }, { x: 0.5, y: 1 }] })], { name: "Lamp", absolute: { x: -130, y: -110 } });
+    const env = envelope(k, st, { x: 70, y: 210, w: 540, h: 370, tilt: 8, name: "Hero envelope" });
+    stamp(k, env, { x: 404, y: 40, w: 100, style: "Value 22", value: "14" });
+    addressLines(k, env, { x: 64, y: 268, w: 220, gap: 28 });
+    const card = letter(k, st, { x: 16, y: 30, w: 470, tilt: -4, pad: 28, gap: 12, name: "Hero letter" });
+    k.text(card.inner, "To the whole team,", { style: "Salute 22", color: "inkRed", name: "Hero salute" });
+    k.text(card.inner, "I wrote in at 11 p.m. expecting Monday. Maya answered in six minutes.", { style: "Hand 30", color: "ink", name: "Hero words" });
+    k.text(card.inner, "\u2014 Ines O., customer of Fernhill Bikes", { style: "Sign 14", color: "inkSoft", name: "Hero signature" });
+    postmark(k, st, { x: 300, y: 430, size: 116, style: "Mark 15", tilt: -12, waves: 110, name: "Hero postmark" });
+    waxSeal(k, st, { x: 400, y: 300, size: 160, tilt: -12, name: "Hero seal" });
+    petals(k, st, [[10, 10, 46, 40], [570, 60, 38, -30], [40, 560, 44, 120], [540, 590, 36, -70]], { loopMs: LOOP });
+    fitStage(k, st, STAGE.w, STAGE.h, DESKTOP, STAGE.w * DESKTOP / 2, STAGE.h * DESKTOP / 2);
+    const love = k.stack(sheet, { gap: 36, name: "Love" });
+    const loveHead = k.stack(love, { gap: 10, name: "Love head" });
+    k.text(loveHead, "Letters we kept", { style: "Section 44", color: "text", name: "Love title" });
+    k.text(loveHead, "Not reviews. Replies: what customers of teams on Pigeon wrote back after someone answered them properly.", { style: "Body 18", color: "onPaper", name: "Love text" });
+    const row = k.stack(love, { direction: "HORIZONTAL", gap: 32, align: "MIN", padding: { top: 12, right: 0, bottom: 24, left: 0 }, name: "Letters" });
+    LOVE.forEach((v, i) => {
+      const slot = k.stack(row, { name: "Letter slot" });
+      const c = letter(k, slot, { w: "FILL", pad: 26, gap: 12, tilt: [-1.5, 1.2, -0.8][i], name: "Valentine", shadow: 30 });
+      k.text(c.inner, v.to, { style: "Salute 22", color: "inkRed", name: "Valentine salute" });
+      k.text(c.inner, v.words, { style: "Hand 22", color: "ink", name: "Valentine words" });
+      k.text(c.inner, `\u2014 ${v.from}`, { style: "Sign 14", color: "inkSoft", name: "Valentine signature" });
+      if (i === 1) waxSeal(k, c.id, { x: -34, y: -38, size: 76, tilt: -14, name: "Kept seal" });
+      if (i === 2) stamp(k, c.id, { x: -24, y: -34, w: 62, style: "Value 14", value: "14", tilt: -8, name: "Kept stamp" });
+    });
+    const split = k.stack(sheet, { gap: 0, name: "Break-up" });
+    k.text(split, "Dear shared inbox, it\u2019s over.", { style: "Section 44", color: "text", name: "Break-up title" });
+    k.stack(split, { height: 28, name: "Gap" });
+    GRIEVANCES.forEach(([was, now], i) => {
+      k.rect(split, "FILL", 1, "accent", { name: "Rule", opacity: 0.5 });
+      const line = k.stack(split, { direction: "HORIZONTAL", gap: 32, padding: { top: 24, right: 0, bottom: 24, left: 0 }, name: "Grievance" });
+      k.text(line, `No. ${i + 1}`, { style: "Number 15", color: "text", width: 72, name: "Grievance number" });
+      k.text(line, was, { style: "Grievance 24", color: "text", width: 440, name: "Grievance was" });
+      k.text(line, now, { style: "Body 18", color: "onPaper", name: "Grievance now" });
+    });
+    k.rect(split, "FILL", 1, "accent", { name: "Rule", opacity: 0.5 });
+    const band = k.stack(sheet, { fill: "card", radius: 12, clip: true, name: "Band" });
+    airmailStrip(k, band, { w: 1440, h: 14, name: "Band edge" });
+    const inside = k.stack(band, { direction: "HORIZONTAL", gap: 40, align: "CENTER", justify: "SPACE_BETWEEN", padding: 48, name: "Band row" });
+    const pitch = k.stack(inside, { gap: 10, name: "Band copy" });
+    k.text(pitch, "Bring a teammate. Their seat is free.", { style: "Section 32", color: "onCard", name: "Band title" });
+    k.text(pitch, `Add a second person before midnight on ${PIGEON.ends} with code ${PIGEON.code} and their seat costs nothing for a year. An inbox shared by one is just an inbox.`, { style: "Body 18", color: "onCard", name: "Band text" });
+    k.instance(inside, "Button", { Label: "Send the invitation" }, { name: "Band button" });
+    k.text(sheet, "\xA9 2027 Pigeon Post Ltd \xB7 Security \xB7 Changelog \xB7 Status", { style: "Small 14", color: "onPaper", name: "Footer" });
+    k.cues(sheet, cues);
+    webResponsive(k, sheet, {
+      stack: ["Hero", "Band row", "Grievance", "Letters"],
+      restyle: {
+        "Display 64": { laptop: "Display 56", tablet: "Display 56", mobile: "Display 40" },
+        "Lead 20": { mobile: "Lead 17" },
+        "Section 44": { mobile: "Section 32" }
+      },
+      gap: { tablet: 56, mobile: 44 },
+      tweak: (kit, id, size) => {
+        if (size === "laptop") for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 40 });
+        if (size === "tablet" || size === "mobile") {
+          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 44, counterAxisAlignItems: "CENTER" });
+          for (const n of kit.named(id, "Band row")) kit.patch(n, { itemSpacing: 24, padding: { top: 32, right: 24, bottom: 32, left: 24 } });
+          for (const n of kit.named(id, "Grievance")) kit.patch(n, { itemSpacing: 6 });
+          for (const n of kit.named(id, "Letters")) kit.patch(n, { itemSpacing: 28 });
+        }
+        const s = size === "mobile" ? 335 / STAGE.w : size === "laptop" ? 0.8 : DESKTOP;
+        for (const box of kit.named(id, "Visual")) {
+          const w = Math.round(STAGE.w * s), h = Math.round(STAGE.h * s);
+          kit.patch(box, { layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED", width: w, height: h });
+          for (const d of kit.named(box, "Desk")) fitStage(kit, d, STAGE.w, STAGE.h, s, w / 2, h / 2);
+        }
+      }
+    });
+    return k.finish();
+  }
+});
+
+export {
+  valentines_landing_default
+};

package/dist/chunks/chunk-GLLZPHGC.js

@@ -0,0 +1,425 @@
+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 {
+  boxed,
+  vectorAt
+} from "./chunk-YHBAWSDX.js";
+import {
+  noise
+} from "./chunk-M6VTXO6F.js";
+import {
+  circle,
+  pt3,
+  r3,
+  rng
+} from "./chunk-6RCDZU4R.js";
+import {
+  ease
+} from "./chunk-AY2VBUGS.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/autumn-harvest-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var HARVEST = { quarters: [31, 39, 48, 66], total: 184, freelancers: "31,412", invoices: 1204880, onTime: 91, sooner: 9 };
+function harvestBrand(k, fields = {}) {
+  k.brand(
+    { paper: "#F1E6CC", text: "#22301F", onPaper: "#5A5637", primary: "#A63A17", onPrimary: "#FBF3DC", accent: "#D2931C", onAccent: "#2A1C05", card: "#FAF2DC", onCard: "#22301F" },
+    { name: "Bushel", site: "bushel.example", ...fields }
+  );
+  k.palette({ label: "#FBF3DC", ink: "#22301F", inkSoft: "#5A5637", rust: "#A63A17", rustDeep: "#7E2A10", ochre: "#D99A22", straw: "#E8CD8A", husk: "#8A5A1E", leaf: "#5E7F3B", field: "#2F5233", fieldDeep: "#1F3D2A", furrow: "#3F6A3C", pumpkin: "#D9641E" });
+}
+var cutShadow = (u, a = 0.28) => ({ type: "DROP_SHADOW", color: { r: 0.1, g: 0.08, b: 0.02, a }, offset: { x: 0, y: r3(-6 * u) }, blur: r3(18 * u), spread: 0, visible: true });
+var labelShadow = (u) => ({ type: "DROP_SHADOW", color: { r: 0.1, g: 0.08, b: 0.02, a: 0.3 }, offset: { x: 0, y: r3(8 * u) }, blur: r3(22 * u), spread: 0, visible: true });
+var tooth = (u, seed, amount = 0.08) => noise({ amount, size: Math.max(1, Math.round(2 * u)), seed });
+function field(o, over = {}) {
+  const u = o.u ?? 1;
+  return { w: o.w, h: o.h, far: o.near - 170 * u, mid: o.near - 70 * u, near: o.near, sun: { x: o.w * 0.66, y: o.near - 280 * u, size: 420 * u }, u, loopMs: o.loopMs ?? 6e3, ...over };
+}
+var CRESTS = { far: { amp: 30, f: 0.9, p: 0.4 }, mid: { amp: 15, f: 1.3, p: 2.2 }, near: { amp: 11, f: 0.8, p: 4.1 } };
+function crestY(g, name, x) {
+  const c = CRESTS[name], a = x / g.w * Math.PI * 2 * c.f + c.p;
+  return g[name] + c.amp * g.u * (0.7 * Math.sin(a) + 0.3 * Math.sin(a * 2.1 + c.p));
+}
+function fieldPart(g, name, layer) {
+  const pts = [{ x: 0, y: g.h + 2 }];
+  for (let i = 0; i <= 60; i++) pts.push({ x: g.w * i / 60, y: crestY(g, name, g.w * i / 60) });
+  pts.push({ x: g.w, y: g.h + 2 });
+  return boxed(layer, [pts]);
+}
+function cutsPart(g, name, layer, rows, step, seed) {
+  const rand = rng(seed), u = g.u, shapes = [];
+  for (let j = 1; j <= rows; j++) {
+    let x = -rand() * 60 * u;
+    while (x < g.w) {
+      const len = (50 + rand() * 120) * u, to = Math.min(g.w, x + len), from = Math.max(0, x);
+      if (to - from > 8 * u) {
+        const seg = [];
+        for (let i = 0; i <= 6; i++) {
+          const sx = from + (to - from) * i / 6;
+          seg.push({ x: sx, y: crestY(g, name, sx) + j * step * u });
+        }
+        shapes.push(seg);
+      }
+      x += len + (16 + rand() * 30) * u;
+    }
+  }
+  return boxed(layer, shapes, false);
+}
+function furrowsPart(g) {
+  const u = g.u, vx = g.w * 0.46, shapes = [];
+  const reach = Math.max(1, g.h - g.near), n = Math.ceil(g.w / (34 * u)) + 6;
+  const line = (i) => {
+    const x0 = vx + i * 34 * u, x1 = vx + i * (34 * u + reach * 0.42);
+    return [{ x: x0, y: crestY(g, "near", Math.max(0, Math.min(g.w, x0))) + 12 * u }, { x: x0 + (x1 - x0) * 0.4, y: g.near + reach * 0.42 }, { x: x1, y: g.h + 2 }];
+  };
+  for (let i = -n; i <= n; i += 2) {
+    const x0 = vx + i * 34 * u;
+    if (x0 < -60 * u || x0 > g.w + 60 * u) continue;
+    shapes.push([...line(i), ...line(i + 0.9).reverse()]);
+  }
+  return boxed("Furrows", shapes);
+}
+var PUMPKINS = [[0.065, 1], [0.165, 0.66], [0.935, 0.86]];
+function pumpkinParts(g) {
+  const u = g.u, out = [];
+  const oval = (cx, cy, rx, ry) => Array.from({ length: 18 }, (_, i) => {
+    const a = Math.PI * 2 * i / 18;
+    return { x: cx + rx * Math.cos(a), y: cy + ry * Math.sin(a) };
+  });
+  (g.pumpkins ?? PUMPKINS).forEach(([fx, s], n) => {
+    const x = g.w * fx, r = 62 * u * s, y = crestY(g, "near", x) + 34 * u * s;
+    const body = [-0.62, 0.62, -0.3, 0.3, 0].map((d) => oval(x + d * r, y + Math.abs(d) * r * 0.08, r * (0.5 - Math.abs(d) * 0.22), r * (0.74 - Math.abs(d) * 0.16)));
+    const ribs = [-0.42, -0.14, 0.14, 0.42].map((d) => Array.from({ length: 7 }, (_, i) => {
+      const t = i / 6;
+      return { x: x + d * r * (0.7 + 0.9 * Math.sin(Math.PI * t)), y: y - r * 0.62 + r * 1.24 * t };
+    }));
+    const stalk2 = [[{ x: x - 7 * u * s, y: y - r * 0.66 }, { x: x - 2 * u * s, y: y - r * 1.02 }, { x: x + 14 * u * s, y: y - r * 1.08 }, { x: x + 9 * u * s, y: y - r * 0.66 }]];
+    out.push(boxed(`Pumpkin ${n + 1} stalk`, stalk2), boxed(`Pumpkin ${n + 1}`, body), boxed(`Pumpkin ${n + 1} ribs`, ribs, false));
+  });
+  return out;
+}
+var ring = (cx, cy, r, n = 14) => circle(cx, cy, r, n);
+function treesParts(g) {
+  const rand = rng(53), u = g.u;
+  const tones = [[], [], []];
+  for (let x = 30 * u; x < g.w; x += (38 + rand() * 54) * u) {
+    if (Math.abs(x - g.w * 0.2) < 80 * u) continue;
+    const r = (15 + rand() * 17) * u, y = crestY(g, "far", x);
+    const tone = tones[Math.floor(rand() * 3)];
+    tone.push(ring(x, y - r * 0.9, r));
+    tone.push(ring(x + r * 0.55, y - r * 0.5, r * 0.7, 10));
+    tone.push([{ x: x - 2 * u, y: y + 4 * u }, { x: x - 2 * u, y: y - r }, { x: x + 2 * u, y: y - r }, { x: x + 2 * u, y: y + 4 * u }]);
+  }
+  return ["Trees rust", "Trees ochre", "Trees green"].map((name, i) => boxed(name, tones[i].length ? tones[i] : [[{ x: 0, y: g.far }, { x: 1, y: g.far }, { x: 1, y: g.far + 1 }]]));
+}
+function barnParts(g) {
+  const u = g.u, x = g.w * 0.2, y = crestY(g, "far", x) + 8 * u, w = 92 * u, h = 52 * u;
+  const barn = [
+    [{ x: x - w / 2, y }, { x: x - w / 2, y: y - h }, { x: x - w * 0.36, y: y - h - 24 * u }, { x: x - w * 0.14, y: y - h - 40 * u }, { x: x + w * 0.14, y: y - h - 40 * u }, { x: x + w * 0.36, y: y - h - 24 * u }, { x: x + w / 2, y: y - h }, { x: x + w / 2, y }],
+    [{ x: x + w / 2 + 6 * u, y }, { x: x + w / 2 + 6 * u, y: y - h - 26 * u }, ...ring(x + w / 2 + 22 * u, y - h - 26 * u, 16 * u, 16).slice(8), { x: x + w / 2 + 38 * u, y: y - h - 26 * u }, { x: x + w / 2 + 38 * u, y }]
+  ];
+  const door = [
+    [{ x: x - 15 * u, y }, { x: x - 15 * u, y: y - 34 * u }, { x: x + 15 * u, y: y - 34 * u }, { x: x + 15 * u, y }],
+    [{ x: x - 8 * u, y: y - h - 6 * u }, { x: x - 8 * u, y: y - h - 22 * u }, { x: x + 8 * u, y: y - h - 22 * u }, { x: x + 8 * u, y: y - h - 6 * u }]
+  ];
+  return [boxed("Barn", barn), boxed("Barn door", door)];
+}
+function hayParts(g) {
+  const u = g.u, domes = [], comb = [];
+  for (const [fx, s] of [[0.07, 1], [0.5, 0.8], [0.9, 1.15], [0.78, 0.6]]) {
+    const x = g.w * fx, y = crestY(g, "mid", x) + 12 * u, w = 78 * u * s, h = 62 * u * s;
+    const dome = [{ x: x - w / 2, y }];
+    for (let i = 0; i <= 16; i++) {
+      const a = Math.PI - Math.PI * i / 16;
+      dome.push({ x: x + w / 2 * Math.cos(a) * (0.82 + 0.18 * Math.sin(a)), y: y - h * Math.pow(Math.sin(a), 0.8) });
+    }
+    dome.push({ x: x + w / 2, y });
+    domes.push(dome);
+    for (let j = -3; j <= 3; j++) {
+      const t = j / 4;
+      comb.push([{ x: x + t * w * 0.2, y: y - h * (0.92 - 0.1 * Math.abs(t)) }, { x: x + t * w * 0.42, y: y - h * 0.45 }, { x: x + t * w * 0.5, y: y - 4 * u }]);
+    }
+  }
+  return [boxed("Haystacks", domes), boxed("Hay comb", comb, false)];
+}
+function birdsPart(g) {
+  const u = g.u, c = g.birds ?? { x: g.sun.x - g.sun.size * 0.85, y: g.sun.y - g.sun.size * 0.65 }, shapes = [];
+  for (const [dx, dy, w] of [[-90, 6, 30], [-20, -30, 24], [44, 12, 20], [-150, 50, 18], [104, -34, 16]]) {
+    const x = c.x + dx * u, y = c.y + dy * u, b = w * u;
+    shapes.push([{ x: x - b, y: y - b * 0.1 }, { x: x - b * 0.5, y: y - b * 0.42 }, { x, y }, { x: x + b * 0.5, y: y - b * 0.42 }, { x: x + b, y: y - b * 0.1 }]);
+  }
+  return boxed("Birds", shapes, false);
+}
+var RAYS = 28;
+function sunGeometry(g) {
+  const R = g.sun.size / 2, B = g.sun.size * 1.7, c = B / 2;
+  const rays = [];
+  for (let i = 0; i < RAYS; i++) {
+    const a = Math.PI * 2 * i / RAYS, r1 = R * (i % 2 ? 1.3 : 1.56);
+    rays.push({ closed: false, points: [pt3(c + R * 1.12 * Math.cos(a), c + R * 1.12 * Math.sin(a)), pt3(c + r1 * Math.cos(a), c + r1 * Math.sin(a))] });
+  }
+  const hatch = [], n = 9;
+  for (let j = 0; j < n; j++) {
+    const y = c - R * 0.12 + R * 1.02 * j / (n - 1), half = Math.sqrt(Math.max(0, R * R - (y - c) * (y - c))) * 0.92;
+    hatch.push({ closed: false, points: [pt3(c + half - half * (0.5 + 1.3 * j / n), y), pt3(c + half, y)] });
+  }
+  return { box: { x: r3(g.sun.x - c), y: r3(g.sun.y - c), width: r3(B), height: r3(B) }, B: r3(B), rays, hatch, disc: { x: r3(c - R), y: r3(c - R), width: r3(R * 2), height: r3(R * 2) }, weight: r3(Math.max(1.5, g.sun.size * 0.012)) };
+}
+var cutWeight = (g) => r3(Math.max(1.2, 3.2 * g.u));
+function farFields(k, parent, g, o = {}) {
+  const s = sunGeometry(g), u = g.u;
+  const sun = k.frame(parent, s.box, { name: "Sun" });
+  const rays = k.vector(sun, s.B, s.B, s.rays, "ochre", { name: "Sun rays", strokeWidth: s.weight * 1.4, absolute: { x: 0, y: 0 } });
+  k.ellipse(sun, s.disc.width, "ochre", { name: "Sun disc", absolute: { x: s.disc.x, y: s.disc.y }, effects: [tooth(u, 3, 0.1)] });
+  k.vector(sun, s.B, s.B, s.hatch, "rust", { name: "Sun hatch", strokeWidth: s.weight, opacity: 0.6, absolute: { x: 0, y: 0 } });
+  if (!o.still) k.behave(rays, "rotation", [{ kind: "spin", rate: 360 / (RAYS / 2) * 1e3 / g.loopMs }]);
+  vectorAt(k, parent, birdsPart(g), "text", { strokeWidth: cutWeight(g) });
+  const [rust, ochre, green] = treesParts(g);
+  vectorAt(k, parent, green, "field");
+  vectorAt(k, parent, ochre, "ochre");
+  vectorAt(k, parent, rust, "rust");
+  const [barn, door] = barnParts(g);
+  vectorAt(k, parent, barn, "rustDeep");
+  vectorAt(k, parent, door, "straw");
+  vectorAt(k, parent, fieldPart(g, "far", "Far hill"), "leaf", { effects: [cutShadow(u, 0.2), tooth(u, 11)] });
+  vectorAt(k, parent, cutsPart(g, "far", "Far cuts", 5, 16, 71), "fieldDeep", { strokeWidth: cutWeight(g), opacity: 0.5 });
+  vectorAt(k, parent, fieldPart(g, "mid", "Stubble field"), "straw", { effects: [cutShadow(u), tooth(u, 17)] });
+  vectorAt(k, parent, cutsPart(g, "mid", "Stubble cuts", 4, 13, 29), "husk", { strokeWidth: cutWeight(g), opacity: 0.55 });
+  const [hay, comb] = hayParts(g);
+  vectorAt(k, parent, hay, "ochre", { effects: [cutShadow(u, 0.22)] });
+  vectorAt(k, parent, comb, "husk", { strokeWidth: cutWeight(g), opacity: 0.8 });
+}
+function nearField(k, parent, g) {
+  vectorAt(k, parent, fieldPart(g, "near", "Near field"), "fieldDeep", { effects: [cutShadow(g.u, 0.4), tooth(g.u, 23, 0.07)] });
+  vectorAt(k, parent, furrowsPart(g), "furrow", { opacity: 0.6 });
+  pumpkinParts(g).forEach((p, i) => {
+    if (i % 3 === 0) vectorAt(k, parent, p, "leaf");
+    else if (i % 3 === 1) vectorAt(k, parent, p, "pumpkin", { effects: [cutShadow(g.u, 0.3)] });
+    else vectorAt(k, parent, p, "rustDeep", { strokeWidth: cutWeight(g), opacity: 0.7 });
+  });
+}
+function fitField(k, root, g) {
+  const each = (name) => k.named(root, name);
+  const s = sunGeometry(g);
+  for (const id of each("Sun")) k.patch(id, s.box);
+  for (const id of each("Sun rays")) k.patch(id, { width: s.B, height: s.B, paths: s.rays });
+  for (const id of each("Sun hatch")) k.patch(id, { width: s.B, height: s.B, paths: s.hatch });
+  for (const id of each("Sun disc")) k.patch(id, s.disc);
+  const parts = [birdsPart(g), ...treesParts(g), ...barnParts(g), fieldPart(g, "far", "Far hill"), cutsPart(g, "far", "Far cuts", 5, 16, 71), fieldPart(g, "mid", "Stubble field"), cutsPart(g, "mid", "Stubble cuts", 4, 13, 29), ...hayParts(g), fieldPart(g, "near", "Near field"), furrowsPart(g), ...pumpkinParts(g)];
+  for (const p of parts) for (const id of each(p.name)) k.patch(id, { x: p.x, y: p.y, width: p.w, height: p.h, paths: p.paths });
+}
+function grain(cx, cy, len, wid, ang) {
+  const out = [], turn = (x, y) => ({ x: cx + x * Math.cos(ang) - y * Math.sin(ang), y: cy + x * Math.sin(ang) + y * Math.cos(ang) });
+  for (let i = 0; i <= 5; i++) out.push(turn(-(wid / 2) * Math.sin(Math.PI * i / 5), len / 2 - len * i / 5));
+  for (let i = 4; i >= 1; i--) out.push(turn(wid / 2 * Math.sin(Math.PI * i / 5), len / 2 - len * i / 5));
+  return out;
+}
+function stalk(cx, base, h, u, lean, side) {
+  const ear = Math.min(118 * u, h * 0.5), top = base - h, rows = 6, step = ear / (rows + 0.6);
+  const at = (t) => ({ x: cx + lean * t * t, y: base - t * h });
+  const stem = [];
+  for (let i = 0; i <= 8; i++) stem.push(at(i / 8 * (1 - ear * 0.9 / h)));
+  const grains = [], awns = [];
+  const gl = step * 1.5, gw = step * 0.78;
+  for (let i = 0; i < rows; i++) {
+    const y = top + ear - (i + 0.6) * step, x = cx + lean * Math.pow((base - y) / h, 2);
+    for (const s of [-1, 1]) {
+      const gx = x + s * gw * 0.5, a = s * 0.42;
+      grains.push(grain(gx, y, gl, gw, a));
+      const tx = gx + Math.sin(a) * gl * 0.5, ty = y - Math.cos(a) * gl * 0.5;
+      awns.push([{ x: tx, y: ty }, { x: tx + s * step * (1.1 + 0.12 * i), y: ty - step * (2.3 - 0.12 * i) }]);
+    }
+  }
+  const tipX = cx + lean;
+  grains.push(grain(tipX, top + gl * 0.42, gl, gw, 0));
+  awns.push([{ x: tipX, y: top }, { x: tipX, y: top - step * 2.2 }]);
+  const b = at(0.3), L = Math.min(150 * u, h * 0.5), W = 9 * u;
+  const mid = (s) => ({ x: b.x + side * s * L * 0.62, y: b.y - s * L * 0.95 + s * s * L * 0.62 });
+  const blade = [];
+  for (let j = 0; j <= 10; j++) {
+    const m = mid(j / 10);
+    blade.push({ x: m.x - side * W * Math.sin(Math.PI * j / 10) * 0.5, y: m.y - W * Math.sin(Math.PI * j / 10) * 0.6 });
+  }
+  for (let j = 9; j >= 1; j--) {
+    const m = mid(j / 10);
+    blade.push({ x: m.x + side * W * Math.sin(Math.PI * j / 10) * 0.5, y: m.y + W * Math.sin(Math.PI * j / 10) * 0.6 });
+  }
+  return { stem, grains, awns, blade };
+}
+var BAR_W = 150;
+var STALKS = [[-51, 0.88, -10, -1], [-17, 1, -4, 1], [17, 0.95, 5, -1], [51, 0.84, 12, 1]];
+function wheatBar(k, parent, o) {
+  const u = o.u ?? 1, w = BAR_W * u, room = 40 * u, H = o.height + room;
+  const id = k.frame(parent, { x: r3(o.cx - w / 2), y: r3(o.base - H), width: r3(w), height: r3(H) }, { name: o.name ?? "Bar" });
+  k.patch(id, { anchorX: 0.5, anchorY: 1 });
+  const stems = [], grains = [], awns = [], blades = [];
+  for (const [dx, f, lean, side] of STALKS) {
+    const s = stalk(w / 2 + dx * u, H, o.height * f, u, lean * u, side);
+    stems.push(s.stem);
+    grains.push(...s.grains);
+    awns.push(...s.awns);
+    blades.push(s.blade);
+  }
+  const draw = (name, shapes, color, more = {}, closed = true) => {
+    const paths = shapes.map((sh) => ({ closed, points: sh.map((p) => pt3(p.x, p.y)) }));
+    return k.vector(id, r3(w), r3(H), paths, color, { name, absolute: { x: 0, y: 0 }, ...more });
+  };
+  draw("Blades", blades, "leaf");
+  draw("Stems", stems, "husk", { strokeWidth: r3(Math.max(1.5, 4.5 * u)) }, false);
+  draw("Awns", awns, "husk", { strokeWidth: r3(Math.max(1, 2 * u)) }, false);
+  draw("Grains", grains, "ochre", { stroke: { color: "husk", width: r3(Math.max(0.8, 2 * u)) } });
+  return id;
+}
+function tag(k, parent, o) {
+  const u = o.u ?? 1;
+  const id = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", fill: "label", radius: r3(4 * u), stroke: { color: "ink", width: r3(Math.max(1, 2 * u)) }, padding: { top: r3(5 * u), right: r3(14 * u), bottom: r3(5 * u), left: r3(14 * u) }, name: o.name ?? "Tag", absolute: { x: 0, y: 0 }, effects: [labelShadow(u * 0.5)] });
+  k.text(id, o.text, { style: o.style, color: "ink", autoWidth: true, name: o.figure ?? "Tag figure" });
+  return id;
+}
+function hang(k, id, cx, bottom) {
+  k.finish();
+  const n = k.node(id);
+  k.patch(id, { x: r3(cx - n.width / 2), y: r3(bottom - n.height) });
+}
+var chartBox = (c) => {
+  const u = c.u ?? 1, H = c.height + 150 * u;
+  return { x: r3(c.x), y: r3(c.base - H), width: r3(c.width), height: r3(H) };
+};
+function wheatChart(k, parent, c) {
+  const u = c.u ?? 1, box = chartBox(c), max = Math.max(...c.values);
+  const chart = k.frame(parent, box, { name: "Chart" });
+  k.patch(chart, { anchorX: 0, anchorY: 0 });
+  const bars = [], tags = [];
+  c.values.forEach((v, i) => {
+    const cx = c.width * (i + 0.5) / c.values.length, h = c.height * v / max;
+    bars.push(wheatBar(k, chart, { cx, base: box.height, height: h, u }));
+    const t = tag(k, chart, { text: c.tags[i], style: c.tagStyle, figure: `Tally ${i + 1}`, u });
+    hang(k, t, cx, box.height - h - 62 * u);
+    tags.push(t);
+  });
+  return { chart, bars, tags };
+}
+function fitChart(k, root, c, at) {
+  const box = chartBox(c), s = at.scale ?? 1;
+  for (const id of k.named(root, "Chart")) k.patch(id, { x: r3(at.x), y: r3(at.base - box.height * s), scaleX: s, scaleY: s, anchorX: 0, anchorY: 0 });
+}
+function growBars(k, root, at, gap, duration = 900, back) {
+  k.named(root, "Bar").forEach((id, i) => k.animate(id, "scaleY", [
+    { t: 0, v: 0, ease: ease.hold },
+    { t: at + i * gap, v: 0, ease: ease.out("expo") },
+    { t: at + i * gap + duration, v: 1, ...back ? { ease: ease.hold } : {} },
+    ...back ? [{ t: back.at, v: 1, ease: ease.named("cubic", "in") }, { t: back.at + back.duration, v: 0 }] : []
+  ]));
+}
+var TONES = ["rust", "ochre", "rustDeep", "ochre", "rust", "leaf"];
+function strew(seed, n, box, size) {
+  const rand = rng(seed);
+  return Array.from({ length: n }, (_, i) => ({
+    x: r3(box.x0 + rand() * (box.x1 - box.x0)),
+    y: r3(box.y0 + rand() * (box.y1 - box.y0)),
+    size: r3(size[0] + rand() * (size[1] - size[0])),
+    turn: Math.round(rand() * 360),
+    tone: TONES[i % TONES.length],
+    oak: rand() < 0.45
+  }));
+}
+function leafGeometry(s) {
+  const L = s.size * 0.8, W = s.size * (s.oak ? 0.3 : 0.24), c = s.size / 2, a = s.turn * Math.PI / 180;
+  const turn = (x, y) => pt3(c + x * Math.cos(a) - y * Math.sin(a), c + x * Math.sin(a) + y * Math.cos(a));
+  const half = (t2) => W * Math.pow(Math.sin(Math.PI * Math.pow(t2, 0.8)), 0.8) * (s.oak ? 1 + 0.26 * Math.sin(t2 * Math.PI * 7) : 1);
+  const blade = [];
+  for (let i = 0; i <= 16; i++) blade.push(turn(-half(i / 16), L / 2 - L * i / 16));
+  for (let i = 15; i >= 1; i--) blade.push(turn(half(i / 16), L / 2 - L * i / 16));
+  const t = Math.max(1, s.size * 0.025);
+  const stalk2 = [turn(-t, L / 2 - 2), turn(-t * 0.6, L / 2 + s.size * 0.12), turn(t * 0.6, L / 2 + s.size * 0.12), turn(t, L / 2 - 2)];
+  const veins = [{ closed: false, points: [turn(0, L / 2), turn(0, -L * 0.36)] }];
+  for (const f of [0.18, 0.4, 0.62]) for (const side of [-1, 1]) {
+    const y = L / 2 - L * f;
+    veins.push({ closed: false, points: [turn(0, y), turn(side * half(f + 0.12) * 0.72, y - L * 0.13)] });
+  }
+  return { paths: [{ closed: true, points: blade }, { closed: true, points: stalk2 }], veins, weight: r3(Math.max(1, s.size * 0.03)) };
+}
+function leaves(k, parent, spots, name = "Leaf") {
+  return spots.map((s) => {
+    const g = leafGeometry(s);
+    const id = k.frame(parent, { x: r3(s.x - s.size / 2), y: r3(s.y - s.size / 2), width: s.size, height: s.size }, { name });
+    k.vector(id, s.size, s.size, g.paths, s.tone, { name: "Leaf blade", absolute: { x: 0, y: 0 } });
+    k.vector(id, s.size, s.size, g.veins, "label", { name: "Leaf veins", strokeWidth: g.weight, opacity: 0.85, absolute: { x: 0, y: 0 } });
+    return id;
+  });
+}
+function fitLeaves(k, root, spots, name = "Leaf") {
+  k.named(root, name).forEach((id, i) => {
+    const s = spots[i];
+    if (s) k.patch(id, { x: r3(s.x - s.size / 2), y: r3(s.y - s.size / 2) });
+  });
+}
+function fallLeaves(k, root, o) {
+  const sway = o.sway ?? 70;
+  k.named(root, o.name ?? "Leaf").forEach((id, i) => {
+    const n = k.node(id), t = o.at + i * o.gap, d = o.duration, drop = -(n.y + n.height * 2 + 40), side = i % 2 ? 1 : -1;
+    k.animate(id, "translateY", [{ t: 0, v: drop, ease: ease.hold }, { t, v: drop, ease: ease.out("sine") }, { t: t + d, v: 0 }]);
+    k.animate(id, "translateX", [
+      { t, v: side * sway, ease: ease.inOut("sine") },
+      { t: t + d * 0.3, v: -side * sway * 0.8, ease: ease.inOut("sine") },
+      { t: t + d * 0.58, v: side * sway * 0.55, ease: ease.inOut("sine") },
+      { t: t + d * 0.82, v: -side * sway * 0.25, ease: ease.inOut("sine") },
+      { t: t + d, v: 0 }
+    ]);
+    k.animate(id, "rotation", [{ t, v: side * 80, ease: ease.out("sine") }, { t: t + d, v: 0 }]);
+  });
+}
+function label(k, parent, o) {
+  const u = o.u ?? 1, pad = o.pad ?? r3(28 * u);
+  const card = k.stack(parent, { width: o.width, fill: "label", radius: r3(6 * u), padding: r3(8 * u), name: o.name ?? "Label", effects: [labelShadow(u), tooth(u, 41, 0.06)], ...o.absolute ? { absolute: o.absolute } : {} });
+  const inner = k.stack(card, { stroke: { color: "ink", width: r3(Math.max(1, 2 * u)), join: "MITER" }, name: "Label rule" });
+  const band = k.stack(inner, { fill: "rust", padding: { top: r3(9 * u), right: pad, bottom: r3(9 * u), left: pad }, name: "Label band" });
+  k.text(band, o.band, { style: o.bandStyle, color: "label", name: "Label band text" });
+  const body = k.stack(inner, { gap: o.gap ?? r3(14 * u), padding: { top: r3(pad * 0.7), right: pad, bottom: pad, left: pad }, name: "Label body" });
+  return { card, body };
+}
+function almanacRule(k, parent, o) {
+  const u = o.u ?? 1, color = o.color ?? "text";
+  const id = k.stack(parent, { width: o.width, gap: r3(4 * u), name: o.name ?? "Almanac rule" });
+  k.rect(id, "FILL", r3(Math.max(2, 4 * u)), color, { name: "Rule thick" });
+  k.rect(id, "FILL", r3(Math.max(1, 1.5 * u)), color, { name: "Rule thin" });
+  return id;
+}
+function ledgerLine(k, parent, o) {
+  const u = o.u ?? 1;
+  const id = k.stack(parent, { gap: r3(10 * u), name: o.name ?? "Ledger line" });
+  const row = k.stack(id, { direction: "HORIZONTAL", gap: r3(20 * u), align: "MAX", justify: "SPACE_BETWEEN", name: "Ledger row" });
+  k.text(row, o.item, { style: o.itemStyle, color: o.ink ?? "ink", name: "Ledger item" });
+  k.text(row, o.figure, { style: o.figureStyle, color: o.figureInk ?? "rust", autoWidth: true, name: o.figureName ?? "Ledger figure" });
+  k.rect(id, "FILL", r3(Math.max(1, 1.5 * u)), o.rule ?? "ink", { name: "Ledger rule", opacity: 0.4 });
+  return id;
+}
+
+export {
+  HARVEST,
+  harvestBrand,
+  field,
+  crestY,
+  farFields,
+  nearField,
+  fitField,
+  wheatBar,
+  tag,
+  hang,
+  wheatChart,
+  fitChart,
+  growBars,
+  strew,
+  leaves,
+  fitLeaves,
+  fallLeaves,
+  label,
+  almanacRule,
+  ledgerLine
+};