@popcraft/kit 0.29.0 → 0.30.0

package/dist/chunks/chunk-NTEIT6UC.js

@@ -0,0 +1,186 @@
+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 {
+  applyAutoLayout
+} from "./chunk-757XHU62.js";
+import {
+  rewriteIds
+} from "./chunk-TZ2FJBOE.js";
+import {
+  addNode,
+  applyConstraints,
+  init_scene_graph
+} from "./chunk-MQ66HDKC.js";
+import {
+  init_page_presets,
+  presetById,
+  presetPx
+} from "./chunk-XBVMM6ZD.js";
+import {
+  init_properties,
+  propertyFor
+} from "./chunk-4VICNBUI.js";
+import {
+  init_dist_node,
+  v4_default
+} from "./chunk-VBAS5IB5.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// lib/templates/resize.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+init_scene_graph();
+
+// lib/document/clone.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+init_dist_node();
+function cloneSubtree(doc, rootId) {
+  const ids = [];
+  const collect = (id) => {
+    const n = doc.nodes[id];
+    if (!n) return;
+    ids.push(id);
+    n.childIds.forEach(collect);
+  };
+  collect(rootId);
+  const map = new Map(ids.map((id) => [id, v4_default()]));
+  const nodes = ids.map((id) => rewriteIds(JSON.parse(JSON.stringify(doc.nodes[id])), map));
+  return { root: nodes[0], nodes };
+}
+
+// lib/templates/resize.ts
+init_page_presets();
+init_properties();
+var resizeTargetFromPreset = (presetId) => {
+  const p = presetById(presetId);
+  if (!p) return null;
+  const px = presetPx(p);
+  return { width: px.width, height: px.height, presetId };
+};
+var covers = (n, w, h) => n.x <= 0.5 && n.y <= 0.5 && n.width >= w - 1 && n.height >= h - 1;
+var hasConstraints = (n) => !!n.constraints && (n.constraints.horizontal !== "MIN" || n.constraints.vertical !== "MIN");
+function scaleTree(nodes, id, s, isRoot) {
+  const n = nodes[id];
+  if (!n) return;
+  if (!isRoot) {
+    const t = n;
+    const patch = { x: n.x * s, y: n.y * s, width: n.width * s, height: n.height * s };
+    if (typeof t.fontSize === "number") patch.fontSize = Math.max(12, t.fontSize * s);
+    if (typeof t.cornerRadius === "number") patch.cornerRadius = t.cornerRadius * s;
+    nodes[id] = { ...n, ...patch };
+  }
+  for (const c of n.childIds) scaleTree(nodes, c, s, false);
+}
+function treeOrder(nodes, rootId) {
+  const out = [];
+  const walk = (id) => {
+    const n = nodes[id];
+    if (!n) return;
+    out.push(id);
+    for (const c of n.childIds) walk(c);
+  };
+  walk(rootId);
+  return out;
+}
+function boxIn(nodes, id, rootId) {
+  const n = nodes[id];
+  let x = 0, y = 0;
+  for (let cur = n; cur && cur.id !== rootId; cur = cur.parentId ? nodes[cur.parentId] : void 0) {
+    x += cur.x;
+    y += cur.y;
+  }
+  return { x, y, width: n.width, height: n.height };
+}
+function moveAcross(v, from, to, content) {
+  const lead = from.pos + from.len + v;
+  if (lead <= 0) return -(to.pos + to.len) + lead * (to.frame / from.frame);
+  const trail = from.pos + v - from.frame;
+  if (trail >= 0) return to.frame - to.pos + trail * (to.frame / from.frame);
+  return v * content;
+}
+var scaleModifier = (m, s) => m.kind === "sine" || m.kind === "noise" || m.kind === "bounce" ? { ...m, amp: m.amp * s } : m.kind === "spin" ? { ...m, rate: m.rate * s } : m.kind === "mod" ? { ...m, period: m.period * s, ...m.offset !== void 0 ? { offset: m.offset * s } : {} } : m.kind === "clamp" ? { ...m, ...m.min !== void 0 ? { min: m.min * s } : {}, ...m.max !== void 0 ? { max: m.max * s } : {} } : m.kind === "audio" && m.mode !== "multiply" ? { ...m, from: m.from * s, to: m.to * s } : m;
+function remapMotion(motion, value, s) {
+  const tracks = {};
+  for (const key in motion.tracks) {
+    const path = key;
+    const track = motion.tracks[path];
+    const prop = propertyFor(path);
+    if (prop?.valueType !== "number" || prop.control.unit !== "px") {
+      tracks[path] = track;
+      continue;
+    }
+    tracks[path] = {
+      ...track,
+      keys: track.keys.map((k) => typeof k.v === "number" ? { ...k, v: value(path, k.v) } : k),
+      ...track.modifiers ? { modifiers: track.modifiers.map((m) => scaleModifier(m, s(path))) } : {}
+    };
+  }
+  return { ...motion, tracks };
+}
+function resizeMotion(before, srcRootId, after, copyRootId, content, offset = { dx: 0, dy: 0 }) {
+  const srcIds = treeOrder(before.nodes, srcRootId), copyIds = treeOrder(after.nodes, copyRootId);
+  const src = before.nodes[srcRootId], copy = after.nodes[copyRootId];
+  let nodes = null;
+  srcIds.forEach((sid, i) => {
+    const cid = copyIds[i];
+    const node = after.nodes[cid];
+    if (!node?.motion) return;
+    const a = boxIn(before.nodes, sid, srcRootId), b = boxIn(after.nodes, cid, copyRootId);
+    const topLevel = node.parentId === copyRootId;
+    const motion = remapMotion(node.motion, (path, v) => {
+      if (path === "translateX") return moveAcross(v, { pos: a.x, len: a.width, frame: src.width }, { pos: b.x, len: b.width, frame: copy.width }, content);
+      if (path === "translateY") return moveAcross(v, { pos: a.y, len: a.height, frame: src.height }, { pos: b.y, len: b.height, frame: copy.height }, content);
+      if (path === "x") return v * content + (topLevel ? offset.dx : 0);
+      if (path === "y") return v * content + (topLevel ? offset.dy : 0);
+      return v * content;
+    }, (path) => path === "translateX" ? copy.width / src.width : path === "translateY" ? copy.height / src.height : content);
+    (nodes ??= { ...after.nodes })[cid] = { ...node, motion };
+  });
+  return nodes ? { ...after, nodes } : after;
+}
+function magicResize(doc, rootId, target, name, o = {}) {
+  const src = doc.nodes[rootId];
+  if (!src || !src.parentId) return { document: doc, id: null, content: 1, offset: { dx: 0, dy: 0 } };
+  const motion = o.motion ?? true;
+  const { root, nodes } = cloneSubtree(doc, rootId);
+  const gap = Math.round(src.width * 0.15);
+  let document = addNode(doc, { ...root, x: src.x + src.width + gap, y: src.y, name: name ?? (target.presetId ? presetById(target.presetId)?.name ?? src.name : src.name), childIds: [], parentId: src.parentId, ...src.print ? { print: { ...src.print, pageSize: { width: target.width, height: target.height } } } : {} }, src.parentId);
+  for (const n of nodes.slice(1)) document = addNode(document, { ...n, childIds: [] }, n.parentId);
+  const id = root.id;
+  const oldW = src.width, oldH = src.height;
+  const copy = document.nodes[id];
+  const kids = copy.childIds.map((c) => document.nodes[c]);
+  const constrained = copy.layoutMode && copy.layoutMode !== "NONE" || kids.some(hasConstraints);
+  const mutable = { ...document, nodes: { ...document.nodes } };
+  mutable.nodes[id] = { ...copy, width: target.width, height: target.height };
+  if (constrained) {
+    document = applyConstraints(mutable, id, oldW, oldH, target.width, target.height);
+    document = applyAutoLayout(document);
+    return { document: motion ? resizeMotion(doc, rootId, document, id, 1) : document, id, content: 1, offset: { dx: 0, dy: 0 } };
+  }
+  const s = Math.min(target.width / oldW, target.height / oldH);
+  const dx = (target.width - oldW * s) / 2, dy = (target.height - oldH * s) / 2;
+  for (const c of copy.childIds) {
+    const child = mutable.nodes[c];
+    if (covers(child, oldW, oldH)) {
+      mutable.nodes[c] = { ...child, x: 0, y: 0, width: target.width, height: target.height };
+      for (const g of child.childIds) scaleTree(mutable.nodes, g, s, false);
+      continue;
+    }
+    scaleTree(mutable.nodes, c, s, false);
+    const scaled = mutable.nodes[c];
+    mutable.nodes[c] = { ...scaled, x: scaled.x + dx, y: scaled.y + dy };
+  }
+  return { document: motion ? resizeMotion(doc, rootId, mutable, id, s, { dx, dy }) : mutable, id, content: s, offset: { dx, dy } };
+}
+
+export {
+  resizeTargetFromPreset,
+  resizeMotion,
+  magicResize
+};

package/dist/chunks/chunk-NTK3OXDK.js

@@ -0,0 +1,226 @@
+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 {
+  coverBorder,
+  coverGround,
+  drawOrbit,
+  fitCover,
+  fitStarfield,
+  gantry,
+  gantryBox,
+  lamps,
+  layPad,
+  moon,
+  orbit,
+  orbitBox,
+  pad,
+  place,
+  planet,
+  planetBox,
+  readout,
+  rocket,
+  spaceBrand,
+  standRocket,
+  starfield
+} from "./chunk-RCOE444L.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  buttons,
+  nav,
+  page,
+  webResponsive
+} from "./chunk-TF2MO3UA.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/web/space-opera-landing.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var LOOP = 6e3;
+var PLAN = [
+  ["T\u20133 days", "Pre-flight", "Go", "The 14-point checklist runs against staging every night: migrations dry-run, flags inventoried, rollback rehearsed."],
+  ["T\u20130", "Lift-off: Perigee 1.0", "Go", "Monday 5 October, 16:00 UTC. Countdowns, armed flags and one-key rollback leave beta, with a free plan for teams of five."],
+  ["T+30 days", "Stage two", "Fuelling", "SSO, an audit trail of every hold and every go, and launch windows that respect your on-call calendar."],
+  ["T+90 days", "Orbit", "On the pad", "Self-hosted runners, multi-region launches, and a public status patch your customers can pin."]
+];
+var ROCKET = { h: 330 };
+var GANTRY = { h: 350 };
+var PLANET = { r: 118 };
+var ORBITS = { rx: 262, ry: 84 };
+var PAD = { w: 560, depth: 70, u: 0.56 };
+var DESK = { w: 560, h: 620, cx: 250, scale: 1, planet: { x: 408, y: 250, scale: 1 } };
+var PHONE = { w: 335, h: 400, cx: 150, scale: 0.62, planet: { x: 244, y: 170, scale: 0.62 } };
+var counts = [{ layer: "Mission clock", at: 0, duration: 6e3, counter: { from: 59, to: 53, prefix: "T\u201371:59:", value: 59 }, tick: 1e3 }];
+var cues = [
+  { layer: "Launch bar", preset: "drop-in", at: 0, params: { duration: 600 } },
+  { layer: "Nav", preset: "fade-in", at: 100, params: { duration: 700 } },
+  { layer: "Eyebrow", preset: "fade-in", at: 300, params: { duration: 700 } },
+  { layer: "Headline", preset: "blur-in", at: 350, params: { duration: 1e3, amount: 22 } },
+  { layer: "Visual", preset: "fade-in", at: 400, params: { duration: 900 } },
+  { layer: "Lead", preset: "rise-in", at: 900, params: { duration: 800 } },
+  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1300, params: { duration: 700 }, stagger: { delay: 140 } },
+  { layer: "Proof", preset: "fade-in", at: 2e3, params: { duration: 800 } },
+  { layer: "Clock chip", preset: "pulse", at: 3e3, params: { duration: 700, amount: 0.05 } }
+];
+var space_opera_landing_default = defineTemplate({
+  id: "web-space-opera-landing",
+  meta: {
+    name: "Space opera launch landing page",
+    description: "A pre-launch landing page that treats a 1.0 as the launch it is: a T-minus bar, a hero where a rocket stands by its gantry under a ringed planet while a mission clock ticks real seconds and an orbit draws itself, the roadmap as a flight plan (a ruled manifest from T-minus three days to orbit), and the call to be on the pad \u2014 painted like a pulp paperback cover in rust, mustard, teal and cream, at desktop, laptop, tablet and phone widths",
+    category: "web",
+    tags: ["space opera", "space", "rocket", "launch", "countdown", "roadmap", "flight plan", "landing page", "hero", "website", "saas", "retro", "pulp", "animation", "responsive", "serif"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["launch", "countdown", "waitlist", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  breakpoints: true,
+  motion: { cues, counts },
+  build() {
+    const k = new Kit("Space opera launch landing page", preset("web-desktop"));
+    k.quantizeGeometry = true;
+    spaceBrand(k);
+    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
+    k.textStyle("Brand 22", { ...SERIF, size: 22, fontWeight: 900, letterSpacing: -0.3, lineHeight: 28 });
+    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
+    k.textStyle("Bar 15", { ...MONO, size: 15, fontWeight: 700, lineHeight: 22, textAlign: "CENTER" });
+    k.textStyle("Eyebrow 14", { size: 14, fontWeight: 700, letterSpacing: 4, lineHeight: 20, textCase: "UPPER" });
+    k.textStyle("Display 84", { ...SERIF, size: 84, fontWeight: 900, letterSpacing: -2.8, lineHeight: 84 });
+    k.textStyle("Display 68", { ...SERIF, size: 68, fontWeight: 900, letterSpacing: -2.1, lineHeight: 70 });
+    k.textStyle("Display 58", { ...SERIF, size: 58, fontWeight: 900, letterSpacing: -1.7, lineHeight: 60 });
+    k.textStyle("Display 42", { ...SERIF, size: 42, fontWeight: 900, letterSpacing: -1.1, lineHeight: 45 });
+    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 32 });
+    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 27 });
+    k.textStyle("Proof 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 });
+    k.textStyle("Section 44", { ...SERIF, size: 44, fontWeight: 900, letterSpacing: -1.2, lineHeight: 50 });
+    k.textStyle("Section 32", { ...SERIF, size: 32, fontWeight: 900, letterSpacing: -0.8, lineHeight: 38 });
+    k.textStyle("When 18", { ...MONO, size: 18, fontWeight: 700, lineHeight: 30 });
+    k.textStyle("Stage 26", { ...SERIF, size: 26, fontWeight: 900, letterSpacing: -0.5, lineHeight: 32 });
+    k.textStyle("Status 13", { ...MONO, size: 13, fontWeight: 700, letterSpacing: 1.5, lineHeight: 18, textCase: "UPPER" });
+    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 30 });
+    k.textStyle("Small 14", { size: 14, fontWeight: 500, lineHeight: 22 });
+    k.textStyle("Chip 15", { ...MONO, size: 15, fontWeight: 800, lineHeight: 20 });
+    k.textStyle("Readout label 12", { ...MONO, size: 12, fontWeight: 600, letterSpacing: 1.5, lineHeight: 16, textCase: "UPPER" });
+    k.textStyle("Readout 28", { ...MONO, size: 28, fontWeight: 800, letterSpacing: -1, lineHeight: 34 });
+    buttons(k, { style: "Button 16", pad: [15, 26], radius: 8 });
+    const sheet = k.sheet;
+    page(k, sheet, { gap: 64, top: 24 });
+    k.timeline(sheet, { duration: LOOP, fps: 30 });
+    const bar = k.stack(sheet, { fill: "primary", radius: 8, padding: { top: 10, right: 20, bottom: 10, left: 20 }, align: "CENTER", name: "Launch bar" });
+    k.text(bar, "T-minus 3 days \xB7 Perigee 1.0 lifts off Monday 5 October at 16:00 UTC", { style: "Bar 15", color: "onPrimary", name: "Launch bar text" });
+    nav(k, sheet, { links: ["Flight plan", "Pricing", "Mission log"], cta: "Get a seat", style: "Nav 16", brandStyle: "Brand 22" });
+    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 72, align: "CENTER", name: "Hero" });
+    const copy = k.stack(hero, { gap: 26, name: "Copy" });
+    k.text(copy, "Mission control for your releases", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
+    k.text(copy, "Every release deserves a countdown.", { style: "Display 84", color: "text", name: "Headline" });
+    k.text(copy, "Perigee turns \u201Cship it Friday?\u201D into a launch: a checklist that has to go green, feature flags that arm themselves and flip at T-zero, and a rollback that takes nine seconds, not a war room.", { 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: "Get a seat at T-zero" }, { name: "CTA primary" });
+    k.instance(cta, "Button quiet", { Label: "Read the flight plan" }, { name: "CTA quiet" });
+    k.text(copy, "2,140 launches in beta \xB7 14 checks \xB7 rollback in 9 s", { style: "Proof 15", color: "onPaper", name: "Proof" });
+    const v = DESK;
+    const visual = k.stack(hero, { width: v.w, height: v.h, clip: true, name: "Visual" });
+    coverGround(k, visual, v.w, v.h, 20);
+    starfield(k, visual, { w: v.w, h: v.h, loopMs: LOOP, density: 330, u: 0.8 });
+    moon(k, visual, 0, 0, 34);
+    planet(k, visual, PLANET);
+    orbit(k, visual, { ...ORBITS, weight: 2 });
+    pad(k, visual, { ...PAD, cx: v.cx, loopMs: LOOP });
+    gantry(k, visual, { ...GANTRY, loopMs: LOOP });
+    rocket(k, visual, { ...ROCKET, loopMs: LOOP });
+    coverBorder(k, visual, v.w, v.h, 20, 2);
+    const chip = k.stack(visual, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", fill: "hull", radius: 6, padding: { top: 7, right: 12, bottom: 7, left: 10 }, name: "Clock chip", absolute: { x: 18, y: 18 } });
+    lamps(k, chip, 9);
+    k.text(chip, "T\u201371:59:59", { style: "Chip 15", color: "ink", autoWidth: true, name: "Mission clock" });
+    const stage = (kit, id, s) => {
+      const one = (name) => kit.named(id, name)[0];
+      fitCover(kit, id, s.w, s.h);
+      fitStarfield(kit, id, { w: s.w, h: s.h, loopMs: LOOP, density: 330, u: 0.8 });
+      kit.patch(one("Moon"), { x: s.w * 0.12, y: s.h * 0.2, width: 34, height: 34 });
+      place(kit, one("Planet"), planetBox(PLANET), s.planet.x, s.planet.y, s.planet.scale);
+      place(kit, one("Orbit"), orbitBox(ORBITS), s.planet.x, s.planet.y, s.planet.scale);
+      const horizon = s.h - 44;
+      layPad(kit, one("Pad"), PAD, horizon, { x: s.cx - DESK.cx });
+      const gb = gantryBox(GANTRY), deck = horizon - 10 * PAD.u;
+      place(kit, one("Gantry"), gb, s.cx - s.scale * (ROCKET.h * 0.1 + gb.w / 2), deck - s.scale * gb.h / 2, s.scale);
+      standRocket(kit, one("Rocket"), ROCKET, s.cx, deck, s.scale);
+    };
+    stage(k, visual, v);
+    drawOrbit(k, k.named(visual, "Orbit")[0], 1200, 3600, ease.inOut("cubic"));
+    const plan = k.stack(sheet, { gap: 0, name: "Flight plan" });
+    k.text(plan, "The flight plan", { style: "Section 44", color: "text", name: "Plan title" });
+    k.stack(plan, { height: 28, name: "Gap" });
+    for (const [when, stage_, status, account] of PLAN) {
+      k.rect(plan, "FILL", 1, "accent", { name: "Rule", opacity: 0.6 });
+      const row = k.stack(plan, { direction: "HORIZONTAL", gap: 32, padding: { top: 24, right: 0, bottom: 24, left: 0 }, name: "Stage row" });
+      k.text(row, when, { style: "When 18", color: "text", width: 140, name: "When" });
+      const what = k.stack(row, { width: 330, gap: 8, name: "Stage" });
+      k.text(what, stage_, { style: "Stage 26", color: "text", name: "Stage name" });
+      const tag = k.stack(what, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", fill: "card", radius: 4, padding: { top: 3, right: 9, bottom: 3, left: 8 }, name: "Status tag" });
+      k.ellipse(tag, 9, status === "Go" ? "glass" : status === "Fuelling" ? "ring" : "fin", { name: "Status lamp" });
+      k.text(tag, status, { style: "Status 13", color: "onCard", autoWidth: true, name: "Status" });
+      k.text(row, account, { style: "Body 18", color: "onPaper", name: "Account" });
+    }
+    k.rect(plan, "FILL", 1, "accent", { name: "Rule", opacity: 0.6 });
+    const band = k.stack(sheet, { direction: "HORIZONTAL", gap: 48, align: "CENTER", justify: "SPACE_BETWEEN", fill: "card", radius: 14, stroke: { color: "ink", width: 2, align: "INSIDE" }, padding: 44, name: "Band" });
+    const pitch = k.stack(band, { gap: 12, name: "Band copy" });
+    k.text(pitch, "Be on the pad at T-zero.", { style: "Section 32", color: "onCard", name: "Band title" });
+    k.text(pitch, "Seats in mission control are free for teams of five. Bring one release; we will count it down with you.", { style: "Body 18", color: "onCard", name: "Band text" });
+    const dials = k.stack(band, { direction: "HORIZONTAL", width: 420, gap: 24, name: "Dials" });
+    const styles = { label: "Readout label 12", value: "Readout 28" };
+    readout(k, dials, { name: "Checks", label: "Checks green", value: "14/14", styles });
+    readout(k, dials, { name: "Holds", label: "Holds", value: "0", styles });
+    readout(k, dials, { name: "Rollback", label: "Rollback", value: "9 s", styles });
+    k.instance(band, "Button", { Label: "Get a seat" }, { name: "Band button" });
+    k.text(sheet, "\xA9 2026 Perigee Flight Systems \xB7 Security \xB7 Mission log \xB7 Status", { style: "Small 14", color: "onPaper", name: "Footer" });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    webResponsive(k, sheet, {
+      stack: ["Hero", "Band", "Stage row"],
+      restyle: {
+        "Display 84": { laptop: "Display 68", tablet: "Display 58", mobile: "Display 42" },
+        "Lead 20": { mobile: "Lead 17" },
+        "Section 44": { mobile: "Section 32" }
+      },
+      gap: { tablet: 56, mobile: 44 },
+      tweak: (kit, id, size) => {
+        if (size === "laptop") for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 48 });
+        if (size === "tablet" || size === "mobile") {
+          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 44, counterAxisAlignItems: "CENTER" });
+          for (const n of kit.named(id, "Band")) kit.patch(n, { itemSpacing: 24, padding: { top: 32, right: 24, bottom: 32, left: 24 } });
+          for (const n of kit.named(id, "Stage row")) kit.patch(n, { itemSpacing: 10 });
+          for (const n of kit.named(id, "Dials")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
+        }
+        const s = size === "mobile" ? PHONE : DESK;
+        for (const box of kit.named(id, "Visual")) {
+          kit.patch(box, { layoutSizingHorizontal: "FIXED", width: s.w, height: s.h });
+          stage(kit, box, s);
+        }
+      }
+    });
+    return k.finish();
+  }
+});
+
+export {
+  space_opera_landing_default
+};

package/dist/chunks/chunk-NTLYUEUQ.js

@@ -0,0 +1,181 @@
+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 {
+  SCENE,
+  mover
+} from "./chunk-4URHIHLG.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  bloom,
+  glow,
+  hardShadow
+} from "./chunk-M6VTXO6F.js";
+import {
+  line,
+  pt3,
+  rng
+} from "./chunk-6RCDZU4R.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/festival-presale-electronic-kit.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var W = SCENE.w;
+var H = SCENE.h;
+var FLOOR = 1330;
+var arch = (cx, cy, r, n = 40) => ({ closed: false, points: Array.from({ length: n + 1 }, (_, i) => {
+  const a = Math.PI + Math.PI * i / n;
+  return pt3(cx + r * Math.cos(a), cy + r * Math.sin(a));
+}) });
+function stage(k, art, still) {
+  const move = mover(k, still);
+  const cx = W / 2;
+  const haze = glow(k, art, { x: cx, y: FLOOR - 40, w: 1700, h: 980, role: "magenta", alpha: 0.42, name: "Haze" });
+  move(haze, "opacity", 0.18, 2);
+  glow(k, art, { x: cx, y: FLOOR - 560, w: 1300, h: 900, role: "violet", alpha: 0.36, name: "High haze" });
+  glow(k, art, { x: 140, y: FLOOR, w: 620, role: "cyan", alpha: 0.24, name: "Side haze" });
+  glow(k, art, { x: W - 140, y: FLOOR, w: 620, role: "cyan", alpha: 0.24, name: "Side haze" });
+  const r0 = rng(61), dust = [];
+  for (let i = 0; i < 90; i++) {
+    const x = r0() * W, y = r0() * (FLOOR - 500), s = 1.5 + r0() * 2.5;
+    dust.push({ closed: true, points: [pt3(x, y - s), pt3(x + s, y), pt3(x, y + s), pt3(x - s, y)] });
+  }
+  const motes = k.vector(art, W, FLOOR, dust, "flash", { name: "Dust", opacity: 0.35, absolute: { x: 0, y: 0 } });
+  move(motes, "opacity", 0.15, 1);
+  const runway = [];
+  for (let i = -11; i <= 11; i++) runway.push(line(cx + i * 14, FLOOR, cx + i * 170, H));
+  for (const y of [FLOOR, FLOOR + 14, FLOOR + 36, FLOOR + 70, FLOOR + 120]) runway.push(line(0, y, W, y));
+  k.vector(art, W, H - FLOOR + 2, runway.map((p) => ({ ...p, points: p.points.map((q) => pt3(q.x, q.y - FLOOR)) })), "violet", { name: "Runway", strokeWidth: 1.5, opacity: 0.5, absolute: { x: 0, y: FLOOR } });
+  const rings = [170, 240, 315, 395, 480, 570, 665, 765];
+  const roles = ["lime", "cyan", "magenta"];
+  rings.forEach((r2, i) => {
+    const role = roles[i % 3];
+    const id = k.vector(art, r2 * 2, r2, [arch(r2, r2, r2)], role, { name: "Ring", strokeWidth: i % 3 === 0 ? 6 : 3.5, opacity: 0.66, effects: [bloom(k, role, 20, 0.85)], absolute: { x: cx - r2, y: FLOOR - r2 } });
+    move(id, "opacity", 0.34, 3, -i / rings.length);
+  });
+  const spokes = [];
+  for (let i = 1; i < 14; i++) {
+    const a = Math.PI + Math.PI * i / 14;
+    spokes.push(line(765 + 170 * Math.cos(a), 765 + 170 * Math.sin(a), 765 + 765 * Math.cos(a), 765 + 765 * Math.sin(a)));
+  }
+  k.vector(art, 1530, 765, spokes, "truss", { name: "Spokes", strokeWidth: 2, opacity: 0.9, absolute: { x: cx - 765, y: FLOOR - 765 } });
+  for (const x of [52, W - 52 - 48]) {
+    const lattice = [line(0, 0, 0, 760), line(48, 0, 48, 760), line(-14, 0, 62, 0)];
+    for (let y = 0; y < 760; y += 44) {
+      lattice.push(line(0, y, 48, y + 44));
+      lattice.push(line(48, y, 0, y + 44));
+    }
+    k.vector(art, 48, 760, lattice, "truss", { name: "Tower", strokeWidth: 2.5, absolute: { x, y: FLOOR - 760 } });
+  }
+  const fan = (ox, oy, mid, spread, n, role, amp, phase, len = 1700) => {
+    const lines = Array.from({ length: n }, (_, i) => {
+      const a = (mid + spread * (i / (n - 1) - 0.5)) * Math.PI / 180;
+      return line(len, len, len + len * Math.cos(a), len + len * Math.sin(a));
+    });
+    const id = k.vector(art, len * 2, len * 2, lines, role, { name: "Lasers", strokeWidth: 2.5, opacity: 0.5, effects: [bloom(k, role, 10, 0.9)], absolute: { x: ox - len, y: oy - len } });
+    move(id, "rotation", amp, 2, phase);
+  };
+  const top = FLOOR - 760;
+  fan(76, top, -40, 44, 8, "lime", 9, 0);
+  fan(W - 76, top, 220, 44, 8, "lime", 9, 0.5);
+  fan(cx, FLOOR - 765, -90, 110, 11, "magenta", 7, 0.25);
+  fan(76, top, 30, 30, 5, "cyan", 12, 0.3);
+  fan(W - 76, top, 150, 30, 5, "cyan", 12, 0.8);
+  const r = rng(27);
+  for (let i = 0; i < 30; i++) {
+    const a = Math.PI + Math.PI * r(), rr = rings[Math.floor(r() * rings.length)], s = 8 + Math.round(r() * 6);
+    const id = k.ellipse(art, s, "flash", { name: "Strobe", effects: [bloom(k, "flash", 16, 0.9)], absolute: { x: Math.round(cx + rr * Math.cos(a)) - s / 2, y: Math.round(FLOOR + rr * Math.sin(a)) - s / 2 } });
+    k.patch(id, { opacity: 0.6 });
+    move(id, "opacity", 0.4, 3 + i % 4 * 3, r());
+  }
+  const crowd = (base, step, head, seed) => {
+    const q = rng(seed);
+    const pts = [pt3(-20, H + 20), pt3(-20, base)];
+    for (let x = -10; x < W + 20; x += step) {
+      const y = base + (q() - 0.5) * head * 0.9, arm = q();
+      if (arm > 0.76) {
+        const up = head * (1.5 + q() * 0.8);
+        pts.push(pt3(x - head * 0.42, y), pt3(x - head * 0.62, y - up), pt3(x - head * 0.5, y - up - head * 0.35), pt3(x - head * 0.22, y - up - head * 0.3), pt3(x - head * 0.1, y - up), pt3(x, y - head * 0.2));
+      }
+      pts.push(pt3(x, y), pt3(x + head * 0.12, y - head * 0.75), pt3(x + head * 0.5, y - head), pt3(x + head * 0.88, y - head * 0.75), pt3(x + head, y));
+    }
+    pts.push(pt3(W + 20, base), pt3(W + 20, H + 20));
+    return { closed: true, points: pts };
+  };
+  const off = (p, dy) => ({ ...p, points: p.points.map((q) => pt3(q.x, q.y - dy)) });
+  k.vector(art, W, 340, [off(crowd(FLOOR + 40, 30, 22, 5), FLOOR - 120)], "crowdFar", { name: "Crowd far", absolute: { x: 0, y: FLOOR - 120 } });
+  const near = k.vector(art, W, 340, [off(crowd(FLOOR + 84, 46, 34, 9), FLOOR - 120)], "crowd", { name: "Crowd", absolute: { x: 0, y: FLOOR - 120 } });
+  move(near, "translateY", 4, 6);
+}
+var KILOVOLT = {
+  slug: "electronic",
+  name: "KILOVOLT",
+  brand: (k, fields = {}) => {
+    k.brand(
+      { paper: "#0A0912", text: "#F3F1FA", onPaper: "#ABA7C0", primary: "#C8FF3E", onPrimary: "#0A0912", accent: "#FF2D8E", onAccent: "#14000A", card: "#161424", onCard: "#F3F1FA", cardMuted: "#ABA7C0", panel: "#221F38", onPanel: "#F3F1FA", panelMuted: "#B9B5D0", chip: "#2C2944", onChip: "#E6E3F4", stage: "#07060F", onStage: "#F3F1FA", stageMuted: "#C2BEDA" },
+      { name: "KILOVOLT", ...fields }
+    );
+    k.palette({ lime: "#C8FF3E", magenta: "#FF2D8E", cyan: "#39E6FF", violet: "#7B5CFF", truss: "#3B3660", flash: "#FFFFFF", crowd: "#020106", crowdFar: "#0D0A1E", gate: "#0B0A16" });
+  },
+  type: {
+    Name: { fontWeight: 900, ls: -0.045, lh: 0.86, upper: true },
+    Head: { fontWeight: 900, ls: -0.035, lh: 0.98, upper: true },
+    Act: { fontWeight: 800, ls: -0.015, lh: 1.25, upper: true },
+    More: { ...MONO, fontWeight: 600, ls: 0.02, lh: 1.5, upper: true },
+    Kicker: { ...MONO, fontWeight: 700, ls: 0.1, lh: 1.35, upper: true },
+    Clock: { ...MONO, fontWeight: 800, ls: -0.035, lh: 1.04, tnum: true },
+    Unit: { ...MONO, fontWeight: 700, ls: 0.1, lh: 1.3, upper: true },
+    Body: { fontWeight: 500, ls: 0, lh: 1.4 },
+    Button: { fontWeight: 800, ls: 0.04, lh: 1.3, upper: true },
+    Caption: { fontWeight: 800, ls: -0.01, lh: 1.2 },
+    Price: { fontWeight: 900, ls: -0.04, lh: 1, tnum: true }
+  },
+  look: {
+    radius: 0,
+    chip: 0,
+    button: 0,
+    plate: "gate",
+    plateAlpha: 0.86,
+    plateStroke: { color: "lime", width: 2, align: "INSIDE" },
+    tile: "panel",
+    tileInk: "onPanel",
+    tileMuted: "panelMuted",
+    nameEffects: (k) => [hardShadow(k, "magenta", 7, 7), hardShadow(k, "cyan", -5, -5)],
+    glow: "magenta",
+    hot: "lime",
+    hotInk: "gate",
+    sep: "\xB7"
+  },
+  scene: stage,
+  horizon: FLOOR,
+  // The pass header shows the arch's crown, not its lower rings.
+  passFocus: 0.4,
+  dates: "9 \u2013 11 July 2027",
+  place: "Nordhafen Airfield, Hallstrand",
+  kicker: "Three days \xB7 Four stages \xB7 40,000 people",
+  heads: ["Vanta Rae", "HEXA/MODE", "Solveig Nox"],
+  acts: ["Dial Tone Saints", "Marguerite Vox", "Sable & Ives", "K-Lattice (live)", "Lumen Kid", "The Long Fade"],
+  more: ["Greyfold", "Petra Null", "Okta Okta", "Pale Signal", "Dune Protocol", "NNOVA", "Brine"],
+  tba: "+ 36 more names on 2 March",
+  presale: { by: "Sun 24 Jan", code: "Tue 26 Jan", opens: "Thu 28 Jan \xB7 10:00 CET", day: "Thursday 28 January", time: "10:00 CET", queue: "09:30", limit: "up to four passes" },
+  clock: { days: "12", hours: "06", minutes: "41", from: 47, to: 41 },
+  tier: { tag: "Tier 1", name: "Three-day pass", price: "\u20AC199", next: "\u20AC229", was: "\u20AC169", sold: "Early bird sold out in 11 minutes", note: "On sale now to 2026 ticket holders. What is left opens to presale codes on 28 January.", stock: { label: "Selling fast", from: 2351, left: 2318, total: 12e3 } },
+  cta: "Get presale access",
+  code: "KV27-PRE-4R8Q",
+  gate: "Gate B",
+  track: "edm",
+  picture: "the main stage at night: an arch of pulsing light rings, truss towers, sweeping laser fans, strobes, haze and the crowd",
+  tags: ["electronic music", "rave", "techno", "lasers", "night", "neon"],
+  captions: ["The first names are in.", "Presale opens Thursday, 28 January.", "Register by Sunday for codes.", "Sign up for a code."]
+};
+
+export {
+  KILOVOLT
+};