@popcraft/kit 0.31.0 → 0.32.0

package/dist/chunks/chunk-UWAMU3QI.js

@@ -0,0 +1,345 @@
+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 {
+  rig
+} from "./chunk-BJ7KIGYV.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  blackShadow
+} from "./chunk-M6VTXO6F.js";
+import {
+  box
+} from "./chunk-6RCDZU4R.js";
+import {
+  contextFrame,
+  init_scene3d,
+  sceneLayers
+} from "./chunk-NMFXCSU4.js";
+import {
+  init_transform3d,
+  mul4,
+  transform4,
+  zoomPx
+} from "./chunk-CK43FENV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/machined-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+init_scene3d();
+init_transform3d();
+var UNIT = { w: 840, h: 280, d: 460 };
+var PITCH = UNIT.h + 10;
+var FIELDS = { name: "Bulkhead", tagline: "The model gateway that stays up.", site: "bulkhead.example" };
+function machinedBrand(k, more = {}) {
+  k.brand(
+    { background: "#121416", text: "#F4F1EB", onBackground: "#B7B3AA", primary: "#FF5B1F", onPrimary: "#1C0A02", accent: "#B6F23A", onAccent: "#141A02", ...more },
+    FIELDS
+  );
+  k.palette({
+    metal: "#C3C6CA",
+    metalShade: "#9CA0A6",
+    metalDark: "#4E5258",
+    onMetal: "#15171A",
+    panel: "#0A0B0D",
+    panelFace: "#1D2024",
+    panelEdge: "#30343A",
+    onPanel: "#EEF6DA",
+    panelMuted: "#A3ABA0",
+    led: "#B6F23A",
+    fault: "#FF3B30",
+    route: "#FF5B1F",
+    board: "#12201B",
+    boardEdge: "#1F362D",
+    trace: "#D8A446",
+    chip: "#0B0D0E",
+    pin: "#C9CCD0"
+  });
+}
+var BRUSHED = `struct Params {
+  grain: f32,  // @range 0 1 @default 0.5
+  glint: f32,  // @range -0.6 1.6 @default 0.3
+  band: f32,   // @range 0.03 1 @default 0.22
+  sheen: f32,  // @range 0 1 @default 0.45
+  slant: f32,  // @range -1 1 @default 0.35
+}
+
+fn bm_hash(q: vec2<f32>) -> f32 { return fract(sin(dot(q, vec2<f32>(127.1, 311.7))) * 43758.5453); }
+
+// Value noise stretched along x: one row of streaks, each \`run\` px long.
+fn bm_row(px: vec2<f32>, rowH: f32, run: f32) -> f32 {
+  let row = floor(px.y / rowH);
+  let x = px.x / run + bm_hash(vec2<f32>(row, 7.0)) * 19.0;
+  let i = floor(x);
+  let f = fract(x);
+  let s = f * f * (3.0 - 2.0 * f);
+  return mix(bm_hash(vec2<f32>(i, row)), bm_hash(vec2<f32>(i + 1.0, row)), s);
+}
+
+fn shade(uv: vec2<f32>, res: vec2<f32>, time: f32) -> vec4<f32> {
+  let px = uv * res;
+  let n = 0.5 * bm_row(px, 1.0, 140.0) + 0.3 * bm_row(px, 2.0, 60.0) + 0.2 * bm_row(px, 5.0, 320.0);
+  let v = (n - 0.5) * 2.0 * p.grain;
+  let d = uv.x + (0.5 - uv.y) * p.slant * res.y / res.x - p.glint;
+  let g = exp(-(d * d) / (p.band * p.band)) * p.sheen * (0.75 + 0.5 * n);
+  let light = g + max(v, 0.0) * 0.4;
+  let dark = max(-v, 0.0) * 0.34;
+  let a = clamp(light + dark, 0.0, 1.0);
+  let c = light / max(light + dark, 0.0001);
+  return vec4<f32>(vec3<f32>(c), a);
+}`;
+var SHOP_LIGHT = `struct Params {
+  pool: vec2f,   // @default 0.5 0.4
+  reach: f32,    // @range 0.05 2 @default 0.6
+  glow: f32,     // @range 0 1 @default 0.16
+  shadow: f32,   // @range 0 1 @default 0.5
+  grain: f32,    // @range 0 1 @default 0.08
+  lamp: vec3f,   // @default 1 0.906 0.8
+}
+
+fn sl_hash(q: vec2<f32>) -> f32 { return fract(sin(dot(q, vec2<f32>(91.7, 263.3))) * 43758.5453); }
+
+fn shade(uv: vec2<f32>, res: vec2<f32>, time: f32) -> vec4<f32> {
+  let asp = vec2<f32>(res.x / res.y, 1.0);
+  let d = length((uv - p.pool) * asp);
+  let n = (sl_hash(floor(uv * res / 2.0)) - 0.5) * p.grain;
+  let light = p.glow * exp(-(d * d) / (p.reach * p.reach)) + max(n, 0.0);
+  let dark = p.shadow * smoothstep(0.3, 1.15, length((uv - vec2<f32>(0.5)) * asp)) + max(-n, 0.0);
+  let a = clamp(light + dark, 0.0, 1.0);
+  let c = p.lamp * (light / max(light + dark, 0.0001));
+  return vec4<f32>(c, a);
+}`;
+function finish(k, parent, w, h, o = {}) {
+  return k.rect(parent, w, h, k.shader("Brushed metal", { grain: o.grain ?? 0.5, glint: o.glint ?? 0.3, band: o.band ?? 0.22, sheen: o.sheen ?? 0.45, slant: o.slant ?? 0.35 }, BRUSHED), { name: o.name ?? "Finish", absolute: { x: 0, y: 0 } });
+}
+function shopLight(k, sheet, w, h, o = {}) {
+  return k.rect(sheet, w, h, k.shader("Shop light", { pool: { x: o.x ?? 0.5, y: o.y ?? 0.4 }, reach: o.reach ?? 0.6, glow: o.glow ?? 0.16, shadow: o.shadow ?? 0.5, grain: o.grain ?? 0, lamp: { x: 1, y: 0.906, z: 0.8 } }, SHOP_LIGHT), { name: "Shop light", absolute: { x: 0, y: 0 } });
+}
+function lights(s, o = {}) {
+  return [
+    { id: "fill", type: "AMBIENT", name: "Fill", color: { r: 0.9, g: 0.94, b: 1, a: 1 }, intensity: o.fill ?? 0.62, x: 0, y: 0, z: 0, targetX: 0, targetY: 0, targetZ: 0 },
+    { id: "key", type: "DIRECTIONAL", name: "Key", color: { r: 1, g: 0.96, b: 0.9, a: 1 }, intensity: o.key ?? 0.6, x: -s.W * 0.2, y: -s.H * 0.9, z: 1500, targetX: s.W / 2, targetY: s.H / 2, targetZ: 0 }
+  ];
+}
+var softShadow = (a, y, blur) => blackShadow(a, y, blur);
+function slots(cols, rows, sw, sh, gx, gy, x0 = 0, y0 = 0) {
+  const out = [];
+  for (let r = 0; r < rows; r++) for (let c = 0; c < cols; c++) out.push(box(x0 + c * (sw + gx), y0 + r * (sh + gy), sw, sh));
+  return out;
+}
+function ear(k, parent, x, edge, hole) {
+  const e = k.stack(parent, { width: 44, height: UNIT.h, fill: k.tint(edge, 0.35), name: "Rack ear", absolute: { x, y: 0 } });
+  for (const y of [34, UNIT.h - 62]) k.rect(e, 18, 28, hole, { radius: 9, name: "Mounting slot", absolute: { x: 13, y } });
+}
+function faceStyles(k) {
+  k.textStyle("Engraved 28", { size: 28, fontWeight: 800, letterSpacing: 0.4, lineHeight: 32 });
+  k.textStyle("Engraved mono 16", { ...MONO, size: 16, fontWeight: 600, letterSpacing: 0.4, lineHeight: 20, textCase: "UPPER" });
+  k.textStyle("Display label 16", { ...MONO, size: 16, fontWeight: 500, letterSpacing: 1, lineHeight: 20, textCase: "UPPER" });
+  k.textStyle("Display value 22", { ...MONO, size: 22, fontWeight: 700, lineHeight: 26 });
+}
+var PORTS = 8;
+var FAILED = 1;
+var LIVE = 2;
+function face(k, parent, o = {}) {
+  faceStyles(k);
+  const id = k.stack(parent, { direction: "HORIZONTAL", width: UNIT.w, height: UNIT.h, fill: "metal", radius: 6, clip: true, gap: 22, align: "CENTER", padding: { top: 0, right: 64, bottom: 0, left: 64 }, name: "Face", stroke: { color: "metalShade", width: 2, align: "INSIDE" } });
+  const fin = finish(k, id, UNIT.w, UNIT.h, o);
+  ear(k, id, 0, "metalShade", "metalDark");
+  ear(k, id, UNIT.w - 44, "metalShade", "metalDark");
+  const left = k.stack(id, { width: 214, height: UNIT.h, justify: "SPACE_BETWEEN", padding: { top: 30, right: 0, bottom: 30, left: 0 }, name: "Nameplate" });
+  const plate = k.stack(left, { gap: 8, name: "Name" });
+  const mark = k.stack(plate, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Mark row" });
+  const tile = k.stack(mark, { width: "HUG", fill: "route", radius: 9, padding: 8, name: "Logo tile" });
+  k.logo(tile, 28, 28);
+  k.text(mark, "{{brand.name}}", { style: "Engraved 28", color: "onMetal", name: "Unit name" });
+  k.text(plate, "BH-1 \xB7 Model gateway", { style: "Engraved mono 16", color: "onMetal", name: "Model line" });
+  const controls = k.stack(left, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Controls" });
+  const knob = k.stack(controls, { width: 64, height: 64, radius: 32, fill: "metalShade", align: "CENTER", justify: "CENTER", name: "Knob", stroke: { color: "metalDark", width: 3, align: "INSIDE" }, effects: [softShadow(0.35, 4, 8)] });
+  const cap = k.stack(knob, { width: 44, height: 44, radius: 22, fill: "metal", align: "CENTER", name: "Knob cap", padding: { top: 5, right: 0, bottom: 0, left: 0 } });
+  k.rect(cap, 4, 14, "route", { radius: 2, name: "Knob mark" });
+  for (const [i, on] of [true, false].entries()) {
+    const sw = k.stack(controls, { width: 26, height: 52, radius: 6, fill: "panel", padding: 4, justify: on ? "MIN" : "MAX", name: `Switch ${i + 1}` });
+    k.rect(sw, 18, 22, "metal", { radius: 3, name: "Lever" });
+  }
+  const pwr = k.stack(controls, { width: "HUG", gap: 6, align: "CENTER", name: "Power" });
+  k.ellipse(pwr, 12, "led", { name: "Power lamp" });
+  k.text(pwr, "PWR", { style: "Engraved mono 16", color: "onMetal", autoWidth: true, name: "Power label" });
+  const mid = k.stack(id, { width: 256, gap: 12, name: "Middle" });
+  const display = k.stack(mid, { fill: "panel", radius: 8, gap: 8, padding: { top: 14, right: 16, bottom: 14, left: 16 }, name: "Display", stroke: { color: "metalDark", width: 3, align: "OUTSIDE" } });
+  const line = (label, value, name, ink = "onPanel") => {
+    const row = k.stack(display, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: `${name} row` });
+    k.text(row, label, { style: "Display label 16", color: "panelMuted", width: 62, name: `${name} label` });
+    return k.text(row, value, { style: "Display value 22", color: ink, name });
+  };
+  const route = line("Route", "upstream-03", "Route");
+  const latency = line("P95", "38 ms", "Latency");
+  const status = k.text(display, "Failover in 38 ms", { style: "Display label 16", color: "led", name: "Status" });
+  k.vector(mid, 256, 34, slots(14, 2, 12, 12, 6.77, 10), "metalDark", { name: "Vent" });
+  const ports = k.stack(id, { width: 196, gap: 12, name: "Ports" });
+  const faults = [], markers = [];
+  for (let r = 0; r < 2; r++) {
+    const row = k.stack(ports, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: `Port row ${r + 1}` });
+    for (let c = 0; c < 4; c++) {
+      const i = r * 4 + c;
+      const port = k.stack(row, { width: 40, gap: 5, align: "CENTER", name: `Port ${i + 1}` });
+      const lamp = k.stack(port, { width: 12, height: 12, name: "Lamp" });
+      k.ellipse(lamp, 12, "led", { name: "Lamp on" });
+      const fault = k.ellipse(lamp, 12, "fault", { name: "Lamp fault", absolute: { x: 0, y: 0 }, opacity: i === FAILED ? 1 : 0 });
+      const jack = k.stack(port, { width: 40, height: 30, radius: 4, fill: "panel", justify: "MAX", align: "CENTER", padding: 4, name: "Jack", stroke: { color: "metalDark", width: 2, align: "INSIDE" } });
+      const marker = k.rect(jack, 24, 5, "route", { radius: 2, name: "Route marker", opacity: i === LIVE ? 1 : 0 });
+      k.text(port, String(i + 1).padStart(2, "0"), { style: "Engraved mono 16", color: "onMetal", align: "CENTER", name: "Port number" });
+      faults.push(fault);
+      markers.push(marker);
+    }
+  }
+  return { id, finish: fin, route, latency, status, faults, markers };
+}
+function blankPanel(k) {
+  if (k.hasComponent("Blank panel")) return;
+  k.component("Blank panel", {
+    direction: "HORIZONTAL",
+    width: UNIT.w,
+    height: UNIT.h,
+    fill: "panelFace",
+    radius: 6,
+    clip: true,
+    align: "CENTER",
+    justify: "SPACE_BETWEEN",
+    padding: { top: 0, right: 72, bottom: 0, left: 72 },
+    stroke: { color: "panelEdge", width: 2, align: "INSIDE" },
+    description: "A blank panel closing an empty bay of the rack: ears, a vent and one lamp."
+  }, (id) => {
+    ear(k, id, 0, "panelEdge", "panel");
+    ear(k, id, UNIT.w - 44, "panelEdge", "panel");
+    k.vector(id, 520, 150, slots(20, 6, 16, 10, 10.526, 18), "panel", { name: "Vent" });
+    const side = k.stack(id, { width: "HUG", gap: 14, align: "CENTER", name: "Lamps" });
+    k.ellipse(side, 12, "led", { name: "Lamp" });
+    k.rect(side, 44, 70, "panel", { radius: 6, name: "Handle", stroke: { color: "panelEdge", width: 2, align: "INSIDE" } });
+  });
+}
+var BOARDS = ["Router", "Cache", "Guardrails", "Meter"];
+var BOARD_NAMES = BOARDS;
+var BOARD_W = UNIT.w - 96;
+var BOARD_D = UNIT.d - 60;
+var LIFT = 96;
+function board(k, parent, i) {
+  const W = BOARD_W, D = BOARD_D;
+  const id = k.stack(parent, { width: W, height: D, fill: "board", radius: 10, clip: true, name: `${BOARDS[i]} board`, stroke: { color: "boardEdge", width: 3, align: "INSIDE" } });
+  const traces = [];
+  for (let t = 0; t < 9; t++) {
+    const y = 60 + t * 34 + (t * 7 + i * 13) % 11, jog = 120 + (t * 53 + i * 97) % (W - 320), drop = (t + i) % 2 ? 22 : -22;
+    traces.push({ closed: false, points: [{ x: 30, y }, { x: jog, y }, { x: jog + Math.abs(drop), y: y + drop }, { x: W - 30, y: y + drop }] });
+  }
+  k.vector(id, W, D, traces, "trace", { name: "Traces", strokeWidth: 3, opacity: 0.75, absolute: { x: 0, y: 0 } });
+  const chips = [[60 + i * 40, D - 190, 150, 110], [300 + i * 30, D - 170, 96, 96], [470 + i % 2 * 60, D - 200, 190, 80]];
+  for (const [j, [x, y, w, h]] of chips.entries()) {
+    k.vector(id, w + 16, h, slots(1, Math.floor(h / 14), w + 16, 6, 0, 8, 0, 4), "pin", { name: `Pins ${j + 1}`, absolute: { x: x - 8, y } });
+    const chip = k.stack(id, { width: w, height: h, fill: "chip", radius: 6, padding: 10, name: `Chip ${j + 1}`, absolute: { x, y }, stroke: { color: "boardEdge", width: 2, align: "INSIDE" } });
+    k.ellipse(chip, 10, "trace", { name: "Pin one" });
+  }
+  k.vector(id, 360, 26, slots(24, 1, 9, 26, 6.26, 0), "trace", { name: "Edge connector", absolute: { x: (W - 360) / 2, y: D - 30 } });
+  k.rect(id, 54 + i * 26, 12, "route", { radius: 3, name: "Board flag", absolute: { x: 30, y: D - 58 } });
+  return id;
+}
+function framing(k, scene, id, p) {
+  const sc = k.node(scene);
+  const n = k.node(id);
+  const reach = zoomPx(sc.scene3d.camera.focalLength, sc.width);
+  const ox = (sc.scene3d.originX ?? 0.5) * sc.width, oy = (sc.scene3d.originY ?? 0.5) * sc.height;
+  return {
+    translateX: Math.round(ox + (p.cx - ox) / p.scale - (n.x + n.width / 2)),
+    translateY: Math.round(oy + (p.cy - oy) / p.scale - (n.y + n.height / 2)),
+    z: Math.round(reach * (1 - 1 / p.scale))
+  };
+}
+function rack(k, scene, s, o) {
+  blankPanel(k);
+  const { w: W, h: H, d: D } = UNIT;
+  const r = rig(k, scene, s, "Rack", W, H, o.cx, o.cy);
+  k.patch(r, { ...framing(k, scene, r, o), rotateX: o.rotateX ?? -14, rotateY: o.rotateY ?? -24 });
+  const above = o.above ?? 2, below = o.below ?? 2;
+  const top = -above * PITCH - 40, tall = (above + below + 1) * PITCH + 70;
+  const side = k.rect(r, D, tall, "panel", { name: "Cabinet side" });
+  k.patch(side, { x: W + 30 - D / 2, y: top, rotateY: 90, material3d: { diffuse: 0.9 } });
+  for (let i = -above; i <= below; i++) {
+    const y = i * PITCH;
+    const bay = k.rect(r, W + 60, PITCH + 2, "panel", { name: i === 0 ? "Bay" : "Bay back" });
+    k.patch(bay, { x: -30, y: y - 6, z: D / 2 - 30 });
+    for (const x of [-30, W - 40]) {
+      const post = k.stack(r, { width: 70, height: PITCH, fill: "panelEdge", name: "Rack post" });
+      k.vector(post, 70, PITCH, slots(1, 8, 16, 16, 0, 20.25, 27, 10), "panel", { name: "Post holes", absolute: { x: 0, y: 0 } });
+      k.patch(post, { x, y: y - 5, z: D / 2 - 8 });
+    }
+    if (i === 0) continue;
+    const blank = k.instance(r, "Blank panel", {}, { name: `Blank ${i < 0 ? "above" : "below"} ${Math.abs(i)}` });
+    k.patch(blank, { x: 0, y, z: D / 2 });
+  }
+  const unit = k.group(r, { x: 0, y: 0, width: W, height: H }, { name: "Unit" });
+  k.patch(unit, { z: o.out ?? 0 });
+  const back = k.rect(unit, W, H, "metalShade", { name: "Back" });
+  k.patch(back, { z: -D / 2, rotateY: 180 });
+  const floor = k.rect(unit, W, D, "metalDark", { name: "Floor" });
+  k.patch(floor, { y: H - D / 2, rotateX: 90 });
+  for (const [name, x, turn] of [["Left side", -D / 2, -90], ["Right side", W - D / 2, 90]]) {
+    const wall = k.stack(unit, { width: D, height: H, fill: "metalShade", name, clip: true });
+    finish(k, wall, D, H, { glint: 0.7, sheen: 0.25, grain: 0.4 });
+    k.vector(wall, 220, 120, slots(10, 5, 14, 8, 8.9, 20), "metalDark", { name: "Side vent", absolute: { x: (D - 220) / 2, y: 80 } });
+    k.patch(wall, { x, y: 0, rotateY: turn });
+  }
+  const rise = BOARDS.map((_, i) => -(i + 1) * LIFT - (H - 60 - i * 50));
+  const boards = BOARDS.map((_, i) => {
+    const b = board(k, unit, i);
+    k.patch(b, { x: (W - BOARD_W) / 2, y: H - 60 - i * 50 - BOARD_D / 2, rotateX: 90, translateY: o.open ? rise[i] : 0, opacity: o.open ? 1 : 0, effects: [softShadow(0.4, 10, 24)] });
+    return b;
+  });
+  const lidRise = -(BOARDS.length + 1) * LIFT - 20;
+  const lid = k.stack(unit, { width: W, height: D, fill: "metal", radius: 6, clip: true, name: "Lid", stroke: { color: "metalShade", width: 2, align: "INSIDE" } });
+  const lidFinish = finish(k, lid, W, D, { glint: o.glint ?? 0.3, sheen: 0.5 });
+  k.vector(lid, 520, 150, slots(13, 5, 30, 8, 10.83, 27.5), "metalDark", { name: "Louvres", absolute: { x: 60, y: 70 } });
+  for (const [x, y] of [[26, 26], [W - 44, 26], [26, D - 44], [W - 44, D - 44], [W / 2 - 9, 26], [W / 2 - 9, D - 44]]) k.ellipse(lid, 18, "metalDark", { name: "Screw", absolute: { x, y } });
+  k.rect(lid, 150, 96, "route", { radius: 4, name: "Lid plate", absolute: { x: W - 230, y: 90 } });
+  k.rect(lid, 110, 8, "onMetal", { radius: 2, name: "Rating line", absolute: { x: W - 210, y: 112 } });
+  k.rect(lid, 76, 8, "onMetal", { radius: 2, name: "Rating line", absolute: { x: W - 210, y: 132 } });
+  k.patch(lid, { x: 0, y: -D / 2, rotateX: 90, translateY: o.open ? lidRise : 0, material3d: { specular: 0.5, shininess: 30 } });
+  const f = face(k, unit, { glint: o.glint });
+  k.patch(f.id, { z: D / 2, material3d: { specular: 0.4, shininess: 36 } });
+  return { rack: r, unit, face: f, lid, lidFinish, boards, rise, lidRise };
+}
+function seen(k, scene, id, x, y) {
+  const doc = k.finish();
+  const frame = contextFrame(doc.nodes[scene]);
+  const card = sceneLayers(doc.nodes, scene).find((l) => l.id === id);
+  if (!card) throw new Error(`seen: ${id} is not a layer of the scene`);
+  const p = transform4(mul4(frame.projection, mul4(frame.view, card.model)), x, y, 0);
+  return { x: p[0] / p[3], y: p[1] / p[3] };
+}
+
+export {
+  UNIT,
+  PITCH,
+  FIELDS,
+  machinedBrand,
+  BRUSHED,
+  SHOP_LIGHT,
+  finish,
+  shopLight,
+  lights,
+  PORTS,
+  FAILED,
+  LIVE,
+  face,
+  blankPanel,
+  BOARD_NAMES,
+  BOARD_W,
+  BOARD_D,
+  framing,
+  rack,
+  seen
+};

package/dist/chunks/chunk-UWP5NEDG.js

@@ -0,0 +1,267 @@
+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 {
+  disc,
+  draw,
+  flame,
+  flourishComponent,
+  pine,
+  polyP,
+  rectPath,
+  specksIn,
+  starPath
+} from "./chunk-YAIUTBXU.js";
+import {
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  rng
+} from "./chunk-6RCDZU4R.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-christmas-church-newsletter.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Christmas church newsletter";
+var W = 816;
+var H = 1056;
+var B = 12;
+var M = 48;
+var SERVICES = [
+  ["Sun 29 Nov", "10:00", "Advent Sunday Eucharist, with the lighting of the first candle"],
+  ["Sun 13 Dec", "18:00", "Nine Lessons and Carols by candlelight, with the choir"],
+  ["Sun 20 Dec", "16:00", "Christingle for families, with oranges and candles"],
+  ["Thu 24 Dec", "16:00", "Crib service. Come dressed as a shepherd, a sheep or a star"],
+  ["Thu 24 Dec", "23:30", "Midnight Mass"],
+  ["Fri 25 Dec", "10:00", "Christmas Day family communion (about 50 minutes)"]
+];
+var DIARY = [
+  ["Wed 2", "Giving tree goes up in the porch: take a tag, bring the gift back by 13 Dec"],
+  ["Sat 5", "Christmas fair, 10\u20132 in the hall. Cakes, books, a raffle and Santa"],
+  ["Tue 8", "Wreath-making with the flower team, 7 pm, greenery and cookies provided"],
+  ["Fri 11", "Riverside Elementary nativity in church, 2 pm (all welcome)"],
+  ["Sat 19", "Carol singing round the streets, meet on the church steps at 5 pm"],
+  ["Mon 21", "Hall decorated for Christmas Day lunch, 10 am, many hands needed"],
+  ["Sun 27", "One said service at 10:00, then the hall is closed until 4 Jan"]
+];
+function banner(w, top, h) {
+  const sx = w * 0.82, sy = top + h * 0.28;
+  const rays = [];
+  for (let i = 0; i < 16; i++) {
+    const a = i * Math.PI / 8, long = i === 4 ? h * 0.4 : i === 12 ? h * 0.6 : i % 4 === 0 ? h * 0.3 : h * 0.2;
+    const p = (r, da) => ({ x: sx + Math.cos(a + da) * r, y: sy + Math.sin(a + da) * r });
+    rays.push(polyP([p(8, -0.18), p(long, 0), p(8, 0.18)]));
+  }
+  const ground = top + h;
+  const hills = (y, amp, phase) => polyP([{ x: -B, y: ground }, ...Array.from({ length: 21 }, (_, i) => ({ x: -B + (w + 2 * B) * i / 20, y: y + Math.sin(i * 0.55 + phase) * amp + Math.sin(i * 1.3 + phase) * amp * 0.3 })), { x: w + B, y: ground }]);
+  const st = { x: w * 0.82 - w * 0.065, y: ground - h * 0.3, w: w * 0.13 };
+  const stable = [polyP([{ x: st.x - 14, y: st.y }, { x: st.x + st.w / 2, y: st.y - h * 0.13 }, { x: st.x + st.w + 14, y: st.y }]), rectPath(st.x, st.y, st.w, h * 0.22)];
+  const door = [rectPath(st.x + st.w * 0.36, st.y + h * 0.06, st.w * 0.28, h * 0.16)];
+  const star = (list) => list.map(([x, y], i) => starPath(w * x, top + h * y, i % 3 ? 3.2 : 5, i % 3 ? 1.3 : 2));
+  const trees = [0.08, 0.12, 0.9, 0.94].map((x, i) => polyP([{ x: w * x, y: ground - h * (0.36 + i % 2 * 0.06) }, { x: w * x + 16, y: ground - h * 0.12 }, { x: w * x - 16, y: ground - h * 0.12 }]));
+  return [
+    { name: "Night", paths: [rectPath(-B, -B, w + 2 * B, top + h + B - B)], color: "night" },
+    { name: "Rays", paths: rays, color: "gold", o: { opacity: 0.85 } },
+    { name: "Star", paths: [starPath(sx, sy, 20, 7, 8)], color: "cream" },
+    { name: "Stars", paths: star([[0.88, 0.18], [0.95, 0.46], [0.62, 0.1], [0.82, 0.6], [0.58, 0.5], [0.66, 0.66]]), color: "cream", o: { opacity: 0.8 } },
+    { name: "Stars", paths: star([[0.06, 0.05], [0.22, 0.07], [0.42, 0.04], [0.32, 0.09]]), color: "cream", o: { opacity: 0.8 } },
+    { name: "Stars", paths: star([[0.06, 0.6], [0.24, 0.56], [0.38, 0.62], [0.48, 0.54]]), color: "cream", o: { opacity: 0.8 } },
+    { name: "Far hills", paths: [hills(ground - h * 0.3, 10, 0.4)], color: "hillFar" },
+    { name: "Trees", paths: trees, color: "hillNear" },
+    { name: "Stable", paths: stable, color: "hillNear" },
+    { name: "Door light", paths: door, color: "gold" },
+    { name: "Near hills", paths: [hills(ground - h * 0.12, 7, 2.1)], color: "hillNear" }
+  ];
+}
+function wreath(cx, cy) {
+  const rx = 84, ry = 26;
+  const ring = Array.from({ length: 22 }, (_, i) => {
+    const a = i * 2 * Math.PI / 22, p = { x: cx + Math.cos(a) * rx, y: cy + Math.sin(a) * ry };
+    return pine({ x: p.x - Math.sin(a) * 14, y: p.y + Math.cos(a) * 5 }, { x: p.x, y: p.y - 4 }, { x: p.x + Math.sin(a) * 16, y: p.y - Math.cos(a) * 6 }, { needle: 11, seed: 60 + i, density: 0.35 });
+  });
+  const candle = (a, hgt) => {
+    const x = cx + Math.cos(a) * rx * 0.86, y = cy + Math.sin(a) * ry * 0.86;
+    return { body: rectPath(x - 7, y - hgt, 14, hgt), x, top: y - hgt };
+  };
+  const back = [candle(-Math.PI * 0.88, 56), candle(-Math.PI * 0.38, 54)], front = [candle(Math.PI * 0.62, 62), candle(Math.PI * 0.12, 60)];
+  const centre = { body: rectPath(cx - 8, cy - 86, 16, 86), x: cx, top: cy - 86 };
+  return [
+    { name: "Wreath back", paths: ring.slice(11).flatMap((r) => [...r.dark, ...r.light]), color: "pine", o: { strokeWidth: 2 } },
+    { name: "Candles back", paths: back.map((c) => c.body), color: "purple" },
+    { name: "Christ candle", paths: [centre.body], color: "wax", o: { stroke: { color: "line", width: 1 } } },
+    { name: "Wreath front", paths: ring.slice(0, 11).flatMap((r) => [...r.dark, ...r.light]), color: "pineLight", o: { strokeWidth: 2 } },
+    { name: "Candles front", paths: [front[1].body], color: "purple" },
+    { name: "Rose candle", paths: [front[0].body], color: "rose" },
+    { name: "Berries", paths: [0.3, 1.1, 1.9, 2.6, 3.5, 4.4, 5.2].map((a) => disc(cx + Math.cos(a) * rx, cy + Math.sin(a) * ry + 2, 3.2)), color: "primary" },
+    { name: "Flame", paths: [flame(front[1].x, front[1].top - 2, 10, 22)], color: "gold" }
+  ];
+}
+function street(w, top, h) {
+  const r = rng(77);
+  const houses = [], snow = [], windows = [];
+  let x = -B;
+  while (x < w + B) {
+    const hw = 70 + r() * 60, hh = h * (0.32 + r() * 0.16), roof = 26 + r() * 22, y = top + h - hh;
+    if (Math.abs(x + hw / 2 - w * 0.5) < 80) {
+      x += 90;
+      continue;
+    }
+    houses.push(polyP([{ x, y: top + h + B }, { x, y }, { x: x + hw / 2, y: y - roof }, { x: x + hw, y }, { x: x + hw, y: top + h + B }]));
+    snow.push(polyP([{ x: x - 4, y: y + 2 }, { x: x + hw / 2, y: y - roof - 3 }, { x: x + hw + 4, y: y + 2 }, { x: x + hw / 2, y: y - roof + 6 }]));
+    for (let i = 0; i < 2; i++) if (r() > 0.3) windows.push(rectPath(x + hw * (0.22 + i * 0.36), y + hh * 0.22, hw * 0.18, hw * 0.2));
+    x += hw + 6 + r() * 10;
+  }
+  const cx = w * 0.5, base = top + h + B;
+  const church = [rectPath(cx - 70, top + h * 0.42, 140, h * 0.58 + B), polyP([{ x: cx - 80, y: top + h * 0.43 }, { x: cx, y: top + h * 0.2 }, { x: cx + 80, y: top + h * 0.43 }]), rectPath(cx - 20, top - h * 0.02, 40, h * 0.5), polyP([{ x: cx - 24, y: top }, { x: cx, y: top - h * 0.3 }, { x: cx + 24, y: top }])];
+  const glass = [{ closed: true, points: [{ x: cx - 16, y: base - B - 10 }, { x: cx - 16, y: top + h * 0.62 }, { x: cx, y: top + h * 0.52 }, { x: cx + 16, y: top + h * 0.62 }, { x: cx + 16, y: base - B - 10 }] }, rectPath(cx - 6, top + h * 0.04, 12, 22)];
+  return [
+    { name: "Street sky", paths: [rectPath(-B, top - h * 0.36, w + 2 * B, h * 1.36 + B)], color: "night" },
+    { name: "Street stars", paths: [0.6, 0.7, 0.8, 0.9, 0.96].map((f, i) => starPath(w * f, top - h * (0.22 - i % 2 * 0.1), 4, 1.6)), color: "cream", o: { opacity: 0.8 } },
+    { name: "Spire star", paths: [starPath(cx, top - h * 0.36 + 2, 9, 3.4, 8)], color: "gold" },
+    { name: "Houses", paths: houses, color: "hillFar" },
+    { name: "Roof snow", paths: snow, color: "cream", o: { opacity: 0.85 } },
+    { name: "Windows", paths: windows, color: "gold" },
+    { name: "Church", paths: church, color: "hillNear" },
+    { name: "Church windows", paths: glass, color: "gold" }
+  ];
+}
+var holidays_christmas_church_newsletter_default = defineTemplate({
+  id: "print-holidays-christmas-church-newsletter",
+  meta: {
+    name: NAME,
+    description: "A two-sided parish newsletter for Advent and Christmas on US Letter: a woodcut night banner of the star over the stable, the vicar\u2019s letter beside every Christmas service, the giving tree, the month\u2019s diary, a Christmas Day lunch for neighbours, carol singing, a children\u2019s corner and notices. Service times and diary dates are components; the banner runs into the bleed",
+    category: "newspaper",
+    tags: ["christmas", "advent", "church", "parish", "newsletter", "services", "carols", "nativity", "community", "congregation", "bulletin", "print"],
+    platforms: ["print"],
+    formats: ["document"],
+    useCases: ["newsletter", "event"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  sequence: true,
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("us-letter"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#F6F0E3", text: "#1D2433", onPaper: "#8C2B2B", primary: "#8C2B2B", onPrimary: "#FFF8EC", line: "#CBBFA6", card: "#EDE3CF", onCard: "#1D2433" },
+      { name: "St Columba\u2019s, Riverside", site: "stcolumbariverside.org", phone: "(503) 555-0172" }
+    );
+    k.palette({ wax: "#FFFDF6", purple: "#5B3A7A", rose: "#D88FA6", pine: "#2F5A43", pineLight: "#4F7D5E", night: "#18233A", gold: "#E2B95A", cream: "#FFF8EC", hillFar: "#2A3A5A", hillNear: "#0F1626", tint: "#EDE3CF", fibre: "#B9A984" });
+    k.textStyle("Mast 64", { ...SERIF, size: 64, fontWeight: 700, letterSpacing: -1.6, lineHeight: 64 });
+    k.textStyle("Mast sub 12", { size: 12, fontWeight: 600, letterSpacing: 2.4, lineHeight: 16 });
+    k.textStyle("Parish 17", { ...SERIF, size: 17, fontWeight: 400, fontStyle: "italic", lineHeight: 22 });
+    k.textStyle("Head 24", { ...SERIF, size: 24, fontWeight: 700, letterSpacing: -0.3, lineHeight: 28 });
+    k.textStyle("Head 18", { ...SERIF, size: 18, fontWeight: 700, lineHeight: 22 });
+    k.textStyle("Kicker 10", { size: 10, fontWeight: 700, letterSpacing: 2, lineHeight: 14 });
+    k.textStyle("Body 12", { ...SERIF, size: 12, fontWeight: 400, lineHeight: 17.5 });
+    k.textStyle("Body i 12", { ...SERIF, size: 12, fontWeight: 400, fontStyle: "italic", lineHeight: 17.5 });
+    k.textStyle("Row 11", { size: 11, fontWeight: 600, lineHeight: 15, fontFeatures: { tnum: 1 } });
+    k.textStyle("Row text 11", { ...SERIF, size: 11.5, fontWeight: 400, lineHeight: 15 });
+    k.textStyle("Foot 10", { size: 10, fontWeight: 500, letterSpacing: 0.6, lineHeight: 14 });
+    flourishComponent(k, "Star rule", "primary", starPath(0, 0, 10, 4.2), { rule: 40 });
+    k.component("Service", { direction: "HORIZONTAL", gap: 10, width: 300, padding: { top: 7, right: 0, bottom: 7, left: 0 }, props: { Day: "Sun 1 Dec", Time: "10:00", What: "Service" } }, (id) => {
+      const when = k.stack(id, { width: 74, gap: 1, name: "When" });
+      k.propText(when, "Day", { style: "Row 11", color: "onCard", name: "Day" });
+      k.propText(when, "Time", { style: "Row 11", color: "onCard", name: "Time" });
+      k.propText(id, "What", { style: "Row text 11", color: "onCard", width: "FILL", name: "What" });
+    });
+    k.component("Diary date", { direction: "HORIZONTAL", gap: 12, width: 440, padding: { top: 6, right: 0, bottom: 6, left: 0 }, props: { Date: "Mon 1", What: "What is on" } }, (id) => {
+      k.propText(id, "Date", { style: "Row 11", color: "onPaper", width: 52, name: "Date" });
+      k.propText(id, "What", { style: "Row text 11", color: "text", width: "FILL", name: "What" });
+    });
+    const sectionHead = (parent, kicker, title, style = "Head 24", on = "paper") => {
+      k.text(parent, kicker, { style: "Kicker 10", color: on === "card" ? "onCard" : "onPaper", width: "FILL", name: "Kicker" });
+      k.text(parent, title, { style, color: on === "card" ? "onCard" : "text", width: "FILL", name: "Heading" });
+    };
+    const one = k.sheet;
+    k.nameSheet(one, "Side one");
+    const BANNER = 300;
+    k.flowSheet(one, 18, { top: 36, right: M, bottom: M, left: M }, "paper", "MIN", "MIN");
+    draw(k, one, banner(W, 0, BANNER));
+    const mast = k.stack(one, { width: "FILL", height: BANNER - 36, gap: 6, name: "Masthead" });
+    k.text(mast, "ADVENT & CHRISTMAS 2026 \xB7 ISSUE 48", { style: "Mast sub 12", color: "gold", autoWidth: true, name: "Issue" });
+    k.text(mast, "The Lamplighter", { style: "Mast 64", color: "cream", autoWidth: true, name: "Title" });
+    k.text(mast, "News and services from {{brand.name}}", { style: "Parish 17", color: "cream", autoWidth: true, name: "Parish" });
+    const cols = k.stack(one, { direction: "HORIZONTAL", gap: 30, width: "FILL", name: "Columns" });
+    const left = k.stack(cols, { width: "FILL", gap: 10, name: "Letter" });
+    sectionHead(left, "FROM THE RECTORY", "Make room");
+    for (const [i, p] of [
+      "Every year somebody asks me why we bother with Advent when the shops have had Christmas since Halloween. My answer is that Advent is the season of making room: in the diary, in the house, in ourselves, for a child who arrived to a town with no space for him.",
+      "This December, I want to ask each of us to make a little room for someone else. Take a tag from the giving tree. Bring a neighbour to the carol service, especially one who has not set foot in church since their own school nativity. Come and peel potatoes on Christmas morning, and stay for lunch.",
+      "The candle we light on Advent Sunday is small. By Christmas there are five, and the church is full of light. That is how it works: one at a time, and together. I look forward to seeing you, and to meeting whoever you bring."
+    ].entries()) k.text(left, p, { style: i === 2 ? "Body 12" : "Body 12", color: "text", width: "FILL", name: "Paragraph" });
+    k.text(left, "The Rev. Ruth Adeyemi, Rector", { style: "Body i 12", color: "text", width: "FILL", name: "Signature" });
+    k.instance(left, "Star rule", {}, { name: "Divider" });
+    sectionHead(left, "THE GIVING TREE", "Two hundred tags, two hundred gifts", "Head 18");
+    k.text(left, "Each tag on the tree in the porch names a gift asked for by a family the Riverside Food Bank supports: a winter coat, a football, a set of felt-tips. Take a tag, wrap the gift, tie the tag on, and bring it back by Sunday 13 December. Last year all 184 went.", { style: "Body 12", color: "text", width: "FILL", name: "Paragraph" });
+    const right = k.stack(cols, { width: 300, gap: 4, padding: 18, fill: "card", name: "Services box" });
+    sectionHead(right, "COME AND CELEBRATE", "Christmas services", "Head 18", "card");
+    k.stack(right, { height: 4, name: "Gap" });
+    for (const [day, time, what] of SERVICES) {
+      k.instance(right, "Service", { Day: day, Time: time, What: what }, { name: "Service", width: "FILL" });
+      k.rect(right, "FILL", 1, "line", { name: "Hairline" });
+    }
+    k.stack(right, { height: 6, name: "Gap" });
+    k.text(right, "Every service has a step-free way in by the north door, a loop for hearing aids and large-print sheets. Children are always welcome, noise and all.", { style: "Body i 12", color: "onCard", width: "FILL", name: "Access" });
+    const wr = k.stack(one, { direction: "HORIZONTAL", gap: 26, width: "FILL", padding: { top: 16, right: 20, bottom: 16, left: 12 }, align: "CENTER", stroke: { color: "line", width: 1 }, name: "Wreath feature" });
+    const wa = k.stack(wr, { width: 210, height: 150, name: "Wreath art" });
+    draw(k, wa, wreath(105, 112));
+    const wt = k.stack(wr, { width: "FILL", gap: 6, name: "Wreath text" });
+    k.text(wt, "THE ADVENT WREATH", { style: "Kicker 10", color: "onPaper", width: "FILL", name: "Kicker" });
+    k.text(wt, "One more candle each Sunday", { style: "Head 18", color: "text", width: "FILL", name: "Heading" });
+    k.text(wt, "Hope on 29 November, peace on 6 December, joy on the 13th (the rose-pink one), love on the 20th, and the white Christ candle in the middle at midnight on Christmas Eve. Children who would like to light one, see the sacristan before the service.", { style: "Body 12", color: "text", width: "FILL", name: "Paragraph" });
+    const two = k.addSheet(preset("us-letter"), "Side two");
+    k.flowSheet(two, 18, { top: 76, right: M, bottom: M, left: M }, "paper", "MIN", "MIN");
+    draw(k, two, [
+      { name: "Band", paths: [rectPath(-B, -B, W + 2 * B, 40 + B)], color: "night" },
+      { name: "Band stars", paths: [0.1, 0.3, 0.5, 0.7, 0.9].map((x) => starPath(W * x, 20, 6, 2.4, 8)), color: "gold" },
+      ...[0, 1].map((i) => ({ name: "Fibre", paths: specksIn({ x: -B, y: 940 + i * 60, w: W + 2 * B, h: 60 }, 900, 30 + i, 1.6), color: "fibre", o: { opacity: 0.4 } }))
+    ]);
+    const row = k.stack(two, { direction: "HORIZONTAL", gap: 30, width: "FILL", name: "Columns" });
+    const diary = k.stack(row, { width: "FILL", gap: 2, name: "Diary" });
+    sectionHead(diary, "DECEMBER AT ST COLUMBA\u2019S", "Diary");
+    k.stack(diary, { height: 6, name: "Gap" });
+    for (const [d, what] of DIARY) {
+      k.instance(diary, "Diary date", { Date: d, What: what }, { name: "Diary date", width: "FILL" });
+      k.rect(diary, "FILL", 1, "line", { name: "Hairline" });
+    }
+    const side = k.stack(row, { width: 250, gap: 10, padding: 18, fill: "primary", name: "Lunch box" });
+    k.text(side, "CHRISTMAS DAY", { style: "Kicker 10", color: "onPrimary", width: "FILL", name: "Kicker" });
+    k.text(side, "Lunch for anyone on their own", { style: "Head 18", color: "onPrimary", width: "FILL", name: "Heading" });
+    k.text(side, "Turkey or nut roast with everything, pie, crackers and carols round the tree, in the hall from 12:30. It is free, and there is a lift there and back. Tell Margaret by 18 December, or tell us about a neighbour and we will ask them.", { style: "Body 12", color: "onPrimary", width: "FILL", name: "Paragraph" });
+    k.text(side, "Margaret Holt \xB7 (503) 555-0139", { style: "Row 11", color: "onPrimary", width: "FILL", name: "Contact" });
+    k.instance(two, "Star rule", {}, { name: "Divider" });
+    const row2 = k.stack(two, { direction: "HORIZONTAL", gap: 30, width: "FILL", name: "Columns" });
+    const carols = k.stack(row2, { width: "FILL", gap: 8, name: "Carols" });
+    sectionHead(carols, "SATURDAY 19 DECEMBER", "Carols round Riverside", "Head 18");
+    k.text(carols, "We sing our way down Alder Street to the care home on Birch Lane, where the residents choose the next three. Torches and tambourines welcome. Collecting for the Riverside Food Bank; hot chocolate in the hall afterwards.", { style: "Body 12", color: "text", width: "FILL", name: "Paragraph" });
+    const kids = k.stack(row2, { width: "FILL", gap: 8, name: "Kids" });
+    sectionHead(kids, "CHILDREN\u2019S CORNER", "Find the five stars", "Head 18");
+    k.text(kids, "Five paper stars are hiding in church this Advent, one on each Sunday. Find them all, tell Mrs. Okoro at the door, and collect a chocolate coin and a sticker for your Christingle.", { style: "Body 12", color: "text", width: "FILL", name: "Paragraph" });
+    const notices = k.stack(two, { width: "FILL", gap: 6, padding: 16, fill: "card", name: "Notices" });
+    k.text(notices, "NOTICES", { style: "Kicker 10", color: "onCard", width: "FILL", name: "Kicker" });
+    k.text(notices, "The office is closed from 24 December to 4 January; for funerals and emergencies call the rectory. Flowers in memory of loved ones can be given for Christmas: $10 in an envelope marked with their name. The hall heating is fixed, thank you to all who gave.", { style: "Body 12", color: "onCard", width: "FILL", name: "Paragraph" });
+    draw(k, two, street(W, H - 250, 250));
+    const foot = k.stack(two, { width: "FILL", height: "FILL", justify: "MAX", align: "MIN", gap: 6, padding: { top: 0, right: 0, bottom: 150, left: 0 }, name: "Foot" });
+    k.text(foot, "All are welcome, whoever and wherever you are.", { style: "Parish 17", color: "cream", width: 320, name: "Welcome" });
+    k.text(foot, "{{brand.name}} \xB7 220 Alder Street, Portland OR 97202\n{{brand.phone}} \xB7 {{brand.site}}", { style: "Foot 10", color: "cream", width: 320, name: "Footer" });
+    return k.finish();
+  }
+});
+
+export {
+  holidays_christmas_church_newsletter_default
+};