@popcraft/kit 0.29.0 → 0.31.0

package/dist/chunks/chunk-FABJERXS.js

@@ -1,487 +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 {
-  fitRain,
-  fitScanlines,
-  rain,
-  scanlines
-} from "./chunk-J5TX2QYH.js";
-import {
-  RADIAL,
-  bloom,
-  hardShadow,
-  shadow
-} from "./chunk-M6VTXO6F.js";
-import {
-  box,
-  lcg,
-  line,
-  poly,
-  pt
-} from "./chunk-6RCDZU4R.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.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-FBKJKHIP.js

@@ -1,164 +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 {
-  assemble,
-  avatarSlice,
-  bentoBrand,
-  cellBox,
-  chartSlice,
-  disassemble,
-  drawChart,
-  fitAvatars,
-  fitChart,
-  grot,
-  lockup,
-  placePost,
-  tile,
-  tileLabel
-} from "./chunk-BGH5ILEK.js";
-import {
-  pill
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset
-} from "./chunk-OFAIOFJQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/social/style-bento-milestone.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Bento SaaS milestone post";
-var DURATION = 9e3;
-var TILES = ["Figure tile", "Team tile", "Notes tile", "Chart tile", "Thanks tile"];
-var TEAMS = [0.4, 1.1, 2, 3.2, 4.1, 5.8, 7.5, 9.9, 12.4, 15.8, 19, 22.6, 26.9, 31.2, 36, 41];
-var LAYOUT = {
-  "ig-post": {
-    grid: { x: 44, y: 44, w: 992, h: 992, cols: 4, rows: 4, gap: 16 },
-    pad: 28,
-    figure: "Figure 150",
-    cells: { "Figure tile": { c: 0, r: 0, cw: 3, rh: 2 }, "Team tile": { c: 3, r: 0, cw: 1, rh: 1 }, "Notes tile": { c: 3, r: 1, cw: 1, rh: 1 }, "Chart tile": { c: 0, r: 2, cw: 3, rh: 2 }, "Thanks tile": { c: 3, r: 2, cw: 1, rh: 2 } }
-  },
-  "ig-portrait": {
-    grid: { x: 44, y: 44, w: 992, h: 1262, cols: 4, rows: 5, gap: 16 },
-    pad: 30,
-    figure: "Figure 180",
-    cells: { "Figure tile": { c: 0, r: 0, cw: 4, rh: 2 }, "Team tile": { c: 0, r: 2, cw: 1, rh: 1 }, "Notes tile": { c: 1, r: 2, cw: 1, rh: 1 }, "Thanks tile": { c: 2, r: 2, cw: 2, rh: 1 }, "Chart tile": { c: 0, r: 3, cw: 4, rh: 2 } }
-  },
-  "ig-story": {
-    grid: { x: 64, y: 250, w: 952, h: 1606, cols: 4, rows: 8, gap: 16 },
-    pad: 30,
-    figure: "Figure 180",
-    rail: 940,
-    wordless: ["Team tile"],
-    cells: { "Figure tile": { c: 0, r: 0, cw: 4, rh: 2 }, "Notes tile": { c: 0, r: 2, cw: 2, rh: 2 }, "Thanks tile": { c: 2, r: 2, cw: 2, rh: 2 }, "Chart tile": { c: 0, r: 4, cw: 4, rh: 2 }, "Team tile": { c: 0, r: 6, cw: 4, rh: 2 } }
-  }
-};
-var cues = [
-  assemble(TILES, 0, 90, 600),
-  { layer: "Figure line", preset: "words-in", at: 1500, params: { duration: 600 } },
-  { layer: "Face", preset: "slide-in", at: 900, stagger: { delay: 90, order: "selection" }, params: { direction: "left", duration: 420 } },
-  { layer: "Face", preset: "pulse", at: 4800, stagger: { delay: 80, order: "selection" }, params: { duration: 400, amount: 0.08 } },
-  { layer: "Next", preset: "pulse", at: 5600, params: { duration: 800, amount: 0.06 } },
-  { layer: [...TILES], preset: "pulse", at: 6600, stagger: { delay: 60, order: "selection" }, params: { duration: 600, amount: 0.02 } },
-  disassemble(TILES, 8100, 50, 420)
-];
-var counts = [
-  { layer: "Teams figure", at: 500, duration: 2800, counter: { from: 0, to: 41e3, separator: "," } },
-  { layer: "Notes figure", at: 1200, duration: 2e3, counter: { from: 0, to: 1, decimals: 1, suffix: "M" } }
-];
-var style_bento_milestone_default = defineTemplate({
-  id: "motion-saas-style-bento-milestone",
-  meta: {
-    name: NAME,
-    description: "An animated milestone post in the bento grid look: tiles assemble around a lime hero tile where the figure counts to 41,000 teams, a night tile's month-by-month line draws itself up to this month, a million meeting notes count, the team pulses and a white tile thanks people and names the next mark; then the tiles leave back to the bare ground, so it loops. Nine seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "bento", "bento grid", "tiles", "ai", "productivity", "milestone", "metric", "counter", "chart", "stats", "thank you", "post", "loop"],
-    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["milestone", "announcement", "stats"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-post"));
-    k.quantizeGeometry = true;
-    bentoBrand(k);
-    grot(k, "Label 22", 22, { weight: 500, lead: 1.3 });
-    grot(k, "Brand 28", 28, { weight: 700, lead: 1.1, spacing: -0.02 });
-    for (const [n, sz] of [["Figure 180", 180], ["Figure 150", 150]]) grot(k, n, sz, { weight: 700, lead: 0.95, spacing: -0.06 });
-    grot(k, "Line 30", 30, { weight: 600, lead: 1.2, spacing: -0.02 });
-    grot(k, "Stat 120", 120, { weight: 700, lead: 1, spacing: -0.05 });
-    grot(k, "Stat 64", 64, { weight: 700, lead: 1, spacing: -0.05 });
-    grot(k, "Ui 22", 22, { weight: 500, lead: 1.3 });
-    grot(k, "Next 26", 26, { weight: 700, lead: 1.2, spacing: -0.02 });
-    pill(k, "Next", { fill: "night", ink: "onNight", style: "Next 26", label: "Next: 100k", pad: [10, 18] });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Milestone");
-    k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    const L = LAYOUT["ig-post"], g = L.grid;
-    const fig = tile(k, sheet, g, L.cells["Figure tile"], { name: "Figure tile", surface: "primary", pad: L.pad });
-    tileLabel(k, fig, "Milestone", { style: "Label 22", surface: "primary", size: 22, right: "October 2026", name: "Figure label" });
-    const fb = k.stack(fig, { gap: 8, name: "Figure body" });
-    k.text(fb, "41,000", { style: L.figure, color: "onPrimary", width: "FILL", name: "Teams figure" });
-    k.text(fb, "teams now plan their week with Tessera", { style: "Line 30", color: "onPrimary", width: "FILL", name: "Figure line" });
-    const tm = tile(k, sheet, g, L.cells["Team tile"], { name: "Team tile", surface: "sand", pad: L.pad });
-    tileLabel(k, tm, "All of you", { style: "Label 22", surface: "sand", size: 22, name: "Team label" });
-    avatarSlice(k, tm, { d: 60, n: 4, ring: "sand", overlap: 0.4 });
-    const no = tile(k, sheet, g, L.cells["Notes tile"], { name: "Notes tile", surface: "sky", pad: L.pad });
-    tileLabel(k, no, "Meeting notes", { style: "Label 22", surface: "sky", size: 22 });
-    k.text(no, "1.0M", { style: "Stat 64", color: "onSky", width: "FILL", name: "Notes figure" });
-    const ch = tile(k, sheet, g, L.cells["Chart tile"], { name: "Chart tile", surface: "night", pad: L.pad });
-    tileLabel(k, ch, "Teams, month by month", { style: "Label 22", surface: "night", size: 22, right: "Since launch", name: "Chart label" });
-    chartSlice(k, ch, { w: 100, h: 100, ink: "onNight", weight: 6, values: TEAMS, max: 44 });
-    const th = tile(k, sheet, g, L.cells["Thanks tile"], { name: "Thanks tile", surface: "card", pad: L.pad });
-    lockup(k, th, { size: 36, style: "Brand 28", ink: "onCard" });
-    k.text(th, "Thank you for every plan you let it make.", { style: "Ui 22", color: "onCard", width: "FILL", name: "Thanks words" });
-    k.instance(th, "Next", { Label: "Next: 100k" }, { name: "Next" });
-    const fit = (kit, root, size) => {
-      const l = LAYOUT[size];
-      placePost(kit, root, l.grid, l.cells, { pad: l.pad, rail: l.rail });
-      for (const id of kit.named(root, "Teams figure")) kit.restyle(id, l.figure);
-      if (size === "ig-story") for (const id of kit.named(root, "Notes figure")) kit.restyle(id, "Stat 120");
-      for (const n of l.wordless ?? []) for (const t2 of kit.named(root, n)) {
-        kit.patch(t2, { primaryAxisAlignItems: "CENTER", counterAxisAlignItems: "CENTER" });
-        for (const id of kit.named(t2, "Team label")) kit.patch(id, { visible: false });
-      }
-      const inner = (n) => {
-        const b = cellBox(l.grid, l.cells[n]);
-        const over = l.rail ? Math.max(0, b.x + b.w - l.pad - l.rail) : 0;
-        return { w: b.w - 2 * l.pad - over, h: b.h - 2 * l.pad };
-      };
-      const c = inner("Chart tile");
-      fitChart(kit, root, c.w, c.h - 48, "Chart", TEAMS, 44);
-      const t = inner("Team tile"), tw = !(l.wordless ?? []).includes("Team tile");
-      fitAvatars(kit, root, Math.min(tw ? 72 : 150, t.h - (tw ? 44 : 0), Math.round(t.w / 2.8)), 0.4);
-    };
-    fit(k, sheet, "ig-post");
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    drawChart(k, sheet, 700, 3e3);
-    k.variants(sheet, [
-      { preset: "ig-portrait", adjust: (kit, id) => fit(kit, id, "ig-portrait") },
-      { preset: "ig-story", adjust: (kit, id) => fit(kit, id, "ig-story") }
-    ]);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_bento_milestone_default
-};