@popcraft/kit 0.24.3 → 0.26.0

package/dist/chunks/chunk-THJGYTNB.js

@@ -1,228 +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 {
-  beat,
-  deck,
-  fitLido,
-  heatBrand,
-  lilo,
-  noon,
-  parasols,
-  pool
-} from "./chunk-NOAAC27O.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 {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/summer-heatwave-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var LOOP = 6e3;
-var RULES = [
-  ["No running out of memory", "Workers that fall over are restarted", "Lifeguard watches every process, restarts the one that died and keeps the heap dump for Monday. Median time to recover: 40 seconds."],
-  ["No unanswered tickets", "The easy four in five get a reply", 'Password resets, invoices and "where is the export" are answered from your own docs, in your voice. The rest wait in one tidy queue.'],
-  ["No surprise bills", "Spend is watched, and the culprit named", "A runaway cron job or a chatty model call is paused at the limit you set, with the line of code that caused it."],
-  ["No whistle unless it matters", "You are paged for what a human must decide", "Refunds over your limit, data requests and anything it has not seen before. Last August the median customer was paged twice."]
-];
-var lido = (w) => ({
-  w,
-  h: 620,
-  u: 0.62,
-  loopMs: LOOP,
-  pool: { x: w - 534, y: 168, w: 548, h: 480, lanes: 4 },
-  blocks: { labels: ["Uptime", "Alerts", "Tickets", "Billing"], style: "Lane 13", num: "Number 18", h: 58 },
-  swimmers: [
-    { lane: 0, phase: 0.36, laps: 1, cap: "capA", suit: "suitA", skin: "skinA" },
-    { lane: 1, phase: 0.7, laps: 2, cap: "capB", suit: "suitC", skin: "skinB" },
-    { lane: 2, phase: 0.3, laps: 1, cap: "capC", suit: "suitB", skin: "skinA" },
-    { lane: 3, phase: 0.52, laps: 2, cap: "capA", suit: "suitA", skin: "skinB" }
-  ],
-  rings: [{ x: 440, y: 250, size: 96 }],
-  parasols: [{ x: w - 56, y: 30, r: 118, sun: true }, { x: 30, y: 26, r: 84 }],
-  towels: [{ x: w - 330, y: -30, w: 70, h: 120, alt: true }],
-  loungers: [{ x: w - 420, y: -70, w: 72 }],
-  steps: { x: w - 250, y: 96, n: 3, dx: -4, dy: -34 }
-});
-var cues = [
-  { layer: "Offer bar", preset: "drop-in", at: 0, params: { duration: 600 } },
-  { layer: "Nav", preset: "fade-in", at: 100, params: { duration: 700 } },
-  { layer: "Eyebrow", preset: "fade-in", at: 300, params: { duration: 700 } },
-  { layer: "Headline", preset: "blur-in", at: 350, params: { duration: 1e3, amount: 22 } },
-  { layer: "Visual", preset: "pop-in", at: 400, params: { duration: 700 } },
-  { layer: "Lead", preset: "rise-in", at: 900, params: { duration: 800 } },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1300, params: { duration: 700 }, stagger: { delay: 140 } },
-  { layer: "Tally", preset: "slide-in", at: 1500, params: { duration: 900, direction: "left" } },
-  { layer: "Proof", preset: "fade-in", at: 2e3, params: { duration: 800 } }
-];
-var summer_heatwave_landing_default = defineTemplate({
-  id: "web-summer-heatwave-landing",
-  meta: {
-    name: "Summer heatwave landing page",
-    description: "A summer campaign landing page for a SaaS that keeps working while its founder is at the pool: an offer bar, a hero beside a snapshot of a lido from above where the product\u2019s jobs swim lengths in named lanes, the out-of-office reply it writes for you as the back of a postcard with a stamp and postmark, the pool rules as a ruled column marked with lifebuoys, and the summer pass \u2014 hot sand, pool water and hard noon shadows, at desktop, laptop, tablet and phone widths",
-    category: "web",
-    tags: ["summer", "heatwave", "lido", "pool", "landing page", "hero", "website", "saas", "out of office", "postcard", "summer sale", "offer", "animation", "responsive", "seasonal"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["sale", "launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Summer heatwave landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    heatBrand(k);
-    k.textStyle("Nav 16", { size: 16, fontWeight: 600, lineHeight: 24 });
-    k.textStyle("Brand 22", { size: 22, fontWeight: 900, letterSpacing: -0.5, lineHeight: 28 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 800, lineHeight: 24 });
-    k.textStyle("Bar 15", { size: 15, fontWeight: 700, lineHeight: 22, textAlign: "CENTER" });
-    k.textStyle("Eyebrow 14", { size: 14, fontWeight: 800, letterSpacing: 3.5, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Display 96", { size: 96, fontWeight: 900, letterSpacing: -4.2, lineHeight: 86, textCase: "UPPER" });
-    k.textStyle("Display 78", { size: 78, fontWeight: 900, letterSpacing: -3.3, lineHeight: 72, textCase: "UPPER" });
-    k.textStyle("Display 64", { size: 64, fontWeight: 900, letterSpacing: -2.6, lineHeight: 60, textCase: "UPPER" });
-    k.textStyle("Display 44", { size: 44, fontWeight: 900, letterSpacing: -1.6, lineHeight: 42, textCase: "UPPER" });
-    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 32 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 27 });
-    k.textStyle("Proof 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Section 44", { size: 44, fontWeight: 900, letterSpacing: -1.6, lineHeight: 46, textCase: "UPPER" });
-    k.textStyle("Section 30", { size: 30, fontWeight: 900, letterSpacing: -1, lineHeight: 32, textCase: "UPPER" });
-    k.textStyle("Rule 20", { ...SERIF, size: 20, fontStyle: "italic", fontWeight: 600, lineHeight: 30 });
-    k.textStyle("Deed 22", { size: 22, fontWeight: 800, letterSpacing: -0.4, lineHeight: 30 });
-    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Small 14", { size: 14, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Note 24", { ...SERIF, size: 24, fontStyle: "italic", fontWeight: 500, lineHeight: 37 });
-    k.textStyle("Note 19", { ...SERIF, size: 19, fontStyle: "italic", fontWeight: 500, lineHeight: 30 });
-    k.textStyle("Address 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 34 });
-    k.textStyle("Stamp 13", { ...MONO, size: 13, fontWeight: 800, lineHeight: 16, textAlign: "CENTER" });
-    k.textStyle("Lane 13", { ...MONO, size: 13, fontWeight: 700, lineHeight: 16, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Number 18", { ...MONO, size: 18, fontWeight: 800, lineHeight: 20, textAlign: "CENTER" });
-    k.textStyle("Tally 18", { size: 18, fontWeight: 800, letterSpacing: -0.2, lineHeight: 24 });
-    k.textStyle("Tally 13", { ...MONO, size: 13, fontWeight: 500, lineHeight: 18 });
-    buttons(k, { style: "Button 16", pad: [15, 26], radius: 999 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 72, top: 24 });
-    k.timeline(sheet, { duration: LOOP, fps: 30 });
-    const bar = k.stack(sheet, { fill: "primary", radius: 999, padding: { top: 10, right: 20, bottom: 10, left: 20 }, align: "CENTER", name: "Offer bar" });
-    k.text(bar, "Summer pass: three months free on any annual plan with code POOLSIDE, until 31 August.", { style: "Bar 15", color: "onPrimary", name: "Offer bar text" });
-    nav(k, sheet, { links: ["What it handles", "Integrations", "Pricing", "Changelog"], cta: "Get the summer pass", style: "Nav 16", brandStyle: "Brand 22" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 72, align: "CENTER", name: "Hero" });
-    const copy = k.stack(hero, { gap: 26, name: "Copy" });
-    k.text(copy, "On-call autopilot", { style: "Eyebrow 14", color: "text", name: "Eyebrow" });
-    k.text(copy, "Gone swimming. App\u2019s fine.", { style: "Display 96", color: "text", name: "Headline" });
-    k.text(copy, "Lifeguard watches your product while you are at the pool. It restarts what falls over, answers the easy tickets from your own docs, keeps an eye on the bill, and only blows the whistle for what a human must decide.", { style: "Lead 20", color: "onPaper", name: "Lead" });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: "Get the summer pass: 3 months free" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "See last August\u2019s log" }, { name: "CTA quiet" });
-    k.text(copy, "1,840 small teams \xB7 96% of incidents closed without a page", { style: "Proof 15", color: "onPaper", name: "Proof" });
-    const W = 520;
-    const s = lido(W);
-    const visual = k.stack(hero, { width: W, height: s.h, fill: "paper", radius: 20, clip: true, stroke: { color: "foam", width: 12, align: "INSIDE" }, effects: [noon(1, 2.4, 0.2)], name: "Visual" });
-    deck(k, visual, s);
-    pool(k, visual, s);
-    const tally = lilo(k, visual, { w: 330, h: 104, u: 0.62, name: "Tally", absolute: { x: 40, y: 470 }, loopMs: LOOP });
-    k.text(tally, "Out of office: on", { style: "Tally 18", color: "ink", name: "Tally title" });
-    k.text(tally, "3 incidents closed \xB7 41 tickets answered", { style: "Tally 13", color: "ink", name: "Tally figures" });
-    parasols(k, visual, s);
-    beat(k, visual, 600, 1200, 4);
-    const reply = k.stack(sheet, { gap: 28, name: "Reply" });
-    k.text(reply, "The out-of-office it writes for you", { style: "Section 44", color: "text", name: "Reply title" });
-    const card = k.stack(reply, { direction: "HORIZONTAL", gap: 48, fill: "card", radius: 8, padding: 48, effects: [noon(1, 1.4, 0.16)], name: "Postcard" });
-    const note = k.stack(card, { gap: 18, name: "Postcard note" });
-    k.text(note, "Hello from the lido. I am away until Monday 18 August and not reading email.", { style: "Note 24", color: "onCard", name: "Note greeting" });
-    k.text(note, "Lifeguard is watching the app. So far this week it has restarted two workers, answered 41 tickets and paused one cron job that was spending money. If your question is about a refund or your data, it has already paged me, and I will answer from the shallow end.", { style: "Note 24", color: "onCard", name: "Note body" });
-    k.text(note, "Dana, founder", { style: "Note 24", color: "onCard", name: "Note sign" });
-    k.rect(card, 2, 300, "accent", { name: "Postcard rule", opacity: 0.5 });
-    const side = k.stack(card, { width: 330, gap: 22, name: "Postcard side" });
-    const stampRow = k.stack(side, { direction: "HORIZONTAL", justify: "MAX", name: "Stamp row" });
-    const stamp = k.stack(stampRow, { width: 104, height: 126, fill: "foam", padding: 8, gap: 6, align: "CENTER", stroke: { color: "copingShade", width: 2, align: "INSIDE" }, name: "Stamp" });
-    const sea = k.stack(stamp, { width: 88, height: 84, fill: "water", clip: true, name: "Stamp picture" });
-    k.ellipse(sea, 46, "sun", { name: "Stamp sun", absolute: { x: 21, y: 10 } });
-    k.rect(sea, 88, 30, "waterDeep", { name: "Stamp sea", absolute: { x: 0, y: 54 } });
-    k.vector(sea, 88, 12, [{ closed: false, points: Array.from({ length: 23 }, (_, i) => ({ x: i * 4, y: 6 + 4 * Math.sin(i * 0.9) })) }], "foam", { name: "Stamp wave", strokeWidth: 2.5, absolute: { x: 0, y: 60 } });
-    k.text(stamp, "34\xB0 \xB7 1st", { style: "Stamp 13", color: "ink", name: "Stamp value" });
-    const mark = k.stack(stampRow, { width: 150, height: 96, name: "Postmark", absolute: { x: 128, y: 44 } });
-    k.ellipse(mark, 92, [], { name: "Postmark ring", stroke: { color: "onCard", width: 2.5 }, opacity: 0.45, absolute: { x: 0, y: 2 } });
-    k.ellipse(mark, 62, [], { name: "Postmark ring", stroke: { color: "onCard", width: 2 }, opacity: 0.45, absolute: { x: 15, y: 17 } });
-    k.vector(mark, 70, 60, [0, 1, 2, 3].map((j) => ({ closed: false, points: Array.from({ length: 15 }, (_, i) => ({ x: i * 5, y: 8 + j * 14 + 4 * Math.sin(i * 0.9) })) })), "onCard", { name: "Postmark waves", strokeWidth: 2.5, opacity: 0.45, absolute: { x: 84, y: 18 } });
-    for (const line of ["To: everyone who emails", "support@ in August", "Sent: within 30 seconds", "Written by: Lifeguard"]) {
-      k.text(side, line, { style: "Address 15", color: "onCard", name: "Address line" });
-      k.rect(side, "FILL", 1.5, "onCard", { name: "Address rule", opacity: 0.35 });
-    }
-    const rules = k.stack(sheet, { gap: 0, name: "Rules" });
-    k.text(rules, "Pool rules", { style: "Section 44", color: "text", name: "Rules title" });
-    k.stack(rules, { height: 28, name: "Gap" });
-    for (const [rule, deed, account] of RULES) {
-      k.rect(rules, "FILL", 2, "text", { name: "Rule line" });
-      const row = k.stack(rules, { direction: "HORIZONTAL", gap: 32, padding: { top: 24, right: 0, bottom: 24, left: 0 }, name: "Rule" });
-      const markRow = k.stack(row, { direction: "HORIZONTAL", width: 300, gap: 12, align: "CENTER", name: "Rule mark" });
-      k.ellipse(markRow, 22, [], { name: "Buoy mark", stroke: { color: "accent", width: 7, align: "INSIDE" } });
-      k.text(markRow, rule, { style: "Rule 20", color: "text", name: "Rule name" });
-      k.text(row, deed, { style: "Deed 22", color: "text", width: 320, name: "Deed" });
-      k.text(row, account, { style: "Body 18", color: "onPaper", name: "Account" });
-    }
-    k.rect(rules, "FILL", 2, "text", { name: "Rule line" });
-    const band = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", justify: "SPACE_BETWEEN", fill: "primary", radius: 20, padding: 48, name: "Band" });
-    const pitch = k.stack(band, { gap: 10, name: "Band copy" });
-    k.text(pitch, "Take August off.", { style: "Section 30", color: "onPrimary", name: "Band title" });
-    k.text(pitch, "Three months free with POOLSIDE on any annual plan, until 31 August. Connect your host, your inbox and your billing in about ten minutes, then go and find a towel.", { style: "Body 18", color: "onPrimary", name: "Band text" });
-    const bandButton = k.stack(band, { direction: "HORIZONTAL", width: "HUG", fill: "card", radius: 999, padding: { top: 15, right: 26, bottom: 15, left: 26 }, name: "Band button" });
-    k.text(bandButton, "Get the summer pass", { style: "Button 16", color: "onCard", autoWidth: true, name: "Band button label" });
-    k.text(sheet, "Wear sunscreen \xB7 \xA9 Lifeguard Labs \xB7 Security \xB7 Changelog \xB7 Status", { style: "Small 14", color: "onPaper", name: "Footer" });
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Band", "Postcard", "Rule"],
-      restyle: {
-        "Display 96": { laptop: "Display 78", tablet: "Display 64", mobile: "Display 44" },
-        "Lead 20": { mobile: "Lead 17" },
-        "Section 44": { mobile: "Section 30" },
-        "Note 24": { mobile: "Note 19" }
-      },
-      gap: { tablet: 56, mobile: 44 },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") for (const n2 of kit.named(id, "Hero")) kit.patch(n2, { itemSpacing: 48 });
-        if (size === "tablet" || size === "mobile") {
-          for (const n2 of kit.named(id, "Hero")) kit.patch(n2, { itemSpacing: 44, counterAxisAlignItems: "CENTER" });
-          for (const n2 of kit.named(id, "Band")) kit.patch(n2, { itemSpacing: 24, padding: { top: 32, right: 24, bottom: 32, left: 24 } });
-          for (const n2 of kit.named(id, "Postcard")) kit.patch(n2, { itemSpacing: 28, padding: { top: 28, right: 24, bottom: 28, left: 24 } });
-          for (const n2 of kit.named(id, "Postcard rule")) kit.patch(n2, { visible: false });
-          for (const n2 of kit.named(id, "Postcard side")) kit.patch(n2, { layoutSizingHorizontal: "FILL" });
-          for (const n2 of kit.named(id, "Rule")) kit.patch(n2, { itemSpacing: 6 });
-          for (const n2 of [...kit.named(id, "Deed"), ...kit.named(id, "Rule mark")]) kit.patch(n2, { layoutSizingHorizontal: "FILL" });
-        }
-        const n = size === "mobile" ? lido(335) : s;
-        for (const box of kit.named(id, "Visual")) {
-          kit.patch(box, { layoutSizingHorizontal: "FIXED", width: n.w, height: n.h });
-          fitLido(kit, box, n);
-          for (const t of kit.named(box, "Tally")) kit.patch(t, { x: size === "mobile" ? 24 : 40, y: 470, width: size === "mobile" ? 290 : 330, height: 104 });
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  summer_heatwave_landing_default
-};

package/dist/chunks/chunk-TJ66FPOG.js

@@ -1,87 +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 {
-  logoBadge,
-  outro,
-  pill,
-  postVariants
-} from "./chunk-EK5CFFJO.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/social/post-event.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var CONTENT = ["Date block", "Title", "Detail", "Book button"];
-var cues = [
-  { layer: "Date block", preset: "pop-in", at: 100 },
-  { layer: "Title", preset: "rise-in", at: 350, params: { duration: 700 } },
-  { layer: "Detail", preset: "slide-in", at: 800, params: { direction: "left", distance: 100 }, stagger: { delay: 140 } },
-  { layer: "Book button", preset: "rise-in", at: 1300 },
-  { layer: "Book button", preset: "pulse", at: 3200 },
-  outro(CONTENT, 5900)
-];
-var post_event_default = defineTemplate({
-  id: "motion-social-event",
-  meta: {
-    name: "Event post (animated)",
-    description: "The event post in motion: the date pops, the title rises, when, where and seats slide in one after another and the booking button pulses \u2014 seven seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "event", "workshop", "instagram", "post", "rsvp", "class"],
-    platforms: ["instagram", "facebook", "linkedin"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["event", "invitation"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("Event post (animated)", preset("ig-post"));
-    k.brand(
-      { paper: "#FBF3EA", text: "#3A2418", onPaper: "#6F5546", primary: "#A8482A", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#3A2418" },
-      { title: "Intro to wheel pottery", month: "NOV", day: "8" }
-    );
-    k.textStyle("Title 84", { size: 84, fontWeight: 800, letterSpacing: -2, lineHeight: 88 });
-    k.textStyle("Month 26", { size: 26, fontWeight: 800, letterSpacing: 3, lineHeight: 30, textAlign: "CENTER" });
-    k.textStyle("Day 64", { size: 64, fontWeight: 900, lineHeight: 64, textAlign: "CENTER" });
-    k.textStyle("Label 22", { size: 22, fontWeight: 800, letterSpacing: 3, lineHeight: 26 });
-    k.textStyle("Value 32", { size: 32, fontWeight: 600, lineHeight: 40 });
-    k.textStyle("Button 34", { size: 34, fontWeight: 700, lineHeight: 40 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: "Book a seat \xB7 hollismakers.com", pad: [20, 44] });
-    k.component("Detail row", { direction: "HORIZONTAL", width: 904, fill: "card", radius: 20, gap: 24, align: "CENTER", padding: { top: 16, right: 28, bottom: 16, left: 28 }, props: { Label: "WHEN", Value: "Saturday \xB7 10 am \u2013 1 pm" } }, (id) => {
-      k.propText(id, "Label", { style: "Label 22", color: "onCard", width: 120 });
-      k.propText(id, "Value", { style: "Value 32", color: "onCard", width: "FILL" });
-    });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 24, 88, "paper", "CENTER", "MIN");
-    k.timeline(sheet, { duration: 7e3, fps: 30 });
-    const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 28, align: "CENTER", justify: "SPACE_BETWEEN", name: "Head" });
-    const date = k.stack(head, { width: 136, fill: "primary", radius: 24, align: "CENTER", gap: 2, padding: { top: 16, right: 12, bottom: 18, left: 12 }, name: "Date block" });
-    k.text(date, "{{brand.month}}", { style: "Month 26", color: "onPrimary", name: "Month" });
-    k.text(date, "{{brand.day}}", { style: "Day 64", color: "onPrimary", name: "Day" });
-    logoBadge(k, head, { fill: "primary", size: 64 });
-    k.text(sheet, "{{brand.title}}", { style: "Title 84", color: "text", name: "Title" });
-    const details = k.stack(sheet, { gap: 10, name: "Details" });
-    const rows = [["WHEN", "Saturday, November 8 \xB7 10 am \u2013 1 pm"], ["WHERE", "Hollis Street Studio, 214 Hollis St"], ["SEATS", "12 wheels \xB7 clay, glazing and firing included"]];
-    for (const [label, value] of rows) k.instance(details, "Detail row", { Label: label, Value: value }, { width: "FILL", name: "Detail" });
-    k.instance(sheet, "Button", { Label: "Book a seat \xB7 hollismakers.com" }, { name: "Book button" });
-    k.cues(sheet, cues);
-    k.variants(sheet, postVariants({ portrait: 88 }));
-    return k.finish();
-  }
-});
-
-export {
-  post_event_default
-};

package/dist/chunks/chunk-TJRE2F4X.js

@@ -1,195 +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 {
-  soft,
-  sz
-} from "./chunk-KDTFGBPW.js";
-import {
-  appScreen,
-  glyph,
-  placeDevice,
-  storeDevices,
-  uiRoles
-} from "./chunk-XFK7KVIF.js";
-import {
-  stars
-} from "./chunk-YNOCYFZ4.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  captionSwap
-} from "./chunk-C7BYFVZT.js";
-import {
-  score
-} from "./chunk-52GCV7N5.js";
-import {
-  ground
-} from "./chunk-QLV6445V.js";
-import {
-  glow
-} from "./chunk-HVK5T4I5.js";
-import {
-  logoBadge
-} from "./chunk-EK5CFFJO.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/motion/saas-store-install-ad.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = score("edm", 1);
-var { beat } = S;
-var SCREENS = [
-  { name: "Plan", tabs: [4, 0], blocks: [
-    { kind: "title", text: "Week 3 of 8", note: "Couch to 5K" },
-    { kind: "hero", label: "Today", figure: "Run 2 km", note: "Easy pace, walk a minute halfway", share: 0.38 },
-    { kind: "rows", card: true, rows: [{ title: "Tuesday", sub: "Rest, or a 20-minute walk", glyph: "moon", ink: "onScreenMuted", tile: "track" }, { title: "Thursday", sub: "Run 2.5 km", glyph: "bolt" }, { title: "Sunday", sub: "Long run, 3 km", glyph: "star", ink: "accent", tile: "onScreen" }] },
-    { kind: "bars", values: [2, 2, 3, 3, 4, 4, 5, 5], hi: 2, height: 150 }
-  ] },
-  { name: "Coach", tabs: [4, 1], blocks: [
-    { kind: "title", text: "Easy run", note: "Live" },
-    { kind: "ring", share: 0.7, figure: "1.4 km", label: "of 2 km" },
-    { kind: "hero", label: "Coach, in your ear", figure: "Ease off.", note: "You should be able to talk.", fill: "accent", ink: "onAccent" },
-    { kind: "bars", values: [5, 6, 6, 7, 6, 5, 6, 7, 8, 7, 6, 5], hi: 8, height: 170 }
-  ] },
-  { name: "Progress", tabs: [4, 2], blocks: [
-    { kind: "title", text: "September", note: "14 runs" },
-    { kind: "hero", label: "Distance this month", figure: "42.6 km", note: "12 km more than August" },
-    { kind: "curve", title: "Longest run", note: "km", values: [0.8, 1, 1.2, 1.5, 1.5, 2, 2.4, 2.4, 3, 3.6], height: 110 },
-    { kind: "tiles", items: [["Streak", "9 days"], ["To 5K", "1.4 km"]] },
-    { kind: "bars", values: [3, 5, 4, 6, 7, 6, 8], hi: 6, height: 110 }
-  ] }
-];
-var LINES = ["Couch to 5K. Eight weeks.", "A plan around your week.", "A coach in your ear.", "Watch every run add up.", "Free to start. Download today."];
-var CHIPS = ["3 runs a week", "Live pace cues", "+12 km this month"];
-var swaps = [captionSwap(LINES, 0, S.duration - 30, { in: 240, rise: 30 })];
-var at = (line) => swaps[0].at + line * Math.floor((S.duration - 30) / LINES.length);
-var cues = [
-  { layer: "Kicker", preset: "fade-in", at: 0, params: { duration: 250 } },
-  { layer: "Phones", preset: "rise-in", at: 0, params: { duration: 700 } },
-  { layer: "Chip 1", preset: "pop-in", at: at(1) + 300, params: { duration: 350 } },
-  { layer: "Phone 2", preset: "fade-in", at: at(2), params: { duration: 300 } },
-  { layer: "Chip 2", preset: "pop-in", at: at(2) + 300, params: { duration: 350 } },
-  { layer: "Phone 3", preset: "fade-in", at: at(3), params: { duration: 300 } },
-  { layer: "Chip 3", preset: "pop-in", at: at(3) + 300, params: { duration: 350 } },
-  { layer: "End panel", preset: "slide-in", at: at(4), params: { duration: 600, direction: "down" } },
-  { layer: "Store badge", preset: "pop-in", at: at(4) + 450, params: { duration: 400 }, stagger: { delay: 140 } },
-  { layer: "Store badges", preset: "pulse", at: beat(28), params: { duration: 600, amount: 0.05 } },
-  { layer: "Store badges", preset: "pulse", at: beat(30), params: { duration: 600, amount: 0.05 } }
-];
-var LAYOUTS = [
-  { id: "ig-story", head: { x: 80, y: 262, w: 840, size: 92 }, phone: { x: 220, y: 512, scale: 1.5 }, chips: [[64, 880, -5], [580, 930, 4], [64, 985, -3]], panel: { x: 0, y: 1090, w: 1080, h: 900, stack: false } },
-  { id: "ig-portrait", head: { x: 70, y: 64, w: 940, size: 92 }, phone: { x: 220, y: 322, scale: 1.5 }, chips: [[50, 590, -5], [600, 690, 4], [50, 790, -3]], panel: { x: 0, y: 930, w: 1080, h: 480, stack: false } },
-  { id: "ig-post", head: { x: 64, y: 84, w: 470, size: 76 }, phone: { x: 540, y: 60, scale: 1.2 }, chips: [[64, 400, -4], [64, 495, 3], [64, 590, -3]], panel: { x: 0, y: 690, w: 1080, h: 440, stack: false } }
-];
-var saas_store_install_ad_default = defineTemplate({
-  id: "motion-saas-store-install-ad",
-  meta: {
-    name: "SaaS store app install ad",
-    description: "A 15-second app install ad cut to music: the hook is on screen at once, a phone rises in showing the app, three benefit beats each change the headline, the phone\u2019s screen and a tilted number chip, and the end panel slides up with the icon, the rating and both store badges pulsing on the beat. 9:16 inside the TikTok, Reels and Shorts safe area, with 4:5 and 1:1 layouts for Meta feed. Swap the phone\u2019s Screen for the screenshot slot and drop your own capture",
-    category: "animation",
-    tags: ["animation", "saas", "saas store", "app install", "ad", "app store", "google play", "phone", "mobile app", "subscription app", "music", "audio", "captions", "reel", "tiktok", "shorts", "meta ads", "store badge", "end card"],
-    platforms: ["tiktok", "instagram", "facebook", "youtube", "app-store", "google-play"],
-    formats: ["ad", "reel", "short", "story", "post", "portrait-post"],
-    useCases: ["launch", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, swaps },
-  build() {
-    const k = new Kit("SaaS store app install ad", preset("ig-story"));
-    k.quantizeGeometry = true;
-    k.brand(
-      {
-        paper: "#090C0A",
-        text: "#F3F7EC",
-        primary: "#C8F53A",
-        onPrimary: "#111A00",
-        accent: "#FF6B3D",
-        onAccent: "#1F0A02",
-        ...uiRoles({ screen: "#111512", surface: "#1B211C", onScreen: "#F3F7EC", onScreenMuted: "#AEB8A9", line: "#2F382F", track: "#2A322B", tile: "#2A322B", photo: "#2A322B", positive: "#C8F53A", primary: "#C8F53A", onPrimary: "#111A00", accent: "#FF6B3D", onAccent: "#1F0A02", device: "#1A1F1B", deviceEdge: "#4B564C" })
-      },
-      { name: "Rally", tagline: "Your first 5K starts today." }
-    );
-    k.textStyle("Kicker 28", { ...MONO, size: 28, fontWeight: 700, letterSpacing: 2, lineHeight: 36, textCase: "UPPER" });
-    k.textStyle("Chip 36", { size: 36, fontWeight: 800, letterSpacing: -0.8, lineHeight: 42 });
-    k.textStyle("End name 64", { size: 64, fontWeight: 900, letterSpacing: -3, lineHeight: 64 });
-    k.textStyle("End line 32", { size: 32, fontWeight: 600, letterSpacing: -0.6, lineHeight: 40 });
-    k.textStyle("Rating 28", { ...MONO, size: 28, fontWeight: 600, lineHeight: 36 });
-    k.textStyle("Badge small 20", { size: 20, fontWeight: 600, lineHeight: 24 });
-    k.textStyle("Badge 34", { size: 34, fontWeight: 800, letterSpacing: -0.8, lineHeight: 38 });
-    const screens = SCREENS.map((s) => appScreen(k, s));
-    storeDevices(k, { phone: screens[0] });
-    let cover = "";
-    LAYOUTS.forEach((L, li) => {
-      const Z = sz(L.id, 1080);
-      const sheet = li === 0 ? k.sheet : k.addSheet(preset(L.id));
-      ground(k, sheet, `Install ad \xB7 ${preset(L.id).name}`, "paper");
-      k.timeline(sheet, { duration: S.duration, fps: 30, audio: S.audio });
-      if (!cover) cover = sheet;
-      const PW = Math.round(426 * L.phone.scale), PH = Math.round(898 * L.phone.scale);
-      const lanes = [];
-      for (let i = -6; i < 14; i++) {
-        const x = i * 190;
-        lanes.push({ closed: true, points: [{ x, y: Z.H }, { x: x + 26, y: Z.H }, { x: x + 26 + Z.H * 0.42, y: 0 }, { x: x + Z.H * 0.42, y: 0 }] });
-      }
-      k.vector(sheet, Z.W, Z.H, lanes, k.tint("text", 0.07), { name: "Lanes", absolute: { x: 0, y: 0 } });
-      glow(k, sheet, { role: "primary", w: PW * 2.6, x: L.phone.x + PW / 2, y: L.phone.y + PH * 0.5, alpha: 0.26, name: "Light" });
-      const style = `Headline ${L.head.size}`;
-      k.textStyle(style, { size: L.head.size, fontWeight: 900, letterSpacing: -0.045 * L.head.size, lineHeight: Math.round(L.head.size * 0.98) });
-      const head = k.stack(sheet, { width: L.head.w, gap: 18, name: "Headline block", absolute: { x: L.head.x, y: L.head.y } });
-      const kicker = k.stack(head, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", name: "Kicker" });
-      logoBadge(k, kicker, { fill: "primary", size: 26, pad: 8, radius: 10 });
-      k.text(kicker, "Rally \xB7 running coach", { style: "Kicker 28", color: "text", autoWidth: true, name: "Kicker text" });
-      k.text(head, LINES[0], { style, color: "text", name: "Caption" });
-      const phones = k.frame(sheet, { x: L.phone.x, y: L.phone.y, width: PW, height: PH }, { name: "Phones" });
-      screens.forEach((screen, i) => placeDevice(k, phones, { screen, scale: L.phone.scale, x: 0, y: 0, name: `Phone ${i + 1}`, shadow: i === 0 ? soft(k, "primary", 0.2, 0, 70) : null }));
-      CHIPS.forEach((c, i) => {
-        const [x, y, tilt] = L.chips[i];
-        const chip = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", fill: "primary", radius: 22, padding: { top: 18, right: 26, bottom: 18, left: 20 }, effects: [soft(k, "paper", 0.6, 14, 30)], name: `Chip ${i + 1}`, absolute: { x, y } });
-        k.patch(chip, { rotation: tilt });
-        glyph(k, chip, ["bars", "bolt", "star"][i], 34, "onPrimary");
-        k.text(chip, c, { style: "Chip 36", color: "onPrimary", autoWidth: true, name: "Chip text" });
-      });
-      const P = L.panel;
-      const panel = k.stack(sheet, { width: P.w, height: P.h, gap: 26, fill: "text", radius: 56, padding: { top: 48, right: 160, bottom: 0, left: 80 }, effects: [soft(k, "paper", 0.7, -20, 60)], name: "End panel", absolute: { x: P.x, y: P.y } });
-      const who = k.stack(panel, { direction: "HORIZONTAL", gap: 26, align: "CENTER", name: "End brand" });
-      logoBadge(k, who, { fill: "primary", size: 64, pad: 22, radius: 30, name: "End logo" });
-      const names = k.stack(who, { gap: 4, name: "End words" });
-      k.text(names, "{{brand.name}}", { style: "End name 64", color: "paper", name: "End name" });
-      k.text(names, "{{brand.tagline}}", { style: "End line 32", color: "paper", name: "End line" });
-      const rating = k.stack(panel, { direction: "HORIZONTAL", width: "HUG", gap: 16, align: "CENTER", name: "End rating" });
-      stars(k, rating, 32, "primary");
-      k.text(rating, "4.8 \xB7 96,000 ratings", { style: "Rating 28", color: "paper", autoWidth: true, name: "Rating text" });
-      const badges = k.stack(panel, { direction: "HORIZONTAL", width: "HUG", gap: 20, name: "Store badges" });
-      for (const [small, big, mark] of [["Download on the", "App Store", "square"], ["Get it on", "Google Play", "play"]]) {
-        const b = k.stack(badges, { direction: "HORIZONTAL", width: "HUG", gap: 16, align: "CENTER", fill: "paper", radius: 20, padding: { top: 16, right: 30, bottom: 18, left: 24 }, name: "Store badge" });
-        glyph(k, b, mark, 44, "text");
-        const w = k.stack(b, { width: "HUG", gap: 0, name: "Badge words" });
-        k.text(w, small, { style: "Badge small 20", color: "text", autoWidth: true, name: "Badge small" });
-        k.text(w, big, { style: "Badge 34", color: "text", autoWidth: true, name: "Badge store" });
-      }
-      k.swaps(sheet, swaps);
-      k.cues(sheet, cues);
-    });
-    k.setCover(cover);
-    return k.finish();
-  }
-});
-
-export {
-  saas_store_install_ad_default
-};

package/dist/chunks/chunk-TKEHGYAG.js

@@ -1,110 +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 {
-  onColor,
-  scrim,
-  withSong
-} from "./chunk-DIDTFCUY.js";
-import {
-  bassKick,
-  beatFlash,
-  circularSpectrum,
-  visualizer
-} from "./chunk-OLPNNPPZ.js";
-import {
-  trackInfo
-} from "./chunk-SQCPEGOZ.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.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/music/edm-drop.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DEEP = "#0B0620";
-var VIOLET = "#7B2FF7";
-var PINK = "#FF3D9A";
-var CYAN = "#29E6FF";
-var WHITE = "#FFFFFF";
-var DROP_MS = Math.round(4 * 4 * 6e4 / trackInfo("edm").bpm);
-var CUES = [
-  { layer: "Get ready", preset: "fade-in", at: 400, params: { duration: 900 } },
-  { layer: "Get ready", preset: "fade-out", at: DROP_MS - 400, params: { duration: 350 } },
-  { layer: "Cover lockup", preset: "scale-in", at: DROP_MS, params: { duration: 450 } },
-  { layer: "Words", preset: "fade-in", at: DROP_MS, params: { duration: 250 } },
-  { layer: "Song", preset: "pop-in", at: DROP_MS + 120, params: { duration: 450, amount: 0.6 } },
-  { layer: "Artist", preset: "rise-in", at: DROP_MS + 470, params: { duration: 500 } },
-  { layer: "Release pill", preset: "pop-in", at: DROP_MS + 940, params: { duration: 450 } }
-];
-var edm_drop_default = defineTemplate({
-  id: "motion-music-edm-drop",
-  meta: {
-    name: "EDM drop teaser",
-    description: "A 15-second vertical teaser that builds and drops with its track: a zoom-feedback visualizer driven by the bass and beat, then on the drop the title slams in over a circular spectrum and the screen flashes on every kick",
-    category: "animation",
-    tags: ["animation", "music", "music video", "edm", "drop", "visualizer", "audio reactive", "milkdrop", "spectrum", "reel", "tiktok", "teaser"],
-    platforms: ["instagram", "tiktok", "youtube"],
-    formats: ["reel", "short", "story"],
-    useCases: ["launch", "announcement"],
-    created: "2026-09-30",
-    updated: "2026-09-30"
-  },
-  motion: { cues: CUES },
-  build() {
-    const k = new Kit("EDM drop teaser", preset("ig-story"));
-    k.brand(
-      { deep: DEEP, violet: VIOLET, accent: PINK, cyan: CYAN, flash: WHITE, text: WHITE, onAccent: onColor(PINK, [DEEP, "#000000"]), onDeep: onColor(DEEP, [WHITE]) },
-      { song: "Neon Surge", artist: "KAIRO" }
-    );
-    k.textStyle("Ready 88", { size: 88, fontWeight: 900, lineHeight: 96, letterSpacing: 8, textAlign: "CENTER", textCase: "UPPER" });
-    k.textStyle("Song 130", { size: 130, fontWeight: 900, lineHeight: 150, letterSpacing: -5, textAlign: "CENTER", textCase: "UPPER" });
-    k.textStyle("Artist 56", { size: 56, fontWeight: 700, lineHeight: 64, letterSpacing: 14, textAlign: "CENTER", textCase: "UPPER" });
-    k.textStyle("Pill 40", { size: 40, fontWeight: 800, lineHeight: 48, letterSpacing: 2, textCase: "UPPER" });
-    pill(k, "Release pill", { fill: "accent", ink: "onAccent", style: "Pill 40", label: "Out Friday", pad: [18, 48] });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Drop");
-    k.flowSheet(sheet, 0, { top: 0, right: 0, bottom: 0, left: 0 }, "deep");
-    k.patch(sheet, { clipsContent: true });
-    withSong(k, sheet, "edm", 1, 600);
-    visualizer(k, sheet, "zoom-feedback", { bg: "deep", a: "violet", b: "accent", c: "cyan" }, { name: "Zoom feedback" });
-    const ready = k.stack(sheet, { direction: "HORIZONTAL", width: 876, justify: "CENTER", name: "Ready row", absolute: { x: 64, y: 256 } });
-    k.text(scrim(k, ready, "deep", { direction: "HORIZONTAL", width: "HUG", radius: 999, padding: { top: 8, right: 40, bottom: 8, left: 40 }, name: "Get ready" }), "Get ready", { style: "Ready 88", color: "onDeep", autoWidth: true, name: "Get ready text" });
-    const D = 2 * (230 + 120);
-    const lockup = k.stack(sheet, { width: D, height: D, name: "Cover lockup", absolute: { x: (1080 - D) / 2, y: 362 } });
-    circularSpectrum(k, lockup, { radius: 230, length: 120, color: "cyan", count: 64 });
-    const art = k.photo(lockup, 400, 400, { radius: 200, ground: "violet", name: "Cover art", absolute: { x: D / 2 - 200, y: D / 2 - 200 } });
-    bassKick(k, art, 0.07, 130);
-    const words = scrim(k, sheet, "deep", { width: 876, gap: 12, name: "Words", absolute: { x: 64, y: 1060 }, padding: { top: 16, right: 24, bottom: 20, left: 24 } });
-    const song = k.text(words, "{{brand.song}}", { style: "Song 130", color: "onDeep", width: 828, name: "Song" });
-    bassKick(k, song, 0.05, 110);
-    k.text(words, "{{brand.artist}}", { style: "Artist 56", color: "cyan", width: 828, name: "Artist" });
-    const row = k.stack(sheet, { direction: "HORIZONTAL", width: 876, justify: "CENTER", name: "Release row", absolute: { x: 64, y: 1342 } });
-    k.instance(row, "Release pill", {}, { name: "Release pill" });
-    const flashes = k.stack(sheet, { width: 1080, height: 1920, name: "Drop flashes", absolute: { x: 0, y: 0 } });
-    const flash = k.rect(flashes, 1080, 1920, "flash", { name: "Beat flash", absolute: { x: 0, y: 0 } });
-    beatFlash(k, flash, 0.22, 110);
-    k.animate(flashes, "opacity", [{ t: DROP_MS - 1, v: 0 }, { t: DROP_MS, v: 1 }]);
-    k.cues(sheet, CUES);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  DROP_MS,
-  CUES,
-  edm_drop_default
-};