@popcraft/kit 0.53.4 → 0.53.6

package/dist/chunks/chunk-EKD3R3EC.js

@@ -1,262 +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 {
-  APP_ROLES,
-  FLAP_HOWTO,
-  SCREENS,
-  boardBrand,
-  flapH,
-  flaps,
-  flapsW,
-  flipIn,
-  housing,
-  pass,
-  passStyles,
-  passTrim,
-  picto,
-  plate,
-  shadow
-} from "./chunk-24YXGLQY.js";
-import {
-  flatPhone,
-  uiRoles
-} from "./chunk-PJVRLN6J.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  nav,
-  page,
-  webResponsive
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  glow
-} from "./chunk-YORIY3BT.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/web/departure-board-download.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var LOOP = 6e3;
-var CELL = 62;
-var HERO_PAD = 24;
-var HERO_W = flapsW(8, CELL) + 2 * HERO_PAD;
-var HOOK = ["SPEAK IT", "BEFORE", "YOU LAND"];
-var STAGE = { w: 560, h: 700 };
-var PHONE_S = 0.76;
-var PASS_S = 0.44;
-var STEPS = [
-  ["T-19", "Add your flight", "Paste a booking, or type a city and a date. {{brand.name}} works out what the trip involves: two dinners out, a hotel desk, the 15:10 to Sintra.", "BOOKED", false],
-  ["T-18", "Ten minutes a day", "Hear it, say it, keep it. Lessons download once and work in airplane mode, so the gate, the train and seat 14A all count.", "DAILY", false],
-  ["T-0", "Land", "Three hundred phrases you have already said out loud, in the order the trip will ask for them. No colours, no zoo animals.", "READY", true]
-];
-var CODES = ["LIS", "NRT", "BLQ", "MAD", "CDG", "BER", "ATH", "IST", "ICN", "BKK", "AMS", "WAW", "PRG", "ZAG"];
-var HERO_PASS = {
-  width: 900,
-  u: 1,
-  styles: "Mini",
-  from: "ENG",
-  to: "POR",
-  fromNote: "You speak",
-  toNote: "You land in",
-  phrase: "Uma mesa para dois, por favor.",
-  meaning: "A table for two, please.",
-  fields: [["Flight", "TP 1351"], ["Gate closes", "19 days"]],
-  stub: [["To", "Lisbon"], ["Phrase", "214"]]
-};
-var OFFER = {
-  width: 1200,
-  u: 1.25,
-  name: "Offer pass",
-  from: "YOU",
-  to: "LIS",
-  fromNote: "Today",
-  toNote: "In 19 days",
-  phrase: "Your first trip is free.",
-  meaning: "All 300 phrases, offline, no card. After that, $6.99 a trip, or $39.99 a year for every trip you take.",
-  fields: [["iPhone", "App Store"], ["Android", "Google Play"], ["Rated", "4.9 of 5"]],
-  stub: [["Trips so far", "212,000"], ["Languages", "14"]]
-};
-var cues = [
-  { layer: "Offer bar", preset: "drop-in", at: 0, params: { duration: 600 } },
-  { layer: "Nav", preset: "fade-in", at: 100, params: { duration: 700 } },
-  { layer: "Eyebrow", preset: "fade-in", at: 200, params: { duration: 700 } },
-  { layer: "Hero board", preset: "fade-in", at: 150, params: { duration: 500 } },
-  { layer: "Phone", preset: "rise-in", at: 500, params: { duration: 1100 } },
-  { layer: "Lead", preset: "rise-in", at: 1100, params: { duration: 800 } },
-  { layer: "Store badge", preset: "rise-in", at: 1500, params: { duration: 700 }, stagger: { delay: 140 } },
-  { layer: "Gate board", preset: "pop-in", at: 1700, params: { duration: 450 } },
-  { layer: "Proof", preset: "fade-in", at: 2100, params: { duration: 800 } },
-  { layer: "Pass", preset: "slide-in", at: 2300, params: { duration: 900, direction: "left", distance: 300 } },
-  { layer: "Stamp", preset: "pop-in", at: 3400, params: { duration: 400 } }
-];
-var departure_board_download_default = defineTemplate({
-  id: "web-departure-board-download",
-  meta: {
-    name: "Departure board app download page",
-    description: "A download page for a mobile subscription app, drawn as an airport departure hall: an offer bar, a hero whose headline is a split-flap board that flips itself into place beside a phone lit like a boarding pass (a small board counts the days to the gate, a boarding pass slides in and is stamped), the two store buttons, how it works as three rows of one long departure board, the languages, and the offer printed as a wide boarding pass \u2014 at desktop, laptop, tablet and phone widths. " + FLAP_HOWTO,
-    category: "web",
-    tags: ["departure board", "split-flap", "airport", "wayfinding", "boarding pass", "download page", "landing page", "hero", "website", "mobile app", "subscription app", "language app", "travel", "app store", "animation", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Departure board app download page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    boardBrand(k, {}, uiRoles(APP_ROLES));
-    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Brand 22", { size: 22, fontWeight: 800, letterSpacing: -0.5, lineHeight: 28 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Bar 15", { size: 15, fontWeight: 700, lineHeight: 22, textAlign: "CENTER" });
-    k.textStyle("Eyebrow 14", { ...MONO, size: 14, fontWeight: 700, letterSpacing: 2.6, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Lead 21", { size: 21, fontWeight: 400, lineHeight: 33 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 27 });
-    k.textStyle("Proof 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Badge small 12", { size: 12, fontWeight: 600, lineHeight: 15 });
-    k.textStyle("Badge 21", { size: 21, fontWeight: 700, letterSpacing: -0.4, lineHeight: 24 });
-    k.textStyle("Section 48", { size: 48, fontWeight: 800, letterSpacing: -1.8, lineHeight: 54 });
-    k.textStyle("Section 32", { size: 32, fontWeight: 800, letterSpacing: -1, lineHeight: 38 });
-    k.textStyle("Board label 14", { ...MONO, size: 14, fontWeight: 700, letterSpacing: 2, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Step 28", { size: 28, fontWeight: 800, letterSpacing: -0.7, lineHeight: 34 });
-    k.textStyle("Step body 18", { size: 18, fontWeight: 400, lineHeight: 29 });
-    k.textStyle("Languages 34", { ...SERIF, size: 34, fontWeight: 600, letterSpacing: -0.6, lineHeight: 48 });
-    k.textStyle("Languages 24", { ...SERIF, size: 24, fontWeight: 600, letterSpacing: -0.3, lineHeight: 36 });
-    k.textStyle("Small 14", { size: 14, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Stamp 28", { ...MONO, size: 28, fontWeight: 800, letterSpacing: 3, lineHeight: 32, textCase: "UPPER" });
-    k.textStyle("Gate label 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.6, lineHeight: 16, textCase: "UPPER" });
-    passStyles(k, OFFER.u);
-    passStyles(k, HERO_PASS.u, "Mini");
-    passStyles(k, 0.6, "Pass S");
-    const box = { direction: "HORIZONTAL", width: "HUG", radius: 10, align: "CENTER", padding: { top: 13, right: 22, bottom: 13, left: 22 } };
-    k.component("Button", { ...box, fill: "primary", props: { Label: "Get the app" } }, (id) => {
-      k.propText(id, "Label", { style: "Button 16", color: "onPrimary", autoWidth: true });
-    });
-    k.component("Store badge", { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", fill: "text", radius: 12, padding: { top: 10, right: 22, bottom: 10, left: 16 }, description: "A store button: set its two lines.", props: { Line: "Download on the", Store: "App Store" } }, (id) => {
-      picto(k, id, "arrow", 26, "paper", { deg: 180, name: "Badge mark" });
-      const words = k.stack(id, { width: "HUG", gap: 0, name: "Badge words" });
-      k.propText(words, "Line", { style: "Badge small 12", color: "paper", autoWidth: true });
-      k.propText(words, "Store", { style: "Badge 21", color: "paper", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 88, top: 24 });
-    k.timeline(sheet, { duration: LOOP, fps: 30 });
-    const bar = k.stack(sheet, { fill: "primary", radius: 8, padding: { top: 10, right: 24, bottom: 10, left: 24 }, align: "CENTER", name: "Offer bar" });
-    k.text(bar, "Flying in the next 30 days? Your first trip\u2019s course is free, all 300 phrases of it.", { style: "Bar 15", color: "onPrimary", name: "Offer bar text" });
-    nav(k, sheet, { links: ["How it works", "Languages", "Pricing", "For teams that travel"], cta: "Get the app", 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: 26, name: "Copy" });
-    k.text(copy, "A language app for one trip at a time", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
-    const holder = k.stack(copy, { width: HERO_W, height: 3 * flapH(CELL) + 2 * 12 + 2 * HERO_PAD, name: "Board holder" });
-    const board = housing(k, holder, { width: HERO_W, pad: HERO_PAD, gap: 12, name: "Hero board", absolute: { x: 0, y: 0 } });
-    HOOK.forEach((line, i) => flaps(k, board, line, { cell: CELL, cols: 8, hot: i === 2, name: `Hook row ${i + 1}` }));
-    k.text(copy, "You booked Lisbon and you have nineteen days. {{brand.name}} builds a course from that trip alone (the dinners, the metro, the hotel desk) and gets you through it in ten minutes a day.", { style: "Lead 21", color: "onPaper", name: "Lead" });
-    const stores = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "Stores" });
-    k.instance(stores, "Store badge", { Line: "Download on the", Store: "App Store" }, { name: "Store badge" });
-    k.instance(stores, "Store badge", { Line: "Get it on", Store: "Google Play" }, { name: "Store badge" });
-    k.text(copy, "4.9 from 212,000 ratings \xB7 14 languages \xB7 first trip free", { style: "Proof 15", color: "onPaper", name: "Proof" });
-    const visual = k.stack(hero, { width: STAGE.w, height: STAGE.h, name: "Visual" });
-    const stage = k.frame(visual, { x: 0, y: 0, width: STAGE.w, height: STAGE.h }, { name: "Stage" });
-    glow(k, stage, { role: "primary", w: 900, x: 360, y: 380, alpha: 0.22, name: "Screen light" });
-    flatPhone(k, stage, { spec: SCREENS.trip, scale: PHONE_S, x: 200, y: 10, name: "Phone", shadow: shadow(0.6, 26, 70) });
-    const gate = housing(k, stage, { width: "HUG", pad: 14, gap: 8, name: "Gate board", absolute: { x: 0, y: 110 } });
-    k.text(gate, "Gate closes in", { style: "Gate label 12", color: "flapDim", autoWidth: true, name: "Gate label" });
-    flaps(k, gate, "19 DAYS", { cell: 26, hot: true, name: "Gate row" });
-    const hp = pass(k, stage, { ...HERO_PASS, absolute: { x: 0, y: 500 } });
-    k.patch(hp, { scaleX: PASS_S, scaleY: PASS_S, anchorX: 0, anchorY: 0 });
-    k.patch(plate(k, stage, "Learned", { style: "Stamp 28", u: 1, absolute: { x: 196, y: 604 } }), { scaleX: 0.6, scaleY: 0.6, anchorX: 0, anchorY: 0, rotation: -6 });
-    const how = k.stack(sheet, { gap: 32, name: "How" });
-    k.text(how, "From booked to fluent enough, on one board", { style: "Section 48", color: "text", name: "How title" });
-    const long = housing(k, how, { width: "FILL", pad: 28, gap: 0, name: "Steps board" });
-    const lhead = k.stack(long, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", padding: { top: 0, right: 0, bottom: 14, left: 0 }, name: "Steps head" });
-    k.text(lhead, "Days to go \xB7 what happens", { style: "Board label 14", color: "flapDim", autoWidth: true, name: "Steps label" });
-    k.text(lhead, "Status", { style: "Board label 14", color: "flapDim", autoWidth: true, name: "Steps status" });
-    for (const [when, title, body, status, hot] of STEPS) {
-      k.rect(long, "FILL", 1.5, "rivet", { name: "Step rule" });
-      const row = k.stack(long, { direction: "HORIZONTAL", gap: 32, align: "CENTER", padding: { top: 22, right: 0, bottom: 22, left: 0 }, name: "Step" });
-      flaps(k, row, when, { cell: 34, cols: 4, name: "Step when" });
-      const words = k.stack(row, { gap: 6, name: "Step words" });
-      k.text(words, title, { style: "Step 28", color: "flapInk", name: "Step title" });
-      k.text(words, body, { style: "Step body 18", color: "flapDim", name: "Step body" });
-      flaps(k, row, status, { cell: 34, cols: 6, hot, name: "Step status" });
-    }
-    const langs = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, name: "Languages" });
-    k.text(langs, "Fourteen languages, each one a trip", { style: "Section 48", color: "text", width: 400, name: "Languages title" });
-    const list = k.stack(langs, { gap: 28, name: "Languages column" });
-    k.text(list, "Portuguese for Lisbon. Japanese for Tokyo. Italian for Bologna. Spanish, French, German, Greek, Turkish, Korean, Thai, Dutch, Polish, Czech and Croatian for wherever the next booking says.", { style: "Languages 34", color: "text", name: "Languages list" });
-    const codes = k.stack(list, { direction: "HORIZONTAL", gap: 14, wrap: true, name: "Codes" });
-    CODES.forEach((code, i) => flaps(k, codes, code, { cell: 26, hot: i === 0, name: "Code" }));
-    const offer = pass(k, sheet, OFFER);
-    const footer = k.stack(sheet, { fill: "paper", name: "Footer" });
-    k.text(footer, "\xA9 2026 {{brand.name}} \xB7 Privacy \xB7 Terms \xB7 Press \xB7 Help at the gate", { style: "Small 14", color: "onPaper", name: "Footer text" });
-    k.cues(sheet, cues);
-    passTrim(k, offer, OFFER);
-    HOOK.forEach((_, i) => {
-      for (const r of k.named(sheet, `Hook row ${i + 1}`)) flipIn(k, r, 300 + i * 240, { seed: 3 + i, flips: 5, stagger: 30 });
-    });
-    for (const r of k.named(sheet, "Gate row")) flipIn(k, r, 1900, { seed: 9, flips: 4 });
-    passTrim(k, hp, HERO_PASS, null);
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Languages", "Step"],
-      restyle: {
-        "Lead 21": { mobile: "Lead 17" },
-        "Section 48": { mobile: "Section 32" },
-        "Languages 34": { mobile: "Languages 24" },
-        ...Object.fromEntries(["head", "code", "label", "value", "phrase", "meaning"].map((n) => [`Pass ${n}`, { mobile: `Pass S ${n}` }]))
-      },
-      gap: { tablet: 64, mobile: 48 },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 40 });
-        if (size !== "tablet" && size !== "mobile") return;
-        if (size === "tablet") kit.named(id, "Nav link").slice(3).forEach((n) => kit.patch(n, { visible: false }));
-        for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 44, counterAxisAlignItems: size === "tablet" ? "CENTER" : "MIN" });
-        for (const n of kit.named(id, "Step")) kit.patch(n, { itemSpacing: 14 });
-        if (size === "mobile") for (const n of kit.named(id, "Steps status")) kit.patch(n, { visible: false });
-        for (const n of kit.named(id, "Languages")) kit.patch(n, { itemSpacing: 20 });
-        for (const n of kit.named(id, "Languages title")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        const col = size === "mobile" ? 335 : 672;
-        const bs = Math.min(1, col / HERO_W), ss = size === "mobile" ? 0.8 : Math.min(1, col / STAGE.w);
-        if (size === "mobile") {
-          for (const n of kit.named(id, "Phone")) kit.patch(n, { x: 95 });
-          for (const n of kit.named(id, "Gate board")) kit.patch(n, { y: 40 });
-        }
-        for (const n of kit.named(id, "Board holder")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: Math.round(HERO_W * bs), height: Math.round(kit.node(n).height * bs) });
-        for (const n of kit.named(id, "Hero board")) kit.patch(n, { x: 0, y: 0, scaleX: bs, scaleY: bs, anchorX: 0, anchorY: 0 });
-        for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: size === "mobile" ? col : Math.round(STAGE.w * ss), height: Math.round(STAGE.h * ss) });
-        for (const n of kit.named(id, "Stage")) kit.patch(n, { x: 0, y: 0, scaleX: ss, scaleY: ss, anchorX: 0, anchorY: 0 });
-        for (const n of kit.named(id, "Offer pass")) {
-          kit.patch(n, { layoutSizingHorizontal: "FILL" });
-          for (const name of ["Pass stub", "Perforation", "Notch", "Barcode"]) for (const c of kit.named(n, name)) kit.patch(c, { visible: false });
-          for (const c of kit.named(n, "Pass main")) kit.patch(c, { layoutSizingHorizontal: "FILL" });
-          if (size === "mobile") {
-            for (const c of kit.named(n, "Pass fields")) kit.patch(c, { layoutWrap: "WRAP", itemSpacing: 18, counterAxisSpacing: 10 });
-            for (const c of kit.named(n, "Route line")) kit.patch(c, { visible: false });
-          }
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  departure_board_download_default
-};

package/dist/chunks/chunk-ELPRKB4N.js

@@ -1,331 +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 {
-  repeats,
-  route,
-  visitorCollection
-} from "./chunk-4FRZC66Z.js";
-import {
-  BREAKPOINTS,
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/web/studio-careers.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var ROLES = [
-  {
-    title: "Senior Backend Engineer",
-    team: "Platform",
-    location: "Remote, Europe",
-    type: "Full time",
-    salary: "\u20AC85,000 \u2013 \u20AC100,000",
-    summary: "Keep the booking engine fast and boring while three hundred more clinics move onto it this year.",
-    does: "\u2014 Own the scheduling service: the API, the database and the queue behind every appointment\n\u2014 Cut p95 booking time from 420 ms to under 200 ms\n\u2014 Pair with support on the hardest tickets, every other Friday",
-    brings: "\u2014 Five years of running services in Go, Kotlin or Elixir\n\u2014 Postgres you have tuned yourself\n\u2014 Patience with health rules, and notes others can read",
-    apply: "https://jobs.kestrel.health/backend"
-  },
-  {
-    title: "Product Designer",
-    team: "Product",
-    location: "Lisbon or remote",
-    type: "Full time",
-    salary: "\u20AC62,000 \u2013 \u20AC74,000",
-    summary: "Design the screens a receptionist uses four hundred times a day, and make every one of them calmer.",
-    does: "\u2014 Lead design for the front-desk app, from research to shipped pixels\n\u2014 Spend a day a month on site at a clinic, watching the morning rush\n\u2014 Look after our design system with the two front-end engineers",
-    brings: "\u2014 A portfolio of work tools you designed and saw used\n\u2014 Comfort in Figma and enough HTML to talk with engineers\n\u2014 Interviews with real users as a habit, not a phase",
-    apply: "https://jobs.kestrel.health/designer"
-  },
-  {
-    title: "Clinic Success Manager",
-    team: "Customers",
-    location: "Manchester",
-    type: "Full time",
-    salary: "\xA342,000 \u2013 \xA348,000",
-    summary: "Help forty clinics across the North get the most from Kestrel, in person and on the phone.",
-    does: "\u2014 Run onboarding for new clinics, from data import to the first busy Monday\n\u2014 Visit each of your clinics at least twice a year\n\u2014 Bring what you hear back to product, with names and numbers",
-    brings: "\u2014 Experience in a clinic, a practice or customer success for software\n\u2014 A driving licence: the job covers Leeds to Liverpool\n\u2014 Calm on the phone when a waiting room is full",
-    apply: "https://jobs.kestrel.health/success"
-  },
-  {
-    title: "Data Engineer",
-    team: "Platform",
-    location: "Remote, Europe",
-    type: "Full time",
-    salary: "\u20AC75,000 \u2013 \u20AC88,000",
-    summary: "Turn eleven million appointments into numbers a clinic manager can act on before lunch.",
-    does: "\u2014 Build the pipelines behind the clinic reports and our own metrics\n\u2014 Make no-show predictions good enough to change a schedule\n\u2014 Keep patient data where the law says it lives",
-    brings: "\u2014 dbt, SQL and one language for the rest (Python is fine)\n\u2014 Experience with personal or health data and GDPR\n\u2014 Charts that answer a question in one look",
-    apply: "https://jobs.kestrel.health/data"
-  },
-  {
-    title: "Support Specialist",
-    team: "Customers",
-    location: "Lisbon",
-    type: "Four days a week",
-    salary: "\u20AC32,000 pro rata",
-    summary: "Answer clinics in English and Portuguese, and fix the cause, not only the ticket.",
-    does: "\u2014 Answer chat, email and phone for clinics in Portugal and the UK\n\u2014 Write the help article whenever you answer something twice\n\u2014 Test new releases from the receptionist\u2019s chair",
-    brings: "\u2014 Fluent English and Portuguese\n\u2014 A year or more in support, retail or a front desk\n\u2014 Curiosity about why something broke",
-    apply: "https://jobs.kestrel.health/support"
-  },
-  {
-    title: "Head of Finance",
-    team: "Operations",
-    location: "London, hybrid",
-    type: "Full time",
-    salary: "\xA395,000 \u2013 \xA3110,000",
-    summary: "Be our first finance hire: own the numbers from monthly close to the next round.",
-    does: "\u2014 Run the monthly close, payroll in three countries and the board pack\n\u2014 Build the model we raise our Series B on\n\u2014 Choose the tools, and the accountant we keep",
-    brings: "\u2014 Ten years in finance, some of it at a SaaS company under 200 people\n\u2014 Multi-currency and multi-entity experience\n\u2014 A clear way of explaining numbers to people who are not finance",
-    apply: "https://jobs.kestrel.health/finance"
-  }
-];
-var REASONS = [
-  ["Work that is felt the same day", "One in nine clinics in Portugal and the UK books through Kestrel. When we ship on Tuesday, a receptionist feels it on Wednesday morning."],
-  ["A small team that writes things down", "Thirty-eight people in eleven countries. Decisions live in documents, not meetings, so nobody has to be awake at the same time."],
-  ["Room to do it properly", "We are profitable and growing at our own pace. Deadlines are real but rare, and nobody ships at midnight."]
-];
-var VALUES = [
-  ["Calm is a feature", "Clinics are loud. What we build should make the room quieter."],
-  ["Say it plainly", "Short words, real numbers, no surprises: with clinics and with each other."],
-  ["Go and see", "Every one of us spends a day at a clinic each quarter, whatever our job."],
-  ["Leave it better", "Fix the thing next to the thing you came to fix."]
-];
-var PERKS = [
-  ["Four-day weeks in August", "Fridays off all month, every summer, on full pay."],
-  ["\u20AC1,500 a year to learn", "Books, courses, conferences: you choose."],
-  ["Work from anywhere in Europe", "Plus a desk in Lisbon, London or Manchester if you want one."],
-  ["Thirty days of holiday", "Plus your country\u2019s public holidays. Take them."],
-  ["Private health cover", "For you and the people who live with you."],
-  ["Two weeks together a year", "One week in Lisbon in spring, one somewhere new in autumn."]
-];
-var STEPS = [
-  ["A short application", "Your CV or LinkedIn and three questions. Ten minutes, no cover letter."],
-  ["A call with the hiring manager", "Thirty minutes about the role and what you want next."],
-  ["A paid task", "Two to three hours of real work, paid at the role\u2019s day rate."],
-  ["Meet the team", "Two conversations and an answer within a week."]
-];
-var studio_careers_default = defineTemplate({
-  id: "web-studio-careers",
-  meta: {
-    name: "Careers page",
-    description: "A careers site for a small company: why join, values, perks, the open roles and how hiring works, with a page for each role and an Apply button that links to its application form. The roles are a collection you edit as a table. Desktop, laptop, tablet and phone",
-    category: "web",
-    tags: ["careers", "jobs", "hiring", "recruiting", "open roles", "job board", "company", "team", "cms", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["hiring"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  breakpoints: true,
-  build() {
-    const k = new Kit("Careers page", preset("web-desktop"));
-    k.brand(
-      { paper: "#FBFAF7", text: "#14211F", onPaper: "#4E5B58", primary: "#1F6F5C", onPrimary: "#FFFFFF", card: "#ECF2EE", onCard: "#14211F", cardMuted: "#4A5754", line: "#D5DED9" },
-      { name: "Kestrel", email: "jobs@kestrel.health" }
-    );
-    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Brand 20", { size: 20, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 600, lineHeight: 24 });
-    k.textStyle("Kicker 14", { size: 14, fontWeight: 700, letterSpacing: 1.4, lineHeight: 20 });
-    k.textStyle("Display 72", { size: 72, fontWeight: 800, letterSpacing: -2.6, lineHeight: 76 });
-    k.textStyle("Display 44", { size: 44, fontWeight: 800, letterSpacing: -1.4, lineHeight: 50 });
-    k.textStyle("Display 36", { size: 36, fontWeight: 800, letterSpacing: -1, lineHeight: 42 });
-    k.textStyle("H2 40", { size: 40, fontWeight: 800, letterSpacing: -1.2, lineHeight: 46 });
-    k.textStyle("H2 30", { size: 30, fontWeight: 800, letterSpacing: -0.8, lineHeight: 36 });
-    k.textStyle("Lead 21", { size: 21, fontWeight: 400, lineHeight: 32 });
-    k.textStyle("Lead 18", { size: 18, fontWeight: 400, lineHeight: 28 });
-    k.textStyle("Card title 20", { size: 20, fontWeight: 700, letterSpacing: -0.3, lineHeight: 27 });
-    k.textStyle("Body 16", { size: 16, fontWeight: 400, lineHeight: 25 });
-    k.textStyle("Figure 44", { size: 44, fontWeight: 800, letterSpacing: -1.4, lineHeight: 48 });
-    k.textStyle("Meta 15", { size: 15, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Number 15", { size: 15, fontWeight: 800, letterSpacing: 1, lineHeight: 20 });
-    k.textStyle("Footer 14", { size: 14, fontWeight: 400, lineHeight: 20 });
-    buttons(k, { style: "Button 16" });
-    const roles = visitorCollection(k, "Roles", [
-      { name: "Title", type: "TEXT" },
-      { name: "Team", type: "TEXT" },
-      { name: "Location", type: "TEXT" },
-      { name: "Type", type: "TEXT" },
-      { name: "Salary", type: "TEXT" },
-      { name: "Summary", type: "TEXT" },
-      { name: "Does", type: "TEXT" },
-      { name: "Brings", type: "TEXT" },
-      { name: "Apply", type: "URL" }
-    ], ROLES.map((r2) => ({ Title: r2.title, Team: r2.team, Location: r2.location, Type: r2.type, Salary: r2.salary, Summary: r2.summary, Does: r2.does, Brings: r2.brings, Apply: r2.apply })), { perVisitor: false });
-    const section = (parent, kicker, title, name) => {
-      const s = k.stack(parent, { gap: 32, name });
-      const head = k.stack(s, { gap: 12, name: "Section head" });
-      k.text(head, kicker, { style: "Kicker 14", color: "onPaper", name: "Kicker" });
-      k.text(head, title, { style: "H2 40", color: "text", width: 860, name: "Section title" });
-      return s;
-    };
-    const footer = (parent) => {
-      const foot = k.stack(parent, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", gap: 16, name: "Footer" });
-      k.text(foot, "\xA9 2026 Kestrel Health Ltd \xB7 Lisbon, London, Manchester", { style: "Footer 14", color: "onPaper", name: "Copyright" });
-      k.text(foot, "Questions about a role? {{brand.email}}", { style: "Footer 14", color: "onPaper", autoWidth: true, name: "Contact" });
-    };
-    const careers = k.sheet;
-    k.nameSheet(careers, "Careers");
-    route(k, careers, "/careers", { title: "Careers \u2014 Kestrel", description: "Join the team that makes clinics calmer. Open roles in engineering, design, customers and operations." });
-    page(k, careers, { gap: 96, top: 32 });
-    nav(k, careers, { links: ["Product", "Customers", "About", "Careers"], cta: "Open roles", style: "Nav 16", brandStyle: "Brand 20" });
-    const hero = k.stack(careers, { gap: 28, name: "Hero" });
-    k.text(hero, "CAREERS AT KESTREL", { style: "Kicker 14", color: "onPaper", name: "Eyebrow" });
-    k.text(hero, "Build the calm in a clinic\u2019s busiest hour.", { style: "Display 72", color: "text", width: 960, name: "Headline" });
-    k.text(hero, "Kestrel is the booking and front-desk software behind 2,400 clinics in Portugal and the UK. We are thirty-eight people, profitable, and hiring for six roles.", { style: "Lead 21", color: "onPaper", width: 720, name: "Intro" });
-    const ctas = k.stack(hero, { direction: "HORIZONTAL", gap: 14, name: "Hero buttons" });
-    const see = k.instance(ctas, "Button", { Label: "See the open roles" }, { name: "See roles" });
-    k.instance(ctas, "Button quiet", { Label: "How we hire" }, { name: "How we hire button" });
-    const stats = k.stack(hero, { direction: "HORIZONTAL", gap: 24, name: "Stats" });
-    for (const [v, l] of [["38", "people in eleven countries"], ["4.7", "out of 5 from our team on Glassdoor"], ["82%", "of managers promoted from within"]]) {
-      const c = k.stack(stats, { gap: 6, fill: "card", radius: 16, padding: 28, name: "Stat" });
-      k.patch(c, { layoutSizingHorizontal: "FILL" });
-      k.text(c, v, { style: "Figure 44", color: "onCard", name: "Stat value" });
-      k.text(c, l, { style: "Meta 15", color: "cardMuted", name: "Stat label" });
-    }
-    const why = section(careers, "WHY JOIN US", "Small enough to know everyone. Big enough that it matters.", "Why");
-    const whyRow = k.stack(why, { direction: "HORIZONTAL", gap: 40, name: "Why row" });
-    REASONS.forEach(([t, b], i) => {
-      const c = k.stack(whyRow, { gap: 12, name: "Reason" });
-      k.patch(c, { layoutSizingHorizontal: "FILL" });
-      k.rect(c, "FILL", 3, i === 0 ? "primary" : "line", { name: "Reason rule" });
-      k.text(c, t, { style: "Card title 20", color: "text", name: "Reason title" });
-      k.text(c, b, { style: "Body 16", color: "onPaper", name: "Reason text" });
-    });
-    const vals = k.stack(careers, { direction: "HORIZONTAL", gap: 64, fill: "primary", radius: 28, padding: 64, name: "Values" });
-    const vhead = k.stack(vals, { gap: 14, width: 360, name: "Values head" });
-    k.text(vhead, "WHAT WE VALUE", { style: "Kicker 14", color: "onPrimary", name: "Values kicker" });
-    k.text(vhead, "Four things we hold each other to.", { style: "H2 40", color: "onPrimary", name: "Values title" });
-    const vgrid = k.stack(vals, { gap: 28, name: "Values list" });
-    k.patch(vgrid, { layoutSizingHorizontal: "FILL" });
-    VALUES.forEach(([t, b], i) => {
-      const r2 = k.stack(vgrid, { direction: "HORIZONTAL", gap: 20, name: "Value" });
-      k.text(r2, String(i + 1).padStart(2, "0"), { style: "Number 15", color: "onPrimary", width: 36, name: "Value number" });
-      const w = k.stack(r2, { gap: 4, name: "Value words" });
-      k.patch(w, { layoutSizingHorizontal: "FILL" });
-      k.text(w, t, { style: "Card title 20", color: "onPrimary", name: "Value title" });
-      k.text(w, b, { style: "Body 16", color: "onPrimary", name: "Value text" });
-    });
-    const perks = section(careers, "PERKS", "The things people mention when friends ask.", "Perks");
-    const perkGrid = k.stack(perks, { gap: 20, name: "Perk grid" });
-    k.patch(perkGrid, { layoutMode: "GRID", layoutGridColumns: 3, counterAxisSpacing: 20 });
-    for (const [t, b] of PERKS) {
-      const c = k.stack(perkGrid, { gap: 8, fill: "card", radius: 16, padding: 28, name: "Perk" });
-      k.patch(c, { layoutSizingHorizontal: "FILL" });
-      k.text(c, t, { style: "Card title 20", color: "onCard", name: "Perk title" });
-      k.text(c, b, { style: "Body 16", color: "cardMuted", name: "Perk text" });
-    }
-    const open = section(careers, "OPEN ROLES", "Six roles, all open now.", "Open roles");
-    k.patch(see, { semantics: { link: { kind: "anchor", nodeId: open } } });
-    const list = k.stack(open, { gap: 0, name: "Role list" });
-    repeats(k, list, roles.id);
-    const row = k.stack(list, { gap: 0, name: "Role row" });
-    k.rect(row, "FILL", 1, "line", { name: "Rule" });
-    const line = k.stack(row, { direction: "HORIZONTAL", gap: 32, align: "CENTER", padding: { top: 26, right: 0, bottom: 26, left: 0 }, name: "Role line" });
-    const rw = k.stack(line, { gap: 6, name: "Role words" });
-    k.patch(rw, { layoutSizingHorizontal: "FILL" });
-    k.text(rw, "{{item.title}}", { style: "Card title 20", color: "text", name: "Role title" });
-    k.text(rw, "{{item.team}} \xB7 {{item.location}} \xB7 {{item.type}}", { style: "Meta 15", color: "onPaper", name: "Role meta" });
-    k.instance(line, "Button quiet", { Label: "View role" }, { name: "View role" });
-    const hire = section(careers, "HOW WE HIRE", "Four steps, about two weeks, and an answer every time.", "Hiring");
-    const steps = k.stack(hire, { direction: "HORIZONTAL", gap: 24, name: "Steps" });
-    STEPS.forEach(([t, b], i) => {
-      const c = k.stack(steps, { gap: 10, name: "Step" });
-      k.patch(c, { layoutSizingHorizontal: "FILL" });
-      k.text(c, `STEP ${i + 1}`, { style: "Number 15", color: "onPaper", name: "Step number" });
-      k.text(c, t, { style: "Card title 20", color: "text", name: "Step title" });
-      k.text(c, b, { style: "Body 16", color: "onPaper", name: "Step text" });
-    });
-    const band = k.stack(careers, { direction: "HORIZONTAL", gap: 32, align: "CENTER", justify: "SPACE_BETWEEN", fill: "card", radius: 24, padding: 48, name: "Open application" });
-    const bw = k.stack(band, { gap: 8, name: "Open application words" });
-    k.patch(bw, { layoutSizingHorizontal: "FILL" });
-    k.text(bw, "Nothing that fits yet?", { style: "H2 30", color: "onCard", name: "Band title" });
-    k.text(bw, "Write to {{brand.email}} with what you would do here. We read every one.", { style: "Body 16", color: "cardMuted", name: "Band text" });
-    const write = k.instance(band, "Button", { Label: "Write to us" }, { name: "Write button" });
-    k.patch(write, { semantics: { link: { kind: "email", value: "{{brand.email}}" } } });
-    footer(careers);
-    const role = k.addScreen("Role");
-    route(k, role, "/careers", { title: "{{item.title}} \u2014 Careers at Kestrel", description: "{{item.summary}}" });
-    k.patch(role, { route: { ...k.node(role).route, collectionId: roles.id } });
-    page(k, role, { gap: 72, top: 32 });
-    nav(k, role, { links: ["Product", "Customers", "About", "Careers"], cta: "Open roles", style: "Nav 16", brandStyle: "Brand 20" });
-    k.link(row, role, "DISSOLVE");
-    const rhead = k.stack(role, { gap: 20, name: "Role head" });
-    const back = k.text(rhead, "Back to all open roles", { style: "Meta 15", color: "text", name: "Back" });
-    k.link(back, careers, "DISSOLVE");
-    k.text(rhead, "{{item.title}}", { style: "Display 72", color: "text", width: 960, name: "Role headline" });
-    k.text(rhead, "{{item.summary}}", { style: "Lead 21", color: "onPaper", width: 760, name: "Role summary" });
-    const facts = k.stack(rhead, { direction: "HORIZONTAL", gap: 16, wrap: true, name: "Facts" });
-    for (const [label, token] of [["Team", "{{item.team}}"], ["Where", "{{item.location}}"], ["Hours", "{{item.type}}"], ["Pay", "{{item.salary}}"]]) {
-      const f = k.stack(facts, { gap: 2, fill: "card", radius: 12, padding: { top: 14, right: 20, bottom: 14, left: 20 }, width: "HUG", name: "Fact" });
-      k.text(f, label.toUpperCase(), { style: "Number 15", color: "cardMuted", autoWidth: true, name: "Fact label" });
-      k.text(f, token, { style: "Card title 20", color: "onCard", autoWidth: true, name: "Fact value" });
-    }
-    const detail = k.stack(role, { direction: "HORIZONTAL", gap: 64, align: "MIN", name: "Role detail" });
-    const cols = k.stack(detail, { gap: 48, name: "Role text" });
-    k.patch(cols, { layoutSizingHorizontal: "FILL" });
-    for (const [title, token] of [["What you will do", "{{item.does}}"], ["What you will bring", "{{item.brings}}"]]) {
-      const b = k.stack(cols, { gap: 16, name: "Role block" });
-      k.text(b, title, { style: "H2 30", color: "text", name: "Block title" });
-      k.text(b, token, { style: "Lead 18", color: "text", name: "Block text" });
-    }
-    const applyCard = k.stack(detail, { gap: 16, width: 380, fill: "primary", radius: 24, padding: 36, name: "Apply card" });
-    k.text(applyCard, "Apply in ten minutes", { style: "H2 30", color: "onPrimary", name: "Apply title" });
-    k.text(applyCard, "Your CV or LinkedIn and three short questions. You will hear from a person within five working days.", { style: "Body 16", color: "onPrimary", name: "Apply text" });
-    const apply = k.stack(applyCard, { direction: "HORIZONTAL", width: "HUG", fill: "paper", radius: 10, padding: { top: 14, right: 24, bottom: 14, left: 24 }, name: "Apply button" });
-    k.text(apply, "Apply for this role", { style: "Button 16", color: "text", autoWidth: true, name: "Apply label" });
-    k.patch(apply, { semantics: { link: { kind: "url", url: "{{item.apply}}" } } });
-    footer(role);
-    const r = {
-      stack: ["Why row", "Values", "Steps", "Open application", "Role detail", "Footer"],
-      stackMobile: ["Stats", "Hero buttons", "Role line"],
-      restyle: { "Display 72": { laptop: "Display 72", tablet: "Display 44", mobile: "Display 36" }, "H2 40": { tablet: "H2 30", mobile: "H2 30" }, "Lead 21": { mobile: "Lead 18" } },
-      gap: { tablet: 72, mobile: 56 },
-      // On the phone the whole row is the link: the button would only centre itself under the words.
-      hide: { mobile: ["View role"] },
-      tweak: (kit, id, size) => {
-        if (size === "desktop") return;
-        const narrow = size === "tablet" || size === "mobile";
-        for (const g of kit.named(id, "Perk grid")) kit.patch(g, { layoutGridColumns: size === "mobile" ? 1 : 2 });
-        for (const name of ["Headline", "Intro", "Section title", "Role headline", "Role summary"]) for (const t of kit.named(id, name)) if (narrow || kit.node(t).width > kit.node(id).width - BREAKPOINTS[size].side * 2) kit.patch(t, { layoutSizingHorizontal: "FILL" });
-        if (narrow) for (const n of [...kit.named(id, "Values head"), ...kit.named(id, "Apply card")]) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        if (size === "mobile") for (const n of [...kit.named(id, "Values"), ...kit.named(id, "Open application"), ...kit.named(id, "Apply card")]) kit.patch(n, { padding: { top: 32, right: 24, bottom: 32, left: 24 } });
-      }
-    };
-    const careerCopies = webResponsive(k, careers, r);
-    const roleCopies = webResponsive(k, role, r);
-    const below = Math.max(...[careers, ...careerCopies].map((id) => k.node(id).height)) + 240;
-    for (const id of [role, ...roleCopies]) k.patch(id, { y: below });
-    k.patch(role, { x: 0 });
-    let x = k.node(role).width + 120;
-    for (const id of roleCopies) {
-      k.patch(id, { x });
-      x += k.node(id).width + 120;
-    }
-    k.flowStart(careers, "Careers");
-    return k.finish();
-  }
-});
-
-export {
-  studio_careers_default
-};