@popcraft/kit 0.53.4 → 0.53.6

package/dist/chunks/chunk-SFLML4IY.js

@@ -1,193 +0,0 @@
-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 {
-  burst,
-  diwaliBrand,
-  diyas,
-  drawRangoli,
-  fitScene,
-  hangings,
-  lightDiyas,
-  rangoli,
-  sky
-} from "./chunk-5ESNE4SU.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/web/diwali-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var LOOP = 7e3;
-var CUSTOMS = [
-  ["Clear the old ledger", "Last year, reconciled for you", "Bahi matches every bank line to its invoice or receipt and flags the few it is unsure of, so nothing is carried into the new year by accident."],
-  ["Open the new book", "A fresh set of accounts in a minute", "Roll the year over on the day you choose. Opening balances, tax registers and recurring invoices come across; old drafts stay behind."],
-  ["Light every lamp", "Each number, lit and explained", "Cash, receivables and tax set aside on one page your whole team can read, with the entries behind each figure a click away."],
-  ["Share the sweets", "Bring your accountant in free", "Advisor seats cost nothing, ever. Invite yours during the festival and they see the same books you do, live."]
-];
-var night = (w) => {
-  const h = 620, lamp = (i, n) => 46 + (w - 92) * i / (n - 1);
-  return {
-    w,
-    h,
-    u: 0.56,
-    loopMs: LOOP,
-    dust: { top: 60, bottom: 260 },
-    fireworks: [{ x: Math.max(80, w * 0.2), y: 190, r: 78 }, { x: w - Math.max(74, w * 0.17), y: 150, r: 88 }, { x: w * 0.52, y: 226, r: 50 }],
-    roofs: { y: 318, rise: 104 },
-    rangoli: { x: w / 2, y: 448, r: 104 },
-    garlands: [{ y: 18, sag: 40, swags: w > 400 ? 3 : 2, flower: 22, toran: true }],
-    lanterns: [{ x: 44, drop: 62, size: 50 }, { x: w - 48, drop: 92, size: 58 }],
-    diyas: [{ x: lamp(2, 5), y: 600, size: 50 }, { x: lamp(1, 5), y: 596, size: 46 }, { x: lamp(3, 5), y: 596, size: 46 }, { x: lamp(0, 5), y: 588, size: 42 }, { x: lamp(4, 5), y: 588, size: 42 }, { x: 40, y: 470, size: 32 }, { x: w - 40, y: 470, size: 32 }, { x: 52, y: 372, size: 24 }, { x: w - 52, y: 372, size: 24 }]
-  };
-};
-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: "Visual", preset: "fade-in", at: 400, params: { duration: 900 } },
-  { 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: "Proof", preset: "fade-in", at: 2e3, params: { duration: 800 } },
-  { layer: "Rangoli heart", preset: "pulse", at: 5200, params: { duration: 900, amount: 0.12 } }
-];
-var diwali_landing_default = defineTemplate({
-  id: "web-diwali-landing",
-  meta: {
-    name: "Diwali landing page",
-    description: "A festival landing page for a SaaS with a Diwali offer: an offer bar, a hero where a rangoli draws itself outward petal by petal while clay lamps are lit one after another, fireworks burst over rooftops hung with lights and paper lanterns sway under a marigold garland, four customs of the festival as a ruled column marked with flames, and the offer \u2014 at desktop, laptop, tablet and phone widths",
-    category: "web",
-    tags: ["diwali", "deepavali", "festival of lights", "landing page", "hero", "website", "saas", "diya", "rangoli", "marigold", "fireworks", "offer", "animation", "responsive", "seasonal", "serif"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["sale", "launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Diwali landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    diwaliBrand(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 84", { ...SERIF, size: 84, fontWeight: 900, letterSpacing: -2.8, lineHeight: 84 });
-    k.textStyle("Display 68", { ...SERIF, size: 68, fontWeight: 900, letterSpacing: -2.1, lineHeight: 70 });
-    k.textStyle("Display 58", { ...SERIF, size: 58, fontWeight: 900, letterSpacing: -1.7, lineHeight: 60 });
-    k.textStyle("Display 42", { ...SERIF, size: 42, fontWeight: 900, letterSpacing: -1.1, lineHeight: 45 });
-    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("Custom 19", { ...SERIF, size: 19, fontStyle: "italic", fontWeight: 500, lineHeight: 30 });
-    k.textStyle("Deed 24", { ...SERIF, size: 24, fontWeight: 800, letterSpacing: -0.4, lineHeight: 32 });
-    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Small 14", { size: 14, fontWeight: 500, lineHeight: 22 });
-    buttons(k, { style: "Button 16", pad: [15, 26], radius: 10 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 64, top: 24 });
-    k.timeline(sheet, { duration: LOOP, fps: 30 });
-    const bar = k.stack(sheet, { fill: "primary", radius: 10, padding: { top: 10, right: 20, bottom: 10, left: 20 }, align: "CENTER", name: "Offer bar" });
-    k.text(bar, "Happy Diwali. Our festival gift: 25% off every annual plan with code DIYA25, through the five days of the festival.", { style: "Bar 15", color: "onPrimary", name: "Offer bar text" });
-    nav(k, sheet, { links: ["How it closes", "Integrations", "Pricing", "Changelog"], cta: "Open a new book", style: "Nav 16", brandStyle: "Brand 22" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 72, align: "CENTER", name: "Hero" });
-    const copy = k.stack(hero, { gap: 26, name: "Copy" });
-    k.text(copy, "Diwali offer", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
-    k.text(copy, "Light up the new year\u2019s books.", { style: "Display 84", color: "text", name: "Headline" });
-    k.text(copy, "On Diwali, merchants by custom close the old ledger and open a new one. Bahi does both for you: it reconciles last year down to the last receipt, rolls your accounts over, and keeps the new book current as money moves. You light the lamps.", { 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: "Open a new book: 25% off" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "See a closed month" }, { name: "CTA quiet" });
-    k.text(copy, "14,200 small teams \xB7 books closed by the 2nd, on average", { style: "Proof 15", color: "onPaper", name: "Proof" });
-    const W = 520;
-    const s = night(W);
-    const visual = k.stack(hero, { width: W, height: s.h, fill: "card", radius: 24, clip: true, name: "Visual" });
-    sky(k, visual, s);
-    const mandala = rangoli(k, visual, s.rangoli, s.u);
-    diyas(k, visual, s);
-    hangings(k, visual, s);
-    k.named(visual, "Firework").forEach((f, i) => burst(k, f, [[1400, 4600], [2300, 5400], [3300]][i], s.u));
-    drawRangoli(k, mandala, 900, 130);
-    lightDiyas(k, visual, s.diyas.map((_, i) => i ? 1500 + i * 260 : void 0));
-    const customs = k.stack(sheet, { gap: 0, name: "Customs" });
-    k.text(customs, "Four customs of the festival, kept for you", { style: "Section 44", color: "text", name: "Customs title" });
-    k.stack(customs, { height: 28, name: "Gap" });
-    for (const [custom, deed, account] of CUSTOMS) {
-      k.rect(customs, "FILL", 1, "accent", { name: "Rule", opacity: 0.5 });
-      const row = k.stack(customs, { direction: "HORIZONTAL", gap: 32, padding: { top: 24, right: 0, bottom: 24, left: 0 }, name: "Custom" });
-      const mark = k.stack(row, { direction: "HORIZONTAL", width: 230, gap: 12, align: "CENTER", name: "Custom mark" });
-      const lamp = k.stack(mark, { width: 22, height: 22, name: "Lamp mark" });
-      k.ellipse(lamp, 22, k.tint("accent", 0.3), { name: "Lamp mark glow", absolute: { x: 0, y: 0 } });
-      k.ellipse(lamp, 10, "accent", { name: "Lamp mark flame", absolute: { x: 6, y: 6 } });
-      k.text(mark, custom, { style: "Custom 19", color: "onPaper", name: "Custom name" });
-      k.text(row, deed, { style: "Deed 24", color: "text", width: 330, name: "Deed" });
-      k.text(row, account, { style: "Body 18", color: "onPaper", name: "Account" });
-    }
-    k.rect(customs, "FILL", 1, "accent", { name: "Rule", opacity: 0.5 });
-    const band = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", justify: "SPACE_BETWEEN", fill: "card", radius: 16, stroke: { color: "accent", width: 1 }, padding: 48, name: "Band" });
-    const pitch = k.stack(band, { gap: 10, name: "Band copy" });
-    k.text(pitch, "Our festival gift: 25% off every annual plan.", { style: "Section 32", color: "onCard", name: "Band title" });
-    k.text(pitch, "Use DIYA25 during the five days of Diwali. The price holds for as long as you stay, and month-to-month customers can switch today.", { style: "Body 18", color: "onCard", name: "Band text" });
-    k.instance(band, "Button", { Label: "Open a new book" }, { name: "Band button" });
-    k.text(sheet, "Wishing you light, health and a prosperous new year \xB7 \xA9 Bahi Books \xB7 Security \xB7 Changelog \xB7 Status", { style: "Small 14", color: "onPaper", name: "Footer" });
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Band"],
-      stackMobile: ["Custom"],
-      restyle: {
-        "Display 84": { laptop: "Display 68", tablet: "Display 58", mobile: "Display 42" },
-        "Lead 20": { mobile: "Lead 17" },
-        "Section 44": { mobile: "Section 32" }
-      },
-      gap: { tablet: 56, mobile: 44 },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") for (const n2 of kit.named(id, "Hero")) kit.patch(n2, { itemSpacing: 48 });
-        if (size === "tablet" || size === "mobile") {
-          for (const n2 of kit.named(id, "Hero")) kit.patch(n2, { itemSpacing: 44, counterAxisAlignItems: "CENTER" });
-          for (const n2 of kit.named(id, "Band")) kit.patch(n2, { itemSpacing: 24, padding: { top: 32, right: 24, bottom: 32, left: 24 } });
-        }
-        if (size === "mobile") {
-          for (const n2 of kit.named(id, "Custom")) kit.patch(n2, { itemSpacing: 6 });
-          for (const n2 of kit.named(id, "Deed")) kit.patch(n2, { layoutSizingHorizontal: "FILL" });
-        }
-        const n = size === "mobile" ? night(335) : s;
-        for (const box of kit.named(id, "Visual")) {
-          kit.patch(box, { layoutSizingHorizontal: "FIXED", width: n.w, height: n.h });
-          fitScene(kit, box, n);
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  diwali_landing_default
-};

package/dist/chunks/chunk-SFUNLOHZ.js

@@ -1,361 +0,0 @@
-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 {
-  LOOP,
-  addOns,
-  artBand,
-  bunting,
-  closing,
-  countdown,
-  disc,
-  drain,
-  faq,
-  features,
-  hero,
-  hill,
-  ladder,
-  legal,
-  lineup,
-  partners,
-  parts,
-  presaleResponsive,
-  shape,
-  signup,
-  steps,
-  stockCount,
-  sway,
-  ticking,
-  travel,
-  turn
-} from "./chunk-A5DOI23N.js";
-import {
-  burstPath
-} from "./chunk-2VFVKPUT.js";
-import {
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  typeScale
-} from "./chunk-YHF6LRMF.js";
-import {
-  nav,
-  page
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  grain,
-  hardShadow
-} from "./chunk-YORIY3BT.js";
-import {
-  curve3,
-  poly,
-  pt3,
-  rng
-} from "./chunk-EJLCQVQK.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/web/festival-presale-folk.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Festival presale page: folk in the fields";
-var CLOCK = { days: "09", hours: "14", minutes: "27", from: 52, to: 46 };
-var STOCK = { label: "Going quickly", from: 3912, left: 3880, total: 1e4 };
-var AW = 1200;
-var AH = 860;
-var SUN = { x: 850, y: 330, r: 168 };
-var HERO = {
-  artW: AW,
-  artH: AH,
-  h: { desktop: 860, laptop: 830, tablet: 900, mobile: 716 },
-  fit: { laptop: { s: 0.966, ax: 1200, ay: 860, hx: 1120, hy: 830 }, tablet: { s: 1.05, ax: 850, ay: 860, hx: 470, hy: 900 }, mobile: { s: 0.9, ax: 850, ay: 616, hx: 226, hy: 418 } },
-  pad: { tablet: { top: 56, right: 36, bottom: 40, left: 36 }, mobile: { top: 34, right: 16, bottom: 20, left: 16 } }
-};
-var STEPS = [
-  ["By 7 Feb", "Put your name down", "Leave your email by Sunday 7 February, midnight. It is free, and it is one sign-up per person."],
-  ["9 Feb", "A code in the post", "On Tuesday 9 February we email your own code and a link. Each code buys up to six tickets, once."],
-  ["11 Feb \xB7 09:00", "The presale opens", "Thursday 11 February at 9 in the morning. The queue opens at 8:30, and places in it are drawn by lot."],
-  ["19 Feb", "General sale", "Anything left goes on general sale on Friday 19 February at 9, at the price of the tier it has reached."]
-];
-var TIERS = [
-  { tag: "Supporter", name: "Weekend, with camping", price: "\xA3168", note: "5,000 tickets, offered to last year\u2019s campers in October. All gone.", status: "sold", chip: "Sold out" },
-  { tag: "Tier one", name: "Weekend, with camping", price: "\xA3189", note: "On sale now to the mailing list. What is\xA0left\xA0opens to presale codes on 11 February.", status: "selling", chip: "On sale" },
-  { tag: "Tier two", name: "Weekend, with camping", price: "\xA3209", note: "12,000 tickets, kept back for the presale and opened when tier one is gone.", status: "next", chip: "Presale \xB7 11 Feb" },
-  { tag: "Tier three", name: "Weekend, with camping", price: "\xA3229", note: "The last 8,000, for the general sale on 19 February, if any are left by then.", status: "later", chip: "General \xB7 19 Feb" }
-];
-var EXTRAS = [
-  ["Bell tent for four", "+ \xA3360", "Pitched and waiting in the quiet field by the orchard, with beds, rugs and a lantern."],
-  ["Campervan pitch", "+ \xA395", "A marked pitch on hard ground with room for an awning. Hook-up is \xA330 more."],
-  ["Under-12s", "Free", "Children under 12 come free with an adult,\xA0but each needs a (free) ticket of their own."]
-];
-var BILLS = [
-  { label: "Friday 23 July", note: "Barn stage", heads: ["The Larkspur Union", "Odette Marlowe"], acts: ["Fennel Road", "The Wren Sisters", "Tobias Pell", "Cinder & Thread"], more: ["Marsh Lantern", "Ada\xA0Brightwater", "The Quiet Mile", "Saltgrass", "Josie Thrupp"] },
-  { label: "Saturday 24 July", note: "Barn stage", heads: ["Hollow Kin", "Maren & the Tide"], acts: ["Half Acre", "Paper Lantern Club", "Wilder Still", "Little Orchard"], more: ["Bramble Choir", "Ned Farrow", "The Low Meadows", "Isla Penhale", "Greenfinch"] },
-  { label: "Sunday 25 July", note: "Barn stage", heads: ["Old Coat", "June Addison"], acts: ["The Hayloft Sessions", "Rook & Rowan", "Elsie Vane", "Tin Whistle Parade"], more: ["Morning Chorus Collective", "Fable Hill", "Wendell Ash", "The Sunday Fiddlers"] }
-];
-var ON_SITE = [
-  ["Five stages", "From the Barn stage and its 20,000 to the forty seats of the Lantern Tent, all inside a ten-minute walk."],
-  ["Camping in the orchard", "Every weekend ticket includes four nights. Quiet and family fields, hot showers and a camp shop."],
-  ["The mill pond", "Lifeguarded swimming from eight till six, and sauna boats by the hour in the morning mist."],
-  ["Food from the valley", "Sixty kitchens and three long-table suppers. Most of what you eat was grown within 30 miles."],
-  ["Workshops", "Fiddle for beginners, spoon carving, sunrise yoga and songwriting circles. Sign up on the day."],
-  ["Access", "Raised viewing at the big stages, an accessible campsite with power, and a free ticket for an assistant."]
-];
-var ROUTES = [
-  ["Train", "Hartcombe Halt is on the Wessendale line, 1 h 50 from the capital. A shuttle meets every train.", "Shuttle \xA34 return"],
-  ["Coach", "Direct coaches from nine towns and cities, arriving on Thursday and Friday and leaving on Monday.", "From \xA332 return"],
-  ["Car", "Car parks open on Thursday at noon. Book a pass ahead: none are sold at the gate.", "\xA325 a car"],
-  ["Bicycle", "Ride in along the canal path and we carry your bags from the station to your pitch.", "Free, with breakfast"]
-];
-var STAYS = [
-  ["Your own tent", "Included with every weekend ticket, from Thursday noon to Monday noon.", "Included"],
-  ["Bell tents", "Pre-pitched for four, with real beds and bedding, by the orchard.", "+ \xA3360"],
-  ["Inns and farm stays", "A list of rooms within the shuttle\u2019s loop, held at festival rates until 1 May.", "From \xA370"]
-];
-var QUESTIONS = [
-  ["How many tickets can I buy?", "Six with a presale code, eight in the general sale. Each ticket carries a name, which you can change for free until 1 July."],
-  ["Does a code guarantee a ticket?", "No. It lets you into the presale queue. More codes go out than there are tickets, so be there at nine."],
-  ["Can I sell a ticket on?", "Only through the official resale, at the price you paid. Tickets sold anywhere else are cancelled."],
-  ["Can children come?", "Yes, all ages. Under-12s are free, 12 to 17 is \xA395, and anyone under 16 must camp with an adult."],
-  ["What if I cannot come?", "Cancel within 14 days of buying for a full refund. After that, the official resale pays you back when it sells."],
-  ["What about access?", "Tell us what you need when you book:\xA0viewing platforms, the accessible campsite, power and a free assistant\u2019s ticket."]
-];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Hero kicker", preset: "fade-in", at: 100, params: { duration: 600 } },
-  { layer: "Hero name", preset: "rise-in", at: 150, params: { duration: 900 } },
-  { layer: "Hero date", preset: "rise-in", at: 500, params: { duration: 700 } },
-  { layer: "Hero place", preset: "rise-in", at: 620, params: { duration: 700 } },
-  { layer: "Hero sign", preset: "drop-in", at: 800, params: { duration: 800 } },
-  { layer: "Step", preset: "rise-in", at: 1200, params: { duration: 500 }, stagger: { delay: 140 } },
-  { layer: "Act", preset: "rise-in", at: 1500, params: { duration: 500 }, stagger: { delay: 200 } }
-];
-var counts = [ticking("Hero", CLOCK), ticking("Band", CLOCK), stockCount("Tier stock", STOCK)];
-function tent(k, art, x, base, w, a, b, i) {
-  const h = w * 0.78, top = base - h;
-  shape(k, art, [poly([[x - w / 2, base], [x, top], [x + w / 2, base]])], a, { 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 });
-  sway(k, flag, "scaleX", 0.22, 3, i / 5);
-}
-function fieldsArt(k, art) {
-  k.rect(art, AW, 520, [k.gradient({ from: "sunPale", to: "sunPale", fromOpacity: 0, toOpacity: 0.55, angle: 90 })], { name: "Sky glow", absolute: { x: 0, y: 0 } });
-  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 } });
-  turn(k, 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 } });
-  const cloud = (x, y, s, i) => {
-    const id = shape(k, art, [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 });
-    sway(k, id, "translateX", 14, 1, i / 3);
-  };
-  cloud(620, 150, 1, 0);
-  cloud(1010, 96, 0.7, 1);
-  cloud(1040, 520, 0.6, 2);
-  const birds = [[690, 250], [724, 232], [760, 262], [1060, 236], [1094, 250]].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 });
-  sway(k, 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, "tentCream", "tentRed"], [176, 624, 96, "tentCream", "tentBlue"], [468, 606, 62, "tentCream", "straw"], [560, 612, 84, "tentCream", "tentRed"], [720, 600, 70, "tentCream", "tentBlue"], [824, 606, 104, "tentCream", "tentRed"], [952, 598, 66, "tentCream", "straw"], [1060, 604, 92, "tentCream", "tentBlue"], [1160, 598, 60, "tentCream", "tentRed"]];
-  tents.forEach(([x, base, w, a, b], i) => tent(k, art, x, base, w, a, b, i));
-  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 });
-      sway(k, id, "rotation", 0.9, 2, row / 3);
-    }
-  }
-  k.patch(art, { effects: grain(0.07, 2, 23) });
-}
-function cornerSun(k, panel) {
-  const S = 340, R = 300, f = k.frame(panel, { x: AW - S, y: 0, width: S, height: S }, { name: "Panel art right" });
-  const rays = [];
-  for (let i = 0; i < 24; i++) {
-    const a = i / 24 * Math.PI * 2, d = 0.045, r0 = 160, r1 = i % 2 ? R : R - 50;
-    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 id = k.vector(f, R * 2, R * 2, rays, "sun", { name: "Sun rays", opacity: 0.8, absolute: { x: S - R, y: -R } });
-  turn(k, id, 1 / 12);
-  k.ellipse(f, 280, "sun", { name: "Sun", absolute: { x: S - 140, y: -140 } });
-  const g = k.frame(panel, { x: 0, y: 0, width: 340, height: 90 }, { name: "Panel art left" });
-  bunting(k, g, { x1: -12, y1: 4, x2: 330, y2: 30, sag: 20, n: 8, size: 26, colors: ["tentRed", "straw", "hillD", "tentBlue"], line: "bark" });
-}
-var festival_presale_folk_default = defineTemplate({
-  id: "web-festival-presale-folk",
-  meta: {
-    name: NAME,
-    description: "A ticket presale landing page for a large summer indie and folk festival on a farm. The hero is a sun-bleached poster (a low sun with turning rays, drifting clouds, rolling hills, striped bell tents, bunting and swaying barley) under the name in a heavy italic serif, with a painted sign that counts down to the presale and takes the sign-up. Then the presale in four steps, four tier cards with the supporter tickets sold out and tier one running down, bell tents, campervans and a deposit plan, the bill as a centred poster, what the farm offers, travel and stay, the questions, partners and the legal lines. Cream, terracotta, sage and straw, desktop to phone",
-    category: "web",
-    tags: ["festival", "presale", "tickets", "folk", "indie", "summer", "camping", "fields", "countdown", "sign-up", "ticket tiers", "line-up", "landing page", "website", "serif", "animation", "responsive", "event"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["presale", "event", "countdown", "launch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues, counts },
-  build() {
-    const k = new Kit(NAME, preset("web-desktop"));
-    k.quantizeGeometry = true;
-    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" }
-    );
-    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" });
-    const serif = { ...SERIF, fontStyle: "italic" };
-    const s = typeScale(k, {
-      Nav: { size: 15, fontWeight: 600, lineHeight: 22 },
-      Brand: { ...serif, size: 24, fontWeight: 900, letterSpacing: -0.4, lineHeight: 30 },
-      Button: { size: 16, fontWeight: 700, lineHeight: 24 },
-      Kicker: { size: 13, fontWeight: 700, letterSpacing: 3, lineHeight: 18, textCase: "UPPER" },
-      Section: { ...serif, size: 64, fontWeight: 900, letterSpacing: -1.8, lineHeight: 66 },
-      "Section md": { ...serif, size: 52, fontWeight: 900, letterSpacing: -1.4, lineHeight: 56 },
-      "Section sm": { ...serif, size: 38, fontWeight: 900, letterSpacing: -1, lineHeight: 42 },
-      Aside: { ...SERIF, size: 20, fontWeight: 400, lineHeight: 30 },
-      "Aside sm": { ...SERIF, size: 18, fontWeight: 400, lineHeight: 27 },
-      Body: { size: 16, fontWeight: 400, lineHeight: 25 },
-      Small: { size: 14, fontWeight: 400, lineHeight: 21 },
-      Label: { size: 12, fontWeight: 700, letterSpacing: 2, lineHeight: 16, textCase: "UPPER" },
-      Legal: { size: 13, fontWeight: 400, lineHeight: 20 },
-      Clock: { ...SERIF, size: 54, fontWeight: 900, letterSpacing: -1.5, lineHeight: 56, fontFeatures: { tnum: 1 } },
-      "Clock sm": { ...SERIF, size: 36, fontWeight: 900, letterSpacing: -1, lineHeight: 40, fontFeatures: { tnum: 1 } },
-      Unit: { size: 12, fontWeight: 700, letterSpacing: 2, lineHeight: 16, textCase: "UPPER" },
-      Field: { size: 16, fontWeight: 500, lineHeight: 24 },
-      "Step no": { ...serif, size: 52, fontWeight: 900, lineHeight: 48 },
-      "Step title": { ...SERIF, size: 23, fontWeight: 800, letterSpacing: -0.3, lineHeight: 29 },
-      Tier: { ...SERIF, size: 21, fontWeight: 700, lineHeight: 27 },
-      Price: { ...serif, size: 56, fontWeight: 900, letterSpacing: -2, lineHeight: 56, fontFeatures: { tnum: 1 } },
-      "Price sm": { ...serif, size: 46, fontWeight: 900, letterSpacing: -1.6, lineHeight: 48, fontFeatures: { tnum: 1 } },
-      Status: { size: 12, fontWeight: 800, letterSpacing: 1.2, lineHeight: 16, textCase: "UPPER" },
-      "Act 1": { ...serif, size: 76, fontWeight: 900, letterSpacing: -2.4, lineHeight: 78, textAlign: "CENTER" },
-      "Act 1 md": { ...serif, size: 52, fontWeight: 900, letterSpacing: -1.4, lineHeight: 56, textAlign: "CENTER" },
-      "Act 1 sm": { ...serif, size: 34, fontWeight: 900, letterSpacing: -0.8, lineHeight: 38, textAlign: "CENTER" },
-      "Act 2": { ...SERIF, size: 28, fontWeight: 700, letterSpacing: -0.4, lineHeight: 38, textAlign: "CENTER" },
-      "Act 2 sm": { ...SERIF, size: 20, fontWeight: 700, lineHeight: 28, textAlign: "CENTER" },
-      "Act 3": { size: 15, fontWeight: 600, letterSpacing: 1.6, lineHeight: 26, textCase: "UPPER", textAlign: "CENTER" },
-      Q: { ...SERIF, size: 21, fontWeight: 800, letterSpacing: -0.2, lineHeight: 28 },
-      Partner: { ...SERIF, size: 18, fontWeight: 700, lineHeight: 24 },
-      "Name 150": { ...serif, size: 150, fontWeight: 900, letterSpacing: -5.5, lineHeight: 128 },
-      "Name 132": { ...serif, size: 132, fontWeight: 900, letterSpacing: -4.8, lineHeight: 114 },
-      "Name 64": { ...serif, size: 64, fontWeight: 900, letterSpacing: -2.2, lineHeight: 60 },
-      "Date 34": { ...SERIF, size: 34, fontWeight: 800, letterSpacing: -0.6, lineHeight: 40 },
-      "Date 24": { ...SERIF, size: 24, fontWeight: 800, letterSpacing: -0.3, lineHeight: 30 }
-    });
-    const L = {
-      s,
-      upper: ["Kicker", "Label", "Unit", "Status", "Act 3"],
-      radius: 16,
-      pad: 26,
-      rule: 2,
-      chipRadius: 999,
-      center: true,
-      card: { stroke: { color: "text", width: 2, align: "INSIDE" }, effects: [hardShadow(k, "bark", 5, 6, 0.9)] },
-      // A wavy line under every section title.
-      flourish: (kit, h2) => {
-        kit.vector(h2, 180, 12, [curve3(Array.from({ length: 13 }, (_, i) => ({ x: i * 15, y: i % 2 ? 2 : 10 })), 0.3)], "primary", { name: "Squiggle", strokeWidth: 3 });
-      },
-      mark: (kit, f, i) => {
-        kit.vector(f, 40, 40, [burstPath(40, 10 + i % 3 * 2, 0.3)], i % 2 ? "accent" : "primary", { name: "Feature mark" });
-      }
-    };
-    parts(k, L, { radius: 999 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 112, top: 28 });
-    k.timeline(sheet, { duration: LOOP, fps: 30 });
-    nav(k, sheet, { links: ["The presale", "Tickets", "Who is playing", "Getting here"], cta: "Sign up", style: s("Nav"), brandStyle: s("Brand") });
-    const { hero: h, art } = hero(k, sheet, HERO, { justify: "CENTER", gap: 16, radius: 28, padding: { top: 48, right: 56, bottom: 48, left: 56 }, stroke: { color: "text", width: 3, align: "INSIDE" } });
-    fieldsArt(k, art);
-    const copy = k.stack(h, { width: 600, gap: 14, name: "Hero copy" });
-    const kick = k.stack(copy, { direction: "HORIZONTAL", width: "HUG", fill: "card", radius: 999, padding: { top: 6, right: 14, bottom: 6, left: 14 }, stroke: { color: "bark", width: 2, align: "INSIDE" }, name: "Hero kicker" });
-    k.text(kick, "FOUR DAYS OF SONGS IN THE FIELDS", { style: s("Kicker"), color: "onCard", autoWidth: true, name: "Hero kicker text" });
-    k.text(copy, "{{brand.name}}", { style: s("Name 150"), color: "onStage", name: "Hero name" });
-    k.text(copy, "22 \u2013 25 July 2027", { style: s("Date 34"), color: "onStage", name: "Hero date" });
-    k.text(copy, "Hartcombe Farm, Wessendale", { style: s("Aside"), color: "onStage", name: "Hero place" });
-    const sign = k.stack(h, { width: 600, gap: 12, fill: "card", radius: 20, padding: 22, stroke: { color: "bark", width: 3, align: "INSIDE" }, effects: [hardShadow(k, "bark", 7, 8)], name: "Hero sign" });
-    k.text(sign, "THE PRESALE OPENS IN", { style: s("Kicker"), color: "cardMuted", name: "Sign label" });
-    countdown(k, sign, L, { prefix: "Hero", clock: CLOCK, fill: "panel", ink: "onPanel", muted: "panelMuted", gap: 8, radius: 12, pad: [10, 4] });
-    signup(k, sign, L, { name: "Hero signup", placeholder: "Your email address", cta: "Sign up for presale", radius: 999, stroke: { color: "bark", width: 2, align: "INSIDE" } });
-    k.text(sign, "Sign up by Sunday 7 February. Your code buys up to six tickets, and it is free to ask for one.", { style: s("Small"), color: "cardMuted", name: "Sign note" });
-    steps(k, sheet, L, { kicker: "How the presale works", title: "Four dates for the diary", aside: "Miss the first and you are in the general sale, a week later and a tier dearer.", items: STEPS, boxed: true });
-    const tix = ladder(k, sheet, L, { kicker: "Tickets", title: "The earlier, the cheaper", aside: "Every tier is a set number of weekend tickets with camping. When one runs out the next begins, and the price only goes one way.", tiers: TIERS, variant: "cards", stock: STOCK });
-    addOns(k, tix, L, { items: EXTRAS, plan: ["Spread the cost", "Reserve with a \xA340 deposit and pay the rest in four monthly parts, the last on 1 June. No fee, and your tier is kept.", "\xA340 deposit"] });
-    lineup(k, sheet, L, { kicker: "Who is playing, so far", title: "The first forty names", aside: "The Lantern Tent, the Orchard stage and the late-night barn dance are announced on 4 March.", bills: BILLS, variant: "poster", tba: "and more than fifty still to be announced", sep: "\xB7", panel: { radius: 28, stroke: { color: "text", width: 3, align: "INSIDE" }, art: cornerSun } });
-    artBand(k, sheet, { w: AW, h: 200, focus: 760, radius: 28, draw: (a) => fieldsArt(k, a) });
-    features(k, sheet, L, { kicker: "On the farm", title: "What a ticket gets you", items: ON_SITE });
-    travel(k, sheet, L, { kicker: "Getting here and staying", title: "Down the valley to Hartcombe", aside: "The farm is four miles from Hartcombe Halt. Half of you came by train, coach or bicycle last summer.", routes: ROUTES, stays: STAYS });
-    artBand(k, sheet, { w: AW, h: 160, focus: 600, radius: 28, name: "Art band 2", draw: (a) => fieldsArt(k, a) });
-    faq(k, sheet, L, { kicker: "Questions", title: "Before you sign up", items: QUESTIONS });
-    partners(k, sheet, L, { label: "With thanks to our partners", names: ["Wessendale Brewery", "The Folk Hour", "Hartcombe Dairy", "Old Mill Cider", "Field Notes Radio", "Wessendale Canal Society"] });
-    closing(k, sheet, L, { title: "The gates open in July. The presale opens sooner.", text: "Sign up by Sunday 7 February. Your code arrives on the 9th, and the presale opens on Thursday 11 February at nine.", clock: CLOCK, placeholder: "Your email address", cta: "Sign up for presale", note: "Free to sign up. One code each.", radius: 28, stroke: { color: "text", width: 3, align: "INSIDE" } });
-    legal(k, sheet, L, {
-      links: ["Ticket terms", "Official resale", "Access", "Privacy", "Contact"],
-      lines: ["\xA9 2026 Barley Moon Festival Ltd, Hartcombe Farm, Wessendale. Tickets are sold under the ticket terms and carry the holder\u2019s name.", "Tickets may be resold only through the official resale, at the price paid. Tickets bought elsewhere are cancelled. The bill may change."]
-    });
-    drain(k, sheet, "Tier stock", STOCK);
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    presaleResponsive(k, sheet, L, HERO, {
-      restyle: { "Name 150": { laptop: "Name 132", tablet: "Name 132", mobile: "Name 64" }, "Date 34": { mobile: "Date 24" }, Clock: { mobile: "Clock sm" } },
-      hide: { mobile: ["Sign note"] },
-      tweak: (kit, id, size) => {
-        if (size === "mobile") for (const b of [...kit.named(id, "Art band"), ...kit.named(id, "Art band 2")]) kit.patch(b, { visible: false });
-        const each = (name, props) => {
-          for (const n of kit.named(id, name)) kit.patch(n, props);
-        };
-        if (size === "tablet") each("Hero", { primaryAxisAlignItems: "SPACE_BETWEEN" });
-        if (size === "mobile") {
-          each("Panel art right", { visible: false });
-          each("Hero kicker", { layoutSizingHorizontal: "FILL" });
-          each("Hero kicker text", { layoutSizingHorizontal: "FILL", textAutoResize: "HEIGHT" });
-          each("Hero", { primaryAxisAlignItems: "SPACE_BETWEEN", cornerRadius: 22 });
-          each("Hero copy", { layoutSizingHorizontal: "FILL", itemSpacing: 8 });
-          each("Hero sign", { layoutSizingHorizontal: "FILL", padding: { top: 16, right: 16, bottom: 16, left: 16 } });
-          for (const name of ["Sun halo", "Sun rays", "Sun", "Sun heart"]) for (const n of kit.named(id, name)) kit.patch(n, { x: kit.node(n).x + 230, y: kit.node(n).y - 190 });
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  festival_presale_folk_default
-};