@popcraft/kit 0.32.0 → 0.33.0

package/dist/chunks/chunk-O2YIXIIW.js

@@ -1,135 +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 {
-  confirms,
-  field,
-  formStyles,
-  select,
-  submit
-} from "./chunk-I6GZB3SS.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-TF2MO3UA.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-2P7ISWIA.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/web/launch-waitlist.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Eyebrow", preset: "rise-in", at: 150 },
-  { layer: "Headline", preset: "rise-in", at: 300, params: { duration: 700 } },
-  { layer: "Lead", preset: "rise-in", at: 450 },
-  { layer: "Waitlist card", preset: "rise-in", at: 650, params: { duration: 700 } },
-  { layer: "Proof", preset: "fade-in", at: 1100, params: { duration: 500 } },
-  { layer: "Spend card", preset: "slide-in", at: 500, params: { direction: "right" }, stagger: { delay: 180 } },
-  { layer: "Ring", preset: "pop-in", at: 1300 },
-  { layer: "Ring", preset: "pulse", at: 2400, params: { amount: 0.08 } }
-];
-var SPEND = [["Groceries", "$312 of $400", "ok"], ["Eating out", "$148 of $120", "over"], ["Transport", "$64 of $150", "ok"]];
-var launch_waitlist_default = defineTemplate({
-  id: "web-launch-waitlist",
-  meta: {
-    name: "Animated launch page with a working waitlist",
-    description: "A launch page that builds itself \u2014 headline and lead rise in, the waitlist form follows, spending cards slide in \u2014 and whose waitlist works: name, email and a goal, then a thank-you message in its place. Attach a database when you publish and every sign-up is saved",
-    category: "web",
-    tags: ["animation", "waitlist", "launch", "form", "database", "landing page", "sign-up", "entrance", "app launch", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["launch", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Launch page with a waitlist", preset("web-desktop"));
-    k.brand(
-      { paper: "#F4F1FB", text: "#17132B", onPaper: "#544E70", primary: "#5B3FD6", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#17132B", cardMuted: "#6B6585", field: "#FFFFFF", onField: "#6B6585", line: "#D9D3EE", tint: "#E6DFFB", onTint: "#3F2A9E", good: "#1E8F5E", over: "#C8472B", track: "#E9E5F5" },
-      { name: "Tally" }
-    );
-    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("Eyebrow 14", { size: 14, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Display 68", { size: 68, fontWeight: 800, letterSpacing: -2.2, lineHeight: 72 });
-    k.textStyle("Display 56", { size: 56, fontWeight: 800, letterSpacing: -1.8, lineHeight: 60 });
-    k.textStyle("Display 44", { size: 44, fontWeight: 800, letterSpacing: -1.2, lineHeight: 50 });
-    k.textStyle("Display 36", { size: 36, fontWeight: 800, letterSpacing: -0.9, lineHeight: 42 });
-    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Proof 15", { size: 15, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Card title 16", { size: 16, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Card meta 14", { size: 14, fontWeight: 500, lineHeight: 20 });
-    k.textStyle("Ring 28", { size: 28, fontWeight: 800, letterSpacing: -0.6, lineHeight: 32, textAlign: "CENTER" });
-    formStyles(k);
-    buttons(k, { style: "Button 16" });
-    k.component("Badge", { direction: "HORIZONTAL", width: "HUG", fill: "tint", radius: 999, padding: { top: 7, right: 14, bottom: 7, left: 14 }, props: { Label: "New" } }, (id) => {
-      k.propText(id, "Label", { style: "Eyebrow 14", color: "onTint", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 40, top: 32 });
-    k.timeline(sheet, { duration: 4e3, fps: 30 });
-    nav(k, sheet, { links: ["How it works", "Pricing", "Security"], cta: "Join the waitlist", style: "Nav 16", brandStyle: "Brand 20", quiet: true });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 72, align: "CENTER", padding: { top: 32, right: 0, bottom: 48, left: 0 }, name: "Hero" });
-    const copy = k.stack(hero, { gap: 22, name: "Copy" });
-    k.instance(copy, "Badge", { Label: "Opening in November \xB7 4,200 people waiting" }, { name: "Eyebrow" });
-    k.text(copy, "Know where the month went before it is gone.", { style: "Display 68", color: "text", name: "Headline" });
-    k.text(copy, "Tally sorts what you spend as you spend it and tells you, in one line a day, what is left for the things you care about. No spreadsheets, no bank passwords.", { style: "Lead 20", color: "onPaper", name: "Lead" });
-    const panel = k.stack(copy, { fill: "card", radius: 18, stroke: { color: "line", width: 1 }, padding: 24, name: "Waitlist card" });
-    const form = k.stack(panel, { gap: 14, name: "Waitlist form" });
-    const row = k.stack(form, { direction: "HORIZONTAL", gap: 12, name: "Name and email" });
-    field(k, row, { card: true, label: "First name", name: "name", placeholder: "Sam", required: true });
-    field(k, row, { card: true, label: "Email", name: "email", placeholder: "sam@example.com", type: "email", required: true });
-    select(k, form, { card: true, label: "What do you want help with first?", name: "goal", options: ["Spending less on eating out", "Saving for something", "Paying off a card", "Just seeing where it goes"] });
-    submit(k, form, "Join the waitlist");
-    k.text(copy, "Free for the first year for everyone on the list. One email when it opens.", { style: "Proof 15", color: "onPaper", name: "Proof" });
-    const visual = k.stack(hero, { width: 380, gap: 14, name: "Visual" });
-    for (const [what, amount, state] of SPEND) {
-      const c = k.stack(visual, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", fill: "card", radius: 16, padding: { top: 16, right: 18, bottom: 16, left: 18 }, effects: [{ type: "DROP_SHADOW", color: k.color("text", 0.1), offset: { x: 0, y: 10 }, blur: 26, spread: 0, visible: true }], name: "Spend card" });
-      const words = k.stack(c, { gap: 2, name: "Spend words" });
-      k.text(words, what, { style: "Card title 16", color: "onCard", name: "Spend name" });
-      k.text(words, amount, { style: "Card meta 14", color: "cardMuted", name: "Spend amount" });
-      k.ellipse(c, 14, state === "over" ? "over" : "good", { name: "Spend state" });
-    }
-    const ring = k.stack(visual, { direction: "HORIZONTAL", width: "HUG", gap: 16, align: "CENTER", fill: "card", radius: 16, padding: { top: 16, right: 22, bottom: 16, left: 16 }, name: "Ring" });
-    const dial = k.stack(ring, { width: 84, height: 84, radius: 42, stroke: { color: "primary", width: 8 }, fill: "track", align: "CENTER", justify: "CENTER", name: "Dial" });
-    k.text(dial, "62%", { style: "Ring 28", color: "onCard", autoWidth: true, name: "Ring value" });
-    const ringWords = k.stack(ring, { width: "HUG", gap: 2, name: "Ring words" });
-    k.text(ringWords, "$1,140 left", { style: "Card title 16", color: "onCard", autoWidth: true, name: "Left" });
-    k.text(ringWords, "12 days to go this month", { style: "Card meta 14", color: "cardMuted", autoWidth: true, name: "Days" });
-    k.cues(sheet, cues);
-    confirms(k, panel, form, { title: "You are on the list.", body: "We will email you once, the day Tally opens, with your first year free. Until then: nothing from us.", titleStyle: "Thanks 24", bodyStyle: "Field 16", card: true });
-    webResponsive(k, sheet, {
-      stack: ["Hero"],
-      stackMobile: ["Name and email"],
-      restyle: { "Display 68": { laptop: "Display 56", tablet: "Display 44", mobile: "Display 36" }, "Lead 20": { mobile: "Lead 17" } },
-      hide: { mobile: ["Nav links"] },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 48 });
-        if (size === "tablet" || size === "mobile") for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 40 });
-        if (size === "mobile") for (const n of kit.named(id, "Waitlist card")) kit.patch(n, { padding: { top: 18, right: 18, bottom: 18, left: 18 } });
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  launch_waitlist_default
-};

package/dist/chunks/chunk-O3DCF2UM.js

@@ -1,244 +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 {
-  DEAL,
-  MARQUEE,
-  lettering,
-  marquee,
-  neonBrand,
-  neonWord,
-  puddle,
-  sheen,
-  shutterBox,
-  spark,
-  tubeRule,
-  two,
-  wallPaths
-} from "./chunk-6W5XSVSX.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-TF2MO3UA.js";
-import {
-  board,
-  patchAll,
-  put,
-  reboard
-} from "./chunk-YHBAWSDX.js";
-import {
-  pill
-} from "./chunk-LEKU2ZW3.js";
-import {
-  line
-} from "./chunk-6RCDZU4R.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-2P7ISWIA.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/web/black-friday-neon-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var PLANS = [
-  { id: "Solo", tag: `SOLO \xB7 ${DEAL.off}% OFF`, gas: "amber", name: "Solo, a year", pitch: "One inbox, one person, and replies drafted while you sleep.", wasLabel: "Was, for 12 months", was: DEAL.soloWas, now: DEAL.soloNow, includes: ["1 inbox, 1 seat", "Overnight auto-replies", "Email and live chat"], cta: `Take Solo for $${DEAL.soloNow}` },
-  { id: "Team", tag: `TEAM \xB7 ${DEAL.off}% OFF`, gas: "red", name: "Team, a year", pitch: "Five seats, shared inboxes and a rota for the night shift.", wasLabel: "Was, for 12 months", was: DEAL.teamWas, now: DEAL.teamNow, includes: ["5 seats, 5 inboxes", "Night-shift rota", "Slack and WhatsApp"], cta: `Take Team for $${DEAL.teamNow}` },
-  { id: "Life", tag: "LIFETIME \xB7 PAY ONCE", gas: "ice", name: "Solo, for life", pitch: "One payment. Solo for as long as {{brand.name}} is open.", wasLabel: "Five years at list", was: DEAL.soloWas * 5, now: DEAL.lifetime, includes: ["Every update", "No renewal, ever"], cta: `Take a seat for $${DEAL.lifetime}` }
-];
-var FAQ = [
-  ["Do I need the code?", `Yes. Type ${DEAL.code} at checkout on any annual plan. It works until Monday 30 November, 23:59 Pacific, once per account.`, "red"],
-  ["What happens at renewal?", "Year two renews at the list price. We email you 30 days before, and cancelling takes two clicks.", "amber"],
-  ["Is lifetime really lifetime?", `One payment, Solo for as long as {{brand.name}} runs, every update included. ${DEAL.seats} seats are in the window and there is no second batch.`, "ice"]
-];
-var TICKS = 8;
-var DURATION = 1e4;
-var SIGN = 0.72;
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Eyebrow", preset: "rise-in", at: 100 },
-  { layer: "Headline", preset: "rise-in", at: 200, params: { duration: 700 } },
-  { layer: "Lead", preset: "rise-in", at: 350 },
-  { layer: "Clock", preset: "rise-in", at: 500 },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 650, stagger: { delay: 100 } },
-  { layer: "Deadline", preset: "fade-in", at: 900, params: { duration: 500 } },
-  { layer: "Team figure", preset: "pulse", at: 3600, params: { duration: 600, amount: 0.05 } }
-];
-var counts = [
-  // The clock: the seconds tick down once a second for as long as the hero plays.
-  { layer: "Seconds figure", at: 1e3, duration: TICKS * 1e3, tick: 1e3, counter: { from: DEAL.seconds, to: DEAL.seconds - TICKS } },
-  ...PLANS.map((p, i) => ({ layer: `${p.id} figure`, at: 1700 + i * 200, duration: 1400, counter: { from: p.was, to: p.now, prefix: "$", separator: "" } })),
-  { layer: "Seats figure", at: 2e3, duration: 2400, counter: { from: DEAL.seats, to: DEAL.seatsLeft } }
-];
-var NAME = "Black Friday neon sale landing page";
-var WALL = 7200;
-var black_friday_neon_landing_default = defineTemplate({
-  id: "web-black-friday-neon-landing",
-  meta: {
-    name: NAME,
-    description: "A Black Friday landing page for a SaaS product, drawn as a shopfront at night: a neon SALE sign that flickers on letter by letter on a brick wall with an arrow of chasing bulbs, a clock to the shutter coming down that ticks each second, three plans in the shop window (two annual plans at half price and a lifetime deal with its seats counting down), questions under lit tubes and the sign lying in the wet street. FAQ included. Desktop to phone",
-    category: "web",
-    tags: ["black friday", "cyber monday", "sale", "landing page", "pricing", "plans", "lifetime deal", "countdown", "neon", "neon sign", "shopfront", "night", "faq", "saas", "animation", "website", "responsive", "discount code"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["sale", "pricing", "countdown"],
-    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;
-    neonBrand(k, { name: DEAL.product, site: DEAL.site });
-    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: 700, lineHeight: 24 });
-    k.textStyle("Eyebrow 14", { ...MONO, size: 14, fontWeight: 800, letterSpacing: 1, lineHeight: 20 });
-    k.textStyle("Display 88", { size: 88, fontWeight: 900, letterSpacing: -3.4, lineHeight: 88 });
-    k.textStyle("Display 68", { size: 68, fontWeight: 900, letterSpacing: -2.4, lineHeight: 70 });
-    k.textStyle("Display 60", { size: 60, fontWeight: 900, letterSpacing: -2, lineHeight: 62 });
-    k.textStyle("Display 42", { size: 42, fontWeight: 900, letterSpacing: -1.4, lineHeight: 44 });
-    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Clock 48", { ...MONO, size: 48, fontWeight: 800, letterSpacing: -1, lineHeight: 54, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
-    k.textStyle("Clock 32", { ...MONO, size: 32, fontWeight: 800, lineHeight: 38, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
-    k.textStyle("Unit 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.4, lineHeight: 16, textAlign: "CENTER" });
-    k.textStyle("Note 15", { size: 15, fontWeight: 400, lineHeight: 22 });
-    k.textStyle("Label 13", { ...MONO, size: 13, fontWeight: 700, letterSpacing: 1.4, lineHeight: 18 });
-    k.textStyle("Figure 68", { ...MONO, size: 68, fontWeight: 800, letterSpacing: -2.4, lineHeight: 72, fontFeatures: { tnum: 1 } });
-    k.textStyle("Was 22", { ...MONO, size: 22, fontWeight: 600, lineHeight: 28, fontFeatures: { tnum: 1 } });
-    k.textStyle("Row 15", { size: 15, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Plan 24", { size: 24, fontWeight: 800, letterSpacing: -0.4, lineHeight: 30 });
-    k.textStyle("Section 44", { size: 44, fontWeight: 900, letterSpacing: -1.6, lineHeight: 48 });
-    k.textStyle("Section 32", { size: 32, fontWeight: 900, letterSpacing: -1, lineHeight: 36 });
-    k.textStyle("Section lead 17", { size: 17, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Question 20", { size: 20, fontWeight: 800, letterSpacing: -0.2, lineHeight: 26 });
-    k.textStyle("Body 15", { size: 15, fontWeight: 400, lineHeight: 23 });
-    k.textStyle("Footer 14", { size: 14, fontWeight: 400, lineHeight: 20 });
-    k.textStyle("Take 16", { size: 16, fontWeight: 800, lineHeight: 22 });
-    buttons(k, { style: "Button 16", pad: [14, 24], radius: 8 });
-    pill(k, "Marker", { fill: "accent", ink: "onAccent", style: "Eyebrow 14", label: "BLACK FRIDAY \xB7 27\u201330 NOV", pad: [6, 12], radius: 4 });
-    pill(k, "Take", { fill: "accent", ink: "onAccent", style: "Take 16", label: "Take Team for $294", pad: [12, 18], radius: 6 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 56, top: 28 });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    k.vector(sheet, 1440, WALL, wallPaths(1440, WALL), [], { name: "Mortar", absolute: { x: 0, y: 0 }, stroke: { color: "mortar", width: 3, cap: "NONE" }, opacity: 0.7 });
-    nav(k, sheet, { links: ["The sign", "The window", "Questions", "Sign in"], cta: `Use ${DEAL.code}`, style: "Nav 16", brandStyle: "Brand 20" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 56, align: "CENTER", padding: { top: 24, right: 0, bottom: 32, left: 0 }, name: "Hero" });
-    const copy = k.stack(hero, { gap: 22, name: "Copy" });
-    k.instance(copy, "Marker", { Label: "BLACK FRIDAY \xB7 27\u201330 NOV" }, { name: "Eyebrow" });
-    k.text(copy, "Lights on.\nPrices down.", { style: "Display 88", color: "text", name: "Headline" });
-    k.text(copy, `{{brand.name}} is the shared inbox that answers your customers overnight. Until the shutter comes down on Monday, every annual plan is ${DEAL.off}% off with code ${DEAL.code}, and ${DEAL.seats} lifetime seats are in the window.`, { style: "Lead 20", color: "onPaper", name: "Lead" });
-    const clock = k.stack(copy, { width: 480, fill: "card", radius: 12, padding: 14, gap: 10, stroke: { color: "steelEdge", width: 2, align: "INSIDE" }, name: "Clock" });
-    k.text(clock, "THE SHUTTER COMES DOWN IN", { style: "Label 13", color: "amber", name: "Clock label" });
-    const tiles = k.stack(clock, { direction: "HORIZONTAL", gap: 8, name: "Tiles" });
-    for (const [name, value] of [["Days", DEAL.days], ["Hours", DEAL.hours], ["Minutes", DEAL.minutes], ["Seconds", DEAL.seconds - TICKS]]) {
-      const tile = k.stack(tiles, { gap: 4, align: "CENTER", fill: "paper", radius: 8, padding: { top: 8, right: 0, bottom: 8, left: 0 }, name: "Tile" });
-      k.text(tile, two(value), { style: "Clock 48", color: "text", name: `${name} figure` });
-      k.text(tile, name.toUpperCase(), { style: "Unit 12", color: "onPaper", name: `${name} unit` });
-    }
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: `Get ${DEAL.off}% off with ${DEAL.code}` }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "See the window" }, { name: "CTA quiet" });
-    k.text(copy, `Ends ${DEAL.ends}. One code, every annual plan, once per account.`, { style: "Note 15", color: "onPaper", name: "Deadline" });
-    const sign = marquee(k, board(k, hero, MARQUEE.w, MARQUEE.h, SIGN, "Sign board"), { loopMs: DURATION, laps: 10, cable: 70 });
-    const shop = k.stack(sheet, { gap: 28, name: "Shop" });
-    shutterBox(k, shop);
-    const shopHead = k.stack(shop, { direction: "HORIZONTAL", gap: 32, align: "CENTER", name: "Shop head" });
-    const title = k.stack(shopHead, { gap: 8, name: "Plans head" });
-    const open = neonWord(k, shopHead, "OPEN", "ice", { cap: 54, t: 6, name: "Open", flow: true, strength: 0.8 });
-    k.text(title, "In the window tonight", { style: "Section 44", color: "text", name: "Plans title" });
-    k.text(title, `Three things, all marked down. The price on the glass is the price at checkout with ${DEAL.code}; list comes back when the shutter does.`, { style: "Section lead 17", color: "onPaper", name: "Plans lead" });
-    const plans = k.stack(shop, { direction: "HORIZONTAL", gap: 20, name: "Plans" });
-    for (const p of PLANS) {
-      const pane = k.stack(plans, { fill: "card", radius: 14, padding: 26, gap: 12, clip: true, stroke: { color: "steelEdge", width: 3, align: "INSIDE" }, name: "Plan" });
-      k.text(pane, p.tag, { style: "Label 13", color: p.gas, name: "Plan tag" });
-      k.text(pane, p.name, { style: "Plan 24", color: "onCard", name: "Plan name" });
-      k.text(pane, p.pitch, { style: "Note 15", color: "cardMuted", name: "Pitch" });
-      k.text(pane, `$${p.now}`, { style: "Figure 68", color: p.gas === "ice" ? "ice" : "amber", name: `${p.id} figure` });
-      const was = k.stack(pane, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Was row" });
-      const struck = k.stack(was, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", name: "Was" });
-      k.text(struck, `$${p.was}`, { style: "Was 22", color: "cardMuted", autoWidth: true, name: "List price" });
-      k.rect(struck, p.was > 999 ? 76 : 62, 2, "red", { name: "Strike", absolute: { x: -4, y: 14 } });
-      k.text(was, p.wasLabel, { style: "Row 15", color: "cardMuted", autoWidth: true, name: "Was label" });
-      tubeRule(k, pane, p.gas, { t: 3 });
-      for (const inc of p.includes) k.text(pane, inc, { style: "Row 15", color: "onCard", name: "Included" });
-      if (p.id === "Life") {
-        const seats = k.stack(pane, { direction: "HORIZONTAL", gap: 8, align: "CENTER", name: "Seats row" });
-        k.text(seats, String(DEAL.seatsLeft), { style: "Row 15", color: "amber", width: 30, name: "Seats figure" });
-        k.text(seats, `of ${DEAL.seats} seats left`, { style: "Row 15", color: "onCard", autoWidth: true, name: "Seats label" });
-      }
-      k.instance(pane, "Take", { Label: p.cta }, { name: "Plan take" });
-      sheen(k, pane, 700, 620);
-    }
-    const faq = k.stack(sheet, { gap: 24, name: "FAQ" });
-    k.text(faq, "Asked at the door", { style: "Section 44", color: "text", name: "FAQ title" });
-    const qs = k.stack(faq, { direction: "HORIZONTAL", gap: 32, name: "FAQ list" });
-    for (const [q, a, gas] of FAQ) {
-      const item = k.stack(qs, { gap: 12, name: "Question" });
-      tubeRule(k, item, gas, { t: 4 });
-      k.text(item, q, { style: "Question 20", color: "text", name: "Q" });
-      k.text(item, a, { style: "Body 15", color: "onPaper", name: "A" });
-    }
-    const cap = 150, t = 14;
-    const word = lettering("SALE", cap, { pad: t, stretch: 1.14 });
-    const street = k.stack(sheet, { height: 170, fill: k.tint("shade", 0.6), radius: 10, clip: true, name: "Street" });
-    k.rect(street, 1500, 6, k.tint("steelEdge", 0.9), { name: "Kerb", absolute: { x: 0, y: 0 } });
-    k.vector(street, 1500, 170, [20, 44, 61, 83, 104, 122, 139, 158].flatMap((y, i) => [line(i * 397 % 1100, y, i * 397 % 1100 + 120 + i * 53 % 90, y), line((i * 613 + 500) % 1300, y, (i * 613 + 500) % 1300 + 70 + i * 31 % 80, y)]), [], { name: "Ripples", absolute: { x: 0, y: 0 }, stroke: { color: "ice", width: 2 }, opacity: 0.16 });
-    puddle(k, street, word.w, word.h, word.glyphs.flat(), "red", { t, name: "Sale puddle", absolute: { x: Math.round((1200 - word.w) / 2), y: 26 }, squash: 0.62, opacity: 0.5, blur: 7 });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", gap: 16, name: "Footer" });
-    k.text(foot, "Prices in US dollars, before sales tax. Annual plans renew at the list price unless you cancel; lifetime seats never renew.", { style: "Footer 14", color: "onPaper", name: "Legal" });
-    k.text(foot, "hello@{{brand.site}}", { style: "Footer 14", color: "onPaper", autoWidth: true, name: "Email" });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    spark(k, [k.named(sign.border, "Border tube")[0]], [{ on: 200 }]);
-    sign.sale.tubes.forEach((id, i) => spark(k, [id], i === 1 ? [{ on: 420 + i * 170 }, { buzz: 6400 }] : [{ on: 420 + i * 170 }]));
-    sign.off.tubes.forEach((id, i) => spark(k, [id], [{ on: 1300 + i * 200 }]));
-    open.tubes.forEach((id, i) => spark(k, [id], i === 2 ? [{ on: 2600 }, { buzz: 4200 }] : [{ on: 2600 }]));
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Plans", "FAQ list", "Footer"],
-      restyle: { "Display 88": { laptop: "Display 68", tablet: "Display 60", mobile: "Display 42" }, "Lead 20": { mobile: "Lead 17" }, "Clock 48": { mobile: "Clock 32" }, "Section 44": { mobile: "Section 32" } },
-      hide: { tablet: ["Nav links"], mobile: ["Nav links", "Open"] },
-      gap: { mobile: 40 },
-      tweak: (kit, id, size) => {
-        const w = kit.node(id).width;
-        patchAll(kit, id, "Mortar", { x: 0, y: 0, width: w, height: WALL, paths: wallPaths(w, WALL, size === "mobile" ? 34 : 46, size === "mobile" ? 98 : 132) });
-        const inner = w - 2 * (size === "laptop" ? 80 : size === "tablet" ? 48 : 20);
-        put(kit, id, "Sale puddle", Math.round((inner - word.w * (size === "mobile" ? 0.5 : 1)) / 2), 26, size === "mobile" ? { scaleX: 0.5, scaleY: 0.5, anchorX: 0, anchorY: 0 } : {});
-        if (size === "laptop") {
-          patchAll(kit, id, "Hero", { itemSpacing: 40 });
-          reboard(kit, id, "Sign board", 0.62);
-        }
-        if (size === "tablet" || size === "mobile") {
-          patchAll(kit, id, "Hero", { itemSpacing: 40, counterAxisAlignItems: "CENTER" });
-          patchAll(kit, id, "Clock", { layoutSizingHorizontal: "FILL" });
-        }
-        if (size === "tablet") reboard(kit, id, "Sign board", 0.84);
-        if (size === "mobile") {
-          reboard(kit, id, "Sign board", 0.418);
-          patchAll(kit, id, "Street", { height: 110 });
-          patchAll(kit, id, "Plan", { padding: { top: 20, right: 18, bottom: 20, left: 18 } });
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  black_friday_neon_landing_default
-};

package/dist/chunks/chunk-O3IVQ2F2.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 {
-  slideshow
-} from "./chunk-ZJS37D5Z.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/slideshow/wedding.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var story = {
-  id: "motion-slideshow-wedding",
-  song: "vows",
-  meta: {
-    name: "Wedding album slideshow",
-    description: "A one-minute wedding film from your photos: an opening title with your names, three chapter cards, fifteen scenes cut on the beats of a gentle piano ballad (made by PopCraft, CC0), slow Ken Burns moves, dissolves, dips and light leaks, and an ending card with the date. Photos are CC0 from Wikimedia Commons; drop your own on any frame.",
-    tags: ["animation", "slideshow", "wedding", "photo", "album", "music", "beat", "scenes", "transitions", "ken burns", "love", "video"],
-    platforms: ["youtube", "instagram", "facebook"],
-    formats: ["video", "reel", "post"],
-    useCases: ["event", "invitation"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  brand: { paper: "#FBF7F1", onPaper: "#3E3530", accent: "#B89A6A", shade: "#1B1714", onPhoto: "#FFFFFF", leak: "#FFB36B" },
-  fields: { names: "Amelia & James", date: "June 14, 2026", place: "Hartwell House" },
-  scenes: [
-    { kind: "title", name: "Opening", photo: "wedding-00", kicker: "The wedding of", beats: 8, move: "in" },
-    { kind: "chapter", name: "Chapter 1", kicker: "Chapter one", title: "The morning", beats: 4 },
-    { kind: "photo", name: "Shoes", photo: "wedding-09", layout: "matted", caption: "Something new", place: "Nine o\u2019clock", beats: 4, move: "right" },
-    { kind: "photo", name: "Rings", photo: "wedding-01", caption: "The rings, warm in her hands", beats: 4, move: "in", anchor: [0.55, 0.55] },
-    { kind: "photo", name: "Almost time", photo: "wedding-03", layout: "matted", caption: "Ten minutes to go", beats: 3, move: "left", into: "push" },
-    { kind: "dip", name: "Dip 1", to: "paper", beats: 1 },
-    { kind: "chapter", name: "Chapter 2", kicker: "Chapter two", title: "The vows", beats: 4 },
-    { kind: "photo", name: "Just married", photo: "wedding-04", caption: "Just married", place: "Hartwell House", beats: 8, move: "in", anchor: [0.62, 0.7] },
-    { kind: "photo", name: "Two of us", photo: "wedding-02", caption: "Only the two of us", beats: 4, move: "left", focus: 0.35, into: "leak" },
-    { kind: "photo", name: "The cliff", photo: "wedding-06", caption: "Wherever you go", beats: 7, move: "right", focus: 0.45 },
-    { kind: "dip", name: "Dip 2", to: "shade", beats: 1 },
-    { kind: "chapter", name: "Chapter 3", kicker: "Chapter three", title: "The celebration", beats: 4 },
-    { kind: "photo", name: "The garden", photo: "wedding-08", layout: "matted", caption: "The garden, after", beats: 4, move: "up", into: "slide" },
-    { kind: "photo", name: "Ever after", photo: "wedding-07", layout: "matted", caption: "Ever after", beats: 4, move: "in" },
-    { kind: "photo", name: "First dance", photo: "wedding-05", caption: "Our first dance, under the sparks", beats: 4, move: "in", anchor: [0.5, 0.6], into: "leak" },
-    { kind: "end", name: "Ending", kicker: "Thank you for sharing our day" }
-  ]
-};
-var wedding_default = slideshow(story);
-
-export {
-  story,
-  wedding_default
-};

package/dist/chunks/chunk-O3UIIR6C.js

@@ -1,139 +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 {
-  ARIAL,
-  MAIL_W,
-  callToAction,
-  finishMail,
-  mailButton,
-  mailFooter,
-  mailHeader,
-  mailRow,
-  mailSheet,
-  section,
-  swell
-} from "./chunk-BH5MTM45.js";
-import {
-  burstPath,
-  dotPaths,
-  tick
-} from "./chunk-UDE42EDS.js";
-import {
-  hardShadow
-} from "./chunk-M6VTXO6F.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-2P7ISWIA.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/email/saas-mail-launch.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 5e3;
-var HEADER_H = 420;
-var TEETH = 18;
-var cues = [
-  { layer: "Draft flag", preset: "pulse", at: 900, params: { duration: 700, amount: 0.08 } },
-  { layer: "Sticker words", preset: "wobble", at: 2600, params: { duration: 800 } }
-];
-var THINGS = [
-  ["LISTENS", "Joins the call, or reads the recording", "Zoom, Meet and Teams. If you would rather have no bot in the room, upload the recording afterwards."],
-  ["DRAFTS", "Writes the follow-up before you stand up", "Decisions, owners and dates, in your own tone, waiting in Gmail or Outlook for you to edit and send."],
-  ["CHASES", "Nudges an owner when a date slips", "One quiet reminder on the due day. Nothing at all if the task is already ticked."]
-];
-var saas_mail_launch_default = defineTemplate({
-  id: "email-saas-mail-launch",
-  meta: {
-    name: "SaaS lifecycle email: launch announcement",
-    description: `A whole 600 px launch email in a neo-brutalist look: "It's live." on a yellow field with a turning sticker and the product's one hero in a hard-shadowed window, then the three things it does and a single button. The header loops for five seconds (export it as a GIF); the body is table-safe type`,
-    category: "email",
-    tags: ["email", "saas", "lifecycle", "launch", "announcement", "product launch", "neo-brutalist", "animated", "gif", "html"],
-    platforms: ["email"],
-    formats: ["email"],
-    useCases: ["launch", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("SaaS lifecycle email: launch announcement", preset("email-body"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#FFFDF4", text: "#111111", onPaper: "#3F3B33", primary: "#FFD21F", onPrimary: "#111111", accent: "#FF5C8A", onAccent: "#111111" },
-      { company: "Minutely", address: "18 Shoreditch High St, London E1 6JE" }
-    );
-    k.palette({ edge: "#111111", onEdge: "#FFFDF4", card: "#FFFFFF", onCard: "#111111", soft: "#55524A", wash: "#F3EFE2", mint: "#8DE8C2" });
-    k.textStyle("Live 108", { size: 108, fontWeight: 900, letterSpacing: -6, lineHeight: 100 });
-    k.textStyle("Kicker 13", { size: 13, fontWeight: 800, letterSpacing: 1.5, lineHeight: 16 });
-    k.textStyle("Sticker 20", { size: 20, fontWeight: 900, letterSpacing: -0.5, lineHeight: 20, textAlign: "CENTER" });
-    k.textStyle("UI title 15", { size: 15, fontWeight: 800, lineHeight: 20 });
-    k.textStyle("UI 13", { size: 13, fontWeight: 500, lineHeight: 19 });
-    k.textStyle("UI label 12", { size: 12, fontWeight: 800, letterSpacing: 1, lineHeight: 14 });
-    k.textStyle("Heading 28", { ...ARIAL, size: 28, fontWeight: 700, lineHeight: 34 });
-    k.textStyle("Body 16", { ...ARIAL, size: 16, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Verb 13", { ...ARIAL, size: 13, fontWeight: 700, letterSpacing: 1.5, lineHeight: 16 });
-    k.textStyle("Thing 18", { ...ARIAL, size: 18, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Small 15", { ...ARIAL, size: 15, fontWeight: 400, lineHeight: 23 });
-    k.textStyle("Button 17", { ...ARIAL, size: 17, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Fine 13", { ...ARIAL, size: 13, fontWeight: 400, lineHeight: 19 });
-    mailButton(k, "Mail button", { fill: "accent", ink: "onAccent", style: "Button 17", label: "Try it on your next meeting", width: 320, height: 56 });
-    const sheet = mailSheet(k, { paper: "paper", duration: DURATION });
-    const head = mailHeader(k, sheet, HEADER_H, "primary");
-    k.vector(head, MAIL_W, HEADER_H, dotPaths(MAIL_W, HEADER_H, 20, 3), "edge", { name: "Dots", absolute: { x: 0, y: 0 }, opacity: 0.16 });
-    const kicker = k.stack(head, { direction: "HORIZONTAL", width: "HUG", fill: "edge", padding: { top: 6, right: 12, bottom: 6, left: 12 }, name: "Kicker", absolute: { x: 36, y: 34 } });
-    k.text(kicker, "{{brand.company}} 1.0 \xB7 2 OCTOBER 2026", { style: "Kicker 13", color: "onEdge", autoWidth: true, name: "Kicker words" });
-    k.text(head, "It\u2019s live.", { style: "Live 108", color: "onPrimary", width: 520, name: "Live", absolute: { x: 30, y: 66 } });
-    const sticker = k.stack(head, { width: 132, height: 132, align: "CENTER", justify: "CENTER", name: "Sticker", absolute: { x: 438, y: 26 } });
-    const teeth = k.vector(sticker, 132, 132, [burstPath(132, TEETH, 0.13)], "accent", { name: "Sticker teeth", stroke: { color: "edge", width: 3, align: "CENTER" }, effects: [hardShadow(k, "edge", 5, 5)], absolute: { x: 0, y: 0 } });
-    k.behave(teeth, "rotation", [{ kind: "spin", rate: 360 / TEETH * 1e3 / DURATION }]);
-    k.text(sticker, "OPEN\nTO ALL", { style: "Sticker 20", color: "onAccent", name: "Sticker words" });
-    const win = k.stack(head, { width: 528, fill: "card", stroke: { color: "edge", width: 3, align: "INSIDE" }, effects: [hardShadow(k, "edge", 9, 9)], name: "Window", absolute: { x: 36, y: 196 } });
-    const bar = k.stack(win, { direction: "HORIZONTAL", align: "CENTER", justify: "SPACE_BETWEEN", fill: "edge", padding: { top: 10, right: 14, bottom: 10, left: 14 }, name: "Window bar" });
-    k.text(bar, "Design review \xB7 Thu 1 Oct \xB7 32 min", { style: "UI label 12", color: "onEdge", autoWidth: true, name: "Meeting" });
-    const flag = k.stack(bar, { direction: "HORIZONTAL", width: "HUG", gap: 6, align: "CENTER", fill: "mint", padding: { top: 4, right: 9, bottom: 4, left: 8 }, name: "Draft flag" });
-    tick(k, flag, 12, "edge");
-    k.text(flag, "DRAFT READY", { style: "UI label 12", color: "onCard", autoWidth: true, name: "Flag words" });
-    const mail = k.stack(win, { padding: { top: 16, right: 20, bottom: 40, left: 20 }, gap: 8, name: "Draft" });
-    k.text(mail, "To: Priya, Marcus, Jun     Subject: What we decided on checkout", { style: "UI 13", color: "soft", name: "To" });
-    k.rect(mail, "FILL", 2, "edge", { name: "Draft rule" });
-    k.text(mail, "Three decisions from today:", { style: "UI title 15", color: "onCard", name: "Draft opening" });
-    for (const [who, what] of [["Priya", "ships the one-page checkout to 10% of traffic by Friday 9 Oct"], ["Marcus", "pulls refund reasons for September before Tuesday"], ["Jun", "books the pricing review for the week of the 12th"]]) {
-      const row = k.stack(mail, { direction: "HORIZONTAL", gap: 10, align: "MIN", name: "Draft line" });
-      const tagBox = k.stack(row, { direction: "HORIZONTAL", width: 64, justify: "CENTER", fill: "wash", padding: { top: 2, right: 0, bottom: 2, left: 0 }, stroke: { color: "edge", width: 1.5, align: "INSIDE" }, name: "Owner" });
-      k.text(tagBox, who, { style: "UI label 12", color: "onCard", autoWidth: true, name: "Owner name" });
-      k.text(row, what, { style: "UI 13", color: "onCard", name: "Decision" });
-    }
-    swell(k, win, "translateY", { amp: 4, loopMs: DURATION, cycles: 1 });
-    const intro = section(k, sheet, { name: "Intro", pad: [40, 40, 12, 40], gap: 12 });
-    k.text(intro, "{{brand.company}} is open to everyone today.", { style: "Heading 28", color: "text", name: "Heading" });
-    k.text(intro, "For eight months, 340 beta teams have left meetings with the follow-up already written. From today there is no waitlist: connect a calendar and it starts with your next call.", { style: "Body 16", color: "onPaper", name: "Intro words" });
-    const things = section(k, sheet, { name: "What it does", pad: [16, 40, 12, 40], gap: 20 });
-    for (const [verb, title, note] of THINGS) {
-      const row = mailRow(k, things, { name: "Thing", gap: 18 });
-      const cell = k.stack(row, { width: 104, name: "Verb cell" });
-      const block = k.stack(cell, { fill: "primary", padding: { top: 10, right: 0, bottom: 10, left: 0 }, name: "Verb block" });
-      k.text(block, verb, { style: "Verb 13", color: "onPrimary", align: "CENTER", name: "Verb" });
-      const words = k.stack(row, { width: "FILL", gap: 4, name: "Thing words" });
-      k.text(words, title, { style: "Thing 18", color: "text", name: "Thing title" });
-      k.text(words, note, { style: "Small 15", color: "onPaper", name: "Thing note" });
-    }
-    callToAction(k, sheet, { button: "Mail button", label: "Try it on your next meeting", pad: [28, 40, 36, 40], note: "Free for ten meetings a month. No card, and nothing is sent without you pressing send.", noteStyle: "Small 15", noteInk: "onPaper" });
-    mailFooter(k, sheet, { style: "Fine 13", ink: "onPaper", rule: "text", why: "You are getting this because you asked to hear when {{brand.company}} launched." });
-    k.cues(sheet, cues);
-    return finishMail(k, sheet);
-  }
-});
-
-export {
-  saas_mail_launch_default
-};