@popcraft/kit 0.53.4 → 0.53.6

package/dist/chunks/chunk-WMGGQIXP.js

@@ -1,55 +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 {
-  loadEntitlements
-} from "./chunk-7SMURRFY.js";
-import {
-  activeHyperyTeamId,
-  activeTeamWorkspaceId,
-  useHyperyTeam
-} from "./chunk-KNX2GNJW.js";
-import {
-  inAppPurchases
-} from "./chunk-KWUXHRXD.js";
-import {
-  accessToken
-} from "./chunk-L47OWSXA.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// lib/hypery/client.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-
-// lib/hypery/shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var HYPERY_TEAM_HEADER = "x-hypery-active-organization-id";
-var HYPERY_PAYMENT_SOURCE_HEADER = "x-hypery-payment-source";
-
-// lib/hypery/client.ts
-async function paymentSourceHeaders() {
-  if (!inAppPurchases()) return {};
-  const workspaceId = activeTeamWorkspaceId() ?? useHyperyTeam.getState().personalWorkspaceId;
-  const ent = workspaceId ? await loadEntitlements(workspaceId).catch(() => null) : null;
-  return ent?.appStoreOnly ? { [HYPERY_PAYMENT_SOURCE_HEADER]: "credits" } : {};
-}
-async function hyperyRequestHeaders() {
-  const token = await accessToken();
-  if (!token) return null;
-  const headers = new Headers({ authorization: `Bearer ${token}` });
-  const team = activeHyperyTeamId();
-  if (team) headers.set(HYPERY_TEAM_HEADER, team);
-  for (const [k, v] of Object.entries(await paymentSourceHeaders())) headers.set(k, v);
-  return headers;
-}
-
-export {
-  HYPERY_TEAM_HEADER,
-  HYPERY_PAYMENT_SOURCE_HEADER,
-  paymentSourceHeaders,
-  hyperyRequestHeaders
-};

package/dist/chunks/chunk-WPL27RZ2.js

@@ -1,33 +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 {
-  diwali_landing_default
-} from "./chunk-SFLML4IY.js";
-import {
-  diwali_link_preview_default
-} from "./chunk-H4OSLAKJ.js";
-import {
-  diwali_thanks_post_default
-} from "./chunk-V7GIL5PE.js";
-import {
-  diwali_lamps_reel_default
-} from "./chunk-D2PIQ6WC.js";
-import {
-  diwali_header_default
-} from "./chunk-WINGRN6G.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/themes/diwali.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [diwali_lamps_reel_default, diwali_landing_default, diwali_thanks_post_default, diwali_header_default, diwali_link_preview_default];
-var diwali_default = pack;
-
-export {
-  diwali_default
-};

package/dist/chunks/chunk-WPZEMUVS.js

@@ -1,41 +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 {
-  defineDeck
-} from "./chunk-46GPUEX4.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/slides/webinar.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var webinar_default = defineDeck({
-  id: "slides-webinar",
-  meta: {
-    name: "Webinar deck",
-    description: "A bright deck built to be read over a video call \u2014 the agenda builds point by point on click",
-    category: "presentation",
-    tags: ["webinar", "talk", "deck", "builds"],
-    platforms: ["slides"],
-    formats: ["slide-deck"],
-    useCases: ["livestream", "education"],
-    created: "2026-09-23",
-    updated: "2026-09-29"
-  },
-  colors: { primary: "#312E81", onPrimary: "#FFFFFF", accent: "#B45309", onAccent: "#FFFFFF", paper: "#FFFFFF", text: "#312E81", onPaper: "#4F46E5" },
-  fields: { company: "Brightside", title: "Auto layout, properly", lead: "Forty minutes, no slides about slides" },
-  slides: [
-    { kind: "title", name: "Title slide", kicker: "LIVE SESSION", title: "{{brand.title}}", lead: "{{brand.lead}}" },
-    { kind: "points", name: "We will cover", heading: "We will cover", points: ["Hug, fill and fixed \u2014 and when each is wrong", "Nesting without building a matryoshka", "The three constraints that replace fifty frames"] },
-    { kind: "stats", name: "Format", heading: "Format", stats: [{ figure: "40", label: "minutes" }, { figure: "3", label: "live rebuilds" }, { figure: "\u221E", label: "questions" }] },
-    { kind: "closing", name: "Closing", title: "Thanks for coming.", line: "{{brand.company}}", ground: "accent" }
-  ]
-});
-
-export {
-  webinar_default
-};

package/dist/chunks/chunk-WQERNW56.js

@@ -1,60 +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 {
-  caption,
-  comicMeta,
-  comicSetup,
-  pageGrid,
-  panel,
-  rows,
-  say,
-  tier,
-  tierBox
-} from "./chunk-6PIIQOOV.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/print/comic-modern-polyptych.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function dawnPage(k, sheet) {
-  const g = 10, { W, H } = pageGrid(k, sheet, 36, g);
-  const [h1, h2] = rows(H, g, [64, 36]);
-  const t1 = tierBox(k, sheet, W, h1, "The lights");
-  const grounds = ["g1", "g3", "g1", "g3"];
-  tier(W, h1, [1, 1, 1, 1], g).forEach((f, i) => panel(k, t1, f, { art: "poly", world: { x: 0, y: 0, w: W, h: h1 } }, { ground: grounds[i], name: `Dawn ${i + 1}` }));
-  caption(k, t1, "At midnight he pushed the lever back, and the city came home, block by block.", { x: 12, y: 12, width: 210 });
-  const t2 = tierBox(k, sheet, W, h2, "Close-ups");
-  const [a, b] = tier(W, h2, [1, 1], g);
-  panel(k, t2, a, { art: "rad-teo", focus: [0.6, 0.6] }, { ground: "g2", name: "Teo" });
-  panel(k, t2, b, { art: "rad-lamp", focus: [0.55, 0.4] }, { ground: "g4", name: "The Lamplighter" });
-  say(k, t2, "Can we come back next year?", { x: 12, y: 10, width: 120, to: { x: a.width * 0.66, y: h2 * 0.5 } });
-  say(k, t2, "Same time next year. Bring a flask.", { x: b.x + b.width - 140, y: h2 - 84, width: 128, to: { x: b.x + b.width * 0.5, y: h2 * 0.5 } });
-}
-var comic_modern_polyptych_default = defineTemplate({
-  id: "comic-polyptych",
-  meta: comicMeta("Polyptych page", 'Page nine of "The Long Night", in modern painted comic art: dawn over Harbour City as its lights return, one view cut into four tall frames with Ada, Teo and the Lamplighter at the rail, then two close-ups', ["polyptych", "dawn"]),
-  stableNumbers: true,
-  build() {
-    const k = new Kit("Polyptych page", preset("comic-page"));
-    comicSetup(k);
-    dawnPage(k, k.sheet);
-    return k.finish();
-  }
-});
-
-export {
-  dawnPage,
-  comic_modern_polyptych_default
-};

package/dist/chunks/chunk-WRA2FDZM.js

@@ -1,173 +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 {
-  BREAKPOINTS,
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  resizePhoto
-} from "./chunk-KOAJ6HD2.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/product-page.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var SPECS = [
-  ["Volume", "28 litres"],
-  ["Weight", "1.02 kg"],
-  ["Back length", "S/M 41\u201346 cm \xB7 M/L 46\u201352 cm"],
-  ["Fabric", "210D recycled ripstop, PFAS-free coating"],
-  ["Laptop sleeve", "Fits a 16-inch laptop"],
-  ["Warranty", "Lifetime, repairs included"]
-];
-var FEATURES = [
-  ["Carries like a bigger pack", "A ventilated back panel and a hip belt that takes the weight off your shoulders on a long day."],
-  ["Opens all the way", "A clamshell zip lays the main pocket flat, so the thing you need is never at the bottom."],
-  ["Made to be mended", "Replaceable buckles and straps, and free repairs for as long as you own it."]
-];
-var REVIEWS = [
-  ["Great for a day in the hills", "Took it up Snowdon in the rain and everything stayed dry. The hip belt pockets fit my phone and a bar each.", "Hannah W., Manchester \xB7 Size M/L"],
-  ["My commute bag now too", "Laptop, lunch and a jacket with room to spare, and it doesn\u2019t look like a hiking pack on the train.", "Tom\xE1s R., Bristol \xB7 Size S/M"]
-];
-var product_page_default = defineTemplate({
-  id: "web-product-page",
-  meta: {
-    name: "Product page",
-    description: "An online-shop product page: a photo gallery, price and rating, colour and size pickers, add to cart, features, specs and reviews \u2014 desktop, laptop, tablet and phone",
-    category: "web",
-    tags: ["product page", "ecommerce", "shop", "store", "product detail", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["sale", "launch"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  breakpoints: true,
-  build() {
-    const k = new Kit("Product page", preset("web-desktop"));
-    k.brand(
-      { paper: "#FFFFFF", text: "#17201B", onPaper: "#56615A", primary: "#23513B", onPrimary: "#FFFFFF", photo: "#E6EAE4", slate: "#4A5561", moss: "#5E7A4A", rust: "#A5532E", star: "#C98A12", tint: "#F1F4EF", onTint: "#17201B", tintMuted: "#56615A", line: "#DDE2DC" },
-      { name: "Altitude Supply" }
-    );
-    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("Crumb 14", { size: 14, fontWeight: 400, lineHeight: 20 });
-    k.textStyle("Product 40", { size: 40, fontWeight: 800, letterSpacing: -1, lineHeight: 46 });
-    k.textStyle("Product 32", { size: 32, fontWeight: 800, letterSpacing: -0.8, lineHeight: 38 });
-    k.textStyle("Rating 15", { size: 15, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Price 28", { size: 28, fontWeight: 700, letterSpacing: -0.4, lineHeight: 34 });
-    k.textStyle("Body 16", { size: 16, fontWeight: 400, lineHeight: 25 });
-    k.textStyle("Label 14", { size: 14, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Size 15", { size: 15, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Small 14", { size: 14, fontWeight: 400, lineHeight: 20 });
-    k.textStyle("Section 28", { size: 28, fontWeight: 800, letterSpacing: -0.5, lineHeight: 36 });
-    k.textStyle("Feature 18", { size: 18, fontWeight: 700, lineHeight: 25 });
-    k.textStyle("Spec 15", { size: 15, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Footer 14", { size: 14, fontWeight: 400, lineHeight: 20 });
-    buttons(k, { style: "Button 16", pad: [16, 28] });
-    k.variantSet("Size option", "State", ["Default", "Selected"], { direction: "HORIZONTAL", width: "HUG", radius: 10, padding: { top: 12, right: 18, bottom: 12, left: 18 }, props: { Label: "M/L" }, description: "One size to pick; the selected one is outlined in ink." }, (state, id) => {
-      k.propText(id, "Label", { style: "Size 15", color: "text", autoWidth: true });
-    }, (state) => ({ stroke: { color: state === "Selected" ? "text" : "line", width: state === "Selected" ? 2 : 1 } }));
-    k.changeTo("Size option/Default", "ON_CLICK", "Size option/Selected", 120);
-    k.changeTo("Size option/Selected", "ON_CLICK", "Size option/Default", 120);
-    k.component("Stars", { direction: "HORIZONTAL", width: "HUG", gap: 2, props: {} }, (id) => {
-      for (let i = 0; i < 5; i++) k.star(id, 16, "star", { name: "Star" });
-    });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 56, top: 32 });
-    nav(k, sheet, { links: ["Packs", "Shelter", "Clothing", "Repairs"], cta: "Basket (0)", style: "Nav 16", brandStyle: "Brand 20", quiet: true });
-    k.text(sheet, "Packs  /  Daypacks  /  Ridge 28", { style: "Crumb 14", color: "onPaper", name: "Breadcrumb" });
-    const main = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, name: "Main" });
-    const gallery = k.stack(main, { width: 680, gap: 12, name: "Gallery" });
-    k.photo(gallery, 680, 680, { radius: 18, ground: "photo", name: "Hero photo" });
-    const thumbs = k.stack(gallery, { direction: "HORIZONTAL", gap: 12, name: "Thumbnails" });
-    for (let i = 0; i < 4; i++) k.photo(thumbs, 161, 161, { radius: 12, ground: "photo", name: "Thumbnail" });
-    const info = k.stack(main, { gap: 22, name: "Info" });
-    k.text(info, "Ridge 28 Daypack", { style: "Product 40", color: "text", name: "Product name" });
-    const rating = k.stack(info, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Rating" });
-    k.instance(rating, "Stars", {}, { name: "Stars" });
-    k.text(rating, "4.8 \xB7 312 reviews", { style: "Rating 15", color: "onPaper", autoWidth: true, name: "Review count" });
-    k.text(info, "$168", { style: "Price 28", color: "text", name: "Price" });
-    k.text(info, "A 28-litre pack for long days out and the commute home: a breathable back, a clamshell opening and a sleeve for your laptop.", { style: "Body 16", color: "onPaper", name: "Summary" });
-    const colour = k.stack(info, { gap: 10, name: "Colour" });
-    k.text(colour, "Colour \u2014 Moss", { style: "Label 14", color: "text", name: "Colour label" });
-    const sw = k.stack(colour, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Swatches" });
-    for (const role of ["slate", "moss", "rust"]) k.ellipse(sw, 32, role, { name: "Swatch", ...role === "moss" ? { stroke: { color: "text", width: 2 } } : {} });
-    const size = k.stack(info, { gap: 10, name: "Size" });
-    k.text(size, "Back length", { style: "Label 14", color: "text", name: "Size label" });
-    const sizes = k.stack(size, { direction: "HORIZONTAL", gap: 10, name: "Sizes" });
-    k.instance(sizes, "Size option/Default", { Label: "S/M" }, { name: "Size option" });
-    k.instance(sizes, "Size option/Selected", { Label: "M/L" }, { name: "Size option" });
-    k.instance(info, "Button", { Label: "Add to basket \u2014 $168" }, { name: "Add to basket" });
-    const ship = k.stack(info, { gap: 6, fill: "tint", radius: 12, padding: 16, name: "Delivery" });
-    k.text(ship, "Free delivery over $100 \xB7 ships in 1\u20132 working days", { style: "Small 14", color: "onTint", name: "Delivery line" });
-    k.text(ship, "Free returns for 60 days, even if you\u2019ve used it on the trail.", { style: "Small 14", color: "tintMuted", name: "Returns line" });
-    const built = k.stack(sheet, { gap: 24, name: "Built for" });
-    k.text(built, "Built for long days", { style: "Section 28", color: "text", name: "Built title" });
-    const row = k.stack(built, { direction: "HORIZONTAL", gap: 24, name: "Feature row" });
-    for (const [t, b] of FEATURES) {
-      const c = k.stack(row, { gap: 8, fill: "tint", radius: 16, padding: 24, name: "Feature" });
-      k.text(c, t, { style: "Feature 18", color: "onTint", name: "Feature title" });
-      k.text(c, b, { style: "Body 16", color: "tintMuted", name: "Feature body" });
-    }
-    const lower = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, name: "Details" });
-    const specs = k.stack(lower, { gap: 20, name: "Specs" });
-    k.text(specs, "Specifications", { style: "Section 28", color: "text", name: "Specs title" });
-    const table = k.stack(specs, { fill: "tint", radius: 16, padding: { top: 8, right: 24, bottom: 8, left: 24 }, name: "Spec table" });
-    for (const [a, b] of SPECS) {
-      const r = k.stack(table, { direction: "HORIZONTAL", gap: 16, justify: "SPACE_BETWEEN", padding: { top: 14, right: 0, bottom: 14, left: 0 }, name: "Spec" });
-      k.text(r, a, { style: "Spec 15", color: "tintMuted", autoWidth: true, name: "Spec name" });
-      k.text(r, b, { style: "Spec 15", color: "onTint", align: "RIGHT", name: "Spec value" });
-    }
-    const reviews = k.stack(lower, { gap: 20, name: "Reviews" });
-    k.text(reviews, "What people say", { style: "Section 28", color: "text", name: "Reviews title" });
-    for (const [t, b, who] of REVIEWS) {
-      const c = k.stack(reviews, { gap: 8, radius: 16, stroke: { color: "line", width: 1 }, padding: 24, name: "Review" });
-      k.instance(c, "Stars", {}, { name: "Stars" });
-      k.text(c, t, { style: "Feature 18", color: "text", name: "Review title" });
-      k.text(c, b, { style: "Body 16", color: "onPaper", name: "Review body" });
-      k.text(c, who, { style: "Small 14", color: "onPaper", name: "Reviewer" });
-    }
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", gap: 16, name: "Footer" });
-    k.text(foot, "\xA9 2026 {{brand.name}} \xB7 Kendal, Cumbria \xB7 Repairs at every shop, for life", { style: "Footer 14", color: "onPaper", name: "Copyright" });
-    k.text(foot, "Delivery \xB7 Returns \xB7 Contact", { style: "Footer 14", color: "onPaper", autoWidth: true, name: "Links" });
-    webResponsive(k, sheet, {
-      stack: ["Main", "Feature row", "Details", "Footer"],
-      restyle: { "Product 40": { mobile: "Product 32" } },
-      hide: { mobile: ["Nav links"] },
-      gap: { mobile: 40 },
-      tweak: (kit, id, sz) => {
-        const inner = kit.node(id).width - BREAKPOINTS[sz].side * 2;
-        const g = sz === "laptop" ? 600 : inner;
-        for (const n of kit.named(id, "Gallery")) kit.patch(n, { width: g, layoutSizingHorizontal: "FIXED" });
-        for (const p of kit.named(id, "Hero photo")) resizePhoto(kit, p, g, g);
-        for (const p of kit.named(id, "Thumbnail")) {
-          const t = Math.floor((g - 36) / 4);
-          resizePhoto(kit, p, t, t);
-        }
-        if (sz === "laptop") for (const n of kit.named(id, "Main")) kit.patch(n, { itemSpacing: 48 });
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  product_page_default
-};

package/dist/chunks/chunk-WTTNGUWO.js

@@ -1,284 +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 {
-  body,
-  drop,
-  edge,
-  figure,
-  label,
-  shout,
-  slab,
-  sticker,
-  tag,
-  tollBrand
-} from "./chunk-BDCAQSRZ.js";
-import {
-  tick
-} from "./chunk-2VFVKPUT.js";
-import {
-  compactNav,
-  footer,
-  respond,
-  rule,
-  typeScale
-} from "./chunk-YHF6LRMF.js";
-import {
-  buttons,
-  nav,
-  page
-} 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/style-brutalist-pricing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var PLANS = [
-  { name: "STALL", pitch: "For your first file, and your first sale.", month: 0, year: 0, toll: "5% TOLL A SALE", features: ["3 products, 1 GB a file", "Pay what you want", "Paid out every Friday", "Tax collected and filed for you"], fill: "card", ink: "onCard", mute: "cardMuted", button: "OPEN A STALL" },
-  { name: "BOOTH", pitch: "For when the files pay a bill or two.", month: 15, year: 12, toll: "NO TOLL", features: ["Unlimited products, 5 GB a file", "Discount codes and bundles", "Your own domain on the checkout", "Licence keys for fonts and software"], fill: "primary", ink: "onPrimary", mute: "onPrimary", button: "OPEN A BOOTH" },
-  { name: "PLAZA", pitch: "For a small studio selling together.", month: 39, year: 31, toll: "NO TOLL", features: ["Everything in Booth, 20 GB a file", "Five seats, each with its own login", "Split a sale between collaborators", "Paid out daily"], fill: "text", ink: "onText", mute: "onText", button: "OPEN A PLAZA" }
-];
-var TABLE = [
-  ["Toll on each sale", "5%", "0%", "0%"],
-  ["Products", "3", "No limit", "No limit"],
-  ["Largest file", "1 GB", "5 GB", "20 GB"],
-  ["Pay what you want", true, true, true],
-  ["Tax filed for you", true, true, true],
-  ["Discount codes", false, true, true],
-  ["Your own domain", false, true, true],
-  ["Licence keys", false, true, true],
-  ["Seats", "1", "1", "5"],
-  ["Payouts", "Fridays", "Fridays", "Daily"]
-];
-var FAQ = [
-  ["Is the toll on top of card fees?", "Yes. The card processor takes its own cut of every payment (about 2.9% and 30 cents), on every plan, and we pass it through at cost. The toll is ours."],
-  ["When is Booth cheaper than Stall?", "Once you sell more than $300 a month. Below that, stay on Stall: we would rather you kept the money."],
-  ["Can I switch plans, or stop?", "Any time, from one page. Moving down takes effect at the end of the period you paid for. Your links keep working on every plan."],
-  ["Do yearly plans renew?", "Yes, and we email you two weeks before. A yearly plan is refunded in full inside its first 30 days."]
-];
-var CELL = { desktop: 200, laptop: 190, tablet: 130, mobile: 68 };
-var style_brutalist_pricing_default = defineTemplate({
-  id: "web-saas-style-brutalist-pricing",
-  meta: {
-    name: "Brutalist SaaS pricing page",
-    description: "A neo-brutalist pricing page whose monthly / yearly switch works in present mode: a square knob snaps across and a variable flips every price at once. Three plan blocks in three colours with the middle one stickered, a comparison table with drawn ticks, an FAQ and a last block. Acid lime, black rules and hard shadows, desktop to phone",
-    category: "web",
-    tags: ["saas", "pricing", "plans", "toggle", "interactive", "variables", "comparison table", "faq", "neo-brutalist", "brutalism", "bold", "creator tool", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["pricing", "launch", "comparison"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  build() {
-    const k = new Kit("Brutalist SaaS pricing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    tollBrand(k, ["paper", "text", "onText", "onPaper", "primary", "onPrimary", "accent", "onAccent", "card", "onCard", "cardMuted"]);
-    const monthly = k.variable("Billing", "monthly", "BOOLEAN", true);
-    const yearly = k.variable("Billing", "yearly", "BOOLEAN", false);
-    const s = typeScale(k, {
-      "Nav 16": body(16, 700),
-      "Brand 22": shout(22, { leading: 1.25 }),
-      "Button 16": body(16, 800),
-      "Slab 20": shout(20, { leading: 1.3 }),
-      "Tag 13": label(13),
-      "Tag 15": label(15),
-      "Switch 18": label(18),
-      "Shout 128": shout(128),
-      "Shout 112": shout(112),
-      "Shout 80": shout(80),
-      "Shout 48": shout(48, { leading: 0.94 }),
-      "Shout 72": shout(72),
-      "Shout 56": shout(56),
-      "Shout 38": shout(38, { leading: 0.96 }),
-      "Plan 44": shout(44, { leading: 1 }),
-      "Price 120": figure(120),
-      "Price 96": figure(96),
-      "Lead 22": body(22, 500),
-      "Lead 18": body(18, 500),
-      "Body 17": body(17, 500),
-      "Body 15": body(15, 600),
-      "Small 14": body(14, 600),
-      "Foot head 14": body(14, 900),
-      "Row 18": body(18, 700),
-      "Row 14": body(14, 700),
-      "Cell 18": { ...figure(18), textAlign: "CENTER" },
-      "Cell 13": { ...figure(13), textAlign: "CENTER" },
-      "Head 22": shout(22, { leading: 1.2, center: true }),
-      "Head 13": shout(13, { leading: 1.2, center: true }),
-      "Question 28": shout(28, { leading: 1.05 }),
-      "Sticker 30": shout(30, { center: true, leading: 0.95 }),
-      "Sticker 13": label(13, { center: true })
-    });
-    buttons(k, { style: s("Button 16"), pad: [12, 20], radius: 0 });
-    k.variantSet("Billing switch", "Billing", ["Monthly", "Yearly"], {
-      direction: "HORIZONTAL",
-      width: "HUG",
-      gap: 16,
-      align: "CENTER",
-      description: "Monthly or yearly billing: click to switch, and the knob snaps across. On the pricing page the click also flips the billing variables every price is bound to.",
-      props: { Left: "MONTHLY", Right: "YEARLY" }
-    }, (state, id) => {
-      k.propText(id, "Left", { style: s("Switch 18"), color: "onCard", autoWidth: true });
-      const track = k.stack(id, { direction: "HORIZONTAL", width: 96, height: 48, padding: 7, align: "CENTER", justify: state === "Yearly" ? "MAX" : "MIN", fill: state === "Yearly" ? "primary" : "accent", stroke: edge(4), name: "Track" });
-      k.rect(track, 34, 34, "text", { name: "Knob" });
-      k.propText(id, "Right", { style: s("Switch 18"), color: "onCard", autoWidth: true });
-    });
-    k.changeTo("Billing switch/Monthly", "ON_CLICK", "Billing switch/Yearly", 160, "EASE_OUT");
-    k.changeTo("Billing switch/Yearly", "ON_CLICK", "Billing switch/Monthly", 160, "EASE_OUT");
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 88, top: 28 });
-    nav(k, sheet, { links: ["How it works", "What you keep", "Pricing", "FAQ"], cta: "Open your booth", style: s("Nav 16"), brandStyle: s("Brand 22") });
-    for (const id of k.named(sheet, "Logo tile")) k.patch(id, { cornerRadius: 0 });
-    const head = k.stack(sheet, { gap: 36, name: "Header" });
-    k.text(head, "PAY NOTHING UNTIL YOU SELL.", { style: s("Shout 128"), color: "text", name: "Headline" });
-    const sub = k.stack(head, { direction: "HORIZONTAL", gap: 48, align: "CENTER", name: "Header row" });
-    k.text(sub, "Start on Stall for $0 and a 5% toll. When the toll costs more than a plan would, trade it for a flat fee. Pay yearly and two months are on us.", { style: s("Lead 22"), color: "onPaper", name: "Lead" });
-    const sw = slab(k, sub, { direction: "HORIZONTAL", width: "HUG", gap: 18, align: "CENTER", fill: "card", rule: 4, shadow: 8, padding: { top: 16, right: 22, bottom: 16, left: 22 }, name: "Switch block" });
-    const toggle = k.instance(sw, "Billing switch", { Left: "MONTHLY", Right: "YEARLY" }, { name: "Billing toggle" });
-    k.setVariable(toggle, monthly, { toggle: true });
-    k.setVariable(toggle, yearly, { toggle: true });
-    tag(k, sw, "2 MONTHS FREE", { style: s("Tag 13"), fill: "paper", ink: "text", name: "Saving" });
-    const plans = k.stack(sheet, { direction: "HORIZONTAL", gap: 28, name: "Plans" });
-    for (const p of PLANS) {
-      const card = slab(k, plans, { ...p.name === "BOOTH" ? {} : { height: "FILL" }, gap: 18, fill: p.fill, shadow: 12, padding: 32, name: "Plan" });
-      const top = k.stack(card, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", gap: 12, name: "Plan head" });
-      k.text(top, p.name, { style: s("Plan 44"), color: p.ink, autoWidth: true, name: "Plan name" });
-      tag(k, top, p.toll, { style: s("Tag 13"), fill: p.fill === "card" ? "paper" : "card", ink: p.fill === "card" ? "text" : "onCard", name: "Toll" });
-      k.text(card, p.pitch, { style: s("Body 17"), color: p.mute, name: "Pitch" });
-      const price = k.stack(card, { name: "Price" });
-      const block = (which) => {
-        const b = k.stack(price, { gap: 2, fill: p.fill, name: `${which} price` });
-        const now = which === "Monthly" ? p.month : p.year;
-        k.text(b, `$${now}`, { style: s("Price 120"), color: p.ink, name: "Amount" });
-        k.text(b, p.month === 0 ? "a month, for as long as you like." : which === "Monthly" ? "a month, billed monthly. Stop any time." : `a month, billed $${p.year * 12} a year. You save $${(p.month - p.year) * 12}.`, { style: s("Body 15"), color: p.mute, name: "Billed" });
-        return b;
-      };
-      k.bindVariable(block("Monthly"), "visible", monthly);
-      k.bindVariable(block("Yearly"), "visible", yearly);
-      const go = k.stack(card, { direction: "HORIZONTAL", justify: "CENTER", fill: p.fill === "text" ? "primary" : "text", stroke: edge(4, p.fill === "text" ? "card" : "text"), padding: { top: 16, right: 20, bottom: 16, left: 20 }, name: "Plan button" });
-      k.text(go, p.button, { style: s("Slab 20"), color: p.fill === "text" ? "onPrimary" : "onText", autoWidth: true, name: "Plan button words" });
-      const list = k.stack(card, { gap: 12, padding: { top: 6, right: 0, bottom: 0, left: 0 }, name: "Features" });
-      for (const f of p.features) {
-        const row = k.stack(list, { direction: "HORIZONTAL", gap: 10, name: "Feature" });
-        tick(k, row, 22, p.ink, { weight: 4 });
-        k.text(row, f, { style: s("Body 15"), color: p.ink, name: "Feature words" });
-      }
-    }
-    const badge = sticker(k, plans, { size: 132, teeth: 14, fill: "accent", ink: "onAccent", big: "TOP\nPICK", small: "PAYS AT $300", bigStyle: s("Sticker 30"), smallStyle: s("Sticker 13"), name: "Plan sticker", tilt: 12, shadow: 7, absolute: { x: 716, y: -104 } });
-    void badge;
-    const table = k.stack(sheet, { gap: 28, name: "Compare" });
-    k.text(table, "LINE BY LINE.", { style: s("Shout 72"), color: "text", name: "Compare title" });
-    const grid = slab(k, table, { fill: "card", shadow: 12, padding: 6, name: "Table" });
-    const headRow = k.stack(grid, { direction: "HORIZONTAL", fill: "text", align: "CENTER", padding: { top: 14, right: 0, bottom: 14, left: 24 }, name: "Table head" });
-    k.text(headRow, "WHAT YOU GET", { style: s("Tag 15"), color: "onText", name: "Table corner" });
-    for (const p of PLANS) {
-      const c = k.stack(headRow, { width: CELL.desktop, name: "Head cell" });
-      k.text(c, p.name, { style: s("Head 22"), color: "onText", name: "Head plan" });
-    }
-    TABLE.forEach(([what, ...cells], r) => {
-      const row = k.stack(grid, { direction: "HORIZONTAL", align: "CENTER", fill: r % 2 ? k.tint("accent", 0.2) : "card", padding: { top: 14, right: 0, bottom: 14, left: 24 }, name: "Table row" });
-      k.text(row, what, { style: s("Row 18"), color: "onCard", name: "Row name" });
-      for (const c of cells) {
-        const cell = k.stack(row, { width: CELL.desktop, align: "CENTER", name: "Cell" });
-        if (c === true) tick(k, cell, 26, "onCard", { weight: 5 });
-        else if (c === false) k.rect(cell, 18, 4, "cardMuted", { name: "Dash" });
-        else k.text(cell, c, { style: s("Cell 18"), color: "onCard", name: "Cell words" });
-      }
-    });
-    const faq = k.stack(sheet, { gap: 28, name: "FAQ" });
-    k.text(faq, "ASK BEFORE YOU PAY.", { style: s("Shout 72"), color: "text", name: "FAQ title" });
-    const answers = k.stack(faq, { name: "Answers" });
-    for (const [q, a] of FAQ) {
-      rule(k, answers, "text", { weight: 4 });
-      const item = k.stack(answers, { direction: "HORIZONTAL", gap: 40, padding: { top: 22, right: 0, bottom: 26, left: 0 }, name: "Question" });
-      k.text(item, q.toUpperCase(), { style: s("Question 28"), color: "text", width: 400, name: "Q" });
-      k.text(item, a, { style: s("Lead 18"), color: "onPaper", name: "A" });
-    }
-    rule(k, answers, "text", { weight: 4 });
-    const last = slab(k, sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", fill: "accent", shadow: 14, padding: 48, name: "Last" });
-    k.text(last, "NOT SURE? START ON STALL. IT COSTS $0.", { style: s("Shout 56"), color: "onAccent", name: "Last words" });
-    const lastGo = k.stack(last, { direction: "HORIZONTAL", width: "HUG", fill: "text", effects: drop(k, 0), padding: { top: 18, right: 28, bottom: 18, left: 28 }, name: "Last button" });
-    k.text(lastGo, "OPEN A STALL", { style: s("Slab 20"), color: "onText", autoWidth: true, name: "Last button words" });
-    footer(k, sheet, {
-      about: "One link that takes the payment, sends the file and files the tax. Made by four people in Rotterdam.",
-      columns: [["Tollbooth", ["How it works", "Pricing", "Changelog"]], ["Sellers", ["Presets", "Fonts", "Templates"]], ["The small print", ["Terms", "Privacy", "Refunds"]]],
-      legal: "Prices in US dollars, before tax. \xA9 2026 Tollbooth B.V.",
-      brandStyle: s("Brand 22"),
-      headStyle: s("Foot head 14"),
-      linkStyle: s("Small 14"),
-      ruleColor: "text"
-    });
-    respond(k, sheet, s, {
-      stack: ["Header row", "Plans", "Question", "Last", "Footer columns"],
-      restyle: {
-        "Shout 128": { laptop: "Shout 112", tablet: "Shout 80", mobile: "Shout 48" },
-        "Shout 72": { tablet: "Shout 56", mobile: "Shout 38" },
-        "Shout 56": { mobile: "Shout 38" },
-        "Lead 22": { mobile: "Lead 18" },
-        "Price 120": { laptop: "Price 96", mobile: "Price 96" },
-        "Row 18": { mobile: "Row 14" },
-        "Cell 18": { mobile: "Cell 13" },
-        "Head 22": { mobile: "Head 13" }
-      },
-      gap: { tablet: 72, mobile: 56 },
-      tweak: (kit, id, size) => {
-        const each = (name, props) => {
-          for (const n of kit.named(id, name)) kit.patch(n, props);
-        };
-        const pad = (v, h = v) => ({ top: v, right: h, bottom: v, left: h });
-        each("Cell", { width: CELL[size] });
-        each("Head cell", { width: CELL[size] });
-        if (size === "laptop") {
-          each("Plan", { padding: pad(26) });
-          each("Plan sticker", { x: 650 });
-        }
-        if (size === "tablet" || size === "mobile") {
-          each("Plan", { layoutSizingVertical: "HUG" });
-          each("Switch block", { layoutSizingHorizontal: "HUG" });
-          each("Q", { layoutSizingHorizontal: "FILL" });
-          each("Question", { itemSpacing: 10 });
-          each("Last button", { layoutSizingHorizontal: "HUG" });
-          each("Last", { itemSpacing: 24 });
-          each("Plan sticker", size === "tablet" ? { x: 480, y: 660 } : { x: 214, y: 668, scaleX: 0.8, scaleY: 0.8 });
-          if (size === "tablet") compactNav(kit, id, ["What you keep"], 22);
-        }
-        if (size === "mobile") {
-          each("Plan", { padding: pad(24, 20) });
-          each("Last", { padding: pad(28, 20) });
-          each("Footer lists", { itemSpacing: 16 });
-          each("Table head", { padding: { top: 12, right: 0, bottom: 12, left: 12 } });
-          each("Table row", { padding: { top: 12, right: 0, bottom: 12, left: 12 } });
-          each("Switch block", { padding: pad(12, 12), itemSpacing: 12 });
-          each("Saving", { visible: false });
-        }
-      }
-    });
-    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;
-  }
-});
-
-export {
-  style_brutalist_pricing_default
-};