@popcraft/kit 0.53.3 → 0.53.5

package/dist/chunks/chunk-TFQCXGMC.js

@@ -1,196 +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 {
-  blindsWindow,
-  castLight,
-  fitCastLight,
-  fitWindow,
-  noirBrand,
-  stamp,
-  typedRow
-} from "./chunk-7MVQ2GXI.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/web/noir-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var SUSPECTS = [
-  ["Exhibit A", "The renewal nobody retried", "A card declines once and the subscription lapses without a sound. Gumshoe finds every one and queues the retry.", "$14,900"],
-  ["Exhibit B", "The coupon that never expired", "A launch discount from two winters ago, still taking 40% off sixty-one accounts.", "$9,300"],
-  ["Exhibit C", "The upgrade at the old price", "Seats were added in the app. The invoice never heard about it.", "$11,750"],
-  ["Exhibit D", "The trial that never ended", "A flag flipped by hand in March. The customer has been free ever since.", "$5,250"]
-];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 600 } },
-  { layer: "Eyebrow", preset: "fade-in", at: 100, params: { duration: 700 } },
-  { layer: "Headline", preset: "typewriter", at: 200, params: { duration: 1100 } },
-  { layer: "Cast light", preset: "fade-in", at: 300, params: { duration: 1600 } },
-  { layer: "Window", preset: "fade-in", at: 600, params: { duration: 1200 } },
-  { layer: "Lead", preset: "rise-in", at: 1300, params: { duration: 800 } },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1700, params: { duration: 600 }, stagger: { delay: 140 } },
-  { layer: "Exhibit", preset: "drop-in", at: 2100, params: { duration: 600 } },
-  { layer: "Proof", preset: "fade-in", at: 2300, params: { duration: 800 } },
-  { layer: "Exhibit stamp", preset: "pop-in", at: 2900, params: { duration: 320, amount: 0.5 } },
-  { layer: "Exhibit", preset: "shake", at: 3020, params: { duration: 380, distance: 8 } }
-];
-var noir_landing_default = defineTemplate({
-  id: "web-noir-landing",
-  meta: {
-    name: "Noir landing page",
-    description: "A film-noir landing page for an analytics, security or billing product that plays detective: a hero where the headline is typed on, light falls through venetian blinds, a rainy office window comes out of the dark and the first exhibit is stamped; then the usual suspects as a ruled charge sheet and a case study as a closed file \u2014 at desktop, laptop, tablet and phone widths",
-    category: "web",
-    tags: ["noir", "film noir", "detective", "venetian blinds", "rain", "black and white", "landing page", "hero", "website", "saas", "animation", "serif", "typewriter", "responsive", "dark"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["launch", "brand-intro", "case-study"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Noir landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    noirBrand(k);
-    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Brand 22", { ...SERIF, size: 22, fontWeight: 900, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Eyebrow 14", { ...MONO, size: 14, fontWeight: 700, letterSpacing: 3, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Display 74", { ...SERIF, size: 74, fontWeight: 900, letterSpacing: -2.4, lineHeight: 78 });
-    k.textStyle("Display 66", { ...SERIF, size: 66, fontWeight: 900, letterSpacing: -2.1, lineHeight: 70 });
-    k.textStyle("Display 38", { ...SERIF, size: 38, fontWeight: 900, letterSpacing: -1.2, lineHeight: 42 });
-    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 32 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 27 });
-    k.textStyle("Lead 19", { size: 19, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Proof 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Section 48", { ...SERIF, size: 48, fontWeight: 900, letterSpacing: -1.4, lineHeight: 52 });
-    k.textStyle("Section 34", { ...SERIF, size: 34, fontWeight: 900, letterSpacing: -0.8, lineHeight: 40 });
-    k.textStyle("Exhibit 15", { ...MONO, size: 15, fontWeight: 700, letterSpacing: 2, lineHeight: 30, textCase: "UPPER" });
-    k.textStyle("Suspect 28", { ...SERIF, size: 28, fontWeight: 700, fontStyle: "italic", lineHeight: 34 });
-    k.textStyle("Take 24", { ...MONO, size: 24, fontWeight: 700, lineHeight: 34, textAlign: "RIGHT" });
-    k.textStyle("Take 24 start", { ...MONO, size: 24, fontWeight: 700, lineHeight: 34 });
-    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Typed 14", { ...MONO, size: 14, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Typed 16", { ...MONO, size: 16, fontWeight: 500, lineHeight: 26 });
-    k.textStyle("Typed figure 34", { ...MONO, size: 34, fontWeight: 800, letterSpacing: -1, lineHeight: 40 });
-    k.textStyle("Stamp 18", { size: 18, fontWeight: 900, letterSpacing: 2, lineHeight: 22, textCase: "UPPER" });
-    k.textStyle("Stamp 30", { size: 30, fontWeight: 900, letterSpacing: 3, lineHeight: 34, textCase: "UPPER" });
-    k.textStyle("Small 14", { size: 14, fontWeight: 500, lineHeight: 22 });
-    buttons(k, { style: "Button 16", pad: [15, 26], radius: 3 });
-    const shadow = { type: "DROP_SHADOW", color: k.color("shade", 0.7), offset: { x: 0, y: 18 }, blur: 40, spread: 0, visible: true };
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 88, top: 32 });
-    k.timeline(sheet, { duration: 5e3, fps: 30 });
-    castLight(k, sheet, 1440, 860, { bars: 9, opacity: 0.07, rise: 200 });
-    nav(k, sheet, { links: ["The method", "Closed files", "Pricing", "Changelog"], cta: "Open a case", style: "Nav 16", brandStyle: "Brand 22" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, align: "CENTER", name: "Hero" });
-    const copy = k.stack(hero, { gap: 28, name: "Copy" });
-    k.text(copy, "Revenue leak detection \xB7 private and discreet", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
-    k.text(copy, "The case of the\nmissing revenue.", { style: "Display 74", color: "text", name: "Headline" });
-    k.text(copy, "Gumshoe reads every invoice, renewal and webhook in your billing account and comes back with names: the failed payments nobody retried, the coupons that never expired, the upgrades still billed at the old price. Evidence attached.", { 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: "Open a case" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "Read a closed file" }, { name: "CTA quiet" });
-    k.text(copy, "$18.4M recovered across 2,310 cases \xB7 median case closed in 9 days", { style: "Proof 15", color: "onPaper", name: "Proof" });
-    const visual = k.stack(hero, { width: 520, padding: { top: 0, right: 0, bottom: 56, left: 60 }, name: "Visual" });
-    blindsWindow(k, visual, 460, 520, { slats: 13 });
-    const exhibit = k.stack(visual, { width: 330, gap: 6, fill: "card", padding: { top: 18, right: 20, bottom: 20, left: 20 }, radius: 2, effects: [shadow], absolute: { x: 0, y: 330 }, name: "Exhibit" });
-    k.text(exhibit, "Exhibit A \xB7 no. 0417", { style: "Exhibit 15", color: "onCard", name: "Exhibit head" });
-    k.rect(exhibit, "FILL", 1, "onCard", { name: "Exhibit rule", opacity: 0.4 });
-    k.text(exhibit, "214 renewals failed.\n0 were retried.", { style: "Typed 16", color: "onCard", name: "Exhibit text" });
-    k.text(exhibit, "$41,200", { style: "Typed figure 34", color: "onCard", name: "Exhibit figure" });
-    stamp(k, exhibit, "Found", { style: "Stamp 18", turn: -9, pad: [5, 12], absolute: { x: 196, y: 112 }, name: "Exhibit stamp" });
-    k.patch(exhibit, { rotation: -4 });
-    const sheetOf = k.stack(sheet, { gap: 0, name: "Suspects" });
-    k.text(sheetOf, "Line-up \xB7 what we find, in the order we find it", { style: "Eyebrow 14", color: "onPaper", name: "Suspects eyebrow" });
-    k.stack(sheetOf, { height: 14, name: "Gap" });
-    k.text(sheetOf, "The usual suspects", { style: "Section 48", color: "text", name: "Suspects title" });
-    k.stack(sheetOf, { height: 32, name: "Gap" });
-    for (const [exhibitNo, name, account2, take] of SUSPECTS) {
-      k.rect(sheetOf, "FILL", 1, "text", { name: "Rule", opacity: 0.35 });
-      const row = k.stack(sheetOf, { direction: "HORIZONTAL", gap: 32, padding: { top: 26, right: 0, bottom: 26, left: 0 }, name: "Suspect" });
-      k.text(row, exhibitNo, { style: "Exhibit 15", color: "onPaper", width: 130, name: "Suspect exhibit" });
-      k.text(row, name, { style: "Suspect 28", color: "text", width: 300, name: "Suspect name" });
-      k.text(row, account2, { style: "Body 18", color: "onPaper", name: "Suspect account" });
-      const took = k.stack(row, { width: 170, gap: 0, name: "Suspect take" });
-      k.text(took, take, { style: "Take 24", color: "text", name: "Take figure" });
-      k.text(took, "a year, typical", { style: "Typed 14", color: "onPaper", align: "RIGHT", name: "Take note" });
-    }
-    k.rect(sheetOf, "FILL", 1, "text", { name: "Rule", opacity: 0.35 });
-    const file = k.stack(sheet, { direction: "HORIZONTAL", gap: 56, align: "CENTER", fill: "card", radius: 2, padding: 56, effects: [shadow], name: "File" });
-    const account = k.stack(file, { gap: 18, name: "File copy" });
-    k.text(account, "Closed file no. 0389 \xB7 Tidewater Analytics", { style: "Exhibit 15", color: "onCard", name: "File head" });
-    k.text(account, "They suspected churn. It was the billing all along.", { style: "Section 34", color: "onCard", name: "File title" });
-    const typed = k.stack(account, { gap: 2, name: "File report" });
-    typedRow(k, typed, "LEAK", "Annual plans renewing at the 2023 price", { style: "Typed 16", labelWidth: 130 });
-    typedRow(k, typed, "FOUND", "Day 2, in 1,140 invoices", { style: "Typed 16", labelWidth: 130 });
-    typedRow(k, typed, "RECOVERED", "$212,400 in eleven days", { style: "Typed 16", labelWidth: 130 });
-    const close = k.stack(file, { width: 300, gap: 28, align: "CENTER", name: "File close" });
-    stamp(k, close, "Case closed", { style: "Stamp 30", turn: -6, name: "File stamp" });
-    k.instance(close, "Button", { Label: "Read the file" }, { name: "File button" });
-    k.text(sheet, "\xA9 2026 Gumshoe Investigations, Inc. \xB7 Security \xB7 Status \xB7 Read-only access, always", { style: "Small 14", color: "onPaper", name: "Footer" });
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero", "File", "Suspect"],
-      stackMobile: ["Typed row"],
-      restyle: {
-        "Display 74": { laptop: "Display 66", mobile: "Display 38" },
-        // A step smaller on the laptop, where the last line of the lead sat on the edge of wrapping.
-        "Lead 20": { laptop: "Lead 19", mobile: "Lead 17" },
-        "Section 48": { mobile: "Section 34" }
-      },
-      hide: { tablet: ["Nav links"] },
-      gap: { tablet: 64, mobile: 52 },
-      tweak: (kit, id, size) => {
-        const width = kit.node(id).width;
-        fitCastLight(kit, id, { bars: 9, rise: Math.round(width * 0.14), height: size === "mobile" ? 700 : 860 });
-        if (size === "laptop") for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 40 });
-        if (size === "tablet" || size === "mobile") {
-          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 48 });
-          for (const n of kit.named(id, "File")) kit.patch(n, { itemSpacing: 32, padding: { top: 36, right: 28, bottom: 36, left: 28 } });
-          for (const n of kit.named(id, "Suspect")) kit.patch(n, { itemSpacing: 6 });
-          for (const n of kit.named(id, "Take figure")) {
-            kit.restyle(n, "Take 24 start");
-            kit.patch(n, { textAlign: "LEFT" });
-          }
-          for (const n of kit.named(id, "Take note")) kit.patch(n, { textAlign: "LEFT" });
-          for (const n of kit.named(id, "File close")) kit.patch(n, { counterAxisAlignItems: "MIN" });
-        }
-        if (size === "mobile") {
-          fitWindow(kit, id, 335, 380, { slats: 10 });
-          for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 335, padding: { top: 0, right: 0, bottom: 120, left: 0 } });
-          for (const n of kit.named(id, "Exhibit")) kit.patch(n, { x: 16, y: 300 });
-          for (const n of kit.named(id, "Typed row")) kit.patch(n, { itemSpacing: 0 });
-        } else for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED" });
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  noir_landing_default
-};

package/dist/chunks/chunk-TGGU333X.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-GM6ZZCTH.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.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-TGVAUIGC.js

@@ -1,186 +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 {
-  applyAutoLayout
-} from "./chunk-KASBBLQC.js";
-import {
-  rewriteIds
-} from "./chunk-KYI2XREF.js";
-import {
-  addNode,
-  applyConstraints,
-  init_scene_graph
-} from "./chunk-IM6WH7GK.js";
-import {
-  init_page_presets,
-  presetById,
-  presetPx
-} from "./chunk-PQID5H2U.js";
-import {
-  init_properties,
-  propertyFor
-} from "./chunk-NIEUIAKQ.js";
-import {
-  init_dist_node,
-  v4_default
-} from "./chunk-M2H3GLK2.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// lib/templates/resize.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_scene_graph();
-
-// lib/document/clone.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_dist_node();
-function cloneSubtree(doc, rootId) {
-  const ids = [];
-  const collect = (id) => {
-    const n = doc.nodes[id];
-    if (!n) return;
-    ids.push(id);
-    n.childIds.forEach(collect);
-  };
-  collect(rootId);
-  const map = new Map(ids.map((id) => [id, v4_default()]));
-  const nodes = ids.map((id) => rewriteIds(JSON.parse(JSON.stringify(doc.nodes[id])), map));
-  return { root: nodes[0], nodes };
-}
-
-// lib/templates/resize.ts
-init_page_presets();
-init_properties();
-var resizeTargetFromPreset = (presetId) => {
-  const p = presetById(presetId);
-  if (!p) return null;
-  const px = presetPx(p);
-  return { width: px.width, height: px.height, presetId };
-};
-var covers = (n, w, h) => n.x <= 0.5 && n.y <= 0.5 && n.width >= w - 1 && n.height >= h - 1;
-var hasConstraints = (n) => !!n.constraints && (n.constraints.horizontal !== "MIN" || n.constraints.vertical !== "MIN");
-function scaleTree(nodes, id, s, isRoot) {
-  const n = nodes[id];
-  if (!n) return;
-  if (!isRoot) {
-    const t = n;
-    const patch = { x: n.x * s, y: n.y * s, width: n.width * s, height: n.height * s };
-    if (typeof t.fontSize === "number") patch.fontSize = Math.max(12, t.fontSize * s);
-    if (typeof t.cornerRadius === "number") patch.cornerRadius = t.cornerRadius * s;
-    nodes[id] = { ...n, ...patch };
-  }
-  for (const c of n.childIds) scaleTree(nodes, c, s, false);
-}
-function treeOrder(nodes, rootId) {
-  const out = [];
-  const walk = (id) => {
-    const n = nodes[id];
-    if (!n) return;
-    out.push(id);
-    for (const c of n.childIds) walk(c);
-  };
-  walk(rootId);
-  return out;
-}
-function boxIn(nodes, id, rootId) {
-  const n = nodes[id];
-  let x = 0, y = 0;
-  for (let cur = n; cur && cur.id !== rootId; cur = cur.parentId ? nodes[cur.parentId] : void 0) {
-    x += cur.x;
-    y += cur.y;
-  }
-  return { x, y, width: n.width, height: n.height };
-}
-function moveAcross(v, from, to, content) {
-  const lead = from.pos + from.len + v;
-  if (lead <= 0) return -(to.pos + to.len) + lead * (to.frame / from.frame);
-  const trail = from.pos + v - from.frame;
-  if (trail >= 0) return to.frame - to.pos + trail * (to.frame / from.frame);
-  return v * content;
-}
-var scaleModifier = (m, s) => m.kind === "sine" || m.kind === "noise" || m.kind === "bounce" ? { ...m, amp: m.amp * s } : m.kind === "spin" ? { ...m, rate: m.rate * s } : m.kind === "mod" ? { ...m, period: m.period * s, ...m.offset !== void 0 ? { offset: m.offset * s } : {} } : m.kind === "clamp" ? { ...m, ...m.min !== void 0 ? { min: m.min * s } : {}, ...m.max !== void 0 ? { max: m.max * s } : {} } : m.kind === "audio" && m.mode !== "multiply" ? { ...m, from: m.from * s, to: m.to * s } : m;
-function remapMotion(motion, value, s) {
-  const tracks = {};
-  for (const key in motion.tracks) {
-    const path = key;
-    const track = motion.tracks[path];
-    const prop = propertyFor(path);
-    if (prop?.valueType !== "number" || prop.control.unit !== "px") {
-      tracks[path] = track;
-      continue;
-    }
-    tracks[path] = {
-      ...track,
-      keys: track.keys.map((k) => typeof k.v === "number" ? { ...k, v: value(path, k.v) } : k),
-      ...track.modifiers ? { modifiers: track.modifiers.map((m) => scaleModifier(m, s(path))) } : {}
-    };
-  }
-  return { ...motion, tracks };
-}
-function resizeMotion(before, srcRootId, after, copyRootId, content, offset = { dx: 0, dy: 0 }) {
-  const srcIds = treeOrder(before.nodes, srcRootId), copyIds = treeOrder(after.nodes, copyRootId);
-  const src = before.nodes[srcRootId], copy = after.nodes[copyRootId];
-  let nodes = null;
-  srcIds.forEach((sid, i) => {
-    const cid = copyIds[i];
-    const node = after.nodes[cid];
-    if (!node?.motion) return;
-    const a = boxIn(before.nodes, sid, srcRootId), b = boxIn(after.nodes, cid, copyRootId);
-    const topLevel = node.parentId === copyRootId;
-    const motion = remapMotion(node.motion, (path, v) => {
-      if (path === "translateX") return moveAcross(v, { pos: a.x, len: a.width, frame: src.width }, { pos: b.x, len: b.width, frame: copy.width }, content);
-      if (path === "translateY") return moveAcross(v, { pos: a.y, len: a.height, frame: src.height }, { pos: b.y, len: b.height, frame: copy.height }, content);
-      if (path === "x") return v * content + (topLevel ? offset.dx : 0);
-      if (path === "y") return v * content + (topLevel ? offset.dy : 0);
-      return v * content;
-    }, (path) => path === "translateX" ? copy.width / src.width : path === "translateY" ? copy.height / src.height : content);
-    (nodes ??= { ...after.nodes })[cid] = { ...node, motion };
-  });
-  return nodes ? { ...after, nodes } : after;
-}
-function magicResize(doc, rootId, target, name, o = {}) {
-  const src = doc.nodes[rootId];
-  if (!src || !src.parentId) return { document: doc, id: null, content: 1, offset: { dx: 0, dy: 0 } };
-  const motion = o.motion ?? true;
-  const { root, nodes } = cloneSubtree(doc, rootId);
-  const gap = Math.round(src.width * 0.15);
-  let document = addNode(doc, { ...root, x: src.x + src.width + gap, y: src.y, name: name ?? (target.presetId ? presetById(target.presetId)?.name ?? src.name : src.name), childIds: [], parentId: src.parentId, ...src.print ? { print: { ...src.print, pageSize: { width: target.width, height: target.height } } } : {} }, src.parentId);
-  for (const n of nodes.slice(1)) document = addNode(document, { ...n, childIds: [] }, n.parentId);
-  const id = root.id;
-  const oldW = src.width, oldH = src.height;
-  const copy = document.nodes[id];
-  const kids = copy.childIds.map((c) => document.nodes[c]);
-  const constrained = copy.layoutMode && copy.layoutMode !== "NONE" || kids.some(hasConstraints);
-  const mutable = { ...document, nodes: { ...document.nodes } };
-  mutable.nodes[id] = { ...copy, width: target.width, height: target.height };
-  if (constrained) {
-    document = applyConstraints(mutable, id, oldW, oldH, target.width, target.height);
-    document = applyAutoLayout(document);
-    return { document: motion ? resizeMotion(doc, rootId, document, id, 1) : document, id, content: 1, offset: { dx: 0, dy: 0 } };
-  }
-  const s = Math.min(target.width / oldW, target.height / oldH);
-  const dx = (target.width - oldW * s) / 2, dy = (target.height - oldH * s) / 2;
-  for (const c of copy.childIds) {
-    const child = mutable.nodes[c];
-    if (covers(child, oldW, oldH)) {
-      mutable.nodes[c] = { ...child, x: 0, y: 0, width: target.width, height: target.height };
-      for (const g of child.childIds) scaleTree(mutable.nodes, g, s, false);
-      continue;
-    }
-    scaleTree(mutable.nodes, c, s, false);
-    const scaled = mutable.nodes[c];
-    mutable.nodes[c] = { ...scaled, x: scaled.x + dx, y: scaled.y + dy };
-  }
-  return { document: motion ? resizeMotion(doc, rootId, mutable, id, s, { dx, dy }) : mutable, id, content: s, offset: { dx, dy } };
-}
-
-export {
-  resizeTargetFromPreset,
-  resizeMotion,
-  magicResize
-};