@popcraft/kit 0.44.0 → 0.45.0

package/dist/chunks/chunk-TXEIREPQ.js

@@ -0,0 +1,160 @@
+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,
+  clouds,
+  envelope,
+  fitScene,
+  hangings,
+  lunarBrand,
+  sky,
+  slideVoucher
+} from "./chunk-NW62M6MM.js";
+import {
+  SERIF
+} from "./chunk-5OTEBTMU.js";
+import {
+  bed
+} from "./chunk-S7PL2DU7.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-IL2F4BKM.js";
+import {
+  defineTemplate
+} from "./chunk-FC6VBE7Y.js";
+import {
+  Kit,
+  preset,
+  swapTimes
+} from "./chunk-5DE7NPKW.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-W5QYHNL2.js";
+
+// templates/src/motion/lunar-new-year-envelope-reel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var MUSIC = bed("festive", 25);
+var beat = MUSIC.beat;
+var DURATION = MUSIC.duration;
+var ENVELOPE = 340;
+var night = (h, front, mid, o = {}) => ({
+  w: 1080,
+  h,
+  u: 1,
+  loopMs: DURATION,
+  moon: { x: 540, y: mid - 50, size: 580 },
+  lanterns: [{ x: 236, drop: 26, size: 112 }, { x: 842, drop: 44, size: 124 }, { x: 62, drop: mid - 130, size: 118 }, { x: 1016, drop: mid - 230, size: 136 }],
+  fireworks: [{ x: 196, y: mid - 60, r: 170 }, { x: 890, y: mid - 96, r: 184 }, { x: 150, y: mid + 150, r: 104 }, { x: 936, y: mid + 150, r: 112 }],
+  clouds: [front - 228, front - 138, front - 58, front, h + 200, h + 200],
+  dust: { top: mid - 300, bottom: front - 120 },
+  ...o
+});
+var STORY = night(1920, 1086, 830, { clouds: [858, 948, 1028, 1086, 1500, 1650], branch: { x: -20, y: 1890, size: 640 } });
+var FEED_LANTERNS = (mid) => [{ x: -400, drop: 26, size: 112 }, { x: 1500, drop: 44, size: 124 }, { x: 56, drop: mid - 60, size: 118 }, { x: 1022, drop: mid - 130, size: 136 }];
+var swaps = [
+  { layer: "Caption", words: ["By custom, every debt is settled before the new year.", "Squared chases your unpaid invoices, politely.", "Customers get paid 11 days sooner.", "Open your red envelope: 88 days free."], at: beat(2), hold: 1750, stagger: 50, in: 350, out: 250, unit: "word", rise: 30 }
+];
+var cues = [
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 500 } },
+  { layer: "Headline", preset: "lines-in", at: 0, params: { duration: 700 } },
+  { layer: "Envelope", preset: "rise-in", at: 0, params: { duration: 650 } },
+  { layer: "Envelope", preset: "wobble", at: beat(4), params: { duration: 800 } },
+  { layer: "Coin", preset: "pulse", at: beat(10), params: { duration: 900, amount: 0.08 } },
+  { layer: "Call", preset: "rise-in", at: beat(2), params: { duration: 600 } },
+  { layer: "Site", preset: "fade-in", at: beat(3), params: { duration: 600 } },
+  { layer: "Call", preset: "pulse", at: beat(20), params: { duration: 900, amount: 0.06 } }
+];
+var BURSTS = [[1, 9, 17, 23], [2, 11, 19], [5, 13, 21], [7, 15, 22]];
+var lunar_new_year_envelope_reel_default = defineTemplate({
+  id: "motion-lunar-new-year-envelope-reel",
+  meta: {
+    name: "Lunar New Year red envelope reel",
+    description: "A 14-second Lunar New Year reel for a SaaS with a gift to give: a red envelope rises before a paper moon in the first half second, fireworks burst on the beat, the offer slides out of the envelope and the story is told in burned-in captions before the button lands \u2014 layered cut paper, swaying lanterns and plum blossom, with no zodiac animal, so it works every year. Cut to bright keys (made by PopCraft, CC0). 9:16 with 1:1 and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "lunar new year", "chinese new year", "spring festival", "red envelope", "lantern", "fireworks", "cut paper", "offer", "saas", "reel", "captions", "music", "audio", "seasonal"],
+    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
+    formats: ["reel", "short", "story", "post", "portrait-post"],
+    useCases: ["sale", "announcement", "launch"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, swaps },
+  build() {
+    const k = new Kit("Lunar New Year red envelope reel", preset("ig-story"));
+    k.quantizeGeometry = true;
+    lunarBrand(k, { headline: "Start the new\nyear square." });
+    k.textStyle("Eyebrow 26", { size: 26, fontWeight: 700, letterSpacing: 5, lineHeight: 34, textCase: "UPPER" });
+    k.textStyle("Display 104", { ...SERIF, size: 104, fontWeight: 900, letterSpacing: -3.4, lineHeight: 104 });
+    k.textStyle("Display 84", { ...SERIF, size: 84, fontWeight: 900, letterSpacing: -2.6, lineHeight: 86 });
+    k.textStyle("Gift 16", { size: 16, fontWeight: 800, letterSpacing: 2.4, lineHeight: 20, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Figure 92", { ...SERIF, size: 92, fontWeight: 900, letterSpacing: -3, lineHeight: 86, textAlign: "CENTER" });
+    k.textStyle("Days 28", { ...SERIF, size: 28, fontWeight: 700, lineHeight: 32, textAlign: "CENTER" });
+    k.textStyle("Label 17", { ...SERIF, size: 17, fontStyle: "italic", fontWeight: 600, lineHeight: 22, textAlign: "CENTER" });
+    k.textStyle("Caption 40", { size: 40, fontWeight: 700, letterSpacing: -0.4, lineHeight: 50, textAlign: "CENTER" });
+    k.textStyle("Caption 32", { size: 32, fontWeight: 700, letterSpacing: -0.3, lineHeight: 40, textAlign: "CENTER" });
+    k.textStyle("Button 32", { size: 32, fontWeight: 800, lineHeight: 40 });
+    k.textStyle("Site 26", { size: 26, fontWeight: 600, letterSpacing: 1, lineHeight: 34, textAlign: "CENTER" });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 32", label: "Open yours: 88 days free", pad: [22, 40], radius: 10 });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Red envelope reel");
+    k.flowSheet(sheet, 0, verticalPadding(), "paper", "SPACE_BETWEEN", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
+    const s = STORY;
+    sky(k, sheet, s);
+    clouds(k, sheet, s, 0, 3);
+    envelope(k, sheet, {
+      w: ENVELOPE,
+      lines: [{ text: "A new-year gift", style: "Gift 16", name: "Gift" }, { text: "88", style: "Figure 92", name: "Figure" }, { text: "days free", style: "Days 28", name: "Days" }],
+      label: { text: "For a fresh start", style: "Label 17" }
+    });
+    clouds(k, sheet, s, 3, 6);
+    hangings(k, sheet, s);
+    const top = k.stack(sheet, { gap: 18, name: "Top" });
+    k.text(top, "{{brand.name}} \xB7 Lunar New Year", { style: "Eyebrow 26", color: "onPaper", name: "Eyebrow" });
+    k.text(top, "{{brand.headline}}", { style: "Display 104", color: "text", name: "Headline" });
+    const foot = k.stack(sheet, { gap: 26, align: "CENTER", name: "Foot" });
+    k.text(foot, swaps[0].words[0], { style: "Caption 40", color: "cream", name: "Caption" });
+    k.instance(foot, "Button", { Label: "Open yours: 88 days free" }, { name: "Call" });
+    k.text(foot, "Code FRESH88 \xB7 {{brand.site}}", { style: "Site 26", color: "cream", name: "Site" });
+    const stand = (kit, id, footY, scale = 1) => {
+      for (const e of kit.named(id, "Envelope")) {
+        const n = kit.node(e);
+        kit.patch(e, { x: Math.round(540 - n.width / 2), y: Math.round(footY - n.height / 2 - n.height * scale / 2), ...scale !== 1 ? { scaleX: scale, scaleY: scale } : {} });
+      }
+    };
+    stand(k, sheet, 1160);
+    if (swapTimes(swaps[0]).at(-1).gone > DURATION) throw new Error("lunar new year reel: the captions run past the music");
+    k.named(sheet, "Firework").forEach((f, i) => burst(k, f, BURSTS[i].map(beat)));
+    for (const e of k.named(sheet, "Envelope")) slideVoucher(k, e, ENVELOPE, beat(4));
+    for (const m of k.named(sheet, "Moon")) k.animate(m, "translateY", [{ t: 0, v: 120 }, { t: DURATION, v: 0 }]);
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    k.variants(sheet, feedVariants({ post: 56, portrait: 72 }, {
+      post: (kit, id) => {
+        for (const n of kit.named(id, "Foot")) kit.patch(n, { itemSpacing: 14 });
+        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 32");
+        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Display 84");
+        fitScene(kit, id, night(1080, 740, 520, { lanterns: FEED_LANTERNS(520), moon: { x: 540, y: 490, size: 380 } }));
+        stand(kit, id, 800, 0.74);
+      },
+      portrait: (kit, id) => {
+        fitScene(kit, id, night(1350, 930, 660, { lanterns: FEED_LANTERNS(660), moon: { x: 540, y: 630, size: 480 } }));
+        stand(kit, id, 1e3);
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  lunar_new_year_envelope_reel_default
+};

package/dist/chunks/chunk-TYBNHHBD.js

@@ -0,0 +1,258 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  KONTOR,
+  WEB_STEPS,
+  WEB_TYPE,
+  extend,
+  fitGrid,
+  rule,
+  swissBrand,
+  swissGrid
+} from "./chunk-T22A2IOW.js";
+import {
+  CONTENT,
+  compactNav,
+  footer,
+  respond,
+  typeScale
+} from "./chunk-QSBEDW52.js";
+import {
+  buttons,
+  nav
+} from "./chunk-IPGCJWVL.js";
+import {
+  defineTemplate
+} from "./chunk-FC6VBE7Y.js";
+import {
+  Kit,
+  preset
+} from "./chunk-5DE7NPKW.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-W5QYHNL2.js";
+
+// templates/src/web/style-swiss-pricing.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Swiss SaaS pricing page";
+var DURATION = 6e3;
+var GRIDS = { desktop: { cols: 12, margin: 120, gutter: 24 }, laptop: { cols: 12, margin: 80, gutter: 20 }, tablet: { cols: 8, margin: 48, gutter: 16 }, mobile: { cols: 4, margin: 20, gutter: 12 } };
+var PLANS = [
+  { name: "Starter", no: "01", pitch: "For one planner watching a handful of lanes.", month: 0, year: 0, cta: "Start free", note: "to try it", features: ["1 seat", "300 shipments a month", "Forecasts on 5 lanes", "Email alerts"] },
+  { name: "Team", no: "02", pitch: "For a logistics team that reroutes every week.", month: KONTOR.team, year: KONTOR.teamYear, featured: true, cta: "Start free for 14 days", note: "most teams", features: ["Up to 25 seats", "Unlimited shipments", "Every lane forecast", "Rerouting with rate quotes", "Slack and Teams alerts"] },
+  { name: "Network", no: "03", pitch: "For a shipper with many sites and a security review.", month: KONTOR.network, year: KONTOR.networkYear, cta: "Talk to sales", note: "for networks", features: ["Unlimited seats", "Everything in Team", "Carrier API and EDI", "SSO, SCIM, audit log", "99.9% uptime SLA"] }
+];
+var TABLE = [
+  ["Seats", "1", "25", "Unlimited"],
+  ["Shipments a month", "300", "Unlimited", "Unlimited"],
+  ["Lanes forecast", "5", "All", "All"],
+  ["Forecast horizon", "24 h", "48 h", "72 h"],
+  ["Rerouting", "\u2014", "Yes", "Yes"],
+  ["Carrier feeds", "3", `${KONTOR.carriers}`, `${KONTOR.carriers} and your own`],
+  ["SSO and audit log", "\u2014", "\u2014", "Yes"],
+  ["History kept", "30 days", "2 years", "7 years"]
+];
+var FAQ = [
+  ["What counts as a shipment?", "One consignment with one tracking number, however many pallets it carries. Split loads count once per leg."],
+  ["Who needs a seat?", "Anyone who signs in to plan or reroute. People who only get alerts in Slack or email are free."],
+  ["Which carriers do you read?", "Thirty-eight European road, rail and ocean carriers out of the box, plus any carrier that sends EDI 214 or a CSV by email."],
+  ["How accurate is the forecast?", "Across our customers, 9 in 10 shipments flagged late 48 hours ahead did arrive late. Each lane shows its own record."],
+  ["Can we pay by invoice?", "Yes, on annual plans, in euros, Swiss francs or US dollars, net 30."],
+  ["What happens after the trial?", "You choose a plan or drop to Starter. Nothing is deleted and no card is charged without asking."]
+];
+var COL = { desktop: 220, laptop: 200, tablet: 150, mobile: 78 };
+var cues = [
+  { layer: "Headline", preset: "words-in", at: 100, params: { duration: 700 } },
+  { layer: "Switch row", preset: "slide-in", at: 500, params: { direction: "left", duration: 400 } },
+  { layer: "Plan", preset: "slide-in", at: 600, stagger: { delay: 140, order: "selection" }, params: { direction: "up", duration: 500 } },
+  { layer: "Table row", preset: "slide-in", at: 1400, stagger: { delay: 90, order: "selection" }, params: { direction: "left", duration: 380 } },
+  { layer: "Question", preset: "slide-in", at: 2e3, stagger: { delay: 90, order: "selection" }, params: { direction: "up", duration: 400 } }
+];
+var counts = [
+  { layer: "Team amount", at: 800, duration: 980, tick: 20, counter: { from: 0, to: KONTOR.team, prefix: "$" } },
+  { layer: "Network amount", at: 940, duration: 952, tick: 8, counter: { from: 0, to: KONTOR.network, prefix: "$" } }
+];
+var style_swiss_pricing_default = defineTemplate({
+  id: "web-saas-style-swiss-pricing",
+  meta: {
+    name: NAME,
+    description: "A pricing page in the Swiss typographic style whose monthly / annual switch works in present mode: two square cells flip every price at once through page variables. Three plans standing in the columns of a visible grid, divided by hairlines with a red rule over the middle one, a comparison table ruled line by line, six numbered questions, a giant closing line and a footer; rules extend, columns slide up, prices count and rows slide in. Desktop to phone",
+    category: "web",
+    tags: ["pricing", "plans", "toggle", "interactive", "variables", "comparison table", "faq", "saas", "swiss", "international typographic style", "grid", "b2b", "logistics", "counter", "animation", "website", "responsive"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["pricing", "launch", "comparison"],
+    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;
+    swissBrand(k, { tagline: "Pay per planner. Never per shipment." });
+    const monthly = k.variable("Billing", "monthly", "BOOLEAN", true);
+    const annual = k.variable("Billing", "annual", "BOOLEAN", false);
+    const s = typeScale(k, { ...WEB_TYPE });
+    buttons(k, { style: s("Button 16"), pad: [14, 22], radius: 0 });
+    k.variantSet("Billing switch", "Billing", ["Monthly", "Annual"], {
+      direction: "HORIZONTAL",
+      width: "HUG",
+      gap: 0,
+      align: "CENTER",
+      stroke: { color: "text", width: 2, align: "INSIDE" },
+      description: "Monthly or annual billing, as two square cells: click to switch. On the pricing page the click also flips the billing variables every price is bound to.",
+      props: { Left: "Monthly", Right: "Annual, save 20%" }
+    }, (state, id) => {
+      const side = (on, prop, name) => {
+        const c = k.stack(id, { direction: "HORIZONTAL", width: "HUG", padding: { top: 11, right: 18, bottom: 11, left: 18 }, name, ...on ? { fill: "text" } : {} });
+        k.propText(c, prop, { style: s("Button 16"), color: on ? "paper" : "text", autoWidth: true });
+      };
+      side(state === "Monthly", "Left", "Monthly side");
+      side(state === "Annual", "Right", "Annual side");
+    });
+    k.changeTo("Billing switch/Monthly", "ON_CLICK", "Billing switch/Annual", 120, "LINEAR");
+    k.changeTo("Billing switch/Annual", "ON_CLICK", "Billing switch/Monthly", 120, "LINEAR");
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 112, { top: 28, right: 120, bottom: 56, left: 120 }, "paper", "MIN", "MIN");
+    k.patch(sheet, { layoutSizingVertical: "HUG", minHeight: 1024, clipsContent: true, height: 6e3 });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    swissGrid(k, sheet, GRIDS.desktop, { opacity: 0.08 });
+    const rules = [];
+    const top = k.stack(sheet, { gap: 28, name: "Top" });
+    nav(k, top, { links: ["Product", "Pricing", "Customers", "Docs", "Sign in"], cta: "Start free", style: s("Nav 15"), brandStyle: s("Brand 20") });
+    rules.push(rule(k, top, "FILL", { weight: 3, name: "Top rule" }));
+    const head = k.stack(top, { direction: "HORIZONTAL", gap: 24, align: "MAX", padding: { top: 36, right: 0, bottom: 0, left: 0 }, name: "Header" });
+    const title = k.stack(head, { gap: 20, name: "Header title" });
+    k.text(title, "Pricing", { style: s("Label 13"), color: "text", name: "Eyebrow" });
+    k.text(title, "{{brand.tagline}}", { style: s("Display 64"), color: "text", name: "Headline" });
+    const billing = k.stack(head, { width: 488, gap: 22, name: "Header billing" });
+    k.text(billing, "Every plan forecasts every shipment it sees. Plans differ in how many people plan with Kontor and how far ahead it looks. Pay by the year and save a fifth.", { style: s("Lead 20"), color: "onPaper", name: "Lead" });
+    const sw = k.stack(billing, { direction: "HORIZONTAL", gap: 14, align: "CENTER", wrap: true, name: "Switch row" });
+    const toggle = k.instance(sw, "Billing switch", { Left: "Monthly", Right: "Annual, save 20%" }, { name: "Billing toggle" });
+    k.setVariable(toggle, monthly, { toggle: true });
+    k.setVariable(toggle, annual, { toggle: true });
+    const plans = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, name: "Plans" });
+    for (const p of PLANS) {
+      const c = k.stack(plans, { gap: 20, name: "Plan" });
+      rules.push(rule(k, c, "FILL", { weight: 6, color: p.featured ? "primary" : "ink", name: "Plan rule" }));
+      const bar = k.stack(c, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", height: 24, name: "Plan bar" });
+      k.text(bar, p.no, { style: s("Label 13"), color: "text", autoWidth: true, name: "Plan no" });
+      if (p.featured) {
+        const tag = k.stack(bar, { direction: "HORIZONTAL", width: "HUG", fill: "primary", padding: { top: 3, right: 8, bottom: 3, left: 8 }, name: "Plan tag" });
+        k.text(tag, p.note, { style: s("Label 13"), color: "onPrimary", autoWidth: true, name: "Plan note" });
+      } else k.text(bar, p.note, { style: s("Label 13"), color: "onPaper", autoWidth: true, name: "Plan note" });
+      k.text(c, p.name, { style: s("Section 36"), color: "text", name: "Plan name" });
+      k.text(c, p.pitch, { style: s("Body 15"), color: "onPaper", name: "Pitch" });
+      const price = k.stack(c, { name: "Price" });
+      const block = (which) => {
+        const b = k.stack(price, { gap: 6, name: `${which} price` });
+        const amount = which === "Monthly" ? p.month : p.year;
+        k.text(b, `$${amount}`, { style: s("Price 56"), color: "text", name: which === "Monthly" ? `${p.name} amount` : `${p.name} annual amount` });
+        k.text(b, !p.month ? "free, for good" : which === "Monthly" ? "a seat a month, billed monthly" : `a seat a month, $${p.year * 12} a year`, { style: s("Small 13"), color: "onPaper", name: "Billed" });
+        return b;
+      };
+      k.bindVariable(block("Monthly"), "visible", monthly);
+      k.bindVariable(block("Annual"), "visible", annual);
+      k.instance(c, p.featured ? "Button" : "Button quiet", { Label: p.cta }, { name: "Plan button" });
+      const list = k.stack(c, { gap: 0, name: "Features" });
+      for (const f of p.features) {
+        k.rect(list, "FILL", 1, k.tint("ink", 0.3), { name: "Feature rule" });
+        const row = k.stack(list, { padding: { top: 10, right: 0, bottom: 10, left: 0 }, name: "Feature" });
+        k.text(row, f, { style: s("Body 15"), color: "text", name: "Feature label" });
+      }
+    }
+    const compare = k.stack(sheet, { gap: 24, name: "Compare" });
+    sectionHead(k, compare, s, "01", "Plan by plan", rules);
+    const table = k.stack(compare, { name: "Table" });
+    const cellOf = (row, value, i, headCell = false) => {
+      k.text(row, value, { style: s(headCell ? "Label 13" : "Body 15"), color: value === "\u2014" ? "onPaper" : "text", width: COL.desktop, name: headCell ? "Column name" : "Cell" });
+    };
+    const headRow = k.stack(table, { direction: "HORIZONTAL", gap: 24, padding: { top: 0, right: 0, bottom: 12, left: 0 }, name: "Table head" });
+    k.text(headRow, "Feature", { style: s("Label 13"), color: "text", name: "Table corner" });
+    PLANS.forEach((p, i) => cellOf(headRow, p.name, i, true));
+    for (const [feature, ...values] of TABLE) {
+      const line = k.stack(table, { name: "Table row" });
+      k.rect(line, "FILL", 1, "ink", { name: "Row rule" });
+      const row = k.stack(line, { direction: "HORIZONTAL", gap: 24, padding: { top: 14, right: 0, bottom: 14, left: 0 }, name: "Row cells" });
+      k.text(row, feature, { style: s("Body 15"), color: "text", name: "Row feature" });
+      values.forEach((v, i) => cellOf(row, v, i));
+    }
+    const faq = k.stack(sheet, { gap: 24, name: "FAQ" });
+    sectionHead(k, faq, s, "02", "Questions", rules);
+    const grid = k.stack(faq, { direction: "HORIZONTAL", gap: 24, wrap: true, name: "FAQ grid" });
+    FAQ.forEach(([q, a], i) => {
+      const item = k.stack(grid, { width: Math.floor((CONTENT.desktop - 24) / 2), gap: 10, padding: { top: 0, right: 0, bottom: 28, left: 0 }, name: "Question" });
+      k.rect(item, "FILL", 1, "ink", { name: "Question rule" });
+      const qrow = k.stack(item, { direction: "HORIZONTAL", gap: 16, name: "Q row" });
+      k.text(qrow, `0${i + 1}`, { style: s("Label 13"), color: "text", width: 40, name: "Q no" });
+      k.text(qrow, q, { style: s("Section 26"), color: "text", name: "Q" });
+      k.text(item, a, { style: s("Body 15"), color: "onPaper", name: "A" });
+    });
+    const closing = k.stack(sheet, { gap: 28, name: "Close" });
+    rules.push(rule(k, closing, "FILL", { weight: 3, name: "Close rule" }));
+    k.text(closing, "Start on Starter.", { style: s("Giant 180"), color: "text", name: "Close title" });
+    const closeRow = k.stack(closing, { direction: "HORIZONTAL", gap: 20, align: "CENTER", wrap: true, name: "Close row" });
+    k.instance(closeRow, "Button", { Label: "Start free, no card" }, { name: "Close button" });
+    k.text(closeRow, "Move up when a second planner needs it.", { style: s("Body 15"), color: "onPaper", autoWidth: true, name: "Close line" });
+    footer(k, sheet, {
+      about: KONTOR.pitch,
+      legal: "Prices in US dollars a seat, before VAT. Annual plans are billed once, up front. \xA9 2026 {{brand.name}} GmbH, Basel.",
+      columns: [["Product", ["Forecast", "Lanes", "Rerouting", "Carrier API"]], ["Company", ["Customers", "Pricing", "Careers", "Contact"]], ["Help", ["Docs", "Status", "Security"]]],
+      brandStyle: s("Brand 20"),
+      headStyle: s("Label 13"),
+      linkStyle: s("Small 13"),
+      ruleColor: "ink"
+    });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    rules.forEach((id, i) => extend(k, id, i * 90, 700));
+    respond(k, sheet, s, {
+      stack: ["Header", "Plans", "Footer columns"],
+      restyle: { ...WEB_STEPS },
+      hide: { mobile: ["Nav links", "Close line"] },
+      gap: { tablet: 88, mobile: 64 },
+      tweak: (kit, id, size) => {
+        fitGrid(kit, id, GRIDS[size]);
+        for (const n of kit.named(id, "Cell")) kit.patch(n, { width: COL[size] });
+        for (const n of kit.named(id, "Column name")) kit.patch(n, { width: COL[size] });
+        const narrow = size === "tablet" || size === "mobile";
+        const cw = CONTENT[size];
+        for (const n of kit.named(id, "Question")) kit.patch(n, { width: narrow ? cw : Math.floor((cw - 24) / 2) });
+        if (size === "laptop") for (const n of kit.named(id, "Header billing")) kit.patch(n, { width: 440 });
+        if (size === "tablet") compactNav(kit, id, ["Docs", "Sign in"], 20);
+        if (narrow) {
+          for (const n of kit.named(id, "Header billing")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
+          for (const n of kit.named(id, "Header")) kit.patch(n, { itemSpacing: 28 });
+          for (const n of kit.named(id, "Plans")) kit.patch(n, { itemSpacing: 64 });
+        }
+        if (size === "mobile") for (const name of ["Table head", "Row cells"]) for (const n of kit.named(id, name)) kit.patch(n, { itemSpacing: 6 });
+      }
+    });
+    k.finish();
+    const prices = [...new Set(k.doc.pages.flatMap((p) => k.named(p, "Price")))];
+    for (const price of prices) k.patch(k.node(price).childIds[1], { visible: false });
+    k.finish();
+    for (const price of prices) {
+      const [m, y] = k.node(price).childIds;
+      k.patch(y, { x: k.node(m).x, y: k.node(m).y });
+    }
+    return k.doc;
+  }
+});
+function sectionHead(k, parent, s, no, label, rules) {
+  const head = k.stack(parent, { gap: 10, name: "Section head" });
+  rules.push(rule(k, head, "FILL", { weight: 3, name: "Section rule" }));
+  const row = k.stack(head, { direction: "HORIZONTAL", gap: 24, name: "Section row" });
+  k.text(row, no, { style: s("Label 13"), color: "text", width: 100, name: "Section no" });
+  k.text(row, label, { style: s("Label 13"), color: "text", autoWidth: true, name: "Section label" });
+}
+
+export {
+  style_swiss_pricing_default
+};

package/dist/chunks/chunk-TYUQNUH2.js

@@ -0,0 +1,33 @@
+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 {
+  autumn_harvest_landing_default
+} from "./chunk-M7G5B4AZ.js";
+import {
+  autumn_harvest_link_preview_default
+} from "./chunk-RFKSRJ54.js";
+import {
+  autumn_harvest_thanks_post_default
+} from "./chunk-RBU6BELN.js";
+import {
+  autumn_harvest_year_reel_default
+} from "./chunk-6HXXOVM3.js";
+import {
+  autumn_harvest_header_default
+} from "./chunk-7BDOGR4G.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-W5QYHNL2.js";
+
+// templates/src/themes/autumn-harvest.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [autumn_harvest_year_reel_default, autumn_harvest_landing_default, autumn_harvest_thanks_post_default, autumn_harvest_header_default, autumn_harvest_link_preview_default];
+var autumn_harvest_default = pack;
+
+export {
+  autumn_harvest_default
+};