@popcraft/kit 0.29.0 → 0.31.0

package/dist/chunks/chunk-GNEBXWHC.js

@@ -1,91 +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 {
-  art,
-  businessCard,
-  cardParts,
-  contactLines
-} from "./chunk-D6YTTHPI.js";
-import {
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/print/printshop-card-yoga.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function half(x, base, r) {
-  const n = 24;
-  return { closed: true, points: Array.from({ length: n + 1 }, (_, i) => {
-    const a = Math.PI + Math.PI * i / n;
-    return { x: Math.round((x + r * Math.cos(a)) * 1e3) / 1e3, y: Math.round((base + r * Math.sin(a)) * 1e3) / 1e3 };
-  }) };
-}
-var printshop_card_yoga_default = defineTemplate({
-  id: "print-printshop-card-yoga",
-  meta: {
-    name: "Yoga studio business card",
-    description: "A calm portrait card for a yoga or pilates studio, a massage therapist or a wellness practice: a low sun of soft concentric arcs rising off the foot of a sand front under the studio\u2019s name in a light serif; the back lists the week\u2019s classes, each a row to retype, over the teacher and the brand kit\u2019s number, email and website. 55 \xD7 85 mm, two-sided",
-    category: "business-card",
-    tags: ["business card", "yoga", "yoga studio", "pilates", "wellness", "meditation", "massage", "calm", "minimal", "pastel", "portrait", "two-sided", "print"],
-    platforms: ["print"],
-    formats: ["card"],
-    useCases: ["brand-intro"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  stableNumbers: true,
-  build() {
-    const k = businessCard("Yoga studio business card", { portrait: "business-card-eu" }, (k2) => {
-      k2.brand(
-        { paper: "#F1E7DA", text: "#3E3530", onPaper: "#6E5F55", primary: "#C7795B", onPrimary: "#FFF7EF", accent: "#8FA58C" },
-        { name: "still water", tagline: "Yoga, breath and rest", email: "hello@stillwater.yoga", phone: "07700 900 412", website: "stillwater.yoga", address: "The Old Chapel, 3 Mill Lane, Totnes TQ9 5DH" }
-      );
-      k2.palette({ sun1: "#E9C3A6", sun2: "#E2AE8C", sun3: "#D99575", sun4: "#C97C5E", water: "#DCCBB7" });
-      k2.textStyle("Studio 27", { ...SERIF, size: 27, fontWeight: 300, letterSpacing: -0.5, lineHeight: 30 });
-      k2.textStyle("Kicker 8", { size: 8, fontWeight: 500, letterSpacing: 2.6, lineHeight: 11 });
-      k2.textStyle("Teacher 13", { ...SERIF, size: 13, fontWeight: 400, lineHeight: 16 });
-      k2.textStyle("Role 8", { size: 8, fontWeight: 500, letterSpacing: 1.4, lineHeight: 11 });
-      k2.textStyle("Day 8", { size: 8, fontWeight: 600, letterSpacing: 1, lineHeight: 12 });
-      k2.textStyle("Class 8.5", { size: 8.5, fontWeight: 400, lineHeight: 12 });
-      k2.textStyle("Label 8", { size: 8, fontWeight: 600, letterSpacing: 0.6, lineHeight: 12 });
-      k2.textStyle("Value 8.5", { size: 8.5, fontWeight: 400, lineHeight: 12 });
-      cardParts(k2, { name: "Teacher 13", title: "Role 8", nameColor: "text", titleColor: "onPaper", label: "Label 8", value: "Value 8.5", labelColor: "onPaper", valueColor: "text", gap: 7, labelWidth: 9, personGap: 3 });
-      k2.component("Class", { direction: "HORIZONTAL", gap: 8, align: "CENTER", props: { Day: "MON", Time: "7.00", Class: "Slow flow" } }, (id) => {
-        k2.propText(id, "Day", { style: "Day 8", color: "onPaper", width: 26 });
-        k2.propText(id, "Time", { style: "Class 8.5", color: "onPaper", width: 30 });
-        k2.propText(id, "Class", { style: "Class 8.5", color: "text", width: "FILL" });
-      });
-    }, (k2, { front, back, size }) => {
-      const { W, H, B } = size;
-      k2.flowSheet(front, 10, { top: 64, right: 22, bottom: 24, left: 22 }, "paper", "MIN", "CENTER");
-      const base = H + B;
-      ["sun1", "sun2", "sun3", "sun4"].forEach((role, i) => art(k2, front, W, H, B, [half(W / 2, base, 150 - i * 32)], role, { name: `Sun ${i + 1}` }));
-      art(k2, front, W, H, B, [{ closed: true, points: [{ x: -B, y: H - 46 }, { x: W + B, y: H - 46 }, { x: W + B, y: H - 44.8 }, { x: -B, y: H - 44.8 }] }], "paper", { name: "Horizon" });
-      art(k2, front, W, H, B, [0, 1, 2].map((i) => ({ closed: true, points: [{ x: W / 2 - 50 + i * 12, y: H - 34 + i * 9 }, { x: W / 2 + 50 - i * 12, y: H - 34 + i * 9 }, { x: W / 2 + 50 - i * 12, y: H - 32.8 + i * 9 }, { x: W / 2 - 50 + i * 12, y: H - 32.8 + i * 9 }] })), "paper", { name: "Ripples" });
-      k2.text(front, "YOGA \xB7 BREATH \xB7 REST", { style: "Kicker 8", color: "onPaper", align: "CENTER", width: "FILL", name: "Kicker" });
-      k2.text(front, "{{brand.name}}", { style: "Studio 27", color: "text", align: "CENTER", width: "FILL", name: "Studio" });
-      k2.flowSheet(back, 12, { top: 26, right: 22, bottom: 26, left: 22 }, "paper", "SPACE_BETWEEN", "MIN");
-      const week = k2.stack(back, { gap: 5, name: "Week" });
-      k2.text(week, "THE WEEK", { style: "Kicker 8", color: "onPaper", width: "FILL", name: "Week title" });
-      k2.rect(week, "FILL", 0.75, "accent", { name: "Rule" });
-      for (const [d, t, c] of [["MON", "7.00", "Slow flow"], ["TUE", "18.30", "Vinyasa"], ["WED", "12.15", "Lunch reset"], ["THU", "19.00", "Yin & nidra"], ["SAT", "9.30", "Beginners"]]) k2.instance(week, "Class", { Day: d, Time: t, Class: c }, { width: "FILL", name: "Class" });
-      const who = k2.stack(back, { gap: 10, name: "Teacher" });
-      k2.instance(who, "Person", { Name: "Isla Penrose", Title: "TEACHER, 500 HR RYT" }, { name: "Person" });
-      contactLines(k2, who, ["T", "E", "W"], 1);
-    });
-    return k.finish();
-  }
-});
-
-export {
-  printshop_card_yoga_default
-};

package/dist/chunks/chunk-GO4ODSKJ.js

@@ -1,178 +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 {
-  FLAP_HOWTO,
-  apron,
-  boardBrand,
-  bolts,
-  chevrons,
-  flaps,
-  flipIn,
-  housing,
-  lamps,
-  picto,
-  rods,
-  sign
-} from "./chunk-6GZOXHLQ.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  score
-} from "./chunk-42LEBOKV.js";
-import {
-  put
-} from "./chunk-YHBAWSDX.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-OFAIOFJQ.js";
-import {
-  ease
-} from "./chunk-MFBWT2Y7.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/motion/departure-board-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MUSIC = score("tension");
-var DURATION = MUSIC.duration;
-var beat = MUSIC.beat;
-var HOOK = ["SPEAK IT", "BEFORE", "YOU LAND"];
-var PHRASES = [["BOM DIA", "READY", true], ["OBRIGADO", "READY", true], ["A CONTA", "NEXT", false]];
-var CELL = 92;
-var SMALL = 46;
-var SIGN_W = 800;
-var swaps = [
-  { layer: "Caption", words: ["You booked Lisbon. You have 19 days.", "Layover picks the 300 phrases that trip needs.", "Ten minutes a day, at the gate or on the train.", "Land already knowing how to order dinner."], at: beat(4), hold: 2100, stagger: 50, in: 350, out: 250, unit: "word", rise: 30 }
-];
-var counts = [{ layer: "Ready count", at: beat(6), duration: beat(8), counter: { from: 198, to: 214 }, tick: 250 }];
-var cues = [
-  { layer: "Sign", preset: "drop-in", at: 0, params: { duration: 500 } },
-  { layer: "Board head", preset: "fade-in", at: 200, params: { duration: 500 } },
-  { layer: "Today", preset: "fade-in", at: beat(4), params: { duration: 500 } },
-  { layer: "Status 1", preset: "pop-in", at: beat(8), params: { duration: 400 } },
-  { layer: "Status 2", preset: "pop-in", at: beat(12), params: { duration: 400 } },
-  { layer: "Status 3", preset: "pop-in", at: beat(16), params: { duration: 400 } },
-  { layer: "Parked plane", preset: "slide-in", at: beat(4), params: { duration: 3e3, direction: "right", distance: 700 } },
-  { layer: "Call", preset: "rise-in", at: beat(24), params: { duration: 600 } },
-  { layer: "Site", preset: "fade-in", at: beat(25), params: { duration: 600 } },
-  { layer: "Call", preset: "pulse", at: beat(28), params: { duration: 900, amount: 0.05 } }
-];
-var departure_board_reel_default = defineTemplate({
-  id: "motion-departure-board-reel",
-  meta: {
-    name: "Departure board app launch reel",
-    description: "A 16-second launch reel for a mobile subscription app, drawn as an airport departure hall: the hook is spelled on a split-flap board in the first second, tile by flipping tile, under a yellow wayfinding sign; the lower rows flip to today\u2019s phrases and turn to a lit READY, an airliner taxis in along the floor, and the offer rises \u2014 with the story in burned-in captions over a ticking countdown track (made by PopCraft, CC0), every flip on a beat. 9:16 with 1:1 and 4:5 cuts. " + FLAP_HOWTO,
-    category: "animation",
-    tags: ["animation", "departure board", "split-flap", "airport", "wayfinding", "boarding pass", "travel", "language app", "mobile app", "subscription app", "reel", "captions", "music", "audio", "launch"],
-    platforms: ["tiktok", "instagram", "youtube"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["launch", "announcement", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit("Departure board app launch reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    boardBrand(k);
-    k.textStyle("Sign 44", { size: 44, fontWeight: 800, letterSpacing: -1.2, lineHeight: 46 });
-    k.textStyle("Sign note 22", { ...MONO, size: 22, fontWeight: 700, letterSpacing: 1.2, lineHeight: 28, textCase: "UPPER" });
-    k.textStyle("Board label 20", { ...MONO, size: 20, fontWeight: 700, letterSpacing: 2.4, lineHeight: 26, textCase: "UPPER" });
-    k.textStyle("Caption 40", { size: 40, fontWeight: 700, letterSpacing: -0.6, lineHeight: 48, textAlign: "CENTER" });
-    k.textStyle("Caption 34", { size: 34, fontWeight: 700, letterSpacing: -0.4, lineHeight: 42, textAlign: "CENTER" });
-    k.textStyle("Button 32", { size: 32, fontWeight: 800, letterSpacing: -0.4, lineHeight: 40 });
-    k.textStyle("Site 24", { ...MONO, size: 24, fontWeight: 600, lineHeight: 32, textAlign: "CENTER" });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 32", label: "Get {{brand.name}} free", pad: [22, 44], radius: 14 });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Launch 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 });
-    lamps(k, sheet, 1080, 0, 3, 1, 520);
-    const plane = picto(k, sheet, "plane", 72, "primary", { deg: 90, name: "Overflight", absolute: { x: -120, y: 96 } });
-    rods(k, sheet, (1080 - SIGN_W) / 2, 250, SIGN_W, 1);
-    apron(k, sheet, 1080, 1490);
-    chevrons(k, sheet, 1080, 40, { x: 0, y: 1880 });
-    sign(k, sheet, "Departures", { style: "Sign 44", u: 1, width: SIGN_W, note: "Lisbon LIS \xB7 gate closes in 19 days", noteStyle: "Sign note 22" });
-    const board = housing(k, sheet, { width: 880, pad: 40, gap: 14, name: "Board" });
-    const head = k.stack(board, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Board head" });
-    const live = k.stack(head, { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", name: "Live" });
-    k.ellipse(live, 14, "go", { name: "Live lamp" });
-    k.text(live, "Now boarding", { style: "Board label 20", color: "flapInk", autoWidth: true, name: "Live label" });
-    k.text(head, "TP 1351 \xB7 LIS", { style: "Board label 20", color: "flapDim", autoWidth: true, name: "Flight" });
-    const hook = k.stack(board, { gap: 14, name: "Hook" });
-    HOOK.forEach((line, i) => flaps(k, hook, line, { cell: CELL, cols: 8, name: `Hook row ${i + 1}` }));
-    const today = k.stack(board, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", padding: { top: 10, right: 0, bottom: 0, left: 0 }, name: "Today" });
-    k.text(today, "Today\u2019s phrases", { style: "Board label 20", color: "flapDim", autoWidth: true, name: "Today label" });
-    const ready = k.stack(today, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", name: "Ready" });
-    const cell = k.stack(ready, { width: 44, align: "MAX", name: "Ready cell" });
-    k.text(cell, "214", { style: "Board label 20", color: "flapInk", align: "RIGHT", name: "Ready count" });
-    k.text(ready, "of 300 ready", { style: "Board label 20", color: "flapDim", autoWidth: true, name: "Ready label" });
-    const phrases = k.stack(board, { gap: 10, name: "Phrases" });
-    PHRASES.forEach(([phrase, status, hot], i) => {
-      const row = k.stack(phrases, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: `Phrase ${i + 1}` });
-      flaps(k, row, phrase, { cell: SMALL, cols: 10, name: `Phrase row ${i + 1}` });
-      flaps(k, row, status, { cell: SMALL, cols: 5, hot, name: `Status ${i + 1}` });
-    });
-    const foot = k.stack(sheet, { gap: 16, align: "CENTER", name: "Foot" });
-    const says = k.stack(foot, { height: 96, justify: "CENTER", name: "Caption box" });
-    k.text(says, swaps[0].words[0], { style: "Caption 40", color: "text", name: "Caption" });
-    const side = verticalPadding();
-    k.instance(foot, "Button", { Label: "Get {{brand.name}} free" }, { name: "Call" });
-    k.text(foot, "First trip free \xB7 {{brand.site}}", { style: "Site 24", color: "onPaper", name: "Site" });
-    if (swapTimes(swaps[0]).at(-1).gone > DURATION) throw new Error("departure reel: the captions run past the music");
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    bolts(k, board, 40);
-    k.animate(plane, "translateX", [{ t: 0, v: 0, ease: ease.linear }, { t: DURATION, v: 1320 }]);
-    HOOK.forEach((_, i) => {
-      for (const r of k.named(sheet, `Hook row ${i + 1}`)) flipIn(k, r, i * 240, { seed: 3 + i, flips: 5, stagger: 30 });
-    });
-    PHRASES.forEach((_, i) => {
-      const at = beat(6 + i * 4);
-      for (const r of k.named(sheet, `Phrase row ${i + 1}`)) flipIn(k, r, at, { seed: 11 + i });
-      for (const r of k.named(sheet, `Status ${i + 1}`)) flipIn(k, r, at + beat(2), { seed: 17 + i, flips: 3 });
-    });
-    const feed = (kit, id, h, signY) => {
-      for (const name of ["Apron", "Overflight"]) for (const n of kit.named(id, name)) kit.patch(n, { visible: false });
-      put(kit, id, "Chevrons", 0, h - 28, { width: 1080, height: 28, scaleX: 1, scaleY: 1 });
-      for (const n of kit.named(id, "Rod")) kit.patch(n, { y: 0, height: signY + 4 });
-      for (const n of kit.named(id, "Board")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 880 });
-      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 34");
-      for (const n of kit.named(id, "Caption box")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 880 });
-    };
-    k.variants(sheet, feedVariants({ post: 40, portrait: 56 }, {
-      post: (kit, id) => {
-        feed(kit, id, 1080, 40);
-        for (const name of ["Today", "Phrases"]) for (const n of kit.named(id, name)) kit.patch(n, { visible: false });
-        kit.named(id, "Bolt").slice(2).forEach((n) => kit.patch(n, { y: kit.node(n).y - 276 }));
-      },
-      portrait: (kit, id) => feed(kit, id, 1350, 56)
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  departure_board_reel_default
-};

package/dist/chunks/chunk-GPLV4R44.js

@@ -1,258 +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 {
-  KONTOR,
-  WEB_STEPS,
-  WEB_TYPE,
-  extend,
-  fitGrid,
-  rule,
-  swissBrand,
-  swissGrid
-} from "./chunk-ANYHWRBX.js";
-import {
-  CONTENT,
-  compactNav,
-  footer,
-  respond,
-  typeScale
-} from "./chunk-UOQIT6VU.js";
-import {
-  buttons,
-  nav
-} from "./chunk-TF2MO3UA.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset
-} from "./chunk-OFAIOFJQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.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
-};