@popcraft/kit 0.53.7 → 0.53.8

package/dist/chunks/chunk-TNGQKZTQ.js

@@ -1,311 +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 {
-  caret,
-  faceSlot
-} from "./chunk-2VFVKPUT.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  compactNav,
-  footer,
-  respond,
-  rule,
-  soft,
-  typeScale
-} from "./chunk-YHF6LRMF.js";
-import {
-  buttons,
-  nav,
-  page
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset
-} from "./chunk-4G7VHQUV.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/web/saas-ai-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var PROMPT = "Six-week brand refresh for Kiln & Co. Around $18k, starting 3 March. They liked the Ostra case study.";
-var FEES = [["Discovery and audit", "Weeks 1\u20132", "$4,200"], ["Identity and guidelines", "Weeks 3\u20135", "$9,800"], ["Rollout and handover", "Week 6", "$3,600"]];
-var INDEX = [
-  ["Proposals", "Scope, timeline, fee table and terms, in the order a client reads them.", "40 sec"],
-  ["Statements of work", "Deliverables and sign-off points lifted from the proposal they said yes to.", "25 sec"],
-  ["Follow-ups", "The nudge on day four, written so it does not read like a nudge.", "8 sec"],
-  ["Change requests", "What was asked for, what it adds, and the new date, on one page.", "20 sec"],
-  ["Case studies", "The finished job as a story, with the numbers the client approved.", "90 sec"]
-];
-var NOTES = ["kiln & co \u2014 brand refresh??", "6 wks, start 3 mar", '~18k (they said "under 20")', "logo stays. type + colour + packaging", "mention ostra \u2014 31% repeat orders", "half up front"];
-var VOICE = [
-  ["Twelve past proposals", "Drop in what you have already sent. It keeps your structure and the way you open."],
-  ["Your rate card", "Day rates, minimums and what you never discount. Fee tables add up the way yours do."],
-  ["How you sign off", "\u201CSpeak soon\u201D, not \u201CBest regards\u201D. It does not put words in your mouth that you would not say."]
-];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Dateline", preset: "fade-in", at: 100, params: { duration: 600 } },
-  { layer: "Headline", preset: "words-in", at: 200, params: { duration: 600 } },
-  { layer: "Lead", preset: "rise-in", at: 600 },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 750, stagger: { delay: 100 } },
-  { layer: "Proof", preset: "fade-in", at: 1e3, params: { duration: 500 } },
-  { layer: "Desk", preset: "rise-in", at: 400, params: { duration: 800 } },
-  { layer: "Prompt text", preset: "typewriter", at: 1e3, params: { duration: 1600 } },
-  { layer: "Send", preset: "pulse", at: 2650, params: { duration: 500, amount: 0.18 } },
-  { layer: "Draft", preset: "rise-in", at: 2900, params: { duration: 500 } },
-  { layer: "Draft title", preset: "words-in", at: 3050, params: { duration: 500 } },
-  { layer: "Draft opening", preset: "words-in", at: 3250, params: { duration: 300, amount: 20 } },
-  { layer: "Fee row", preset: "fade-in", at: 4400, params: { duration: 250 }, stagger: { delay: 150 } },
-  { layer: "Fee total row", preset: "fade-in", at: 4850, params: { duration: 250 } },
-  { layer: "Highlight", preset: "wipe-in", at: 5400, params: { duration: 250 } },
-  { layer: "Margin note", preset: "pop-in", at: 5500, params: { duration: 400 } }
-];
-var counts = [{ layer: "Fee total", at: 4850, duration: 550, counter: { from: 0, to: 17600, prefix: "$" } }];
-var saas_ai_landing_default = defineTemplate({
-  id: "web-saas-ai-landing",
-  meta: {
-    name: "SaaS AI tool landing page",
-    description: "A landing page for an AI writing tool, set like a broadsheet: the hero is a prompt box that types a brief and streams a finished proposal under it, fee table and all. Then an index of what it drafts, notes beside the result, how it learns a voice, a reader\u2019s letter and the price. Warm serif editorial, desktop to phone",
-    category: "web",
-    tags: ["saas", "ai", "landing page", "prompt box", "hero", "editorial", "serif", "typewriter", "website", "animation", "responsive", "startup"],
-    platforms: ["web"],
-    formats: ["page", "demo"],
-    useCases: ["launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues, counts },
-  build() {
-    const k = new Kit("SaaS AI tool landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#F1ECE1", text: "#1B1916", onPaper: "#575147", primary: "#7A1F2B", onPrimary: "#FFF8EC", accent: "#F2C14E", card: "#FFFDF8", onCard: "#1B1916", cardMuted: "#6B6458", panel: "#211D19", onPanel: "#F4EEE2", panelMuted: "#B9B0A0", hairline: "#CFC6B4" },
-      { name: "Longhand" }
-    );
-    const s = typeScale(k, {
-      "Nav 16": { size: 16, fontWeight: 500, lineHeight: 24 },
-      "Brand 22": { ...SERIF, size: 22, fontWeight: 700, letterSpacing: -0.3, lineHeight: 28 },
-      "Button 16": { size: 16, fontWeight: 600, lineHeight: 24 },
-      "Dateline 13": { ...MONO, size: 13, fontWeight: 500, letterSpacing: 1.2, lineHeight: 20, textCase: "UPPER" },
-      "Display 104": { ...SERIF, size: 104, fontWeight: 600, letterSpacing: -3.6, lineHeight: 104 },
-      "Display 88": { ...SERIF, size: 88, fontWeight: 600, letterSpacing: -3, lineHeight: 90 },
-      "Display 60": { ...SERIF, size: 60, fontWeight: 600, letterSpacing: -1.8, lineHeight: 64 },
-      "Display 42": { ...SERIF, size: 42, fontWeight: 600, letterSpacing: -1.1, lineHeight: 46 },
-      "Lead 20": { size: 20, fontWeight: 400, lineHeight: 31 },
-      "Lead 17": { size: 17, fontWeight: 400, lineHeight: 27 },
-      "Proof 14": { size: 14, fontWeight: 500, lineHeight: 22 },
-      "Prompt 19": { ...SERIF, size: 19, fontWeight: 400, lineHeight: 29 },
-      "Prompt 16": { ...SERIF, size: 16, fontWeight: 400, lineHeight: 25 },
-      "Label 12": { ...MONO, size: 12, fontWeight: 600, letterSpacing: 1.1, lineHeight: 16, textCase: "UPPER" },
-      "Draft title 30": { ...SERIF, size: 30, fontWeight: 700, letterSpacing: -0.6, lineHeight: 36 },
-      "Draft title 22": { ...SERIF, size: 22, fontWeight: 700, letterSpacing: -0.3, lineHeight: 28 },
-      "Draft 16": { ...SERIF, size: 16, fontWeight: 400, lineHeight: 26 },
-      "Fee 15": { size: 15, fontWeight: 500, lineHeight: 22, fontFeatures: { tnum: 1 } },
-      "Fee total 26": { ...SERIF, size: 26, fontWeight: 700, lineHeight: 32, fontFeatures: { tnum: 1 } },
-      "Aside 22": { ...SERIF, size: 22, fontWeight: 400, fontStyle: "italic", lineHeight: 31 },
-      "Note 14": { ...SERIF, size: 14, fontWeight: 600, fontStyle: "italic", lineHeight: 20 },
-      "Section 52": { ...SERIF, size: 52, fontWeight: 600, letterSpacing: -1.6, lineHeight: 56 },
-      "Section 34": { ...SERIF, size: 34, fontWeight: 600, letterSpacing: -0.8, lineHeight: 40 },
-      "Entry 30": { ...SERIF, size: 30, fontWeight: 500, fontStyle: "italic", letterSpacing: -0.4, lineHeight: 36 },
-      "Body 17": { size: 17, fontWeight: 400, lineHeight: 27 },
-      "Time 14": { ...MONO, size: 14, fontWeight: 500, lineHeight: 27 },
-      "Scrawl 16": { ...MONO, size: 16, fontWeight: 400, lineHeight: 30 },
-      "Quote 44": { ...SERIF, size: 44, fontWeight: 400, fontStyle: "italic", letterSpacing: -0.9, lineHeight: 56 },
-      "Quote 26": { ...SERIF, size: 26, fontWeight: 400, fontStyle: "italic", letterSpacing: -0.3, lineHeight: 36 },
-      "Initial 132": { ...SERIF, size: 132, fontWeight: 700, lineHeight: 112 },
-      "Initial 84": { ...SERIF, size: 84, fontWeight: 700, lineHeight: 76 },
-      "Voice 22": { ...SERIF, size: 22, fontWeight: 700, lineHeight: 28 },
-      "Small 14": { size: 14, fontWeight: 400, lineHeight: 22 },
-      "Foot head 14": { size: 14, fontWeight: 700, lineHeight: 22 }
-    });
-    buttons(k, { style: s("Button 16"), pad: [15, 26], radius: 2 });
-    k.component("Button paper", { direction: "HORIZONTAL", width: "HUG", radius: 2, align: "CENTER", fill: "card", padding: { top: 15, right: 26, bottom: 15, left: 26 }, props: { Label: "Start writing" } }, (id) => {
-      k.propText(id, "Label", { style: s("Button 16"), color: "onCard", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 88, top: 32 });
-    k.timeline(sheet, { duration: 6e3, fps: 30 });
-    nav(k, sheet, { links: ["What it writes", "Your voice", "Pricing", "Sign in"], cta: "Start writing", style: s("Nav 16"), brandStyle: s("Brand 22") });
-    const hero = k.stack(sheet, { gap: 36, name: "Hero" });
-    const dateline = k.stack(hero, { gap: 10, name: "Dateline" });
-    rule(k, dateline, "text", { weight: 3 });
-    const line = k.stack(dateline, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", gap: 16, name: "Dateline row" });
-    k.text(line, "Vol. 3 \xB7 The proposal issue", { style: s("Dateline 13"), color: "text", autoWidth: true, name: "Issue" });
-    k.text(line, "For designers, writers and studios of one", { style: s("Dateline 13"), color: "onPaper", autoWidth: true, name: "Readers" });
-    k.text(line, "Free for three documents a month", { style: s("Dateline 13"), color: "onPaper", autoWidth: true, name: "Offer" });
-    rule(k, dateline, "text");
-    k.text(hero, "Say what the job is. Longhand writes the proposal.", { style: s("Display 104"), color: "text", name: "Headline" });
-    const row = k.stack(hero, { direction: "HORIZONTAL", gap: 64, name: "Hero row" });
-    const copy = k.stack(row, { width: 400, gap: 24, name: "Copy" });
-    k.text(copy, "Type one line about the work, or say it into your phone on the walk home. Forty seconds later there is a proposal in your own voice, with a fee table that adds up and terms you have used before.", { style: s("Lead 20"), color: "onPaper", name: "Lead" });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: "Write your first one" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "Read a sample" }, { name: "CTA quiet" });
-    k.text(copy, "61,400 proposals sent since January. 38% were signed within a week.", { style: s("Proof 14"), color: "onPaper", name: "Proof" });
-    const aside = k.stack(copy, { gap: 10, padding: { top: 28, right: 0, bottom: 0, left: 0 }, name: "Aside" });
-    rule(k, aside, "text");
-    k.text(aside, "Overheard", { style: s("Label 12"), color: "onPaper", name: "Aside label" });
-    k.text(aside, "\u201CShe replied in nine minutes with a yes and a start date. I had not finished my coffee.\u201D", { style: s("Aside 22"), color: "text", name: "Aside quote" });
-    k.text(aside, "Tom\xE1s Reyes, copywriter", { style: s("Proof 14"), color: "onPaper", name: "Aside name" });
-    const desk = k.stack(row, { gap: 0, fill: "card", radius: 4, stroke: { color: "text", width: 1.5 }, effects: [soft(0.16, 24, 48)], name: "Desk" });
-    const ask = k.stack(desk, { gap: 12, padding: { top: 24, right: 28, bottom: 24, left: 28 }, name: "Prompt" });
-    k.text(ask, "What is the job?", { style: s("Label 12"), color: "cardMuted", name: "Prompt label" });
-    const field = k.stack(ask, { direction: "HORIZONTAL", gap: 16, align: "MAX", name: "Prompt field" });
-    const typed = k.stack(field, { direction: "HORIZONTAL", gap: 4, align: "MAX", name: "Typed" });
-    k.text(typed, PROMPT, { style: s("Prompt 19"), color: "onCard", name: "Prompt text" });
-    caret(k, typed, 2, 26, "primary", { absolute: { x: 0, y: 0 } });
-    const send = k.stack(field, { width: 44, height: 44, radius: 22, fill: "primary", align: "CENTER", justify: "CENTER", name: "Send" });
-    k.vector(send, 18, 18, [{ closed: false, points: [{ x: 9, y: 16 }, { x: 9, y: 2 }] }, { closed: false, points: [{ x: 3, y: 8 }, { x: 9, y: 2 }, { x: 15, y: 8 }] }], "onPrimary", { name: "Arrow", strokeWidth: 2.4 });
-    rule(k, desk, "text", { weight: 1.5 });
-    const draft = k.stack(desk, { gap: 16, padding: { top: 28, right: 28, bottom: 30, left: 28 }, name: "Draft" });
-    k.text(draft, "Proposal \xB7 drafted for Kiln & Co.", { style: s("Label 12"), color: "cardMuted", name: "Draft label" });
-    k.text(draft, "A sharper Kiln, on every shelf by mid-April", { style: s("Draft title 30"), color: "onCard", name: "Draft title" });
-    k.text(draft, "Kiln\u2019s pots have outgrown the brand they launched with. Over six weeks from 3 March I will rework the type, colour and packaging around the mark you already own, the way we did for Ostra, where repeat orders rose 31% in a season.", { style: s("Draft 16"), color: "onCard", name: "Draft opening" });
-    const fees = k.stack(draft, { gap: 0, name: "Fees" });
-    for (const [what, when, fee] of FEES) {
-      const r = k.stack(fees, { name: "Fee row" });
-      rule(k, r, "hairline");
-      const cells = k.stack(r, { direction: "HORIZONTAL", gap: 16, padding: { top: 9, right: 0, bottom: 9, left: 0 }, name: "Fee cells" });
-      k.text(cells, what, { style: s("Fee 15"), color: "onCard", name: "Fee item" });
-      k.text(cells, when, { style: s("Fee 15"), color: "cardMuted", width: 104, name: "Fee weeks" });
-      k.text(cells, fee, { style: s("Fee 15"), color: "onCard", width: 64, align: "RIGHT", name: "Fee amount" });
-    }
-    const total = k.stack(fees, { name: "Fee total row" });
-    rule(k, total, "onCard", { weight: 1.5 });
-    const sum = k.stack(total, { direction: "HORIZONTAL", gap: 16, align: "CENTER", padding: { top: 12, right: 0, bottom: 0, left: 0 }, name: "Fee sum" });
-    k.text(sum, "Total, half on signing", { style: s("Fee 15"), color: "onCard", name: "Total label" });
-    const figure = k.stack(sum, { direction: "HORIZONTAL", width: "HUG", padding: { top: 0, right: 8, bottom: 0, left: 8 }, name: "Figure" });
-    k.rect(figure, 112, 16, "accent", { name: "Highlight", absolute: { x: 0, y: 13 } });
-    k.text(figure, "$17,600", { style: s("Fee total 26"), color: "onCard", autoWidth: true, name: "Fee total" });
-    const note = k.stack(desk, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", fill: "accent", radius: 2, padding: { top: 8, right: 14, bottom: 8, left: 14 }, effects: [soft(0.18, 6, 14)], name: "Margin note", absolute: { x: 560, y: -20 } });
-    k.text(note, "Drafted in 41 seconds", { style: s("Note 14"), color: "onCard", autoWidth: true, name: "Note words" });
-    k.patch(note, { rotation: -3 });
-    const index = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, name: "Index" });
-    const head = k.stack(index, { width: 372, gap: 16, name: "Index head" });
-    k.text(head, "Contents", { style: s("Label 12"), color: "onPaper", name: "Index label" });
-    k.text(head, "The whole paper trail of a job.", { style: s("Section 52"), color: "text", name: "Index title" });
-    k.text(head, "Each document starts from the one before it, so the invoice agrees with the proposal and the case study agrees with both.", { style: s("Body 17"), color: "onPaper", name: "Index lead" });
-    const list = k.stack(index, { name: "Index list" });
-    for (const [name, what, time] of INDEX) {
-      rule(k, list, "text");
-      const r = k.stack(list, { direction: "HORIZONTAL", gap: 24, padding: { top: 20, right: 0, bottom: 22, left: 0 }, name: "Entry" });
-      k.text(r, name, { style: s("Entry 30"), color: "text", width: 270, name: "Entry name" });
-      k.text(r, what, { style: s("Body 17"), color: "onPaper", name: "Entry text" });
-      k.text(r, time, { style: s("Time 14"), color: "text", width: 64, align: "RIGHT", name: "Entry time" });
-    }
-    rule(k, list, "text");
-    const compare = k.stack(sheet, { gap: 32, name: "Compare" });
-    k.text(compare, "It starts from the notes you already take.", { style: s("Section 52"), color: "text", width: 760, name: "Compare title" });
-    const pair = k.stack(compare, { direction: "HORIZONTAL", gap: 0, name: "Pair" });
-    const blotter = k.stack(pair, { gap: 14, fill: "panel", padding: 40, name: "Notes" });
-    k.text(blotter, "Your notes, 4:52 pm", { style: s("Label 12"), color: "panelMuted", name: "Notes label" });
-    const scrawl = k.stack(blotter, { name: "Scrawl" });
-    for (const n of NOTES) k.text(scrawl, n, { style: s("Scrawl 16"), color: "onPanel", name: "Note line" });
-    const out = k.stack(pair, { gap: 14, fill: "card", stroke: { color: "text", width: 1.5 }, padding: 40, name: "Sent" });
-    k.text(out, "What Kiln & Co. read, 4:53 pm", { style: s("Label 12"), color: "cardMuted", name: "Sent label" });
-    k.text(out, "Terms", { style: s("Voice 22"), color: "onCard", name: "Sent title" });
-    k.text(out, "The fee is $17,600, with half due on signing and half at handover in the week of 14 April. The mark itself is out of scope and stays as it is. Two rounds of revisions are included at each stage; a third is billed at my day rate of $880.", { style: s("Draft 16"), color: "onCard", name: "Sent text" });
-    k.text(out, "Speak soon, In\xE9s", { style: s("Note 14"), color: "cardMuted", name: "Sign-off" });
-    const voice = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, name: "Voice" });
-    const opener = k.stack(voice, { direction: "HORIZONTAL", gap: 20, name: "Opener" });
-    k.text(opener, "I", { style: s("Initial 132"), color: "text", autoWidth: true, name: "Initial" });
-    k.text(opener, "t sounds like you because it has read you. Nothing leaves your account, and nothing you write trains a model anyone else uses.", { style: s("Section 52"), color: "text", name: "Opener text" });
-    const reads = k.stack(voice, { width: 420, name: "Reads" });
-    for (const [name, what] of VOICE) {
-      rule(k, reads, "text");
-      const item = k.stack(reads, { gap: 6, padding: { top: 16, right: 0, bottom: 22, left: 0 }, name: "Read" });
-      k.text(item, name, { style: s("Voice 22"), color: "text", name: "Read name" });
-      k.text(item, what, { style: s("Body 17"), color: "onPaper", name: "Read text" });
-    }
-    const letter = k.stack(sheet, { gap: 28, name: "Letter" });
-    rule(k, letter, "text", { weight: 3 });
-    k.text(letter, "Letters", { style: s("Label 12"), color: "onPaper", name: "Letter label" });
-    k.text(letter, "\u201CI used to lose a Sunday to every proposal. Last month I sent nine, from the train, and seven came back signed. The fee tables are the part clients mention.\u201D", { style: s("Quote 44"), color: "text", name: "Quote" });
-    const by = k.stack(letter, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Byline" });
-    faceSlot(k, k.photo(by, 52, 52, { radius: 26, ground: "hairline", name: "Portrait" }), 52, 52, "onPaper");
-    k.text(by, "In\xE9s Carvalho, brand designer, Porto", { style: s("Proof 14"), color: "onPaper", name: "Writer" });
-    const band = k.stack(sheet, { direction: "HORIZONTAL", gap: 48, align: "CENTER", fill: "primary", padding: 56, name: "Band" });
-    const pitch = k.stack(band, { gap: 12, name: "Band copy" });
-    k.text(pitch, "Three documents a month, free. $19 a month when the work picks up.", { style: s("Section 52"), color: "onPrimary", name: "Band title" });
-    k.text(pitch, "No seats, no credits, no word limits. Cancel from the same page you signed up on.", { style: s("Body 17"), color: "onPrimary", name: "Band text" });
-    k.instance(band, "Button paper", { Label: "Write your first one" }, { name: "Band button" });
-    footer(k, sheet, {
-      about: "Proposals, statements of work and follow-ups for people who would rather be doing the work.",
-      columns: [["Product", ["What it writes", "Your voice", "Pricing", "Changelog"]], ["Read", ["Sample proposal", "Fee table guide", "Letters"]], ["Company", ["About", "Privacy", "Contact"]]],
-      legal: "\xA9 2026 Longhand Writing Co. Set in Source Serif and Inter.",
-      brandStyle: s("Brand 22"),
-      headStyle: s("Foot head 14"),
-      linkStyle: s("Small 14"),
-      ruleColor: "text"
-    });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    respond(k, sheet, s, {
-      stack: ["Hero row", "Index", "Pair", "Voice", "Band", "Footer columns"],
-      stackMobile: ["Entry", "Dateline row"],
-      restyle: {
-        "Display 104": { laptop: "Display 88", tablet: "Display 60", mobile: "Display 42" },
-        "Section 52": { tablet: "Section 34", mobile: "Section 34" },
-        "Quote 44": { tablet: "Quote 26", mobile: "Quote 26" },
-        "Lead 20": { mobile: "Lead 17" },
-        "Initial 132": { tablet: "Initial 84", mobile: "Initial 84" },
-        "Prompt 19": { mobile: "Prompt 16" },
-        "Draft title 30": { mobile: "Draft title 22" }
-      },
-      hide: { tablet: ["Readers"] },
-      typing: [{ text: "Prompt text", caret: "Caret", at: 1e3, duration: 1600 }],
-      gap: { tablet: 64, mobile: 56 },
-      tweak: (kit, id, size) => {
-        const each = (name, props) => {
-          for (const n of kit.named(id, name)) kit.patch(n, props);
-        };
-        if (size === "laptop") {
-          each("Hero row", { itemSpacing: 48 });
-          each("Entry name", { width: 240 });
-          each("Margin note", { x: 470 });
-        }
-        if (size === "tablet") compactNav(kit, id, ["Your voice"]);
-        if (size === "tablet" || size === "mobile") {
-          each("Hero row", { itemSpacing: 40 });
-          each("Index", { itemSpacing: 28 });
-          each("Voice", { itemSpacing: 32 });
-          each("Band", { itemSpacing: 28, padding: { top: 36, right: 24, bottom: 36, left: 24 } });
-          each("Compare title", { layoutSizingHorizontal: "FILL" });
-          each("Margin note", { x: size === "tablet" ? 470 : 150 });
-        }
-        if (size === "mobile") {
-          each("Entry", { itemSpacing: 6 });
-          each("Entry time", { textAlign: "LEFT" });
-          each("Dateline row", { itemSpacing: 2 });
-          each("Prompt", { padding: { top: 20, right: 18, bottom: 20, left: 18 } });
-          each("Draft", { padding: { top: 22, right: 18, bottom: 24, left: 18 } });
-          each("Notes", { padding: { top: 24, right: 24, bottom: 24, left: 24 } });
-          each("Sent", { padding: { top: 24, right: 24, bottom: 24, left: 24 } });
-          each("Fee weeks", { visible: false });
-          each("Readers", { visible: false });
-          each("Aside", { padding: { top: 8, right: 0, bottom: 0, left: 0 } });
-          each("Opener", { itemSpacing: 12 });
-          each("Footer lists", { itemSpacing: 16 });
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  saas_ai_landing_default
-};

package/dist/chunks/chunk-TNSIGDVE.js

@@ -1,145 +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,
-  brandRow,
-  clear,
-  dress,
-  fitGate,
-  gate,
-  label,
-  liftGate,
-  redress,
-  shout,
-  shove,
-  slab,
-  slam,
-  spinSticker,
-  stamp,
-  sticker,
-  thump,
-  ticketStub,
-  tollBrand,
-  verticalPost
-} from "./chunk-BDCAQSRZ.js";
-import {
-  patchAll,
-  restyle,
-  sizeOf
-} from "./chunk-LWSZATOL.js";
-import {
-  pill,
-  postVariants
-} from "./chunk-KOAJ6HD2.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset
-} from "./chunk-4G7VHQUV.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/social/style-brutalist-announcement.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 6e3;
-var OUT = 5200;
-var TEETH = 18;
-var PARTS = ["Top row", "Shout top", "Shout block", "Gate", "Sticker", "Pitch", "Call row"];
-var cues = [
-  shove("Top row", 0, "left", { duration: 260 }),
-  ...slam("Shout top", 150, { distance: 320, shake: 14 }),
-  ...stamp("Shout block", 460, { from: 1.8 }),
-  shove("Gate", 800, "right", { duration: 300 }),
-  ...stamp("Sticker", 1650, { from: 1.9, rock: 9 }),
-  { layer: "Pitch", preset: "words-in", at: 1900, params: { duration: 300, amount: 45 } },
-  ...slam("Call row", 2700, { distance: 240, shake: 12 }),
-  thump("Call row", 3500, 0.06),
-  { layer: "Shout block", preset: "wobble", at: 3900, params: { duration: 600, amount: 5 } },
-  thump("Call row", 4400, 0.06),
-  clear(PARTS, OUT)
-];
-var style_brutalist_announcement_default = defineTemplate({
-  id: "motion-saas-style-brutalist-announcement",
-  meta: {
-    name: "Brutalist SaaS announcement post (animated)",
-    description: "A launch announcement that loops, in the neo-brutalist look: the shout slams on, its second line is stamped under it as a tilted block, a toll barrier shoves in and its arm swings up, a sticker is stamped on and keeps turning, the pitch arrives a word at a time and the button lands and beats; then it all cuts off and starts again. Six seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "announcement", "launch", "we are open", "loop", "neo-brutalist", "brutalism", "bold", "sticker", "post", "creator tool"],
-    platforms: ["x", "linkedin", "instagram", "threads", "product-hunt"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["announcement", "launch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("Brutalist SaaS announcement post (animated)", preset("ig-post"));
-    k.quantizeGeometry = true;
-    tollBrand(k, ["paper", "text", "onText", "primary", "onPrimary", "accent", "onAccent", "card", "onCard"]);
-    k.textStyle("Shout 168", shout(168));
-    k.textStyle("Shout 150", shout(150));
-    k.textStyle("Brand 40", shout(40, { leading: 1.1 }));
-    k.textStyle("Tag 22", label(22));
-    k.textStyle("Sticker 76", shout(76, { center: true }));
-    k.textStyle("Sticker 20", label(20, { center: true }));
-    k.textStyle("Pitch 38", body(38, 700));
-    k.textStyle("Pitch 46", body(46, 700));
-    k.textStyle("Button 34", shout(34, { leading: 1.25 }));
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: "OPEN YOURS: tollbooth.example", pad: [20, 26], radius: 0 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 20, { top: 104, right: 64, bottom: 110, left: 64 }, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    dress(k, sheet);
-    k.patch(ticketStub(k, sheet, { x: 190, y: 1540 }), { visible: false });
-    k.patch(brandRow(k, sheet, { nameStyle: "Brand 40", tagStyle: "Tag 22", tag: "OPEN FROM TUE 14 OCT", nameWidth: 230 }), { primaryAxisAlignItems: "MIN", itemSpacing: 28 });
-    const said = k.stack(sheet, { gap: 4, name: "Shout" });
-    k.text(said, "THE BOOTH", { style: "Shout 168", color: "text", name: "Shout top" });
-    const block = slab(k, said, { width: "HUG", fill: "primary", shadow: 14, padding: { top: 6, right: 28, bottom: 14, left: 24 }, name: "Shout block" });
-    k.text(block, "IS OPEN.", { style: "Shout 168", color: "onPrimary", autoWidth: true, name: "Shout words" });
-    k.patch(block, { rotation: -3 });
-    const barrier = gate(k, sheet, { width: 952, height: 76 });
-    liftGate(k, barrier.arm, [1400], 3300, 97);
-    k.text(sheet, "Put a price on a file and sell it from one link. $0 a month, and a 5% toll when you sell.", { style: "Pitch 38", color: "text", name: "Pitch" });
-    const call = slab(k, sheet, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", fill: "primary", shadow: 12, gap: 0, name: "Call row" });
-    const tile = k.stack(call, { width: "HUG", fill: "text", padding: 24, name: "Call tile" });
-    k.logo(tile, 40, 40);
-    k.instance(call, "Button", { Label: "OPEN YOURS: {{brand.site}}" }, { name: "Call" });
-    const badge = sticker(k, sheet, { size: 250, teeth: TEETH, fill: "accent", ink: "onAccent", big: "$0", small: "A MONTH\nTO OPEN", bigStyle: "Sticker 76", smallStyle: "Sticker 20", tilt: 10, shadow: 10, absolute: { x: 800, y: 370 } });
-    spinSticker(k, badge, 2 * 360 / TEETH * 1e3 / DURATION);
-    k.cues(sheet, cues);
-    const refit = (kit, id, at) => {
-      redress(kit, id);
-      fitGate(kit, id, "Gate", sizeOf(kit, id).w - kit.node(id).padding.left * 2);
-      patchAll(kit, id, "Sticker", at);
-    };
-    k.variants(sheet, postVariants({ portrait: 64 }, {
-      portrait: (kit, id) => {
-        kit.patch(id, { padding: { top: 120, right: 64, bottom: 126, left: 64 } });
-        restyle(kit, id, "Pitch", "Pitch 46");
-        refit(kit, id, { x: 790, y: 340 });
-      },
-      vertical: (kit, id) => {
-        restyle(kit, id, "Pitch", "Pitch 46");
-        for (const n of ["Shout top", "Shout words"]) restyle(kit, id, n, "Shout 150");
-        patchAll(kit, id, "Date tag", { visible: false });
-        verticalPost(kit, id);
-        refit(kit, id, { x: 640, y: 330 });
-      }
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_brutalist_announcement_default
-};