@popcraft/kit 0.53.6 → 0.53.8

package/dist/chunks/chunk-L4JUCHHC.js

@@ -0,0 +1,480 @@
+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 {
+  hz
+} from "./chunk-7V4SQL3C.js";
+import {
+  blurred
+} from "./chunk-YORIY3BT.js";
+import {
+  box3,
+  curve3,
+  poly3,
+  r3,
+  rng,
+  smooth
+} from "./chunk-EJLCQVQK.js";
+import {
+  ease
+} from "./chunk-ZGIMZ6SP.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/themes/winter-cosy-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function cosyBrand(k, fields = {}) {
+  k.brand(
+    { paper: "#15233F", text: "#FBEFD9", onPaper: "#B9C7E0", primary: "#F2A93B", onPrimary: "#2B1804", accent: "#F2A93B", onAccent: "#2B1804", card: "#0D1730", onCard: "#FBEFD9", cardMuted: "#A9B8D6" },
+    { name: "Burrow", site: "burrow.example", ...fields }
+  );
+  k.palette({
+    log: "#4B2C1B",
+    logDark: "#2C160C",
+    logLight: "#7A4B2A",
+    timber: "#27150D",
+    timberLight: "#8A5A33",
+    room: "#D98A2B",
+    glow: "#FFC56A",
+    glowHot: "#FFE9B0",
+    ember: "#D9542A",
+    ink: "#2A1408",
+    screen: "#FFF4DA",
+    screenInk: "#6B4A2A",
+    shutter: "#9A3324",
+    shutterDark: "#5C1C14",
+    snow: "#F5F9FD",
+    snowShade: "#C6D9EA",
+    snowDeep: "#7F9DBE",
+    flake: "#FFFFFF",
+    frost: "#E1EEF8",
+    pine: "#0C2A2F",
+    pineLight: "#1D4A50",
+    ridge: "#0B1630",
+    night: "#070D1E",
+    dusk: "#3F74A0",
+    star: "#FFF3CF",
+    steam: "#FFF8EA",
+    knitGap: "#0A1226",
+    knitNavy: "#22365E",
+    knitCream: "#F6EBD9",
+    knitRust: "#C9532F",
+    knitMustard: "#EBAA3A",
+    knitTeal: "#4A8F96",
+    needle: "#E2C08F"
+  });
+}
+var ngon = (cx, cy, rx, ry, n = 10, turn = 0) => poly3(Array.from({ length: n }, (_, j) => {
+  const a = Math.PI * 2 * j / n, x = rx * Math.cos(a), y = ry * Math.sin(a);
+  return { x: cx + x * Math.cos(turn) - y * Math.sin(turn), y: cy + x * Math.sin(turn) + y * Math.cos(turn) };
+}));
+var curve = (pts, tension = 0.22) => curve3(pts, tension);
+var cast = (y, blur, a = 0.45) => ({ type: "DROP_SHADOW", color: { r: 0.01, g: 0.03, b: 0.08, a }, offset: { x: 0, y }, blur, spread: 0, visible: true });
+function cycleKeys(period, phase, knots) {
+  const at = (f) => {
+    for (let i = 1; i < knots.length; i++) if (f <= knots[i][0]) {
+      const [f0, v0] = knots[i - 1], [f1, v1] = knots[i];
+      return v0 + (v1 - v0) * (f - f0) / Math.max(1e-6, f1 - f0);
+    }
+    return knots[knots.length - 1][1];
+  };
+  const jump = Math.abs(knots[0][1] - knots[knots.length - 1][1]) > 1e-6;
+  const keys = [{ t: 0, v: r3(at(phase)), ease: ease.linear }];
+  for (const [f, v] of knots) if (f > phase + 1e-6 && f < 1) keys.push({ t: Math.round((f - phase) * period), v: r3(v), ease: ease.linear });
+  const turn = Math.round((1 - phase) * period);
+  if (phase > 1e-6) {
+    if (jump) {
+      keys.push({ t: turn - 34, v: r3(knots[knots.length - 1][1]), ease: ease.hold });
+      keys.push({ t: turn, v: r3(knots[0][1]), ease: ease.linear });
+    } else keys.push({ t: turn, v: r3(knots[0][1]), ease: ease.linear });
+    for (const [f, v] of knots) if (f > 1e-6 && f < phase - 1e-6) keys.push({ t: Math.round((1 - phase + f) * period), v: r3(v), ease: ease.linear });
+  }
+  keys.push({ t: period, v: r3(phase > 1e-6 ? at(phase) : knots[knots.length - 1][1]) });
+  return keys;
+}
+var LOOP = [{ kind: "loop", mode: "cycle" }];
+var CABIN = {
+  w: 1080,
+  h: 1920,
+  /** The top of the snow on the eave, the top and the foot of the log wall. */
+  eave: 566,
+  wallTop: 694,
+  wallBottom: 1296,
+  /** The window (its timber frame) and the shutters either side of it. */
+  window: { x: 170, y: 736, w: 740, h: 505 },
+  /** Where the tracks arrive: just under the left end of a button centred on the sheet. */
+  arrive: { x: 330, y: 1476 }
+};
+var BLEED = 560;
+var GLASS = { x: CABIN.window.x + 26, y: CABIN.window.y + 26, w: CABIN.window.w - 52, h: CABIN.window.h - 52 };
+function cabin(k, parent, o) {
+  const id = k.frame(parent, { x: o.x, y: o.y, width: CABIN.w, height: CABIN.h }, { name: o.name ?? "Cabin" });
+  placeCabin(k, id, o);
+  const live = o.loopMs;
+  const rand = rng(11);
+  const at = (x, y) => ({ absolute: { x: r3(x), y: r3(y) } });
+  const crop = o.crop ?? { left: -BLEED, right: CABIN.w + BLEED, top: 0, bottom: CABIN.wallBottom + 1474 };
+  const FULL = { x: crop.left, w: crop.right - crop.left };
+  {
+    const hy = Math.max(crop.top, CABIN.eave - 250);
+    k.rect(id, FULL.w, CABIN.eave + 50 - hy, [k.gradient({ from: "dusk", to: "dusk", angle: 90, fromOpacity: 0, toOpacity: 0.5 })], { name: "Horizon", ...at(FULL.x, hy) });
+    for (let n = 0; n < 30; n++) {
+      const x = -260 + rand() * 1600, y = 14 + rand() * 470, size = r3(3 + rand() * 5), dim = r3(0.35 + rand() * 0.6), turn = r3(rand());
+      if (x > 430 && x < 620 || x < crop.left || x > crop.right - 8 || y < crop.top) continue;
+      const star = k.ellipse(id, size, "star", { name: "Star", opacity: dim, ...at(x, y) });
+      if (live && n % 3 === 0) k.behave(star, "opacity", [{ kind: "sine", amp: 0.3, freq: hz(2 + n % 4, live), phase: turn }, { kind: "clamp", min: 0.15, max: 1 }]);
+    }
+    if (crop.top <= 22) {
+      k.ellipse(id, 190, k.tint("star", 0.16), { name: "Moon glow", ...at(815, 22), effects: [blurred(40)] });
+      k.ellipse(id, 104, "star", { name: "Moon", ...at(858, 65) });
+      k.ellipse(id, 96, "paper", { name: "Moon shadow", ...at(886, 52) });
+    }
+    const RIDGE = 104;
+    const ridge = [{ x: 0, y: RIDGE }];
+    for (let x = 0; x < FULL.w; ) {
+      const w = 34 + rand() * 46, h = 34 + rand() * 66;
+      ridge.push({ x, y: RIDGE - h * 0.12 }, { x: x + w * 0.3, y: RIDGE - h * 0.5 }, { x: Math.min(FULL.w, x + w * 0.5), y: RIDGE - h }, { x: Math.min(FULL.w, x + w * 0.7), y: RIDGE - h * 0.5 }, { x: Math.min(FULL.w, x + w), y: RIDGE - h * 0.12 });
+      x += w;
+    }
+    ridge.push({ x: FULL.w, y: RIDGE });
+    k.vector(id, FULL.w, RIDGE, [poly3(ridge)], "ridge", { name: "Far ridge", ...at(FULL.x, CABIN.eave - RIDGE + 28) });
+  }
+  const wallH = CABIN.wallBottom - CABIN.wallTop + 40, logH = 77;
+  k.rect(id, FULL.w, wallH, "log", { name: "Wall", ...at(FULL.x, CABIN.wallTop) });
+  const foot = [], top = [], grain = [], knots = [];
+  for (let i = 0; i * logH < wallH; i++) {
+    const y = i * logH;
+    foot.push(box3(0, y + logH - 15, FULL.w, 15));
+    top.push(box3(0, y + 3, FULL.w, 5));
+    for (let j = 0; j < 9; j++) {
+      const x = rand() * FULL.w, len = 70 + rand() * 280, gy = y + 16 + rand() * (logH - 40);
+      grain.push(curve([{ x, y: gy }, { x: x + len * 0.5, y: gy + (rand() - 0.5) * 7 }, { x: x + len, y: gy + (rand() - 0.5) * 5 }]));
+    }
+    for (let j = 0; j < 2; j++) {
+      const x = rand() * FULL.w, ky = y + 24 + rand() * (logH - 50);
+      knots.push(ngon(x, ky, 13, 7, 10));
+    }
+  }
+  k.vector(id, FULL.w, wallH, foot, "logDark", { name: "Log shade", opacity: 0.85, ...at(FULL.x, CABIN.wallTop) });
+  k.vector(id, FULL.w, wallH, top, "logLight", { name: "Log light", opacity: 0.6, ...at(FULL.x, CABIN.wallTop) });
+  k.vector(id, FULL.w, wallH, grain, "logDark", { name: "Grain", opacity: 0.55, strokeWidth: 2.5, ...at(FULL.x, CABIN.wallTop) });
+  k.vector(id, FULL.w, wallH, knots, "logDark", { name: "Knots", opacity: 0.7, ...at(FULL.x, CABIN.wallTop) });
+  k.rect(id, FULL.w, 190, [k.gradient({ from: "night", to: "night", angle: 90, fromOpacity: 0.72, toOpacity: 0 })], { name: "Eave shade", ...at(FULL.x, CABIN.wallTop) });
+  k.rect(id, FULL.w, wallH, k.tint("night", 0.34), { name: "Dusk on the wall", ...at(FULL.x, CABIN.wallTop) });
+  const W = CABIN.window;
+  const halo = k.rect(id, W.w + 330, W.h + 200, k.tint("glow", 0.34), { name: "Halo", radius: 120, ...at(W.x - 165, W.y - 100), effects: [blurred(74)] });
+  if (live) k.behave(halo, "opacity", [{ kind: "sine", amp: 0.12, freq: hz(Math.max(2, Math.round(live / 2600)), live) }]);
+  for (const side of [-1, 1]) {
+    const sw2 = 108, sx2 = side < 0 ? W.x - sw2 : W.x + W.w;
+    const sh = k.frame(id, { x: sx2, y: W.y, width: sw2, height: W.h }, { name: side < 0 ? "Shutter left" : "Shutter right", fill: "shutter", radius: 5, clip: true, effects: [cast(8, 18, 0.5)] });
+    const slats = [];
+    for (let y = 30; y < W.h - 20; y += 36) slats.push(box3(12, y, sw2 - 24, 7));
+    k.vector(sh, sw2, W.h, slats, "shutterDark", { name: "Slats", opacity: 0.75, ...at(0, 0) });
+    const cx = sw2 / 2, ty = 150;
+    k.vector(sh, sw2, W.h, [
+      poly3([{ x: cx, y: ty }, { x: cx + 20, y: ty + 30 }, { x: cx - 20, y: ty + 30 }]),
+      poly3([{ x: cx, y: ty + 18 }, { x: cx + 28, y: ty + 58 }, { x: cx - 28, y: ty + 58 }]),
+      poly3([{ x: cx, y: ty + 42 }, { x: cx + 36, y: ty + 92 }, { x: cx - 36, y: ty + 92 }]),
+      box3(cx - 6, ty + 92, 12, 18)
+    ], "timber", { name: "Cut-out fir", ...at(0, 0) });
+    k.rect(sh, sw2, W.h, [k.gradient({ from: "night", to: "night", angle: side < 0 ? 180 : 0, fromOpacity: 0.05, toOpacity: 0.5 })], { name: "Shutter shade", ...at(0, 0) });
+    for (const hy of [70, W.h - 96]) k.rect(sh, 30, 16, "timber", { name: "Hinge", radius: 3, ...at(side < 0 ? sw2 - 30 : 0, hy) });
+  }
+  k.rect(id, W.w, W.h, "timber", { name: "Window frame", radius: 6, ...at(W.x, W.y), effects: [cast(10, 26, 0.55)] });
+  const G = GLASS;
+  const room = k.frame(id, { x: G.x, y: G.y, width: G.w, height: G.h }, { name: "Room", fill: "room", clip: true });
+  k.rect(room, G.w, G.h, [k.gradient({ from: "glowHot", to: "glowHot", kind: "RADIAL", fromOpacity: 1, toOpacity: 0, handles: [{ x: 0.25, y: 0.5 }, { x: 0.95, y: 0.5 }, { x: 0.25, y: 1.5 }] })], { name: "Room light", ...at(0, 0) });
+  k.rect(room, G.w, 150, [k.gradient({ from: "ember", to: "ember", angle: 90, fromOpacity: 0.5, toOpacity: 0 })], { name: "Ceiling shade", ...at(0, 0) });
+  k.rect(room, 128, 74, k.tint("screen", 0.5), { name: "Picture", radius: 3, stroke: { color: "ink", width: 6, align: "INSIDE" }, ...at(84, 18) });
+  k.vector(room, 128, 74, [poly3([{ x: 14, y: 62 }, { x: 48, y: 22 }, { x: 68, y: 44 }, { x: 86, y: 30 }, { x: 114, y: 62 }])], "ink", { name: "Picture mountain", opacity: 0.75, ...at(84, 18) });
+  k.rect(room, 268, 8, "ink", { name: "Shelf", radius: 2, ...at(388, 92) });
+  const BOOKS = ["ink", "shutter", "pine", "ink", "ember", "pineLight", "ink", "shutterDark", "pine", "ink", "ember"];
+  let bx = 400;
+  BOOKS.forEach((role, i) => {
+    const bw = 14 + i * 7 % 10, bh = 44 + i * 13 % 26;
+    k.rect(room, bw, bh, role, { name: "Book", radius: 2, opacity: 0.92, ...at(bx, 92 - bh) });
+    bx += bw + (i === 6 ? 26 : 3);
+  });
+  const desk = 338;
+  k.rect(room, G.w, G.h - desk, "ink", { name: "Desk", ...at(0, desk) });
+  k.rect(room, G.w, 5, k.tint("glowHot", 0.7), { name: "Desk edge", ...at(0, desk) });
+  const glow = k.ellipse(room, 330, k.tint("glowHot", 0.85), { name: "Lamp glow", ...at(18, 96), effects: [blurred(58)] });
+  if (live) for (const axis of ["scaleX", "scaleY"]) k.behave(glow, axis, [{ kind: "sine", amp: 0.07, freq: hz(Math.max(2, Math.round(live / 2600)), live) }]);
+  k.vector(room, 220, 250, [poly3([{ x: 60, y: 244 }, { x: 60, y: 120 }, { x: 150, y: 62 }], false)], "ink", { name: "Lamp arm", strokeWidth: 9, ...at(40, 92) });
+  k.rect(room, 110, 14, "ink", { name: "Lamp foot", radius: 7, ...at(46, desk - 12) });
+  k.vector(room, 170, 96, [poly3([{ x: 46, y: 0 }, { x: 118, y: 6 }, { x: 166, y: 82 }, { x: 0, y: 70 }])], "ink", { name: "Lamp shade", ...at(120, 110) });
+  k.vector(room, 170, 30, [ngon(85, 14, 80, 9, 14, 0.07)], "glowHot", { name: "Lamp bulb", ...at(120, 174) });
+  k.rect(room, 52, 56, "ember", { name: "Mug", radius: 9, ...at(250, desk - 56) });
+  k.rect(room, 52, 12, k.tint("glowHot", 0.4), { name: "Mug rim", radius: 6, ...at(250, desk - 56) });
+  k.vector(room, 30, 40, [curve([{ x: 0, y: 4 }, { x: 22, y: 8 }, { x: 24, y: 26 }, { x: 0, y: 34 }], 0.3)], "ember", { name: "Mug handle", strokeWidth: 8, ...at(300, desk - 48) });
+  const steam = k.frame(room, { x: 232, y: 132, width: 90, height: 150 }, { name: "Steam" });
+  [0, 1, 2].forEach((i) => {
+    const sx2 = 16 + i * 24;
+    const wisp = k.vector(steam, 30, 70, [curve([{ x: 15, y: 70 }, { x: 4, y: 52 }, { x: 24, y: 34 }, { x: 8, y: 16 }, { x: 18, y: 0 }], 0.26)], "steam", { name: "Wisp", strokeWidth: 6, opacity: [0.7, 0.45, 0.6][i], ...at(sx2, [70, 44, 58][i]) });
+    if (!live) return;
+    const period = live / Math.max(2, Math.round(live / 2800)), phase = [0.3, 0.72, 0.05][i], rest = [70, 44, 58][i];
+    k.animate(wisp, "translateY", cycleKeys(period, phase, [[0, 76 - rest], [1, -rest - 6]]));
+    k.behave(wisp, "translateY", LOOP);
+    k.animate(wisp, "opacity", cycleKeys(period, phase, [[0, 0], [0.25, 0.8], [0.7, 0.45], [1, 0]]));
+    k.behave(wisp, "opacity", LOOP);
+    k.behave(wisp, "scaleX", [{ kind: "sine", amp: 0.35, freq: hz(Math.max(2, Math.round(live / 2800)), live), phase: r3(i / 3) }]);
+  });
+  const sx = 392, sy = 150, sw = 218, swh = 150;
+  k.rect(room, sw, swh, "ink", { name: "Screen back", radius: 10, ...at(sx, sy) });
+  k.rect(room, sw - 16, swh - 16, "screen", { name: "Screen", radius: 5, ...at(sx + 8, sy + 8) });
+  k.rect(room, sw - 16, 22, k.tint("screenInk", 0.28), { name: "Screen bar", radius: 5, ...at(sx + 8, sy + 8) });
+  const rows = [], dots = [];
+  for (let i = 0; i < 4; i++) {
+    const y = 42 + i * 24;
+    dots.push(ngon(26, y + 6, 6, 6, 8));
+    rows.push(box3(40, y, [96, 122, 84, 110][i], 5));
+    rows.push(box3(40, y + 9, [60, 74, 100, 52][i], 4));
+  }
+  k.vector(room, sw, swh, rows, "screenInk", { name: "Screen rows", opacity: 0.55, ...at(sx, sy) });
+  k.vector(room, sw, swh, dots, "ember", { name: "Screen dots", opacity: 0.9, ...at(sx, sy) });
+  k.rect(room, 44, 14, "primary", { name: "Screen pill", radius: 7, ...at(sx + sw - 62, sy + 40) });
+  k.rect(room, 26, 26, "ink", { name: "Screen neck", ...at(sx + sw / 2 - 13, sy + swh - 2) });
+  k.rect(room, 120, 12, "ink", { name: "Screen foot", radius: 6, ...at(sx + sw / 2 - 60, desk - 10) });
+  const cat = k.frame(room, { x: 560, y: desk - 78, width: 128, height: 80 }, { name: "Cat" });
+  k.patch(cat, { anchorX: 0.5, anchorY: 1 });
+  k.vector(cat, 128, 80, [
+    smooth([{ x: 6, y: 78 }, { x: 4, y: 52 }, { x: 22, y: 30 }, { x: 62, y: 18 }, { x: 102, y: 28 }, { x: 122, y: 54 }, { x: 120, y: 78 }], 0.22),
+    smooth([{ x: 2, y: 60 }, { x: 8, y: 36 }, { x: 30, y: 28 }, { x: 48, y: 44 }, { x: 44, y: 66 }, { x: 22, y: 76 }], 0.24),
+    poly3([{ x: 8, y: 40 }, { x: 10, y: 16 }, { x: 26, y: 31 }]),
+    poly3([{ x: 28, y: 30 }, { x: 42, y: 12 }, { x: 46, y: 40 }])
+  ], "ink", { name: "Cat body", ...at(0, 0) });
+  k.vector(cat, 128, 80, [curve([{ x: 124, y: 70 }, { x: 96, y: 78 }, { x: 60, y: 76 }, { x: 44, y: 68 }], 0.3)], "timber", { name: "Cat tail", strokeWidth: 9, ...at(0, 0) });
+  if (live) k.behave(cat, "scaleY", [{ kind: "sine", amp: 0.035, freq: hz(Math.max(2, Math.round(live / 3e3)), live) }]);
+  k.rect(room, G.w, G.h, "night", { name: "Dusk glass", opacity: 0, ...at(0, 0) });
+  k.vector(room, G.w, G.h, [poly3([{ x: 470, y: 0 }, { x: 540, y: 0 }, { x: 330, y: G.h }, { x: 260, y: G.h }]), poly3([{ x: 570, y: 0 }, { x: 592, y: 0 }, { x: 382, y: G.h }, { x: 360, y: G.h }])], "frost", { name: "Reflection", opacity: 0.09, ...at(0, 0) });
+  const frost = (cx, cy, w, h) => smooth([{ x: cx, y: cy }, { x: cx + w, y: cy }, { x: cx + w * 0.42, y: cy + h * 0.22 }, { x: cx + w * 0.2, y: cy + h * 0.46 }, { x: cx, y: cy + h }], 0.2);
+  k.vector(room, G.w, G.h, [
+    frost(0, 0, 84, 62),
+    frost(G.w, 0, -96, 70),
+    frost(0, G.h, 70, -52),
+    frost(G.w, G.h, -110, -78),
+    frost(326, 118, -56, 40),
+    frost(362, 118, 64, 44),
+    frost(326, G.h, -50, -40),
+    frost(362, G.h, 60, -46)
+  ], "frost", { name: "Frost", opacity: 0.5, ...at(0, 0), effects: [blurred(4)] });
+  if (o.note) {
+    const fog = k.stack(room, { width: 276, height: 86, radius: 43, fill: k.tint("frost", 0.9), align: "CENTER", justify: "CENTER", name: "Fog", absolute: { x: 30, y: desk + 16 }, effects: [blurred(1.5)] });
+    k.text(fog, o.note.text, { style: o.note.style, color: "ink", autoWidth: true, name: "Glass note" });
+  }
+  k.rect(id, 20, G.h, "timber", { name: "Mullion", ...at(G.x + 334, G.y) });
+  k.rect(id, 4, G.h, "timberLight", { name: "Mullion light", opacity: 0.55, ...at(G.x + 334, G.y) });
+  k.rect(id, G.w, 16, "timber", { name: "Transom", ...at(G.x, G.y + 102) });
+  k.rect(id, G.w, 3, "timberLight", { name: "Transom light", opacity: 0.55, ...at(G.x, G.y + 102) });
+  k.rect(id, G.w + 12, G.h + 12, k.tint("timberLight", 0), { name: "Frame bevel", radius: 3, stroke: { color: "timberLight", width: 3, align: "INSIDE" }, opacity: 0.6, ...at(G.x - 6, G.y - 6) });
+  k.rect(id, W.w + 76, 30, "timberLight", { name: "Sill", radius: 4, ...at(W.x - 38, W.y + W.h - 4), effects: [cast(10, 16, 0.55)] });
+  const sill = [];
+  for (let i = 0; i <= 26; i++) {
+    const f = i / 26, x = f * (W.w + 52);
+    sill.push({ x, y: 38 - Math.sin(f * Math.PI) ** 0.45 * (22 + 9 * Math.sin(f * 17) + 5 * Math.sin(f * 41)) });
+  }
+  const cap = k.vector(id, W.w + 52, 40, [poly3([...sill, { x: W.w + 52, y: 40 }, { x: 0, y: 40 }])], "snow", { name: "Sill snow", ...at(W.x - 26, W.y + W.h - 40) });
+  k.patch(cap, { anchorX: 0.5, anchorY: 1 });
+  k.rect(id, FULL.w, 46, "timber", { name: "Fascia", ...at(FULL.x, CABIN.wallTop - 44) });
+  k.rect(id, FULL.w, 4, "timberLight", { name: "Fascia light", opacity: 0.5, ...at(FULL.x, CABIN.wallTop - 2) });
+  const roofTop = [], roofFoot = [], roofH = CABIN.wallTop - 18 - CABIN.eave;
+  for (let i = 0; i <= 90; i++) {
+    const x = FULL.w * i / 90;
+    roofTop.push({ x, y: 12 + 9 * Math.sin(x / 210 + 1.2) + 4 * Math.sin(x / 67) });
+    roofFoot.push({ x, y: roofH - 14 + 11 * Math.sin(x / 58 + 0.4) + 6 * Math.sin(x / 23 + 2) });
+  }
+  k.vector(id, FULL.w, roofH, [poly3([...roofTop, ...[...roofFoot].reverse()])], "snow", { name: "Roof snow", ...at(FULL.x, CABIN.eave), effects: [cast(8, 14, 0.4)] });
+  k.vector(id, FULL.w, roofH, [poly3([...roofFoot.map((p) => ({ x: p.x, y: p.y - 26 - 6 * Math.sin(p.x / 90) })), ...[...roofFoot].reverse()])], "snowShade", { name: "Roof snow shade", ...at(FULL.x, CABIN.eave) });
+  const ice = [];
+  for (let x = 20; x < FULL.w - 20; ) {
+    const w = 9 + rand() * 12, len = 22 + rand() * rand() * 96;
+    ice.push(poly3([{ x, y: 0 }, { x: x + w, y: 0 }, { x: x + w * 0.55, y: len }]));
+    x += w + 6 + rand() * 60;
+  }
+  k.vector(id, FULL.w, 120, ice, "frost", { name: "Icicles", opacity: 0.9, ...at(FULL.x, CABIN.wallTop) });
+  const groundH = crop.bottom - (CABIN.wallBottom - 26);
+  const drift = (base, amp, a, b) => {
+    const pts = [{ x: 0, y: groundH }];
+    for (let i = 0; i <= 60; i++) {
+      const x = FULL.w * i / 60;
+      pts.push({ x, y: base + amp * Math.sin(x / a + b) + amp * 0.4 * Math.sin(x / (a * 0.37) + b * 2) });
+    }
+    pts.push({ x: FULL.w, y: groundH });
+    return poly3(pts);
+  };
+  k.vector(id, FULL.w, groundH, [drift(14, 10, 150, 0.5)], "snowShade", { name: "Drift back", ...at(FULL.x, CABIN.wallBottom - 26) });
+  k.vector(id, FULL.w, groundH, [drift(26, 14, 230, 2.2)], "snow", { name: "Drift", ...at(FULL.x, CABIN.wallBottom - 14) });
+  const duskH = crop.bottom - (CABIN.wallBottom + 150);
+  if (duskH > 0) k.rect(id, FULL.w, Math.min(900, duskH), [k.gradient({ from: "snowDeep", to: "snowDeep", angle: 90, fromOpacity: 0, toOpacity: r3(0.85 * Math.min(1, duskH / 900)) })], { name: "Snow dusk", ...at(FULL.x, CABIN.wallBottom + 150) });
+  if (duskH > 900) k.rect(id, FULL.w, duskH - 900, k.tint("snowDeep", 0.85), { name: "Snow dusk deep", ...at(FULL.x, CABIN.wallBottom + 1050) });
+  const spillH = Math.min(520, crop.bottom - CABIN.wallBottom - 4);
+  const spill = k.frame(id, { x: W.x - 250, y: CABIN.wallBottom + 4, width: W.w + 500, height: spillH }, { name: "Spill", effects: [blurred(9)] });
+  k.vector(
+    spill,
+    W.w + 500,
+    spillH,
+    [poly3([{ x: 268, y: 0 }, { x: 606, y: 0 }, { x: 606 - 6 * (spillH / 520), y: spillH }, { x: 268 - 248 * (spillH / 520), y: spillH }]), poly3([{ x: 636, y: 0 }, { x: W.w + 232, y: 0 }, { x: W.w + 232 + 248 * (spillH / 520), y: spillH }, { x: 636 + 24 * (spillH / 520), y: spillH }])],
+    [k.gradient({ from: "glow", to: "glow", angle: 90, fromOpacity: 0.5, toOpacity: 0 })],
+    { name: "Spill light", ...at(0, 0) }
+  );
+  const A = CABIN.arrive;
+  const path = (f) => {
+    const u = 1 - f;
+    const p0 = { x: 40, y: 1960 }, p1 = { x: 420, y: 1900 }, p2 = { x: 60, y: 1620 }, p3 = A;
+    return { x: u * u * u * p0.x + 3 * u * u * f * p1.x + 3 * u * f * f * p2.x + f * f * f * p3.x, y: u * u * u * p0.y + 3 * u * u * f * p1.y + 3 * u * f * f * p2.y + f * f * f * p3.y };
+  };
+  const PRINTS = 15;
+  for (let i = 0; i < PRINTS; i++) {
+    const f = (i + 0.6) / PRINTS, p = path(f), q = path(Math.min(1, f + 0.02)), turn = Math.atan2(q.y - p.y, q.x - p.x), side = i % 2 ? 1 : -1;
+    if (p.y + 40 > crop.bottom || p.x - 40 < crop.left) continue;
+    const s = 1.25 - f * 0.5, nx = -Math.sin(turn) * side * 11 * s, ny = Math.cos(turn) * side * 11 * s;
+    const cx = 40, cy = 40, fx = Math.cos(turn), fy = Math.sin(turn);
+    k.vector(id, 80, 80, [
+      ngon(cx, cy, 13 * s, 9.5 * s, 10, turn),
+      ngon(cx + fx * 17 * s - fy * 7 * s, cy + fy * 17 * s + fx * 7 * s, 5 * s, 4 * s, 8, turn),
+      ngon(cx + fx * 17 * s + fy * 7 * s, cy + fy * 17 * s - fx * 7 * s, 5 * s, 4 * s, 8, turn),
+      ngon(cx + fx * 23 * s, cy + fy * 23 * s, 5 * s, 4 * s, 8, turn)
+    ], "snowDeep", { name: "Track", opacity: 0.95, ...at(p.x + nx - cx, p.y + ny - cy) });
+  }
+  const fir = (x, base, s, name) => {
+    const w = s * 0.7, cx = w / 2, tiers = 5;
+    const tree = k.frame(id, { x: x - w / 2, y: base - s, width: w, height: s }, { name });
+    k.vector(tree, w, 40, [ngon(w / 2, 20, w * 0.56, 18, 14)], "snowDeep", { name: "Fir shadow", opacity: 0.5, ...at(0, s * 0.9 - 26), effects: [blurred(10)] });
+    k.rect(tree, s * 0.06, s * 0.1, "timber", { name: "Fir trunk", ...at(cx - s * 0.03, s * 0.8) });
+    for (let t = tiers - 1; t >= 0; t--) {
+      const topY = t * s * 0.6 / tiers, foot2 = topY + s * 0.34, half = w / 2 * (0.34 + 0.66 * (t + 1) / tiers), mid = topY + (foot2 - topY) * 0.6;
+      k.vector(tree, w, s, [poly3([{ x: cx, y: topY }, { x: cx + half * 0.46, y: mid }, { x: cx + half, y: foot2 }, { x: cx + half * 0.52, y: foot2 - s * 0.035 }, { x: cx + half * 0.24, y: foot2 + s * 0.012 }, { x: cx, y: foot2 - s * 0.02 }, { x: cx - half * 0.24, y: foot2 + s * 0.012 }, { x: cx - half * 0.52, y: foot2 - s * 0.035 }, { x: cx - half, y: foot2 }, { x: cx - half * 0.46, y: mid }])], "pine", { name: "Fir boughs", ...at(0, 0) });
+      k.vector(tree, w, s, [poly3([{ x: cx, y: topY }, { x: cx - half * 0.46, y: mid }, { x: cx - half, y: foot2 }, { x: cx - half * 0.52, y: foot2 - s * 0.035 }, { x: cx - half * 0.24, y: foot2 + s * 0.012 }, { x: cx - half * 0.1, y: foot2 - s * 0.012 }])], "pineLight", { name: "Fir light", opacity: 0.75, ...at(0, 0) });
+      k.vector(tree, w, s, [
+        poly3([{ x: cx, y: topY - s * 6e-3 }, { x: cx + half * 0.5, y: mid - s * 4e-3 }, { x: cx + half * 0.96, y: foot2 - s * 0.012 }, { x: cx + half * 0.7, y: foot2 - s * 0.05 }, { x: cx + half * 0.34, y: mid + s * 0.012 }, { x: cx + half * 0.12, y: topY + s * 0.075 }, { x: cx, y: topY + s * 0.06 }]),
+        poly3([{ x: cx, y: topY - s * 6e-3 }, { x: cx - half * 0.5, y: mid - s * 4e-3 }, { x: cx - half * 0.96, y: foot2 - s * 0.012 }, { x: cx - half * 0.76, y: foot2 - s * 0.034 }, { x: cx - half * 0.36, y: mid + s * 4e-3 }, { x: cx - half * 0.1, y: topY + s * 0.05 }, { x: cx, y: topY + s * 0.06 }])
+      ], "snow", { name: "Fir snow", opacity: 0.97, ...at(0, 0) });
+    }
+  };
+  const stand = (x, base, s, name) => {
+    const size = o.crop ? Math.min(s, crop.bottom + 30 - (base - s)) : s;
+    if (size < 150) return;
+    const half = size * 0.35;
+    fir(Math.max(crop.left + half, Math.min(crop.right - half, x)), base - s + size, size, name);
+  };
+  stand(968, 2010, 600, "Fir right");
+  stand(24, 1800, 400, "Fir left");
+  return id;
+}
+function boxed(box, scale, y) {
+  const x = (box.w - CABIN.w * scale) / 2;
+  return { x, y, scale, crop: { left: Math.ceil(-x / scale), right: Math.floor((box.w - x) / scale), top: Math.ceil(-y / scale), bottom: Math.floor((box.h - y) / scale) } };
+}
+function placeCabin(k, id, o) {
+  const s = o.scale ?? 1;
+  k.patch(id, { x: r3(o.x), y: r3(o.y), anchorX: 0, anchorY: 0, scaleX: s, scaleY: s });
+}
+function lampOn(k, root, at, ms = 520) {
+  for (const id of k.named(root, "Dusk glass")) k.animate(id, "opacity", [{ t: 0, v: 0.86, ease: ease.hold }, { t: at, v: 0.86, ease: ease.out("expo") }, { t: at + ms, v: 0 }]);
+  for (const name of ["Halo", "Spill", "Lamp glow", "Lamp bulb"]) for (const id of k.named(root, name)) {
+    const rest = k.node(id).opacity ?? 1;
+    k.animate(id, "opacity", [{ t: 0, v: 0, ease: ease.hold }, { t: at, v: 0, ease: ease.out("expo") }, { t: at + ms, v: rest }]);
+  }
+}
+var GLYPHS = {
+  A: [".###.", "#...#", "#...#", "#####", "#...#", "#...#", "#...#"],
+  B: ["####.", "#...#", "#...#", "####.", "#...#", "#...#", "####."],
+  C: [".####", "#....", "#....", "#....", "#....", "#....", ".####"],
+  D: ["####.", "#...#", "#...#", "#...#", "#...#", "#...#", "####."],
+  E: ["#####", "#....", "#....", "####.", "#....", "#....", "#####"],
+  F: ["#####", "#....", "#....", "####.", "#....", "#....", "#...."],
+  G: [".####", "#....", "#....", "#.###", "#...#", "#...#", ".###."],
+  H: ["#...#", "#...#", "#...#", "#####", "#...#", "#...#", "#...#"],
+  I: ["#####", "..#..", "..#..", "..#..", "..#..", "..#..", "#####"],
+  J: ["..###", "....#", "....#", "....#", "....#", "#...#", ".###."],
+  K: ["#...#", "#..#.", "#.#..", "##...", "#.#..", "#..#.", "#...#"],
+  L: ["#....", "#....", "#....", "#....", "#....", "#....", "#####"],
+  M: ["#...#", "##.##", "#.#.#", "#.#.#", "#...#", "#...#", "#...#"],
+  N: ["#...#", "##..#", "#.#.#", "#.#.#", "#..##", "#...#", "#...#"],
+  O: [".###.", "#...#", "#...#", "#...#", "#...#", "#...#", ".###."],
+  P: ["####.", "#...#", "#...#", "####.", "#....", "#....", "#...."],
+  Q: [".###.", "#...#", "#...#", "#...#", "#.#.#", "#..#.", ".##.#"],
+  R: ["####.", "#...#", "#...#", "####.", "#.#..", "#..#.", "#...#"],
+  S: [".####", "#....", "#....", ".###.", "....#", "....#", "####."],
+  T: ["#####", "..#..", "..#..", "..#..", "..#..", "..#..", "..#.."],
+  U: ["#...#", "#...#", "#...#", "#...#", "#...#", "#...#", ".###."],
+  V: ["#...#", "#...#", "#...#", "#...#", "#...#", ".#.#.", "..#.."],
+  W: ["#...#", "#...#", "#...#", "#.#.#", "#.#.#", "##.##", "#...#"],
+  X: ["#...#", "#...#", ".#.#.", "..#..", ".#.#.", "#...#", "#...#"],
+  Y: ["#...#", "#...#", ".#.#.", "..#..", "..#..", "..#..", "..#.."],
+  Z: ["#####", "....#", "...#.", "..#..", ".#...", "#....", "#####"],
+  "0": [".###.", "#...#", "#..##", "#.#.#", "##..#", "#...#", ".###."],
+  "1": ["..#..", ".##..", "..#..", "..#..", "..#..", "..#..", ".###."],
+  "2": [".###.", "#...#", "....#", "...#.", "..#..", ".#...", "#####"],
+  "3": ["####.", "....#", "....#", ".###.", "....#", "....#", "####."],
+  "4": ["#...#", "#...#", "#...#", "#####", "....#", "....#", "....#"],
+  "5": ["#####", "#....", "####.", "....#", "....#", "#...#", ".###."],
+  "6": [".###.", "#....", "#....", "####.", "#...#", "#...#", ".###."],
+  "7": ["#####", "....#", "...#.", "..#..", "..#..", "..#..", "..#.."],
+  "8": [".###.", "#...#", "#...#", ".###.", "#...#", "#...#", ".###."],
+  "9": [".###.", "#...#", "#...#", ".####", "....#", "....#", ".###."],
+  ".": [".....", ".....", ".....", ".....", ".....", ".##..", ".##.."],
+  " ": ["...", "...", "...", "...", "...", "...", "..."]
+};
+function repeatChart(tile, cols) {
+  const w = tile[0].length, lead = Math.floor((cols % w + w) / 2) % w;
+  return tile.map((row) => Array.from({ length: cols }, (_, c) => row[(c + w - lead) % w]).join(""));
+}
+function letterChart(words, cols, key = "c") {
+  const rows = Array.from({ length: 7 }, (_, r) => [...words.toUpperCase()].map((ch) => (GLYPHS[ch] ?? GLYPHS[" "])[r].replace(/#/g, key)).join("."));
+  if (rows[0].length > cols) throw new Error(`"${words}" needs ${rows[0].length} stitches; the swatch is ${cols} wide`);
+  const lead = Math.floor((cols - rows[0].length) / 2);
+  return rows.map((row) => (".".repeat(lead) + row).padEnd(cols, "."));
+}
+var plainRows = (n, cols, key = ".") => Array.from({ length: n }, () => key.repeat(cols));
+var MOTIF = {
+  zigzag: ["t...", ".t.t", "..t."],
+  dots: ["c."],
+  diamond: ["...y....", "..ycy...", ".yc.cy..", "yc.r.cy.", ".yc.cy..", "..ycy...", "...y...."],
+  flake: ["c..c..c.", ".c.c.c..", "..ccc...", "ccc.ccc.", "..ccc...", ".c.c.c..", "c..c..c."],
+  fir: ["...t....", "..ttt...", "...t....", "..ttt...", ".ttttt..", "...t...."],
+  cabin: [".....r......", "....rrr.....", "...rrrrr....", "..rrrrrrr...", "...ccycc....", "...ccycc....", "...ccccc...."]
+};
+var YARN = { ".": "knitNavy", c: "knitCream", r: "knitRust", y: "knitMustard", t: "knitTeal" };
+var knitSize = (s) => ({ w: s.chart[0].length * s.cell, h: s.chart.length * s.cell });
+function knit(k, parent, s) {
+  const { w, h } = knitSize(s), c = s.cell, cols = s.chart[0].length;
+  const id = k.stack(parent, { width: w, height: h, fill: "knitGap", clip: true, name: s.name ?? "Knit", ...s.absolute ? { absolute: s.absolute } : {} });
+  const stitch = (x) => [
+    poly3([{ x: x + c * 0.07, y: -c * 0.04 }, { x: x + c * 0.5, y: c * 0.4 }, { x: x + c * 0.5, y: c * 1.02 }, { x: x + c * 0.07, y: c * 0.58 }]),
+    poly3([{ x: x + c * 0.93, y: -c * 0.04 }, { x: x + c * 0.5, y: c * 0.4 }, { x: x + c * 0.5, y: c * 1.02 }, { x: x + c * 0.93, y: c * 0.58 }])
+  ];
+  for (let r = s.chart.length - 1; r >= 0; r--) {
+    const row = s.chart[r];
+    if (row.length !== cols) throw new Error(`knit: row ${r} is ${row.length} stitches, not ${cols}`);
+    const line = k.frame(id, { x: 0, y: r * c, width: w, height: c }, { name: "Knit row" });
+    const yarns = /* @__PURE__ */ new Map();
+    [...row].forEach((key, col) => {
+      const role = YARN[key];
+      if (!role) throw new Error(`knit: no yarn "${key}"`);
+      yarns.set(role, [...yarns.get(role) ?? [], ...stitch(col * c)]);
+    });
+    for (const [role, paths] of yarns) k.vector(line, w, c, paths, role, { name: "Stitches", absolute: { x: 0, y: 0 } });
+    k.vector(line, w, c, Array.from({ length: cols }, (_, col) => stitch(col * c)[1]), "knitGap", { name: "Stitch shade", opacity: 0.16, absolute: { x: 0, y: 0 } });
+  }
+  return id;
+}
+
+export {
+  cosyBrand,
+  CABIN,
+  cabin,
+  boxed,
+  placeCabin,
+  lampOn,
+  repeatChart,
+  letterChart,
+  plainRows,
+  MOTIF,
+  knitSize,
+  knit
+};

package/dist/chunks/chunk-L4WADBNM.js

@@ -0,0 +1,92 @@
+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 {
+  TIMETABLE_BRAND,
+  TIMETABLE_FIELDS,
+  classComponents,
+  legend,
+  week
+} from "./chunk-C65HTILR.js";
+import {
+  defineTemplate
+} from "./chunk-RCJYCZMT.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PN2PTI35.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/print/studio-class-timetable-poster.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SIDE = 48;
+var studio_class_timetable_poster_default = defineTemplate({
+  id: "print-studio-class-timetable",
+  meta: {
+    name: "Studio class timetable poster",
+    description: "An A3 poster of a yoga, strength and dance studio\u2019s week: seven day columns of classes coloured by kind, a key, and the prices, booking and first-visit notes. Each class is a component with its time, name and teacher, so next week is typed in rather than redrawn. Prints with bleed",
+    category: "poster",
+    tags: ["timetable", "schedule", "class schedule", "weekly", "gym", "yoga", "fitness", "dance", "studio", "noticeboard", "a3"],
+    platforms: ["print"],
+    formats: ["poster"],
+    useCases: ["planning", "announcement", "event"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  build() {
+    const k = new Kit("Studio class timetable poster", preset("a3"));
+    k.brand({ ...TIMETABLE_BRAND }, { ...TIMETABLE_FIELDS });
+    k.textStyle("Brand 26", { size: 26, fontWeight: 800, letterSpacing: 0.5, lineHeight: 32 });
+    k.textStyle("Title 120", { size: 120, fontWeight: 900, letterSpacing: -4.5, lineHeight: 112 });
+    k.textStyle("Week 32", { size: 32, fontWeight: 600, lineHeight: 40 });
+    k.textStyle("Day 24", { size: 24, fontWeight: 900, letterSpacing: 2, lineHeight: 28 });
+    k.textStyle("Time 18", { size: 18, fontWeight: 700, letterSpacing: 0.4, lineHeight: 22 });
+    k.textStyle("Class 20", { size: 20, fontWeight: 800, letterSpacing: -0.3, lineHeight: 23 });
+    k.textStyle("Teacher 16", { size: 16, fontWeight: 500, lineHeight: 20 });
+    k.textStyle("Key 20", { size: 20, fontWeight: 700, lineHeight: 24 });
+    k.textStyle("Note title 20", { size: 20, fontWeight: 800, letterSpacing: 1.6, lineHeight: 24 });
+    k.textStyle("Note 19", { size: 19, fontWeight: 500, lineHeight: 27 });
+    const type = { time: "Time 18", name: "Class 20", teacher: "Teacher 16", day: "Day 24", key: "Key 20" };
+    classComponents(k, { width: 136, pad: 14, radius: 12, type });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Poster");
+    k.flowSheet(sheet, 40, { top: SIDE, right: SIDE, bottom: SIDE, left: SIDE }, "paper", "SPACE_BETWEEN", "MIN");
+    const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 32, justify: "SPACE_BETWEEN", align: "MAX", fill: "primary", radius: 24, padding: 44, name: "Header" });
+    const words = k.stack(head, { gap: 16, name: "Header words" });
+    k.patch(words, { layoutSizingHorizontal: "FILL" });
+    const brand = k.stack(words, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Brand" });
+    k.logo(brand, 44, 44);
+    k.text(brand, "{{brand.name}}", { style: "Brand 26", color: "onPrimary", width: "FILL", name: "Studio" });
+    k.text(words, "This week\nat the studio", { style: "Title 120", color: "onPrimary", width: "FILL", name: "Title" });
+    k.text(words, "{{brand.week}}", { style: "Week 32", color: "onPrimary", width: "FILL", name: "Week of" });
+    const mark = k.frame(head, { x: 0, y: 0, width: 300, height: 300 }, { name: "Kinds mark" });
+    k.patch(mark, { layoutPositioning: "AUTO" });
+    ["card", "accent", "secondary", "paper"].forEach((role, i) => k.ellipse(mark, 150, role, { name: "Disc", absolute: { x: i % 2 * 150, y: Math.floor(i / 2) * 150 } }));
+    const body = k.stack(sheet, { gap: 28, name: "Body" });
+    legend(k, body, 32);
+    week(k, body, { gap: 12, rowGap: 12, type });
+    const notes = k.stack(sheet, { gap: 20, name: "Notes" });
+    k.rect(notes, "FILL", 3, "text", { name: "Notes rule" });
+    const cols = k.stack(notes, { direction: "HORIZONTAL", gap: 40, name: "Note columns" });
+    const note = (title, text) => {
+      const c = k.stack(cols, { gap: 8, name: "Note" });
+      k.patch(c, { layoutSizingHorizontal: "FILL" });
+      k.text(c, title, { style: "Note title 20", color: "text", width: "FILL", name: "Note title" });
+      k.text(c, text, { style: "Note 19", color: "onPaper", width: "FILL", name: "Note text" });
+    };
+    note("NEW HERE?", "Come ten minutes early and say hello. Mats, blocks and towels are on us; bring water.");
+    note("PRICES", "Drop in \xA312. Ten classes \xA3100, valid three months. Unlimited \xA368 a month.");
+    note("BOOKING", "{{brand.book}} or at the desk. Cancel up to two hours before and keep your credit.");
+    k.text(notes, "{{brand.address}}", { style: "Note title 20", color: "text", width: "FILL", name: "Address" });
+    return k.finish();
+  }
+});
+
+export {
+  studio_class_timetable_poster_default
+};