@popcraft/kit 0.31.0 → 0.32.0

package/dist/chunks/chunk-GBR2VR7S.js

@@ -0,0 +1,152 @@
+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 {
+  ART,
+  OFFER,
+  couponBrand,
+  fitPinked,
+  fitRays,
+  heroArt,
+  masthead,
+  pinked,
+  rays
+} from "./chunk-XV4HJZIX.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  board,
+  patchAll,
+  reboard,
+  restyle
+} from "./chunk-YHBAWSDX.js";
+import {
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/black-friday-coupons-ads.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Black Friday coupon display ad set";
+var black_friday_coupons_ads_default = defineTemplate({
+  id: "social-black-friday-coupons-display-ads",
+  meta: {
+    name: NAME,
+    description: "Display ads for a SaaS Black Friday sale, drawn as a supermarket coupon circular: the offer in heavy capitals on newsprint, and a clip-out coupon with the half-price annual plan, the code on its perforated stub, scissors, a 50% OFF starburst and a yellow price sticker. 1200 \xD7 628 and 1200 \xD7 1200, with 4:5 and LinkedIn cuts",
+    category: "social",
+    tags: ["black friday", "cyber monday", "sale", "ad", "display ad", "google ads", "saas", "coupon", "voucher", "promo code", "flyer", "pricing", "annual plan"],
+    platforms: ["web", "facebook", "linkedin", "instagram"],
+    formats: ["ad", "banner", "post", "portrait-post"],
+    useCases: ["sale", "pricing"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("ad-landscape"));
+    k.quantizeGeometry = true;
+    couponBrand(k, { name: OFFER.product, code: OFFER.code, pitch: `Code ${OFFER.code} takes ${OFFER.off}% off every annual plan until Monday. ${OFFER.pitch}` });
+    k.textStyle("Mast 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1.2, lineHeight: 22 });
+    k.textStyle("Mast 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 1.6, lineHeight: 28 });
+    k.textStyle("Display 92", { size: 92, fontWeight: 900, letterSpacing: -4.4, lineHeight: 84 });
+    k.textStyle("Display 124", { size: 124, fontWeight: 900, letterSpacing: -6, lineHeight: 110 });
+    k.textStyle("Pitch 22", { size: 22, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Pitch 28", { size: 28, fontWeight: 500, lineHeight: 38 });
+    k.textStyle("Button 22", { size: 22, fontWeight: 800, lineHeight: 28 });
+    k.textStyle("Button 30", { size: 30, fontWeight: 800, lineHeight: 38 });
+    k.textStyle("Band 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1, lineHeight: 20 });
+    k.textStyle("Plan 19", { size: 19, fontWeight: 700, letterSpacing: -0.2, lineHeight: 24 });
+    k.textStyle("Figure 88", { size: 88, fontWeight: 900, letterSpacing: -4, lineHeight: 82, fontFeatures: { tnum: 1 } });
+    k.textStyle("Side 18", { ...MONO, size: 18, fontWeight: 800, lineHeight: 22 });
+    k.textStyle("Fine 16", { ...MONO, size: 16, fontWeight: 600, lineHeight: 20 });
+    k.textStyle("Code 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 0.6, lineHeight: 28 });
+    k.textStyle("Burst 62", { size: 62, fontWeight: 900, letterSpacing: -3, lineHeight: 58 });
+    k.textStyle("Burst 24", { size: 24, fontWeight: 900, letterSpacing: 1.6, lineHeight: 26 });
+    k.textStyle("Sticker 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1, lineHeight: 18 });
+    k.textStyle("Sticker 40", { ...MONO, size: 40, fontWeight: 800, letterSpacing: -1.4, lineHeight: 42 });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 22", label: `Clip the coupon, ${OFFER.off}% off`, pad: [14, 28], radius: 8 });
+    pill(k, "Button large", { fill: "primary", ink: "onPrimary", style: "Button 30", label: `Clip the coupon, ${OFFER.off}% off`, pad: [18, 34], radius: 10 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, { top: 76, right: 56, bottom: 36, left: 56 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    rays(k, sheet, 1200, 628, { fx: 0.74, fy: 0.5 });
+    pinked(k, sheet, 1200, 34, { tooth: 30 });
+    const ad = k.stack(sheet, { direction: "HORIZONTAL", gap: 44, align: "CENTER", name: "Ad" });
+    const copy = k.stack(ad, { gap: 18, name: "Copy" });
+    masthead(k, copy, { style: "Mast 16", right: "BLACK FRIDAY", weight: 5 });
+    const lines = k.stack(copy, { gap: 18, name: "Lines" });
+    k.text(lines, "CLIP IT.\nHALF OFF.", { style: "Display 92", color: "text", name: "Offer" });
+    const side = k.stack(lines, { gap: 18, name: "Side" });
+    k.text(side, "{{brand.pitch}}", { style: "Pitch 22", color: "onPaper", name: "Pitch" });
+    k.instance(side, "Button", { Label: `Clip the coupon, ${OFFER.off}% off` }, { name: "Buy button" });
+    k.patch(k.instance(side, "Button large", { Label: `Clip the coupon, ${OFFER.off}% off` }, { name: "Buy button large" }), { visible: false });
+    heroArt(k, board(k, ad, ART.w, ART.h, 1, "Art"), { styles: { band: "Band 16", pitch: "Plan 19", figure: "Figure 88", side: "Side 18", fine: "Fine 16", code: "Code 22" }, burst: ["Burst 62", "Burst 24"], sticker: ["Sticker 16", "Sticker 40"] });
+    const tall = (kit, id, w, beside, scale, band, cw) => {
+      fitRays(kit, id, 0.5, 0.56);
+      fitPinked(kit, id, w, band, 0, { tooth: 40 });
+      patchAll(kit, id, "Ad", { layoutMode: "VERTICAL", itemSpacing: 18, counterAxisSpacing: 18, counterAxisAlignItems: "CENTER", primaryAxisAlignItems: "MIN" });
+      patchAll(kit, id, "Copy", { layoutSizingHorizontal: "FILL", itemSpacing: 22, counterAxisSpacing: 22 });
+      if (beside) patchAll(kit, id, "Lines", { layoutMode: "HORIZONTAL", itemSpacing: 36, counterAxisSpacing: 36, counterAxisAlignItems: "MAX" });
+      patchAll(kit, id, "Side", { itemSpacing: 20, counterAxisSpacing: 20 });
+      for (const name of ["Edition", "Dates"]) restyle(kit, id, name, "Mast 22");
+      if (beside) patchAll(kit, id, "Offer", { textAutoResize: "WIDTH_AND_HEIGHT", layoutSizingHorizontal: "HUG" });
+      restyle(kit, id, "Offer", "Display 124");
+      restyle(kit, id, "Pitch", "Pitch 28");
+      patchAll(kit, id, "Buy button", { visible: false });
+      patchAll(kit, id, "Buy button large", { visible: true });
+      widen(kit, id, Math.round(cw / scale));
+      reboard(kit, id, "Art", scale);
+    };
+    const widen = (kit, id, w) => {
+      for (const art of kit.named(id, "Art")) {
+        const dx = (w - ART.w) / 2;
+        kit.patch(art, { width: w });
+        const kids = (name) => kit.named(art, name).filter((c) => kit.node(c).parentId === art);
+        const shift = (name, by, dy = 0, rotation) => {
+          for (const c of kids(name)) {
+            const n = kit.node(c);
+            kit.patch(c, { x: n.x + by, y: n.y + dy, ...rotation === void 0 ? {} : { rotation } });
+          }
+        };
+        const hw = Math.min(w - 90, 640);
+        for (const c of kids("Hero coupon")) kit.patch(c, { width: hw, x: kit.node(c).x + (w - hw) / 2 - 10 });
+        shift("Fan back", 0, -40, -9);
+        shift("Fan front", dx * 2, -6, 7);
+        shift("Burst", dx * 2);
+        shift("Sticker", dx * 2);
+      }
+    };
+    k.variants(sheet, [
+      { preset: "ad-square", adjust: (kit, id) => {
+        kit.patch(id, { padding: { top: 76, right: 72, bottom: 28, left: 72 }, primaryAxisAlignItems: "CENTER" });
+        tall(kit, id, 1200, true, 1.44, 48, 1056);
+      } },
+      { preset: "ig-portrait", adjust: (kit, id) => {
+        kit.patch(id, { padding: { top: 84, right: 64, bottom: 28, left: 64 }, primaryAxisAlignItems: "CENTER" });
+        tall(kit, id, 1080, false, 1.52, 56, 952);
+      } },
+      { preset: "linkedin-post", adjust: (kit, id) => {
+        fitRays(kit, id, 0.74, 0.5);
+        fitPinked(kit, id, 1200, 34, 0, { tooth: 30 });
+      } }
+    ]);
+    return k.finish();
+  }
+});
+
+export {
+  black_friday_coupons_ads_default
+};

package/dist/chunks/chunk-GDJSAXPF.js

@@ -0,0 +1,140 @@
+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 {
+  archPath,
+  crescent,
+  draw,
+  eightStar,
+  fanous,
+  flourishComponent,
+  printVariant,
+  starPath,
+  tilePattern
+} from "./chunk-YAIUTBXU.js";
+import {
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  blurred
+} from "./chunk-M6VTXO6F.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/print/holidays-eid-dinner-invitation.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Eid dinner invitation";
+var PAD = { top: 318, right: 74, bottom: 66, left: 74 };
+function art(w, h) {
+  const s = w / 480, B = 14 * s, cx = w / 2;
+  const aw = w - 92 * s, base = h - 34 * s, spring = 196 * s, tip = 44 * s;
+  const outer = archPath(cx, aw, base, spring, tip), inner = archPath(cx, aw - 14 * s, base - 7 * s, spring + 4 * s, tip + 10 * s);
+  const tiles = (x0, y0, x1, y1) => {
+    const t = tilePattern(x1 - x0, y1 - y0, 34 * s);
+    const mv = (p) => ({ ...p, points: p.points.map((q) => ({ ...q, x: q.x + x0, y: q.y + y0 })) });
+    return { stars: t.stars.map(mv), joins: t.joins.map(mv) };
+  };
+  const parts = [tiles(-B, -B, 40 * s, h + B), tiles(w - 40 * s, -B, w + B, h + B), tiles(40 * s, -B, w * 0.3, 92 * s), tiles(w * 0.7, -B, w - 40 * s, 92 * s)];
+  const lanterns = [fanous(cx - 100 * s, 0, 104 * s), fanous(cx, 0, 136 * s), fanous(cx + 100 * s, 0, 94 * s)].map((l, i) => ({ l, drop: [92, 140, 70][i] * s }));
+  const lifted = lanterns.map(({ l, drop }) => {
+    const mv = (p) => ({ ...p, points: p.points.map((q) => ({ ...q, y: q.y + drop, ...q.handleIn ? { handleIn: { ...q.handleIn, y: q.handleIn.y + drop } } : {}, ...q.handleOut ? { handleOut: { ...q.handleOut, y: q.handleOut.y + drop } } : {} })) });
+    return { metal: l.metal.map(mv), glass: l.glass.map(mv), frame: l.frame.map(mv), glow: l.glow.map(mv) };
+  });
+  const chains = lanterns.map(({ drop }, i) => {
+    const x = [cx - 100 * s, cx, cx + 100 * s][i];
+    return { closed: false, points: [{ x, y: tip + 34 * s }, { x, y: drop + 3 * s }] };
+  });
+  return [
+    ...parts.map((p) => ({ name: "Tiles", paths: p.stars, color: "tile" })),
+    ...parts.map((p) => ({ name: "Tile joins", paths: p.joins, color: "tileDeep" })),
+    { name: "Arch", paths: [outer], color: "gold", o: { strokeWidth: 2 * s } },
+    { name: "Arch inner", paths: [inner], color: "gold", o: { strokeWidth: 0.8 * s, opacity: 0.8 } },
+    { name: "Crescent", paths: [crescent(cx - 4 * s, tip + 36 * s, 16 * s, 0.5, 1, -0.5)], color: "gold" },
+    { name: "Star", paths: [starPath(cx + 12 * s, tip + 28 * s, 5 * s, 2 * s)], color: "gold" },
+    { name: "Chains", paths: chains, color: "gold", o: { strokeWidth: 0.8 * s } },
+    { name: "Lantern glow", paths: lifted.flatMap((l) => l.glass), color: "amber", o: { opacity: 0.5, effects: [blurred(12 * s)] } },
+    { name: "Lantern glass", paths: lifted.flatMap((l) => l.glass), color: "amber" },
+    { name: "Lantern flames", paths: lifted.flatMap((l) => l.glow), color: "cream" },
+    { name: "Lantern frames", paths: lifted.flatMap((l) => l.frame), color: "goldDeep", o: { strokeWidth: 1.2 * s } },
+    { name: "Lanterns", paths: lifted.flatMap((l) => l.metal), color: "gold" },
+    { name: "Foot star", paths: [eightStar(cx, h - 52 * s, 8 * s)], color: "gold" }
+  ];
+}
+var holidays_eid_dinner_invitation_default = defineTemplate({
+  id: "print-holidays-eid-dinner-invitation",
+  meta: {
+    name: NAME,
+    description: "A printed invitation to an Eid al-Fitr dinner at home: a pointed arch in fine gold lines frames the card, eight-pointed stars tile the margins on deep midnight teal, a crescent and star sit in the arch\u2019s crown and three lanterns hang inside it over \u201CEid Mubarak\u201D in a gold serif and the details, the date given as the moon allows. 5 \xD7 7 inches with bleed, and an A6 copy",
+    category: "invitation",
+    tags: ["eid", "eid al-fitr", "eid mubarak", "ramadan", "iftar", "dinner", "family", "lantern", "fanous", "crescent", "islamic geometric", "muslim", "invitation", "print", "card"],
+    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: "#0B3B44", text: "#FFF6E2", onPaper: "#E7C77A", primary: "#E7C77A", onPrimary: "#0B3B44" },
+      { name: "the Rahman family" }
+    );
+    k.palette({ gold: "#E2BE6A", goldDeep: "#A88334", amber: "#F2A93B", cream: "#FFF6E2", tile: "#1C5A63", tileDeep: "#13474F" });
+    k.textStyle("Kicker 10.5", { size: 10.5, fontWeight: 700, letterSpacing: 3.2, lineHeight: 15 });
+    k.textStyle("Title 50", { ...SERIF, size: 50, fontWeight: 600, letterSpacing: -0.8, lineHeight: 52 });
+    k.textStyle("Sub 16", { ...SERIF, size: 16, fontWeight: 400, fontStyle: "italic", lineHeight: 22 });
+    k.textStyle("When 14", { size: 14, fontWeight: 700, lineHeight: 20 });
+    k.textStyle("Body 11.5", { ...SERIF, size: 11.5, fontWeight: 400, lineHeight: 16.5 });
+    k.textStyle("Rsvp 9.5", { size: 9.5, fontWeight: 700, letterSpacing: 1.4, lineHeight: 14 });
+    const sheet = k.sheet;
+    const { width: W, height: H } = k.node(sheet);
+    k.flowSheet(sheet, 0, PAD, "paper", "MIN", "CENTER");
+    draw(k, sheet, art(W, H));
+    const c = { align: "CENTER", width: "FILL" };
+    k.text(sheet, "WITH JOY, WE INVITE YOU", { style: "Kicker 10.5", color: "onPaper", ...c, name: "Kicker" });
+    k.stack(sheet, { height: 6, name: "Gap" });
+    k.text(sheet, "Eid Mubarak", { style: "Title 50", color: "onPaper", ...c, name: "Title" });
+    k.text(sheet, "to Eid al-Fitr dinner with {{brand.name}}", { style: "Sub 16", color: "text", ...c, name: "Sub" });
+    k.stack(sheet, { height: 12, name: "Gap" });
+    flourishComponent(k, "Star rule", "primary", eightStar(0, 0, 10), { rule: 26, size: 9 });
+    k.instance(sheet, "Star rule", {}, { name: "Divider" });
+    k.stack(sheet, { height: 12, name: "Gap" });
+    k.text(sheet, "Tuesday 9 March, after Maghrib", { style: "When 14", color: "text", ...c, name: "When" });
+    k.text(sheet, "or the evening Eid falls, as the moon decides", { style: "Body 11.5", color: "onPaper", ...c, name: "Moon" });
+    k.text(sheet, "12 Cedar Hollow Drive, Dearborn", { style: "Body 11.5", color: "text", ...c, name: "Where" });
+    k.stack(sheet, { height: 10, name: "Gap" });
+    k.text(sheet, "Biryani, sheer khurma and far too many sweets. Eidi bags for the children at the door.", { style: "Body 11.5", color: "text", ...c, name: "Body" });
+    k.stack(sheet, { height: 10, name: "Gap" });
+    k.text(sheet, "RSVP TO AMINA \xB7 (313) 555-0147", { style: "Rsvp 9.5", color: "onPaper", ...c, name: "Rsvp" });
+    k.textStyle("Title 42", { ...SERIF, size: 42, fontWeight: 600, letterSpacing: -0.6, lineHeight: 44 });
+    k.textStyle("Sub 13.5", { ...SERIF, size: 13.5, fontWeight: 400, fontStyle: "italic", lineHeight: 18 });
+    k.textStyle("When 12", { size: 12, fontWeight: 700, lineHeight: 17 });
+    k.textStyle("Body 10", { ...SERIF, size: 10, fontWeight: 400, lineHeight: 14 });
+    k.textStyle("Rsvp 8.5", { size: 8.5, fontWeight: 700, letterSpacing: 1.1, lineHeight: 13 });
+    k.textStyle("Kicker 9", { size: 9, fontWeight: 700, letterSpacing: 2.6, lineHeight: 13 });
+    k.variants(sheet, [printVariant("a6", {
+      art,
+      pad: PAD,
+      masterWidth: W,
+      styles: [["Title", "Title 42"], ["Sub", "Sub 13.5"], ["When", "When 12"], ["Where", "Body 10"], ["Moon", "Body 10"], ["Body", "Body 10"], ["Rsvp", "Rsvp 8.5"], ["Kicker", "Kicker 9"]]
+    })]);
+    return k.finish();
+  }
+});
+
+export {
+  holidays_eid_dinner_invitation_default
+};

package/dist/chunks/chunk-GDSNX2LF.js

@@ -0,0 +1,196 @@
+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 {
+  CLOUD,
+  brickTile,
+  groundTiles,
+  hillRow,
+  pixelWords,
+  pixelWordsWidth,
+  questionTile
+} from "./chunk-5BXFUNTN.js";
+import {
+  Plan,
+  body,
+  cycle,
+  track
+} from "./chunk-WBNQ7HAG.js";
+import {
+  W,
+  gameKit,
+  screen
+} from "./chunk-URXKBGNG.js";
+import {
+  Lot
+} from "./chunk-SRSUY2WG.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/game/sprout-quest-pixel-platformer.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var INK = "#1a1c2c";
+var HERO_PAL = { k: INK, g: "#38b764", G: "#257179", l: "#a7f070", s: "#ffcd75", r: "#ef7d57", b: "#3b5dc9" };
+var SLIME = { k: INK, p: "#b55088", P: "#6d2f63", w: "#f4f4f4" };
+var COIN = { k: INK, y: "#ffcd75", Y: "#ef7d57", w: "#f4f4f4" };
+var TILES = { k: INK, n: "#8f563b", N: "#5b3a29", o: "#d68e5a", l: "#a7f070", g: "#38b764", G: "#257179", y: "#ffcd75", w: "#f4f4f4" };
+var HILLS = { k: "#257179", h: "#73c48f", H: "#5aa77a" };
+var SKY = { w: "#f4f4f4", c: "#c8e6f5" };
+var UI = { w: "#f4f4f4", y: "#ffcd75", k: INK };
+var HEAD = [
+  "......gl........",
+  ".....glg........",
+  "......g.........",
+  "....kkkkkkk.....",
+  "...ksssssssk...."
+];
+var FACE = "...ksksssksk....";
+var BLINK = "...ksssssssk....";
+var BODY = [
+  "...ksssssssk....",
+  "...ksssrsssk....",
+  "....kkkkkkk.....",
+  "...kgggggggk....",
+  "..kgkgggggkgk...",
+  "...kgGGGGGgk...."
+];
+var sprout = (face, legs) => [...HEAD, face, ...BODY, ...legs];
+var STAND = ["....kbbkbbk.....", "....kbbkbbk.....", "...kkk..kkk....."];
+var IDLE = [sprout(FACE, STAND), sprout(BLINK, STAND)];
+var STRIDE = ["...kbbk.kbbk....", "..kbbk...kbbk...", "..kkk.....kkk..."];
+var PASS = ["....kbbkbbk.....", ".....kbbbk......", ".....kkkk......."];
+var STRIDE_B = ["....kbbkbbk.....", "...kbbk.kbbk....", "...kkk...kkk...."];
+var RUN = [sprout(FACE, STRIDE), sprout(FACE, PASS), sprout(FACE, STRIDE_B), sprout(FACE, PASS)];
+var JUMP = [sprout(FACE, ["...kbbkkbbk.....", "..kbbk..kbbk....", "..kk......kk...."])];
+var SLIME_FRAMES = [
+  ["................", ".....kkkkkk.....", "...kkppppppkk...", "..kppwwppppppk..", ".kppwwpppppppk..", ".kpppkpppkpppk..", ".kpppkpppkpppk..", ".kppppppppppppk.", ".kPPPPPPPPPPPPk.", "..kkkkkkkkkkkk.."],
+  ["................", "................", "................", "....kkkkkkkk....", "..kkppwwppppkk..", ".kpppkppppkpppk.", ".kpppkppppkpppk.", "kppppppppppppppk", "kPPPPPPPPPPPPPPk", ".kkkkkkkkkkkkkk."]
+];
+var COIN_FACE = ["..kkkk..", ".kyyyyk.", "kyywyyyk", "kyywyyyk", "kyyyyyYk", "kyyyyyYk", ".kyyyYk.", "..kkkk.."];
+var COIN_TURN = ["...kk...", "..kyyk..", "..kwyk..", "..kwyk..", "..kyYk..", "..kyYk..", "..kyYk..", "...kk..."];
+var COIN_EDGE = Array.from({ length: 8 }, () => "...kk...");
+var COIN_FRAMES = [COIN_FACE, COIN_TURN, COIN_EDGE, COIN_TURN];
+var PX = 6;
+var GROUND = 882;
+var CELL = PX;
+var PIT = [720, 900];
+var BRICK = 16 * PX;
+var JUMP_SPEED = 1250;
+var BRICKS_Y = 618;
+var HERO = { x: 120, cell: PX };
+var LOOP = new Plan([["Play", 2400, true]]);
+var FLAG = [
+  "kyyyyk",
+  "kyyyyyyyyk",
+  "kyyyyyyyyyyyk",
+  "kyyyyyyyyk",
+  "kyyyyk",
+  ...Array.from({ length: 35 }, () => "kk")
+].map((r) => r.padEnd(13, "."));
+var USED_BLOCK = [
+  "kkkkkkkkkkkkkkkk",
+  "kNNNNNNNNNNNNNNk",
+  "kNoNNNNNNNNNNoNk",
+  ...Array.from({ length: 10 }, () => "kNNNNNNNNNNNNNNk"),
+  "kNoNNNNNNNNNNoNk",
+  "kNNNNNNNNNNNNNNk",
+  "kkkkkkkkkkkkkkkk"
+];
+var plank = (cols) => ["k".repeat(cols), "o".repeat(cols), "N".repeat(cols)];
+function words(k, parent, text, at, ink = "w", name = text) {
+  return k.pixels(parent, [pixelWords(text, ink)], UI, { cell: PX, name, absolute: at });
+}
+var grid = (v) => Math.round(v / PX) * PX;
+function plate(k, l, parent, x, y, w, h, text, name, fill = "night") {
+  const p = l.box(parent, x, y, w, h, name, { fill, stroke: { color: "ink", width: PX } });
+  words(k, p, text, { x: grid((w - pixelWordsWidth(text) * PX) / 2), y: grid((h - 5 * PX) / 2) }, fill === "accent" ? "k" : "w", `${text} label`);
+  return p;
+}
+function buildLevel(k, sheet) {
+  const l = new Lot(k, sheet, LOOP.duration);
+  const stage = l.box(sheet, 0, 0, W, 1080, "Stage");
+  const sky = body(k, l.box(stage, 0, 0, W + 600, 400, "Sky"), { role: "parallax", parallax: 0.12 });
+  const clouds = l.box(sky, 0, 0, W + 600, 400, "Clouds");
+  for (const [x, y] of [[162, 138], [822, 78], [1422, 168], [2100, 108]]) k.pixels(clouds, [CLOUD], SKY, { cell: PX, name: "Cloud", absolute: { x, y } });
+  track(l, LOOP, clouds, "translateY", 0, { Play: cycle(2400, 1, 0, -PX) });
+  body(k, k.pixels(stage, [hillRow((W + 360) / CELL, 24, 32)], HILLS, { cell: CELL, name: "Hills", absolute: { x: 0, y: GROUND - 180 } }), { role: "parallax", parallax: 0.2 });
+  const left = k.pixels(stage, [groundTiles(PIT[0] / CELL, (1080 - GROUND) / CELL)], TILES, { cell: CELL, name: "Ground", absolute: { x: 0, y: GROUND } });
+  const right = k.pixels(stage, [groundTiles((W - PIT[1]) / CELL, (1080 - GROUND) / CELL)], TILES, { cell: CELL, name: "Ground", absolute: { x: PIT[1], y: GROUND } });
+  body(k, left, { role: "solid" });
+  body(k, right, { role: "solid" });
+  const blocks = [[300, "Brick"], [396, "? Block"], [492, "Brick"]].map(([x, name]) => body(k, k.instance(stage, name, {}, { name, absolute: { x, y: BRICKS_Y } }), { role: "solid" }));
+  const used = body(k, k.pixels(stage, [USED_BLOCK], TILES, { cell: PX, name: "Used block", absolute: { x: 396, y: BRICKS_Y } }), { role: "reveal" });
+  k.patch(used, { visible: false });
+  body(k, blocks[1], { role: "solid", bump: { reward: 1, reveal: used } });
+  for (const [x, y, cols] of [[1038, 702, 40], [1338, 558, 40], [1602, 420, 32]]) {
+    body(k, k.pixels(stage, [plank(cols)], TILES, { cell: CELL, name: "Plank", absolute: { x, y } }), { role: "platform" });
+  }
+  for (const [x, y] of [[324, BRICKS_Y - 66], [420, BRICKS_Y - 66], [516, BRICKS_Y - 66], [792, 720], [1140, 630], [1440, 492], [1698, 348]]) {
+    body(k, k.instance(stage, "Coin", {}, { name: "Coin", absolute: { x, y } }), { role: "collectible" });
+  }
+  for (const [x, distance] of [[378, 180], [1302, 180]]) {
+    body(k, k.pixels(stage, SLIME_FRAMES, SLIME, { cell: PX, ms: 300, name: "Slime", absolute: { x, y: GROUND - 60 } }), { role: "hazard", stomp: true, patrol: { distance, speed: 70 } });
+  }
+  body(k, k.pixels(stage, [FLAG], COIN, { cell: PX, name: "Goal flag", absolute: { x: 1800, y: GROUND - 240 } }), { role: "goal" });
+  const clear = body(k, plate(k, l, sheet, 558, 342, 798, 198, "LEVEL CLEAR!", "Level clear", "accent"), { role: "win" });
+  k.patch(clear, { visible: false });
+  const hero = l.box(stage, HERO.x, GROUND - 16 * HERO.cell, 16 * HERO.cell, 16 * HERO.cell, "Sprout");
+  body(k, k.pixels(hero, IDLE, HERO_PAL, { cell: HERO.cell, ms: [900, 150], name: "Sprout idle", absolute: { x: 0, y: 0 } }), { role: "pose", pose: "idle" });
+  const run = body(k, k.pixels(hero, RUN, HERO_PAL, { cell: HERO.cell, ms: 90, name: "Sprout run", absolute: { x: 0, y: 0 } }), { role: "pose", pose: "run" });
+  const jump = body(k, k.pixels(hero, JUMP, HERO_PAL, { cell: HERO.cell, name: "Sprout jump", absolute: { x: 0, y: 0 } }), { role: "pose", pose: "jump" });
+  k.patch(run, { visible: false });
+  k.patch(jump, { visible: false });
+  body(k, hero, { role: "player", settings: { speed: 440, jump: JUMP_SPEED } });
+  const panel = l.box(sheet, 42, 36, 618, 96, "Title panel", { fill: "night", stroke: { color: "ink", width: PX } });
+  words(k, panel, "SPROUT QUEST \xB7 1-1", { x: 24, y: 30 }, "y", "Title");
+  body(k, plate(k, l, sheet, 1338, 942, 150, 114, "<", "Left button", "accent"), { role: "control", control: "left" });
+  body(k, plate(k, l, sheet, 1506, 942, 150, 114, ">", "Right button", "accent"), { role: "control", control: "right" });
+  body(k, plate(k, l, sheet, 1674, 942, 204, 114, "JUMP", "Jump button", "accent"), { role: "control", control: "jump" });
+  const hint = l.box(sheet, 42, 960, 1242, 78, "Hint", { fill: "night", stroke: { color: "ink", width: PX } });
+  k.text(hint, "Arrows or A D to run \xB7 Space to jump \xB7 get the coins \xB7 reach the flag", { style: "Hint 26", color: "white", width: 1184, name: "Hint text", absolute: { x: 28, y: 22 } });
+}
+var sprout_quest_pixel_platformer_default = defineTemplate({
+  id: "game-sprout-quest-pixel-platformer",
+  meta: {
+    name: "SPROUT QUEST \u2014 pixel-art platformer",
+    description: "A real, playable pixel-art platformer: run with the arrows or A/D, jump with Space (hold for higher), collect the spinning coins, hop the pit and the slimes and reach the flag. It plays with physics \u2014 gravity, solid bricks, one-way planks, coins, hazards and a goal are roles on its layers \u2014 in Present mode and on a published site, with touch buttons too. Every piece is a pixel canvas you can edit",
+    category: "game-ui",
+    tags: ["game", "game ui", "pixel art", "platformer", "2d platformer", "sprite", "sprite animation", "physics", "playable", "interactive", "touch controls", "keyboard", "present mode", "retro"],
+    platforms: ["desktop"],
+    formats: ["screen"],
+    useCases: ["launch", "pitch"],
+    created: "2026-10-06",
+    updated: "2026-10-08"
+  },
+  stableNumbers: true,
+  build() {
+    const k = gameKit("SPROUT QUEST");
+    k.brand({ sky: "#6fc2e8", night: "#1a1c2c", pill: "#333c57", ink: "#1a1c2c", accent: "#ffcd75", onAccent: "#1a1c2c", white: "#f4f4f4" });
+    k.textStyle("Hint 26", { fontFamily: "JetBrains Mono", size: 26, fontWeight: 700, lineHeight: 34, textCase: "UPPER" });
+    k.component("Brick", { width: BRICK, height: BRICK }, (id) => {
+      k.pixels(id, [brickTile()], TILES, { cell: PX, name: "Brick pixels", absolute: { x: 0, y: 0 } });
+    });
+    k.component("? Block", { width: BRICK, height: BRICK }, (id) => {
+      k.pixels(id, questionTile(), TILES, { cell: PX, ms: [600, 200], name: "? Block pixels", absolute: { x: 0, y: 0 } });
+    });
+    k.component("Coin", { width: 48, height: 48 }, (id) => {
+      k.pixels(id, COIN_FRAMES, COIN, { cell: PX, ms: 110, name: "Coin pixels", absolute: { x: 0, y: 0 } });
+    });
+    const level = screen(k, "Level 1-1", { ground: "sky", first: true, duration: LOOP.duration });
+    k.flowStart(level, "Play");
+    k.patch(level, { pixelPerfect: true });
+    buildLevel(k, level);
+    return k.finish();
+  }
+});
+
+export {
+  sprout_quest_pixel_platformer_default
+};