@popcraft/kit 0.24.3 → 0.26.0

package/dist/chunks/chunk-WDWLFLIW.js

@@ -1,303 +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
-} from "./chunk-YNOCYFZ4.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  footer,
-  respond,
-  rule,
-  soft,
-  typeScale
-} from "./chunk-G5CURQ6H.js";
-import {
-  buttons,
-  nav,
-  page
-} 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/saas-changelog.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var RELEASES = [
-  { version: "3.9", date: "18 Sep 2026", title: "Exports that finish while you wait", notes: [["Improved", "A CSV of 100,000 responses now takes 4 seconds, down from 70."], ["Improved", "Exports keep your column order and your renamed questions."], ["Fixed", "Dates no longer shift by a day for respondents west of UTC."]] },
-  { version: "3.8", date: "4 Sep 2026", title: "A signature field, and a kinder mobile keyboard", notes: [["New", "Signature field: draw with a finger, a mouse or a stylus. Stored as SVG."], ["Improved", "Phone number and email questions open the right keyboard on every phone."], ["Fixed", "The progress bar reached 100% one question early on forms with a hidden page."], ["Fixed", "Pasting from a spreadsheet into \u201COptions\u201D kept the trailing tab."]] },
-  { version: "3.7", date: "21 Aug 2026", title: "Webhooks retry, and tell you when they give up", notes: [["Improved", "Failed webhooks retry for 24 hours with backoff, and each attempt is listed with its response."], ["Fixed", "Embedded forms jumped to the top of the page after a validation error in Safari."]] }
-];
-var NEXT = [["In progress", "Payments on the last page", "Take a card at the end of a form, with Stripe. Beta on 16 October."], ["In progress", "Answer piping in emails", "Use any answer in the confirmation email\u2019s subject and body."], ["Planned", "Teams and roles", "Editors, viewers and a shared folder. Design is done; build starts in November."]];
-var OPTIONS = ["A friend", "Search", "A podcast", "Other"];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Title", preset: "rise-in", at: 150, params: { duration: 700 } },
-  { layer: "Lead", preset: "rise-in", at: 300 },
-  { layer: "Subscribe", preset: "rise-in", at: 450 },
-  { layer: "Filters", preset: "fade-in", at: 700, params: { duration: 500 } },
-  { layer: "Featured", preset: "rise-in", at: 400, params: { duration: 800 } },
-  { layer: "Cursor", preset: "fade-in", at: 1100, params: { duration: 200 } },
-  { layer: "Picked", preset: "pop-in", at: 2150, params: { duration: 300 } },
-  { layer: "Rule token", preset: "pop-in", at: 2400, params: { duration: 300 }, stagger: { delay: 220 } },
-  { layer: "Follow-up", preset: "rise-in", at: 2700, params: { duration: 500 } },
-  { layer: "Answer", preset: "typewriter", at: 3300, params: { duration: 1100 } },
-  { layer: "Saved", preset: "fade-in", at: 4600, params: { duration: 400 } },
-  { layer: "Release", preset: "rise-in", at: 1300, params: { duration: 600 }, stagger: { delay: 200 } }
-];
-var saas_changelog_default = defineTemplate({
-  id: "web-saas-changelog",
-  meta: {
-    name: "SaaS changelog page",
-    description: "A changelog page in black, white and one yellow marker: the newest release is featured with an animated demo (a cursor picks an answer, a follow-up question slides in and is typed, the rule appears token by token), earlier releases hang off a dated rail with New, Improved and Fixed tags, then what is coming next and a subscribe field. Desktop to phone",
-    category: "web",
-    tags: ["saas", "changelog", "release notes", "updates", "whats new", "product updates", "tags", "timeline", "monochrome", "website", "animation", "responsive", "roadmap"],
-    platforms: ["web"],
-    formats: ["page", "demo"],
-    useCases: ["changelog", "announcement", "launch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("SaaS changelog page", preset("web-desktop"));
-    k.brand(
-      { paper: "#FFFFFF", text: "#0A0A0A", onPaper: "#505050", primary: "#0A0A0A", onPrimary: "#FFFFFF", accent: "#FFE600", onAccent: "#0A0A0A", card: "#F3F3F0", onCard: "#0A0A0A", cardMuted: "#585858", form: "#FFFFFF", panel: "#0A0A0A", onPanel: "#FFFFFF", panelMuted: "#B4B4B0" },
-      { name: "Quire" }
-    );
-    k.palette({ hairline: "#D9D9D4", rail: "#0A0A0A", marker: "#FFE600" });
-    const s = typeScale(k, {
-      "Nav 15": { size: 15, fontWeight: 500, lineHeight: 24 },
-      "Brand 21": { size: 21, fontWeight: 700, letterSpacing: -0.6, lineHeight: 28 },
-      "Button 15": { size: 15, fontWeight: 600, lineHeight: 22 },
-      "Display 112": { size: 112, fontWeight: 600, letterSpacing: -6, lineHeight: 104 },
-      "Display 92": { size: 92, fontWeight: 600, letterSpacing: -4.8, lineHeight: 88 },
-      "Display 72": { size: 72, fontWeight: 600, letterSpacing: -3.6, lineHeight: 70 },
-      "Display 48": { size: 48, fontWeight: 600, letterSpacing: -2.2, lineHeight: 48 },
-      "Lead 19": { size: 19, fontWeight: 400, lineHeight: 30 },
-      "Lead 17": { size: 17, fontWeight: 400, lineHeight: 27 },
-      "Field 16": { size: 16, fontWeight: 500, lineHeight: 22 },
-      "Tag 12": { ...MONO, size: 12, fontWeight: 700, letterSpacing: 0.4, lineHeight: 16 },
-      "Meta 14": { ...MONO, size: 14, fontWeight: 500, lineHeight: 22 },
-      "Version 40": { ...MONO, size: 40, fontWeight: 700, letterSpacing: -2, lineHeight: 44 },
-      "Version 28": { ...MONO, size: 28, fontWeight: 700, letterSpacing: -1.2, lineHeight: 32 },
-      "Feature 48": { size: 48, fontWeight: 600, letterSpacing: -2, lineHeight: 50 },
-      "Feature 30": { size: 30, fontWeight: 600, letterSpacing: -1, lineHeight: 34 },
-      "Release 28": { size: 28, fontWeight: 600, letterSpacing: -0.9, lineHeight: 33 },
-      "Release 22": { size: 22, fontWeight: 600, letterSpacing: -0.5, lineHeight: 28 },
-      "Body 17": { size: 17, fontWeight: 400, lineHeight: 27 },
-      "Body 16": { size: 16, fontWeight: 400, lineHeight: 25 },
-      "Form label 13": { size: 13, fontWeight: 500, lineHeight: 18 },
-      "Form title 20": { size: 20, fontWeight: 600, letterSpacing: -0.4, lineHeight: 26 },
-      "Form option 15": { size: 15, fontWeight: 500, lineHeight: 22 },
-      "Token 14": { ...MONO, size: 14, fontWeight: 600, lineHeight: 20 },
-      "Small 14": { size: 14, fontWeight: 400, lineHeight: 22 },
-      "Foot head 14": { size: 14, fontWeight: 700, lineHeight: 22 }
-    });
-    buttons(k, { style: s("Button 15"), pad: [13, 20], radius: 8 });
-    const tagBox = { direction: "HORIZONTAL", width: "HUG", radius: 4, padding: { top: 3, right: 8, bottom: 3, left: 8 } };
-    k.component("Tag new", { ...tagBox, fill: "primary", props: { Label: "New" } }, (id) => {
-      k.propText(id, "Label", { style: s("Tag 12"), color: "onPrimary", autoWidth: true });
-    });
-    k.component("Tag improved", { ...tagBox, stroke: { color: "text", width: 1.5, align: "INSIDE" }, props: { Label: "Improved" } }, (id) => {
-      k.propText(id, "Label", { style: s("Tag 12"), color: "text", autoWidth: true });
-    });
-    k.component("Tag fixed", { ...tagBox, fill: "card", props: { Label: "Fixed" } }, (id) => {
-      k.propText(id, "Label", { style: s("Tag 12"), color: "cardMuted", autoWidth: true });
-    });
-    const tag = (parent, t, label = t) => k.instance(parent, t === "New" ? "Tag new" : t === "Improved" ? "Tag improved" : "Tag fixed", { Label: label }, { name: "Tag" });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 88, top: 28 });
-    k.timeline(sheet, { duration: 6e3, fps: 30 });
-    nav(k, sheet, { links: ["Product", "Templates", "Pricing", "Changelog"], cta: "Start free", style: s("Nav 15"), brandStyle: s("Brand 21") });
-    const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, align: "MAX", name: "Head" });
-    const words = k.stack(head, { gap: 18, name: "Head words" });
-    k.text(words, "Changelog", { style: s("Display 112"), color: "text", name: "Title" });
-    k.text(words, "Quire ships every Thursday. This is everything that changed, newest first: 41 releases so far this year.", { style: s("Lead 19"), color: "onPaper", name: "Lead" });
-    const follow = k.stack(head, { width: 420, gap: 16, name: "Follow" });
-    const sub = k.stack(follow, { direction: "HORIZONTAL", gap: 8, name: "Subscribe" });
-    const field = k.stack(sub, { direction: "HORIZONTAL", align: "CENTER", fill: "card", radius: 8, padding: { top: 13, right: 14, bottom: 13, left: 14 }, name: "Field" });
-    k.text(field, "you@company.example", { style: s("Field 16"), color: "cardMuted", name: "Field hint" });
-    k.instance(sub, "Button", { Label: "Get it by email" }, { name: "Subscribe button" });
-    const filters = k.stack(follow, { direction: "HORIZONTAL", gap: 8, align: "CENTER", wrap: true, name: "Filters" });
-    k.text(filters, "Show", { style: s("Meta 14"), color: "onPaper", autoWidth: true, name: "Filters label" });
-    tag(filters, "New", "New \xB7 14");
-    tag(filters, "Improved", "Improved \xB7 62");
-    tag(filters, "Fixed", "Fixed \xB7 97");
-    k.text(filters, "RSS", { style: s("Meta 14"), color: "text", autoWidth: true, name: "RSS" });
-    const feat = k.stack(sheet, { gap: 0, radius: 16, stroke: { color: "text", width: 2 }, clip: true, name: "Featured" });
-    const featBody = k.stack(feat, { direction: "HORIZONTAL", gap: 48, padding: 44, name: "Featured body" });
-    const note = k.stack(featBody, { width: 400, gap: 16, name: "Featured note" });
-    const meta = k.stack(note, { direction: "HORIZONTAL", gap: 10, align: "CENTER", wrap: true, name: "Featured meta" });
-    tag(meta, "New");
-    k.text(meta, "2 Oct 2026", { style: s("Meta 14"), color: "onPaper", autoWidth: true, name: "Featured date" });
-    const ver = k.stack(note, { direction: "HORIZONTAL", width: "HUG", fill: "marker", padding: { top: 2, right: 10, bottom: 2, left: 10 }, name: "Featured version plate" });
-    k.text(ver, "4.0", { style: s("Version 40"), color: "onCard", autoWidth: true, name: "Featured version" });
-    k.text(note, "Logic that reads like a sentence", { style: s("Feature 48"), color: "text", name: "Featured title" });
-    k.text(note, "Show a question only when an earlier answer calls for it. You write the rule the way you would say it, and the form follows it as you type. No branching diagrams.", { style: s("Body 17"), color: "onPaper", name: "Featured text" });
-    const bullets = k.stack(note, { gap: 8, name: "Featured notes" });
-    for (const [t, what] of [["New", "Rules on any question type, with \u201Cand\u201D and \u201Cor\u201D."], ["New", "A preview that plays the rule back to you."], ["Improved", "Old \u201Cjump to\u201D logic is converted for you."]]) {
-      const l = k.stack(bullets, { direction: "HORIZONTAL", gap: 10, name: "Note line" });
-      tag(k.stack(l, { width: "HUG", padding: { top: 3, right: 0, bottom: 0, left: 0 }, name: "Tag slot" }), t);
-      k.text(l, what, { style: s("Body 16"), color: "onPaper", name: "Note text" });
-    }
-    k.instance(note, "Button quiet", { Label: "Read the guide to logic" }, { name: "Featured link" });
-    const stage = k.stack(featBody, { gap: 16, fill: "card", radius: 12, padding: 28, name: "Demo" });
-    const form = k.stack(stage, { gap: 12, fill: "form", radius: 12, padding: 24, clip: true, effects: [soft(0.1, 14, 34)], name: "Form" });
-    k.text(form, "Question 3 of 5", { style: s("Form label 13"), color: "cardMuted", name: "Form step" });
-    k.text(form, "How did you hear about us?", { style: s("Form title 20"), color: "onCard", name: "Form question" });
-    const opts = k.stack(form, { gap: 4, name: "Options" });
-    OPTIONS.forEach((o, i) => {
-      const last = i === OPTIONS.length - 1;
-      const r = k.stack(opts, { direction: "HORIZONTAL", gap: 12, align: "CENTER", radius: 8, padding: { top: 9, right: 12, bottom: 9, left: 12 }, ...last ? { fill: "card" } : {}, name: last ? "Chosen option" : "Option" });
-      const radio = k.stack(r, { width: 20, height: 20, radius: 10, stroke: { color: "onCard", width: 2, align: "INSIDE" }, align: "CENTER", justify: "CENTER", name: "Radio" });
-      if (last) k.ellipse(radio, 10, "onCard", { name: "Picked" });
-      k.text(r, o, { style: s("Form option 15"), color: "onCard", name: "Option name" });
-    });
-    const more = k.stack(form, { gap: 8, padding: { top: 6, right: 0, bottom: 0, left: 0 }, name: "Follow-up" });
-    const moreHead = k.stack(more, { direction: "HORIZONTAL", gap: 8, align: "CENTER", name: "Follow-up head" });
-    k.rect(moreHead, 4, 20, "marker", { name: "Follow-up mark" });
-    k.text(moreHead, "Which one?", { style: s("Form title 20"), color: "onCard", name: "Follow-up question" });
-    const input = k.stack(more, { direction: "HORIZONTAL", gap: 3, align: "CENTER", radius: 8, stroke: { color: "onCard", width: 2, align: "INSIDE" }, padding: { top: 11, right: 12, bottom: 11, left: 12 }, name: "Answer field" });
-    k.text(input, "A newsletter about forms", { style: s("Form option 15"), color: "onCard", autoWidth: true, name: "Answer" });
-    caret(k, input, 2, 20, "onCard", { absolute: { x: 0, y: 0 } });
-    k.text(form, "Saved as a draft \xB7 the rule below is live", { style: s("Form label 13"), color: "cardMuted", name: "Saved" });
-    const cursor = k.vector(form, 20, 24, [{ closed: true, points: [{ x: 1, y: 1 }, { x: 1, y: 19 }, { x: 6, y: 14.5 }, { x: 9.5, y: 22 }, { x: 12.5, y: 20.5 }, { x: 9, y: 13.5 }, { x: 15.5, y: 13.5 }] }], "onCard", { name: "Cursor", stroke: { color: "form", width: 1.5 }, absolute: { x: 46, y: 244 } });
-    k.animate(cursor, "translateX", [{ t: 1200, v: 190, ease: ease.inOut("cubic") }, { t: 2050, v: 0 }]);
-    k.animate(cursor, "translateY", [{ t: 1200, v: -130, ease: ease.inOut("cubic") }, { t: 2050, v: 0 }]);
-    const ruleBox = k.stack(stage, { direction: "HORIZONTAL", gap: 8, align: "CENTER", wrap: true, fill: "panel", radius: 12, padding: { top: 16, right: 18, bottom: 16, left: 18 }, name: "Logic rule" });
-    for (const [t, token] of [["When", false], ["How did you hear", true], ["is", false], ["Other", true], ["show", false], ["Which one?", true]]) {
-      if (!token) {
-        k.text(ruleBox, t, { style: s("Token 14"), color: "panelMuted", autoWidth: true, name: "Rule word" });
-        continue;
-      }
-      const chip = k.stack(ruleBox, { direction: "HORIZONTAL", width: "HUG", fill: "accent", radius: 6, padding: { top: 4, right: 9, bottom: 4, left: 9 }, name: "Rule token" });
-      k.text(chip, t, { style: s("Token 14"), color: "onAccent", autoWidth: true, name: "Token name" });
-    }
-    const log = k.stack(sheet, { gap: 0, name: "Releases" });
-    RELEASES.forEach((r, i) => {
-      const row = k.stack(log, { direction: "HORIZONTAL", gap: 28, name: "Release" });
-      const when = k.stack(row, { width: 150, gap: 2, name: "Release when" });
-      k.text(when, r.version, { style: s("Version 40"), color: "text", name: "Release version" });
-      k.text(when, r.date, { style: s("Meta 14"), color: "onPaper", name: "Release date" });
-      const post = k.stack(row, { width: 14, height: "FILL", align: "CENTER", padding: { top: 16, right: 0, bottom: 0, left: 0 }, name: "Post" });
-      k.ellipse(post, 14, "rail", { name: "Release dot" });
-      if (i < RELEASES.length - 1) k.stack(post, { width: 2, height: "FILL", fill: "hairline", name: "Rail" });
-      const body = k.stack(row, { gap: 14, padding: { top: 6, right: 0, bottom: 56, left: 0 }, name: "Release body" });
-      k.text(body, r.title, { style: s("Release 28"), color: "text", name: "Release title" });
-      const notes = k.stack(body, { gap: 10, name: "Release notes" });
-      for (const [t, what] of r.notes) {
-        const l = k.stack(notes, { direction: "HORIZONTAL", gap: 12, name: "Note line" });
-        const slot = k.stack(l, { width: 84, padding: { top: 4, right: 0, bottom: 0, left: 0 }, name: "Tag slot" });
-        tag(slot, t);
-        k.text(l, what, { style: s("Body 17"), color: "onPaper", name: "Note text" });
-      }
-    });
-    const older = k.stack(log, { direction: "HORIZONTAL", gap: 28, name: "Older" });
-    k.stack(older, { width: 150, height: 1, name: "Older inset" });
-    k.instance(older, "Button quiet", { Label: "Load 37 earlier releases" }, { name: "Older button" });
-    const next = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, name: "Next" });
-    const nextHead = k.stack(next, { width: 340, gap: 12, name: "Next head" });
-    k.text(nextHead, "Coming next", { style: s("Feature 48"), color: "text", name: "Next title" });
-    k.text(nextHead, "What we are building now, with dates we expect to keep.", { style: s("Body 17"), color: "onPaper", name: "Next lead" });
-    const nextList = k.stack(next, { name: "Next list" });
-    for (const [state, name, what] of NEXT) {
-      rule(k, nextList, "rail", { weight: 2 });
-      const r = k.stack(nextList, { direction: "HORIZONTAL", gap: 24, padding: { top: 18, right: 0, bottom: 24, left: 0 }, name: "Next row" });
-      const stateSlot = k.stack(r, { width: 120, padding: { top: 4, right: 0, bottom: 0, left: 0 }, name: "State slot" });
-      tag(stateSlot, state === "Planned" ? "Fixed" : "Improved", state);
-      const text = k.stack(r, { gap: 4, name: "Next words" });
-      k.text(text, name, { style: s("Release 22"), color: "text", name: "Next name" });
-      k.text(text, what, { style: s("Body 17"), color: "onPaper", name: "Next text" });
-    }
-    rule(k, nextList, "rail", { weight: 2 });
-    const band = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", fill: "accent", radius: 16, padding: 44, name: "Band" });
-    const bandCopy = k.stack(band, { gap: 8, name: "Band copy" });
-    k.text(bandCopy, "One short email every Thursday.", { style: s("Feature 48"), color: "onAccent", name: "Band title" });
-    k.text(bandCopy, "What shipped, in the same words as this page. 6,300 people read it; unsubscribe is one click.", { style: s("Body 17"), color: "onAccent", name: "Band text" });
-    k.instance(band, "Button", { Label: "Get the changelog by email" }, { name: "Band button" });
-    footer(k, sheet, {
-      about: "Forms and surveys that feel like a conversation. Shipping every Thursday since 2023.",
-      columns: [["Product", ["Form builder", "Logic", "Templates", "Pricing"]], ["Follow", ["Changelog", "RSS feed", "Status"]], ["Company", ["About", "Privacy", "Contact"]]],
-      legal: "\xA9 2026 Quire Forms Oy, Helsinki.",
-      brandStyle: s("Brand 21"),
-      headStyle: s("Foot head 14"),
-      linkStyle: s("Small 14"),
-      ruleColor: "hairline"
-    });
-    k.cues(sheet, cues);
-    respond(k, sheet, s, {
-      stack: ["Head", "Featured body", "Next", "Band", "Footer columns"],
-      stackMobile: ["Release", "Subscribe", "Next row"],
-      restyle: {
-        "Display 112": { laptop: "Display 92", tablet: "Display 72", mobile: "Display 48" },
-        "Feature 48": { tablet: "Feature 30", mobile: "Feature 30" },
-        "Lead 19": { mobile: "Lead 17" },
-        "Version 40": { mobile: "Version 28" },
-        "Release 28": { mobile: "Release 22" },
-        "Body 17": { mobile: "Body 16" }
-      },
-      gap: { tablet: 64, mobile: 52 },
-      typing: [{ text: "Answer", caret: "Caret", at: 3300, duration: 1100 }],
-      tweak: (kit, id, size) => {
-        const each = (name, props) => {
-          for (const n of kit.named(id, name)) kit.patch(n, props);
-        };
-        const pad = (v, h = v) => ({ top: v, right: h, bottom: v, left: h });
-        if (size === "laptop") {
-          each("Featured body", { itemSpacing: 36, padding: pad(36) });
-          each("Featured note", { width: 380 });
-        }
-        if (size === "tablet" || size === "mobile") {
-          each("Head", { itemSpacing: 28, counterAxisAlignItems: "MIN" });
-          each("Featured body", { itemSpacing: 28, padding: pad(28) });
-          each("Next", { itemSpacing: 24 });
-          each("Band", { itemSpacing: 20, padding: pad(32) });
-        }
-        if (size === "mobile") {
-          each("Cursor", { x: 38, y: 264 });
-          each("Featured body", { padding: pad(22, 18) });
-          each("Demo", { padding: pad(14) });
-          each("Form", { padding: pad(18, 16) });
-          each("Logic rule", { padding: pad(14) });
-          each("Release", { itemSpacing: 10 });
-          each("Post", { visible: false });
-          each("Release body", { padding: { top: 0, right: 0, bottom: 44, left: 0 } });
-          each("Older inset", { visible: false });
-          each("Note line", { layoutMode: "VERTICAL", itemSpacing: 6 });
-          each("Tag slot", { layoutSizingHorizontal: "HUG" });
-          each("Note text", { layoutSizingHorizontal: "FILL" });
-          each("Next row", { itemSpacing: 8 });
-          each("State slot", { layoutSizingHorizontal: "HUG" });
-          each("Band", { padding: pad(26, 22) });
-          each("Footer lists", { itemSpacing: 16 });
-          each("Subscribe", { itemSpacing: 8 });
-          each("Release when", { layoutMode: "HORIZONTAL", counterAxisAlignItems: "MAX", itemSpacing: 12 });
-          for (const n of [...kit.named(id, "Release version"), ...kit.named(id, "Release date")]) kit.patch(n, { layoutSizingHorizontal: "HUG", textAutoResize: "WIDTH_AND_HEIGHT" });
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  saas_changelog_default
-};

package/dist/chunks/chunk-WE2NL4WJ.js

@@ -1,79 +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 {
-  standardStore
-} from "./chunk-LSW2RLOU.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/shop-kiln.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var PRODUCTS = [
-  { title: "Oat speckle mug", handle: "oat-speckle-mug", price: "$34.00", image: "kl-mug", tags: "mugs", description: "Thrown on the wheel from Oregon stoneware and dipped in our oat glaze, so iron speckles bloom through in the firing. Holds 12 oz; dishwasher safe." },
-  { title: "Tide serving bowl", handle: "tide-serving-bowl", price: "$88.00", image: "kl-bowl", tags: "bowls", description: "A wide, low bowl with a teal glaze that pools deep in the centre. Made for a salad for six or a pile of lemons on the table." },
-  { title: "Terracotta bud vase", handle: "terracotta-bud-vase", price: "$42.00", image: "kl-vase", tags: "vases", description: "Unglazed red earthenware, burnished by hand and sealed inside so it holds water for a single stem." },
-  { title: "Everyday dinner plates", handle: "everyday-dinner-plates", price: "$120.00", image: "kl-plate", tags: "plates", description: "A set of three 10-inch plates in satin white with a raw clay rim. Stack, microwave and wash them without a second thought." },
-  { title: "Celadon teapot", handle: "celadon-teapot", price: "$135.00", image: "kl-teapot", tags: "tea", description: "A round pot for four cups with a cane handle we wrap in the studio and a strainer pierced into the body." },
-  { title: "Rust water pitcher", handle: "rust-water-pitcher", price: "$76.00", image: "kl-pitcher", tags: "pitchers", description: "A one-litre pitcher in an iron-red glaze that breaks to brown on the rim. Pours without a drip, every time." }
-];
-var shop_kiln_default = defineTemplate({
-  id: "web-shop-kiln",
-  meta: {
-    name: "Kiln storefront",
-    description: "A ceramics studio\u2019s shop for a Next.js Commerce store: a home page with a full-width studio picture, featured pieces and the potters\u2019 story, search, a page per piece with add to cart, and a cart with checkout. Products, cart and menu are collections a Shopify store fills when exported as components. Desktop, tablet and phone",
-    category: "storefront",
-    tags: ["ecommerce", "shop", "store", "storefront", "shopify", "next.js commerce", "product page", "cart", "ceramics", "homewares", "cms", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["sale", "launch"],
-    created: "2026-10-08",
-    updated: "2026-10-08"
-  },
-  breakpoints: true,
-  build: () => standardStore({
-    name: "Kiln storefront",
-    brand: { paper: "#FBF8F3", text: "#2A2420", onPaper: "#6E625A", primary: "#9C4A2F", onPrimary: "#FFF8F1", card: "#FFFFFF", onCard: "#2A2420", cardMuted: "#7A6E66", tint: "#EFE7DC", onTint: "#2A2420", tintMuted: "#6E625A", line: "#E4D9CB" },
-    fields: { name: "Kiln & Co", email: "studio@kilnandco.com" },
-    styles: {
-      "Wordmark 24": { size: 24, fontFamily: "Fraunces", fontWeight: 600, letterSpacing: -0.4, lineHeight: 30 },
-      "Nav 15": { size: 15, fontWeight: 500, lineHeight: 22 },
-      "Display 72": { size: 72, fontFamily: "Fraunces", fontWeight: 500, letterSpacing: -2, lineHeight: 76 },
-      "Display 44": { size: 44, fontFamily: "Fraunces", fontWeight: 500, letterSpacing: -1, lineHeight: 50 },
-      "Section 30": { size: 30, fontFamily: "Fraunces", fontWeight: 500, letterSpacing: -0.5, lineHeight: 36 },
-      "Title 17": { size: 17, fontWeight: 500, lineHeight: 24 },
-      "Price 16": { size: 16, fontWeight: 400, lineHeight: 24 },
-      "Body 17": { size: 17, fontWeight: 400, lineHeight: 28 },
-      "Small 14": { size: 14, fontWeight: 400, lineHeight: 20 },
-      "Button 15": { size: 15, fontWeight: 600, letterSpacing: 0.2, lineHeight: 22 }
-    },
-    type: { wordmark: "Wordmark 24", nav: "Nav 15", display: "Display 72", displaySmall: "Display 44", section: "Section 30", title: "Title 17", price: "Price 16", body: "Body 17", small: "Small 14", button: "Button 15" },
-    products: PRODUCTS,
-    categories: [
-      { title: "Mugs & cups", handle: "mugs", description: "Thrown, trimmed and signed: mugs that hold the heat and sit right in the hand." },
-      { title: "Bowls", handle: "bowls", description: "From a cereal bowl to a salad for six, in glazes that pool and break in the firing." },
-      { title: "Vases", handle: "vases", description: "Bud vases and pitchers for a stem from the garden or a jug of water on the table." },
-      { title: "Tableware", handle: "tableware", description: "Plates and teapots for every day: they stack, they wash, they last." }
-    ],
-    carousel: "Out of this firing",
-    menu: [["Mugs & cups", "/search/mugs"], ["Bowls", "/search/bowls"], ["Vases", "/search/vases"]],
-    hero: { kicker: "Fresh from the kiln \xB7 Portland, Oregon", headline: "Pots for the table you actually eat at.", lead: "Two potters, one wood-fired kiln and a glaze shelf we have been tuning for nine years. Every piece is thrown, trimmed and signed by hand.", cta: "Shop this firing", image: "kl-hero", layout: "stacked" },
-    story: { title: "Small firings, on purpose", body: "We fire the kiln once a fortnight and list what comes out the same week. When a piece sells out it is gone until the next firing \u2014 so nothing sits in a warehouse, and every mug has a twin somewhere, not a thousand.", image: "kl-bowl" },
-    promise: ["Packed in recycled paper \xB7 ships within 5 days of the firing", "Arrives broken? We remake it, no questions asked"],
-    newsletter: { title: "Kiln opening alerts", body: "An email the evening we unload the kiln, a day before the pieces go on the shop." },
-    legal: "Sales tax and shipping calculated at checkout.",
-    ratio: 1.2,
-    radius: 2
-  })
-});
-
-export {
-  shop_kiln_default
-};

package/dist/chunks/chunk-WI22WOFC.js

@@ -1,181 +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 {
-  portraitSlot
-} from "./chunk-UD3JVCFG.js";
-import {
-  gridPaths
-} from "./chunk-YNOCYFZ4.js";
-import {
-  polyline
-} from "./chunk-T3CX2LLT.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  bed
-} from "./chunk-52GCV7N5.js";
-import {
-  glow,
-  shadow
-} from "./chunk-HVK5T4I5.js";
-import {
-  logoBadge,
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  box
-} from "./chunk-BNVLVZUT.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/motion/saas-film-webinar-opener.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var B = bed("calm", 16);
-var { beat } = B;
-var ROUTE = [[-30, 720], [1080, 720], [1080, 840], [1560, 840], [1560, 960], [1950, 960]];
-var STOPS = [[240, 720], [600, 720], [960, 720], [1080, 840], [1320, 840], [1560, 960], [1800, 960]];
-var DRIVE = { from: beat(4), to: B.duration - 600 };
-var RUN = [...ROUTE.slice(0, -1), STOPS[STOPS.length - 1]];
-var LEGS = RUN.slice(1).map(([x, y], i) => Math.abs(x - RUN[i][0]) + Math.abs(y - RUN[i][1]));
-var LENGTH = LEGS.reduce((a, b) => a + b, 0);
-var driveAt = (d) => Math.round(DRIVE.from + d / LENGTH * (DRIVE.to - DRIVE.from));
-function along(px, py) {
-  let d = 0;
-  for (let i = 0; i < LEGS.length; i++) {
-    const [ax, ay] = RUN[i], [bx, by] = RUN[i + 1];
-    if (Math.min(ax, bx) <= px && px <= Math.max(ax, bx) && Math.min(ay, by) <= py && py <= Math.max(ay, by)) return d + Math.abs(px - ax) + Math.abs(py - ay);
-    d += LEGS[i];
-  }
-  throw new Error(`stop ${px},${py} is not on the route`);
-}
-var BLOCKS = [[1, 1], [4, 0], [6, 2], [9, 5], [12, 1], [14, 6], [2, 5], [7, 7], [11, 3], [15, 0], [5, 4], [13, 8], [0, 3], [10, 7]];
-var SPEAKERS = [
-  { name: "Ines Okonkwo", role: "Co-founder, Routewise", x: 0, y: 30, ground: "portraitA", skin: "skinA", top: "topA" },
-  { name: "Marek Dvo\u0159\xE1k", role: "Ops lead, Greenbox Deliveries", x: 390, y: 190, ground: "portraitB", skin: "skinB", top: "topB" }
-];
-var SECONDS = Math.floor(B.duration / 1e3);
-var counts = [{ layer: "Clock", at: 0, duration: SECONDS * 1e3, counter: { from: 59, to: 59 - SECONDS, prefix: "0:" }, tick: 1e3 }];
-var cues = [
-  { layer: "Brand row", preset: "fade-in", at: 0, params: { duration: 300 } },
-  { layer: "Title", preset: "words-in", at: 120, params: { duration: 600, amount: 70 } },
-  { layer: "Route", preset: "wipe-in", at: beat(1), params: { duration: beat(3), direction: "right", ease: ease.inOut("cubic") } },
-  { layer: STOPS.map((_, i) => `Stop ${i + 1}`), preset: "pop-in", at: beat(1.5), params: { duration: 380 }, stagger: { delay: Math.round(beat(0.4)), order: "selection" } },
-  { layer: "Driver", preset: "pop-in", at: DRIVE.from - 300, params: { duration: 300 } },
-  ...STOPS.map(([x, y], i) => ({ layer: `Stop ${i + 1}`, preset: "pulse", at: driveAt(along(x, y)), params: { duration: 500, amount: 0.35 } })),
-  { layer: "When", preset: "rise-in", at: beat(2), params: { duration: 600 } },
-  { layer: "Countdown", preset: "rise-in", at: beat(3), params: { duration: 600 } },
-  { layer: "Soon fill", preset: "wipe-in", at: 0, params: { duration: B.duration, direction: "right", ease: ease.linear } },
-  { layer: "Speaker 1", preset: "rise-in", at: beat(4), params: { duration: 700 } },
-  { layer: "Speaker 2", preset: "rise-in", at: beat(5), params: { duration: 700 } },
-  { layer: "Join note", preset: "fade-in", at: beat(7), params: { duration: 500 } },
-  { layer: "Live tag", preset: "pulse", at: beat(8), params: { duration: 700, amount: 0.06 } },
-  { layer: "Live tag", preset: "pulse", at: beat(12), params: { duration: 700, amount: 0.06 } }
-];
-var saas_film_webinar_opener_default = defineTemplate({
-  id: "motion-saas-film-webinar-opener",
-  meta: {
-    name: "SaaS film: webinar and live demo opener",
-    description: 'A 13-second "starting soon" opener for a webinar or live demo at 1920\xD71080: the title, the date and time, two speaker photo slots with names and roles, and a countdown that really counts a second at a time while a delivery route draws itself across a city grid behind them. Music, cut to the beat',
-    category: "animation",
-    tags: ["animation", "saas", "saas film", "webinar", "live demo", "starting soon", "countdown", "speakers", "opener", "event", "music", "audio", "16:9", "zoom", "livestream"],
-    platforms: ["youtube", "linkedin", "web", "twitch"],
-    formats: ["video", "intro", "title-card"],
-    useCases: ["event", "livestream", "countdown", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts },
-  build() {
-    const k = new Kit("SaaS film: webinar and live demo opener", preset("video-1080p"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#1B3FD6", text: "#FFFFFF", onPaper: "#D3DDFF", primary: "#FFE14A", onPrimary: "#141A33", card: "#0C1750", onCard: "#FFFFFF", accent: "#FF6B4A", onAccent: "#1A0700" },
-      { name: "Routewise", title: "Plan 200 stops in four minutes." }
-    );
-    k.palette({ street: "#3F62EE", block: "#2C50E4", route: "#FFE14A", stop: "#FFFFFF", stopEdge: "#0C1750", dim: "#A9B8F5", track: "#24328A", portraitA: "#F4B9A0", skinA: "#7A4A3A", topA: "#1B3FD6", portraitB: "#9FE0C8", skinB: "#E8B892", topB: "#0C1750" });
-    k.textStyle("Title 112", { size: 112, fontWeight: 900, letterSpacing: -5, lineHeight: 106 });
-    k.textStyle("When 38", { size: 38, fontWeight: 600, letterSpacing: -0.6, lineHeight: 46 });
-    k.textStyle("Brand 32", { size: 32, fontWeight: 800, letterSpacing: -0.6, lineHeight: 38 });
-    k.textStyle("Tag 22", { size: 22, fontWeight: 800, letterSpacing: 2.4, lineHeight: 26 });
-    k.textStyle("Label 20", { size: 20, fontWeight: 800, letterSpacing: 3, lineHeight: 24 });
-    k.textStyle("Clock 128", { size: 128, fontWeight: 800, letterSpacing: -5, lineHeight: 120, fontFeatures: { tnum: 1 }, ...MONO });
-    k.textStyle("Note 26", { size: 26, fontWeight: 500, lineHeight: 34 });
-    k.textStyle("Speaker 30", { size: 30, fontWeight: 800, letterSpacing: -0.6, lineHeight: 36 });
-    k.textStyle("Role 20", { size: 20, fontWeight: 500, lineHeight: 26 });
-    pill(k, "Tag", { fill: "accent", ink: "onAccent", style: "Tag 22", label: "LIVE DEMO", pad: [10, 20], radius: 10 });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Webinar opener");
-    k.flowSheet(sheet, 0, { top: 80, right: 110, bottom: 80, left: 110 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: B.duration, fps: 30, audio: B.audio });
-    k.vector(sheet, 1920, 1080, BLOCKS.map(([c, r]) => box(c * 120 + 8, r * 120 + 8, 104, 104)), "block", { name: "Blocks", absolute: { x: 0, y: 0 } });
-    k.vector(sheet, 1920, 1080, gridPaths(1920, 1080, 120, 3), "street", { name: "Streets", absolute: { x: 0, y: 0 }, opacity: 0.55 });
-    glow(k, sheet, { x: 1500, y: 300, w: 1300, role: "street", alpha: 0.75, name: "Glow" });
-    const route = k.frame(sheet, { x: 0, y: 0, width: 1920, height: 1080 }, { name: "Route", clip: true });
-    k.vector(route, 1920, 1080, [polyline(ROUTE.map(([x, y]) => ({ x, y })))], "route", { name: "Route line", strokeWidth: 10, absolute: { x: 0, y: 0 } });
-    STOPS.forEach(([x, y], i) => k.ellipse(sheet, 34, "stop", { name: `Stop ${i + 1}`, stroke: { color: "stopEdge", width: 8, align: "INSIDE" }, absolute: { x: x - 17, y: y - 17 } }));
-    const END = RUN[RUN.length - 1];
-    const driver = k.ellipse(sheet, 52, "accent", { name: "Driver", stroke: { color: "stop", width: 7, align: "INSIDE" }, effects: [shadow(k, "card", 0.5, 8, 18)], absolute: { x: END[0] - 26, y: END[1] - 26 } });
-    let run = 0;
-    const corners = RUN.map(([x, y], i) => {
-      if (i > 0) run += LEGS[i - 1];
-      return { t: driveAt(run), dx: x - END[0], dy: y - END[1] };
-    });
-    k.animate(driver, "translateX", corners.map((c, i) => ({ t: c.t, v: c.dx, ...i < corners.length - 1 ? { ease: ease.linear } : {} })));
-    k.animate(driver, "translateY", corners.map((c, i) => ({ t: c.t, v: c.dy, ...i < corners.length - 1 ? { ease: ease.linear } : {} })));
-    const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 60, height: 920, name: "Layout" });
-    const left = k.stack(row, { width: 900, height: 920, justify: "SPACE_BETWEEN", name: "Words" });
-    const brand = k.stack(left, { direction: "HORIZONTAL", gap: 18, align: "CENTER", name: "Brand row" });
-    logoBadge(k, brand, { fill: "card", size: 34, radius: 12 });
-    k.text(brand, "{{brand.name}}", { style: "Brand 32", color: "text", autoWidth: true, name: "Brand name" });
-    k.instance(brand, "Tag", { Label: "LIVE DEMO" }, { name: "Live tag" });
-    const middle = k.stack(left, { gap: 30, name: "Headline" });
-    k.text(middle, "{{brand.title}}", { style: "Title 112", color: "text", name: "Title" });
-    k.text(middle, "Thursday 16 October \xB7 10:00 PT \xB7 18:00 BST", { style: "When 38", color: "onPaper", name: "When" });
-    const soon = k.stack(left, { direction: "HORIZONTAL", gap: 36, align: "CENTER", fill: "card", radius: 28, padding: { top: 26, right: 40, bottom: 30, left: 36 }, effects: [shadow(k, "card", 0.45, 24, 50)], name: "Countdown" });
-    const figure = k.stack(soon, { width: "HUG", gap: 6, name: "Figure" });
-    k.text(figure, "STARTING IN", { style: "Label 20", color: "dim", autoWidth: true, name: "Clock label" });
-    k.text(figure, "0:46", { style: "Clock 128", color: "onCard", autoWidth: true, name: "Clock" });
-    const side = k.stack(soon, { gap: 20, name: "Soon" });
-    k.text(side, "Grab a coffee. We start on the hour, and the recording goes to everyone who registered.", { style: "Note 26", color: "onCard", name: "Soon note" });
-    const track = k.stack(side, { height: 12, fill: "track", radius: 6, clip: true, name: "Soon track" });
-    k.rect(track, "FILL", 12, "primary", { name: "Soon fill" });
-    const stage = k.stack(row, { height: 920, name: "Speakers" });
-    SPEAKERS.forEach((s, i) => {
-      const W = 350, PW = W - 28, PH = 380;
-      const card = k.stack(stage, { width: W, gap: 16, fill: "card", radius: 30, padding: { top: 14, right: 14, bottom: 26, left: 14 }, effects: [shadow(k, "card", 0.5, 30, 60)], name: `Speaker ${i + 1}`, absolute: { x: s.x, y: s.y } });
-      portraitSlot(k, card, PW, PH, { radius: 20, ground: s.ground, skin: s.skin, top: s.top, halo: "stop", name: "Speaker slot", photo: "Speaker photo" });
-      const words = k.stack(card, { gap: 4, padding: { top: 0, right: 10, bottom: 0, left: 10 }, name: "Speaker words" });
-      k.text(words, s.name, { style: "Speaker 30", color: "onCard", name: "Speaker name" });
-      k.text(words, s.role, { style: "Role 20", color: "dim", name: "Speaker role" });
-    });
-    const note = k.stack(stage, { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", fill: "card", radius: 14, padding: { top: 14, right: 22, bottom: 14, left: 18 }, name: "Join note", absolute: { x: 0, y: 560 } });
-    k.ellipse(note, 14, "accent", { name: "Live dot" });
-    k.text(note, "Questions? Drop them in the chat", { style: "Role 20", color: "onCard", autoWidth: true, name: "Join words" });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  saas_film_webinar_opener_default
-};