@popcraft/kit 0.25.0 → 0.26.1

package/dist/chunks/chunk-PM7Y3GBJ.js

@@ -1,479 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  appear,
-  drawOn
-} from "./chunk-PMVMC75G.js";
-import {
-  noise,
-  shadow
-} from "./chunk-HVK5T4I5.js";
-import {
-  line,
-  pt
-} from "./chunk-BNVLVZUT.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/themes/transit-map-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var ITALIC = { fontFamily: "Source Serif 4", fontStyle: "italic" };
-var LINES = [
-  { key: "red", num: "1", name: "Revenue", role: "red", on: "lume", runs: "Checkout to Reports", pts: [[0.5, 1.5], [2.5, 1.5], [5, 4], [7.5, 4], [9.5, 2]] },
-  { key: "blue", num: "2", name: "Customer", role: "blue", on: "lume", runs: "Forms to Chat", pts: [[5, 0.5], [5, 5], [6.5, 6.5], [9.5, 6.5]] },
-  { key: "green", num: "3", name: "Ops", role: "green", on: "lume", runs: "Calendar to On-call", pts: [[0.5, 6], [3, 6], [7, 2], [7, 0.5]] },
-  { key: "yellow", num: "4", name: "Product", role: "yellow", on: "shade", runs: "Sign-ups to Docs", pts: [[2, 8.2], [5.8, 8.2], [8.75, 5.25], [8.75, 0.5]] }
-];
-var STOPS = [
-  { at: [0.5, 1.5], name: "Checkout", side: "SL", line: 0, end: true },
-  { at: [2, 1.5], name: "Invoices", side: "N", line: 0 },
-  { at: [3.5, 2.5], name: "Ledger", side: "E", line: 0 },
-  { at: [7, 4], name: "Metrics", side: "N", line: 0 },
-  { at: [9.5, 2], name: "Reports", side: "N", line: 0, end: true },
-  { at: [5, 0.5], name: "Forms", side: "E", line: 1, end: true },
-  { at: [5, 2.2], name: "Inbox", side: "E", line: 1 },
-  { at: [5.75, 5.75], name: "Helpdesk", side: "W", line: 1 },
-  { at: [9.5, 6.5], name: "Chat", side: "N", line: 1, end: true },
-  { at: [0.5, 6], name: "Calendar", side: "SL", line: 2, end: true },
-  { at: [2, 6], name: "Tasks", side: "N", line: 2 },
-  { at: [6, 3], name: "Alerts", side: "E", line: 2 },
-  { at: [7, 0.5], name: "On-call", side: "E", line: 2, end: true },
-  { at: [2, 8.2], name: "Sign-ups", side: "N", line: 3, end: true },
-  { at: [4, 8.2], name: "Database", side: "N", line: 3 },
-  { at: [8.75, 4.4], name: "Flags", side: "E", line: 3 },
-  { at: [8.75, 0.5], name: "Docs", side: "E", line: 3, end: true }
-];
-var HUBS = [
-  { at: [5, 4], name: "Warehouse", side: "SE" },
-  { at: [8.75, 2.75], name: "Charts", side: "W" },
-  { at: [7.5, 6.5], name: "CRM", side: "NW" }
-];
-var GRID = { cols: 10, rows: 8.9 };
-function metroBrand(k, fields = {}) {
-  k.brand(
-    {
-      paper: "#F3EEE1",
-      text: "#141B3C",
-      onPaper: "#3B415C",
-      primary: "#D9261C",
-      onPrimary: "#FFFFFF",
-      card: "#10141D",
-      onCard: "#FFC233"
-    },
-    { name: "Junction", site: "junction.example", ...fields }
-  );
-  k.palette({ red: "#D9261C", blue: "#0B57B5", green: "#0B8246", yellow: "#F4B400", shade: "#05070D", lume: "#FFFFFF" });
-}
-function dashed(k, parent, w, h, from, to, role, o) {
-  return k.vector(parent, w, h, [line(from[0], from[1], to[0], to[1])], [], { name: o.name, stroke: { color: role, width: o.width, dash: [o.on, o.off] }, ...o.opacity !== void 0 ? { opacity: o.opacity } : {}, ...o.absolute ? { absolute: o.absolute } : {} });
-}
-function routed(pts, r) {
-  const out = [];
-  pts.forEach((p, i) => {
-    if (i === 0 || i === pts.length - 1) {
-      out.push(pt(p[0], p[1]));
-      return;
-    }
-    const a = pts[i - 1], b = pts[i + 1];
-    const l1 = Math.hypot(p[0] - a[0], p[1] - a[1]), l2 = Math.hypot(b[0] - p[0], b[1] - p[1]);
-    const d1 = [(p[0] - a[0]) / l1, (p[1] - a[1]) / l1], d2 = [(b[0] - p[0]) / l2, (b[1] - p[1]) / l2];
-    const rr = Math.min(r, l1 / 2, l2 / 2), h = rr * 0.6;
-    const A = pt(p[0] - d1[0] * rr, p[1] - d1[1] * rr), B = pt(p[0] + d2[0] * rr, p[1] + d2[1] * rr);
-    out.push({ ...A, handleOut: pt(A.x + d1[0] * h, A.y + d1[1] * h) }, { ...B, handleIn: pt(B.x - d2[0] * h, B.y - d2[1] * h) });
-  });
-  return { closed: false, points: out };
-}
-var cast = (k, blur = 30, a = 0.3, y = 12) => shadow(k, "shade", a, y, blur);
-var tooth = (amount = 0.045, size = 5) => [noise({ id: "grain", amount, size, seed: 17 })];
-var foldsOf = (o) => o.folds ?? [3, 2];
-function creases(w, h, o) {
-  const [cols, rows] = foldsOf(o), band = Math.round(Math.max(26, Math.min(w, h) * 0.04));
-  const out = [];
-  for (let i = 1; i < cols; i++) {
-    const x = Math.round(w * i / cols);
-    out.push({ name: `Crease v${i} shade`, x: x - band, y: 0, width: band, height: h }, { name: `Crease v${i} light`, x, y: 0, width: band, height: h }, { name: `Crease v${i} line`, x: x - 1, y: 0, width: 2, height: h });
-  }
-  for (let j = 1; j < rows; j++) {
-    const y = Math.round(h * j / rows);
-    out.push({ name: `Crease h${j} shade`, x: 0, y: y - band, width: w, height: band }, { name: `Crease h${j} light`, x: 0, y, width: w, height: band }, { name: `Crease h${j} line`, x: 0, y: y - 1, width: w, height: 2 });
-  }
-  return out;
-}
-function mapPaper(k, parent, w, h, o = {}) {
-  const at = { absolute: { x: 0, y: 0 } };
-  k.rect(parent, w, h, "paper", { name: "Paper", ...at, ...o.grain ? { effects: tooth(o.grain) } : {} });
-  k.rect(parent, w, h, [k.gradient({ from: "lume", to: "lume", kind: "RADIAL", fromOpacity: 0.1, toOpacity: 0, handles: [{ x: 0.28, y: 0.2 }, { x: 1, y: 0.2 }, { x: 0.28, y: 0.85 }] })], { name: "Paper light", ...at });
-  k.rect(parent, w, h, [k.gradient({ from: "shade", to: "shade", kind: "RADIAL", fromOpacity: 0, toOpacity: 0.12, handles: [{ x: 0.45, y: 0.42 }, { x: 1.4, y: 0.42 }, { x: 0.45, y: 1.3 }] })], { name: "Paper shade", ...at });
-  for (const c of creases(w, h, o)) {
-    const upright = c.name.includes(" v");
-    const fill = c.name.endsWith("shade") ? [k.gradient({ from: "shade", to: "shade", angle: upright ? 0 : 90, fromOpacity: 0, toOpacity: 0.09 })] : c.name.endsWith("light") ? [k.gradient({ from: "lume", to: "lume", angle: upright ? 0 : 90, fromOpacity: 0.18, toOpacity: 0 })] : [k.gradient({ from: "shade", to: "shade", angle: 0, fromOpacity: 0.08, toOpacity: 0.08 })];
-    k.rect(parent, c.width, c.height, fill, { name: c.name, absolute: { x: c.x, y: c.y } });
-  }
-}
-function fitPaper(k, sheetId, w, h, o = {}) {
-  for (const name of ["Paper", "Paper light", "Paper shade"]) for (const id of k.named(sheetId, name)) k.patch(id, { x: 0, y: 0, width: w, height: h });
-  const now = creases(w, h, o);
-  for (const axis of ["v", "h"]) for (let i = 1; i < 6; i++) for (const part of ["shade", "light", "line"]) {
-    const name = `Crease ${axis}${i} ${part}`, c = now.find((x) => x.name === name);
-    for (const id of k.named(sheetId, name)) k.patch(id, c ? { x: c.x, y: c.y, width: c.width, height: c.height } : { visible: false });
-  }
-}
-function borderGeo(w, h, m, cell) {
-  const band = 22, paths = [];
-  const box = (i) => ({ closed: true, points: [pt(i, i), pt(w - i, i), pt(w - i, h - i), pt(i, h - i)] });
-  paths.push(box(m), box(m + band));
-  const cols = [], rows = [];
-  for (let x = m + band + cell; x < w - m - band - 8; x += cell) {
-    paths.push(line(x, m, x, m + band), line(x, h - m - band, x, h - m));
-    cols.push(x);
-  }
-  for (let y = m + band + cell; y < h - m - band - 8; y += cell) {
-    paths.push(line(m, y, m + band, y), line(w - m - band, y, w - m, y));
-    rows.push(y);
-  }
-  return { paths, cols, rows };
-}
-function mapBorder(k, parent, w, h, o) {
-  const m = o.margin ?? 26, cell = o.cell ?? 150;
-  const geo = borderGeo(w, h, m, cell);
-  k.vector(parent, w, h, geo.paths, "text", { name: "Border", strokeWidth: 1.5, opacity: 0.55, absolute: { x: 0, y: 0 } });
-  const style = o.style;
-  if (!style) return;
-  const ref = (label, x, y) => {
-    const id = k.text(parent, label, { style, color: "onPaper", autoWidth: true, name: "Ref", absolute: { x: 0, y: 0 } });
-    const n = k.node(id);
-    k.patch(id, { x: Math.round(x - n.width / 2), y: Math.round(y - n.height / 2) });
-  };
-  const max = Math.ceil(2200 / cell);
-  for (let i = 0; i < max; i++) {
-    const at = m + 22 + cell * i + cell / 2;
-    ref(String.fromCharCode(65 + i), at, m + 11);
-    ref(String(i + 1), m + 11, at);
-  }
-  fitBorder(k, parent, w, h, o);
-}
-function fitBorder(k, sheetId, w, h, o = {}) {
-  const m = o.margin ?? 26, cell = o.cell ?? 150;
-  const geo = borderGeo(w, h, m, cell);
-  for (const id of k.named(sheetId, "Border")) k.patch(id, { x: 0, y: 0, width: w, height: h, paths: geo.paths });
-  for (const id of k.named(sheetId, "Ref")) {
-    const n = k.node(id);
-    k.patch(id, { visible: o.refs !== false && n.x + n.width / 2 < w - m - 30 && n.y + n.height / 2 < h - m - 30 });
-  }
-}
-function along(pts, p) {
-  let total = 0, at = 0;
-  for (let i = 0; i < pts.length - 1; i++) {
-    const a = pts[i], b = pts[i + 1], len = Math.hypot(b[0] - a[0], b[1] - a[1]);
-    const t = ((p[0] - a[0]) * (b[0] - a[0]) + (p[1] - a[1]) * (b[1] - a[1])) / (len * len);
-    if (t >= -1e-3 && t <= 1.001 && Math.hypot(a[0] + (b[0] - a[0]) * t - p[0], a[1] + (b[1] - a[1]) * t - p[1]) < 0.01) at = total + t * len;
-    total += len;
-  }
-  return at / total;
-}
-function placeLabel(k, label, u, cx, cy, side, r) {
-  const n = k.node(label), gap = u * 0.3;
-  const pos = {
-    N: [cx - n.width / 2, cy - gap - n.height],
-    S: [cx - n.width / 2, cy + gap],
-    E: [cx + gap + r * 0.4, cy - n.height / 2],
-    W: [cx - gap - r * 0.4 - n.width, cy - n.height / 2],
-    NE: [cx - r, cy - gap - n.height],
-    NW: [cx - gap * 0.75 - n.width, cy - gap * 0.8 - n.height],
-    SE: [cx + gap * 0.9, cy + gap * 0.75],
-    SL: [cx - r, cy + gap]
-  }[side];
-  k.patch(label, { x: Math.round(pos[0]), y: Math.round(pos[1]) });
-}
-function relabel(k, root, o) {
-  const u = o.u;
-  k.named(root, "Stop label").forEach((id, i) => {
-    const s = STOPS[i];
-    if (!s.end) {
-      k.patch(id, { visible: false });
-      return;
-    }
-    k.restyle(id, o.label);
-    placeLabel(k, id, u, s.at[0] * u, s.at[1] * u, s.side, 0.17 * u);
-  });
-  k.named(root, "Hub label").forEach((id, i) => {
-    const hb = HUBS[i];
-    k.restyle(id, o.hub);
-    placeLabel(k, id, u, hb.at[0] * u, hb.at[1] * u, hb.side, 0.27 * u);
-  });
-  for (const id of k.named(root, "Planned label")) {
-    k.restyle(id, o.label);
-    placeLabel(k, id, u, 0.5 * u, 8.2 * u, "SL", 0.15 * u);
-  }
-  if (o.river) for (const id of k.named(root, "River name")) {
-    k.restyle(id, o.river);
-    k.patch(id, { y: Math.round(4 * u - k.node(id).height / 2) });
-  }
-}
-function network(k, parent, o) {
-  const u = o.u, width = GRID.cols * u, height = GRID.rows * u;
-  const id = k.frame(parent, { x: o.at?.x ?? 0, y: o.at?.y ?? 0, width, height }, { name: o.name ?? "Network" });
-  const full = { absolute: { x: 0, y: 0 } };
-  const px = (pts) => pts.map(([x, y]) => [x * u, y * u]);
-  const w = Math.round(u * 0.2);
-  const R = 2.75, c = R * 0.414;
-  k.vector(id, width, height, [{ closed: true, points: [[-c, -R], [c, -R], [R, -c], [R, c], [c, R], [-c, R], [-R, c], [-R, -c]].map(([x, y]) => pt((5 + x) * u, (4 + y) * u)) }], k.tint("text", 0.045), { name: "Zone", ...full });
-  k.vector(id, width, height, [routed(px([[o.west ?? -7, 4], [1.8, 4], [5.3, 7.5], [o.east ?? 17, 7.5]]), u * 1.1)], "blue", { name: "River", strokeWidth: Math.round(u * 0.62), opacity: 0.2, ...full });
-  if (o.river && !o.bare) {
-    const name = k.text(id, "River Backlog", { style: o.river, color: "onPaper", autoWidth: true, name: "River name", absolute: { x: 0, y: 0 } });
-    k.patch(name, { x: Math.round(Math.max(0.1, (o.west ?? -7) + 0.5) * u), y: Math.round(4 * u - k.node(name).height / 2) });
-  }
-  const count = o.lines ?? LINES.length;
-  const planned = [];
-  if (count >= 4) {
-    const ext = dashed(k, id, width, height, [1.55 * u, 8.2 * u], [0.5 * u, 8.2 * u], "yellow", { name: "Line planned", width: w, on: w * 0.5, off: w * 1.5, ...full });
-    planned.push(ext);
-  }
-  const lines = [], casings = [];
-  LINES.slice(0, count).forEach((l) => {
-    const path = routed(px(l.pts), u * 0.55);
-    casings.push(k.vector(id, width, height, [path], "paper", { name: `Casing ${l.key}`, strokeWidth: w + Math.round(u * 0.12), ...full }));
-    lines.push(k.vector(id, width, height, [path], l.role, { name: `Line ${l.key}`, strokeWidth: w, ...full }));
-  });
-  const place = (label, cx, cy, side, r) => placeLabel(k, label, u, cx, cy, side, r);
-  const stops = [];
-  for (const s of STOPS) {
-    if (s.line >= count) continue;
-    const r = (s.end ? 0.17 : 0.13) * u, cx = s.at[0] * u, cy = s.at[1] * u;
-    const stop = k.ellipse(id, r * 2, "paper", { name: "Stop", stroke: { color: "text", width: Math.max(2, u * (s.end ? 0.07 : 0.055)) }, absolute: { x: cx - r, y: cy - r } });
-    const label = o.bare ? "" : k.text(id, s.name, { style: o.label, color: "text", autoWidth: true, name: "Stop label", absolute: { x: 0, y: 0 } });
-    if (label) place(label, cx, cy, s.side, r);
-    stops.push({ id: stop, label, line: s.line, along: along(LINES[s.line].pts, s.at) });
-  }
-  if (count >= 4) {
-    const r = 0.15 * u, cx = 0.5 * u, cy = 8.2 * u;
-    planned.push(k.ellipse(id, r * 2, "paper", { name: "Stop planned", stroke: { color: "yellow", width: Math.max(2, u * 0.055) }, absolute: { x: cx - r, y: cy - r } }));
-    if (!o.bare) {
-      const label = k.text(id, "Sheets \xB7 opens Nov", { style: o.label, color: "onPaper", autoWidth: true, name: "Planned label", absolute: { x: 0, y: 0 } });
-      place(label, cx, cy, "SL", r);
-      planned.push(label);
-    }
-  }
-  const hubs = [];
-  HUBS.forEach((hb, i) => {
-    if (count < 4 && i > 0) return;
-    const r = 0.27 * u, cx = hb.at[0] * u, cy = hb.at[1] * u;
-    const hub = k.ellipse(id, r * 2, "paper", { name: "Hub", stroke: { color: "text", width: Math.max(3, u * 0.09) }, effects: [cast(k, Math.round(u * 0.14), 0.22, Math.round(u * 0.05))], absolute: { x: cx - r, y: cy - r } });
-    const label = o.bare ? "" : k.text(id, hb.name, { style: o.hub, color: "text", autoWidth: true, name: "Hub label", absolute: { x: 0, y: 0 } });
-    if (label) place(label, cx, cy, hb.side, r);
-    hubs.push({ id: hub, label });
-  });
-  let trainId;
-  if (!o.still) {
-    const on = LINES[o.trainOn ?? 0], [sx, sy] = on.pts[0];
-    trainId = train(k, id, sx * u, sy * u, 0.21 * u, on.role);
-  }
-  return { id, u, width, height, lines, casings, stops, hubs, planned, ...trainId ? { train: trainId } : {} };
-}
-function openNetwork(k, net, at, per, gap) {
-  net.lines.forEach((id, i) => {
-    const t0 = at + i * gap;
-    appear(k, id, t0, 40);
-    drawOn(k, id, t0, per);
-    appear(k, net.casings[i], t0, 40);
-    drawOn(k, net.casings[i], t0, per);
-  });
-  for (const s of net.stops) {
-    const tau = s.along < 0.5 ? Math.cbrt(s.along / 4) : 1 - Math.cbrt(2 * (1 - s.along)) / 2;
-    const t = at + s.line * gap + Math.round(per * tau);
-    k.animate(s.id, "scaleX", [{ t, v: 0, ease: ease.back(2.2) }, { t: t + 260, v: 1 }]);
-    k.animate(s.id, "scaleY", [{ t, v: 0, ease: ease.back(2.2) }, { t: t + 260, v: 1 }]);
-    appear(k, s.id, t, 60);
-    if (s.label) appear(k, s.label, t + 80, 220);
-  }
-  net.hubs.forEach((h, i) => {
-    const t = at + gap * Math.min(net.lines.length - 1, i + 1) + Math.round(per * 0.55);
-    k.animate(h.id, "scaleX", [{ t, v: 0, ease: ease.back(2.6) }, { t: t + 340, v: 1 }]);
-    k.animate(h.id, "scaleY", [{ t, v: 0, ease: ease.back(2.6) }, { t: t + 340, v: 1 }]);
-    appear(k, h.id, t, 60);
-    if (h.label) appear(k, h.label, t + 120, 240);
-  });
-  const last = at + (net.lines.length - 1) * gap + per;
-  for (const id of net.planned) appear(k, id, last - 200, 400);
-}
-function travel(k, id, pts, at, duration, fade = 0) {
-  const lens = pts.slice(1).map((p, i) => Math.hypot(p[0] - pts[i][0], p[1] - pts[i][1]));
-  const total = lens.reduce((a, b) => a + b, 0);
-  const keys = (axis) => {
-    let t = at;
-    return pts.map((p, i) => {
-      const key = { t: Math.round(t), v: p[axis] - pts[0][axis], ...i < lens.length ? { ease: ease.inOut("sine") } : {} };
-      if (i < lens.length) t += lens[i] / total * duration;
-      return key;
-    });
-  };
-  const xs = keys(0), ys = keys(1);
-  k.animate(id, "translateX", xs);
-  k.animate(id, "translateY", ys);
-  if (fade) k.animate(id, "opacity", [{ t: at - 200, v: 0, ease: ease.linear }, { t: at, v: 1, ease: ease.hold }, { t: at + duration, v: 1, ease: ease.linear }, { t: at + duration + fade, v: 0 }]);
-  else appear(k, id, at - 200, 200);
-}
-function ride(k, net, index, at, duration, fade = 0) {
-  if (net.train) travel(k, net.train, LINES[index].pts.map(([x, y]) => [x * net.u, y * net.u]), at, duration, fade);
-}
-function train(k, parent, cx, cy, r, role = "red") {
-  return k.ellipse(parent, r * 2, "lume", { name: "Train", stroke: { color: "text", width: Math.max(3, r * 0.36) }, effects: [{ type: "DROP_SHADOW", color: k.color(role, 0.75), offset: { x: 0, y: 0 }, blur: Math.round(r * 1.4), spread: Math.round(r * 0.2), visible: true }], absolute: { x: cx - r, y: cy - r } });
-}
-function suburbs(k, parent, w, h, u, at) {
-  const id = k.frame(parent, { x: at.x, y: at.y, width: w, height: h }, { name: "Suburbs", clip: true });
-  const full = { absolute: { x: 0, y: 0 } }, wd = Math.round(u * 0.2);
-  const px = (pts) => pts.map(([x, y]) => [x * u, y * u]);
-  const routes = [
-    { role: "green", pts: [[-1, 2.6], [1.2, 2.6], [1.2, 7]], stops: [[0.4, 2.6], [1.2, 5.4]] },
-    { role: "yellow", pts: [[-1, 4.3], [4.5, 4.3], [6, 2.8], [15, 2.8]], stops: [[2.9, 4.3], [9.4, 2.8], [11.6, 2.8]] },
-    { role: "blue", pts: [[3, -1], [3, 1.5], [5.8, 4.3], [5.8, 7]], stops: [[3, 0.6], [4.1, 2.6], [5.8, 5.3]] },
-    { role: "red", pts: [[15, 0.8], [9.5, 0.8], [7.5, 2.8], [7.5, 7]], stops: [[11.4, 0.8], [8.6, 1.7], [7.5, 4.6]] }
-  ];
-  k.vector(id, w, h, [routed(px([[-2, 0.4], [1.6, 0.4], [4.2, 3], [4.2, 5.2], [5.6, 6.6]]), u * 1.1)], "blue", { name: "River", strokeWidth: Math.round(u * 0.62), opacity: 0.2, ...full });
-  for (const r of routes) {
-    const path = routed(px(r.pts), u * 0.55);
-    k.vector(id, w, h, [path], "paper", { name: "Suburb casing", strokeWidth: wd + Math.round(u * 0.12), ...full });
-    k.vector(id, w, h, [path], r.role, { name: "Suburb line", strokeWidth: wd, ...full });
-  }
-  for (const r of routes) for (const [x, y] of r.stops) {
-    const rr = 0.13 * u;
-    k.ellipse(id, rr * 2, "paper", { name: "Suburb stop", stroke: { color: "text", width: Math.max(2, u * 0.055) }, absolute: { x: x * u - rr, y: y * u - rr } });
-  }
-  for (const [x, y] of [[1.2, 4.3], [5.15, 3.65], [7.5, 2.8]]) {
-    const rr = 0.27 * u;
-    k.ellipse(id, rr * 2, "paper", { name: "Suburb hub", stroke: { color: "text", width: Math.max(3, u * 0.09) }, absolute: { x: x * u - rr, y: y * u - rr } });
-  }
-  return id;
-}
-function lineStrip(k, parent, index, stops, o) {
-  const wgt = o.weight ?? 12, r = wgt * 0.62, R = wgt * 1.15, inset = R + 2, y = R + 2;
-  const id = k.frame(parent, { x: o.at?.x ?? 0, y: o.at?.y ?? 0, width: o.width, height: 1 }, { name: o.name ?? "Strip" });
-  const lineId = k.vector(id, o.width, y * 2, [line(inset, y, o.width - inset, y)], o.role ?? LINES[index].role, { name: "Strip line", strokeWidth: wgt, absolute: { x: 0, y: 0 } });
-  const ids = [], labels = [], xs = [];
-  let tall = 0;
-  stops.forEach((s, i) => {
-    const hub = o.hubs?.includes(i), rr = hub ? R : r;
-    const x = inset + (o.width - 2 * inset) * i / (stops.length - 1);
-    xs.push(x);
-    ids.push(k.ellipse(id, rr * 2, "paper", { name: "Strip stop", stroke: { color: "text", width: hub ? wgt * 0.36 : wgt * 0.28 }, absolute: { x: x - rr, y: y - rr } }));
-    const label = k.text(id, s, { style: o.label, color: "text", autoWidth: true, name: "Strip label", absolute: { x: 0, y: 0 } });
-    const n = k.node(label);
-    k.patch(label, { x: Math.round(i === 0 ? 0 : i === stops.length - 1 ? o.width - n.width : x - n.width / 2), y: Math.round(y * 2 + (o.gap ?? 6)) });
-    tall = Math.max(tall, n.height);
-    labels.push(label);
-  });
-  k.patch(id, { height: Math.round(y * 2 + (o.gap ?? 6) + tall) });
-  return { id, line: lineId, stops: ids, labels, xs, y };
-}
-function restrip(k, stripId, width, o = {}) {
-  const wgt = o.weight ?? 12, R = wgt * 1.15, inset = R + 2, gap = o.gap ?? 6;
-  const kids = k.node(stripId).childIds, [lineId, ...rest] = kids;
-  const count = rest.length / 2;
-  const tall = Math.max(...rest.filter((_, i) => i % 2 === 1).map((id) => k.node(id).height));
-  const y = Math.round(tall + gap + R + 2);
-  k.patch(lineId, { width, height: y * 2, paths: [line(inset, y, width - inset, y)] });
-  for (let i = 0; i < count; i++) {
-    const stop = rest[i * 2], label = rest[i * 2 + 1], rr = k.node(stop).width / 2, n = k.node(label);
-    const x = inset + (width - 2 * inset) * i / (count - 1);
-    k.patch(stop, { x: x - rr, y: y - rr });
-    k.patch(label, { x: Math.round(i === 0 ? 0 : i === count - 1 ? width - n.width : x - n.width / 2), y: i % 2 ? Math.round(y + R + 2 + gap) : 0 });
-  }
-  const height = Math.round(y + R + 2 + gap + tall);
-  k.patch(stripId, { width, height });
-  return height;
-}
-function bullet(k, parent, index, size, style, o = {}) {
-  const l = LINES[index];
-  const id = k.stack(parent, { width: size, height: size, radius: size / 2, fill: l.role, align: "CENTER", justify: "CENTER", name: o.name ?? "Bullet", ...o.absolute ? { absolute: o.absolute } : {} });
-  k.text(id, l.num, { style, color: l.on, autoWidth: true, name: "Bullet number" });
-  return id;
-}
-function legend(k, parent, o) {
-  const id = k.stack(parent, { width: o.width ?? "FILL", gap: o.gap ?? 12, name: "Key", ...o.absolute ? { absolute: o.absolute } : {} });
-  if (o.heading) k.text(id, o.heading, { style: o.title, color: "onPaper", name: "Key title" });
-  LINES.slice(0, o.lines ?? LINES.length).forEach((l, i) => {
-    const row = k.stack(id, { direction: "HORIZONTAL", gap: Math.round(o.size * 0.4), align: "CENTER", name: "Key row" });
-    k.rect(row, Math.round(o.size * 1.5), Math.max(6, Math.round(o.size * 0.3)), l.role, { name: "Key line", radius: o.size });
-    bullet(k, row, i, o.size, o.bullet);
-    const words = k.stack(row, { direction: "HORIZONTAL", gap: Math.round(o.size * 0.4), align: "CENTER", name: "Key words" });
-    k.text(words, `${l.name} line`, { style: o.row, color: "text", autoWidth: true, name: "Key name" });
-    if (o.note) k.text(words, l.runs, { style: o.note, color: "onPaper", name: "Key runs" });
-  });
-  return id;
-}
-function departures(k, parent, rows, o) {
-  const pad = o.pad ?? 22;
-  const id = k.stack(parent, { width: o.width ?? "FILL", gap: o.gap ?? 12, padding: pad, fill: "card", radius: o.radius ?? 14, effects: [cast(k, 36, 0.42, 16)], name: o.name ?? "Departures", ...o.absolute ? { absolute: o.absolute } : {} });
-  const head = k.stack(id, { direction: "HORIZONTAL", gap: 12, align: "CENTER", justify: "SPACE_BETWEEN", name: "Board head" });
-  const left = k.stack(head, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Board title row" });
-  k.ellipse(left, Math.round(o.size * 0.36), "onCard", { name: "Board lamp" });
-  k.text(left, o.title, { style: o.head, color: "onCard", name: "Board title" });
-  if (o.clock) k.text(head, o.clock, { style: o.head, color: "onCard", autoWidth: true, name: "Board clock" });
-  k.rect(id, "FILL", 2, "onCard", { name: "Board rule", opacity: 0.35 });
-  rows.forEach((r, i) => {
-    const row = k.stack(id, { direction: "HORIZONTAL", gap: Math.round(o.size * 0.5), align: "CENTER", name: "Board row" });
-    bullet(k, row, r.line, o.size, o.bullet);
-    k.text(row, r.to, { style: o.cell, color: "onCard", name: "Board to" });
-    k.text(row, r.due, { style: o.cell, color: "onCard", autoWidth: true, name: r.name ?? `Due ${i + 1}` });
-  });
-  return id;
-}
-function nameplate(k, parent, label, o) {
-  const [v, h] = o.pad ?? [10, 18];
-  const id = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", fill: "text", radius: 4, clip: true, align: "CENTER", name: o.name ?? "Nameplate", ...o.absolute ? { absolute: o.absolute } : {} });
-  k.rect(id, Math.round(h * 0.7), 10, LINES[o.line ?? 0].role, { name: "Plate band" });
-  const inner = k.stack(id, { width: "HUG", padding: { top: v, right: h, bottom: v, left: h }, name: "Plate words" });
-  k.text(inner, label, { style: o.style, color: "paper", autoWidth: true, name: o.textName ?? "Plate label" });
-  k.patch(k.node(id).childIds[0], { layoutSizingVertical: "FILL" });
-  return id;
-}
-function ticket(k, parent, o) {
-  const pad = o.pad ?? 22, r = Math.round(o.height * 0.1);
-  const id = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", height: o.height, fill: "primary", radius: 10, align: "CENTER", effects: [cast(k, 26, 0.34, 12)], name: o.name ?? "Ticket", ...o.absolute ? { absolute: o.absolute } : {} });
-  const stub = k.stack(id, { width: o.stubWidth, gap: 2, padding: { top: 0, right: 10, bottom: 0, left: pad }, name: "Ticket stub" });
-  k.text(stub, o.stub[0], { style: o.stubStyle, color: "onPrimary", name: "Stub top" });
-  k.text(stub, o.stub[1], { style: o.stubStyle, color: "onPrimary", name: "Stub bottom" });
-  dashed(k, id, 2, o.height, [1, r + 5], [1, o.height - r - 5], "onPrimary", { name: "Perforation", width: 2, on: 3, off: 6, opacity: 0.75 });
-  const main = k.stack(id, { width: "HUG", padding: { top: 0, right: pad + 4, bottom: 0, left: pad }, name: "Ticket main" });
-  k.text(main, o.big, { style: o.bigStyle, color: "onPrimary", autoWidth: true, name: o.bigName ?? "Ticket big" });
-  for (const y of [-r, o.height - r]) k.ellipse(id, r * 2, o.ground ?? "paper", { name: "Ticket notch", absolute: { x: o.stubWidth + 1 - r, y } });
-  if (o.turn) k.patch(id, { rotation: o.turn });
-  return id;
-}
-
-export {
-  ITALIC,
-  LINES,
-  GRID,
-  metroBrand,
-  dashed,
-  routed,
-  cast,
-  tooth,
-  mapPaper,
-  fitPaper,
-  mapBorder,
-  fitBorder,
-  relabel,
-  network,
-  openNetwork,
-  travel,
-  ride,
-  train,
-  suburbs,
-  lineStrip,
-  restrip,
-  bullet,
-  legend,
-  departures,
-  nameplate,
-  ticket
-};

package/dist/chunks/chunk-PMA4XJ2E.js

@@ -1,93 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  PIGEON,
-  addressLines,
-  desk,
-  envelope,
-  letter,
-  petals,
-  postmark,
-  stage,
-  stamp,
-  valentinesBrand,
-  waxSeal
-} from "./chunk-DEWOJ7FJ.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-X23ZWFW2.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/social/valentines-link-preview.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var valentines_link_preview_default = defineTemplate({
-  id: "social-valentines-link-preview",
-  meta: {
-    name: "Valentine link preview",
-    description: "A 1200 \xD7 630 link preview for Valentine\u2019s week: the promise in a heavy serif and the two-for-one offer as a label, beside a writing desk in oxblood and cream \u2014 an airmail envelope, a letterpress valentine whose poem is about a real feature, a wax seal, a pigeon stamp and a 14 February postmark",
-    category: "social",
-    tags: ["valentine", "valentines day", "link preview", "open graph", "og image", "love letter", "letterpress", "wax seal", "airmail", "stamp", "saas", "seasonal", "serif"],
-    platforms: ["web", "x", "linkedin", "facebook"],
-    formats: ["og-image"],
-    useCases: ["sale", "launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit("Valentine link preview", preset("og-image"));
-    k.quantizeGeometry = true;
-    valentinesBrand(k, { tagline: "Be the team that always writes back." });
-    k.textStyle("Eyebrow 18", { size: 18, fontWeight: 700, letterSpacing: 4, lineHeight: 26, textCase: "UPPER" });
-    k.textStyle("Display 76", { ...SERIF, size: 76, fontWeight: 900, letterSpacing: -2.6, lineHeight: 76 });
-    k.textStyle("Facts 19", { ...MONO, size: 19, fontWeight: 500, lineHeight: 30 });
-    k.textStyle("Label 20", { size: 20, fontWeight: 800, lineHeight: 26 });
-    k.textStyle("Salute 22", { ...SERIF, size: 22, fontStyle: "italic", fontWeight: 500, lineHeight: 28 });
-    k.textStyle("Poem 30", { ...SERIF, size: 30, fontWeight: 800, letterSpacing: -0.7, lineHeight: 38 });
-    k.textStyle("Sign 16", { ...MONO, size: 16, fontWeight: 600, letterSpacing: 0.5, lineHeight: 22 });
-    k.textStyle("Mark 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 0.5, lineHeight: 19, textAlign: "CENTER" });
-    k.textStyle("Value 20", { ...SERIF, size: 20, fontWeight: 900, lineHeight: 22, textAlign: "CENTER" });
-    pill(k, "Label", { fill: "primary", ink: "onPrimary", style: "Label 20", label: "Two for one until 14 February", pad: [10, 20], radius: 4 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 20, { top: 60, right: 600, bottom: 60, left: 72 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    desk(k, sheet, { x: 0.72, y: 0.45 });
-    const st = stage(k, sheet, { w: 620, h: 630, name: "Desk", absolute: { x: 580, y: 0 } });
-    const env = envelope(k, st, { x: 80, y: 205, w: 540, h: 370, tilt: 8, name: "Envelope" });
-    addressLines(k, env, { x: 64, y: 262, w: 220, gap: 28 });
-    stamp(k, env, { x: 404, y: 40, w: 100, style: "Value 20", value: "14" });
-    postmark(k, env, { x: 330, y: 214, size: 112, style: "Mark 16", waves: 0, tilt: -14 });
-    petals(k, st, [[0, 20, 46, 40], [560, 40, 38, -30], [20, 560, 44, 120], [-40, 330, 34, -70]]);
-    const card = letter(k, st, { x: 26, y: 44, w: 456, tilt: -5, pad: 28, gap: 12 });
-    k.text(card.inner, "To Pigeon, on the fourteenth", { style: "Salute 22", color: "inkRed", name: "Salute" });
-    k.text(card.inner, "Roses are red,\nour queue was a zoo.\nNobody\u2019s replied twice\nsince we switched to you.", { style: "Poem 30", color: "ink", name: "Poem" });
-    k.text(card.inner, "\u2014 the support desk at Fernhill", { style: "Sign 16", color: "inkSoft", name: "Signature" });
-    waxSeal(k, st, { x: 318, y: 318, size: 150, tilt: -12 });
-    k.text(sheet, "{{brand.name}} \xB7 Valentine\u2019s week", { style: "Eyebrow 18", color: "onPaper", name: "Eyebrow" });
-    k.text(sheet, "{{brand.tagline}}", { style: "Display 76", color: "text", name: "Headline" });
-    k.text(sheet, "One owner per email. No double replies. Nothing left on read.", { style: "Facts 19", color: "onPaper", name: "Facts" });
-    k.instance(sheet, "Label", { Label: `Two for one until ${PIGEON.ends}` }, { name: "Label" });
-    return k.finish();
-  }
-});
-
-export {
-  valentines_link_preview_default
-};

package/dist/chunks/chunk-PMVMC75G.js

@@ -1,51 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-import {
-  __export
-} from "./chunk-LJSVREWM.js";
-
-// templates/src/shared/motion.ts
-var motion_exports = {};
-__export(motion_exports, {
-  HOLD: () => HOLD,
-  appear: () => appear,
-  blink: () => blink,
-  cutOff: () => cutOff,
-  cutOn: () => cutOn,
-  drawOn: () => drawOn,
-  hz: () => hz
-});
-init_define_POPCRAFT_COMPONENT_IDS();
-var hz = (cycles, loopMs) => cycles * 1e3 / loopMs;
-var HOLD = { kind: "hold" };
-var SNAP = 100;
-var cutOn = (layer, at, gap) => ({ layer, preset: "fade-in", at: at - SNAP, params: { duration: SNAP, ease: HOLD }, ...gap ? { stagger: { delay: gap, order: "selection" } } : {} });
-var cutOff = (layer, at, gap) => ({ layer, preset: "fade-out", at: at - SNAP, params: { duration: SNAP, ease: HOLD }, ...gap ? { stagger: { delay: gap, order: "selection" } } : {} });
-var blink = (layer, at, duration = 1e3) => ({ layer, preset: "flash", at, params: { duration, ease: HOLD } });
-function drawOn(k, id, at, duration) {
-  k.animate(id, "trim.end", [{ t: at, v: 0, ease: ease.inOut("cubic") }, { t: at + duration, v: 1 }]);
-}
-function appear(k, id, at, fade = 160, to = 1) {
-  k.animate(id, "opacity", [{ t: at, v: 0, ease: ease.linear }, { t: at + fade, v: to }]);
-}
-
-export {
-  hz,
-  HOLD,
-  cutOn,
-  cutOff,
-  blink,
-  drawOn,
-  appear,
-  motion_exports
-};