@popcraft/kit 0.44.0 → 0.45.0

package/dist/chunks/chunk-BRX2RWWF.js

@@ -1,66 +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 {
-  caption,
-  comicMeta,
-  comicSetup,
-  disc,
-  pageGrid,
-  panel,
-  radialSlice,
-  say,
-  tierBox
-} from "./chunk-IVZW4TQZ.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  Kit,
-  preset
-} from "./chunk-E3A22XSE.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/print/comic-modern-radial.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function lamplighterPage(k, sheet) {
-  const g = 12, { W, H } = pageGrid(k, sheet, 36, g);
-  const t = tierBox(k, sheet, W, H, "Clock face");
-  const cx = W / 2, cy = H * 0.5, hub = 104;
-  const slices = [
-    [-150, -90, "g9", [0.4, 0.4], "g1", "At the lever"],
-    [-90, -30, "rad-lamp", [0.5, 0.35], "g2", "He turns"],
-    [-30, 30, "rad-sky", [0.6, 0.4], "g3", "His sky"],
-    [30, 90, "rad-teo", [0.7, 0.5], "g4", "Teo"],
-    [90, 150, "g6", [0.4, 0.45], "g5", "Ada on the gantry"],
-    [150, 210, "rad-ada", [0.3, 0.4], "g2", "Ada understands"]
-  ];
-  for (const [from, to, art, focus, ground, name] of slices) panel(k, t, radialSlice(cx, cy, hub + g, from, to, g, W, H), { art, focus }, { ground, name });
-  panel(k, t, disc(cx, cy, hub), { art: "rad-center", focus: [0.5, 0.5] }, { ground: "g1", name: "The lantern", keyline: 6 });
-  caption(k, t, "10:52. The top of the harbour tower.", { x: 10, y: 10, width: 150 });
-  say(k, t, "You climbed all this way for an old man and his lamp?", { x: W - 196, y: 18, width: 164, to: { x: W * 0.62, y: H * 0.2 } });
-  say(k, t, "You switched the whole city off.", { x: 10, y: H * 0.33, width: 120, to: { x: W * 0.1, y: H * 0.47 } });
-  say(k, t, "One hour a year. So it can see its own sky.", { x: W - 190, y: H * 0.42, width: 150, to: { x: W * 0.92, y: H * 0.3 } });
-  say(k, t, "Whoa.", { x: W - 112, y: H - 64, width: 70, to: { x: W * 0.8, y: H * 0.86 } });
-}
-var comic_modern_radial_default = defineTemplate({
-  id: "comic-radial",
-  meta: comicMeta("Radial page", `Page five of "The Long Night", in modern painted comic art: the Lamplighter's lantern in a round frame at the centre, and six slices of the page turning round it like a clock face as Ada and Teo meet him at the top of the tower`, ["radial", "clock face"]),
-  stableNumbers: true,
-  build() {
-    const k = new Kit("Radial page", preset("comic-page"));
-    comicSetup(k);
-    lamplighterPage(k, k.sheet);
-    return k.finish();
-  }
-});
-
-export {
-  lamplighterPage,
-  comic_modern_radial_default
-};

package/dist/chunks/chunk-BSMMR4MQ.js

@@ -1,91 +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 {
-  bar,
-  burst,
-  card,
-  drawAt,
-  fadeAt,
-  ping,
-  popAt,
-  saasUi,
-  tickMark
-} from "./chunk-TQQ2DNOV.js";
-import {
-  E,
-  arc,
-  sparkle
-} from "./chunk-FTWYYASH.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/lottie/saas-ui-checklist.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var saas_ui_checklist_default = saasUi({
-  slug: "onboarding-checklist",
-  role: "onboarding",
-  size: "spot",
-  duration: 3600,
-  loop: false,
-  title: "onboarding checklist",
-  description: "A getting-started checklist for a setup page: four steps tick off one by one, the progress ring fills a quarter with each, and the finished ring turns green with a small burst \u2014 3.6 seconds that rest on the finished list, 800\xD7600",
-  useCases: ["onboarding"],
-  tags: ["checklist", "getting started", "progress", "setup", "celebration"],
-  build(l) {
-    l.circle(l.sheet, 400, 300, 262, "soft", { name: "Backdrop" });
-    l.circle(l.sheet, 668, 112, 14, "accent", { name: "Dot", opacity: 0.25 });
-    l.circle(l.sheet, 112, 498, 20, "accent", { name: "Dot", opacity: 0.18 });
-    const list = card(l, l.sheet, 84, 88, 384, 424, "Checklist");
-    bar(l, list, 32, 34, 140, 18, "ink", { name: "Title" });
-    bar(l, list, 32, 64, 214, 12, "mute", { name: "Subtitle" });
-    const T = [500, 1050, 1600, 2150];
-    const widths = [188, 148, 200, 164];
-    T.forEach((t, i) => {
-      const row = l.box(list, 18, 100 + i * 76, 348, 62, "Step");
-      const lit = l.rect(row, 0, 0, 348, 62, "soft", { radius: 18, name: "Step flash", opacity: 0 });
-      l.opacity(lit, [[0, 0, E.hold], [t, 0, E.out], [t + 160, 0.8, E.inOut], [t + 700, 0, E.hold]]);
-      l.circle(row, 34, 31, 17, "surface", { name: "Checkbox", stroke: { color: "mute", width: 4 } });
-      popAt(l, l.circle(row, 34, 31, 19, "success", { name: "Checkbox done" }), t);
-      drawAt(l, tickMark(l, row, 34, 31, 1, "white", 5.5), t + 150, 280);
-      bar(l, row, 70, 22, widths[i], 18, "ink", { name: "Step label" });
-      fadeAt(l, bar(l, row, 70, 22, widths[i], 18, "mute", { name: "Step label done" }), t + 80, 320);
-      l.rect(row, 290, 20, 42, 22, "soft", { radius: 11, name: "Step time" });
-      l.keys(row, "translateX", [[0, 0, E.hold], [t, 0, E.out], [t + 150, 8, E.inOut], [t + 480, 0, E.hold]]);
-    });
-    const DONE = 2700;
-    burst(l, l.sheet, 606, 300, { n: 12, r0: 118, r1: 190, t: DONE + 60, size: 9 });
-    ping(l, l.sheet, 606, 300, 112, "success", DONE, { to: 1.5 });
-    const ring = l.box(l.sheet, 490, 184, 232, 232, "Progress");
-    l.circle(ring, 116, 128, 110, "ink", { name: "Ring shadow", opacity: 0.07 });
-    l.circle(ring, 116, 116, 112, "surface", { name: "Ring face", stroke: { color: "line", width: 2 } });
-    l.ring(ring, 116, 116, 78, "line", 18, { name: "Ring track" });
-    const fill = l.line(ring, arc(116, 116, 78, 0, 360), "accent", 18, { name: "Ring fill" });
-    const ks = [[0, 0, E.hold]];
-    T.forEach((t, i) => ks.push([t + 60, i / 4, E.out], [t + 500, (i + 1) / 4, E.hold]));
-    l.keys(fill, "trim.end", ks);
-    fadeAt(l, l.ring(ring, 116, 116, 78, "success", 18, { name: "Ring complete" }), DONE - 80, 260);
-    const pips = l.box(ring, 66, 104, 100, 24, "Steps done");
-    T.forEach((t, i) => {
-      l.circle(pips, 14 + i * 24, 12, 7, "line", { name: "Pip" });
-      popAt(l, l.circle(pips, 14 + i * 24, 12, 7, "accent", { name: "Pip done" }), t + 220, void 0, 260);
-    });
-    l.k.patch(pips, { opacity: 0 });
-    l.opacity(pips, [[0, 1, E.hold], [DONE - 150, 1, E.in], [DONE, 0, E.hold]]);
-    drawAt(l, tickMark(l, ring, 116, 116, 3.4, "success", 16, "All done"), DONE, 380);
-    l.scale(ring, [[0, 1, E.hold], [DONE - 40, 1, E.out], [DONE + 140, 1.09, E.inOut], [DONE + 520, 1, E.hold]]);
-    for (const [x, y, r, color, t] of [[716, 168, 22, "gold", DONE + 150], [498, 452, 15, "accent", DONE + 230], [742, 420, 11, "success", DONE + 300]]) {
-      const s = l.shape(l.sheet, sparkle(x, y, r), color, { name: "Sparkle" });
-      popAt(l, s, t);
-      l.keys(s, "rotation", [[0, -45, E.hold], [t, -45, E.out], [t + 600, 0, E.hold]]);
-    }
-  }
-});
-
-export {
-  saas_ui_checklist_default
-};

package/dist/chunks/chunk-BSSGBYYO.js

@@ -1,192 +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 {
-  growStems,
-  solarpunkBrand,
-  town
-} from "./chunk-TZ7JXYTG.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-5OTEBTMU.js";
-import {
-  score
-} from "./chunk-S7PL2DU7.js";
-import {
-  place
-} from "./chunk-T3XFQJUI.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-IL2F4BKM.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-E3A22XSE.js";
-import {
-  ease
-} from "./chunk-6VIYCRKB.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/motion/solarpunk-rooftop-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MUSIC = score("acoustic");
-var DURATION = MUSIC.duration;
-var beat = MUSIC.beat;
-var TOWN_W = 1760;
-var BLEED = (TOWN_W - 1080) / 2;
-var TOWN = {
-  // The reel does not loop, so the town's idle motion runs at twice the pace one turn of the film would give it.
-  w: TOWN_W,
-  h: 1920,
-  base: 1040,
-  bed: 1130,
-  u: 1,
-  loopMs: DURATION / 2,
-  seed: 9,
-  sun: { x: BLEED + 760, y: 720, size: 360 },
-  clouds: [{ x: BLEED + 170, y: 650, w: 300 }, { x: BLEED + 990, y: 590, w: 240 }, { x: 150, y: 600, w: 260 }, { x: 1640, y: 660, w: 240 }, { x: BLEED + 250, y: 120, w: 340 }, { x: BLEED + 860, y: 190, w: 260 }, { x: 120, y: 240, w: 300 }, { x: 1620, y: 150, w: 280 }],
-  birds: [{ x: BLEED + 620, y: 110, size: 16 }, { x: BLEED + 670, y: 86, size: 12 }, { x: BLEED + 720, y: 124, size: 10 }, { x: BLEED + 60, y: 560, size: 14 }, { x: BLEED + 110, y: 590, size: 10 }, { x: 200, y: 400, size: 14 }, { x: 1560, y: 380, size: 14 }],
-  turbines: [{ x: BLEED + 760, h: 300 }, { x: BLEED + 400, h: 350 }, { x: BLEED + 1040, h: 330 }, { x: 150, h: 400 }, { x: 1620, h: 420 }],
-  birdInk: "onPaper",
-  dawn: 540,
-  // Under the offer (where a vertical app lays its own buttons over the video), the product's namesake.
-  trellis: {
-    top: 1500,
-    vines: [
-      { x: BLEED + 230, y: 1960, height: 330, sway: 30, lean: 70, curl: 1, leaves: 6, leaf: 64, weight: 7, bloom: true },
-      { x: BLEED + 540, y: 1960, height: 400, sway: 34, lean: -16, curl: -1, leaves: 7, leaf: 70, weight: 8, bloom: true },
-      { x: BLEED + 850, y: 1960, height: 340, sway: -30, lean: -70, curl: -1, leaves: 6, leaf: 64, weight: 7, bloom: true }
-    ]
-  },
-  blocks: [
-    { x: 250, w: 180, h: 330, kind: "garden", vine: true },
-    { x: BLEED + 150, w: 190, h: 360, kind: "garden", vine: true },
-    { x: BLEED + 560, w: 180, h: 330, kind: "terrace" },
-    { x: BLEED + 880, w: 190, h: 370, kind: "garden", vine: true },
-    { x: 1560, w: 180, h: 300, kind: "terrace" },
-    { x: 40, w: 230, h: 220, kind: "dome" },
-    { x: BLEED - 20, w: 210, h: 250, kind: "solar" },
-    { x: BLEED + 310, w: 260, h: 210, kind: "dome" },
-    { x: BLEED + 700, w: 220, h: 240, kind: "solar", vine: true },
-    { x: 1400, w: 200, h: 230, kind: "dome" }
-  ],
-  fronds: [{ x: BLEED + 40, y: 1700, size: 320, lean: 0.25 }, { x: BLEED + 1040, y: 1740, size: 360, lean: -0.25 }, { x: BLEED + 300, y: 1990, size: 280 }, { x: BLEED + 790, y: 2e3, size: 300 }, { x: 150, y: 1960, size: 300 }, { x: 1640, y: 1960, size: 300 }]
-};
-var swaps = [
-  { layer: "Caption", words: ["Your meters already know where the watts go.", "Trellis reads them. No new hardware.", "It finds the power you can stop buying.", "Then it plans what your roof could grow."], at: beat(2), hold: 1825, stagger: 50, in: 350, out: 250, unit: "word", rise: 30 }
-];
-var cues = [
-  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Hook", preset: "lines-in", at: 0, params: { duration: 600 } },
-  { layer: "Block", preset: "rise-in", at: beat(1), params: { duration: 700 }, stagger: { delay: 90 } },
-  { layer: "Turbine", preset: "rise-in", at: beat(2), params: { duration: 700 }, stagger: { delay: 150 } },
-  { layer: "Leaf", preset: "scale-in", at: beat(5), params: { duration: 500 }, stagger: { delay: 45 } },
-  { layer: "Bloom", preset: "pop-in", at: beat(8), params: { duration: 450 }, stagger: { delay: 200 } },
-  // Each reading pops out as the caption that speaks of it comes in.
-  { layer: "Reading A", preset: "pop-in", at: beat(12), params: { duration: 450 } },
-  { layer: "Reading B", preset: "pop-in", at: beat(17), params: { duration: 450 } },
-  { layer: "Front leaf", preset: "scale-in", at: beat(22), params: { duration: 500 }, stagger: { delay: 110 } },
-  { layer: "Call", preset: "rise-in", at: beat(22), params: { duration: 600 } },
-  { layer: "Site", preset: "fade-in", at: beat(23), params: { duration: 600 } },
-  { layer: "Call", preset: "pulse", at: beat(26), params: { duration: 900, amount: 0.05 } },
-  // The last bar is one ringing chord: the trellis flowers on it.
-  { layer: "Front bloom", preset: "pop-in", at: beat(28), params: { duration: 450 }, stagger: { delay: 200 } }
-];
-var solarpunk_rooftop_reel_default = defineTemplate({
-  id: "motion-solarpunk-rooftop-reel",
-  meta: {
-    name: "Solarpunk rooftop reel",
-    description: "A 20-second launch reel for a climate or energy product: \u201CYour roof is doing nothing.\u201D lands at once, then a rooftop town builds itself under it \u2014 houses rise, turbines turn, vines draw themselves up the walls and unfurl leaf by leaf while the sun climbs \u2014 with the story in burned-in captions over a fingerpicked guitar (made by PopCraft, CC0), every entrance on a beat, and a trellis that flowers under the offer on the last chord. 9:16 with 1:1 and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "solarpunk", "botanical", "art nouveau", "climate", "energy", "sustainability", "solar", "wind", "vines", "saas", "reel", "captions", "music", "audio", "launch"],
-    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["launch", "announcement", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, swaps },
-  build() {
-    const k = new Kit("Solarpunk rooftop reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    solarpunkBrand(k, { hook: "Your roof is\ndoing nothing." });
-    k.textStyle("Eyebrow 26", { size: 26, fontWeight: 700, letterSpacing: 5, lineHeight: 34, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Display 112", { ...SERIF, size: 112, fontWeight: 700, fontStyle: "italic", letterSpacing: -3.4, lineHeight: 108, textAlign: "CENTER" });
-    k.textStyle("Display 84", { ...SERIF, size: 84, fontWeight: 700, fontStyle: "italic", letterSpacing: -2.4, lineHeight: 84, textAlign: "CENTER" });
-    k.textStyle("Display 68", { ...SERIF, size: 68, fontWeight: 700, fontStyle: "italic", letterSpacing: -1.8, lineHeight: 70, textAlign: "CENTER" });
-    k.textStyle("Caption 40", { size: 40, fontWeight: 700, letterSpacing: -0.4, lineHeight: 50, textAlign: "CENTER" });
-    k.textStyle("Caption 32", { size: 32, fontWeight: 700, letterSpacing: -0.3, lineHeight: 40, textAlign: "CENTER" });
-    k.textStyle("Button 32", { size: 32, fontWeight: 800, lineHeight: 40 });
-    k.textStyle("Site 26", { size: 26, fontWeight: 600, letterSpacing: 1, lineHeight: 34, textAlign: "CENTER" });
-    k.textStyle("Reading 22", { ...MONO, size: 22, fontWeight: 700, lineHeight: 28 });
-    pill(k, "Button", { fill: "accent", ink: "onAccent", style: "Button 32", label: "Plant your first building", pad: [22, 44] });
-    pill(k, "Reading", { fill: "card", ink: "onCard", style: "Reading 22", label: "Meter 14 \xB7 idle load 31%", pad: [12, 20], radius: 10 });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Rooftop reel");
-    k.flowSheet(sheet, 0, verticalPadding(), "paper", "SPACE_BETWEEN", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
-    town(k, sheet, TOWN, { x: -BLEED, y: 0 });
-    const top = k.stack(sheet, { gap: 18, align: "CENTER", name: "Top" });
-    k.text(top, "{{brand.name}} \xB7 for buildings that give back", { style: "Eyebrow 26", color: "onPaper", name: "Eyebrow" });
-    k.text(top, "{{brand.hook}}", { style: "Display 112", color: "text", name: "Hook" });
-    const foot = k.stack(sheet, { gap: 26, align: "CENTER", name: "Foot" });
-    k.text(foot, swaps[0].words[0], { style: "Caption 40", color: "cream", name: "Caption" });
-    k.instance(foot, "Button", { Label: "Plant your first building" }, { name: "Call" });
-    k.text(foot, "Free for one building \xB7 {{brand.site}}", { style: "Site 26", color: "cream", name: "Site" });
-    k.instance(sheet, "Reading", { Label: "Meter 14 \xB7 idle load 31%" }, { name: "Reading A", absolute: { x: 150, y: 800 } });
-    k.instance(sheet, "Reading", { Label: "Roof B \xB7 room for 48 panels" }, { name: "Reading B", absolute: { x: 520, y: 930 } });
-    if (swapTimes(swaps[0]).at(-1).gone > DURATION) throw new Error("solarpunk reel: the captions run past the music");
-    for (const s of k.named(sheet, "Sun")) k.animate(s, "translateY", [{ t: 0, v: 260, ease: ease.out("cubic") }, { t: beat(16), v: 0 }]);
-    growStems(k, sheet, beat(4), 1800, 120);
-    growStems(k, sheet, beat(20), 2500, 300, void 0, "Front stem");
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    const reframe = (kit, id, spread) => {
-      kit.named(id, "Cloud").forEach((c, i) => {
-        if (i >= 4) kit.patch(c, { visible: false });
-      });
-      for (const b of [...kit.named(id, "Birds"), ...kit.named(id, "Trellis")]) kit.patch(b, { visible: false });
-      kit.named(id, "Fronds").slice(0, 2).forEach((f, i) => kit.patch(f, { x: kit.node(f).x + (i ? spread : -spread) }));
-    };
-    k.variants(sheet, feedVariants({ post: 56, portrait: 72 }, {
-      post: (kit, id) => {
-        const s = 1080 / TOWN_W;
-        place(kit, id, "Town", 0, 30, s);
-        reframe(kit, id, 200);
-        for (const n of kit.named(id, "Hook")) kit.restyle(n, "Display 68");
-        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 32");
-        for (const n of kit.named(id, "Foot")) kit.patch(n, { itemSpacing: 16 });
-        for (const n of kit.named(id, "Reading A")) kit.patch(n, { x: 60, y: 440 });
-        for (const n of kit.named(id, "Reading B")) kit.patch(n, { x: 610, y: 560 });
-      },
-      portrait: (kit, id) => {
-        const s = 0.8;
-        place(kit, id, "Town", (1080 - TOWN_W * s) / 2, 20, s);
-        reframe(kit, id, 90);
-        for (const n of kit.named(id, "Hook")) kit.restyle(n, "Display 84");
-        for (const n of kit.named(id, "Reading A")) kit.patch(n, { x: 70, y: 600 });
-        for (const n of kit.named(id, "Reading B")) kit.patch(n, { x: 610, y: 720 });
-      }
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  solarpunk_rooftop_reel_default
-};

package/dist/chunks/chunk-BSYI3MAM.js

@@ -1,45 +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 {
-  style_gradient_landing_default
-} from "./chunk-VP7ZR5L2.js";
-import {
-  style_gradient_pricing_default
-} from "./chunk-JDGY65YH.js";
-import {
-  style_gradient_announcement_default
-} from "./chunk-N5I3AVLL.js";
-import {
-  style_gradient_link_preview_default
-} from "./chunk-JOIPWH22.js";
-import {
-  style_gradient_milestone_default
-} from "./chunk-PUJGWZ63.js";
-import {
-  style_gradient_testimonial_default
-} from "./chunk-XHZVISYZ.js";
-import {
-  style_gradient_feature_demo_default
-} from "./chunk-GOL4LIPC.js";
-import {
-  style_gradient_launch_reel_default
-} from "./chunk-CTXCZSY6.js";
-import {
-  style_gradient_header_default
-} from "./chunk-BCWWS33N.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/saas/style-gradient.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [style_gradient_launch_reel_default, style_gradient_feature_demo_default, style_gradient_landing_default, style_gradient_pricing_default, style_gradient_announcement_default, style_gradient_milestone_default, style_gradient_testimonial_default, style_gradient_header_default, style_gradient_link_preview_default];
-var style_gradient_default = pack;
-
-export {
-  style_gradient_default
-};

package/dist/chunks/chunk-BT37O2I4.js

@@ -1,230 +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 {
-  COMIC,
-  balloon,
-  benday,
-  caps,
-  captionBox,
-  comicBrand,
-  hero,
-  impact,
-  inkShadow,
-  panel,
-  rays,
-  restage,
-  stage,
-  streaks,
-  villain,
-  windowCard
-} from "./chunk-5RXP4KJF.js";
-import {
-  MONO
-} from "./chunk-5OTEBTMU.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-IPGCJWVL.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  Kit,
-  preset
-} from "./chunk-E3A22XSE.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/web/comic-book-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var VISUAL = { w: 580, h: 560 };
-var ROGUES = [
-  ["The Null Pointer", "Takes checkout down the moment a field comes back empty.", "Caught by the error-rate watch, 4 seconds after the deploy."],
-  ["The Slow Query", "Adds one join and three seconds to every page.", "Caught when p95 latency leaves the band it has kept all month."],
-  ["The Missing Env Var", "Works on your machine. Returns 500 everywhere else.", "Caught by the first health check, before traffic moves over."],
-  ["The Friday Migration", "Drops a column the old code still reads.", "Caught and held: Backstop will not roll a schema back without asking."]
-];
-var HOW = [
-  ["1", "It watches every deploy.", "Connect your host and your error tracker. Backstop learns what a normal hour looks like for each service."],
-  ["2", "It knows what broken looks like.", "Error rate, latency and failed payments are compared with the hour before. A spike after a deploy is a suspect."],
-  ["3", "It undoes it before you wake up.", "The last good version is back in 9 seconds. You get one message in the morning, with the diff that did it."]
-];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Eyebrow", preset: "pop-in", at: 100, params: { duration: 280 } },
-  { layer: "Headline", preset: "pop-in", at: 250, params: { duration: 300, amount: 1.15 } },
-  { layer: "Lead", preset: "rise-in", at: 600, params: { duration: 500 } },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 850, params: { duration: 450 }, stagger: { delay: 120 } },
-  { layer: "Proof", preset: "fade-in", at: 1300, params: { duration: 500 } },
-  { layer: "Panel one", preset: "pop-in", at: 500, params: { duration: 300, amount: 1.25 } },
-  { layer: "Bug says", preset: "pop-in", at: 900, params: { duration: 260 } },
-  { layer: "Panel two", preset: "pop-in", at: 1300, params: { duration: 300, amount: 1.25 } },
-  { layer: "Panel three", preset: "pop-in", at: 2100, params: { duration: 300, amount: 1.25 } },
-  { layer: "Hero", preset: "slide-in", at: 2350, params: { duration: 420, direction: "left" } },
-  { layer: "Rolled back", preset: "pop-in", at: 2700, params: { duration: 260, amount: 1.7 } },
-  { layer: "Stage", preset: "camera-shake", at: 2700, params: { duration: 450, distance: 14 } },
-  { layer: "Hero says", preset: "pop-in", at: 3200, params: { duration: 260 } },
-  { layer: "Rolled back", preset: "pulse", at: 4200, params: { duration: 600, amount: 0.06 } }
-];
-var comic_book_landing_default = defineTemplate({
-  id: "web-comic-book-landing",
-  meta: {
-    name: "Comic landing page",
-    description: "A landing page laid out as an issue of a comic: the promise in inked capitals beside a page of three panels that slam in (the bug, the alert, and the hit, with the hero breaking out of its panel and an impact burst), how it works as a three-panel strip, a rogues\u2019 gallery of the failures it catches, and the price in a caption box. At desktop, laptop, tablet and phone widths",
-    category: "web",
-    tags: ["comic book", "panels", "speech balloon", "halftone", "ben-day dots", "impact", "landing page", "hero", "website", "saas", "devtools", "animation", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["launch", "brand-intro", "comic"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Comic landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    comicBrand(k);
-    k.textStyle("Nav 16", { size: 15, fontWeight: 800, lineHeight: 24, letterSpacing: 0.4 });
-    k.textStyle("Brand 22", { size: 24, fontWeight: 900, letterSpacing: -1, lineHeight: 28, textCase: "UPPER" });
-    k.textStyle("Button 16", { size: 16, fontWeight: 900, lineHeight: 24, letterSpacing: 0.3 });
-    k.textStyle("Box 15", { size: 15, fontWeight: 800, letterSpacing: 0.4, lineHeight: 20 });
-    k.textStyle("Display 84", { size: 84, fontWeight: 900, letterSpacing: -3.8, lineHeight: 80 });
-    k.textStyle("Display 70", { size: 70, fontWeight: 900, letterSpacing: -3.2, lineHeight: 68 });
-    k.textStyle("Display 60", { size: 60, fontWeight: 900, letterSpacing: -2.6, lineHeight: 58 });
-    k.textStyle("Display 42", { size: 42, fontWeight: 900, letterSpacing: -1.8, lineHeight: 42 });
-    k.textStyle("Lead 20", { size: 20, fontWeight: 500, lineHeight: 32 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 500, lineHeight: 27 });
-    k.textStyle("Proof 15", { ...MONO, size: 15, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Section 52", { size: 52, fontWeight: 900, letterSpacing: -2.2, lineHeight: 52 });
-    k.textStyle("Section 34", { size: 34, fontWeight: 900, letterSpacing: -1.2, lineHeight: 36 });
-    k.textStyle("Entry 26", { size: 26, fontWeight: 900, letterSpacing: -0.8, lineHeight: 30 });
-    k.textStyle("Body 17", { size: 17, fontWeight: 500, lineHeight: 27 });
-    k.textStyle("Number 20", { size: 20, fontWeight: 900, lineHeight: 24 });
-    k.textStyle("Price 40", { size: 40, fontWeight: 900, letterSpacing: -1.6, lineHeight: 42 });
-    k.textStyle("Price 28", { size: 28, fontWeight: 900, letterSpacing: -1, lineHeight: 31 });
-    k.textStyle("Small 14", { ...MONO, size: 14, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Balloon 22", { size: 22, fontWeight: 800, letterSpacing: -0.3, lineHeight: 25, textAlign: "CENTER" });
-    k.textStyle("Window 15", { ...MONO, size: 15, fontWeight: 700, lineHeight: 21 });
-    k.textStyle("Error 64", { size: 64, fontWeight: 900, letterSpacing: -3, lineHeight: 60 });
-    k.textStyle("Sound 34", { size: 34, fontWeight: 900, letterSpacing: -1.2, lineHeight: 34, textAlign: "CENTER" });
-    k.textStyle("Sound 60", { size: 60, fontWeight: 900, letterSpacing: -2.4, lineHeight: 54, textAlign: "CENTER" });
-    buttons(k, { style: "Button 16", pad: [15, 26], radius: 0 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 80, top: 32 });
-    k.timeline(sheet, { duration: 5e3, fps: 30 });
-    benday(k, sheet, 620, 620, { role: "accent", dot: 22, angle: 225, from: 0.05, to: 0.8, disc: true, name: "Hero dots", x: 1440 - 600, y: 96 });
-    nav(k, sheet, { links: ["HOW IT WORKS", "ROGUES\u2019 GALLERY", "PRICING", "CHANGELOG"], cta: "START FREE", style: "Nav 16", brandStyle: "Brand 22" });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", gap: 56, align: "CENTER", name: "Hero row" });
-    const copy = k.stack(top, { gap: 26, name: "Copy" });
-    captionBox(k, copy, `Issue no. ${COMIC.issue} \xB7 auto-rollback is here`, { style: "Box 15", name: "Eyebrow" });
-    k.text(copy, "THE BAD DEPLOY NEVER MAKES IT TO MORNING.", { style: "Display 84", color: "text", name: "Headline", effects: inkShadow(k, 5, "primary") });
-    k.text(copy, "{{brand.name}} watches every deploy. When errors spike it puts the last good version back in 9 seconds, then tells you which commit did it. No pager. No 3 a.m. No apology email.", { style: "Lead 20", color: "text", name: "Lead" });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: "GUARD ONE SERVICE FREE" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "READ ISSUE NO. 12" }, { name: "CTA quiet" });
-    k.text(copy, "1,912 bad deploys undone this month \xB7 median 9.2 s", { style: "Proof 15", color: "onPaper", name: "Proof" });
-    const { art } = stage(k, top, VISUAL.w, VISUAL.h);
-    panel(k, art, { x: 0, y: 0, w: 300, h: 250 }, "night", (p) => {
-      benday(k, p, 300, 250, { role: "nightDeep", dot: 12, angle: 90, from: 0.1, to: 0.85 });
-      villain(k, p, 250, { name: "Bug", absolute: { x: 70, y: 56 }, deg: 6 });
-      captionBox(k, p, "3:07 a.m.", { style: "Box 15", name: "Clock", absolute: { x: 14, y: 14 }, shadow: 4 });
-      balloon(k, p, "Checkout is mine!", { style: "Balloon 22", width: 170, tail: "left", name: "Bug says", absolute: { x: 118, y: 12 }, line: 4, pad: [10, 14] });
-    }, { name: "Panel one", shadow: 7, line: 6 });
-    panel(k, art, { x: 320, y: 0, w: 260, h: 250 }, "sky", (p) => {
-      rays(k, p, 260, 250, { cx: 130, cy: 150, role: "skyDeep", n: 26, inner: 90, seed: 8 });
-      windowCard(k, p, 206, "checkout", (body) => {
-        k.text(body, "500", { style: "Error 64", color: "primary", name: "Error code" });
-        k.text(body, "errors up 40\xD7", { style: "Window 15", color: "onCard", name: "Error line" });
-      }, { style: "Window 15", name: "Checkout window", absolute: { x: 30, y: 62 }, deg: -4, gap: 2, pad: 12 });
-      captionBox(k, p, "Spotted in 4 s", { style: "Box 15", name: "Spotted", absolute: { x: 14, y: 14 }, shadow: 4 });
-    }, { name: "Panel two", shadow: 7, line: 6 });
-    panel(k, art, { x: 0, y: 270, w: 580, h: 290 }, "accent", (p) => {
-      rays(k, p, 580, 290, { cx: 340, cy: 150, role: "primary", n: 40, inner: 150, seed: 12, thick: 0.9 });
-      benday(k, p, 240, 290, { role: "primary", dot: 13, angle: 180, from: 0, to: 0.7 });
-      streaks(k, p, 150, 90, { role: "ink", n: 5, seed: 9, dir: -1, x: 420, y: 30 });
-      impact(k, p, 360, 210, "Rolled back!", { style: "Sound 60", fill: "primary", ink: "onPrimary", deg: -4, name: "Rolled back", seed: 21, points: 16, depth: 0.25, shadow: 8, line: 5, absolute: { x: 205, y: 70 } });
-    }, { name: "Panel three", shadow: 7, line: 6 });
-    hero(k, art, 330, { name: "Hero", absolute: { x: -10, y: 214 }, deg: 8 });
-    balloon(k, art, "Not on my watch.", { style: "Balloon 22", width: 170, tail: "left", name: "Hero says", absolute: { x: 250, y: 222 }, line: 4, pad: [10, 14] });
-    const how = k.stack(sheet, { gap: 32, name: "How" });
-    k.text(how, "HOW IT WORKS, IN THREE PANELS", { style: "Section 52", color: "text", name: "How title" });
-    const strip = k.stack(how, { direction: "HORIZONTAL", gap: 24, name: "Strip" });
-    HOW.forEach(([n, title, text], i) => {
-      const col = k.stack(strip, { gap: 14, name: "Strip panel" });
-      const pic = k.stack(col, { height: 220, fill: ["sky", "night", "accent"][i], clip: true, stroke: { color: "text", width: 6, align: "INSIDE", join: "MITER" }, effects: inkShadow(k, 7, "text"), name: "Strip picture" });
-      if (i === 0) {
-        streaks(k, pic, 700, 200, { role: "skyDeep", n: 12, seed: 3, x: 0, y: 10 });
-        windowCard(k, pic, 270, "deploys", (body) => {
-          for (const line of ["v4.10  ok", "v4.11  ok", "v4.12  watching\u2026"]) k.text(body, line, { style: "Window 15", color: "onCard", name: "Deploy line" });
-        }, { style: "Window 15", name: "Deploys window", absolute: { x: 28, y: 38 }, deg: -3, gap: 2, pad: 12 });
-      } else if (i === 1) {
-        benday(k, pic, 700, 220, { role: "nightDeep", dot: 12, angle: 0, from: 0.1, to: 0.85 });
-        villain(k, pic, 230, { name: "Strip bug", absolute: { x: 130, y: 16 }, deg: -6 });
-        impact(k, pic, 130, 100, "500!", { style: "Sound 34", fill: "primary", ink: "onPrimary", deg: -8, name: "Strip error", seed: 5, shadow: 5, line: 4, absolute: { x: 16, y: 40 } });
-      } else {
-        rays(k, pic, 700, 220, { cx: 180, cy: 110, role: "primary", n: 36, inner: 110, seed: 12, thick: 0.9 });
-        impact(k, pic, 300, 180, "Rolled back!", { style: "Sound 34", fill: "primary", ink: "onPrimary", deg: -4, name: "Strip hit", seed: 21, points: 16, depth: 0.25, shadow: 7, line: 5, absolute: { x: 24, y: 28 } });
-      }
-      const words = k.stack(col, { direction: "HORIZONTAL", gap: 14, name: "Strip words" });
-      const num = k.stack(words, { width: 40, height: 40, align: "CENTER", justify: "CENTER", fill: "accent", stroke: { color: "text", width: 4, align: "INSIDE", join: "MITER" }, name: "Strip number" });
-      k.text(num, n, { style: "Number 20", color: "onAccent", autoWidth: true, name: "Number" });
-      const say = k.stack(words, { gap: 6, name: "Strip copy" });
-      k.text(say, caps(title), { style: "Entry 26", color: "text", name: "Strip title" });
-      k.text(say, text, { style: "Body 17", color: "text", name: "Strip text" });
-    });
-    const rogues = k.stack(sheet, { gap: 0, name: "Rogues" });
-    k.text(rogues, "THE ROGUES\u2019 GALLERY", { style: "Section 52", color: "text", name: "Rogues title" });
-    k.stack(rogues, { height: 24, name: "Gap" });
-    for (const [name, crime, caught] of ROGUES) {
-      k.rect(rogues, "FILL", 5, "text", { name: "Rule" });
-      const row = k.stack(rogues, { direction: "HORIZONTAL", gap: 32, padding: { top: 22, right: 0, bottom: 22, left: 0 }, name: "Rogue" });
-      k.text(row, caps(name), { style: "Entry 26", color: "text", width: 340, name: "Rogue name" });
-      k.text(row, crime, { style: "Body 17", color: "text", name: "Rogue crime" });
-      k.text(row, caught, { style: "Body 17", color: "text", name: "Rogue caught" });
-    }
-    k.rect(rogues, "FILL", 5, "text", { name: "Rule" });
-    const band = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", justify: "SPACE_BETWEEN", fill: "accent", stroke: { color: "text", width: 6, align: "INSIDE", join: "MITER" }, effects: inkShadow(k, 10, "text"), padding: 44, name: "Band" });
-    const pitch = k.stack(band, { gap: 10, name: "Band copy" });
-    k.text(pitch, "FREE FOR ONE SERVICE. $29 A MONTH FOR THE WHOLE TEAM.", { style: "Price 40", color: "onAccent", name: "Band title" });
-    k.text(pitch, "Unlimited deploys, every environment, 90 days of history. Works with Vercel, Fly, Render and anything that takes a webhook.", { style: "Body 17", color: "onAccent", name: "Band text" });
-    k.instance(band, "Button", { Label: "GUARD ONE SERVICE FREE" }, { name: "Band button" });
-    k.text(sheet, "\xA9 2026 {{brand.name}} \xB7 Docs \xB7 Changelog \xB7 Status \xB7 Security. To be continued in issue no. 13.", { style: "Small 14", color: "onPaper", name: "Footer" });
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero row", "Band", "Rogue", "Strip"],
-      restyle: {
-        "Display 84": { laptop: "Display 70", tablet: "Display 60", mobile: "Display 42" },
-        "Lead 20": { mobile: "Lead 17" },
-        "Section 52": { mobile: "Section 34" },
-        "Price 40": { tablet: "Price 28", mobile: "Price 28" }
-      },
-      gap: { tablet: 56, mobile: 48 },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") restage(kit, id, VISUAL.w, VISUAL.h, 0.86);
-        if (size === "tablet" || size === "mobile") {
-          for (const n of kit.named(id, "Hero row")) kit.patch(n, { itemSpacing: 40, counterAxisAlignItems: "MIN" });
-          for (const n of kit.named(id, "Band")) kit.patch(n, { itemSpacing: 24, padding: { top: 28, right: 24, bottom: 28, left: 24 } });
-          for (const n of kit.named(id, "Rogue")) kit.patch(n, { itemSpacing: 6 });
-          for (const n of kit.named(id, "Strip")) kit.patch(n, { itemSpacing: 36 });
-        }
-        if (size === "mobile") restage(kit, id, VISUAL.w, VISUAL.h, 0.56);
-        for (const n of kit.named(id, "Stage")) kit.patch(n, { layoutSizingHorizontal: "FIXED" });
-        for (const n of kit.named(id, "Hero dots")) kit.patch(n, size === "laptop" ? { x: 1280 - 560 } : { visible: false });
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  comic_book_landing_default
-};