@popcraft/kit 0.24.2 → 0.25.0

package/dist/chunks/chunk-BGOPVC5T.js

@@ -1,213 +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 {
-  barHead,
-  broadsheetBrand,
-  classified,
-  columnRule,
-  doubleRule,
-  flash,
-  grain,
-  markets,
-  masthead,
-  pressPhoto,
-  pullQuote,
-  rescale,
-  rule,
-  story,
-  weatherBox
-} from "./chunk-KYY7Z2AH.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-X23ZWFW2.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-YKXCPYWJ.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/broadsheet-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var STORIES = [
-  { kicker: "Engineering", head: "Every pull request read in full, sources say", cap: "T", open: "he machine reads the diff, the title, the review thread and the issue it closes.", rest: "It can tell a customer-facing change from a dependency bump, and it leaves the bumps out. Forty merges on a busy Thursday come back as six notes a customer would care about, each with the pull request it came from, so anyone can check its working." },
-  { kicker: "Style", head: "Notes arrive in the house style, not the robot\u2019s", rest: "Point {{brand.name}} at your last twenty release notes and it picks up the habits: whether you say \u201Cfixed\u201D or \u201Csquashed\u201D, whether you thank contributors by name, how long a line may run. Three tone presets ship for teams with no back catalogue: plain, friendly and terse." },
-  { kicker: "Distribution", head: "Friday edition goes out on its own", rest: "The draft lands in Slack at nine. One click approves it; no click, and it waits. Approved notes are published to your changelog page, the RSS feed, an email to subscribers and the in-app \u201Cwhat\u2019s new\u201D panel in the same minute. Nothing is sent that a human has not seen." }
-];
-var ADS = [
-  { head: "For sale: Solo", body: "One repository, weekly edition, changelog page. $0 for ever. No card." },
-  { head: "For sale: Team", body: "Unlimited repositories, your house style, Slack and email. $29 a month, flat.", reversed: true },
-  { head: "Help wanted", body: "Founding engineer, remote, Europe hours. Must enjoy deleting code. Write to jobs@{{brand.site}}." },
-  { head: "Public notice", body: "Open source maintainers get Team free. Send us the repository; that is the whole form." }
-];
-var counts = [{ layer: "Teams close", at: 900, duration: 2600, counter: { from: 9788, to: 1e4, separator: "," } }];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Flash", preset: "pop-in", at: 150, params: { duration: 320 } },
-  { layer: "Banner", preset: "typewriter", at: 300, params: { duration: 1100 } },
-  { layer: "Deck", preset: "rise-in", at: 1200, params: { duration: 600 } },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1500, params: { duration: 500 }, stagger: { delay: 120 } },
-  { layer: "Byline", preset: "fade-in", at: 1900, params: { duration: 500 } },
-  { layer: "Held paper", preset: "wobble", at: 1700, params: { duration: 900 } },
-  { layer: "Held paper", preset: "wobble", at: 3600, params: { duration: 900 } }
-];
-var PHOTO = { width: 420, height: 320 };
-var broadsheet_landing_default = defineTemplate({
-  id: "web-broadsheet-landing",
-  meta: {
-    name: "Broadsheet front-page landing page",
-    description: 'A landing page laid out as a newspaper front page: a nameplate between two ears and a dateline, a lead story with an "EXTRA! EXTRA!" flash and a banner headline typeset letter by letter, a halftone press photograph, a markets table that counts up, the features as three real news stories in justified columns with a drop cap, a customer story round a pull quote, a weather box, and the prices and a hiring notice as classified advertisements. At desktop, laptop, tablet and phone widths',
-    category: "web",
-    tags: ["broadsheet", "newspaper", "front page", "headline", "extra extra", "halftone", "newsprint", "serif", "editorial", "columns", "drop cap", "classifieds", "landing page", "hero", "website", "saas", "animation", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues, counts },
-  build() {
-    const k = new Kit("Broadsheet front-page landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    broadsheetBrand(k, { headline: "RELEASE NOTES NOW WRITE THEMSELVES" });
-    k.textStyle("Nav 15", { ...MONO, size: 14, fontWeight: 700, letterSpacing: 0.6, lineHeight: 22, textCase: "UPPER" });
-    k.textStyle("Brand 20", { ...SERIF, size: 20, fontWeight: 900, letterSpacing: -0.4, lineHeight: 26 });
-    k.textStyle("Button 15", { size: 15, fontWeight: 800, letterSpacing: 0.4, lineHeight: 22 });
-    k.textStyle("Plate 104", { ...SERIF, size: 88, fontWeight: 900, letterSpacing: -2.6, lineHeight: 94 });
-    k.textStyle("Plate 88", { ...SERIF, size: 78, fontWeight: 900, letterSpacing: -2.2, lineHeight: 84 });
-    k.textStyle("Plate 62", { ...SERIF, size: 62, fontWeight: 900, letterSpacing: -1.8, lineHeight: 66 });
-    k.textStyle("Plate 33", { ...SERIF, size: 30, fontWeight: 900, letterSpacing: -0.8, lineHeight: 36 });
-    k.textStyle("Ear 14", { ...SERIF, size: 14, fontWeight: 700, fontStyle: "italic", lineHeight: 18, textAlign: "CENTER" });
-    k.textStyle("Dateline 13", { ...MONO, size: 13, fontWeight: 700, letterSpacing: 1.4, lineHeight: 18, textCase: "UPPER" });
-    k.textStyle("Flash 20", { size: 20, fontWeight: 900, letterSpacing: 2.5, lineHeight: 24, textCase: "UPPER" });
-    k.textStyle("Banner 92", { ...SERIF, size: 84, fontWeight: 900, letterSpacing: -2.4, lineHeight: 78 });
-    k.textStyle("Banner 80", { ...SERIF, size: 74, fontWeight: 900, letterSpacing: -2, lineHeight: 70 });
-    k.textStyle("Banner 40", { ...SERIF, size: 40, fontWeight: 900, letterSpacing: -1, lineHeight: 40 });
-    k.textStyle("Deck 24", { ...SERIF, size: 24, fontWeight: 500, fontStyle: "italic", lineHeight: 34 });
-    k.textStyle("Deck 19", { ...SERIF, size: 19, fontWeight: 500, fontStyle: "italic", lineHeight: 28 });
-    k.textStyle("Byline 13", { ...MONO, size: 13, fontWeight: 700, letterSpacing: 1.2, lineHeight: 18, textCase: "UPPER" });
-    k.textStyle("Caption 14", { ...SERIF, size: 14, fontWeight: 500, fontStyle: "italic", lineHeight: 19 });
-    k.textStyle("Head 14", { size: 14, fontWeight: 900, letterSpacing: 2, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Row 15", { ...MONO, size: 15, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Kicker 13", { ...MONO, size: 13, fontWeight: 800, letterSpacing: 1.6, lineHeight: 18, textCase: "UPPER" });
-    k.textStyle("Column head 30", { ...SERIF, size: 30, fontWeight: 800, letterSpacing: -0.6, lineHeight: 34 });
-    k.textStyle("Cap 76", { ...SERIF, size: 76, fontWeight: 900, lineHeight: 64 });
-    k.textStyle("Body 18", { ...SERIF, size: 18, fontWeight: 400, lineHeight: 28, textAlign: "JUSTIFIED" });
-    k.textStyle("Body 17", { ...SERIF, size: 17, fontWeight: 400, lineHeight: 27 });
-    k.textStyle("Feature head 46", { ...SERIF, size: 46, fontWeight: 900, letterSpacing: -1.2, lineHeight: 48 });
-    k.textStyle("Feature head 32", { ...SERIF, size: 32, fontWeight: 900, letterSpacing: -0.8, lineHeight: 36 });
-    k.textStyle("Quote 34", { ...SERIF, size: 34, fontWeight: 600, fontStyle: "italic", letterSpacing: -0.4, lineHeight: 42 });
-    k.textStyle("Quote 26", { ...SERIF, size: 26, fontWeight: 600, fontStyle: "italic", lineHeight: 34 });
-    k.textStyle("Weather 22", { ...SERIF, size: 22, fontWeight: 800, lineHeight: 26 });
-    k.textStyle("Ad head 16", { size: 16, fontWeight: 900, letterSpacing: 1.2, lineHeight: 22, textCase: "UPPER" });
-    k.textStyle("Ad 16", { ...SERIF, size: 16, fontWeight: 500, lineHeight: 23 });
-    k.textStyle("Small 13", { ...MONO, size: 13, fontWeight: 500, lineHeight: 20 });
-    buttons(k, { style: "Button 15", pad: [14, 24], radius: 0 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 28, top: 24 });
-    k.patch(sheet, { effects: grain(0.07, 2) });
-    k.timeline(sheet, { duration: 5e3, fps: 30 });
-    nav(k, sheet, { links: ["Front page", "How it works", "Prices", "Classifieds"], cta: "Subscribe, free", style: "Nav 15", brandStyle: "Brand 20" });
-    for (const t of k.named(sheet, "Logo tile")) k.patch(t, { cornerRadius: 0 });
-    masthead(k, sheet, { plate: "Plate 104", dateline: "Dateline 13", ear: "Ear 14", ears: ["The forecast:\nclear to ship,\nuptime 99.98%", "All the news\nthat\u2019s fit\nto merge"] });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 32, name: "Hero" });
-    const copy = k.stack(hero, { gap: 20, name: "Copy" });
-    flash(k, copy, "Extra! Extra!", { style: "Flash 20", star: 16, pad: [6, 14] });
-    k.text(copy, "{{brand.headline}}", { style: "Banner 92", color: "text", name: "Banner" });
-    k.text(copy, "{{brand.name}} reads every merged pull request and files the changelog before stand-up. Engineers are said to be relieved; product managers, suspicious, then relieved.", { style: "Deck 24", color: "text", name: "Deck" });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: "Get this Friday\u2019s edition, free" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "Read a sample changelog" }, { name: "CTA quiet" });
-    k.text(copy, "By our shipping correspondent \xB7 connects to GitHub and GitLab in two minutes \xB7 no card", { style: "Byline 13", color: "onPaper", name: "Byline" });
-    columnRule(k, hero);
-    const visual = k.stack(hero, { width: PHOTO.width, gap: 14, name: "Visual" });
-    const figure = k.stack(visual, { gap: 6, name: "Figure" });
-    const stage = k.stack(figure, { height: PHOTO.height, name: "Photo stage" });
-    pressPhoto(k, stage, PHOTO.width, PHOTO.height);
-    k.text(figure, "A newsboy cries the 9 a.m. edition outside the build server. Photograph: staff.", { style: "Caption 14", color: "onPaper", name: "Photo caption" });
-    markets(k, visual, [["Teams", "10,000", "+212"], ["Notes filed", "48,310", "+1,904"], ["Hours saved", "9,420", "+388"]], { head: "Head 14", row: "Row 15" });
-    doubleRule(k, sheet, { name: "Fold" });
-    const columns = k.stack(sheet, { direction: "HORIZONTAL", gap: 28, name: "Columns" });
-    STORIES.forEach((s, i) => {
-      if (i) columnRule(k, columns);
-      const col = k.stack(columns, { gap: 10, name: "Column" });
-      flash(k, col, s.kicker, { style: "Kicker 13", pad: [2, 8], name: "Kicker" });
-      k.text(col, s.head, { style: "Column head 30", color: "text", name: "Column head" });
-      rule(k, col, 1.5);
-      if ("cap" in s) story(k, col, { cap: s.cap, open: s.open, rest: s.rest, capStyle: "Cap 76", body: "Body 18" });
-      else k.text(col, s.rest, { style: "Body 18", color: "text", name: "Column text" });
-      k.text(col, i === 2 ? "Prices, page 6" : `Continued on page ${i + 4}`, { style: "Caption 14", color: "onPaper", name: "Continued" });
-    });
-    doubleRule(k, sheet, { name: "Fold", flip: true });
-    const feature = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, name: "Feature" });
-    const article = k.stack(feature, { gap: 14, name: "Article" });
-    flash(k, article, "Profile", { style: "Kicker 13", pad: [2, 8], name: "Kicker" });
-    k.text(article, "Six engineers, forty merges a week and not one release note written by hand since March", { style: "Feature head 46", color: "text", name: "Feature head" });
-    k.text(article, "Harbour & Pine makes booking software for marinas. Its changelog used to be a Friday chore passed round the team like a cold. Now the draft is waiting in Slack at nine, the CTO reads it over coffee and presses the button. Support tickets asking \u201Cdid you change something?\u201D are down by a third, because the answer is already in the customer\u2019s inbox.", { style: "Body 17", color: "text", name: "Feature text" });
-    const side = k.stack(feature, { width: 420, gap: 20, name: "Feature side" });
-    pullQuote(k, side, { quote: "\u201CIt reads like we wrote it ourselves, on a good day, after a holiday.\u201D", by: "Priya Raman, CTO, Harbour & Pine", style: "Quote 34", byStyle: "Byline 13" });
-    weatherBox(k, side, { head: "Head 14", big: "Weather 22", body: "Ad 16", small: "Small 13" });
-    const classifieds = k.stack(sheet, { gap: 14, name: "Classifieds" });
-    barHead(k, classifieds, "Classified advertisements", "Head 14", { pad: [6, 12] });
-    const ads = k.stack(classifieds, { direction: "HORIZONTAL", gap: 14, name: "Ads" });
-    for (const ad of ADS) classified(k, ads, { head: ad.head, body: ad.body, headStyle: "Ad head 16", bodyStyle: "Ad 16", reversed: "reversed" in ad });
-    rule(k, sheet, 1.5);
-    k.text(sheet, "Printed and published by {{brand.name}} \xB7 \xA9 2026 \xB7 Privacy \xB7 Terms \xB7 Status \xB7 RSS \xB7 The editor regrets nothing that was merged with a passing build.", { style: "Small 13", color: "onPaper", name: "Footer" });
-    const sky = k.named(sheet, "Sky")[0];
-    const dot = Math.max(5, Math.round(PHOTO.height / 34));
-    k.animate(sky, "effects[@e1].dotSize", [{ t: 0, v: dot, ease: ease.inOut("sine") }, { t: 2500, v: dot * 1.35, ease: ease.inOut("sine") }, { t: 5e3, v: dot }]);
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Columns", "Feature"],
-      stackMobile: ["Ads"],
-      restyle: {
-        "Plate 104": { laptop: "Plate 88", tablet: "Plate 62", mobile: "Plate 33" },
-        "Banner 92": { laptop: "Banner 80", tablet: "Banner 80", mobile: "Banner 40" },
-        "Deck 24": { mobile: "Deck 19" },
-        "Feature head 46": { mobile: "Feature head 32" },
-        "Quote 34": { mobile: "Quote 26" }
-      },
-      hide: { tablet: ["Column rule", "Ear left", "Ear right"], mobile: ["Column rule", "Ear left", "Ear right", "Dateline volume", "Dateline edition"] },
-      gap: { tablet: 26, mobile: 22 },
-      tweak: (kit, id, size) => {
-        if (size === "tablet") {
-          for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutMode: "HORIZONTAL", itemSpacing: 20 });
-          for (const n of kit.named(id, "Figure")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: PHOTO.width });
-          for (const n of kit.named(id, "Ads")) kit.patch(n, { layoutWrap: "WRAP" });
-          for (const n of kit.named(id, "Classified")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 329 });
-        }
-        if (size === "mobile") {
-          const scale = 335 / PHOTO.width;
-          rescale(kit, id, "Photo stage", "Press photo", { width: PHOTO.width, height: PHOTO.height, scale });
-          for (const n of kit.named(id, "Dateline")) kit.patch(n, { primaryAxisAlignItems: "CENTER" });
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  broadsheet_landing_default
-};

package/dist/chunks/chunk-BHGXNZZ6.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-ZWDSBTMD.js";
-import {
-  burstPath,
-  dotPaths,
-  tick
-} from "./chunk-YNOCYFZ4.js";
-import {
-  hardShadow
-} from "./chunk-HVK5T4I5.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.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
-};

package/dist/chunks/chunk-BHK7BMYF.js

@@ -1,105 +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 {
-  mount,
-  print,
-  seal,
-  ukiyoBrand,
-  windowFrame
-} from "./chunk-OWIMSMOU.js";
-import {
-  EMAIL_FPS,
-  HEADER
-} from "./chunk-UBRD52US.js";
-import {
-  SERIF
-} from "./chunk-X23ZWFW2.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit
-} from "./chunk-IUUXJSAI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/email/ukiyo-e-greeting-header.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 4800;
-var MOUNT = { w: 256, h: 272, margin: 10 };
-var PRINT = {
-  w: MOUNT.w - 2 * MOUNT.margin,
-  h: MOUNT.h - 2 * MOUNT.margin,
-  horizon: 150,
-  front: 226,
-  u: 0.28,
-  loopMs: DURATION,
-  seed: 33,
-  band: 46,
-  high: 4,
-  sun: { x: 92, y: 122, size: 96 },
-  mountain: { x: 150, w: 120, h: 44 },
-  mist: [{ x: 70, y: 132, w: 110 }, { x: 150, y: 102, w: 90 }, { x: 40, y: 84, w: 70 }],
-  rows: 6,
-  behind: 3,
-  wave: { x: 96, y: 64, w: 230, flip: true },
-  boat: { x: 70, len: 88, flip: true },
-  birds: [{ x: 120, y: 62, size: 5 }, { x: 134, y: 54, size: 4 }],
-  pines: [{ x: -6, y: -6, size: 124 }]
-};
-var cues = [
-  { layer: "Seal", preset: "pulse", at: 600, params: { duration: 800, amount: 0.08 } },
-  { layer: "Button", preset: "pulse", at: 3e3, params: { duration: 800, amount: 0.06 } }
-];
-var ukiyo_e_greeting_header_default = defineTemplate({
-  id: "email-ukiyo-e-greeting-header",
-  meta: {
-    name: "Woodblock season\u2019s greeting email header (animated GIF)",
-    description: "A 600 \xD7 300 animated header for a new-year or season\u2019s greeting email, drawn as a Japanese woodblock print: the greeting, the year in one sentence and the button are all on the first frame (for Outlook), beside a small print mounted on washi \u2014 the year\u2019s first sun over the sea, the far mountain, a pine and a breaking wave under a vermilion seal; then the sea rolls, mist drifts across the sun and the boat rides the swell \u2014 a seamless 4.8-second GIF loop",
-    category: "email",
-    tags: ["email", "gif", "animated", "header", "banner", "woodblock", "ukiyo-e", "japanese print", "new year", "greeting", "seasonal", "holiday", "saas", "year in review"],
-    platforms: ["email"],
-    formats: ["email", "banner"],
-    useCases: ["announcement", "newsletter", "report"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("Woodblock season\u2019s greeting email header", HEADER);
-    k.quantizeGeometry = true;
-    ukiyoBrand(k, { greeting: "Calm seas for the new year." });
-    k.textStyle("Eyebrow 12", { size: 12, fontWeight: 700, letterSpacing: 2.4, lineHeight: 16, textCase: "UPPER" });
-    k.textStyle("Greeting 36", { ...SERIF, size: 36, fontWeight: 800, letterSpacing: -1.2, lineHeight: 37 });
-    k.textStyle("Account 14", { size: 14, fontWeight: 500, lineHeight: 21 });
-    k.textStyle("Button 14", { size: 14, fontWeight: 800, lineHeight: 20 });
-    pill(k, "Button pill", { fill: "primary", ink: "onPrimary", style: "Button 14", label: "See your year on Keel", pad: [9, 18], radius: 6 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 10, { top: 22, right: 292, bottom: 22, left: 30 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
-    const m = mount(k, sheet, MOUNT.w, MOUNT.h, { margin: MOUNT.margin, absolute: { x: 326, y: 14 } });
-    print(k, m.window, PRINT);
-    windowFrame(k, m.sheet, MOUNT.w, MOUNT.h, MOUNT.margin, 1.5);
-    seal(k, m.sheet, 30, { absolute: { x: MOUNT.w - MOUNT.margin - 38, y: MOUNT.margin + 8 } });
-    k.text(sheet, "Season\u2019s greetings from {{brand.name}}", { style: "Eyebrow 12", color: "onPaper", name: "Eyebrow" });
-    k.text(sheet, "{{brand.greeting}}", { style: "Greeting 36", color: "text", name: "Greeting" });
-    k.text(sheet, "Thank you for a steady 2026: 4,180 databases, 99.997% uptime and not one write lost. Here is your year on one page.", { style: "Account 14", color: "onPaper", name: "Account" });
-    k.instance(sheet, "Button pill", { Label: "See your year on Keel" }, { name: "Button" });
-    k.cues(sheet, cues);
-    return k.finish();
-  }
-});
-
-export {
-  ukiyo_e_greeting_header_default
-};

package/dist/chunks/chunk-BK2DGAOU.js

@@ -1,152 +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 {
-  buildMusicApp
-} from "./chunk-EYZTEZNN.js";
-import {
-  scatter
-} from "./chunk-BYG77OM3.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  hex
-} from "./chunk-IUUXJSAI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/app/music-nightline.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var blur = (radius) => ({ type: "LAYER_BLUR", radius, visible: true });
-var NIGHTLINE = {
-  id: "app-music-nightline",
-  title: "Music app \xB7 Nightline",
-  description: "A clickable music app that plays like a night drive: the map cruises a neon avenue of genre districts with the skyline and street lamps in parallax, pulls up at each district, and the cover slides from the mini player into a full-screen player lit like a sign",
-  tags: ["prototype flow", "interactive", "music", "player", "app", "mobile", "ios", "smart animate", "shared element", "scrub", "neon", "city"],
-  created: "2026-09-30",
-  updated: "2026-09-30",
-  app: "Nightline",
-  track: "Midnight Transit",
-  artist: "Kaia Volt",
-  album: "After Hours Avenue",
-  length: "3:36",
-  sections: ["Intro", "Verse", "Hook", "Break", "Outro"],
-  colors: { paper: "#0D0716", text: "#FFF1FB", onPaper: "#CDB0DC", primary: "#FF3DA5", surface: "#1A0F2B", onSurface: "#FFF1FB", dim: "#C2A6D3", line: "#3E2659", raised: "#27163E" },
-  backdrop: { shader: "Grid glow", params: { cells: 16, speed: 0.8, line: 0.035, accent: hex("#4A1640"), base: hex("#0D0716") }, opacity: 0.92 },
-  type: { family: "Inter", heavy: 900, tracking: -1, caps: true },
-  radius: 14,
-  art: "neon",
-  palettes: {
-    album: ["#2A0A3D", "#0D0716", "#FF3DA5", "#FFE14D"],
-    portrait: ["#3D0E4F", "#0D0716", "#07040C", "#3DF2FF"],
-    extra: [["#07303A", "#04090C", "#3DF2FF", "#FF3DA5"], ["#3A3208", "#0C0A03", "#FFE14D", "#FF7A3D"], ["#1E1446", "#07051A", "#8A6BFF", "#3DF2FF"], ["#3D0A26", "#0D0409", "#FF5E7E", "#FFE14D"]]
-  },
-  world: {
-    zones: [{ x: 760, y: 460 }, { x: 1120, y: 430 }, { x: 1480, y: 460 }, { x: 1840, y: 430 }],
-    depth: { Far: 0.12, Mid: 0.45, Zones: 1, Near: 1.9 },
-    zoom: { introA: 0.34, introB: 0.8, zone: 2.3, album: 1.7, now: 2.3, queue: 3.6, search: 0.55, library: 1.05, artist: 2 },
-    paint(k, layers, theme) {
-      k.ellipse(layers.Far, 220, "glow3", { name: "Moon", absolute: { x: 1180, y: 120 }, opacity: 0.5, effects: [blur(6)] });
-      for (let i = 0; i < 18; i++) {
-        const h = 160 + Math.round(scatter(i, 2) * 300);
-        k.rect(layers.Far, 90 + Math.round(scatter(i, 1) * 50), h, "raised", { name: "Skyline", absolute: { x: 420 + i * 100, y: 900 - h } });
-      }
-      for (let i = 0; i < 8; i++) {
-        const h = 300 + Math.round(scatter(i, 4) * 220), x = 520 + i * 210;
-        k.rect(layers.Mid, 130, h, "surface", { name: "Tower", absolute: { x, y: 960 - h } });
-        for (let w = 0; w < 3; w++) k.rect(layers.Mid, 96, 6, `glow${(i + w) % 4 + 1}`, { radius: 3, name: "Windows", absolute: { x: x + 17, y: 960 - h + 40 + w * 60 }, opacity: 0.55 });
-      }
-      theme.zones.forEach((_, i) => {
-        const z = theme.world.zones[i];
-        const f = k.frame(layers.Zones, { x: z.x - 130, y: z.y - 130, width: 260, height: 260 }, { name: `Zone ${i + 1}` });
-        k.ellipse(f, 240, `zone${i + 1}`, { name: "Pool", absolute: { x: 10, y: 150 }, opacity: 0.25, effects: [blur(34)] });
-        k.rect(f, 10, 90, "raised", { name: "Pole", absolute: { x: 125, y: 160 } });
-        const glow = { type: "DROP_SHADOW", color: k.color(`zone${i + 1}`, 0.9), offset: { x: 0, y: 0 }, blur: 26, spread: 2, visible: true };
-        k.rect(f, 210, 140, "paper", { radius: 22, name: "Sign", stroke: { color: `zone${i + 1}`, width: 5 }, absolute: { x: 25, y: 20 }, effects: [glow] });
-        k.ellipse(f, 64, [], { name: "Sign ring", stroke: { color: `glow${i + 1}`, width: 6 }, absolute: { x: 50, y: 58 }, effects: [glow] });
-        for (let b = 0; b < 3; b++) k.rect(f, 12, 30 + (b + i) % 3 * 16, `glow${i + 1}`, { radius: 6, name: "Sign bar", absolute: { x: 140 + b * 22, y: 110 - (30 + (b + i) % 3 * 16) + 12 }, effects: [glow] });
-      });
-      for (let i = 0; i < 6; i++) {
-        const x = 480 + i * 330;
-        k.rect(layers.Near, 8, 380, "raised", { name: "Lamp post", absolute: { x, y: 560 } });
-        k.ellipse(layers.Near, 44, "glow3", { name: "Lamp", absolute: { x: x - 18, y: 540 }, opacity: 0.8, effects: [blur(8)] });
-      }
-      for (let i = 0; i < 8; i++) k.rect(layers.Near, 120, 10, "glow3", { radius: 5, name: "Road dash", absolute: { x: 420 + i * 260, y: 960 }, opacity: 0.45 });
-    }
-  },
-  zones: [
-    {
-      name: "Synthwave Boulevard",
-      tagline: "Chrome arpeggios and a sunset that never sets.",
-      color: "#FF3DA5",
-      glow: "#FFA3D6",
-      tracks: [["Midnight Transit", "Kaia Volt", "3:36"], ["Rearview Glow", "Neon Ferris", "4:12"], ["Palm Static", "Kaia Volt", "3:58"], ["Overdrive Heart", "Sola Grid", "3:21"]]
-    },
-    {
-      name: "Bassline Heights",
-      tagline: "Rooftop beats and a skyline that bounces.",
-      color: "#3DF2FF",
-      glow: "#B3FAFF",
-      tracks: [["Elevator Up", "Dray Monroe", "2:54"], ["Twelve Floors", "Kilo Tanaka", "3:17"], ["Skyline Flex", "Dray Monroe", "3:05"], ["Penthouse Fog", "Mars Ellery", "3:40"]]
-    },
-    {
-      name: "House District",
-      tagline: "Four on the floor until the trains start again.",
-      color: "#FFE14D",
-      glow: "#FFF2A8",
-      tracks: [["Last Train Groove", "Juniper Holt", "6:02"], ["Warehouse Sun", "Deco Lane", "5:31"], ["Keycard", "Juniper Holt", "5:48"], ["Strobe Choir", "Night Ferry", "6:15"]]
-    },
-    {
-      name: "Drum & Bass Tunnel",
-      tagline: "Breakbeats echoing down the underpass at full speed.",
-      color: "#8A6BFF",
-      glow: "#C9BAFF",
-      tracks: [["Underpass", "Vela Rush", "5:10"], ["Signal Lost", "Circuit Hymn", "4:44"], ["Amen Avenue", "Vela Rush", "5:26"], ["Tunnel Vision", "Rook & Echo", "4:58"]]
-    }
-  ],
-  albumZone: 0,
-  albumYear: "2026",
-  albumTracks: [["Midnight Transit", "Kaia Volt", "3:36"], ["Palm Static", "Kaia Volt", "3:58"], ["After Hours Avenue", "Kaia Volt", "4:20"], ["Red Light Waltz", "Kaia Volt", "3:47"], ["Dawn Patrol", "Kaia Volt", "4:02"]],
-  queue: [["Rearview Glow", "Neon Ferris", "4:12"], ["Elevator Up", "Dray Monroe", "2:54"], ["Last Train Groove", "Juniper Holt", "6:02"], ["Underpass", "Vela Rush", "5:10"], ["Overdrive Heart", "Sola Grid", "3:21"]],
-  artistListeners: "3.1M",
-  artistBio: "Kaia Volt makes night-drive synthpop in a studio above a taxi rank: gated drums, big chords, a voice through a radio.",
-  library: {
-    albums: [["After Hours Avenue", "Kaia Volt \xB7 2026"], ["Rearview Glow", "Neon Ferris \xB7 2025"], ["Last Train Groove", "Juniper Holt \xB7 2024"], ["Underpass", "Vela Rush \xB7 2026"], ["Skyline Flex", "Dray Monroe \xB7 2023"]],
-    artists: [["Kaia Volt", "Artist \xB7 3.1M listeners"], ["Neon Ferris", "Artist \xB7 960K listeners"], ["Juniper Holt", "Artist \xB7 1.4M listeners"], ["Vela Rush", "Artist \xB7 780K listeners"], ["Dray Monroe", "Artist \xB7 2.2M listeners"]]
-  },
-  copy: {
-    introTitle: "The city plays all night.",
-    introBody: "Every genre is a district. Cruise the avenue, pull up where the lights look right, and turn it up.",
-    begin: "Start the drive",
-    moodsTitle: "Where to tonight?",
-    moodsBody: "Pick a few moods and we will plan the route.",
-    moods: ["Cruising", "Hype", "Afterparty", "Rooftop", "Rainy", "Full speed"],
-    greeting: "Good night",
-    searchHint: "Songs, artists or districts"
-  }
-};
-var music_nightline_default = defineTemplate({
-  id: NIGHTLINE.id,
-  meta: {
-    name: NIGHTLINE.title,
-    description: NIGHTLINE.description,
-    category: "app",
-    tags: NIGHTLINE.tags,
-    platforms: ["ios"],
-    formats: ["screen"],
-    useCases: ["onboarding", "launch"],
-    created: NIGHTLINE.created,
-    updated: NIGHTLINE.updated
-  },
-  build: () => buildMusicApp(NIGHTLINE).doc
-});
-
-export {
-  NIGHTLINE,
-  music_nightline_default
-};