@popcraft/kit 0.31.0 → 0.32.1

package/dist/chunks/chunk-IRE4EN6H.js

@@ -0,0 +1,274 @@
+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 {
+  KITTY,
+  WEB_STEPS,
+  blink,
+  byName,
+  chip,
+  mochi,
+  pastelBrand,
+  pastelButton,
+  pillowCard,
+  puffy,
+  sectionHead,
+  softGround,
+  springIn,
+  ts,
+  wave
+} from "./chunk-VUITOREL.js";
+import {
+  tick
+} from "./chunk-UDE42EDS.js";
+import {
+  compactNav,
+  footer,
+  respond
+} from "./chunk-I2EYNBXR.js";
+import {
+  nav,
+  page
+} from "./chunk-TF2MO3UA.js";
+import {
+  cutOn
+} from "./chunk-GLFOEPRY.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SHOYVADV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/web/style-pastel-pricing.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Pastel SaaS pricing page";
+var PLANS = [
+  { name: "Free", pitch: "For two people and one shared kitty.", month: 0, year: 0, fill: "mint", cta: "Start free", features: ["One shared kitty", "Bill splitting, any way", "Two savings jars", "Settle up in one tap"] },
+  { name: "Plus", pitch: "For couples saving toward something big.", month: KITTY.plus, year: KITTY.plusYear, fill: "peach", featured: true, cta: "Try Plus free for 30 days", features: ["Everything in Free", "Unlimited jars", "Round-ups from any card", "Monthly money recap", "Recurring bills, split automatically"] },
+  { name: "Household", pitch: "For flatmates, or a family of four.", month: KITTY.household, year: KITTY.householdYear, fill: "sky", cta: "Start Household", features: ["Everything in Plus", "Up to four people", "House rules for shared bills", "Export to a spreadsheet"] }
+];
+var TABLE = [
+  ["People in a kitty", "2", "2", "Up to 4"],
+  ["Savings jars", "2", "Any", "Any"],
+  ["Bill splitting", "yes", "yes", "yes"],
+  ["Round-ups", "no", "yes", "yes"],
+  ["Recurring bills", "no", "yes", "yes"],
+  ["Monthly recap", "no", "yes", "yes"],
+  ["House rules", "no", "no", "yes"],
+  ["Spreadsheet export", "no", "no", "yes"]
+];
+var FAQ = [
+  ["Is Kitty a bank?", "No. Money in jars is held with our banking partner and protected up to $250,000. Kitty is the app on top that keeps the tally."],
+  ["Do we both have to pay?", "No. One plan covers the whole kitty. Whoever starts it pays, and you can split the subscription like any other bill."],
+  ["What happens if we stop paying for Plus?", "Your kitty moves to Free. Every jar keeps its money; you just can\u2019t add a third one until you go back."],
+  ["Can we switch between monthly and yearly?", "Any time. Yearly is $48 for Plus, four months free, and what\u2019s left of your month is credited."],
+  ["What if we break up?", "It happens. Either of you can close the kitty; the balance is settled to the last cent and each gets their share back."]
+];
+var COL = { desktop: 190, laptop: 170, tablet: 110, mobile: 58 };
+var cues = [
+  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 300 } },
+  { layer: "Headline", preset: "words-in", at: 80, params: { duration: 460, amount: 50 } },
+  { layer: "Lead", preset: "rise-in", at: 320, params: { duration: 450 } },
+  { layer: "Switch row", preset: "rise-in", at: 440, params: { duration: 400 } },
+  springIn("Plan", 520, { from: 0.7, stagger: 110 }),
+  cutOn("Table row", 1400, 110),
+  { layer: "Close button", preset: "pulse", at: 3400, params: { duration: 800, amount: 0.05 } }
+];
+var counts = [
+  { layer: "Plus amount", at: 640, duration: 900, counter: { from: 0, to: KITTY.plus, prefix: "$" } },
+  { layer: "Household amount", at: 750, duration: 900, counter: { from: 0, to: KITTY.household, prefix: "$" } }
+];
+var style_pastel_pricing_default = defineTemplate({
+  id: "web-saas-style-pastel-pricing",
+  meta: {
+    name: NAME,
+    description: "A pricing page in the pastel soft UI look whose monthly / yearly switch works in present mode: a variable toggle flips every price at once while the knob springs across. Three plans on pillowy pastel cards with the middle one raised and a cat mascot sitting on it, a comparison table with drawn ticks, five questions, a closing call and a footer; the plans spring in, prices count up and the table fills in on load. Desktop to phone",
+    category: "web",
+    tags: ["pricing", "plans", "toggle", "interactive", "variables", "comparison table", "faq", "saas", "pastel", "soft ui", "playful", "mascot", "fintech", "consumer app", "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;
+    pastelBrand(k, { tagline: "Free for two. Plus when you want more." });
+    const monthly = k.variable("Billing", "monthly", "BOOLEAN", true);
+    const yearly = k.variable("Billing", "yearly", "BOOLEAN", false);
+    pastelButton(k, "Button", { style: ts(k, "title", 17), label: "Start free", pad: [14, 24], d: 0.7 });
+    pastelButton(k, "Button quiet", { style: ts(k, "title", 17), label: "Start free", pad: [14, 24], d: 0.7, fill: "card", ink: "onCard" });
+    const sOn = ts(k, "title", 17), sOff = ts(k, "soft", 17);
+    k.variantSet("Billing switch", "Billing", ["Monthly", "Yearly"], {
+      direction: "HORIZONTAL",
+      width: "HUG",
+      gap: 14,
+      align: "CENTER",
+      padding: { top: 8, right: 18, bottom: 8, left: 18 },
+      fill: "card",
+      radius: 999,
+      description: "Monthly or yearly billing: click to switch, and the knob springs 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: state === "Monthly" ? sOn : sOff, color: state === "Monthly" ? "onCard" : "cardMuted", autoWidth: true });
+      const track = k.stack(id, { direction: "HORIZONTAL", width: 64, height: 36, radius: 999, padding: 4, align: "CENTER", justify: state === "Yearly" ? "MAX" : "MIN", fill: "primary", name: "Track" });
+      k.ellipse(track, 28, "card", { name: "Knob" });
+      k.propText(id, "Right", { style: state === "Yearly" ? sOn : sOff, color: state === "Yearly" ? "onCard" : "cardMuted", autoWidth: true });
+    });
+    k.changeTo("Billing switch/Monthly", "ON_CLICK", "Billing switch/Yearly", 260, "EASE_OUT");
+    k.changeTo("Billing switch/Yearly", "ON_CLICK", "Billing switch/Monthly", 260, "EASE_OUT");
+    const sheet = k.sheet;
+    page(k, sheet, { gap: 104, top: 28 });
+    k.timeline(sheet, { duration: 6e3, fps: 30 });
+    softGround(k, sheet, 1440, 900, { loop: 6e3, seed: 11, sparkles: 6, scale: 0.6 });
+    for (const n of k.named(sheet, "Blob 1")) k.patch(n, { x: -340, y: -420 });
+    const top = k.stack(sheet, { gap: 64, name: "Top" });
+    nav(k, top, { links: ["How it works", "Jars", "Pricing", "Sign in"], cta: "Get the app", style: ts(k, "soft", 16), brandStyle: ts(k, "title", 22) });
+    const head = k.stack(top, { direction: "HORIZONTAL", gap: 64, align: "MAX", name: "Header" });
+    const title = k.stack(head, { gap: 22, name: "Header title" });
+    k.text(title, "PRICING", { style: ts(k, "label", 14), color: "onPaper", name: "Eyebrow" });
+    k.text(title, "{{brand.tagline}}", { style: ts(k, "display", 84), color: "text", name: "Headline" });
+    const billing = k.stack(head, { width: 420, gap: 22, name: "Header billing" });
+    k.text(billing, "One plan covers the whole kitty, not each person. Pay by the year and four months are on us.", { style: ts(k, "body", 21), 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: "Yearly" }, { name: "Billing toggle" });
+    k.setVariable(toggle, monthly, { toggle: true });
+    k.setVariable(toggle, yearly, { toggle: true });
+    chip(k, sw, "4 months free yearly", { style: ts(k, "soft", 15), fill: "butter", name: "Saving" });
+    const plans = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, align: "MAX", name: "Plans" });
+    let m;
+    for (const p of PLANS) {
+      const col = k.stack(plans, { gap: 0, name: "Plan column" });
+      if (p.featured) {
+        const perch = k.stack(col, { height: 120, align: "CENTER", name: "Perch" });
+        m = mochi(k, perch, 124, { absolute: { x: 230, y: 0 } });
+      }
+      const c = pillowCard(k, col, { gap: 18, padding: 32, radius: 40, depth: p.featured ? 1.3 : 0.9, name: "Plan", ...p.featured ? { stroke: { color: "primary", width: 4, align: "INSIDE" } } : {} });
+      const planHead = k.stack(c, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Plan head" });
+      k.ellipse(planHead, 26, p.fill, { name: "Plan dot", effects: puffy(0.6) });
+      k.text(planHead, p.name, { style: ts(k, "title", 28), color: "onCard", autoWidth: true, name: "Plan name" });
+      k.text(c, p.pitch, { style: ts(k, "body", 17), color: "cardMuted", name: "Pitch" });
+      const price = k.stack(c, { name: "Price" });
+      const block = (which) => {
+        const b = k.stack(price, { gap: 4, name: `${which} price` });
+        k.text(b, which === "Monthly" ? `$${p.month}` : `$${p.year}`, { style: ts(k, "figure", 64), color: "onCard", name: which === "Monthly" ? `${p.name} amount` : `${p.name} yearly amount` });
+        k.text(b, !p.month ? "free, for as long as you like" : which === "Monthly" ? "a month for the kitty" : `a year: you save $${p.month * 12 - p.year}`, { style: ts(k, "soft", 15), color: "cardMuted", name: "Billed" });
+        return b;
+      };
+      k.bindVariable(block("Monthly"), "visible", monthly);
+      k.bindVariable(block("Yearly"), "visible", yearly);
+      k.instance(c, p.featured ? "Button" : "Button quiet", { Label: p.cta }, { name: "Plan button" });
+      const list = k.stack(c, { gap: 12, fill: p.fill, radius: 26, padding: 20, effects: puffy(0.6), name: "Features" });
+      for (const f of p.features) {
+        const row = k.stack(list, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Feature" });
+        tick(k, row, 18, "ink", { name: "Feature tick", weight: 3 });
+        k.text(row, f, { style: ts(k, "soft", 16), color: "ink", name: "Feature label" });
+      }
+    }
+    const compare = k.stack(sheet, { gap: 32, name: "Compare" });
+    sectionHead(k, compare, { label: "COMPARE", title: "Plan by plan.", name: "Compare head" });
+    const table = pillowCard(k, compare, { padding: 32, gap: 0, name: "Table" });
+    const cell = (row, value, i) => {
+      const drawn = value === "yes" || value === "no";
+      const c = k.stack(row, { direction: "HORIZONTAL", width: COL.desktop, name: "Cell", ...drawn ? { height: 28, align: "CENTER" } : {} });
+      if (value === "yes") {
+        const d = k.stack(c, { width: 28, height: 28, radius: 999, fill: "mint", align: "CENTER", justify: "CENTER", name: "Cell yes" });
+        tick(k, d, 16, "ink", { name: "Cell tick", weight: 3 });
+      } else if (value === "no") k.rect(c, 14, 3, "track", { radius: 2, name: "Cell dash" });
+      else k.text(c, value, { style: ts(k, "soft", 16), color: i === 1 ? "onCard" : "cardMuted", name: "Cell value" });
+    };
+    const headRow = k.stack(table, { direction: "HORIZONTAL", gap: 8, align: "CENTER", padding: { top: 0, right: 0, bottom: 16, left: 0 }, name: "Table head" });
+    k.text(headRow, "WHAT YOU GET", { style: ts(k, "label", 13), color: "cardMuted", name: "Table corner" });
+    PLANS.forEach((p) => {
+      const c = k.stack(headRow, { direction: "HORIZONTAL", width: COL.desktop, name: "Cell" });
+      k.text(c, p.name.toUpperCase(), { style: ts(k, "label", 13), color: "onCard", name: "Column name" });
+    });
+    TABLE.forEach(([feature, ...values], r) => {
+      const row = k.stack(table, { direction: "HORIZONTAL", gap: 8, align: "CENTER", radius: 18, padding: { top: 14, right: 0, bottom: 14, left: 12 }, name: "Table row", ...r % 2 === 0 ? { fill: k.tint("onCard", 0.04) } : {} });
+      k.text(row, feature, { style: ts(k, "soft", 16), color: "onCard", name: "Row feature" });
+      values.forEach((v, i) => cell(row, v, i));
+    });
+    const faq = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, name: "FAQ" });
+    const faqHead = k.stack(faq, { width: 380, name: "FAQ side" });
+    sectionHead(k, faqHead, { label: "QUESTIONS", title: "Things couples ask us.", name: "FAQ head" });
+    const qs = k.stack(faq, { gap: 14, name: "FAQ list" });
+    for (const [q, a] of FAQ) {
+      const item = pillowCard(k, qs, { gap: 8, padding: { top: 22, right: 26, bottom: 24, left: 26 }, radius: 28, depth: 0.6, name: "Question" });
+      k.text(item, q, { style: ts(k, "title", 20), color: "onCard", name: "Q" });
+      k.text(item, a, { style: ts(k, "body", 16), color: "cardMuted", name: "A" });
+    }
+    const close = pillowCard(k, sheet, { direction: "HORIZONTAL", gap: 32, padding: 48, align: "CENTER", fill: "butter", name: "Close" });
+    const closeWords = k.stack(close, { gap: 10, name: "Close words" });
+    k.text(closeWords, "Start on Free tonight.", { style: ts(k, "display", 60), color: "ink", name: "Close title" });
+    k.text(closeWords, "No card needed. Move to Plus the day you open a third jar.", { style: ts(k, "body", 18), color: "ink", name: "Close line" });
+    const closeSide = k.stack(close, { width: 200, align: "MAX", name: "Close side" });
+    k.instance(closeSide, "Button", { Label: "Start free" }, { name: "Close button" });
+    footer(k, sheet, {
+      about: KITTY.pitch,
+      legal: "Prices in US dollars, before sales tax. Yearly plans are billed once, up front. \xA9 2026 {{brand.name}}.",
+      columns: [["App", ["Bill splitting", "Jars", "Round-ups", "Recaps"]], ["Help", ["Getting started", "Security", "Contact"]], ["Company", ["About", "Pricing", "Press"]]],
+      brandStyle: ts(k, "title", 22),
+      headStyle: ts(k, "label", 14),
+      linkStyle: ts(k, "body", 15),
+      ruleColor: "track"
+    });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    if (m) {
+      wave(k, m, 1400, 3);
+      blink(k, m, [3e3, 5e3]);
+    }
+    respond(k, sheet, byName(k), {
+      stack: ["Header", "Plans", "FAQ", "Footer columns", "Close"],
+      restyle: WEB_STEPS,
+      hide: { mobile: ["Nav links"] },
+      gap: { tablet: 80, mobile: 64 },
+      tweak: (kit, id, size) => {
+        for (const n of kit.named(id, "Cell")) kit.patch(n, { width: COL[size] });
+        if (size === "tablet") compactNav(kit, id, ["Sign in"], 22);
+        if (size === "tablet" || size === "mobile") {
+          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: 24 });
+          for (const n of kit.named(id, "FAQ side")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
+          for (const n of kit.named(id, "FAQ")) kit.patch(n, { itemSpacing: 28 });
+          for (const n of kit.named(id, "Top")) kit.patch(n, { itemSpacing: 44 });
+          for (const n of kit.named(id, "Close words")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
+          for (const n of kit.named(id, "Close side")) kit.patch(n, { counterAxisAlignItems: "MIN" });
+          for (const n of kit.named(id, "Mochi")) kit.patch(n, { x: (size === "tablet" ? 672 : 335) - 170 });
+        }
+        if (size === "mobile") {
+          for (const n of kit.named(id, "Table")) kit.patch(n, { padding: { top: 20, right: 12, bottom: 14, left: 12 } });
+          for (const n of kit.named(id, "Close")) kit.patch(n, { padding: { top: 28, right: 24, bottom: 28, left: 24 }, itemSpacing: 20 });
+          for (const name of ["Table head", "Table row"]) for (const n of kit.named(id, name)) kit.patch(n, { itemSpacing: 4 });
+          for (const n of kit.named(id, "Table row")) kit.patch(n, { padding: { top: 14, right: 0, bottom: 14, left: 8 } });
+          for (const n of kit.named(id, "Column name")) if (kit.node(n).characters === "HOUSEHOLD") kit.patch(n, { characters: "HOME" });
+        }
+      }
+    });
+    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 [mo, yr] = k.node(price).childIds;
+      k.patch(yr, { x: k.node(mo).x, y: k.node(mo).y });
+    }
+    return k.doc;
+  }
+});
+
+export {
+  style_pastel_pricing_default
+};

package/dist/chunks/chunk-IRRRCY5B.js

@@ -0,0 +1,91 @@
+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 {
+  EMAIL_FPS,
+  HEADER,
+  sparkle,
+  ticker
+} from "./chunk-62LBY7TV.js";
+import {
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit
+} from "./chunk-SHOYVADV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/email/header-sale.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SALE_HEADER = {
+  duration: 4e3,
+  /** The ticker: fixed-width items, scrolling one item's width a loop. */
+  item: 280,
+  rate: 70,
+  /** Sparkles: where, how big, and where in their swell they start. */
+  sparkles: [
+    { x: 44, y: 96, size: 22, phase: 0 },
+    { x: 530, y: 88, size: 18, phase: 0.33 },
+    { x: 508, y: 214, size: 14, phase: 0.66 }
+  ]
+};
+var SALE_CUES = [
+  { layer: "Offer", preset: "pulse", at: 500, params: { duration: 700, amount: 0.06 } },
+  { layer: "Shop button", preset: "wobble", at: 1500, params: { duration: 700 } },
+  { layer: "Offer", preset: "pulse", at: 2500, params: { duration: 700, amount: 0.06 } }
+];
+var header_sale_default = defineTemplate({
+  id: "email-header-sale",
+  meta: {
+    name: "Sale email header (animated GIF)",
+    description: "A 600 \xD7 300 animated header for a sale email: the offer, what it covers and when it ends are all on the first frame (for Outlook), then a ticker scrolls, the offer swells and the button nudges \u2014 a seamless 4-second GIF loop",
+    category: "email",
+    tags: ["email", "gif", "animated", "header", "banner", "sale", "discount", "retail", "autumn", "newsletter"],
+    platforms: ["email"],
+    formats: ["email", "banner"],
+    useCases: ["sale"],
+    created: "2026-09-30",
+    updated: "2026-09-30"
+  },
+  motion: { cues: SALE_CUES, loop: true },
+  build() {
+    const S = SALE_HEADER;
+    const k = new Kit("Sale email header", HEADER);
+    k.brand(
+      { paper: "#1F3A2E", text: "#FFF8EC", onPaper: "#CFE0D3", accent: "#F2A541", onAccent: "#1F3A2E", sparkle: "#F2A541" },
+      { shop: "Northwind Outfitters", offer: "Up to 40% off", what: "Coats, fleeces and rain shells \xB7 Ends Sunday at midnight" }
+    );
+    k.textStyle("Ticker 13", { size: 13, fontWeight: 800, letterSpacing: 2, lineHeight: 16 });
+    k.textStyle("Eyebrow 13", { size: 13, fontWeight: 700, letterSpacing: 2.5, lineHeight: 16, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Offer 64", { size: 64, fontWeight: 900, letterSpacing: -2, lineHeight: 66, textAlign: "CENTER" });
+    k.textStyle("What 16", { size: 16, fontWeight: 500, lineHeight: 22, textAlign: "CENTER" });
+    k.textStyle("Button 16", { size: 16, fontWeight: 800, lineHeight: 20 });
+    pill(k, "Button", { fill: "accent", ink: "onAccent", style: "Button 16", label: "Shop the sale", pad: [10, 26] });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 10, { top: 58, right: 40, bottom: 28, left: 40 }, "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: S.duration, fps: EMAIL_FPS });
+    ticker(k, sheet, { label: "FALL SALE  \xB7  UP TO 40% OFF", item: S.item, height: 30, fill: "accent", ink: "onAccent", style: "Ticker 13", rate: S.rate });
+    for (const [i, s] of S.sparkles.entries()) sparkle(k, sheet, { ...s, color: "sparkle", loopMs: S.duration, cycles: 2, name: `Sparkle ${i + 1}` });
+    k.text(sheet, "{{brand.shop}}", { style: "Eyebrow 13", color: "onPaper", name: "Shop" });
+    k.text(sheet, "{{brand.offer}}", { style: "Offer 64", color: "text", name: "Offer" });
+    k.text(sheet, "{{brand.what}}", { style: "What 16", color: "onPaper", name: "What" });
+    k.instance(sheet, "Button", { Label: "Shop the sale" }, { name: "Shop button" });
+    k.cues(sheet, SALE_CUES);
+    return k.finish();
+  }
+});
+
+export {
+  SALE_HEADER,
+  SALE_CUES,
+  header_sale_default
+};

package/dist/chunks/chunk-ITH2AXSI.js

@@ -0,0 +1,45 @@
+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 {
+  style_swiss_landing_default
+} from "./chunk-7WQNZAJZ.js";
+import {
+  style_swiss_pricing_default
+} from "./chunk-3GTIDCXK.js";
+import {
+  style_swiss_announcement_default
+} from "./chunk-6TCWWEF4.js";
+import {
+  style_swiss_link_preview_default
+} from "./chunk-PDDAC2AE.js";
+import {
+  style_swiss_milestone_default
+} from "./chunk-5LFSA2VS.js";
+import {
+  style_swiss_testimonial_default
+} from "./chunk-XW4A6NKX.js";
+import {
+  style_swiss_feature_demo_default
+} from "./chunk-YCGVBKHF.js";
+import {
+  style_swiss_launch_reel_default
+} from "./chunk-RQXQAXIB.js";
+import {
+  style_swiss_header_default
+} from "./chunk-K3XFD5BK.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/saas/style-swiss.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [style_swiss_launch_reel_default, style_swiss_feature_demo_default, style_swiss_landing_default, style_swiss_pricing_default, style_swiss_announcement_default, style_swiss_milestone_default, style_swiss_testimonial_default, style_swiss_header_default, style_swiss_link_preview_default];
+var style_swiss_default = pack;
+
+export {
+  style_swiss_default
+};

package/dist/chunks/chunk-ITYNCBKK.js

@@ -0,0 +1,45 @@
+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-ZHEVVPRY.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/slides/sales.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var sales_default = defineDeck({
+  id: "slides-sales",
+  meta: {
+    name: "Sales deck",
+    description: "An eight-slide 16:9 sales deck \u2014 agenda, the cost of the problem, how it works, a customer quote, two plans and a pilot plan \u2014 with click builds and transitions",
+    category: "presentation",
+    tags: ["sales", "deck", "b2b", "pricing", "builds"],
+    platforms: ["slides"],
+    formats: ["slide-deck"],
+    useCases: ["pitch"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  colors: { primary: "#0B3D4F", onPrimary: "#FFFFFF", accent: "#0E7C86", onAccent: "#FFFFFF", paper: "#FFFFFF", text: "#0B2530", onPaper: "#4A5B63", tint: "#E3F4F5", onTint: "#0B2530" },
+  fields: { company: "Frostline", title: "Walk-in fridges that tell you before they fail", lead: "Temperature sensors and alerts for restaurant groups", email: "sales@frostline.co" },
+  slides: [
+    { kind: "title", name: "Title slide", kicker: "FOR RESTAURANT GROUPS", title: "{{brand.title}}", lead: "{{brand.lead}}" },
+    { kind: "agenda", name: "Agenda", heading: "In the next twenty minutes", items: ["What a failed walk-in really costs", "How Frostline watches it", "What our kitchens say", "Plans, and a pilot"] },
+    { kind: "stats", name: "The cost", heading: "One bad night in a walk-in", stats: [{ figure: "$3,900", label: "of stock our customers threw out, on average, after one failure" }, { figure: "9 hrs", label: "before a closing crew usually notices" }, { figure: "1 in 4", label: "kitchens we audit have a leaking door seal" }] },
+    { kind: "points", name: "How it works", heading: "How it works", points: ["A sensor on every shelf reads the air once a minute", "A door left open for five minutes sends a text", "A slow rise at 2 a.m. calls the manager on call", "Every reading is logged for your health inspector"] },
+    { kind: "quote", name: "Customer", quote: "\u201CWe saved a whole delivery of fish on a Sunday night. The sensors paid for themselves that week.\u201D", by: "Dana Ruiz \xB7 Head of operations, Harbor & Vine (six kitchens)" },
+    { kind: "panels", name: "Plans", heading: "Two plans", filled: true, panels: [{ title: "Kitchen \xB7 $39 a month per walk-in", body: "Sensors, text alerts and a year of temperature logs." }, { title: "Group \xB7 $29 a month per walk-in", body: "Everything in Kitchen, plus on-call rotas and one dashboard for every site." }] },
+    { kind: "steps", name: "Pilot", heading: "A pilot in three weeks", steps: [{ title: "Week 1", body: "We fit sensors in two of your kitchens" }, { title: "Week 2", body: "Your managers start getting alerts" }, { title: "Week 3", body: "We go through every alert with you" }] },
+    { kind: "closing", name: "Next step", title: "Let\u2019s pick your pilot kitchens.", line: "{{brand.email}}" }
+  ]
+});
+
+export {
+  sales_default
+};

package/dist/chunks/chunk-J23TJLMJ.js

@@ -0,0 +1,74 @@
+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 {
+  FOLIO,
+  caption,
+  comicMeta,
+  comicSetup,
+  folio,
+  pageGrid,
+  panel,
+  rows,
+  say,
+  sfx,
+  slantTier,
+  tier,
+  tierBox,
+  tilted
+} from "./chunk-UBT4DZYW.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SHOYVADV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/print/comic-hero-cascade.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var comic_hero_cascade_default = defineTemplate({
+  id: "comic-cascade",
+  meta: comicMeta("Cascade page", 'Page five of "Nightstar: Blackout": a surge sets a neon billboard falling down the page toward Rosa, Nightstar dives in to sweep her clear on a canted frame, and Voltrix laughs in the flames', ["cascade", "rescue", "falling", "sound effects"]),
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Cascade page", preset("comic-page"));
+    comicSetup(k);
+    drawPage(k);
+    return k.finish();
+  }
+});
+function drawPage(k) {
+  const g = 12, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const [h1, h2, h3, h4] = rows(H - FOLIO, g, [24, 30, 24, 22]);
+  const t1 = tierBox(k, k.sheet, W, h1, "Tier 1");
+  panel(k, t1, tier(W, h1, [1], g)[0], "cascade-1", { ground: "heroG1", name: "The surge" });
+  sfx(k, t1, "Vzzzt!", { x: W - 220, y: h1 - 100, w: 190, h: 90, deg: -6, seed: 2 });
+  const t2 = tierBox(k, k.sheet, W, h2, "Tier 2");
+  const [a, b] = slantTier(W, h2, [2, 3], 26, g);
+  panel(k, t2, a, "cascade-2", { ground: "heroG2", name: "The billboard falls" });
+  panel(k, t2, b, "cascade-3", { ground: "heroG3", name: "Rosa looks up" });
+  caption(k, t2, "Twelve storeys of steel and neon.", { x: 10, y: 10, width: 170 });
+  say(k, t2, "Oh no\u2014", { x: W - 110, y: 12, width: 96, to: { x: b.x + b.width * 0.55, y: h2 * 0.4 } });
+  const t3 = tierBox(k, k.sheet, W, h3, "Tier 3");
+  panel(k, t3, tilted(0, 0, W, h3, -24, 24), "cascade-4", { ground: "heroG1", name: "The save" });
+  sfx(k, t3, "Kranng!", { x: W - 360, y: 18, w: 330, h: 120, deg: 8, big: true, fill: "primary", seed: 17 });
+  const t4 = tierBox(k, k.sheet, W, h4, "Tier 4");
+  const [c, d] = tier(W, h4, [2, 3], g);
+  panel(k, t4, c, "cascade-5", { ground: "heroG2", name: "Shielded" });
+  panel(k, t4, d, "cascade-6", { ground: "heroG3", name: "Voltrix laughs" });
+  say(k, t4, "Stay down. Stay behind me.", { x: 10, y: 10, width: 128, to: { x: c.width * 0.4, y: h4 * 0.35 } });
+  say(k, t4, "Ha! Saved the girl. Lost the city.", { x: W - 170, y: 10, width: 160, to: { x: d.x + d.width * 0.5, y: h4 * 0.3 } });
+  folio(k, k.sheet, "Nightstar: Blackout \u2014 page 5");
+}
+
+export {
+  comic_hero_cascade_default,
+  drawPage
+};

package/dist/chunks/chunk-J427JRZZ.js

@@ -0,0 +1,47 @@
+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-ZHEVVPRY.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/slides/training.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var training_default = defineDeck({
+  id: "slides-training",
+  meta: {
+    name: "Training deck",
+    description: "A nine-slide 16:9 training module \u2014 objectives, a section, checks, steps, do and don\u2019t, figures and a check question that reveals its answer on click",
+    category: "presentation",
+    tags: ["training", "onboarding", "induction", "safety", "deck", "builds"],
+    platforms: ["slides"],
+    formats: ["slide-deck"],
+    useCases: ["onboarding", "education"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  colors: { primary: "#1F2A36", onPrimary: "#FFFFFF", accent: "#F2B705", onAccent: "#1F2A36", paper: "#FAFAF7", text: "#1F2A36", onPaper: "#505A64", tint: "#FFF4CC", onTint: "#1F2A36" },
+  fields: { company: "Harbourside Distribution", title: "Lifting and carrying safely", lead: "New-starter induction \xB7 Module 2 \xB7 25 minutes" },
+  options: { figure: "text" },
+  slides: [
+    { kind: "title", name: "Title slide", kicker: "INDUCTION \xB7 MODULE 2", title: "{{brand.title}}", lead: "{{brand.lead}}" },
+    { kind: "agenda", name: "Objectives", heading: "By the end of this module you can", items: ["Size up a load before you touch it", "Lift from the floor without bending your back", "Carry, turn and set down safely", "Tell when a lift needs a second person or a truck"] },
+    { kind: "section", name: "Before you lift", number: "01", title: "Before you lift" },
+    { kind: "points", name: "Checks", heading: "Four checks, every time", points: ["How heavy is it? Tip one corner to feel the weight", "Where is it going? Clear the route and the landing spot", "Can you grip it? Gloves on, and a firm hold or handles", "Over 20 kg? Get a second person or a pallet truck"] },
+    { kind: "steps", name: "The lift", heading: "The lift, step by step", steps: [{ title: "Plant", body: "Feet apart, one slightly forward" }, { title: "Bend", body: "At the knees and hips, back straight" }, { title: "Hug", body: "Hold the load close to your waist" }, { title: "Rise", body: "Smoothly, with your legs, no twisting" }] },
+    { kind: "panels", name: "Do and don\u2019t", heading: "Carrying and setting down", filled: true, panels: [{ title: "Do", body: "Turn with your feet, keep the heavy side next to you, and set down the way you lifted." }, { title: "Don\u2019t", body: "Twist at the waist, carry above your shoulders, or lift and reach at the same time." }] },
+    { kind: "stats", name: "Why it matters", heading: "Why it matters on this site", stats: [{ figure: "1 in 3", label: "of last year\u2019s lost-time injuries came from handling" }, { figure: "6 weeks", label: "off work, on average, after a back injury" }, { figure: "0", label: "handling injuries on B shift since warm-ups began" }] },
+    { kind: "check", name: "Check", kicker: "CHECK", question: "Halfway up, a box turns out heavier than you thought. What do you do?", answer: "Set it back down the way you lifted it, then get a second person or a pallet truck." },
+    { kind: "closing", name: "Next", title: "Next: Module 3, pallet trucks", line: "Questions to your shift lead, any time" }
+  ]
+});
+
+export {
+  training_default
+};