@popcraft/kit 0.32.0 → 0.33.0

package/dist/chunks/chunk-HPDHRHLE.js

@@ -0,0 +1,97 @@
+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 {
+  boardParts,
+  doodle,
+  draw,
+  schoolBrand,
+  stamp,
+  tally,
+  timetable,
+  underline
+} from "./chunk-SLGZKSF7.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SHOYVADV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/back-to-school-link-preview.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var LESSONS = [
+  { n: 1, time: "09:00", title: "Import your notes", note: "Notion, Docs or Markdown.", hi: "hiYellow" },
+  { n: 2, time: "09:02", title: "Invite the team", note: "One link. No seats to count.", hi: "hiPink" },
+  { n: 3, time: "09:03", title: "Pick your templates", note: "Notes, specs, a wiki home.", hi: "hiBlue" },
+  { n: 4, time: "09:06", title: "Connect your tools", note: "Slack and GitHub.", hi: "hiGreen" },
+  { n: 5, time: "09:08", title: "Publish page one", note: "Then recess.", hi: "hiYellow" }
+];
+var back_to_school_link_preview_default = defineTemplate({
+  id: "social-back-to-school-link-preview",
+  meta: {
+    name: "School term link preview",
+    description: "A 1200 \xD7 630 link preview for a back-to-school page: the homework in a heavy serif (set the product up in ten minutes), underlined in chalk, the offer in one mono line and the deadline as a seal, on a classroom chalkboard beside a taped-up paper timetable of five highlighted lessons with a gold star by each and the student discount rubber-stamped on; a tally, a duster and chalk on the tray",
+    category: "social",
+    tags: ["back to school", "school", "september", "link preview", "open graph", "og image", "chalkboard", "timetable", "onboarding", "student discount", "education", "saas", "seasonal", "serif"],
+    platforms: ["web", "x", "linkedin", "facebook"],
+    formats: ["og-image"],
+    useCases: ["sale", "onboarding", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("School term link preview", preset("og-image"));
+    k.quantizeGeometry = true;
+    schoolBrand(k, { tagline: "Homework: set up Quire in ten minutes." });
+    k.textStyle("Eyebrow 20", { size: 20, fontWeight: 700, letterSpacing: 4, lineHeight: 28, textCase: "UPPER" });
+    k.textStyle("Display 66", { ...SERIF, size: 66, fontWeight: 900, letterSpacing: -2.2, lineHeight: 68 });
+    k.textStyle("Facts 20", { ...MONO, size: 20, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Seal 20", { size: 20, fontWeight: 800, lineHeight: 26 });
+    k.textStyle("Sheet title 24", { ...SERIF, size: 24, fontWeight: 900, letterSpacing: -0.5, lineHeight: 28 });
+    k.textStyle("Time 16", { ...MONO, size: 16, fontWeight: 700, lineHeight: 22 });
+    k.textStyle("Lesson 21", { size: 21, fontWeight: 800, letterSpacing: -0.3, lineHeight: 26 });
+    k.textStyle("Note 16", { size: 16, fontWeight: 500, lineHeight: 21 });
+    k.textStyle("Stamp 18", { ...MONO, size: 18, fontWeight: 800, letterSpacing: 0.8, lineHeight: 22 });
+    k.textStyle("Stamp sub 16", { ...MONO, size: 16, fontWeight: 700, lineHeight: 19 });
+    pill(k, "Seal", { fill: "primary", ink: "onPrimary", style: "Seal 20", label: "Half price with a school email, until 30 Sept", pad: [10, 20], radius: 6 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 18, { top: 64, right: 600, bottom: 150, left: 76 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    draw(k, sheet, [
+      ...boardParts({ w: 1200, h: 630, u: 0.72, frame: 22, tray: true, duster: 0.34, sticks: 0.07, swipe: { x: 360, y: 86, length: 440, turn: -5 }, ghost: { x: 700, y: 596, length: 380 } }),
+      ...doodle({ kind: "star", name: "Chalk star 1", x: 520, y: 52, s: 50, turn: -12, role: "accent", width: 3.4 }),
+      ...doodle({ kind: "star", name: "Chalk star 2", x: 574, y: 108, s: 26, turn: 14, width: 2.6 }),
+      ...tally({ n: 10, x: 84, y: 488, size: 58, width: 4.5 })
+    ]);
+    const board = timetable(k, sheet, { w: 500, u: 0.68, title: "Monday, first period", lessons: LESSONS, star: 40, times: 64, styles: { title: "Sheet title 24", time: "Time 16", lesson: "Lesson 21", note: "Note 16" }, absolute: { x: 640, y: 74 } });
+    k.patch(board, { rotation: 1.6 });
+    stamp(k, board, { label: "HALF PRICE", sub: "students + teachers", styles: { label: "Stamp 18", sub: "Stamp sub 16" }, u: 0.68, tilt: 5, name: "Offer stamp", absolute: { x: 272, y: 10 } });
+    k.text(sheet, "{{brand.name}} \xB7 new term", { style: "Eyebrow 20", color: "onPaper", name: "Eyebrow" });
+    const head = k.stack(sheet, { gap: 8, name: "Headline block" });
+    k.text(head, "{{brand.tagline}}", { style: "Display 66", color: "text", name: "Headline" });
+    underline(k, head, { w: 300, u: 0.85 });
+    k.text(sheet, "Five lessons. Then recess.", { style: "Facts 20", color: "onPaper", name: "Facts" });
+    k.instance(sheet, "Seal", { Label: "Half price with a school email, until 30 Sept" }, { name: "Seal" });
+    return k.finish();
+  }
+});
+
+export {
+  back_to_school_link_preview_default
+};

package/dist/chunks/chunk-HPJJGOPL.js

@@ -0,0 +1,544 @@
+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 {
+  hz
+} from "./chunk-GLFOEPRY.js";
+import {
+  halo,
+  noise
+} from "./chunk-M6VTXO6F.js";
+import {
+  pt3,
+  r3,
+  rng
+} from "./chunk-6RCDZU4R.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/space-opera-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function spaceBrand(k, fields = {}) {
+  k.brand(
+    { paper: "#143B3D", text: "#F7ECD2", onPaper: "#C5D6C6", primary: "#B63E1D", onPrimary: "#FFF4DC", accent: "#EDB84A", onAccent: "#2A1606", card: "#F3E6C8", onCard: "#1B2A2B" },
+    { name: "Perigee", site: "perigee.example", ...fields }
+  );
+  k.palette({
+    star: "#F7ECD2",
+    nebula: "#2F8F86",
+    planet: "#D9653A",
+    planetBand: "#EFA35C",
+    planetDeep: "#A8421F",
+    planetShade: "#3A1410",
+    ring: "#EDB84A",
+    ringPale: "#F6DFA0",
+    moon: "#E9DDBE",
+    hull: "#F3E6C8",
+    hullShade: "#CDB98B",
+    fin: "#C8462B",
+    finShade: "#8E2C17",
+    glass: "#3FA79B",
+    ink: "#1B2A2B",
+    flame: "#F2B43C",
+    flameCore: "#FFF3C9",
+    flameOuter: "#E0562B",
+    smoke: "#F0E4C6",
+    smokeShade: "#C9A98A",
+    gantry: "#BE4A27",
+    gantryShade: "#7E2A16",
+    mesa: "#1F5A58",
+    mesaNear: "#103234",
+    ground: "#0B2224",
+    deck: "#D8C9A3",
+    lamp: "#FFD873",
+    patchSky: "#123034",
+    night: "#0F2E30"
+  });
+}
+var grain = (size = 2, amount = 0.1) => noise({ amount, size, seed: 11 });
+var glowOf = (k, role, blur, a = 0.8, spread = 0) => halo(k, role, a, blur, spread);
+function poly(k, parent, name, shapes, color, o = {}) {
+  const xs = shapes.flat().map((p) => p.x), ys = shapes.flat().map((p) => p.y);
+  const x0 = Math.min(...xs), y0 = Math.min(...ys);
+  const paths = shapes.map((s) => ({ closed: o.line === void 0, points: s.map((p) => pt3(p.x - x0, p.y - y0)) }));
+  return k.vector(parent, r3(Math.max(1, Math.max(...xs) - x0)), r3(Math.max(1, Math.max(...ys) - y0)), paths, color, {
+    name,
+    absolute: { x: r3(x0), y: r3(y0) },
+    ...o.effects ? { effects: o.effects } : {},
+    ...o.opacity !== void 0 ? { opacity: o.opacity } : {},
+    ...o.line !== void 0 ? { strokeWidth: o.line } : {}
+  });
+}
+var dot = (k, parent, name, cx, cy, d, color, o = {}) => k.ellipse(parent, r3(d), color, { name, absolute: { x: r3(cx - d / 2), y: r3(cy - d / 2) }, ...o });
+var rot = (p, deg, c = { x: 0, y: 0 }) => {
+  const a = deg * Math.PI / 180, dx = p.x - c.x, dy = p.y - c.y;
+  return { x: c.x + dx * Math.cos(a) - dy * Math.sin(a), y: c.y + dx * Math.sin(a) + dy * Math.cos(a) };
+};
+function place(k, id, box, cx, cy, scale = 1) {
+  k.patch(id, { x: r3(cx - box.w / 2), y: r3(cy - box.h / 2), width: box.w, height: box.h, scaleX: scale, scaleY: scale });
+}
+function coverGround(k, id, w, h, radius) {
+  k.rect(id, w, h, "night", { name: "Cover mask", radius, mask: true, absolute: { x: 0, y: 0 } });
+  k.rect(id, w, h, "night", { name: "Cover ground", radius, absolute: { x: 0, y: 0 } });
+}
+function coverBorder(k, id, w, h, radius, weight = 3) {
+  k.rect(id, w, h, [], { name: "Cover border", radius, stroke: { color: "ring", width: weight, align: "INSIDE" }, absolute: { x: 0, y: 0 } });
+}
+function fitCover(k, id, w, h) {
+  for (const name of ["Cover mask", "Cover ground", "Cover border"]) for (const n of k.named(id, name)) k.patch(n, { x: 0, y: 0, width: w, height: h });
+}
+var TIERS = [{ name: "Stars far", share: 0.6, min: 2.4, max: 4, a: 0.6 }, { name: "Stars mid", share: 0.3, min: 4, max: 6.5, a: 0.9 }, { name: "Stars near", share: 0.1, min: 16, max: 30, a: 1 }];
+var HEADROOM = 420;
+function starsOf(s) {
+  const rand = rng(s.seed ?? 41), u = s.u ?? 1;
+  const total = Math.round((s.density ?? 230) * Math.min(1, s.w * s.h / (1080 * 1920) + 0.25));
+  return TIERS.map((t) => Array.from({ length: Math.max(3, Math.round(total * t.share)) }, () => ({ x: r3(rand() * s.w), y: r3(rand() * (s.h + HEADROOM * u)), size: r3((t.min + rand() * (t.max - t.min)) * u), opacity: r3(t.a * (0.55 + 0.45 * rand())) })));
+}
+var sparkle = (d) => {
+  const c = d / 2, w = d * 0.09;
+  return [{ closed: true, points: [pt3(c, 0), pt3(c + w, c - w), pt3(d, c), pt3(c + w, c + w), pt3(c, d), pt3(c - w, c + w), pt3(0, c), pt3(c - w, c - w)] }];
+};
+var STROKES = [[0.2, 0.3, 0.9, -14, 0.2], [0.78, 0.52, 0.7, -14, 0.14], [0.4, 0.7, 1.1, -14, 0.12]];
+var strokeAt = (s, i) => {
+  const [fx, fy, len] = STROKES[i], w = s.w * len, h = w * 0.12;
+  return { x: r3(s.w * fx - w / 2), y: r3(s.h * fy - h / 2), width: r3(w), height: r3(h) };
+};
+function starfield(k, parent, s) {
+  STROKES.forEach(([, , , tilt, a], i) => {
+    const b = strokeAt(s, i);
+    const pts = [];
+    for (let j = 0; j <= 24; j++) {
+      const t = j / 24;
+      pts.push({ x: b.width * t, y: b.height / 2 - b.height / 2 * Math.sin(Math.PI * t) ** 0.7 });
+    }
+    for (let j = 24; j >= 0; j--) {
+      const t = j / 24;
+      pts.push({ x: b.width * t, y: b.height / 2 + b.height / 2 * 0.6 * Math.sin(Math.PI * t) ** 1.6 });
+    }
+    const id = k.vector(parent, b.width, b.height, [{ closed: true, points: pts.map((p) => pt3(p.x, p.y)) }], k.tint("nebula", a), { name: "Nebula", absolute: { x: b.x, y: b.y }, effects: [grain(2, 0.2)] });
+    k.patch(id, { rotation: tilt });
+  });
+  const u = s.u ?? 1;
+  starsOf(s).forEach((tier, ti) => {
+    const layer = k.frame(parent, { x: 0, y: r3(-HEADROOM * u), width: s.w, height: r3(s.h + HEADROOM * u) }, { name: TIERS[ti].name });
+    tier.forEach((st, i) => {
+      if (ti < 2) {
+        k.ellipse(layer, st.size, "star", { name: "Star", opacity: st.opacity, absolute: { x: st.x, y: st.y } });
+        return;
+      }
+      const id = k.vector(layer, st.size, st.size, sparkle(st.size), "star", { name: "Star", opacity: st.opacity, absolute: { x: st.x, y: st.y } });
+      if (!s.still) for (const axis of ["scaleX", "scaleY"]) k.behave(id, axis, [{ kind: "sine", amp: 0.35, freq: hz(2 + i % 3, s.loopMs), phase: i % 7 / 7 }]);
+    });
+  });
+}
+function fitStarfield(k, root, s) {
+  const u = s.u ?? 1;
+  k.named(root, "Nebula").forEach((id, i) => k.patch(id, strokeAt(s, i)));
+  starsOf(s).forEach((tier, ti) => {
+    for (const layer of k.named(root, TIERS[ti].name)) {
+      k.patch(layer, { x: 0, y: r3(-HEADROOM * u), width: s.w, height: r3(s.h + HEADROOM * u) });
+      k.node(layer).childIds.forEach((id, i) => {
+        const st = tier[i];
+        if (st) k.patch(id, { x: st.x, y: st.y });
+      });
+    }
+  });
+}
+function climbStars(k, root, from, to, by, ease) {
+  TIERS.forEach((t, i) => {
+    for (const id of k.named(root, t.name)) k.animate(id, "translateY", [{ t: from, v: 0, ease }, { t: to, v: r3(by * [0.25, 0.5, 1][i]) }]);
+  });
+}
+var RING_OUT = 1.95;
+var planetBox = (p) => {
+  const side = r3(p.r * RING_OUT * 2 + 8);
+  return { w: side, h: side };
+};
+function planet(k, parent, p) {
+  const r = p.r, tilt = p.tilt ?? -16, box = planetBox(p), c = box.w / 2, C = { x: c, y: c };
+  const id = k.stack(parent, { width: box.w, height: box.h, name: p.name ?? "Planet", absolute: { x: 0, y: 0 } });
+  const half = (inner, outer, back) => {
+    const pts = [], squash = 0.24, a0 = back ? Math.PI : 0;
+    for (let i = 0; i <= 40; i++) {
+      const a = a0 + Math.PI * i / 40;
+      pts.push(rot({ x: c + r * outer * Math.cos(a), y: c + r * outer * squash * Math.sin(a) }, tilt, C));
+    }
+    for (let i = 40; i >= 0; i--) {
+      const a = a0 + Math.PI * i / 40;
+      pts.push(rot({ x: c + r * inner * Math.cos(a), y: c + r * inner * squash * Math.sin(a) }, tilt, C));
+    }
+    return pts;
+  };
+  if (p.ring !== false) {
+    poly(k, id, "Ring far", [half(1.5, RING_OUT, true)], k.tint("ring", 0.6));
+    poly(k, id, "Ring far inner", [half(1.28, 1.44, true)], k.tint("ringPale", 0.45));
+  }
+  dot(k, id, "Planet rim", c, c, r * 2.06, k.tint("planetBand", 0.35));
+  const disc = k.frame(id, { x: r3(c - r), y: r3(c - r), width: r3(r * 2), height: r3(r * 2) }, { name: "Planet disc", clip: true, effects: [grain(Math.max(1, Math.round(r / 90)), 0.14)] });
+  k.ellipse(disc, r3(r * 2), "planet", { name: "Planet mask", mask: true, absolute: { x: 0, y: 0 } });
+  k.ellipse(disc, r3(r * 2), "planet", { name: "Planet ground", absolute: { x: 0, y: 0 } });
+  const rand = rng(Math.round(r) + 5);
+  const bands = [[-0.78, 0.16, "planetBand", 0.85], [-0.42, 0.1, "planetDeep", 0.7], [-0.2, 0.2, "planetBand", 0.6], [0.16, 0.08, "planetDeep", 0.85], [0.34, 0.22, "planetBand", 0.75], [0.7, 0.14, "planetDeep", 0.6]];
+  for (const [at, thick, role, a] of bands) {
+    const ph = rand() * 6, top = [], under = [];
+    for (let i = 0; i <= 30; i++) {
+      const x = -1.2 * r + 2.4 * r * i / 30, bow = 0.1 * r * (1 - (x / r) ** 2 / 1.44);
+      top.push(rot({ x: r + x, y: r + at * r + bow + 0.02 * r * Math.sin(i * 0.9 + ph) }, tilt, { x: r, y: r }));
+      under.unshift(rot({ x: r + x, y: r + (at + thick) * r + bow + 0.025 * r * Math.sin(i * 0.7 + ph * 2) }, tilt, { x: r, y: r }));
+    }
+    poly(k, disc, "Planet band", [[...top, ...under]], k.tint(role, a));
+  }
+  const storm = k.ellipse(disc, r3(r * 0.34), k.tint("planetDeep", 0.9), { name: "Storm", absolute: { x: r3(r * 0.5), y: r3(r * 1.12) } });
+  k.patch(storm, { height: r3(r * 0.16), rotation: tilt });
+  const night = [];
+  for (let i = 0; i <= 40; i++) {
+    const a = -Math.PI / 2 + Math.PI * i / 40;
+    night.push(rot({ x: r + r * 1.02 * Math.cos(a), y: r + r * 1.02 * Math.sin(a) }, 38, { x: r, y: r }));
+  }
+  for (let i = 40; i >= 0; i--) {
+    const a = -Math.PI / 2 + Math.PI * i / 40;
+    night.push(rot({ x: r + r * 0.28 * Math.cos(a), y: r + r * 1.02 * Math.sin(a) }, 38, { x: r, y: r }));
+  }
+  poly(k, disc, "Night side", [night], k.tint("planetShade", 0.62));
+  k.rect(disc, r3(r * 2), r3(r * 2), [k.gradient({ from: "flameCore", to: "flameCore", kind: "RADIAL", fromOpacity: 0.5, toOpacity: 0, handles: [{ x: 0.28, y: 0.24 }, { x: 0.86, y: 0.24 }, { x: 0.28, y: 0.82 }] })], { name: "Day light", absolute: { x: 0, y: 0 } });
+  if (p.ring !== false) {
+    poly(k, id, "Ring near inner", [half(1.28, 1.44, false)], k.tint("ringPale", 0.8));
+    poly(k, id, "Ring near", [half(1.5, RING_OUT, false)], "ring", { effects: [grain(Math.max(1, Math.round(r / 90)), 0.16)] });
+    poly(k, id, "Ring gap", [half(1.7, 1.73, false)], k.tint("planetShade", 0.45));
+  }
+  return id;
+}
+function moon(k, parent, cx, cy, d) {
+  const id = k.frame(parent, { x: r3(cx - d / 2), y: r3(cy - d / 2), width: d, height: d }, { name: "Moon", clip: true });
+  k.ellipse(id, d, "moon", { name: "Moon mask", mask: true, absolute: { x: 0, y: 0 } });
+  k.ellipse(id, d, "moon", { name: "Moon ground", absolute: { x: 0, y: 0 } });
+  for (const [fx, fy, s] of [[0.3, 0.3, 0.2], [0.55, 0.2, 0.12], [0.42, 0.62, 0.16]]) dot(k, id, "Crater", d * fx, d * fy, d * s, k.tint("smokeShade", 0.6));
+  dot(k, id, "Moon shade", d * 0.82, d * 0.8, d * 1.1, k.tint("planetShade", 0.5));
+  return id;
+}
+var rocketBox = (s) => ({ w: r3(s.h * 0.6), h: r3(s.h * 1.5) });
+var JOINT = 0.42;
+function rocket(k, parent, s) {
+  const H = s.h, box = rocketBox(s), c = box.w / 2;
+  const y0 = H * 0.015, yb = H * 0.8, R = H * 0.118;
+  const hw = (t) => R * Math.sin(Math.PI * 0.6 * t) ** 0.9;
+  const yOf = (t) => y0 + t * (yb - y0);
+  const slice = (t0, t1, l = -1, r = 1) => {
+    const n = Math.max(2, Math.round((t1 - t0) * 40)), pts = [];
+    for (let i = 0; i <= n; i++) {
+      const t = t0 + (t1 - t0) * i / n;
+      pts.push({ x: c + l * hw(t), y: yOf(t) });
+    }
+    for (let i = n; i >= 0; i--) {
+      const t = t0 + (t1 - t0) * i / n;
+      pts.push({ x: c + r * hw(t), y: yOf(t) });
+    }
+    return pts;
+  };
+  const id = k.stack(parent, { width: box.w, height: box.h, name: s.name ?? "Rocket", absolute: { x: 0, y: 0 } });
+  const body = k.frame(id, { x: 0, y: 0, width: box.w, height: box.h }, { name: "Rocket body" });
+  const full = { x: 0, y: 0, width: box.w, height: box.h };
+  const plume = (into, name, top, len, w, lit) => {
+    const g = k.frame(into, full, { name, ...lit ? {} : { opacity: 0 } });
+    const flame = (share, long) => {
+      const pts = [], n = 26;
+      for (let i = 0; i <= n; i++) {
+        const q = i / n;
+        pts.push({ x: c - w / 2 * share * Math.sin(Math.PI * q ** 0.5) ** 0.8 * (1 - 0.25 * q), y: top + len * long * q });
+      }
+      for (let i = n - 1; i >= 1; i--) {
+        const q = i / n;
+        pts.push({ x: c + w / 2 * share * Math.sin(Math.PI * q ** 0.5) ** 0.8 * (1 - 0.25 * q), y: top + len * long * q });
+      }
+      return pts;
+    };
+    const layers = [["Flame outer", 1, 1, "flameOuter"], ["Flame", 0.66, 0.78, "flame"], ["Flame core", 0.34, 0.5, "flameCore"]];
+    layers.forEach(([n, share, long, role], i) => {
+      const f = poly(k, g, n, [flame(share, long)], role, i === 0 ? { effects: [glowOf(k, "flame", w * 0.5, 0.7, w * 0.04)] } : {});
+      if (!s.still) k.behave(f, "scaleY", [{ kind: "sine", amp: 0.07 + 0.03 * i, freq: hz(Math.max(4, Math.round(s.loopMs / 260)) + i * 3, s.loopMs), phase: i / 3 }]);
+    });
+    return g;
+  };
+  const booster = k.frame(body, full, { name: "Booster" });
+  plume(booster, "Plume", H * 0.83, H * 0.66, H * 0.3, !!s.lit);
+  const fin = (side) => {
+    const pts = [{ x: c + side * hw(0.66) * 0.9, y: yOf(0.66) }];
+    for (let i = 1; i <= 10; i++) {
+      const q = i / 10;
+      pts.push({ x: c + side * (hw(0.66) + (H * 0.275 - hw(0.66)) * q ** 1.7), y: yOf(0.66) + (H * 0.9 - yOf(0.66)) * q ** 0.8 });
+    }
+    pts.push({ x: c + side * H * 0.19, y: H * 0.9 }, { x: c + side * hw(0.98) * 0.9, y: yOf(0.93) });
+    return pts;
+  };
+  poly(k, booster, "Fin left", [fin(-1)], "fin", { effects: [grain(1, 0.12)] });
+  poly(k, booster, "Fin right", [fin(1)], "finShade");
+  poly(k, booster, "Engine bell", [[{ x: c - H * 0.062, y: yb - 2 }, { x: c + H * 0.062, y: yb - 2 }, { x: c + H * 0.088, y: H * 0.862 }, { x: c - H * 0.088, y: H * 0.862 }]], "ink");
+  poly(k, booster, "Booster hull", [slice(JOINT, 1)], "hull", { effects: [grain(1, 0.1)] });
+  poly(k, booster, "Booster shade", [slice(JOINT, 1, 0.38, 1)], k.tint("hullShade", 0.9));
+  poly(k, booster, "Booster light", [slice(JOINT + 0.02, 0.98, -0.8, -0.66)], k.tint("flameCore", 0.9));
+  const checks = [];
+  for (let row = 0; row < 2; row++) for (let i = 0; i < 6; i++) if ((i + row) % 2 === 0) checks.push(slice(0.56 + row * 0.045, 0.605 + row * 0.045, -1 + i / 3, -1 + (i + 1) / 3));
+  poly(k, booster, "Roll pattern", checks, "ink");
+  poly(k, booster, "Booster stripe", [slice(0.72, 1, -0.16, 0.16)], "fin");
+  poly(k, booster, "Fin centre", [[{ x: c - H * 6e-3, y: yOf(0.74) }, { x: c + H * 6e-3, y: yOf(0.74) }, { x: c + H * 0.02, y: H * 0.9 }, { x: c - H * 0.02, y: H * 0.9 }]], "finShade");
+  const upper = k.frame(body, full, { name: "Upper stage" });
+  plume(upper, "Upper plume", yOf(JOINT) - 2, H * 0.26, H * 0.14, false);
+  poly(k, upper, "Upper hull", [slice(0, JOINT)], "hull", { effects: [grain(1, 0.1)] });
+  poly(k, upper, "Upper shade", [slice(0, JOINT, 0.38, 1)], k.tint("hullShade", 0.9));
+  poly(k, upper, "Upper light", [slice(0.2, JOINT - 0.03, -0.8, -0.66)], k.tint("flameCore", 0.9));
+  poly(k, upper, "Nose", [slice(0, 0.17)], "fin");
+  poly(k, upper, "Nose shade", [slice(0, 0.17, 0.38, 1)], "finShade");
+  poly(k, upper, "Collar", [slice(JOINT - 0.035, JOINT)], "glass");
+  poly(k, upper, "Collar shade", [slice(JOINT - 0.035, JOINT, 0.38, 1)], k.tint("ink", 0.35));
+  poly(k, upper, "Mast", [[{ x: c - 1, y: 0 }, { x: c + 1, y: 0 }, { x: c + H * 4e-3, y: y0 + H * 0.02 }, { x: c - H * 4e-3, y: y0 + H * 0.02 }]], "fin");
+  for (const [t, d] of [[0.255, 0.078], [0.345, 0.044]]) {
+    dot(k, upper, "Porthole rim", c - H * 4e-3, yOf(t), H * d, "ring");
+    dot(k, upper, "Porthole", c - H * 4e-3, yOf(t), H * d * 0.7, "glass");
+    dot(k, upper, "Porthole glint", c - H * 4e-3 - H * d * 0.14, yOf(t) - H * d * 0.14, H * d * 0.2, k.tint("flameCore", 0.9));
+  }
+  return id;
+}
+function standRocket(k, id, s, cx, baseY, scale = 1) {
+  const box = rocketBox(s);
+  place(k, id, box, cx, baseY - scale * (s.h * 0.9 - box.h / 2), scale);
+}
+var gantryBox = (g) => ({ w: r3(g.h * 0.42), h: r3(g.h) });
+function gantry(k, parent, g) {
+  const G = g.h, box = gantryBox(g), tw = G * 0.13, top = G * 0.1, line = Math.max(1.5, G * 8e-3);
+  const id = k.stack(parent, { width: box.w, height: box.h, name: g.name ?? "Gantry", absolute: { x: 0, y: 0 } });
+  const lines = [], n = Math.round((G - top) / tw), seg = (G - top) / n;
+  for (let i = 0; i < n; i++) {
+    const y = top + i * seg;
+    lines.push([{ x: 0, y }, { x: tw, y: y + seg }], [{ x: tw, y }, { x: 0, y: y + seg }], [{ x: 0, y }, { x: tw, y }]);
+  }
+  poly(k, id, "Lattice", lines, "gantryShade", { line });
+  poly(k, id, "Legs", [[{ x: 0, y: top }, { x: 0, y: G }], [{ x: tw, y: top }, { x: tw, y: G }]], "gantry", { line: line * 2.2 });
+  const arms = [], struts = [];
+  for (const [at, reach] of [[0.3, 0.27], [0.52, 0.25], [0.74, 0.22]]) {
+    const y = G * at;
+    arms.push([{ x: tw, y }, { x: tw + G * reach, y }]);
+    struts.push([{ x: tw, y: y + seg * 0.9 }, { x: tw + G * reach * 0.7, y }], [{ x: tw + G * reach, y: y - G * 0.012 }, { x: tw + G * reach, y: y + G * 0.02 }]);
+  }
+  poly(k, id, "Struts", struts, "gantryShade", { line });
+  poly(k, id, "Arms", arms, "gantry", { line: line * 2.6 });
+  poly(k, id, "Crane", [[{ x: -G * 0.02, y: top }, { x: tw + G * 0.2, y: top }], [{ x: tw / 2, y: G * 0.02 }, { x: tw + G * 0.2, y: top }], [{ x: tw / 2, y: G * 0.02 }, { x: -G * 0.02, y: top }], [{ x: tw / 2, y: 0 }, { x: tw / 2, y: top }]], "gantry", { line: line * 1.8 });
+  for (const at of [0.3, 0.52, 0.74]) dot(k, id, "Work lamp", tw + G * 0.03, G * at - G * 0.022, G * 0.02, "lamp", { effects: [glowOf(k, "lamp", G * 0.05, 0.9)] });
+  const beacon = dot(k, id, "Beacon", tw / 2, G * 0.012, G * 0.026, "flameOuter", { effects: [glowOf(k, "flameOuter", G * 0.06, 0.95, G * 6e-3)] });
+  if (!g.still) k.behave(beacon, "opacity", [{ kind: "sine", amp: 0.45, freq: hz(Math.max(2, Math.round(g.loopMs / 900)), g.loopMs) }, { kind: "clamp", min: 0.1, max: 1 }]);
+  return id;
+}
+var DUSK = 560;
+var padBox = (p) => ({ w: p.w, h: r3(p.depth + DUSK * (p.u ?? 1)) });
+function pad(k, parent, p) {
+  const u = p.u ?? 1, box = padBox(p), hy = DUSK * u, w = p.w;
+  const id = k.stack(parent, { width: box.w, height: box.h, name: p.name ?? "Pad", absolute: { x: 0, y: 0 } });
+  k.rect(id, w, r3(hy), [k.gradient({ from: "planet", to: "flame", angle: 90, fromOpacity: 0, toOpacity: 0.5 })], { name: "Dusk", absolute: { x: 0, y: 0 } });
+  const mesa = (seed, base, amp) => {
+    const rand = rng(seed), pts = [{ x: 0, y: hy + 2 }];
+    let x = 0, y = hy - base * u * (0.4 + 0.6 * rand());
+    while (x < w) {
+      pts.push({ x, y });
+      const run = (40 + 120 * rand()) * u;
+      x = Math.min(w, x + run);
+      pts.push({ x, y });
+      x = Math.min(w, x + (10 + 26 * rand()) * u);
+      y = hy - base * u - amp * u * rand();
+    }
+    pts.push({ x: w, y }, { x: w, y: hy + 2 });
+    return pts;
+  };
+  poly(k, id, "Mesas far", [mesa(7, 40, 120)], "mesa", { effects: [grain(1, 0.1)] });
+  poly(k, id, "Mesas near", [mesa(19, 10, 46)], "mesaNear");
+  k.rect(id, w, r3(p.depth), "ground", { name: "Ground", absolute: { x: 0, y: r3(hy) } });
+  k.rect(id, w, r3(Math.min(p.depth, 320 * u)), [k.gradient({ from: "mesa", to: "mesa", angle: 90, fromOpacity: 0.75, toOpacity: 0 })], { name: "Ground light", absolute: { x: 0, y: r3(hy) } });
+  const tracks = [];
+  for (const dx of [-0.9, -0.5, 0.5, 0.9]) tracks.push([{ x: p.cx + dx * 34 * u, y: hy + 6 * u }, { x: p.cx + dx * w * 0.7, y: hy + p.depth }]);
+  poly(k, id, "Tracks", tracks, k.tint("mesa", 0.8), { line: Math.max(1, 2 * u) });
+  const bx = p.cx + (p.cx > w * 0.55 ? -1 : 1) * 330 * u, by = hy + 4 * u;
+  poly(k, id, "Bunker", [[{ x: bx - 70 * u, y: by }, { x: bx - 58 * u, y: by - 36 * u }, { x: bx + 58 * u, y: by - 36 * u }, { x: bx + 70 * u, y: by }], [{ x: bx - 30 * u, y: by - 36 * u }, { x: bx - 30 * u, y: by - 52 * u }, { x: bx + 20 * u, y: by - 52 * u }, { x: bx + 20 * u, y: by - 36 * u }]], "ground");
+  for (let i = 0; i < 4; i++) k.rect(id, r3(16 * u), r3(5 * u), "lamp", { name: "Slit", absolute: { x: r3(bx - 46 * u + i * 26 * u), y: r3(by - 24 * u) }, effects: [glowOf(k, "lamp", 10 * u, 0.8)] });
+  poly(k, id, "Dish mast", [[{ x: bx + 44 * u, y: by - 36 * u }, { x: bx + 44 * u, y: by - 84 * u }], [{ x: bx + 44 * u, y: by - 84 * u }, { x: bx + 20 * u, y: by - 112 * u }]], "deck", { line: Math.max(1.5, 3 * u) });
+  const dish = [];
+  for (let i = 0; i <= 16; i++) {
+    const a = Math.PI * i / 16;
+    dish.push(rot({ x: bx + 44 * u + 30 * u * Math.cos(a), y: by - 84 * u + 12 * u * Math.sin(a) }, -42, { x: bx + 44 * u, y: by - 84 * u }));
+  }
+  poly(k, id, "Dish", [dish], "deck");
+  const dw = 150 * u, dy = hy - 10 * u;
+  poly(k, id, "Deck", [[{ x: p.cx - dw, y: dy }, { x: p.cx + dw, y: dy }, { x: p.cx + dw + 26 * u, y: dy + 34 * u }, { x: p.cx - dw - 26 * u, y: dy + 34 * u }]], "deck", { effects: [grain(1, 0.14)] });
+  const hazard = [];
+  for (let i = 0; i < 12; i += 2) {
+    const x = p.cx - dw - 20 * u + i * (2 * dw + 40 * u) / 12, s = (2 * dw + 40 * u) / 12;
+    hazard.push([{ x: x + 8 * u, y: dy + 20 * u }, { x: x + s + 8 * u, y: dy + 20 * u }, { x: x + s, y: dy + 34 * u }, { x, y: dy + 34 * u }]);
+  }
+  poly(k, id, "Hazard", hazard, "fin");
+  poly(k, id, "Trench", [[{ x: p.cx - 46 * u, y: dy + 34 * u }, { x: p.cx + 46 * u, y: dy + 34 * u }, { x: p.cx + 70 * u, y: dy + 78 * u }, { x: p.cx - 70 * u, y: dy + 78 * u }]], k.tint("ink", 0.9));
+  for (const side of [-1, 1]) {
+    const fx = p.cx + side * 250 * u, fy = hy + 18 * u;
+    const beam = poly(k, id, "Beam", [[{ x: fx - 6 * u, y: fy }, { x: fx + 6 * u, y: fy }, { x: p.cx + side * 10 * u + 90 * u, y: hy - 500 * u }, { x: p.cx + side * 10 * u - 90 * u, y: hy - 500 * u }]], [k.gradient({ from: "flameCore", to: "flameCore", angle: -90, fromOpacity: 0.3, toOpacity: 0 })]);
+    if (!p.still) k.behave(beam, "opacity", [{ kind: "sine", amp: 0.18, freq: hz(Math.max(1, Math.round(p.loopMs / 2400)), p.loopMs), phase: side > 0 ? 0.5 : 0 }, { kind: "clamp", min: 0, max: 1 }]);
+    poly(k, id, "Flood lamp", [[{ x: fx - 12 * u, y: fy + 4 * u }, { x: fx + 12 * u, y: fy + 4 * u }, { x: fx + 8 * u, y: fy - 8 * u }, { x: fx - 8 * u, y: fy - 8 * u }]], "lamp", { effects: [glowOf(k, "lamp", 16 * u, 0.9)] });
+  }
+  if (p.foreground) foreground(k, id, p, hy + p.depth);
+  return id;
+}
+function foreground(k, pad2, p, foot) {
+  const u = p.u ?? 1, w = p.w, rand = rng(53);
+  const id = k.frame(pad2, { x: 0, y: 0, width: w, height: r3(foot) }, { name: "Foreground" });
+  for (let i = 0; i < 7; i++) {
+    const q = i / 6, x = w * (0.98 - 0.5 * q), y = foot - (150 + 250 * q) * u, h = (64 - 34 * q) * u;
+    poly(k, id, "Fence post", [[{ x, y }, { x, y: y - h }]], "mesa", { line: Math.max(1.5, (5 - 2.5 * q) * u) });
+    dot(k, id, "Fence lamp", x, y - h, (13 - 6 * q) * u, "lamp", { effects: [glowOf(k, "lamp", (26 - 12 * q) * u, 0.85)] });
+  }
+  const rocks = [{ x: 0, y: foot }];
+  for (let x = 0; x <= w; x += 36 * u) rocks.push({ x: Math.min(w, x), y: foot - (40 + 70 * rand() + 90 * Math.max(0, 1 - x / (w * 0.5))) * u });
+  rocks.push({ x: w, y: foot - 60 * u }, { x: w, y: foot });
+  poly(k, id, "Rocks", [rocks], k.tint("ink", 0.95));
+  const dx = w * 0.17, dy = foot - 300 * u, R = 150 * u, C = { x: dx, y: dy };
+  const bowl = [];
+  for (let i = 0; i <= 24; i++) {
+    const a = Math.PI * i / 24;
+    bowl.push(rot({ x: dx + R * Math.cos(a), y: dy + R * 0.42 * Math.sin(a) }, -38, C));
+  }
+  poly(k, id, "Dish mount", [[{ x: dx - 16 * u, y: dy + 30 * u }, { x: dx + 16 * u, y: dy + 30 * u }, { x: dx + 54 * u, y: foot }, { x: dx - 54 * u, y: foot }]], k.tint("ink", 0.95));
+  poly(k, id, "Big dish", [bowl], "mesa", { effects: [grain(2, 0.18)] });
+  const rim = [];
+  for (let i = 0; i <= 24; i++) {
+    const a = Math.PI * i / 24;
+    rim.push(rot({ x: dx + R * Math.cos(a), y: dy - R * 0.1 * Math.sin(a) }, -38, C));
+  }
+  poly(k, id, "Dish rim", [[...rim, ...bowl.slice(0, 1)]], k.tint("nebula", 0.9));
+  const feed = rot({ x: dx, y: dy - R * 0.62 }, -38, C);
+  poly(k, id, "Feed struts", [[rot({ x: dx - R * 0.8, y: dy }, -38, C), feed], [rot({ x: dx + R * 0.8, y: dy }, -38, C), feed], [rot({ x: dx, y: dy + R * 0.2 }, -38, C), feed]], "deck", { line: Math.max(1.5, 3 * u) });
+  dot(k, id, "Feed", feed.x, feed.y, 16 * u, "lamp", { effects: [glowOf(k, "lamp", 18 * u, 0.8)] });
+}
+function layPad(k, id, p, y, o = {}) {
+  const box = padBox(p), top = DUSK * (p.u ?? 1);
+  k.patch(id, { x: o.x ?? 0, y: r3(y - top), width: box.w, height: box.h });
+  if (o.dusk !== void 0) for (const n of k.named(id, "Dusk")) k.patch(n, { y: r3(top - o.dusk), height: r3(o.dusk) });
+  if (o.beams === false) for (const n of k.named(id, "Beam")) k.patch(n, { visible: false });
+}
+var smokeBox = (s) => ({ w: s.w, h: r3(s.w * 0.36) });
+function smoke(k, parent, s) {
+  const box = smokeBox(s), w = s.w, base = box.h;
+  const outer = k.stack(parent, { width: box.w, height: box.h, name: s.name ?? "Smoke", absolute: { x: 0, y: 0 } });
+  const id = k.frame(outer, { x: 0, y: 0, width: box.w, height: box.h }, { name: "Smoke cloud" });
+  const rand = rng(77);
+  const puffs = Array.from({ length: 17 }, (_, i) => {
+    const f = i / 16, away = Math.abs(f - 0.5) * 2;
+    return { x: w * (0.04 + 0.92 * f), d: w * (0.2 - 0.1 * away) * (0.8 + 0.4 * rand()), lift: w * (0.1 * (1 - away) + 0.03 * rand()) };
+  });
+  puffs.forEach((p, i) => dot(k, id, "Billow shade", p.x + w * 6e-3, base - p.d * 0.4 - p.lift * 0.8, p.d * 0.98, "smokeShade", i === 0 ? { effects: [grain(2, 0.16)] } : {}));
+  puffs.forEach((p, i) => {
+    const b = dot(k, id, "Billow", p.x, base - p.d * 0.42 - p.lift, p.d * 0.9, "smoke");
+    if (!s.still) for (const axis of ["scaleX", "scaleY"]) k.behave(b, axis, [{ kind: "sine", amp: 0.07, freq: hz(2 + i % 3, s.loopMs), phase: i % 5 / 5 }]);
+  });
+  dot(k, id, "Smoke glow", w / 2, base - w * 0.08, w * 0.22, k.tint("flame", 0.55), { effects: [{ type: "LAYER_BLUR", radius: r3(w * 0.03), visible: true }] });
+  return outer;
+}
+function laySmoke(k, id, s, cx, groundY, scale = 1) {
+  const box = smokeBox(s);
+  k.patch(id, { x: r3(cx - box.w / 2), y: r3(groundY - box.h / 2 - scale * box.h / 2), width: box.w, height: box.h });
+  for (const n of k.named(id, "Smoke cloud")) k.patch(n, { scaleX: scale, scaleY: scale });
+}
+var orbitBox = (o) => ({ w: r3(o.rx * 2 + 8), h: r3(o.rx * 2 + 8) });
+function orbit(k, parent, o) {
+  const box = orbitBox(o), c = box.w / 2, pts = [];
+  for (let i = 0; i < 96; i++) {
+    const a = (o.from ?? 200) * Math.PI / 180 + Math.PI * 2 * i / 96;
+    pts.push(rot({ x: c + o.rx * Math.cos(a), y: c + o.ry * Math.sin(a) }, o.tilt ?? -16, { x: c, y: c }));
+  }
+  const id = k.vector(parent, box.w, box.h, [{ closed: true, points: pts.map((p) => pt3(p.x, p.y)) }], o.role ?? "star", { name: o.name ?? "Orbit", strokeWidth: o.weight ?? 3, absolute: { x: 0, y: 0 } });
+  k.patch(id, { trim: { start: 0, end: 1, offset: 0 } });
+  return id;
+}
+function drawOrbit(k, id, from, to, ease) {
+  k.animate(id, "trim.end", [{ t: 0, v: 0, ease: { kind: "hold" } }, { t: from, v: 0, ease }, { t: to, v: 1 }]);
+}
+var patchBox = (p) => ({ w: p.size, h: p.size });
+function missionPatch(k, parent, p) {
+  const S = p.size, c = S / 2, u = S / 700;
+  const id = k.stack(parent, { width: S, height: S, name: p.name ?? "Patch", absolute: { x: 0, y: 0 } });
+  dot(k, id, "Patch border", c, c, S, "fin", { effects: [{ type: "DROP_SHADOW", color: { r: 0, g: 0.04, b: 0.05, a: 0.55 }, offset: { x: 0, y: r3(14 * u) }, blur: r3(40 * u), spread: 0, visible: true }, grain(2, 0.2)] });
+  const stitches = [];
+  for (let i = 0; i < 120; i++) {
+    const a = Math.PI * 2 * i / 120;
+    stitches.push([{ x: c + S * 0.468 * Math.cos(a), y: c + S * 0.468 * Math.sin(a) }, { x: c + S * 0.496 * Math.cos(a + 0.02), y: c + S * 0.496 * Math.sin(a + 0.02) }]);
+  }
+  poly(k, id, "Merrow", stitches, "finShade", { line: Math.max(1.5, 4 * u) });
+  dot(k, id, "Patch gold", c, c, S * 0.9, "ring");
+  const sky = k.frame(id, { x: r3(S * 0.07), y: r3(S * 0.07), width: r3(S * 0.86), height: r3(S * 0.86) }, { name: "Patch sky", clip: true, effects: [grain(2, 0.14)] });
+  k.ellipse(sky, r3(S * 0.86), "patchSky", { name: "Patch mask", mask: true, absolute: { x: 0, y: 0 } });
+  k.ellipse(sky, r3(S * 0.86), "patchSky", { name: "Patch night", absolute: { x: 0, y: 0 } });
+  const W = S * 0.86;
+  const rand = rng(303);
+  for (let i = 0; i < 26; i++) dot(k, sky, "Patch star", rand() * W, rand() * W * 0.62, (2 + rand() * 4) * u, "star", { opacity: r3(0.5 + 0.5 * rand()) });
+  const pl = planet(k, sky, { r: 78 * u, name: "Patch planet" });
+  place(k, pl, planetBox({ r: 78 * u }), W * 0.7, W * 0.3);
+  const arc = [];
+  for (let i = 0; i <= 40; i++) {
+    const q = i / 40;
+    arc.push({ x: W * (0.1 + 0.3 * q), y: W * (0.62 - 0.44 * Math.sin(Math.PI / 2 * q)) });
+  }
+  const line = poly(k, sky, "Patch arc", [arc], "ringPale", { line: Math.max(2, 5 * u) });
+  k.patch(line, { trim: { start: 0, end: 1, offset: 0 } });
+  const rk = rocket(k, sky, { h: 250 * u, name: "Patch rocket", loopMs: p.loopMs, still: p.still, lit: true });
+  standRocket(k, rk, { h: 250 * u }, W * 0.36, W * 0.44);
+  const top = k.text(sky, p.top, { style: p.styles.top, color: "ring", width: r3(W * 0.4), align: "CENTER", name: "Patch top", absolute: { x: r3(W * 0.5), y: r3(W * 0.5) } });
+  const fig = k.text(sky, p.figure, { style: p.styles.figure, color: "star", autoWidth: true, name: "Patch figure", absolute: { x: 0, y: r3(W * 0.63) } });
+  k.patch(fig, { x: r3((W - k.node(fig).width) / 2) });
+  void top;
+  const ry = S * 0.82, rh = S * 0.13, rw = S * 0.5;
+  poly(k, id, "Ribbon tails", [[{ x: c - rw - 40 * u, y: ry + 16 * u }, { x: c - rw + 30 * u, y: ry + 16 * u }, { x: c - rw + 30 * u, y: ry + rh + 16 * u }, { x: c - rw - 40 * u, y: ry + rh + 16 * u }, { x: c - rw - 14 * u, y: ry + rh / 2 + 16 * u }], [{ x: c + rw + 40 * u, y: ry + 16 * u }, { x: c + rw - 30 * u, y: ry + 16 * u }, { x: c + rw - 30 * u, y: ry + rh + 16 * u }, { x: c + rw + 40 * u, y: ry + rh + 16 * u }, { x: c + rw + 14 * u, y: ry + rh / 2 + 16 * u }]], "hullShade");
+  const ribbon = k.stack(id, { width: r3(rw * 2), height: r3(rh), fill: "hull", align: "CENTER", justify: "CENTER", name: "Patch ribbon", absolute: { x: r3(c - rw), y: r3(ry) }, effects: [{ type: "DROP_SHADOW", color: { r: 0, g: 0.04, b: 0.05, a: 0.4 }, offset: { x: 0, y: r3(6 * u) }, blur: r3(14 * u), spread: 0, visible: true }] });
+  k.text(ribbon, p.ribbon, { style: p.styles.ribbon, color: "ink", align: "CENTER", name: "Patch ribbon text" });
+  return id;
+}
+function readout(k, parent, o) {
+  const id = k.stack(parent, { gap: 2, name: `${o.name} readout`, ...o.width !== void 0 ? { width: o.width } : {} });
+  k.text(id, o.label, { style: o.styles.label, color: o.ink ?? "onCard", name: `${o.name} label` });
+  k.text(id, o.value, { style: o.styles.value, color: o.ink ?? "onCard", name: `${o.name} figure` });
+  return id;
+}
+function lamps(k, parent, d) {
+  const row = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", gap: Math.round(d * 0.5), align: "CENTER", name: "Lamps" });
+  for (const role of ["glass", "ring", "fin"]) k.ellipse(row, d, role, { name: "Lamp", stroke: { color: "ink", width: Math.max(1, d * 0.1) } });
+  return row;
+}
+
+export {
+  spaceBrand,
+  grain,
+  place,
+  coverGround,
+  coverBorder,
+  fitCover,
+  starfield,
+  fitStarfield,
+  climbStars,
+  planetBox,
+  planet,
+  moon,
+  rocketBox,
+  rocket,
+  standRocket,
+  gantryBox,
+  gantry,
+  padBox,
+  pad,
+  layPad,
+  smokeBox,
+  smoke,
+  laySmoke,
+  orbitBox,
+  orbit,
+  drawOrbit,
+  patchBox,
+  missionPatch,
+  readout,
+  lamps
+};