@popcraft/kit 0.31.0 → 0.32.1

package/dist/chunks/chunk-2JGBSXGD.js

@@ -1,313 +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 {
-  bloom,
-  glow,
-  hardShadow
-} from "./chunk-M6VTXO6F.js";
-import {
-  box,
-  lcg,
-  poly,
-  pt
-} from "./chunk-6RCDZU4R.js";
-import {
-  ease
-} from "./chunk-YYQUCS6P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/themes/vaporwave-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function vaporBrand(k, fields = {}) {
-  k.brand(
-    {
-      paper: "#082C38",
-      text: "#FFF3DC",
-      onPaper: "#A6ECE0",
-      primary: "#FF2E88",
-      onPrimary: "#2B0016",
-      accent: "#FF9E2C",
-      onAccent: "#2B1200",
-      secondary: "#19D3C5",
-      onSecondary: "#04282B",
-      card: "#F1E8D8",
-      onCard: "#12313A"
-    },
-    { name: "Dotmall", url: "dotmall.example", ...fields }
-  );
-  k.palette({ dusk: "#0A2A3C", night: "#04141D", floor: "#06202B", sun: "#FFD45E", hi: "#FFFFFF", shade: "#000000", marble: "#F6F1EA", marbleShade: "#8FB3BC", tile: "#FFB3D1" });
-}
-var disc = (cx, cy, rx, ry = rx, n = 20) => poly(Array.from({ length: n }, (_, i) => [cx + rx * Math.cos(i / n * Math.PI * 2), cy + ry * Math.sin(i / n * Math.PI * 2)]));
-var BANDS = [[0, 0.5], [0.53, 0.62], [0.66, 0.735], [0.785, 0.845], [0.9, 0.945], [0.985, 1]];
-function sunPaths(d) {
-  const r = d / 2;
-  return BANDS.map(([a, b]) => {
-    const a0 = Math.asin(Math.max(-1, Math.min(1, (a * d - r) / r))), a1 = Math.asin(Math.max(-1, Math.min(1, (b * d - r) / r)));
-    const n = Math.max(3, Math.ceil((a1 - a0) / Math.PI * 40));
-    const arc = Array.from({ length: n + 1 }, (_, i) => a0 + (a1 - a0) * i / n);
-    return poly([...arc.map((t) => [r + r * Math.cos(t), r + r * Math.sin(t)]), ...[...arc].reverse().map((t) => [r - r * Math.cos(t), r + r * Math.sin(t)])]);
-  });
-}
-function sun(k, parent, d, o) {
-  const id = k.frame(parent, { x: o.cx - d / 2, y: o.cy - d / 2, width: d, height: d }, { name: "Sun" });
-  glow(k, id, { x: d / 2, y: d / 2, w: d * 1.9, role: "accent", alpha: 0.5, name: "Sun light" });
-  k.vector(id, d, d, sunPaths(d), "sun", { name: "Sun disc", absolute: { x: 0, y: 0 } });
-  k.vector(id, d, d, sunPaths(d), [k.gradient({ from: "primary", to: "primary", angle: 90, fromOpacity: 0, toOpacity: 1 })], { name: "Sun blush", absolute: { x: 0, y: 0 } });
-  if (o.sink && o.loopMs) k.animate(id, "translateY", o.returns ? [{ t: 0, v: 0, ease: ease.inOut("sine") }, { t: Math.round(o.loopMs / 2), v: o.sink, ease: ease.inOut("sine") }, { t: o.loopMs, v: 0 }] : [{ t: 0, v: 0 }, { t: o.loopMs, v: o.sink }]);
-  return id;
-}
-var ROWS = 12;
-var DEPTH = 8;
-var rowY = (s) => 1 / (1 + (1 - s) * DEPTH);
-function gridFloor(k, parent, w, h, o) {
-  const id = k.frame(parent, { ...o.at, width: w, height: h }, { name: o.name ?? "Floor", clip: true, fill: "floor" });
-  k.rect(id, w, h * 0.7, [k.gradient({ from: "primary", to: "primary", angle: 90, fromOpacity: 0.7, toOpacity: 0 })], { name: "Horizon light", absolute: { x: 0, y: 0 } });
-  const weight = o.weight ?? Math.max(1.5, w / 400);
-  const spread = o.spread ?? w / 5;
-  const cx = w / 2;
-  const fan = [];
-  for (let j = -14; j <= 14; j++) fan.push({ closed: false, points: [pt(cx + j * spread / (1 + DEPTH), h / (1 + DEPTH)), pt(cx + j * spread, h)] });
-  k.vector(id, w, h, fan, "secondary", { name: "Grid lines", strokeWidth: weight, absolute: { x: 0, y: 0 }, effects: [bloom(k, "secondary", weight * 5, 0.7)] });
-  for (let i = 0; i < ROWS; i++) {
-    const y = rowY(i / ROWS) * h;
-    const line = k.rect(id, w, weight * (0.7 + 1.3 * (i / ROWS)), "secondary", { name: "Grid row", absolute: { x: 0, y }, effects: [bloom(k, "secondary", weight * 5, 0.7)] });
-    if (!o.cellMs) continue;
-    const keys = Array.from({ length: 7 }, (_, q) => ({ t: q / 6 * o.cellMs, v: rowY((i + q / 6) / ROWS) * h - y }));
-    k.animate(line, "translateY", keys);
-    k.behave(line, "translateY", [{ kind: "loop", mode: "cycle" }]);
-    k.animate(line, "scaleY", [{ t: 0, v: 1 }, { t: o.cellMs, v: (0.7 + 1.3 * ((i + 1) / ROWS)) / (0.7 + 1.3 * (i / ROWS)) }]);
-    k.behave(line, "scaleY", [{ kind: "loop", mode: "cycle" }]);
-  }
-  k.rect(id, w, weight * 1.2, "accent", { name: "Seam", absolute: { x: 0, y: 0 }, effects: [bloom(k, "accent", weight * 8, 0.9)] });
-  return id;
-}
-function checker(k, parent, w, h, cell, color, o = {}) {
-  const paths = [];
-  for (let r = 0; r * cell < h; r++) for (let c = r % 2; c * cell < w; c += 2) paths.push(box(c * cell, r * cell, Math.min(cell, w - c * cell), Math.min(cell, h - r * cell)));
-  return k.vector(parent, w, h, paths, color, { name: o.name ?? "Checker", ...o.absolute ? { absolute: o.absolute } : {}, ...o.opacity !== void 0 ? { opacity: o.opacity } : {} });
-}
-function fitChecker(k, id, w, h, cell) {
-  const paths = [];
-  for (let r = 0; r * cell < h; r++) for (let c = r % 2; c * cell < w; c += 2) paths.push(box(c * cell, r * cell, Math.min(cell, w - c * cell), Math.min(cell, h - r * cell)));
-  k.patch(id, { width: w, height: h, paths });
-}
-function frond(angle, len) {
-  const a = angle * Math.PI / 180;
-  const p1 = [Math.cos(a) * len * 0.55, Math.sin(a) * len * 0.55 - len * 0.18];
-  const p2 = [Math.cos(a) * len, Math.sin(a) * len + len * 0.42];
-  const n = 18;
-  const spine = Array.from({ length: n + 1 }, (_, i) => {
-    const t = i / n;
-    return [2 * (1 - t) * t * p1[0] + t * t * p2[0], 2 * (1 - t) * t * p1[1] + t * t * p2[1]];
-  });
-  const under = spine.map(([x, y], i) => {
-    const t = i / n;
-    const d = len * 0.2 * Math.sin(Math.PI * Math.min(1, t * 1.15)) * (i % 2 ? 1 : 0.3);
-    return [x - Math.cos(a) * d * 0.25, y + d];
-  });
-  const over = spine.map(([x, y], i) => [x, y - len * 0.012 * (1 - i / n)]);
-  return poly([...over, ...under.reverse()]);
-}
-function palm(k, parent, h, o) {
-  const lean = (o.lean ?? 0.16) * h * (o.flip ? -1 : 1);
-  const len = h * 0.42;
-  const pad = len * 1.5;
-  const W = pad * 2, H = h + pad;
-  const id = k.frame(parent, { x: o.x - pad, y: o.base - H, width: W, height: H }, { name: "Palm", ...o.opacity !== void 0 ? { opacity: o.opacity } : {} });
-  const tw = h * 0.045;
-  const n = 12;
-  const mid = (t) => [pad + lean * t * t, H - h * t];
-  const left = Array.from({ length: n + 1 }, (_, i) => {
-    const t = i / n;
-    const [x, y] = mid(t);
-    return [x - tw * (1 - 0.5 * t), y];
-  });
-  const right = Array.from({ length: n + 1 }, (_, i) => {
-    const t = i / n;
-    const [x, y] = mid(t);
-    return [x + tw * (1 - 0.5 * t), y];
-  });
-  k.vector(id, W, H, [poly([...left, ...right.reverse()])], "night", { name: "Trunk", absolute: { x: 0, y: 0 }, effects: [hardShadow(k, "primary", o.flip ? 3 : -3, 0, 0.55)] });
-  const [cx, cy] = mid(1);
-  const crown = k.frame(id, { x: cx - pad, y: cy - pad, width: pad * 2, height: pad * 2 }, { name: "Fronds" });
-  const angles = [-172, -148, -122, -98, -74, -50, -24, 4, 176];
-  k.vector(crown, pad * 2, pad * 2, angles.map((a, i) => {
-    const f = frond(a, len * (0.82 + 0.18 * (i * 7 % 3) / 2));
-    return { ...f, points: f.points.map((p) => pt(p.x + pad, p.y + pad)) };
-  }), "night", { name: "Leaves", absolute: { x: 0, y: 0 }, effects: [hardShadow(k, "primary", 0, -3, 0.5)] });
-  if (o.loopMs) k.behave(crown, "rotation", [{ kind: "sine", amp: 2.2, freq: (o.cycles ?? 2) * 1e3 / o.loopMs, phase: o.phase ?? 0 }]);
-  return id;
-}
-function egg(cx, cy, rx, ry, from = 0, to = 360, n = 28) {
-  return Array.from({ length: n + 1 }, (_, i) => {
-    const a = (from + (to - from) * i / n) * Math.PI / 180;
-    const s = Math.sin(a);
-    return [cx + rx * Math.cos(a) * (1 - 0.2 * Math.max(0, s)), cy + ry * s];
-  });
-}
-function bust(k, parent, h, o) {
-  const u = h / 100;
-  const W = 72 * u;
-  const id = k.frame(parent, { x: o.x - W / 2, y: o.base - h, width: W, height: h }, { name: o.name ?? "Bust", ...o.opacity !== void 0 ? { opacity: o.opacity } : {} });
-  const S = (pts) => poly(pts.map(([x, y]) => [x * u, y * u]));
-  const curls = [];
-  for (let i = 0; i <= 10; i++) {
-    const a = (188 + i * 16.4) * Math.PI / 180;
-    curls.push([36 + 12.6 * Math.cos(a), 31 + 15.2 * Math.sin(a), 3.5]);
-  }
-  for (let i = 0; i <= 6; i++) {
-    const a = (205 + i * 21.6) * Math.PI / 180;
-    curls.push([36 + 8.2 * Math.cos(a), 28.5 + 11 * Math.sin(a), 3.3]);
-  }
-  curls.push([36, 20.5, 3.4], [31.5, 22.5, 3], [40.5, 22.5, 3]);
-  const torso = [[6, 86], [8, 73], [15, 66], [25, 61.5], [30, 59], [42, 59], [47, 61.5], [57, 66], [64, 73], [66, 86], [52, 89], [36, 90], [20, 89]];
-  const marble = [
-    S([[14, 92], [58, 92], [58, 100], [14, 100]]),
-    S([[10, 88], [62, 88], [62, 92], [10, 92]]),
-    S(torso),
-    S([[30, 61], [31, 44], [41, 44], [42, 61]]),
-    S(egg(36, 31, 12.4, 16.2)),
-    S([[23.2, 30], [24.6, 29], [24.6, 37], [23.4, 36]]),
-    S([[48.8, 30], [47.4, 29], [47.4, 37], [48.6, 36]]),
-    ...curls.map(([x, y, r]) => disc(x * u, y * u, r * u))
-  ];
-  k.vector(id, W, h, marble, "marble", { name: "Marble", absolute: { x: 0, y: 0 }, effects: [hardShadow(k, "secondary", -1.6 * u, 0, 0.9), hardShadow(k, "primary", 2 * u, 0.4 * u, 0.9)] });
-  const shade = [
-    S([...egg(36, 31, 12.4, 16.2, -90, 90, 14), [36, 47.2]]),
-    S([[36, 44], [41, 44], [42, 61], [36, 61]]),
-    S([[36, 59], [42, 59], [47, 61.5], [57, 66], [64, 73], [66, 86], [52, 89], [36, 90]]),
-    S([[36, 88], [62, 88], [62, 92], [36, 92]]),
-    S([[36, 92], [58, 92], [58, 100], [36, 100]]),
-    ...curls.filter(([x]) => x > 36.5).map(([x, y, r]) => disc(x * u, y * u, r * u))
-  ];
-  k.vector(id, W, h, shade, "marbleShade", { name: "Shade", absolute: { x: 0, y: 0 }, opacity: 0.5 });
-  const carved = [
-    ...curls.map(([x, y, r]) => disc((x + 0.6) * u, (y + 0.7) * u, r * 0.42 * u, r * 0.42 * u, 10)),
-    // The face: arched brows, lidded blank eyes, the nose's shadow and its foot, two lips and a tendon of the neck.
-    S([[26.6, 29], [28.6, 27.5], [31.4, 27.1], [34.2, 27.8], [34.3, 28.9], [31.4, 28.2], [28.9, 28.5], [27, 29.7]]),
-    S([[45, 29.7], [43.1, 28.5], [40.6, 28.2], [37.7, 28.9], [37.8, 27.8], [40.6, 27.1], [43.4, 27.5], [45.4, 29]]),
-    S([[27.4, 32], [29, 30.7], [31, 30.4], [32.9, 30.9], [34, 32.1], [32.7, 31.6], [31, 31.3], [29.2, 31.5]]),
-    S([[42.8, 31.5], [41, 31.3], [39.3, 31.6], [38, 32.1], [39.1, 30.9], [41, 30.4], [43, 30.7], [44.6, 32]]),
-    S([[28.2, 33], [30.9, 33.5], [33.3, 32.9], [33.2, 33.5], [30.9, 34.2], [28.3, 33.5]]),
-    S([[43.7, 33.5], [41.1, 34.2], [38.8, 33.5], [38.7, 32.9], [41.1, 33.5], [43.8, 33]]),
-    S([[36.9, 28.6], [37.9, 28.6], [39.4, 37.6], [38.6, 39], [36, 39.8], [33.5, 38.9], [33.2, 37.9], [34.2, 37.5], [36, 38.6], [37.5, 37.6]]),
-    S([[32, 42.7], [34.5, 41.7], [36, 42.1], [37.5, 41.7], [40, 42.7], [36, 43.2]]),
-    S([[33.3, 43.7], [38.7, 43.7], [37.6, 45], [34.4, 45]]),
-    S([[32.6, 48.4], [33.3, 48.2], [35.3, 58], [34.6, 58.2]]),
-    S([[31, 58.4], [41, 58.4], [41.4, 59.8], [30.6, 59.8]]),
-    S([[12, 72], [30, 64], [36, 80], [34.6, 80.4], [29, 66.4], [12.6, 73.4]]),
-    S([[60, 72], [42, 64], [36, 80], [37.4, 80.4], [43, 66.4], [59.4, 73.4]]),
-    S([[18, 80], [33, 84.6], [32.6, 85.8], [17.6, 81.2]]),
-    S([[54, 80], [39, 84.6], [39.4, 85.8], [54.4, 81.2]]),
-    S([[10, 91.2], [62, 91.2], [62, 92], [10, 92]])
-  ];
-  k.vector(id, W, h, carved, "marbleShade", { name: "Carving", absolute: { x: 0, y: 0 } });
-  return id;
-}
-function starPaths(w, h, count, seed) {
-  const next = lcg(seed);
-  return Array.from({ length: count }, () => {
-    const s = next() < 0.25 ? 4 : 2;
-    return box(Math.round(next() * (w - 4)), Math.round(next() * next() * h), s, s);
-  });
-}
-function ridgePaths(w, h, seed) {
-  const next = lcg(seed);
-  const pts = [[0, h]];
-  const n = 22;
-  for (let i = 0; i <= n; i++) {
-    const mid = Math.abs(i / n - 0.5) * 2;
-    pts.push([i / n * w, h - h * (0.12 + 0.88 * mid * mid) * (0.45 + 0.55 * next())]);
-  }
-  pts.push([w, h]);
-  return [poly(pts)];
-}
-function mall(k, parent, w, h, o) {
-  const at = o.at ?? { x: 0, y: 0 };
-  const id = k.frame(parent, { ...at, width: w, height: h }, { name: o.name ?? "Mall", clip: true, fill: "dusk" });
-  const hz = o.horizon;
-  k.rect(id, w, hz, [k.gradient({ from: "night", to: "night", angle: 90, fromOpacity: 0.85, toOpacity: 0 })], { name: "Night", absolute: { x: 0, y: 0 } });
-  k.rect(id, w, hz * 0.7, [k.gradient({ from: "primary", to: "primary", angle: 90, fromOpacity: 0, toOpacity: 0.62 })], { name: "Dusk light", absolute: { x: 0, y: hz * 0.3 } });
-  glow(k, id, { x: w / 2, y: hz, w: w * 1.5, h: hz * 0.7, role: "accent", alpha: 0.6, name: "Horizon glow" });
-  if (o.stars !== 0) k.vector(id, w, hz * 0.8, starPaths(w, hz * 0.8, o.stars ?? Math.round(w * hz / 9e3), 11), "hi", { name: "Stars", absolute: { x: 0, y: 0 }, opacity: 0.8 });
-  if (o.sun) sun(k, id, o.sun.d, { cx: o.sun.cx ?? w / 2, cy: o.sun.cy, sink: o.sun.sink, loopMs: o.loopMs, returns: o.sun.returns });
-  const rh = Math.max(18, hz * 0.07);
-  k.vector(id, w, rh, ridgePaths(w, rh, 5), "night", { name: "Ridge", absolute: { x: 0, y: hz - rh + 1 }, effects: [hardShadow(k, "primary", 0, -2, 0.5)] });
-  gridFloor(k, id, w, h - hz, { at: { x: 0, y: hz }, cellMs: o.loopMs ? o.cellMs ?? 1200 : 0 });
-  o.palms?.forEach((p, i) => palm(k, id, p.h, { x: p.x, base: p.base ?? hz + (h - hz) * 0.16, flip: p.flip, loopMs: o.loopMs, cycles: 2 + i % 2, phase: i * 0.31 % 1 }));
-  return id;
-}
-function osButtons(k, style, pad = [12, 26]) {
-  const [v, h] = pad;
-  const d = Math.max(2, Math.round(v / 4));
-  const base = { direction: "HORIZONTAL", width: "HUG", align: "CENTER", padding: { top: v, right: h, bottom: v, left: h }, effects: [hardShadow(k, "shade", d, d, 0.75)] };
-  k.component("OS button", { ...base, fill: "card", stroke: { color: "onCard", width: Math.max(1.5, d / 2), align: "INSIDE", join: "MITER" }, props: { Label: "Cancel" } }, (id) => {
-    k.propText(id, "Label", { style, color: "onCard", autoWidth: true });
-  });
-  k.component("OS button hot", { ...base, fill: "accent", stroke: { color: "onAccent", width: Math.max(1.5, d / 2), align: "INSIDE", join: "MITER" }, props: { Label: "OK" } }, (id) => {
-    k.propText(id, "Label", { style, color: "onAccent", autoWidth: true });
-  });
-}
-function osWindow(k, parent, o) {
-  const b = Math.max(2, Math.round((o.bar ?? 44) / 14));
-  const bar = o.bar ?? 44;
-  const win = k.stack(parent, { width: o.width, fill: "shade", padding: { top: 0, right: b, bottom: b, left: 0 }, effects: [hardShadow(k, "shade", o.shadow ?? b * 4, o.shadow ?? b * 4, 0.42)], name: o.name ?? "Window", ...o.absolute ? { absolute: o.absolute } : {} });
-  const lit = k.stack(win, { fill: "hi", padding: { top: b, right: 0, bottom: 0, left: b }, name: "Bevel" });
-  const face = k.stack(lit, { fill: "card", padding: b * 2, gap: 0, name: "Face" });
-  const title = k.stack(face, { direction: "HORIZONTAL", align: "CENTER", gap: Math.round(bar * 0.25), fill: "primary", padding: { top: Math.round(bar * 0.16), right: Math.round(bar * 0.16), bottom: Math.round(bar * 0.16), left: Math.round(bar * 0.3) }, name: "Title bar" });
-  const q = Math.round(bar * 0.46) / 2.3;
-  k.vector(title, q * 2.3, q * 2.3, [box(0, 0, q, q), box(q * 1.3, q * 1.3, q, q)], "onPrimary", { name: "Icon" });
-  k.text(title, o.title, { style: o.titleStyle, color: "onPrimary", name: "Title" });
-  const s = Math.round(bar * 0.56);
-  const glyphs = [
-    [box(s * 0.25, s * 0.68, s * 0.5, s * 0.12)],
-    [box(s * 0.22, s * 0.22, s * 0.56, s * 0.14), box(s * 0.22, s * 0.22, s * 0.1, s * 0.56), box(s * 0.68, s * 0.22, s * 0.1, s * 0.56), box(s * 0.22, s * 0.7, s * 0.56, s * 0.08)],
-    [poly([[s * 0.22, s * 0.3], [s * 0.3, s * 0.22], [s * 0.78, s * 0.7], [s * 0.7, s * 0.78]]), poly([[s * 0.7, s * 0.22], [s * 0.78, s * 0.3], [s * 0.3, s * 0.78], [s * 0.22, s * 0.7]])]
-  ];
-  const keys = k.stack(title, { direction: "HORIZONTAL", width: "HUG", gap: Math.max(2, s * 0.12), name: "Window buttons" });
-  for (const g of glyphs) {
-    const key = k.stack(keys, { width: s, height: s, fill: "card", effects: [hardShadow(k, "shade", Math.max(1, b / 2), Math.max(1, b / 2), 0.7)], name: "Window button" });
-    k.vector(key, s, s, g, "onCard", { name: "Glyph", absolute: { x: 0, y: 0 } });
-  }
-  const pad = o.pad ?? bar * 0.5;
-  const body = k.stack(face, { gap: o.gap ?? pad * 0.6, padding: { top: pad, right: pad, bottom: pad, left: pad }, align: o.align ?? "MIN", name: "Body" });
-  return { win, body, bar: title };
-}
-function osField(k, parent, o = {}) {
-  const [v, h] = o.pad ?? [12, 16];
-  const well = k.stack(parent, { ...o.width ? { width: o.width } : {}, fill: "shade", padding: { top: 3, right: 0, bottom: 0, left: 3 }, name: o.name ?? "Field" });
-  return k.stack(well, { direction: "HORIZONTAL", align: "CENTER", gap: h * 0.6, fill: "paper", padding: { top: v, right: h, bottom: v, left: h }, ...o.height ? { height: o.height } : {}, name: "Field well" });
-}
-function pointer(k, parent, size, o) {
-  const s = size / 20;
-  const arrow = poly([[0, 0], [0, 16 * s], [4.2 * s, 12.4 * s], [7 * s, 19 * s], [9.8 * s, 17.8 * s], [7 * s, 11.6 * s], [12.4 * s, 11.6 * s]]);
-  return k.vector(parent, 13 * s, 20 * s, [arrow], "hi", { name: o.name ?? "Pointer", absolute: o.absolute, stroke: { color: "shade", width: Math.max(1.5, s * 1.4), join: "MITER" }, effects: [hardShadow(k, "shade", 3 * s, 3 * s, 0.4)] });
-}
-function tag(k, parent, label, o) {
-  const [v, h] = o.pad ?? [6, 14];
-  const id = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", fill: o.fill, padding: { top: v, right: h, bottom: v, left: h }, name: o.name ?? "Tag" });
-  k.text(id, label, { style: o.style, color: o.ink, autoWidth: true, name: `${o.name ?? "Tag"} text` });
-  return id;
-}
-
-export {
-  vaporBrand,
-  sun,
-  gridFloor,
-  checker,
-  fitChecker,
-  palm,
-  bust,
-  mall,
-  osButtons,
-  osWindow,
-  osField,
-  pointer,
-  tag
-};

package/dist/chunks/chunk-2JLOWPDO.js

@@ -1,255 +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 {
-  brackets,
-  buzz,
-  courierBox,
-  cyberBrand,
-  fitBrackets,
-  fitHudGrid,
-  fitStreet,
-  hazard,
-  hudGrid,
-  lift,
-  plate,
-  split,
-  stampUnder,
-  street
-} from "./chunk-5N6C6D64.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-TF2MO3UA.js";
-import {
-  HOLD,
-  blink,
-  cutOn
-} from "./chunk-WV6ZTKE7.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/web/cyberpunk-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var IMPLANTS = [
-  ["IMP-01", "Tripwire", "Reads every tool call against your policy before it runs. It blocks, allows, or asks a human.", "38 ms", "p95 overhead"],
-  ["IMP-02", "Redactor", "Finds keys, tokens and customer records in a call\u2019s arguments and strips them before they leave.", "142", "secret formats"],
-  ["IMP-03", "Kill switch", "Revokes one agent\u2019s credentials from Slack. Every session it holds dies with them.", "300 ms", "to revoke"],
-  ["IMP-04", "Black box", "Records each call, the verdict and the reason, signed, for the audit you will be asked for.", "13 mo", "kept"]
-];
-var LOG = [
-  ["02:14:07", "support-bot-7 opens ticket #88213"],
-  ["02:14:09", "send_email(to: external, body: sk_live_\u2026)"],
-  ["02:14:09", "BLOCKED \xB7 secret in outbound call \xB7 38 ms"],
-  ["02:14:10", "credentials rotated, #sec-ops notified"]
-];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Eyebrow", preset: "fade-in", at: 100, params: { duration: 500 } },
-  { layer: "Headline", preset: "typewriter", at: 150, params: { duration: 650 } },
-  blink("Neon accent", 300, 420),
-  blink("Neon secondary", 480, 420),
-  blink("Neon primary", 680, 380),
-  { layer: "Lead", preset: "rise-in", at: 800, params: { duration: 700 } },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1150, params: { duration: 500 }, stagger: { delay: 120 } },
-  { layer: "Proof", preset: "fade-in", at: 1500, params: { duration: 600 } },
-  cutOn("Lock", 1500),
-  blink("Lock", 2100, 300),
-  cutOn("Tag", 2200),
-  { layer: "Tag value", preset: "typewriter", at: 2200, params: { duration: 220 }, stagger: { delay: 200 } },
-  { layer: "Stamp", preset: "pop-in", at: 3e3, params: { duration: 240, amount: 0.5 } },
-  { layer: "Street", preset: "camera-shake", at: 3e3, params: { duration: 420, distance: 10, amount: 0.4 } }
-];
-var SCENE = { horizon: 0.8, figure: 0.27, holo: 0.2 };
-var SCENE_PHONE = { ...SCENE, holo: 0.17 };
-var STAMP_W = 196;
-function hud(w, h, inset, scene = SCENE) {
-  const c = courierBox(w, h, scene);
-  const lock = { x: inset + c.x - 26, y: c.y - 22, width: c.width + 52, height: c.height + 40 };
-  return { lock, tag: { x: 0, y: Math.round(h * 0.46) }, stamp: stampUnder(c, STAMP_W, inset) };
-}
-var cyberpunk_landing_default = defineTemplate({
-  id: "web-cyberpunk-landing",
-  meta: {
-    name: "Cyberpunk landing page",
-    description: "A neon-street landing page for a security, infrastructure or AI-agent product: a hero where the headline is typed with its colours split, the signs flicker on, a HUD\u2019s brackets lock onto a courier in the rain and BLOCKED is stamped at his feet; then the product as a ruled slot map of four implants and one incident told as its own log \u2014 at desktop, laptop, tablet and phone widths",
-    category: "web",
-    tags: ["cyberpunk", "neon", "hud", "glitch", "rain", "night", "security", "ai agents", "dev tool", "infrastructure", "landing page", "hero", "website", "saas", "animation", "mono", "responsive", "dark"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["launch", "brand-intro", "case-study"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Cyberpunk landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    cyberBrand(k);
-    k.textStyle("Nav 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Brand 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1, lineHeight: 28, textCase: "UPPER" });
-    k.textStyle("Button 15", { ...MONO, size: 15, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Eyebrow 14", { ...MONO, size: 14, fontWeight: 700, letterSpacing: 2.4, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Display 76", { size: 76, fontWeight: 900, letterSpacing: -2.8, lineHeight: 76 });
-    k.textStyle("Display 66", { size: 66, fontWeight: 900, letterSpacing: -2.4, lineHeight: 66 });
-    k.textStyle("Display 60", { size: 60, fontWeight: 900, letterSpacing: -2, lineHeight: 60 });
-    k.textStyle("Display 40", { size: 40, fontWeight: 900, letterSpacing: -1.2, lineHeight: 42 });
-    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 32 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 27 });
-    k.textStyle("Proof 14", { ...MONO, size: 14, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Section 48", { size: 48, fontWeight: 900, letterSpacing: -1.6, lineHeight: 50 });
-    k.textStyle("Section 32", { size: 32, fontWeight: 900, letterSpacing: -0.8, lineHeight: 36 });
-    k.textStyle("Slot 15", { ...MONO, size: 15, fontWeight: 700, letterSpacing: 2, lineHeight: 34, textCase: "UPPER" });
-    k.textStyle("Implant 28", { size: 28, fontWeight: 800, letterSpacing: -0.4, lineHeight: 34 });
-    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Spec 26", { ...MONO, size: 26, fontWeight: 700, lineHeight: 34, textAlign: "RIGHT" });
-    k.textStyle("Spec 26 start", { ...MONO, size: 26, fontWeight: 700, lineHeight: 34, textAlign: "LEFT" });
-    k.textStyle("Note 14", { ...MONO, size: 14, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Readout 15", { ...MONO, size: 15, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Hud 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.4, lineHeight: 16, textCase: "UPPER" });
-    k.textStyle("Stamp 34", { size: 34, fontWeight: 900, letterSpacing: 2, lineHeight: 36 });
-    k.textStyle("Log 16", { ...MONO, size: 16, fontWeight: 500, lineHeight: 28 });
-    k.textStyle("Zero 96", { size: 96, fontWeight: 900, letterSpacing: -4, lineHeight: 92 });
-    k.textStyle("Small 14", { ...MONO, size: 14, fontWeight: 500, lineHeight: 22 });
-    buttons(k, { style: "Button 15", pad: [14, 24], radius: 0 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 80, top: 0 });
-    k.timeline(sheet, { duration: 5e3, fps: 30 });
-    hudGrid(k, sheet, 1440, 840);
-    const head = k.stack(sheet, { gap: 22, name: "Head" });
-    hazard(k, head, 10);
-    nav(k, head, { links: ["Implants", "Incident log", "Pricing", "Docs"], cta: "Lock your agents", style: "Nav 15", brandStyle: "Brand 20" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 56, align: "CENTER", name: "Hero" });
-    const copy = k.stack(hero, { gap: 26, name: "Copy" });
-    k.text(copy, "Runtime guard for AI agents // v2.4", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
-    k.text(copy, "EVERY TOOL CALL, CHECKED BEFORE IT RUNS.", { style: "Display 76", color: "text", name: "Headline", effects: split(k, 4) });
-    k.text(copy, "{{brand.name}} sits between your agents and their tools. It reads each call in under 40 ms, blocks the ones that leak a secret, move money or follow a poisoned prompt, and writes down why.", { style: "Lead 20", color: "onPaper", name: "Lead" });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: "Lock your agents" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "Read the incident log" }, { name: "CTA quiet" });
-    k.text(copy, "41,208 calls blocked last month \xB7 p95 38 ms \xB7 SOC 2 Type II", { style: "Proof 14", color: "onPaper", name: "Proof" });
-    const SW = 480, SH = 640, INSET = 40;
-    const visual = k.stack(hero, { width: SW + INSET, padding: { top: 0, right: 0, bottom: 0, left: INSET }, name: "Visual" });
-    const st = street(k, visual, SW, SH, { ...SCENE, flow: true });
-    buzz(k, st);
-    const at = hud(SW, SH, INSET);
-    const lock = brackets(k, visual, at.lock.width, at.lock.height, { name: "Lock", len: 30, width: 4, absolute: { x: at.lock.x, y: at.lock.y } });
-    const tag = plate(k, visual, { width: 212, gap: 2, padding: { top: 14, right: 12, bottom: 12, left: 14 }, edge: "accent", tab: "accent", name: "Tag", absolute: at.tag, effects: [lift(k, 30, 0.8)] });
-    for (const [label, value] of [["Agent", "support-bot-7"], ["Call", "send_email()"], ["Verdict", "403 \xB7 38 ms"]]) {
-      k.text(tag, label, { style: "Hud 12", color: "onCard", name: "Tag label" });
-      k.text(tag, value, { style: "Readout 15", color: "onCard", name: "Tag value" });
-    }
-    const stamp = k.stack(visual, { direction: "HORIZONTAL", width: STAMP_W, justify: "CENTER", fill: "primary", padding: { top: 3, right: 14, bottom: 4, left: 14 }, stroke: { color: "onPrimary", width: 3, align: "INSIDE", join: "MITER" }, name: "Stamp", absolute: at.stamp, effects: [lift(k, 22, 0.8)] });
-    k.text(stamp, "BLOCKED", { style: "Stamp 34", color: "onPrimary", autoWidth: true, name: "Stamp words" });
-    k.patch(stamp, { rotation: -7 });
-    const map = k.stack(sheet, { gap: 0, name: "Implants" });
-    k.text(map, "Slot map \xB7 what gets installed, in the order it runs", { style: "Eyebrow 14", color: "onPaper", name: "Implants eyebrow" });
-    k.stack(map, { height: 14, name: "Gap" });
-    k.text(map, "FOUR IMPLANTS. ONE LOCK.", { style: "Section 48", color: "text", name: "Implants title" });
-    k.stack(map, { height: 30, name: "Gap" });
-    for (const [i, [slot, name, what, spec, note]] of IMPLANTS.entries()) {
-      k.rect(map, "FILL", 1, "text", { name: "Rule", opacity: 0.3 });
-      const row = k.stack(map, { direction: "HORIZONTAL", gap: 32, padding: { top: 24, right: 0, bottom: 24, left: 0 }, name: "Implant" });
-      const slotCell = k.stack(row, { direction: "HORIZONTAL", width: 120, gap: 12, align: "CENTER", name: "Implant slot" });
-      k.rect(slotCell, 8, 24, ["primary", "secondary", "accent", "primary"][i], { name: "Slot mark" });
-      k.text(slotCell, slot, { style: "Slot 15", color: "onPaper", autoWidth: true, name: "Slot code" });
-      k.text(row, name, { style: "Implant 28", color: "text", width: 220, name: "Implant name" });
-      k.text(row, what, { style: "Body 18", color: "onPaper", name: "Implant what" });
-      const spec_ = k.stack(row, { width: 170, gap: 0, name: "Implant spec" });
-      k.text(spec_, spec, { style: "Spec 26", color: "text", name: "Spec figure" });
-      k.text(spec_, note, { style: "Note 14", color: "onPaper", align: "RIGHT", name: "Spec note" });
-    }
-    k.rect(map, "FILL", 1, "text", { name: "Rule", opacity: 0.3 });
-    const incident = k.stack(sheet, { gap: 0, fill: "card", stroke: { color: "secondary", width: 1.5, align: "INSIDE", join: "MITER" }, name: "Incident wrap" });
-    hazard(k, incident, 12);
-    const body = k.stack(incident, { direction: "HORIZONTAL", gap: 56, align: "CENTER", padding: 52, name: "Incident" });
-    const account = k.stack(body, { gap: 20, name: "Incident copy" });
-    k.text(account, "Incident 0412 \xB7 breach prevented", { style: "Eyebrow 14", color: "onCard", name: "Incident head" });
-    k.text(account, "A POISONED TICKET ASKED FOR THE STRIPE KEY. IT GOT A 403.", { style: "Section 32", color: "onCard", name: "Incident title" });
-    const log = k.stack(account, { gap: 0, name: "Incident log" });
-    for (const [time, line] of LOG) {
-      const row = k.stack(log, { direction: "HORIZONTAL", gap: 18, name: "Log row" });
-      k.text(row, time, { style: "Log 16", color: "onCard", width: 84, name: "Log time" });
-      k.text(row, line, { style: "Log 16", color: "onCard", name: "Log line" });
-    }
-    const close = k.stack(body, { width: 300, gap: 10, name: "Incident close" });
-    k.text(close, "ZERO", { style: "Zero 96", color: "onCard", name: "Zero", effects: split(k, 4) });
-    k.text(close, "keys leaked. Nobody got paged.", { style: "Log 16", color: "onCard", name: "Zero note" });
-    k.stack(close, { height: 8, name: "Gap" });
-    k.instance(close, "Button", { Label: "Read the report" }, { name: "Incident button" });
-    const foot = k.stack(sheet, { gap: 22, name: "Foot" });
-    k.text(foot, "\xA9 2026 {{brand.name}} \xB7 Security \xB7 Status \xB7 Self-host or cloud", { style: "Small 14", color: "onPaper", name: "Footer" });
-    hazard(k, foot, 10);
-    k.cues(sheet, cues);
-    const close_ = [1.6, 1.35, 1.15, 1];
-    for (const axis of ["scaleX", "scaleY"]) k.animate(lock, axis, close_.map((v, i) => ({ t: 1500 + i * 180, v, ease: HOLD })));
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Incident", "Implant"],
-      stackMobile: ["Log row"],
-      restyle: {
-        "Display 76": { laptop: "Display 66", tablet: "Display 60", mobile: "Display 40" },
-        "Lead 20": { mobile: "Lead 17" },
-        "Section 48": { mobile: "Section 32" }
-      },
-      gap: { tablet: 64, mobile: 52 },
-      tweak: (kit, id, size) => {
-        fitHudGrid(kit, id, size === "mobile" ? 760 : 840, size === "mobile" ? 67 : size === "tablet" ? 96 : 120);
-        if (size === "laptop") for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 36 });
-        if (size === "tablet" || size === "mobile") {
-          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 44 });
-          for (const n of kit.named(id, "Incident")) kit.patch(n, { itemSpacing: 28, padding: { top: 32, right: 24, bottom: 36, left: 24 } });
-          for (const n of kit.named(id, "Implant")) kit.patch(n, { itemSpacing: 6 });
-          for (const n of kit.named(id, "Spec figure")) {
-            kit.restyle(n, "Spec 26 start");
-            kit.patch(n, { textAlign: "LEFT" });
-          }
-          for (const n of kit.named(id, "Spec note")) kit.patch(n, { textAlign: "LEFT" });
-          for (const n of [...kit.named(id, "Implant slot"), ...kit.named(id, "Implant spec"), ...kit.named(id, "Incident close")]) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        }
-        const refit = (w, h, scene, len, tag2) => {
-          fitStreet(kit, id, w, h, scene);
-          const p = hud(w, h, 0, scene);
-          for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: w, padding: { top: 0, right: 0, bottom: 0, left: 0 } });
-          for (const n of kit.named(id, "Lock")) {
-            fitBrackets(kit, n, p.lock.width, p.lock.height, len);
-            kit.patch(n, { x: p.lock.x, y: p.lock.y });
-          }
-          for (const n of kit.named(id, "Tag")) kit.patch(n, tag2);
-          for (const n of kit.named(id, "Stamp")) kit.patch(n, p.stamp);
-        };
-        if (size === "tablet") {
-          for (const bar of kit.named(id, "Nav links")) for (const n of kit.node(bar).childIds.slice(0, 2)) kit.patch(n, { visible: false });
-          refit(672, 600, SCENE, 30, { x: 20, y: 250 });
-        } else if (size === "mobile") {
-          refit(335, 520, SCENE_PHONE, 24, { x: 10, y: 152 });
-          for (const n of kit.named(id, "Tag")) kit.patch(n, { itemSpacing: 0, padding: { top: 12, right: 10, bottom: 8, left: 12 } });
-          for (const n of kit.named(id, "Log row")) kit.patch(n, { itemSpacing: 0 });
-          for (const n of kit.named(id, "Incident log")) kit.patch(n, { itemSpacing: 10 });
-        } else for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED" });
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  cyberpunk_landing_default
-};

package/dist/chunks/chunk-2KLLLGJV.js

@@ -1,60 +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 {
-  lockup,
-  stingVariants
-} from "./chunk-4U4CAF2R.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/stings/sting-blur.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var cues = [
-  { layer: "Mark", preset: "blur-in", at: 0, params: { duration: 900, amount: 40 } },
-  { layer: "Wordmark", preset: "blur-in", at: 450, params: { duration: 900, amount: 30 } },
-  { layer: "Tagline", preset: "blur-in", at: 900, params: { duration: 700 } },
-  { layer: "Mark", preset: "pulse", at: 2e3, params: { amount: 0.05 } }
-];
-var sting_blur_default = defineTemplate({
-  id: "motion-sting-blur",
-  meta: {
-    name: "Logo sting \u2014 blur-in",
-    description: "A 3.5-second logo sting: the logo, the name and the tagline come into focus one after another \u2014 square, 16:9 and 9:16",
-    category: "animation",
-    tags: ["animation", "logo", "sting", "intro", "brand", "blur", "focus"],
-    platforms: ["youtube", "instagram", "tiktok", "linkedin"],
-    formats: ["logo-sting", "intro", "video", "post", "story"],
-    useCases: ["brand-intro"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues },
-  build() {
-    const k = new Kit("Logo sting \u2014 blur-in", preset("video-square"));
-    k.brand({ paper: "#0B0D17", text: "#EEF0FF", onPaper: "#A9AECF", primary: "#3D5AFE" }, { name: "Mistral Audio", tagline: "Headphones tuned by ear" });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 40, 120, "paper", "CENTER", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: 3500, fps: 30 });
-    lockup(k, sheet);
-    k.cues(sheet, cues);
-    k.variants(sheet, stingVariants());
-    return k.finish();
-  }
-});
-
-export {
-  sting_blur_default
-};