@popcraft/kit 0.35.1 → 0.35.2

package/dist/chunks/chunk-GYIJSEKL.js

@@ -0,0 +1,487 @@
+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 {
+  fitRain,
+  fitScanlines,
+  rain,
+  scanlines
+} from "./chunk-3QVOF5AJ.js";
+import {
+  RADIAL,
+  bloom,
+  hardShadow,
+  shadow
+} from "./chunk-ZCSJ44TU.js";
+import {
+  box,
+  lcg,
+  line,
+  poly,
+  pt
+} from "./chunk-47NL7EPT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-APZ7CG5P.js";
+
+// templates/src/themes/cyberpunk-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function cyberBrand(k, fields = {}) {
+  k.brand(
+    {
+      paper: "#07080D",
+      text: "#F2F6F5",
+      onPaper: "#B9C6CC",
+      primary: "#FCE300",
+      onPrimary: "#0B0B0B",
+      secondary: "#00E5FF",
+      onSecondary: "#031318",
+      accent: "#FF2E88",
+      onAccent: "#16020B",
+      card: "#0C111B",
+      onCard: "#EAF4F6"
+    },
+    { name: "Deadbolt", site: "deadbolt.example", ...fields }
+  );
+  k.palette({ night: "#03040A", dusk: "#0B2A36", tower: "#0F1930", spire: "#172543", slab: "#06080F", ledge: "#141D30", lit: "#8DF3FF", ember: "#FF6FAE", wet: "#060B16", scan: "#000000", core: "#F2FFFF" });
+}
+var STROKES = [
+  [0, 0, 2, 0],
+  [0, 1, 2, 1],
+  [0, 2, 2, 2],
+  [0, 0, 0, 2],
+  [1, 0, 1, 2],
+  [2, 0, 2, 2],
+  [0, 0, 1, 0],
+  [1, 1, 2, 1],
+  [0, 1, 0, 2],
+  [2, 0, 2, 1],
+  [1, 1, 1, 2],
+  [0, 2, 1, 2],
+  [1, 0, 2, 1],
+  [0, 1, 1, 2],
+  [0, 0, 1, 1]
+];
+function glyph(next, x, y, g) {
+  const n = 3 + Math.floor(next() * 3);
+  const picked = /* @__PURE__ */ new Set();
+  while (picked.size < n) picked.add(Math.floor(next() * STROKES.length));
+  return [...picked].map((i) => {
+    const [a, b, c, d] = STROKES[i];
+    return line(x + a * g / 2, y + b * g / 2, x + c * g / 2, y + d * g / 2);
+  });
+}
+function sign(s) {
+  const next = lcg(s.seed);
+  const pad = s.g * 0.42, adv = s.g * 1.5;
+  const run = s.n * adv - (adv - s.g) + pad * 2, across = s.g + pad * 2;
+  const w = s.vertical ? across : run, h = s.vertical ? run : across;
+  const tube = [box(s.x, s.y, w, h)];
+  for (let i = 0; i < s.n; i++) tube.push(...glyph(next, s.x + pad + (s.vertical ? 0 : i * adv), s.y + pad + (s.vertical ? i * adv : 0), s.g));
+  return { back: box(s.x - 3, s.y - 3, w + 6, h + 6), tube, cx: s.x + w / 2, w, neon: s.neon };
+}
+function courierBox(w, h, o = {}) {
+  const hz = Math.round(h * (o.horizon ?? 0.78));
+  const fh = Math.round(o.figure ? h * o.figure : Math.min(h * 0.15, w * 0.3));
+  return { x: Math.round(w * 0.5 - fh * 5 / 12), y: hz + Math.round(fh * 0.22) - fh, width: Math.round(fh * 100 / 120), height: fh };
+}
+function stampBeside(c, sw, inset = 0) {
+  return { x: Math.round(inset + c.x + c.width * 0.3 - 8 - sw), y: Math.round(c.y + c.height * 0.7) };
+}
+function stampUnder(c, sw, inset = 0) {
+  return { x: Math.round(inset + c.x + c.width / 2 - sw / 2), y: Math.round(c.y + c.height + 8 + sw * 0.061) };
+}
+function holoBox(w, h, o) {
+  const hz = Math.round(h * (o.horizon ?? 0.78)), u = Math.min(w, hz * 1.1);
+  const xL = Math.round(Math.min(w * 0.24, u * 0.3));
+  const hw = Math.round(o.holoSize ?? Math.min(u * 0.34, (w - 2 * xL) * 0.62)), hh = Math.round(hw * 1.12);
+  return { x: Math.round(w * 0.5 - hw / 2), y: Math.round(h * (o.holo || 0) - hh / 2), width: hw, height: hh };
+}
+function courierPaths(s) {
+  const P = (pts) => poly(pts.map(([x, y]) => [x * s, y * s]));
+  return [
+    P([[4, 30], [14, 16], [30, 6], [50, 2], [70, 6], [86, 16], [96, 30], [80, 27], [65, 30], [50, 27], [35, 30], [20, 27]]),
+    P([[49, 26], [51, 26], [51, 58], [49, 58]]),
+    P([[43, 38], [46, 33], [54, 33], [57, 38], [57, 46], [43, 46]]),
+    P([[38, 46], [62, 46], [68, 58], [70, 94], [62, 96], [60, 120], [53, 120], [50, 98], [47, 120], [40, 120], [38, 96], [30, 94], [32, 58]]),
+    P([[68, 84], [82, 84], [82, 98], [68, 98]])
+  ];
+}
+function streetGeo(w, h, o) {
+  const hz = Math.round(h * (o.horizon ?? 0.78));
+  const full = { x: 0, y: 0, width: w, height: h };
+  const road = { x: 0, y: hz, width: w, height: h - hz };
+  const u = Math.min(w, hz * 1.1);
+  const xL = Math.round(Math.min(w * 0.24, u * 0.3)), xR = w - xL;
+  const g = Math.max(10, Math.round(u * 0.05));
+  const next = lcg(7);
+  const towers = [], spires = [], windows = [], embers = [];
+  for (let x = -10; x < w; ) {
+    const bw = u * (0.06 + next() * 0.09), bh = hz * (0.3 + next() * 0.5);
+    towers.push(box(x, hz - bh, bw, bh));
+    if (next() > 0.5) towers.push(box(x + bw * 0.45, hz - bh - hz * 0.07, Math.max(2, bw * 0.06), hz * 0.07));
+    const cw = Math.max(3, u * 8e-3), ch = Math.max(2, u * 5e-3), stepX = cw * 2.2, stepY = ch * 3.4;
+    for (let wy = hz - bh + stepY; wy < hz - stepY; wy += stepY) for (let wx = x + stepX * 0.6; wx < x + bw - stepX; wx += stepX) {
+      const r = next();
+      if (r > 0.86) windows.push(box(wx, wy, cw, ch));
+      else if (r < 0.025) embers.push(box(wx, wy, cw, ch));
+    }
+    x += bw + u * 4e-3;
+  }
+  const mid = lcg(23);
+  for (let x = xL * 0.6; x < xR; ) {
+    const bw = u * (0.09 + mid() * 0.1), bh = hz * (0.16 + mid() * 0.26);
+    spires.push(box(x, hz - bh, bw, bh));
+    if (mid() > 0.4) spires.push(poly([[x + bw * 0.2, hz - bh], [x + bw * 0.5, hz - bh - hz * 0.05], [x + bw * 0.8, hz - bh]]));
+    x += bw + u * 0.02;
+  }
+  const slabs = [
+    poly([[0, 0], [xL * 0.8, 0], [xL * 0.8, hz * 0.16], [xL, hz * 0.16], [xL, hz], [0, hz]]),
+    poly([[w, 0], [xR + xL * 0.1, 0], [xR + xL * 0.1, hz * 0.3], [xR, hz * 0.3], [xR, hz], [w, hz]])
+  ];
+  const ledges = [], slits = [];
+  const led = lcg(51);
+  for (let y = hz * 0.08; y < hz - 6; y += hz * 0.075) {
+    ledges.push(box(0, y, xL * (y < hz * 0.16 ? 0.8 : 1), Math.max(2, u * 4e-3)));
+    ledges.push(box(y < hz * 0.3 ? xR + xL * 0.1 : xR, y + hz * 0.03, xL, Math.max(2, u * 4e-3)));
+    for (const side of [0, 1]) if (led() > 0.45) {
+      const sx = side ? xR + xL * (0.25 + led() * 0.45) : xL * (0.08 + led() * 0.45);
+      slits.push(box(sx, y + hz * 0.02, xL * 0.16, Math.max(3, hz * 0.012)));
+    }
+  }
+  const panes = [], paneLit = [];
+  const pw = Math.max(4, xL * 0.075), ph = Math.max(5, hz * 0.018);
+  for (let y = hz * 0.03; y < hz * 0.86; y += ph * 2.1) for (let i = 0; i < 7; i++) for (const side of [0, 1]) {
+    const px = side ? xR + xL * 0.16 + i * pw * 1.7 : xL * 0.06 + i * pw * 1.7;
+    if (side ? px + pw > w : px + pw > xL * 0.78) continue;
+    const r = led();
+    if (r > 0.93) paneLit.push(box(px, y, pw, ph));
+    else if (r > 0.25) panes.push(box(px, y, pw, ph));
+  }
+  ledges.push(box(xL * 0.62, 0, Math.max(3, u * 8e-3), hz), box(xR + xL * 0.3, 0, Math.max(3, u * 6e-3), hz));
+  ledges.push(poly([[0, hz * 0.9], [xL * 1.18, hz * 0.915], [xL * 1.18, hz * 0.93], [0, hz * 0.925]]), poly([[w, hz * 0.87], [xR - xL * 0.2, hz * 0.89], [xR - xL * 0.2, hz * 0.905], [w, hz * 0.895]]));
+  const specs = [
+    { neon: "accent", x: xL - g * 0.9, y: hz * 0.07, n: 5, g: g * 1.15, vertical: true, seed: 101 },
+    { neon: "secondary", x: xL + g * 1.5, y: hz * 0.36, n: 3, g: g * 0.8, vertical: true, seed: 131 },
+    { neon: "primary", x: xL * 0.08, y: hz * 0.6, n: 3, g: g * 0.95, vertical: false, seed: 149 },
+    { neon: "secondary", x: xR - g * 1.2, y: hz * 0.04, n: 6, g, vertical: true, seed: 211 },
+    { neon: "accent", x: xR - g * 2.6, y: hz * 0.53, n: 3, g: g * 0.9, vertical: false, seed: 239 },
+    { neon: "primary", x: xR + g * 1.4, y: hz * 0.64, n: 3, g: g * 0.8, vertical: true, seed: 263 },
+    ...o.sparse ? [] : [
+      { neon: "primary", x: xL * 0.1, y: hz * 0.22, n: 2, g: g * 0.9, vertical: false, seed: 307 },
+      { neon: "accent", x: xL * 0.12, y: hz * 0.77, n: 2, g: g * 1.1, vertical: false, seed: 331 },
+      { neon: "secondary", x: xR + g * 0.4, y: hz * 0.79, n: 2, g: g * 0.85, vertical: false, seed: 353 }
+    ]
+  ];
+  const signs = specs.map(sign);
+  const tubes = (neon) => signs.filter((s) => s.neon === neon).flatMap((s) => s.tube);
+  const streaks = (neon) => {
+    const r = lcg(neon.length * 97);
+    return signs.filter((s) => s.neon === neon).flatMap((s) => {
+      const sw = Math.min(s.w * 0.3, g * 0.6);
+      return [box(s.cx - sw * 1.3, 0, sw, road.height * (0.45 + r() * 0.55)), box(s.cx + sw * 0.3, 0, sw * 0.6, road.height * (0.3 + r() * 0.4))];
+    });
+  };
+  const rip = lcg(77);
+  const ripples = [];
+  for (let y = 4; y < road.height; y += 5 + rip() * (9 + y * 0.05)) ripples.push(box(rip() * w * 0.3 - w * 0.1, y, w * (0.5 + rip() * 0.7), 1.5 + rip() * 2.5));
+  const cable = (y1, y2, sag) => ({ closed: false, points: Array.from({ length: 13 }, (_, i) => {
+    const t = i / 12;
+    return pt(xL * 0.8 + (xR - xL * 0.6) * t, y1 + (y2 - y1) * t + sag * 4 * t * (1 - t));
+  }) });
+  const cables = [cable(hz * 0.2, hz * 0.14, hz * 0.07), cable(hz * 0.31, hz * 0.4, hz * 0.05), cable(hz * 0.02, hz * 0.24, hz * 0.09)];
+  const vx = w * 0.5;
+  const lanes = [-1.7, -0.9, -0.3, 0.3, 0.9, 1.7].map((f) => line(vx + f * w * 0.04, 0, vx + f * w * 0.62, road.height));
+  const gl = lcg(313);
+  const glints = [];
+  for (let i = 0; i < Math.round(w / 40); i++) {
+    const y = road.height * (0.04 + gl() * gl() * 0.9), len = w * (0.02 + y / road.height * 0.07) * (0.5 + gl());
+    glints.push(box(gl() * w, y, len, 1.5 + y / road.height * 2.5));
+  }
+  const out = {
+    Sky: full,
+    Haze: { x: Math.round(w * 0.5 - u * 0.75), y: Math.round(hz - u * 0.62), width: Math.round(u * 1.5), height: Math.round(u * 1.1) },
+    "Towers far": { ...full, paths: towers },
+    "Windows far": { ...full, paths: windows },
+    "Windows ember": { ...full, paths: embers },
+    "Towers mid": { ...full, paths: spires },
+    Cables: { ...full, paths: cables },
+    Buildings: { ...full, paths: slabs },
+    Ledges: { ...full, paths: ledges },
+    Panes: { ...full, paths: panes },
+    "Panes lit": { ...full, paths: paneLit },
+    Slits: { ...full, paths: slits },
+    "Sign backs": { ...full, paths: signs.map((s) => s.back) },
+    "Halo accent": { ...full, paths: tubes("accent") },
+    "Halo secondary": { ...full, paths: tubes("secondary") },
+    "Halo primary": { ...full, paths: tubes("primary") },
+    "Neon accent": { ...full, paths: tubes("accent") },
+    "Neon secondary": { ...full, paths: tubes("secondary") },
+    "Neon primary": { ...full, paths: tubes("primary") },
+    Road: road,
+    Lanes: { ...road, paths: lanes },
+    "Wet accent": { ...road, paths: streaks("accent") },
+    "Wet secondary": { ...road, paths: streaks("secondary") },
+    "Wet primary": { ...road, paths: streaks("primary") },
+    Ripples: { ...road, paths: ripples },
+    Glints: { ...road, paths: glints },
+    Mist: { x: 0, y: Math.round(hz * 0.86), width: w, height: hz - Math.round(hz * 0.86) },
+    "Road shine": road
+  };
+  if (o.holo !== false && o.holo !== void 0) {
+    const { x: hx, y: hy, width: hw, height: hh } = holoBox(w, h, o);
+    const cx = hw / 2;
+    const lines = [box(0, 0, hw, hh)];
+    for (let y = hh * 0.08; y < hh; y += hh * 0.06) lines.push(line(hw * 0.06, y, hw * 0.94, y));
+    out["Holo beam"] = { x: hx - hw * 0.1, y: hy + hh, width: hw * 1.2, height: Math.max(10, hz - hy - hh), paths: [poly([[hw * 0.1, 0], [hw * 1.1, 0], [hw * 0.66, Math.max(10, hz - hy - hh)], [hw * 0.54, Math.max(10, hz - hy - hh)]])] };
+    out["Holo panel"] = { x: hx, y: hy, width: hw, height: hh };
+    out["Holo scan"] = { x: hx, y: hy, width: hw, height: hh, paths: lines };
+    out["Holo lock"] = { x: hx, y: hy, width: hw, height: hh, paths: [
+      poly([[cx - hw * 0.14, hh * 0.46], [cx - hw * 0.14, hh * 0.3], [cx - hw * 0.07, hh * 0.2], [cx + hw * 0.07, hh * 0.2], [cx + hw * 0.14, hh * 0.3], [cx + hw * 0.14, hh * 0.46]], false),
+      box(cx - hw * 0.22, hh * 0.46, hw * 0.44, hh * 0.34),
+      line(cx, hh * 0.56, cx, hh * 0.7),
+      poly([[cx - hw * 0.03, hh * 0.56], [cx + hw * 0.03, hh * 0.56]], false)
+    ] };
+    out["Holo core"] = out["Holo lock"];
+  }
+  if (o.courier !== false) {
+    const c = courierBox(w, h, o);
+    out.Courier = { ...c, paths: courierPaths(c.height / 120) };
+    out["Courier wet"] = { x: c.x + c.width * 0.3, y: c.y + c.height, width: c.width * 0.4, height: Math.min(h - c.y - c.height, c.height * 0.9), paths: [box(0, 0, c.width * 0.4, Math.min(h - c.y - c.height, c.height * 0.9))] };
+  }
+  return out;
+}
+function street(k, parent, w, h, o = {}) {
+  const id = o.flow ? k.stack(parent, { width: w, height: h, clip: true, fill: "night", radius: o.radius ?? 0, name: o.name ?? "Street" }) : k.frame(parent, { x: o.at?.x ?? 0, y: o.at?.y ?? 0, width: w, height: h }, { clip: true, fill: "night", radius: o.radius ?? 0, name: o.name ?? "Street" });
+  const geo = streetGeo(w, h, o);
+  const s = Math.max(0.45, Math.min(w, h * 0.75) / 1080);
+  const at = (name) => ({ name, absolute: { x: geo[name].x, y: geo[name].y } });
+  const fill = (name, color, more = {}) => geo[name] && k.vector(id, geo[name].width, geo[name].height, geo[name].paths, color, { ...at(name), ...more });
+  const stroke = (name, color, width, more = {}) => geo[name] && k.vector(id, geo[name].width, geo[name].height, geo[name].paths, color, { ...at(name), strokeWidth: width, ...more });
+  const wash = (name, paint) => geo[name] && k.rect(id, geo[name].width, geo[name].height, [paint], at(name));
+  wash("Sky", k.gradient({ from: "night", to: "dusk", angle: 90, fromOpacity: 0, toOpacity: 0.9 }));
+  k.ellipse(id, 100, [k.gradient({ from: "accent", to: "accent", kind: "RADIAL", fromOpacity: 0.34, toOpacity: 0, handles: RADIAL })], at("Haze"));
+  k.patch(k.named(id, "Haze")[0], { width: geo.Haze.width, height: geo.Haze.height });
+  fill("Towers far", "tower");
+  fill("Windows far", "lit", { opacity: 0.55 });
+  fill("Windows ember", "ember", { opacity: 0.9 });
+  fill("Towers mid", "spire");
+  if (geo["Holo panel"]) {
+    fill("Holo beam", [k.gradient({ from: "secondary", to: "secondary", angle: 90, fromOpacity: 0.2, toOpacity: 0 })]);
+    wash("Holo panel", k.gradient({ from: "secondary", to: "secondary", angle: 90, fromOpacity: 0.3, toOpacity: 0.08 }));
+    stroke("Holo scan", "secondary", Math.max(1, 1.5 * s), { opacity: 0.45 });
+    stroke("Holo lock", "secondary", Math.max(2.5, 7 * s), { effects: [bloom(k, "secondary", 26 * s, 0.9)] });
+    stroke("Holo core", "core", Math.max(1, 2.2 * s), { opacity: 0.8 });
+  }
+  wash("Mist", k.gradient({ from: "secondary", to: "secondary", angle: 90, fromOpacity: 0, toOpacity: 0.2 }));
+  stroke("Cables", "slab", Math.max(1.5, 3 * s));
+  fill("Buildings", "slab");
+  fill("Ledges", "ledge");
+  fill("Panes", "ledge", { opacity: 0.7 });
+  fill("Panes lit", "lit", { opacity: 0.4 });
+  fill("Slits", "ember", { opacity: 0.5 });
+  fill("Sign backs", "night", { opacity: 0.92 });
+  const tube = Math.max(2, 4.5 * s);
+  for (const neon of ["accent", "secondary", "primary"]) stroke(`Halo ${neon}`, neon, tube * 3.2, { opacity: 0.22, effects: [bloom(k, neon, 44 * s, 0.8)] });
+  for (const neon of ["accent", "secondary", "primary"]) {
+    const g = geo[`Neon ${neon}`];
+    const f = k.frame(id, { x: g.x, y: g.y, width: g.width, height: g.height }, { name: `Neon ${neon}` });
+    k.vector(f, g.width, g.height, g.paths, neon, { name: "Neon tube", strokeWidth: tube, effects: [bloom(k, neon, 30 * s, neon === "primary" ? 0.9 : 0.95)], absolute: { x: 0, y: 0 } });
+    k.vector(f, g.width, g.height, g.paths, "core", { name: "Neon core", strokeWidth: Math.max(1, tube * 0.3), opacity: 0.8, absolute: { x: 0, y: 0 } });
+  }
+  k.rect(id, geo.Road.width, geo.Road.height, "wet", at("Road"));
+  stroke("Lanes", "lit", Math.max(1, 2 * s), { opacity: 0.13 });
+  for (const neon of ["accent", "secondary", "primary"]) fill(`Wet ${neon}`, [k.gradient({ from: neon, to: neon, angle: 90, fromOpacity: 0.7, toOpacity: 0 })]);
+  fill("Ripples", "wet", { opacity: 0.6 });
+  fill("Glints", "lit", { opacity: 0.3 });
+  wash("Road shine", k.gradient({ from: "night", to: "night", angle: 90, fromOpacity: 0, toOpacity: 0.7 }));
+  if (geo.Courier) {
+    fill("Courier wet", [k.gradient({ from: "scan", to: "scan", angle: 90, fromOpacity: 0.75, toOpacity: 0 })]);
+    fill("Courier", "scan", { effects: [bloom(k, "secondary", 22 * s, 0.55)] });
+  }
+  if (o.rate !== 0) {
+    const rate = o.rate ?? 720;
+    rain(k, id, w, h, { color: "lit", opacity: 0.2, rate: rate / 2, seed: 5, count: Math.max(8, Math.round(w / 34)), len: 40, width: 1.5, name: "Rain far" });
+    rain(k, id, w, h, { color: "lit", opacity: 0.38, rate, seed: 17, count: Math.max(5, Math.round(w / 60)), len: 76, width: 2.5, name: "Rain near" });
+  } else {
+    const drops = (seed, count, len) => {
+      const r = lcg(seed);
+      return Array.from({ length: count }, () => {
+        const x = r() * w, y = r() * h, l = len * (0.5 + r());
+        return line(x, y, x - 0.22 * l, y + l);
+      });
+    };
+    k.vector(id, w, h, drops(5, Math.round(w * h / 9e3), 40), "lit", { name: "Rain far", strokeWidth: 1.5, opacity: 0.2, absolute: { x: 0, y: 0 } });
+    k.vector(id, w, h, drops(17, Math.round(w * h / 22e3), 76), "lit", { name: "Rain near", strokeWidth: 2.5, opacity: 0.38, absolute: { x: 0, y: 0 } });
+  }
+  k.rect(id, w, h, [k.gradient({ from: "scan", to: "scan", kind: "RADIAL", fromOpacity: 0, toOpacity: 0.6, handles: [{ x: 0.5, y: 0.5 }, { x: 1.3, y: 0.5 }, { x: 0.5, y: 1.3 }] })], { name: "Vignette", absolute: { x: 0, y: 0 } });
+  scanlines(k, id, { opacity: 0.16 });
+  return id;
+}
+function fitStreet(k, sheetId, w, h, o = {}) {
+  const geo = streetGeo(w, h, o);
+  for (const id of k.named(sheetId, o.name ?? "Street")) {
+    k.patch(id, { width: w, height: h, ...o.at ? o.at : {} });
+    for (const c of k.node(id).childIds) {
+      const n = k.node(c);
+      if (geo[n.name] && n.name.startsWith("Neon ")) {
+        const { paths, ...at } = geo[n.name];
+        k.patch(c, at);
+        for (const t of n.childIds) k.patch(t, { x: 0, y: 0, width: at.width, height: at.height, paths });
+      } else if (geo[n.name]) k.patch(c, geo[n.name]);
+      else if (n.name === "Vignette") k.patch(c, { width: w, height: h });
+    }
+    if (o.rate !== 0) {
+      fitRain(k, id, { name: "Rain far", seed: 5, count: Math.max(8, Math.round(w / 34)), len: 40 });
+      fitRain(k, id, { name: "Rain near", seed: 17, count: Math.max(5, Math.round(w / 60)), len: 76 });
+    }
+    fitScanlines(k, id);
+  }
+}
+function buzz(k, streetId, amp = 0.14) {
+  ;
+  ["accent", "secondary", "primary"].forEach((neon, i) => {
+    for (const id of k.named(streetId, `Halo ${neon}`)) k.behave(id, "opacity", [{ kind: "noise", amp, freq: 7 + i * 3, octaves: 2, seed: 11 + i * 7 }, { kind: "clamp", min: 0.04, max: 0.4 }]);
+    for (const id of k.named(streetId, `Wet ${neon}`)) k.behave(id, "opacity", [{ kind: "noise", amp: 0.2, freq: 5 + i * 2, octaves: 2, seed: 41 + i * 5 }, { kind: "clamp", min: 0.6, max: 1 }]);
+  });
+}
+function brackets(k, parent, w, h, o = {}) {
+  const paths = bracketPaths(w, h, o.len), width = o.width ?? 5;
+  const id = k.frame(parent, { x: o.absolute?.x ?? 0, y: o.absolute?.y ?? 0, width: w, height: h }, { name: o.name ?? "Brackets" });
+  k.vector(id, w, h, paths, o.color ?? "primary", { name: "Bracket line", strokeWidth: width, absolute: { x: 0, y: 0 }, ...o.glow === false ? {} : { effects: [bloom(k, o.color ?? "primary", 18, 0.8)] } });
+  k.vector(id, w, h, paths, "core", { name: "Bracket core", strokeWidth: Math.max(1, width * 0.28), opacity: 0.75, absolute: { x: 0, y: 0 } });
+  return id;
+}
+function bracketPaths(w, h, len) {
+  const l = len ?? Math.round(Math.min(w, h) * 0.2), t = Math.round(l * 0.35);
+  return [
+    poly([[0, l], [0, 0], [l, 0]], false),
+    poly([[w - l, 0], [w, 0], [w, l]], false),
+    poly([[w, h - l], [w, h], [w - l, h]], false),
+    poly([[l, h], [0, h], [0, h - l]], false),
+    line(w / 2, -t, w / 2, t),
+    line(w / 2, h - t, w / 2, h + t),
+    line(-t, h / 2, t, h / 2),
+    line(w - t, h / 2, w + t, h / 2)
+  ];
+}
+function fitBrackets(k, id, w, h, len) {
+  k.patch(id, { width: w, height: h });
+  for (const c of k.node(id).childIds) k.patch(c, { x: 0, y: 0, width: w, height: h, paths: bracketPaths(w, h, len) });
+}
+function gridPaths(w, h, cell) {
+  const lines = [], marks = [];
+  const x0 = w % cell / 2;
+  for (let x = x0; x <= w; x += cell) lines.push(line(x, 0, x, h));
+  for (let y = cell; y < h; y += cell) lines.push(line(0, y, w, y));
+  const m = Math.round(cell * 0.06);
+  for (let x = x0; x <= w; x += cell) for (let y = cell; y < h; y += cell) marks.push(line(x - m, y, x + m, y), line(x, y - m, x, y + m));
+  return { lines, marks };
+}
+function hudGrid(k, parent, w, h, cell = 120, o = {}) {
+  const g = gridPaths(w, h, cell);
+  k.vector(parent, w, h, g.lines, "text", { name: "Grid lines", strokeWidth: 1, opacity: o.opacity ?? 0.06, absolute: { x: 0, y: 0 } });
+  k.vector(parent, w, h, g.marks, "text", { name: "Grid marks", strokeWidth: 1.5, opacity: (o.opacity ?? 0.06) * 5, absolute: { x: 0, y: 0 } });
+}
+function fitHudGrid(k, sheetId, h, cell = 120) {
+  for (const [name, key] of [["Grid lines", "lines"], ["Grid marks", "marks"]]) for (const id of k.named(sheetId, name)) {
+    const w = k.node(k.node(id).parentId).width;
+    k.patch(id, { x: 0, y: 0, width: w, height: h, paths: gridPaths(w, h, cell)[key] });
+  }
+}
+var HAZARD_RUN = 2600;
+function hazard(k, parent, h, o = {}) {
+  const id = k.stack(parent, { ...o.upright ? { width: h } : o.width ? { width: o.width } : {}, height: o.upright ?? h, clip: true, fill: "primary", name: o.name ?? "Hazard", ...o.absolute ? { absolute: o.absolute } : {} });
+  const stripes = [];
+  for (let x = -h; x < HAZARD_RUN; x += h * 2.2) stripes.push(o.upright ? poly([[0, x + h], [0, x + h * 2.1], [h, x + h * 1.1], [h, x]]) : poly([[x + h, 0], [x + h * 2.1, 0], [x + h * 1.1, h], [x, h]]));
+  k.vector(id, o.upright ? h : HAZARD_RUN, o.upright ? HAZARD_RUN : h, stripes, "onPrimary", { name: "Hazard stripes", absolute: { x: 0, y: 0 } });
+  return id;
+}
+function rulerPaths(w, h, inset) {
+  const out = [];
+  const step = 24;
+  for (let y = inset + step, i = 1; y < h - inset; y += step, i++) {
+    const l = i % 5 ? 10 : 22;
+    out.push(line(inset, y, inset + l, y), line(w - inset - l, y, w - inset, y));
+  }
+  const c = 46;
+  out.push(
+    poly([[inset, inset + c], [inset, inset], [inset + c, inset]], false),
+    poly([[w - inset - c, inset], [w - inset, inset], [w - inset, inset + c]], false),
+    poly([[w - inset, h - inset - c], [w - inset, h - inset], [w - inset - c, h - inset]], false),
+    poly([[inset + c, h - inset], [inset, h - inset], [inset, h - inset - c]], false)
+  );
+  return out;
+}
+function rulers(k, parent, w, h, o = {}) {
+  return k.vector(parent, w, h, rulerPaths(w, h, o.inset ?? 22), "text", { name: "Rulers", strokeWidth: 2, opacity: o.opacity ?? 0.5, absolute: { x: 0, y: 0 } });
+}
+function fitRulers(k, sheetId, w, h, inset = 22) {
+  for (const id of k.named(sheetId, "Rulers")) k.patch(id, { x: 0, y: 0, width: w, height: h, paths: rulerPaths(w, h, inset) });
+}
+function plate(k, parent, o = {}) {
+  const id = k.stack(parent, { direction: o.direction ?? "VERTICAL", width: o.width, gap: o.gap ?? 8, padding: o.padding ?? 24, align: o.align, justify: o.justify, fill: "card", stroke: { color: o.edge ?? "secondary", width: 1.5, align: "INSIDE", join: "MITER" }, name: o.name ?? "Plate", ...o.absolute ? { absolute: o.absolute } : {}, ...o.effects ? { effects: o.effects } : {} });
+  if (o.tab !== false) k.rect(id, 44, 6, o.tab ?? "primary", { name: "Plate tab", absolute: { x: 0, y: 0 } });
+  return id;
+}
+var split = (k, d = 5) => [
+  hardShadow(k, "secondary", -d, 0, 0.9),
+  hardShadow(k, "accent", d, 0, 0.9)
+];
+var lift = (k, blur = 40, a = 0.7) => shadow(k, "scan", a, 16, blur);
+function glitch(k, parent, w, h, o = {}) {
+  const id = k.frame(parent, { x: 0, y: 0, width: w, height: h }, { name: o.name ?? "Glitch", opacity: 0 });
+  const r = lcg(o.seed ?? 909);
+  const bars = (n) => Array.from({ length: n }, () => box(r() * w * 0.5 - w * 0.1, r() * h, w * (0.25 + r() * 0.7), 4 + r() * h * 0.022));
+  k.vector(id, w, h, bars(7), "secondary", { name: "Glitch cyan", opacity: 0.8, absolute: { x: 0, y: 0 } });
+  k.vector(id, w, h, bars(6), "accent", { name: "Glitch magenta", opacity: 0.8, absolute: { x: 0, y: 0 } });
+  k.vector(id, w, h, bars(3), "primary", { name: "Glitch yellow", opacity: 0.9, absolute: { x: 0, y: 0 } });
+  return id;
+}
+function fitGlitch(k, sheetId, w, h, name = "Glitch") {
+  for (const id of k.named(sheetId, name)) {
+    const was = k.node(id);
+    const fx = w / was.width, fy = h / was.height;
+    k.patch(id, { x: 0, y: 0, width: w, height: h });
+    for (const c of k.node(id).childIds) {
+      const n = k.node(c);
+      k.patch(c, { x: 0, y: 0, width: w, height: h, paths: n.paths.map((p) => ({ ...p, points: p.points.map((q) => pt(q.x * fx, q.y * fy)) })) });
+    }
+  }
+}
+function telemetry(k, parent, w, h, o) {
+  const id = k.stack(parent, { width: w, height: h, clip: true, fill: "card", stroke: { color: "secondary", width: 1.5, align: "INSIDE", join: "MITER" }, name: o.name ?? "Telemetry", ...o.absolute ? { absolute: o.absolute } : {} });
+  const period = o.lines.length * o.lineHeight;
+  const copies = Math.ceil(h / period) + 1;
+  const col = k.stack(id, { width: w - 28, height: copies * period, gap: 0, fill: "card", absolute: { x: 14, y: -period }, name: "Telemetry rows" });
+  for (let c = 0; c < copies; c++) for (const l of o.lines) k.text(col, l, { style: o.style, color: o.color ?? "onCard", name: "Telemetry line" });
+  if (o.rate) k.behave(col, "translateY", [{ kind: "spin", rate: o.rate }, { kind: "mod", period }]);
+  return id;
+}
+
+export {
+  cyberBrand,
+  courierBox,
+  stampBeside,
+  stampUnder,
+  holoBox,
+  street,
+  fitStreet,
+  buzz,
+  brackets,
+  fitBrackets,
+  hudGrid,
+  fitHudGrid,
+  hazard,
+  rulers,
+  fitRulers,
+  plate,
+  split,
+  lift,
+  glitch,
+  fitGlitch,
+  telemetry
+};

package/dist/chunks/chunk-GYZSNST5.js

@@ -0,0 +1,51 @@
+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 {
+  slideshow
+} from "./chunk-SJOOOMJ5.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-APZ7CG5P.js";
+
+// templates/src/slideshow/lease.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var story = {
+  id: "motion-slideshow-listing",
+  song: "openRoad",
+  voice: "mono",
+  meta: {
+    name: "Listing tour slideshow (office to let)",
+    description: "A clean listing tour for a property to let: a title with the address, the neighbourhood, then each room with its size and selling line, chapters for the shared spaces and the private ones, slow drifts, pushes and slides, and a closing card with the viewing details. Cut to an easy acoustic track (made by PopCraft, CC0). Photos are CC0 from Wikimedia Commons; drop your own on any frame.",
+    tags: ["animation", "slideshow", "real estate", "property", "listing", "tour", "office", "to let", "commercial", "photo", "music", "video"],
+    platforms: ["youtube", "instagram", "linkedin", "facebook"],
+    formats: ["video", "reel", "post", "ad"],
+    useCases: ["sale", "announcement"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  brand: { paper: "#E6E6E2", onPaper: "#1C1F22", accent: "#2F6F62", shade: "#111416", onPhoto: "#FFFFFF", leak: "#FFE2B0" },
+  fields: { names: "Floor 3, 41 Mercer Yard", date: "To let \xB7 2,400 sq ft \xB7 viewings by appointment" },
+  scenes: [
+    { kind: "title", name: "Opening", photo: "lease-00", kicker: "Now available", beats: 8, move: "in" },
+    { kind: "photo", name: "The neighbourhood", photo: "lease-05", caption: "Two minutes from the tram, ten from the river", beats: 6, move: "right", into: "push" },
+    { kind: "chapter", name: "Chapter 1", kicker: "Shared", title: "The commons", beats: 4 },
+    { kind: "photo", name: "Lounge", photo: "lease-06", caption: "A lounge for the whole floor", place: "620 sq ft", beats: 6, move: "left" },
+    { kind: "photo", name: "Reception", photo: "lease-04", layout: "matted", caption: "Reception and post room", beats: 6, move: "in", into: "push" },
+    { kind: "dip", name: "Dip 1", to: "paper", beats: 1 },
+    { kind: "chapter", name: "Chapter 2", kicker: "Private", title: "The rooms", beats: 4 },
+    { kind: "photo", name: "Boardroom", photo: "lease-03", caption: "Boardroom for fourteen", place: "Daylight on three sides", beats: 6, move: "in", into: "slide" },
+    { kind: "photo", name: "Meeting room", photo: "lease-01", layout: "matted", caption: "A quiet room for calls", beats: 6, move: "right" },
+    { kind: "photo", name: "Studio", photo: "lease-02", caption: "Open studio, original sash windows", beats: 8, move: "in", into: "leak" },
+    { kind: "end", name: "Ending", kicker: "Book a viewing" }
+  ]
+};
+var lease_default = slideshow(story);
+
+export {
+  story,
+  lease_default
+};