@popcraft/kit 0.26.0 → 0.26.1

package/dist/chunks/chunk-JLREPL7K.js

@@ -0,0 +1,156 @@
+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 {
+  HARVEST,
+  almanacRule,
+  fallLeaves,
+  farFields,
+  field,
+  fitChart,
+  fitField,
+  fitLeaves,
+  growBars,
+  harvestBrand,
+  label,
+  leaves,
+  ledgerLine,
+  nearField,
+  strew,
+  wheatChart
+} from "./chunk-W3Q6GV45.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  outro,
+  pill,
+  postVariants
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-QBBW3JXO.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SOHOKD4X.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/autumn-harvest-thanks-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 7500;
+var land = (h, near, sun, birds) => field({ w: 1080, h, near, loopMs: DURATION }, { sun, birds, pumpkins: [[0.975, 0.9], [0.86, 0.62]] });
+var SHEAF = { x: 720, base: 962, width: 330, height: 430, values: [100, 78], tags: ["", ""], tagStyle: "Figure 34" };
+var litter = (h, near, corner) => [
+  { x: corner.x, y: corner.y, size: 120, turn: 48, tone: "rust", oak: true },
+  ...strew(31, 9, { x0: 60, x1: 1020, y0: near + 100, y1: Math.max(near + 120, h - 50) }, [76, 124]),
+  ...strew(43, 3, { x0: 420, x1: 700, y0: near - 120, y1: near - 40 }, [60, 90])
+];
+var LEDGER = [
+  { name: "Sent", item: "Invoices you sent", counter: { from: 0, to: HARVEST.invoices, separator: "," } },
+  { name: "On time", item: "Paid on time", counter: { from: 0, to: HARVEST.onTime, suffix: "%" } },
+  { name: "Sooner", item: "Days sooner than in 2025", counter: { from: 0, to: HARVEST.sooner } }
+];
+var counts = LEDGER.map((l, i) => ({ layer: l.name, at: 1300 + i * 320, duration: 1500, counter: l.counter }));
+var cues = [
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 400 } },
+  { layer: "Headline", preset: "words-in", at: 100, params: { duration: 650 } },
+  // A leaf is unseen until it starts to fall, so the loop's first frame is its last.
+  { layer: "Leaf", preset: "fade-in", at: 300, params: { duration: 200 }, stagger: { delay: 260 } },
+  { layer: "Packet", preset: "rise-in", at: 700, params: { duration: 700 } },
+  { layer: "Ledger line", preset: "fade-in", at: 1200, params: { duration: 450 }, stagger: { delay: 320 } },
+  { layer: "Sign-off", preset: "fade-in", at: 2500, params: { duration: 600 } },
+  { layer: "Foot", preset: "fade-in", at: 2800, params: { duration: 600 } },
+  { layer: "Packet", preset: "pulse", at: 4600, params: { duration: 800, amount: 0.03 } },
+  // The leaves blow off and the words leave; the wheat goes back into the ground (`growBars`), so the loop regrows it.
+  { layer: "Leaf", preset: "fade-out", at: 6700, params: { duration: 350 }, stagger: { delay: 25 } },
+  outro(["Eyebrow", "Headline", "Packet", "Foot"], 6700)
+];
+var autumn_harvest_thanks_post_default = defineTemplate({
+  id: "motion-autumn-harvest-thanks-post",
+  meta: {
+    name: "Autumn harvest thank-you post (animated)",
+    description: "An end-of-season thank-you to customers: \u201CThank you for a good year.\u201D over a linocut field, with the year\u2019s ledger filling in on a seed-packet label (each figure counting up), a sheaf of wheat growing before a low sun and leaves falling and settling in the furrows \u2014 a seven-and-a-half-second loop, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "autumn", "harvest", "fall", "thank you", "gratitude", "thanksgiving", "year in review", "almanac", "linocut", "seed packet", "ledger", "counter", "leaves", "saas", "post", "seasonal", "loop"],
+    platforms: ["instagram", "linkedin", "x", "threads", "facebook"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["milestone", "stats", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit("Autumn harvest thank-you post (animated)", preset("ig-post"));
+    k.quantizeGeometry = true;
+    harvestBrand(k, { thanks: "Thank you for a good year." });
+    k.textStyle("Eyebrow 24", { size: 24, fontWeight: 700, letterSpacing: 5, lineHeight: 32, textCase: "UPPER" });
+    k.textStyle("Display 128", { ...SERIF, size: 128, fontWeight: 900, letterSpacing: -4.4, lineHeight: 118 });
+    k.textStyle("Band 18", { size: 18, fontWeight: 800, letterSpacing: 4, lineHeight: 24, textCase: "UPPER" });
+    k.textStyle("Item 28", { ...SERIF, size: 28, fontWeight: 600, lineHeight: 36 });
+    k.textStyle("Figure 34", { ...MONO, size: 34, fontWeight: 800, letterSpacing: -1, lineHeight: 40 });
+    k.textStyle("Sign-off 22", { ...SERIF, size: 22, fontStyle: "italic", fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Foot 26", { size: 26, fontWeight: 600, lineHeight: 34 });
+    k.textStyle("Seal 24", { ...MONO, size: 24, fontWeight: 700, lineHeight: 32 });
+    pill(k, "Seal", { fill: "primary", ink: "onPrimary", style: "Seal 24", label: "bushel.example/2026", pad: [9, 20], radius: 6 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, 72, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    const g = land(1080, 950, { x: 850, y: 640, size: 400 }, { x: 760, y: 420 });
+    farFields(k, sheet, g);
+    wheatChart(k, sheet, SHEAF);
+    for (const t of k.named(sheet, "Tag")) k.patch(t, { visible: false });
+    nearField(k, sheet, g);
+    const top = k.stack(sheet, { gap: 16, name: "Top" });
+    k.text(top, "{{brand.name}} almanac \xB7 end of the season", { style: "Eyebrow 24", color: "onPaper", name: "Eyebrow" });
+    almanacRule(k, top, { width: "FILL" });
+    k.text(top, "{{brand.thanks}}", { style: "Display 128", color: "text", name: "Headline" });
+    const packet = label(k, sheet, { width: 680, band: "Packed for 31,412 freelancers", bandStyle: "Band 18", name: "Packet", gap: 14 });
+    for (const l of LEDGER) ledgerLine(k, packet.body, { item: l.item, figure: "0", itemStyle: "Item 28", figureStyle: "Figure 34", figureName: l.name });
+    k.text(packet.body, "You did the work. We only chased the invoices.", { style: "Sign-off 22", color: "inkSoft", name: "Sign-off" });
+    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 22, align: "CENTER", name: "Foot" });
+    k.instance(foot, "Seal", { Label: "{{brand.site}}/2026" }, { name: "Seal" });
+    k.text(foot, "From the six of us at {{brand.name}}.", { style: "Foot 26", color: "label", name: "Sender" });
+    k.counts(sheet, counts);
+    k.finish();
+    const corner = (kit, id) => {
+      const p = kit.node(kit.named(id, "Packet")[0]);
+      return { x: p.x + p.width - 20, y: p.y + 4 };
+    };
+    leaves(k, sheet, litter(1080, g.near, corner(k, sheet)));
+    growBars(k, sheet, 500, 260, 1e3, { at: 6700, duration: 500 });
+    fallLeaves(k, sheet, { at: 300, gap: 260, duration: 2600 });
+    k.cues(sheet, cues);
+    k.variants(sheet, postVariants({ portrait: 80 }, {
+      portrait: (kit, id) => {
+        const y = land(1350, 1200, { x: 840, y: 860, size: 430 }, { x: 800, y: 560 });
+        fitField(kit, id, y);
+        fitChart(kit, id, SHEAF, { x: 700, base: 1212, scale: 1.1 });
+        kit.finish();
+        fitLeaves(kit, id, litter(1350, y.near, corner(kit, id)));
+      },
+      vertical: (kit, id) => {
+        for (const n of kit.named(id, "Foot")) kit.patch(n, { layoutMode: "VERTICAL", counterAxisAlignItems: "MIN", itemSpacing: 14 });
+        for (const n of kit.named(id, "Sender")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
+        const y = land(1920, 1360, { x: 800, y: 1010, size: 460 }, { x: 700, y: 720 });
+        fitField(kit, id, y);
+        fitChart(kit, id, SHEAF, { x: 640, base: 1372, scale: 1.2 });
+        kit.finish();
+        fitLeaves(kit, id, litter(1920, y.near, corner(kit, id)));
+      }
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  autumn_harvest_thanks_post_default
+};

package/dist/chunks/chunk-JM5TAWEJ.js

@@ -0,0 +1,196 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  blindsWindow,
+  castLight,
+  fitCastLight,
+  fitWindow,
+  noirBrand,
+  stamp,
+  typedRow
+} from "./chunk-IWDKPSQY.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  buttons,
+  nav,
+  page,
+  webResponsive
+} from "./chunk-YKXCPYWJ.js";
+import {
+  defineTemplate
+} from "./chunk-QBBW3JXO.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SOHOKD4X.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/web/noir-landing.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SUSPECTS = [
+  ["Exhibit A", "The renewal nobody retried", "A card declines once and the subscription lapses without a sound. Gumshoe finds every one and queues the retry.", "$14,900"],
+  ["Exhibit B", "The coupon that never expired", "A launch discount from two winters ago, still taking 40% off sixty-one accounts.", "$9,300"],
+  ["Exhibit C", "The upgrade at the old price", "Seats were added in the app. The invoice never heard about it.", "$11,750"],
+  ["Exhibit D", "The trial that never ended", "A flag flipped by hand in March. The customer has been free ever since.", "$5,250"]
+];
+var cues = [
+  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 600 } },
+  { layer: "Eyebrow", preset: "fade-in", at: 100, params: { duration: 700 } },
+  { layer: "Headline", preset: "typewriter", at: 200, params: { duration: 1100 } },
+  { layer: "Cast light", preset: "fade-in", at: 300, params: { duration: 1600 } },
+  { layer: "Window", preset: "fade-in", at: 600, params: { duration: 1200 } },
+  { layer: "Lead", preset: "rise-in", at: 1300, params: { duration: 800 } },
+  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1700, params: { duration: 600 }, stagger: { delay: 140 } },
+  { layer: "Exhibit", preset: "drop-in", at: 2100, params: { duration: 600 } },
+  { layer: "Proof", preset: "fade-in", at: 2300, params: { duration: 800 } },
+  { layer: "Exhibit stamp", preset: "pop-in", at: 2900, params: { duration: 320, amount: 0.5 } },
+  { layer: "Exhibit", preset: "shake", at: 3020, params: { duration: 380, distance: 8 } }
+];
+var noir_landing_default = defineTemplate({
+  id: "web-noir-landing",
+  meta: {
+    name: "Noir landing page",
+    description: "A film-noir landing page for an analytics, security or billing product that plays detective: a hero where the headline is typed on, light falls through venetian blinds, a rainy office window comes out of the dark and the first exhibit is stamped; then the usual suspects as a ruled charge sheet and a case study as a closed file \u2014 at desktop, laptop, tablet and phone widths",
+    category: "web",
+    tags: ["noir", "film noir", "detective", "venetian blinds", "rain", "black and white", "landing page", "hero", "website", "saas", "animation", "serif", "typewriter", "responsive", "dark"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["launch", "brand-intro", "case-study"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  breakpoints: true,
+  motion: { cues },
+  build() {
+    const k = new Kit("Noir landing page", preset("web-desktop"));
+    k.quantizeGeometry = true;
+    noirBrand(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("Eyebrow 14", { ...MONO, size: 14, fontWeight: 700, letterSpacing: 3, lineHeight: 20, textCase: "UPPER" });
+    k.textStyle("Display 74", { ...SERIF, size: 74, fontWeight: 900, letterSpacing: -2.4, lineHeight: 78 });
+    k.textStyle("Display 66", { ...SERIF, size: 66, fontWeight: 900, letterSpacing: -2.1, lineHeight: 70 });
+    k.textStyle("Display 38", { ...SERIF, size: 38, fontWeight: 900, letterSpacing: -1.2, lineHeight: 42 });
+    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 32 });
+    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 27 });
+    k.textStyle("Lead 19", { size: 19, fontWeight: 400, lineHeight: 30 });
+    k.textStyle("Proof 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 });
+    k.textStyle("Section 48", { ...SERIF, size: 48, fontWeight: 900, letterSpacing: -1.4, lineHeight: 52 });
+    k.textStyle("Section 34", { ...SERIF, size: 34, fontWeight: 900, letterSpacing: -0.8, lineHeight: 40 });
+    k.textStyle("Exhibit 15", { ...MONO, size: 15, fontWeight: 700, letterSpacing: 2, lineHeight: 30, textCase: "UPPER" });
+    k.textStyle("Suspect 28", { ...SERIF, size: 28, fontWeight: 700, fontStyle: "italic", lineHeight: 34 });
+    k.textStyle("Take 24", { ...MONO, size: 24, fontWeight: 700, lineHeight: 34, textAlign: "RIGHT" });
+    k.textStyle("Take 24 start", { ...MONO, size: 24, fontWeight: 700, lineHeight: 34 });
+    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 30 });
+    k.textStyle("Typed 14", { ...MONO, size: 14, fontWeight: 500, lineHeight: 22 });
+    k.textStyle("Typed 16", { ...MONO, size: 16, fontWeight: 500, lineHeight: 26 });
+    k.textStyle("Typed figure 34", { ...MONO, size: 34, fontWeight: 800, letterSpacing: -1, lineHeight: 40 });
+    k.textStyle("Stamp 18", { size: 18, fontWeight: 900, letterSpacing: 2, lineHeight: 22, textCase: "UPPER" });
+    k.textStyle("Stamp 30", { size: 30, fontWeight: 900, letterSpacing: 3, lineHeight: 34, textCase: "UPPER" });
+    k.textStyle("Small 14", { size: 14, fontWeight: 500, lineHeight: 22 });
+    buttons(k, { style: "Button 16", pad: [15, 26], radius: 3 });
+    const shadow = { type: "DROP_SHADOW", color: k.color("shade", 0.7), offset: { x: 0, y: 18 }, blur: 40, spread: 0, visible: true };
+    const sheet = k.sheet;
+    page(k, sheet, { gap: 88, top: 32 });
+    k.timeline(sheet, { duration: 5e3, fps: 30 });
+    castLight(k, sheet, 1440, 860, { bars: 9, opacity: 0.07, rise: 200 });
+    nav(k, sheet, { links: ["The method", "Closed files", "Pricing", "Changelog"], cta: "Open a case", style: "Nav 16", brandStyle: "Brand 22" });
+    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, align: "CENTER", name: "Hero" });
+    const copy = k.stack(hero, { gap: 28, name: "Copy" });
+    k.text(copy, "Revenue leak detection \xB7 private and discreet", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
+    k.text(copy, "The case of the\nmissing revenue.", { style: "Display 74", color: "text", name: "Headline" });
+    k.text(copy, "Gumshoe reads every invoice, renewal and webhook in your billing account and comes back with names: the failed payments nobody retried, the coupons that never expired, the upgrades still billed at the old price. Evidence attached.", { 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 case" }, { name: "CTA primary" });
+    k.instance(cta, "Button quiet", { Label: "Read a closed file" }, { name: "CTA quiet" });
+    k.text(copy, "$18.4M recovered across 2,310 cases \xB7 median case closed in 9 days", { style: "Proof 15", color: "onPaper", name: "Proof" });
+    const visual = k.stack(hero, { width: 520, padding: { top: 0, right: 0, bottom: 56, left: 60 }, name: "Visual" });
+    blindsWindow(k, visual, 460, 520, { slats: 13 });
+    const exhibit = k.stack(visual, { width: 330, gap: 6, fill: "card", padding: { top: 18, right: 20, bottom: 20, left: 20 }, radius: 2, effects: [shadow], absolute: { x: 0, y: 330 }, name: "Exhibit" });
+    k.text(exhibit, "Exhibit A \xB7 no. 0417", { style: "Exhibit 15", color: "onCard", name: "Exhibit head" });
+    k.rect(exhibit, "FILL", 1, "onCard", { name: "Exhibit rule", opacity: 0.4 });
+    k.text(exhibit, "214 renewals failed.\n0 were retried.", { style: "Typed 16", color: "onCard", name: "Exhibit text" });
+    k.text(exhibit, "$41,200", { style: "Typed figure 34", color: "onCard", name: "Exhibit figure" });
+    stamp(k, exhibit, "Found", { style: "Stamp 18", turn: -9, pad: [5, 12], absolute: { x: 196, y: 112 }, name: "Exhibit stamp" });
+    k.patch(exhibit, { rotation: -4 });
+    const sheetOf = k.stack(sheet, { gap: 0, name: "Suspects" });
+    k.text(sheetOf, "Line-up \xB7 what we find, in the order we find it", { style: "Eyebrow 14", color: "onPaper", name: "Suspects eyebrow" });
+    k.stack(sheetOf, { height: 14, name: "Gap" });
+    k.text(sheetOf, "The usual suspects", { style: "Section 48", color: "text", name: "Suspects title" });
+    k.stack(sheetOf, { height: 32, name: "Gap" });
+    for (const [exhibitNo, name, account2, take] of SUSPECTS) {
+      k.rect(sheetOf, "FILL", 1, "text", { name: "Rule", opacity: 0.35 });
+      const row = k.stack(sheetOf, { direction: "HORIZONTAL", gap: 32, padding: { top: 26, right: 0, bottom: 26, left: 0 }, name: "Suspect" });
+      k.text(row, exhibitNo, { style: "Exhibit 15", color: "onPaper", width: 130, name: "Suspect exhibit" });
+      k.text(row, name, { style: "Suspect 28", color: "text", width: 300, name: "Suspect name" });
+      k.text(row, account2, { style: "Body 18", color: "onPaper", name: "Suspect account" });
+      const took = k.stack(row, { width: 170, gap: 0, name: "Suspect take" });
+      k.text(took, take, { style: "Take 24", color: "text", name: "Take figure" });
+      k.text(took, "a year, typical", { style: "Typed 14", color: "onPaper", align: "RIGHT", name: "Take note" });
+    }
+    k.rect(sheetOf, "FILL", 1, "text", { name: "Rule", opacity: 0.35 });
+    const file = k.stack(sheet, { direction: "HORIZONTAL", gap: 56, align: "CENTER", fill: "card", radius: 2, padding: 56, effects: [shadow], name: "File" });
+    const account = k.stack(file, { gap: 18, name: "File copy" });
+    k.text(account, "Closed file no. 0389 \xB7 Tidewater Analytics", { style: "Exhibit 15", color: "onCard", name: "File head" });
+    k.text(account, "They suspected churn. It was the billing all along.", { style: "Section 34", color: "onCard", name: "File title" });
+    const typed = k.stack(account, { gap: 2, name: "File report" });
+    typedRow(k, typed, "LEAK", "Annual plans renewing at the 2023 price", { style: "Typed 16", labelWidth: 130 });
+    typedRow(k, typed, "FOUND", "Day 2, in 1,140 invoices", { style: "Typed 16", labelWidth: 130 });
+    typedRow(k, typed, "RECOVERED", "$212,400 in eleven days", { style: "Typed 16", labelWidth: 130 });
+    const close = k.stack(file, { width: 300, gap: 28, align: "CENTER", name: "File close" });
+    stamp(k, close, "Case closed", { style: "Stamp 30", turn: -6, name: "File stamp" });
+    k.instance(close, "Button", { Label: "Read the file" }, { name: "File button" });
+    k.text(sheet, "\xA9 2026 Gumshoe Investigations, Inc. \xB7 Security \xB7 Status \xB7 Read-only access, always", { style: "Small 14", color: "onPaper", name: "Footer" });
+    k.cues(sheet, cues);
+    webResponsive(k, sheet, {
+      stack: ["Hero", "File", "Suspect"],
+      stackMobile: ["Typed row"],
+      restyle: {
+        "Display 74": { laptop: "Display 66", mobile: "Display 38" },
+        // A step smaller on the laptop, where the last line of the lead sat on the edge of wrapping.
+        "Lead 20": { laptop: "Lead 19", mobile: "Lead 17" },
+        "Section 48": { mobile: "Section 34" }
+      },
+      hide: { tablet: ["Nav links"] },
+      gap: { tablet: 64, mobile: 52 },
+      tweak: (kit, id, size) => {
+        const width = kit.node(id).width;
+        fitCastLight(kit, id, { bars: 9, rise: Math.round(width * 0.14), height: size === "mobile" ? 700 : 860 });
+        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: 48 });
+          for (const n of kit.named(id, "File")) kit.patch(n, { itemSpacing: 32, padding: { top: 36, right: 28, bottom: 36, left: 28 } });
+          for (const n of kit.named(id, "Suspect")) kit.patch(n, { itemSpacing: 6 });
+          for (const n of kit.named(id, "Take figure")) {
+            kit.restyle(n, "Take 24 start");
+            kit.patch(n, { textAlign: "LEFT" });
+          }
+          for (const n of kit.named(id, "Take note")) kit.patch(n, { textAlign: "LEFT" });
+          for (const n of kit.named(id, "File close")) kit.patch(n, { counterAxisAlignItems: "MIN" });
+        }
+        if (size === "mobile") {
+          fitWindow(kit, id, 335, 380, { slats: 10 });
+          for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 335, padding: { top: 0, right: 0, bottom: 120, left: 0 } });
+          for (const n of kit.named(id, "Exhibit")) kit.patch(n, { x: 16, y: 300 });
+          for (const n of kit.named(id, "Typed row")) kit.patch(n, { itemSpacing: 0 });
+        } else for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED" });
+      }
+    });
+    return k.finish();
+  }
+});
+
+export {
+  noir_landing_default
+};

package/dist/chunks/chunk-JMITOAOY.js

@@ -0,0 +1,23 @@
+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 {
+  FOOD
+} from "./chunk-BTUCU5WK.js";
+import {
+  adSet
+} from "./chunk-E4JKR44C.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/festival-presale-food-ads.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var festival_presale_food_ads_default = adSet(FOOD, { top: 0.42, foot: 0.44, dx: 0 });
+
+export {
+  festival_presale_food_ads_default
+};

package/dist/chunks/chunk-JNLLL7MB.js

@@ -0,0 +1,181 @@
+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-G72OSJJR.js";
+import {
+  MONO
+} from "./chunk-X23ZWFW2.js";
+import {
+  bloom,
+  glow,
+  hardShadow
+} from "./chunk-HVK5T4I5.js";
+import {
+  line,
+  pt3,
+  rng
+} from "./chunk-BNVLVZUT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/themes/festival-presale-electronic-kit.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var W = SCENE.w;
+var H = SCENE.h;
+var FLOOR = 1330;
+var arch = (cx, cy, r, n = 40) => ({ closed: false, points: Array.from({ length: n + 1 }, (_, i) => {
+  const a = Math.PI + Math.PI * i / n;
+  return pt3(cx + r * Math.cos(a), cy + r * Math.sin(a));
+}) });
+function stage(k, art, still) {
+  const move = mover(k, still);
+  const cx = W / 2;
+  const haze = glow(k, art, { x: cx, y: FLOOR - 40, w: 1700, h: 980, role: "magenta", alpha: 0.42, name: "Haze" });
+  move(haze, "opacity", 0.18, 2);
+  glow(k, art, { x: cx, y: FLOOR - 560, w: 1300, h: 900, role: "violet", alpha: 0.36, name: "High haze" });
+  glow(k, art, { x: 140, y: FLOOR, w: 620, role: "cyan", alpha: 0.24, name: "Side haze" });
+  glow(k, art, { x: W - 140, y: FLOOR, w: 620, role: "cyan", alpha: 0.24, name: "Side haze" });
+  const r0 = rng(61), dust = [];
+  for (let i = 0; i < 90; i++) {
+    const x = r0() * W, y = r0() * (FLOOR - 500), s = 1.5 + r0() * 2.5;
+    dust.push({ closed: true, points: [pt3(x, y - s), pt3(x + s, y), pt3(x, y + s), pt3(x - s, y)] });
+  }
+  const motes = k.vector(art, W, FLOOR, dust, "flash", { name: "Dust", opacity: 0.35, absolute: { x: 0, y: 0 } });
+  move(motes, "opacity", 0.15, 1);
+  const runway = [];
+  for (let i = -11; i <= 11; i++) runway.push(line(cx + i * 14, FLOOR, cx + i * 170, H));
+  for (const y of [FLOOR, FLOOR + 14, FLOOR + 36, FLOOR + 70, FLOOR + 120]) runway.push(line(0, y, W, y));
+  k.vector(art, W, H - FLOOR + 2, runway.map((p) => ({ ...p, points: p.points.map((q) => pt3(q.x, q.y - FLOOR)) })), "violet", { name: "Runway", strokeWidth: 1.5, opacity: 0.5, absolute: { x: 0, y: FLOOR } });
+  const rings = [170, 240, 315, 395, 480, 570, 665, 765];
+  const roles = ["lime", "cyan", "magenta"];
+  rings.forEach((r2, i) => {
+    const role = roles[i % 3];
+    const id = k.vector(art, r2 * 2, r2, [arch(r2, r2, r2)], role, { name: "Ring", strokeWidth: i % 3 === 0 ? 6 : 3.5, opacity: 0.66, effects: [bloom(k, role, 20, 0.85)], absolute: { x: cx - r2, y: FLOOR - r2 } });
+    move(id, "opacity", 0.34, 3, -i / rings.length);
+  });
+  const spokes = [];
+  for (let i = 1; i < 14; i++) {
+    const a = Math.PI + Math.PI * i / 14;
+    spokes.push(line(765 + 170 * Math.cos(a), 765 + 170 * Math.sin(a), 765 + 765 * Math.cos(a), 765 + 765 * Math.sin(a)));
+  }
+  k.vector(art, 1530, 765, spokes, "truss", { name: "Spokes", strokeWidth: 2, opacity: 0.9, absolute: { x: cx - 765, y: FLOOR - 765 } });
+  for (const x of [52, W - 52 - 48]) {
+    const lattice = [line(0, 0, 0, 760), line(48, 0, 48, 760), line(-14, 0, 62, 0)];
+    for (let y = 0; y < 760; y += 44) {
+      lattice.push(line(0, y, 48, y + 44));
+      lattice.push(line(48, y, 0, y + 44));
+    }
+    k.vector(art, 48, 760, lattice, "truss", { name: "Tower", strokeWidth: 2.5, absolute: { x, y: FLOOR - 760 } });
+  }
+  const fan = (ox, oy, mid, spread, n, role, amp, phase, len = 1700) => {
+    const lines = Array.from({ length: n }, (_, i) => {
+      const a = (mid + spread * (i / (n - 1) - 0.5)) * Math.PI / 180;
+      return line(len, len, len + len * Math.cos(a), len + len * Math.sin(a));
+    });
+    const id = k.vector(art, len * 2, len * 2, lines, role, { name: "Lasers", strokeWidth: 2.5, opacity: 0.5, effects: [bloom(k, role, 10, 0.9)], absolute: { x: ox - len, y: oy - len } });
+    move(id, "rotation", amp, 2, phase);
+  };
+  const top = FLOOR - 760;
+  fan(76, top, -40, 44, 8, "lime", 9, 0);
+  fan(W - 76, top, 220, 44, 8, "lime", 9, 0.5);
+  fan(cx, FLOOR - 765, -90, 110, 11, "magenta", 7, 0.25);
+  fan(76, top, 30, 30, 5, "cyan", 12, 0.3);
+  fan(W - 76, top, 150, 30, 5, "cyan", 12, 0.8);
+  const r = rng(27);
+  for (let i = 0; i < 30; i++) {
+    const a = Math.PI + Math.PI * r(), rr = rings[Math.floor(r() * rings.length)], s = 8 + Math.round(r() * 6);
+    const id = k.ellipse(art, s, "flash", { name: "Strobe", effects: [bloom(k, "flash", 16, 0.9)], absolute: { x: Math.round(cx + rr * Math.cos(a)) - s / 2, y: Math.round(FLOOR + rr * Math.sin(a)) - s / 2 } });
+    k.patch(id, { opacity: 0.6 });
+    move(id, "opacity", 0.4, 3 + i % 4 * 3, r());
+  }
+  const crowd = (base, step, head, seed) => {
+    const q = rng(seed);
+    const pts = [pt3(-20, H + 20), pt3(-20, base)];
+    for (let x = -10; x < W + 20; x += step) {
+      const y = base + (q() - 0.5) * head * 0.9, arm = q();
+      if (arm > 0.76) {
+        const up = head * (1.5 + q() * 0.8);
+        pts.push(pt3(x - head * 0.42, y), pt3(x - head * 0.62, y - up), pt3(x - head * 0.5, y - up - head * 0.35), pt3(x - head * 0.22, y - up - head * 0.3), pt3(x - head * 0.1, y - up), pt3(x, y - head * 0.2));
+      }
+      pts.push(pt3(x, y), pt3(x + head * 0.12, y - head * 0.75), pt3(x + head * 0.5, y - head), pt3(x + head * 0.88, y - head * 0.75), pt3(x + head, y));
+    }
+    pts.push(pt3(W + 20, base), pt3(W + 20, H + 20));
+    return { closed: true, points: pts };
+  };
+  const off = (p, dy) => ({ ...p, points: p.points.map((q) => pt3(q.x, q.y - dy)) });
+  k.vector(art, W, 340, [off(crowd(FLOOR + 40, 30, 22, 5), FLOOR - 120)], "crowdFar", { name: "Crowd far", absolute: { x: 0, y: FLOOR - 120 } });
+  const near = k.vector(art, W, 340, [off(crowd(FLOOR + 84, 46, 34, 9), FLOOR - 120)], "crowd", { name: "Crowd", absolute: { x: 0, y: FLOOR - 120 } });
+  move(near, "translateY", 4, 6);
+}
+var KILOVOLT = {
+  slug: "electronic",
+  name: "KILOVOLT",
+  brand: (k, fields = {}) => {
+    k.brand(
+      { paper: "#0A0912", text: "#F3F1FA", onPaper: "#ABA7C0", primary: "#C8FF3E", onPrimary: "#0A0912", accent: "#FF2D8E", onAccent: "#14000A", card: "#161424", onCard: "#F3F1FA", cardMuted: "#ABA7C0", panel: "#221F38", onPanel: "#F3F1FA", panelMuted: "#B9B5D0", chip: "#2C2944", onChip: "#E6E3F4", stage: "#07060F", onStage: "#F3F1FA", stageMuted: "#C2BEDA" },
+      { name: "KILOVOLT", ...fields }
+    );
+    k.palette({ lime: "#C8FF3E", magenta: "#FF2D8E", cyan: "#39E6FF", violet: "#7B5CFF", truss: "#3B3660", flash: "#FFFFFF", crowd: "#020106", crowdFar: "#0D0A1E", gate: "#0B0A16" });
+  },
+  type: {
+    Name: { fontWeight: 900, ls: -0.045, lh: 0.86, upper: true },
+    Head: { fontWeight: 900, ls: -0.035, lh: 0.98, upper: true },
+    Act: { fontWeight: 800, ls: -0.015, lh: 1.25, upper: true },
+    More: { ...MONO, fontWeight: 600, ls: 0.02, lh: 1.5, upper: true },
+    Kicker: { ...MONO, fontWeight: 700, ls: 0.1, lh: 1.35, upper: true },
+    Clock: { ...MONO, fontWeight: 800, ls: -0.035, lh: 1.04, tnum: true },
+    Unit: { ...MONO, fontWeight: 700, ls: 0.1, lh: 1.3, upper: true },
+    Body: { fontWeight: 500, ls: 0, lh: 1.4 },
+    Button: { fontWeight: 800, ls: 0.04, lh: 1.3, upper: true },
+    Caption: { fontWeight: 800, ls: -0.01, lh: 1.2 },
+    Price: { fontWeight: 900, ls: -0.04, lh: 1, tnum: true }
+  },
+  look: {
+    radius: 0,
+    chip: 0,
+    button: 0,
+    plate: "gate",
+    plateAlpha: 0.86,
+    plateStroke: { color: "lime", width: 2, align: "INSIDE" },
+    tile: "panel",
+    tileInk: "onPanel",
+    tileMuted: "panelMuted",
+    nameEffects: (k) => [hardShadow(k, "magenta", 7, 7), hardShadow(k, "cyan", -5, -5)],
+    glow: "magenta",
+    hot: "lime",
+    hotInk: "gate",
+    sep: "\xB7"
+  },
+  scene: stage,
+  horizon: FLOOR,
+  // The pass header shows the arch's crown, not its lower rings.
+  passFocus: 0.4,
+  dates: "9 \u2013 11 July 2027",
+  place: "Nordhafen Airfield, Hallstrand",
+  kicker: "Three days \xB7 Four stages \xB7 40,000 people",
+  heads: ["Vanta Rae", "HEXA/MODE", "Solveig Nox"],
+  acts: ["Dial Tone Saints", "Marguerite Vox", "Sable & Ives", "K-Lattice (live)", "Lumen Kid", "The Long Fade"],
+  more: ["Greyfold", "Petra Null", "Okta Okta", "Pale Signal", "Dune Protocol", "NNOVA", "Brine"],
+  tba: "+ 36 more names on 2 March",
+  presale: { by: "Sun 24 Jan", code: "Tue 26 Jan", opens: "Thu 28 Jan \xB7 10:00 CET", day: "Thursday 28 January", time: "10:00 CET", queue: "09:30", limit: "up to four passes" },
+  clock: { days: "12", hours: "06", minutes: "41", from: 47, to: 41 },
+  tier: { tag: "Tier 1", name: "Three-day pass", price: "\u20AC199", next: "\u20AC229", was: "\u20AC169", sold: "Early bird sold out in 11 minutes", note: "On sale now to 2026 ticket holders. What is left opens to presale codes on 28 January.", stock: { label: "Selling fast", from: 2351, left: 2318, total: 12e3 } },
+  cta: "Get presale access",
+  code: "KV27-PRE-4R8Q",
+  gate: "Gate B",
+  track: "edm",
+  picture: "the main stage at night: an arch of pulsing light rings, truss towers, sweeping laser fans, strobes, haze and the crowd",
+  tags: ["electronic music", "rave", "techno", "lasers", "night", "neon"],
+  captions: ["The first names are in.", "Presale opens Thursday, 28 January.", "Register by Sunday for codes.", "Sign up for a code."]
+};
+
+export {
+  KILOVOLT
+};