@popcraft/kit 0.44.0 → 0.45.0

package/dist/chunks/chunk-3HZEKM7M.js

@@ -1,108 +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 {
-  draw,
-  redraw,
-  weddingArt
-} from "./chunk-KWQXBJ2O.js";
-import {
-  SERIF
-} from "./chunk-5OTEBTMU.js";
-import {
-  poly
-} from "./chunk-YKX2GS6X.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/everyday-save-the-date.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Save the date card: orchard wedding";
-var everyday_save_the_date_default = defineTemplate({
-  id: "print-everyday-save-the-date",
-  meta: {
-    name: NAME,
-    description: "A save-the-date card for a wedding, ready for the printer: a crown of olive and bay over the couple\u2019s names in a large serif with a gold italic ampersand, the date, the venue and town, and \u201Cformal invitation to follow\u201D, inside a fine gold double rule. 5 \xD7 7 inches with bleed, and an A6 copy",
-    category: "invitation",
-    tags: ["wedding", "save the date", "invitation", "botanical", "olive", "serif", "elegant", "print", "card", "stationery"],
-    platforms: ["print"],
-    formats: ["card"],
-    useCases: ["invitation", "event"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit(NAME, preset("invitation-5x7"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#F6F1E6", text: "#22352B", onPaper: "#85622A", primary: "#A07A34", onPrimary: "#FFFFFF" },
-      { name: "Iris & Tom\xE1s" }
-    );
-    k.palette({ leaf: "#4F6B4A", leafLight: "#8EA383", stem: "#5E6F4F", berry: "#7A3E3A", blossom: "#EBD5C6" });
-    k.textStyle("Kicker 11", { size: 11, fontWeight: 600, letterSpacing: 4.4, lineHeight: 16 });
-    k.textStyle("Names 56", { ...SERIF, size: 56, fontWeight: 400, letterSpacing: -1, lineHeight: 58 });
-    k.textStyle("Amp 40", { ...SERIF, size: 40, fontWeight: 400, fontStyle: "italic", lineHeight: 40 });
-    k.textStyle("Date 20", { ...SERIF, size: 20, fontWeight: 600, letterSpacing: 0.4, lineHeight: 26 });
-    k.textStyle("Place 14", { ...SERIF, size: 14, fontWeight: 400, lineHeight: 20 });
-    k.textStyle("Note 12", { ...SERIF, size: 12, fontWeight: 400, fontStyle: "italic", lineHeight: 17 });
-    const sheet = k.sheet;
-    const { width: W, height: H } = k.node(sheet);
-    k.flowSheet(sheet, 0, { top: 196, right: 56, bottom: 104, left: 56 }, "paper", "CENTER", "CENTER");
-    draw(k, sheet, weddingArt(W, H));
-    const c = { align: "CENTER", width: "FILL" };
-    k.component("Flourish", { direction: "HORIZONTAL", width: "HUG", gap: 4, align: "CENTER" }, (id) => {
-      k.rect(id, 16, 1, "primary", { name: "Flourish rule" });
-      k.vector(id, 7, 7, [poly([[3.5, 0], [7, 3.5], [3.5, 7], [0, 3.5]])], "primary", { name: "Flourish lozenge" });
-      k.rect(id, 16, 1, "primary", { name: "Flourish rule" });
-    });
-    const kick = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", name: "Kicker row" });
-    k.instance(kick, "Flourish");
-    k.text(kick, "SAVE THE DATE", { style: "Kicker 11", color: "onPaper", autoWidth: true, name: "Kicker" });
-    k.instance(kick, "Flourish");
-    k.rect(sheet, 1, 22, [], { name: "Gap" });
-    k.text(sheet, "Iris Calloway", { style: "Names 56", color: "text", ...c, name: "Name one" });
-    k.text(sheet, "&", { style: "Amp 40", color: "onPaper", ...c, name: "Ampersand" });
-    k.text(sheet, "Tom\xE1s Reyes", { style: "Names 56", color: "text", ...c, name: "Name two" });
-    k.rect(sheet, 1, 26, [], { name: "Gap" });
-    k.rect(sheet, 64, 1, "primary", { name: "Divider" });
-    k.rect(sheet, 1, 20, [], { name: "Gap" });
-    k.text(sheet, "Saturday 19 June 2027", { style: "Date 20", color: "text", ...c, name: "Date" });
-    k.rect(sheet, 1, 6, [], { name: "Gap" });
-    k.text(sheet, "Hartwell Orchard, Healdsburg, California", { style: "Place 14", color: "text", ...c, name: "Place" });
-    k.rect(sheet, 1, 18, [], { name: "Gap" });
-    k.text(sheet, "Formal invitation to follow\nirisandtomas.com", { style: "Note 12", color: "text", ...c, name: "Note" });
-    k.textStyle("Names 46", { ...SERIF, size: 46, fontWeight: 400, letterSpacing: -0.8, lineHeight: 48 });
-    k.textStyle("Amp 32", { ...SERIF, size: 32, fontWeight: 400, fontStyle: "italic", lineHeight: 32 });
-    k.textStyle("Date 17", { ...SERIF, size: 17, fontWeight: 600, letterSpacing: 0.3, lineHeight: 22 });
-    k.textStyle("Place 12", { ...SERIF, size: 12, fontWeight: 400, lineHeight: 17 });
-    k.textStyle("Note 10", { ...SERIF, size: 10, fontWeight: 400, fontStyle: "italic", lineHeight: 14 });
-    k.variants(sheet, [{
-      preset: "a6",
-      adjust: (kit, id) => {
-        const { width: w, height: h } = kit.node(id);
-        redraw(kit, id, weddingArt(w, h));
-        const s = w / 480;
-        kit.patch(id, { padding: { top: Math.round(196 * s), right: Math.round(46 * s), bottom: Math.round(104 * s), left: Math.round(46 * s) } });
-        for (const [layer, style] of [["Name one", "Names 46"], ["Name two", "Names 46"], ["Ampersand", "Amp 32"], ["Date", "Date 17"], ["Place", "Place 12"], ["Note", "Note 10"]]) for (const n of kit.named(id, layer)) kit.restyle(n, style);
-        for (const n of kit.named(id, "Gap")) kit.patch(n, { height: Math.round(kit.node(n).height * s) });
-      }
-    }]);
-    return k.finish();
-  }
-});
-
-export {
-  everyday_save_the_date_default
-};

package/dist/chunks/chunk-3J5V5S7R.js

@@ -1,226 +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 {
-  OFFER,
-  PLANS,
-  burst,
-  codePlate,
-  coin,
-  fitTable,
-  flip,
-  microprint,
-  planPanels,
-  prizePanel,
-  scratch,
-  scratchBrand,
-  shine,
-  spareTicket,
-  sparkle,
-  sweep,
-  table,
-  ticket,
-  ticketHead,
-  twinkle
-} from "./chunk-O5EN6EB3.js";
-import {
-  MONO
-} from "./chunk-5OTEBTMU.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-WO4SSPCC.js";
-import {
-  bed
-} from "./chunk-S7PL2DU7.js";
-import {
-  hide,
-  patchAll,
-  put,
-  reboard,
-  restyle
-} from "./chunk-T3XFQJUI.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-IL2F4BKM.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/motion/black-friday-scratch-deal-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var { beat, duration: DURATION, audio: music } = bed("tension", 28);
-var cues = [
-  { layer: "Headline", preset: "drop-in", at: beat(0), params: { duration: 300 } },
-  { layer: "Ticket", preset: "drop-in", at: beat(0), params: { duration: 300 } },
-  // The drop: the panel is bare.
-  { layer: "Ticket", preset: "shake", at: beat(4), params: { duration: 400, distance: 14 } },
-  { layer: "Burst", preset: "pop-in", at: beat(4), params: { duration: 350 } },
-  { layer: "Match line", preset: "fade-in", at: beat(5), params: { duration: 300 } },
-  { layer: "Code plate", preset: "pop-in", at: beat(10), params: { duration: 350 } },
-  { layer: "Button", preset: "pop-in", at: beat(12), params: { duration: 400 } },
-  { layer: "Code", preset: "pulse", at: beat(16), params: { duration: 500, amount: 0.12 } },
-  { layer: "Burst", preset: "pulse", at: beat(20), params: { duration: 500, amount: 0.08 } },
-  { layer: "Button", preset: "pulse", at: beat(24), params: { duration: 500, amount: 0.06 } }
-];
-var counts = [
-  // The prize counts up as the last of the latex goes, and lands a beat after the drop.
-  { layer: "Prize figure", at: beat(3), duration: beat(2), counter: { from: 10, to: OFFER.off, suffix: "% OFF" } },
-  // Each plan's price falls to half as its window is scratched.
-  ...PLANS.map((p, i) => ({ layer: `${p.id} figure`, at: beat(6 + i), duration: beat(1.5), counter: { from: p.was, to: p.now, prefix: "$" } }))
-];
-var swaps = [captionSwap(["Black Friday: scratch this card.", "Three plans. Every one wins.", "Every annual plan, half off.", `Use ${OFFER.code} by Monday midnight.`], 0, DURATION, { stagger: 60, in: 300, out: 250, rise: 30 })];
-var NAME = "Black Friday scratch card deal reel";
-var PANEL = { w: 734, h: 240 };
-var WINDOW = { w: 234, h: 160, gap: 16 };
-var black_friday_scratch_deal_reel_default = defineTemplate({
-  id: "motion-black-friday-scratch-deal-reel",
-  meta: {
-    name: NAME,
-    description: "A 14-second vertical sale video drawn as a lottery scratch card that cannot lose: a gold coin scrapes the silver latex off a green foil card through the ticking and the drop reveals 50% OFF, a WINNER burst lands, then three match-three windows are scratched and each annual price counts down to half. Music, burned-in captions, 9:16 with square, 4:5 and 16:9 layouts",
-    category: "animation",
-    tags: ["animation", "black friday", "cyber monday", "sale", "saas", "scratch card", "lottery", "ticket", "coin", "reveal", "promo code", "price drop", "counter", "audio", "music", "captions", "reel"],
-    platforms: ["instagram", "tiktok", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post", "video", "ad"],
-    useCases: ["sale", "pricing"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit(NAME, preset("ig-story"));
-    k.quantizeGeometry = true;
-    scratchBrand(k, { name: OFFER.product, site: OFFER.site, code: OFFER.code });
-    k.textStyle("Headline 132", { size: 132, fontWeight: 900, letterSpacing: -6, lineHeight: 108 });
-    k.textStyle("Headline 150", { size: 150, fontWeight: 900, letterSpacing: -7, lineHeight: 130 });
-    k.textStyle("Headline 80", { size: 80, fontWeight: 900, letterSpacing: -3.4, lineHeight: 80 });
-    k.textStyle("Caption 34", { size: 34, fontWeight: 800, letterSpacing: -0.5, lineHeight: 42, textAlign: "CENTER" });
-    k.textStyle("Head 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.4, lineHeight: 26 });
-    k.textStyle("Label 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 2.4, lineHeight: 26, textAlign: "CENTER" });
-    k.textStyle("Prize 124", { size: 124, fontWeight: 900, letterSpacing: -6, lineHeight: 116, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
-    k.textStyle("Prize side 26", { ...MONO, size: 26, fontWeight: 800, letterSpacing: 2, lineHeight: 32, textAlign: "CENTER" });
-    k.textStyle("Window label 18", { ...MONO, size: 18, fontWeight: 800, letterSpacing: 2, lineHeight: 24, textAlign: "CENTER" });
-    k.textStyle("Window 72", { size: 72, fontWeight: 900, letterSpacing: -3, lineHeight: 74, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
-    k.textStyle("Window was 18", { ...MONO, size: 18, fontWeight: 700, lineHeight: 24, textAlign: "CENTER" });
-    k.textStyle("Match 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.6, lineHeight: 26, textAlign: "CENTER" });
-    k.textStyle("Code label 18", { ...MONO, size: 18, fontWeight: 800, letterSpacing: 1.6, lineHeight: 24 });
-    k.textStyle("Code 34", { ...MONO, size: 34, fontWeight: 800, letterSpacing: 1.4, lineHeight: 40 });
-    k.textStyle("Terms 17", { ...MONO, size: 19, fontWeight: 700, letterSpacing: 0, lineHeight: 24, textAlign: "CENTER" });
-    k.textStyle("Burst 46", { size: 46, fontWeight: 900, letterSpacing: -1, lineHeight: 46 });
-    k.textStyle("Burst 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.6, lineHeight: 26 });
-    k.textStyle("Caption 38", { size: 38, fontWeight: 800, letterSpacing: -0.6, lineHeight: 46, textAlign: "CENTER" });
-    k.textStyle("Button 34", { size: 34, fontWeight: 800, lineHeight: 42 });
-    pill(k, "Scratch button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: `Scratch yours at ${OFFER.link}`, pad: [22, 40], radius: 14 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 14, verticalPadding(), "paper", "CENTER", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: music });
-    table(k, sheet, 1080, 1920, { fy: 0.42 });
-    spareTicket(k, sheet, { x: -120, y: 1500, width: 640, height: 400, rotation: -10, name: "Spare left" });
-    spareTicket(k, sheet, { x: 560, y: 1470, width: 640, height: 400, rotation: 12, name: "Spare right" });
-    spareTicket(k, sheet, { x: 210, y: 1590, width: 660, height: 410, rotation: 3, name: "Spare middle" });
-    const top = k.stack(sheet, { gap: 14, name: "Top" });
-    const words = k.stack(top, { name: "Words" });
-    k.text(words, "SCRATCH\n& SAVE.", { style: "Headline 132", color: "text", name: "Headline" });
-    const card = ticket(k, top, { pad: 22, gap: 14 });
-    ticketHead(k, card.body, { style: "Head 20", ribbon: 22 });
-    const prize = prizePanel(k, card.body, { ...PANEL, coin: 124, figureWidth: 560, styles: { label: "Label 20", figure: "Prize 124", side: "Prize side 26" } });
-    k.text(card.body, "MATCH 3 PLANS \xB7 EVERY ONE IS A WINNER", { style: "Match 20", color: "foil", name: "Match line" });
-    const windows = planPanels(k, card.body, { ...WINDOW, figureWidth: 210, styles: { label: "Window label 18", figure: "Window 72", side: "Window was 18" } });
-    const smalls = windows.map((w) => coin(k, w.board, 76, { name: "Window coin", absolute: { x: WINDOW.w - 76 - 10, y: WINDOW.h - 76 - 10 }, opacity: 0 }));
-    codePlate(k, card.body, { labelStyle: "Code label 18", codeStyle: "Code 34", pad: [8, 24], width: "FILL" });
-    const terms = k.stack(card.body, { gap: 8, name: "Terms" });
-    microprint(k, terms, "foil", { opacity: 0.7 });
-    k.text(terms, `ODDS OF SAVING: 1 IN 1. PRIZE: ${OFFER.off}% OFF A YEAR OF ANY PLAN. GAME CLOSES ${OFFER.ends.toUpperCase()}.`, { style: "Terms 17", color: "cardMuted", name: "Odds" });
-    const light = shine(k, card.ticket);
-    burst(k, top, 236, [["WINNER", "Burst 46"], ["ODDS: 1 IN 1", "Burst 20"]], { rotation: 10, gap: 2, absolute: { x: 570, y: 90 } });
-    const glints = [[36, 300, 54], [690, 250, 40], [300, 214, 34], [742, 640, 46], [60, 700, 38]].map(([x, y, s]) => sparkle(k, top, s, { absolute: { x, y } }));
-    const close = k.stack(sheet, { gap: 20, align: "CENTER", name: "Close" });
-    captionStrip(k, close, swaps[0].words[0], { style: "Caption 38", fill: "paper", ink: "text", radius: 10, pad: [14, 24], stroke: { color: "primary", width: 3, align: "INSIDE" } });
-    k.instance(close, "Scratch button", { Label: `Scratch yours at ${OFFER.link}` }, { name: "Button" });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    scratch(k, prize.panel, { at: beat(0.5), duration: beat(3.5), coin: prize.coin });
-    flip(k, prize.coin, beat(4), { turns: 2, half: 90 });
-    flip(k, prize.coin, beat(18), { turns: 1, half: 160 });
-    windows.forEach((w, i) => scratch(k, w, { at: beat(6 + i), duration: beat(0.8), coin: smalls[i], show: true, seed: 31 + i }));
-    glints.forEach((g, i) => {
-      for (const b of [4.5 + i * 0.5, 13 + i, 21 + i]) twinkle(k, g, beat(b), 700);
-    });
-    sweep(k, light, beat(4), 800, 800);
-    sweep(k, light, beat(14), 800, 900);
-    sweep(k, light, beat(22), 800, 900);
-    const feed = (kit, id, fy) => {
-      fitTable(kit, id, { fy });
-      hide(kit, id, ["Spare left", "Spare right", "Spare middle"]);
-    };
-    k.variants(sheet, [
-      ...feedVariants({ post: 48, portrait: 64 }, {
-        // The square: the headline on one line, the card under it at full width, the code beside the button.
-        post: (kit, id) => {
-          feed(kit, id, 0.5);
-          kit.patch(id, { padding: { top: 40, right: 60, bottom: 24, left: 60 }, itemSpacing: 12 });
-          patchAll(kit, id, "Top", { itemSpacing: 100 });
-          patchAll(kit, id, "Headline", { characters: "SCRATCH & SAVE." });
-          restyle(kit, id, "Headline", "Headline 80");
-          patchAll(kit, id, "Ticket body", { itemSpacing: 12, padding: { top: 18, right: 22, bottom: 18, left: 22 } });
-          reboard(kit, id, "Prize", 894 / PANEL.w);
-          for (const p of PLANS) reboard(kit, id, `${p.id} window`, (894 - 2 * WINDOW.gap) / 3 / WINDOW.w);
-          hide(kit, id, ["Terms"]);
-          put(kit, id, "Burst", 764, -36);
-          patchAll(kit, id, "Close", { itemSpacing: 12 });
-        },
-        portrait: (kit, id) => {
-          feed(kit, id, 0.45);
-          kit.patch(id, { padding: { top: 44, right: 64, bottom: 28, left: 64 }, itemSpacing: 12 });
-          patchAll(kit, id, "Top", { itemSpacing: 84 });
-          patchAll(kit, id, "Headline", { characters: "SCRATCH & SAVE." });
-          restyle(kit, id, "Headline", "Headline 80");
-          patchAll(kit, id, "Ticket body", { itemSpacing: 12, padding: { top: 26, right: 26, bottom: 26, left: 26 } });
-          reboard(kit, id, "Prize", 878 / PANEL.w);
-          for (const p of PLANS) reboard(kit, id, `${p.id} window`, (878 - 2 * WINDOW.gap) / 3 / WINDOW.w);
-          put(kit, id, "Burst", 756, -30);
-        }
-      }),
-      {
-        // 16:9: the words, the caption and the button on the left, the card beside them.
-        preset: "video-1080p",
-        adjust: (kit, id) => {
-          feed(kit, id, 0.5);
-          fitTable(kit, id, { fx: 0.7, fy: 0.5 });
-          kit.patch(id, { padding: { top: 70, right: 110, bottom: 70, left: 110 }, itemSpacing: 0, counterAxisAlignItems: "MIN", primaryAxisAlignItems: "CENTER" });
-          for (const n of kit.named(id, "Top")) kit.patch(n, { layoutMode: "HORIZONTAL", itemSpacing: 70, counterAxisAlignItems: "CENTER", layoutSizingHorizontal: "FILL" });
-          restyle(kit, id, "Headline", "Headline 150");
-          for (const n of kit.named(id, "Ticket")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 924 });
-          patchAll(kit, id, "Ticket body", { itemSpacing: 16, padding: { top: 26, right: 26, bottom: 26, left: 26 } });
-          reboard(kit, id, "Prize", 850 / PANEL.w);
-          for (const p of PLANS) reboard(kit, id, `${p.id} window`, (850 - 2 * WINDOW.gap) / 3 / WINDOW.w);
-          kit.patch(id, { primaryAxisAlignItems: "MIN", padding: { top: 290, right: 110, bottom: 70, left: 110 }, itemSpacing: 56 });
-          for (const n of kit.named(id, "Ticket")) kit.patch(n, { layoutPositioning: "ABSOLUTE", x: 1920 - 110 - 110 - 924, y: 134 - 290 });
-          for (const n of kit.named(id, "Close")) kit.patch(n, { width: 770, layoutSizingHorizontal: "FIXED", counterAxisAlignItems: "MIN" });
-          restyle(kit, id, "Caption", "Caption 34");
-          put(kit, id, "Burst", 580, 500);
-        }
-      }
-    ]);
-    return k.finish();
-  }
-});
-
-export {
-  black_friday_scratch_deal_reel_default
-};

package/dist/chunks/chunk-3JKQN4OB.js

@@ -1,255 +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 {
-  brackets,
-  buzz,
-  courierBox,
-  cyberBrand,
-  fitBrackets,
-  fitHudGrid,
-  fitStreet,
-  hazard,
-  hudGrid,
-  lift,
-  plate,
-  split,
-  stampUnder,
-  street
-} from "./chunk-CZWLGVY3.js";
-import {
-  MONO
-} from "./chunk-5OTEBTMU.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-IPGCJWVL.js";
-import {
-  HOLD,
-  blink,
-  cutOn
-} from "./chunk-FUYBBHPV.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/cyberpunk-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var IMPLANTS = [
-  ["IMP-01", "Tripwire", "Reads every tool call against your policy before it runs. It blocks, allows, or asks a human.", "38 ms", "p95 overhead"],
-  ["IMP-02", "Redactor", "Finds keys, tokens and customer records in a call\u2019s arguments and strips them before they leave.", "142", "secret formats"],
-  ["IMP-03", "Kill switch", "Revokes one agent\u2019s credentials from Slack. Every session it holds dies with them.", "300 ms", "to revoke"],
-  ["IMP-04", "Black box", "Records each call, the verdict and the reason, signed, for the audit you will be asked for.", "13 mo", "kept"]
-];
-var LOG = [
-  ["02:14:07", "support-bot-7 opens ticket #88213"],
-  ["02:14:09", "send_email(to: external, body: sk_live_\u2026)"],
-  ["02:14:09", "BLOCKED \xB7 secret in outbound call \xB7 38 ms"],
-  ["02:14:10", "credentials rotated, #sec-ops notified"]
-];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Eyebrow", preset: "fade-in", at: 100, params: { duration: 500 } },
-  { layer: "Headline", preset: "typewriter", at: 150, params: { duration: 650 } },
-  blink("Neon accent", 300, 420),
-  blink("Neon secondary", 480, 420),
-  blink("Neon primary", 680, 380),
-  { layer: "Lead", preset: "rise-in", at: 800, params: { duration: 700 } },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1150, params: { duration: 500 }, stagger: { delay: 120 } },
-  { layer: "Proof", preset: "fade-in", at: 1500, params: { duration: 600 } },
-  cutOn("Lock", 1500),
-  blink("Lock", 2100, 300),
-  cutOn("Tag", 2200),
-  { layer: "Tag value", preset: "typewriter", at: 2200, params: { duration: 220 }, stagger: { delay: 200 } },
-  { layer: "Stamp", preset: "pop-in", at: 3e3, params: { duration: 240, amount: 0.5 } },
-  { layer: "Street", preset: "camera-shake", at: 3e3, params: { duration: 420, distance: 10, amount: 0.4 } }
-];
-var SCENE = { horizon: 0.8, figure: 0.27, holo: 0.2 };
-var SCENE_PHONE = { ...SCENE, holo: 0.17 };
-var STAMP_W = 196;
-function hud(w, h, inset, scene = SCENE) {
-  const c = courierBox(w, h, scene);
-  const lock = { x: inset + c.x - 26, y: c.y - 22, width: c.width + 52, height: c.height + 40 };
-  return { lock, tag: { x: 0, y: Math.round(h * 0.46) }, stamp: stampUnder(c, STAMP_W, inset) };
-}
-var cyberpunk_landing_default = defineTemplate({
-  id: "web-cyberpunk-landing",
-  meta: {
-    name: "Cyberpunk landing page",
-    description: "A neon-street landing page for a security, infrastructure or AI-agent product: a hero where the headline is typed with its colours split, the signs flicker on, a HUD\u2019s brackets lock onto a courier in the rain and BLOCKED is stamped at his feet; then the product as a ruled slot map of four implants and one incident told as its own log \u2014 at desktop, laptop, tablet and phone widths",
-    category: "web",
-    tags: ["cyberpunk", "neon", "hud", "glitch", "rain", "night", "security", "ai agents", "dev tool", "infrastructure", "landing page", "hero", "website", "saas", "animation", "mono", "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("Cyberpunk landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    cyberBrand(k);
-    k.textStyle("Nav 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Brand 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1, lineHeight: 28, textCase: "UPPER" });
-    k.textStyle("Button 15", { ...MONO, size: 15, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Eyebrow 14", { ...MONO, size: 14, fontWeight: 700, letterSpacing: 2.4, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Display 76", { size: 76, fontWeight: 900, letterSpacing: -2.8, lineHeight: 76 });
-    k.textStyle("Display 66", { size: 66, fontWeight: 900, letterSpacing: -2.4, lineHeight: 66 });
-    k.textStyle("Display 60", { size: 60, fontWeight: 900, letterSpacing: -2, lineHeight: 60 });
-    k.textStyle("Display 40", { size: 40, 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("Proof 14", { ...MONO, size: 14, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Section 48", { size: 48, fontWeight: 900, letterSpacing: -1.6, lineHeight: 50 });
-    k.textStyle("Section 32", { size: 32, fontWeight: 900, letterSpacing: -0.8, lineHeight: 36 });
-    k.textStyle("Slot 15", { ...MONO, size: 15, fontWeight: 700, letterSpacing: 2, lineHeight: 34, textCase: "UPPER" });
-    k.textStyle("Implant 28", { size: 28, fontWeight: 800, letterSpacing: -0.4, lineHeight: 34 });
-    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Spec 26", { ...MONO, size: 26, fontWeight: 700, lineHeight: 34, textAlign: "RIGHT" });
-    k.textStyle("Spec 26 start", { ...MONO, size: 26, fontWeight: 700, lineHeight: 34, textAlign: "LEFT" });
-    k.textStyle("Note 14", { ...MONO, size: 14, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Readout 15", { ...MONO, size: 15, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Hud 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.4, lineHeight: 16, textCase: "UPPER" });
-    k.textStyle("Stamp 34", { size: 34, fontWeight: 900, letterSpacing: 2, lineHeight: 36 });
-    k.textStyle("Log 16", { ...MONO, size: 16, fontWeight: 500, lineHeight: 28 });
-    k.textStyle("Zero 96", { size: 96, fontWeight: 900, letterSpacing: -4, lineHeight: 92 });
-    k.textStyle("Small 14", { ...MONO, size: 14, fontWeight: 500, lineHeight: 22 });
-    buttons(k, { style: "Button 15", pad: [14, 24], radius: 0 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 80, top: 0 });
-    k.timeline(sheet, { duration: 5e3, fps: 30 });
-    hudGrid(k, sheet, 1440, 840);
-    const head = k.stack(sheet, { gap: 22, name: "Head" });
-    hazard(k, head, 10);
-    nav(k, head, { links: ["Implants", "Incident log", "Pricing", "Docs"], cta: "Lock your agents", style: "Nav 15", brandStyle: "Brand 20" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 56, align: "CENTER", name: "Hero" });
-    const copy = k.stack(hero, { gap: 26, name: "Copy" });
-    k.text(copy, "Runtime guard for AI agents // v2.4", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
-    k.text(copy, "EVERY TOOL CALL, CHECKED BEFORE IT RUNS.", { style: "Display 76", color: "text", name: "Headline", effects: split(k, 4) });
-    k.text(copy, "{{brand.name}} sits between your agents and their tools. It reads each call in under 40 ms, blocks the ones that leak a secret, move money or follow a poisoned prompt, and writes down why.", { 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: "Lock your agents" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "Read the incident log" }, { name: "CTA quiet" });
-    k.text(copy, "41,208 calls blocked last month \xB7 p95 38 ms \xB7 SOC 2 Type II", { style: "Proof 14", color: "onPaper", name: "Proof" });
-    const SW = 480, SH = 640, INSET = 40;
-    const visual = k.stack(hero, { width: SW + INSET, padding: { top: 0, right: 0, bottom: 0, left: INSET }, name: "Visual" });
-    const st = street(k, visual, SW, SH, { ...SCENE, flow: true });
-    buzz(k, st);
-    const at = hud(SW, SH, INSET);
-    const lock = brackets(k, visual, at.lock.width, at.lock.height, { name: "Lock", len: 30, width: 4, absolute: { x: at.lock.x, y: at.lock.y } });
-    const tag = plate(k, visual, { width: 212, gap: 2, padding: { top: 14, right: 12, bottom: 12, left: 14 }, edge: "accent", tab: "accent", name: "Tag", absolute: at.tag, effects: [lift(k, 30, 0.8)] });
-    for (const [label, value] of [["Agent", "support-bot-7"], ["Call", "send_email()"], ["Verdict", "403 \xB7 38 ms"]]) {
-      k.text(tag, label, { style: "Hud 12", color: "onCard", name: "Tag label" });
-      k.text(tag, value, { style: "Readout 15", color: "onCard", name: "Tag value" });
-    }
-    const stamp = k.stack(visual, { direction: "HORIZONTAL", width: STAMP_W, justify: "CENTER", fill: "primary", padding: { top: 3, right: 14, bottom: 4, left: 14 }, stroke: { color: "onPrimary", width: 3, align: "INSIDE", join: "MITER" }, name: "Stamp", absolute: at.stamp, effects: [lift(k, 22, 0.8)] });
-    k.text(stamp, "BLOCKED", { style: "Stamp 34", color: "onPrimary", autoWidth: true, name: "Stamp words" });
-    k.patch(stamp, { rotation: -7 });
-    const map = k.stack(sheet, { gap: 0, name: "Implants" });
-    k.text(map, "Slot map \xB7 what gets installed, in the order it runs", { style: "Eyebrow 14", color: "onPaper", name: "Implants eyebrow" });
-    k.stack(map, { height: 14, name: "Gap" });
-    k.text(map, "FOUR IMPLANTS. ONE LOCK.", { style: "Section 48", color: "text", name: "Implants title" });
-    k.stack(map, { height: 30, name: "Gap" });
-    for (const [i, [slot, name, what, spec, note]] of IMPLANTS.entries()) {
-      k.rect(map, "FILL", 1, "text", { name: "Rule", opacity: 0.3 });
-      const row = k.stack(map, { direction: "HORIZONTAL", gap: 32, padding: { top: 24, right: 0, bottom: 24, left: 0 }, name: "Implant" });
-      const slotCell = k.stack(row, { direction: "HORIZONTAL", width: 120, gap: 12, align: "CENTER", name: "Implant slot" });
-      k.rect(slotCell, 8, 24, ["primary", "secondary", "accent", "primary"][i], { name: "Slot mark" });
-      k.text(slotCell, slot, { style: "Slot 15", color: "onPaper", autoWidth: true, name: "Slot code" });
-      k.text(row, name, { style: "Implant 28", color: "text", width: 220, name: "Implant name" });
-      k.text(row, what, { style: "Body 18", color: "onPaper", name: "Implant what" });
-      const spec_ = k.stack(row, { width: 170, gap: 0, name: "Implant spec" });
-      k.text(spec_, spec, { style: "Spec 26", color: "text", name: "Spec figure" });
-      k.text(spec_, note, { style: "Note 14", color: "onPaper", align: "RIGHT", name: "Spec note" });
-    }
-    k.rect(map, "FILL", 1, "text", { name: "Rule", opacity: 0.3 });
-    const incident = k.stack(sheet, { gap: 0, fill: "card", stroke: { color: "secondary", width: 1.5, align: "INSIDE", join: "MITER" }, name: "Incident wrap" });
-    hazard(k, incident, 12);
-    const body = k.stack(incident, { direction: "HORIZONTAL", gap: 56, align: "CENTER", padding: 52, name: "Incident" });
-    const account = k.stack(body, { gap: 20, name: "Incident copy" });
-    k.text(account, "Incident 0412 \xB7 breach prevented", { style: "Eyebrow 14", color: "onCard", name: "Incident head" });
-    k.text(account, "A POISONED TICKET ASKED FOR THE STRIPE KEY. IT GOT A 403.", { style: "Section 32", color: "onCard", name: "Incident title" });
-    const log = k.stack(account, { gap: 0, name: "Incident log" });
-    for (const [time, line] of LOG) {
-      const row = k.stack(log, { direction: "HORIZONTAL", gap: 18, name: "Log row" });
-      k.text(row, time, { style: "Log 16", color: "onCard", width: 84, name: "Log time" });
-      k.text(row, line, { style: "Log 16", color: "onCard", name: "Log line" });
-    }
-    const close = k.stack(body, { width: 300, gap: 10, name: "Incident close" });
-    k.text(close, "ZERO", { style: "Zero 96", color: "onCard", name: "Zero", effects: split(k, 4) });
-    k.text(close, "keys leaked. Nobody got paged.", { style: "Log 16", color: "onCard", name: "Zero note" });
-    k.stack(close, { height: 8, name: "Gap" });
-    k.instance(close, "Button", { Label: "Read the report" }, { name: "Incident button" });
-    const foot = k.stack(sheet, { gap: 22, name: "Foot" });
-    k.text(foot, "\xA9 2026 {{brand.name}} \xB7 Security \xB7 Status \xB7 Self-host or cloud", { style: "Small 14", color: "onPaper", name: "Footer" });
-    hazard(k, foot, 10);
-    k.cues(sheet, cues);
-    const close_ = [1.6, 1.35, 1.15, 1];
-    for (const axis of ["scaleX", "scaleY"]) k.animate(lock, axis, close_.map((v, i) => ({ t: 1500 + i * 180, v, ease: HOLD })));
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Incident", "Implant"],
-      stackMobile: ["Log row"],
-      restyle: {
-        "Display 76": { laptop: "Display 66", tablet: "Display 60", mobile: "Display 40" },
-        "Lead 20": { mobile: "Lead 17" },
-        "Section 48": { mobile: "Section 32" }
-      },
-      gap: { tablet: 64, mobile: 52 },
-      tweak: (kit, id, size) => {
-        fitHudGrid(kit, id, size === "mobile" ? 760 : 840, size === "mobile" ? 67 : size === "tablet" ? 96 : 120);
-        if (size === "laptop") for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 36 });
-        if (size === "tablet" || size === "mobile") {
-          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 44 });
-          for (const n of kit.named(id, "Incident")) kit.patch(n, { itemSpacing: 28, padding: { top: 32, right: 24, bottom: 36, left: 24 } });
-          for (const n of kit.named(id, "Implant")) kit.patch(n, { itemSpacing: 6 });
-          for (const n of kit.named(id, "Spec figure")) {
-            kit.restyle(n, "Spec 26 start");
-            kit.patch(n, { textAlign: "LEFT" });
-          }
-          for (const n of kit.named(id, "Spec note")) kit.patch(n, { textAlign: "LEFT" });
-          for (const n of [...kit.named(id, "Implant slot"), ...kit.named(id, "Implant spec"), ...kit.named(id, "Incident close")]) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        }
-        const refit = (w, h, scene, len, tag2) => {
-          fitStreet(kit, id, w, h, scene);
-          const p = hud(w, h, 0, scene);
-          for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: w, padding: { top: 0, right: 0, bottom: 0, left: 0 } });
-          for (const n of kit.named(id, "Lock")) {
-            fitBrackets(kit, n, p.lock.width, p.lock.height, len);
-            kit.patch(n, { x: p.lock.x, y: p.lock.y });
-          }
-          for (const n of kit.named(id, "Tag")) kit.patch(n, tag2);
-          for (const n of kit.named(id, "Stamp")) kit.patch(n, p.stamp);
-        };
-        if (size === "tablet") {
-          for (const bar of kit.named(id, "Nav links")) for (const n of kit.node(bar).childIds.slice(0, 2)) kit.patch(n, { visible: false });
-          refit(672, 600, SCENE, 30, { x: 20, y: 250 });
-        } else if (size === "mobile") {
-          refit(335, 520, SCENE_PHONE, 24, { x: 10, y: 152 });
-          for (const n of kit.named(id, "Tag")) kit.patch(n, { itemSpacing: 0, padding: { top: 12, right: 10, bottom: 8, left: 12 } });
-          for (const n of kit.named(id, "Log row")) kit.patch(n, { itemSpacing: 0 });
-          for (const n of kit.named(id, "Incident log")) kit.patch(n, { itemSpacing: 10 });
-        } else for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED" });
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  cyberpunk_landing_default
-};