@popcraft/kit 0.26.1 → 0.28.0

package/dist/chunks/chunk-6YPTFCNV.js

@@ -0,0 +1,361 @@
+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 {
+  bleed,
+  glow,
+  grain,
+  shadow
+} from "./chunk-HVK5T4I5.js";
+import {
+  DEG,
+  box,
+  lcg,
+  pt
+} from "./chunk-BNVLVZUT.js";
+import {
+  ease
+} from "./chunk-37IU3FCE.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/themes/art-deco-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var CAPS = { textCase: "UPPER" };
+function decoBrand(k, fields = {}) {
+  k.brand(
+    { paper: "#06241C", text: "#F8EFD9", onPaper: "#DAD1B2", primary: "#E6BF68", onPrimary: "#0A1E18", accent: "#CFA44E", onAccent: "#0A1E18", card: "#F5EACD", onCard: "#0E2A21" },
+    { name: "Aurelia", site: "aurelia.example", ...fields }
+  );
+  k.palette({ night: "#020F0B", tower: "#0E4435", towerFar: "#0A3329", lit: "#FFE9A6", drape: "#0C5140", fold: "#03201A", ray: "#1F7A5C" });
+}
+var GRAIN = grain();
+var cast = (k, blur = 40, alpha = 0.6) => [shadow(k, "night", alpha, Math.round(blur * 0.45), blur)];
+var disc = (cx, cy, r) => ({ closed: true, points: Array.from({ length: 12 }, (_, i) => pt(cx + r * Math.cos(i * 30 * DEG), cy + r * Math.sin(i * 30 * DEG))) });
+var arcPoints = (cx, cy, r, steps = 24, squash = 1) => Array.from({ length: steps + 1 }, (_, i) => {
+  const a = Math.PI + Math.PI * i / steps;
+  return pt(cx + r * Math.cos(a), cy + r * squash * Math.sin(a));
+});
+function fan(k, parent, o) {
+  const n = o.blades ?? 14, spread = o.spread ?? 180, step = spread / n, r = o.r;
+  const ids = [];
+  for (const side of [0, 1]) for (const strong of [1, 0]) {
+    const paths = [];
+    for (let i = 0; i < n; i++) {
+      const from = -spread / 2 + step * i, to = from + step;
+      const out = side ? i - n / 2 : n / 2 - 1 - i;
+      if ((side ? from >= -1e-3 : to <= 1e-3) && out % 2 === 0 === !!strong) {
+        const px = side ? 0 : r;
+        paths.push({ closed: true, points: [pt(px, r), pt(px + r * Math.sin(from * DEG), r - r * Math.cos(from * DEG)), pt(px + r * Math.sin(to * DEG), r - r * Math.cos(to * DEG))] });
+      }
+    }
+    if (!paths.length) continue;
+    const id = k.vector(parent, r, r, paths, o.role ?? "accent", { name: "Ray", opacity: strong ? o.strong ?? 0.2 : o.faint ?? 0.07, absolute: { x: side ? o.x : o.x - r, y: o.y - r } });
+    k.patch(id, { anchorX: side ? 0 : 1, anchorY: 1 });
+    if (o.open) k.animate(id, "rotation", [{ t: 0, v: side ? 90 : -90, ease: ease.hold }, { t: o.open.at, v: side ? 90 : -90, ease: ease.inOut("cubic") }, { t: o.open.at + o.open.duration, v: 0 }]);
+    ids.push(id);
+  }
+  return ids;
+}
+function arcs(k, parent, o) {
+  const R = Math.max(...o.radii);
+  return k.vector(parent, 2 * R, R, o.radii.map((r) => ({ closed: false, points: arcPoints(R, R, r, 36) })), o.role ?? "accent", { name: o.name ?? "Arcs", strokeWidth: o.weight ?? 2, opacity: o.opacity ?? 0.6, absolute: { x: o.x - R, y: o.y - R } });
+}
+function beam(k, parent, o) {
+  const id = k.vector(
+    parent,
+    o.width,
+    o.len,
+    [{ closed: true, points: [pt(o.width / 2 - 2, o.len), pt(0, 0), pt(o.width, 0), pt(o.width / 2 + 2, o.len)] }],
+    [k.gradient({ from: "lit", to: "lit", angle: 90, fromOpacity: 0, toOpacity: o.alpha ?? 0.3 })],
+    { name: "Beam", absolute: { x: o.x - o.width / 2, y: o.y - o.len } }
+  );
+  k.patch(id, { anchorX: 0.5, anchorY: 1, rotation: o.angle });
+  if (o.sway && o.loopMs) k.behave(id, "rotation", [{ kind: "sine", amp: o.sway, freq: (o.cycles ?? 1) * 1e3 / o.loopMs, phase: o.phase ?? 0 }]);
+  return id;
+}
+function stars(k, parent, w, h, o) {
+  const next = lcg(o.seed);
+  const groups = [[], []];
+  for (let i = 0; i < o.count; i++) {
+    const x = next() * w, y = next() * h, r = (o.size ?? 9) * (0.45 + next() * 0.9), q = r * 0.3;
+    if (o.clear && x > o.clear.x && x < o.clear.x + o.clear.w && y > o.clear.y && y < o.clear.y + o.clear.h) continue;
+    groups[i % 2].push({ closed: false, points: [pt(x, y - r), pt(x, y + r)] }, { closed: false, points: [pt(x - r * 0.7, y), pt(x + r * 0.7, y)] }, { closed: false, points: [pt(x - q, y - q), pt(x + q, y + q)] }, { closed: false, points: [pt(x - q, y + q), pt(x + q, y - q)] });
+  }
+  return groups.map((paths, g) => {
+    const id = k.vector(parent, w, h, paths, o.role ?? "accent", { name: "Stars", strokeWidth: 1.5, opacity: 0.6, absolute: o.at ?? { x: 0, y: 0 } });
+    if (o.loopMs) k.behave(id, "opacity", [{ kind: "sine", amp: 0.34, freq: (o.cycles ?? 2) * 1e3 / o.loopMs, phase: g * 0.5 }]);
+    return id;
+  });
+}
+function towerOutline(w, h, head, tiers) {
+  const c = w / 2, body = h - head;
+  const left = [pt(0, h)];
+  let from = h;
+  const steps = tiers.map(([f, top]) => {
+    const y = head + body * (1 - top), half = w * f / 2;
+    const s = { half, top: y, bottom: from };
+    from = y;
+    return s;
+  });
+  for (const s of steps) {
+    left.push(pt(c - s.half, s.bottom), pt(c - s.half, s.top));
+  }
+  const right = left.map((p) => pt(w - p.x, p.y)).reverse();
+  return { points: [...left, ...right], steps };
+}
+function tower(k, parent, base, spec) {
+  const { w, h } = spec, c = w / 2;
+  const last = spec.tiers[spec.tiers.length - 1][0] * w;
+  const crownH = spec.crown ? last / 2 * 2.05 : 0;
+  const head = Math.round(h * (spec.spire ?? 0) + crownH);
+  const id = k.stack(parent, { width: w, height: h, name: "Tower", absolute: { x: spec.x - c, y: base - h } });
+  k.patch(id, { anchorX: 0.5, anchorY: 1 });
+  const at = { x: 0, y: 0 };
+  const { points, steps } = towerOutline(w, h, head, spec.tiers);
+  const mass = [{ closed: true, points }];
+  k.vector(id, w, h, mass, spec.far ? "towerFar" : "tower", { name: "Mass", absolute: at });
+  k.vector(id, w, h, mass, [k.gradient({ from: "lit", to: "night", angle: 90, fromOpacity: spec.far ? 0.05 : 0.16, toOpacity: spec.far ? 0.5 : 0.72 })], { name: "Shade", absolute: at });
+  const next = lcg(spec.seed);
+  const pitch = Math.max(7, Math.round(w * (spec.far ? 0.13 : 0.085)));
+  const lit = [], dim = [], piers = [];
+  for (const s of steps) {
+    const inner = 2 * s.half - pitch * 0.6, cols = Math.max(1, Math.floor(inner / pitch)), x0 = c - cols * pitch / 2;
+    const top = s.top + pitch * 0.7, bottom = Math.min(s.bottom, h) - pitch * 0.35;
+    if (bottom - top < pitch) continue;
+    for (let col = 0; col < cols; col++) {
+      const x = x0 + col * pitch + pitch * 0.28;
+      for (let y = top; y < bottom - pitch * 0.6; ) {
+        const run = Math.min(bottom - y, pitch * (1.2 + next() * 4.6));
+        const roll = next();
+        if (roll > (spec.far ? 0.66 : 0.56)) lit.push(box(x, y, pitch * 0.44, run - pitch * 0.4));
+        else if (!spec.far && roll > 0.16) dim.push(box(x, y, pitch * 0.44, run - pitch * 0.4));
+        y += run + pitch * 0.25;
+      }
+      if (!spec.far && col > 0) piers.push({ closed: false, points: [pt(x0 + col * pitch, s.top), pt(x0 + col * pitch, Math.min(s.bottom, h))] });
+    }
+  }
+  if (dim.length) k.vector(id, w, h, dim, "lit", { name: "Dark windows", opacity: 0.1, absolute: at });
+  if (piers.length) k.vector(id, w, h, piers, "accent", { name: "Piers", strokeWidth: 1, opacity: 0.28, absolute: at });
+  if (lit.length) k.vector(id, w, h, lit, "lit", { name: "Windows", opacity: spec.far ? 0.5 : 0.92, absolute: at, ...spec.far ? {} : { effects: bleed(k, "lit", Math.max(4, pitch * 0.6), 0.5) } });
+  if (spec.far) return id;
+  k.vector(id, w, h, steps.map((s) => ({ closed: false, points: [pt(c - s.half - 3, s.top), pt(c + s.half + 3, s.top)] })), "accent", { name: "Ledges", strokeWidth: Math.max(2, w * 0.016), opacity: 0.9, absolute: at });
+  k.vector(id, w, h, [{ closed: false, points: points.slice(1, -1) }], "accent", { name: "Edge", strokeWidth: 1.5, opacity: 0.7, absolute: at });
+  if (spec.crown) {
+    const r0 = last / 2;
+    const arches = [], rays = [];
+    for (let j = 0; j < 3; j++) {
+      const r = r0 * (1 - j * 0.29), cy = head - j * r0 * 0.7;
+      arches.push({ closed: true, points: arcPoints(c, cy, r, 20, 1.5) });
+      for (let i = 0; i < 5; i++) {
+        const a = (200 + i * 35) * DEG, b = a + 9 * DEG, m = a + 4.5 * DEG;
+        rays.push({ closed: true, points: [pt(c + r * 0.3 * Math.cos(m), cy + r * 1.5 * 0.3 * Math.sin(m)), pt(c + r * 0.8 * Math.cos(a), cy + r * 1.5 * 0.8 * Math.sin(a)), pt(c + r * 0.8 * Math.cos(b), cy + r * 1.5 * 0.8 * Math.sin(b))] });
+      }
+    }
+    k.vector(id, w, h, arches, "tower", { name: "Crown", absolute: at, stroke: { color: "accent", width: 1.5 } });
+    k.vector(id, w, h, rays, "lit", { name: "Crown lights", opacity: 0.95, absolute: at, effects: bleed(k, "lit", Math.max(6, r0 * 0.3), 0.7) });
+  }
+  if (spec.spire) {
+    const tip = crownH ? head - crownH * 0.9 : head, sw = Math.max(2, w * 0.018);
+    k.vector(id, w, h, [{ closed: true, points: [pt(c - sw, tip), pt(c, 0), pt(c + sw, tip)] }], "accent", { name: "Needle", absolute: at });
+  }
+  return id;
+}
+function skyline(k, parent, o) {
+  const H = o.hero, u = H / 100, ux = o.span / 112;
+  const far = lcg(53);
+  const reach = (o.far ?? o.span) / 2;
+  for (let x = o.x - reach - 10 * ux; x < o.x + reach; ) {
+    const w = (9 + far() * 9) * ux, h = (26 + far() * 30) * u;
+    tower(k, parent, o.base, { x: x + w / 2, w, h, tiers: [[1, 0.8 + far() * 0.2], [0.6, 1]], far: true, seed: Math.round(x * 7 + 3) });
+    x += w + ux * (0.5 + far() * 2);
+  }
+  const near = [
+    [2, { x: o.x - 44 * ux, w: 20 * ux, h: 52 * u, tiers: [[1, 0.62], [0.72, 0.86], [0.4, 1]], spire: 0.1, seed: 31 }],
+    [2, { x: o.x + 44 * ux, w: 20 * ux, h: 52 * u, tiers: [[1, 0.62], [0.72, 0.86], [0.4, 1]], spire: 0.1, seed: 37 }],
+    [1, { x: o.x - 24 * ux, w: 22 * ux, h: 72 * u, tiers: [[1, 0.5], [0.78, 0.74], [0.54, 0.9], [0.28, 1]], spire: 0.12, seed: 17 }],
+    [1, { x: o.x + 24 * ux, w: 22 * ux, h: 72 * u, tiers: [[1, 0.5], [0.78, 0.74], [0.54, 0.9], [0.28, 1]], spire: 0.12, seed: 23 }],
+    [0, { x: o.x, w: 27 * ux, h: H, tiers: [[1, 0.46], [0.8, 0.68], [0.6, 0.84], [0.42, 1]], spire: 0.13, crown: true, seed: 7 }]
+  ];
+  return near.map(([rank, spec]) => {
+    const id = tower(k, parent, o.base, spec);
+    if (o.rise) {
+      const t = o.rise.at + rank * o.rise.gap, d = o.rise.duration ?? 900;
+      k.animate(id, "scaleY", [{ t, v: 0, ease: ease.out("expo") }, { t: t + d, v: 1 }]);
+    }
+    return id;
+  });
+}
+function bulbs(k, parent, w, h, points, o) {
+  const groups = [[], [], []];
+  points.forEach((p, i) => groups[i % 3].push(disc(p.x, p.y, o.size / 2)));
+  return groups.filter((g) => g.length).map((paths, g) => {
+    const id = k.vector(parent, w, h, paths, "lit", { name: o.name ?? "Bulbs", opacity: 0.66, absolute: o.at ?? { x: 0, y: 0 }, effects: bleed(k, "lit", Math.round(o.size * 1.1), 0.75) });
+    if (o.loopMs) k.behave(id, "opacity", [{ kind: "sine", amp: 0.34, freq: (o.cycles ?? 4) * 1e3 / o.loopMs, phase: g / 3 }]);
+    return id;
+  });
+}
+function perimeter(w, h, inset, gap) {
+  const iw = w - 2 * inset, ih = h - 2 * inset;
+  const nx = Math.max(1, Math.round(iw / gap)), ny = Math.max(1, Math.round(ih / gap));
+  const out = [];
+  for (let i = 0; i < nx; i++) out.push(pt(inset + iw * i / nx, inset));
+  for (let i = 0; i < ny; i++) out.push(pt(w - inset, inset + ih * i / ny));
+  for (let i = 0; i < nx; i++) out.push(pt(w - inset - iw * i / nx, h - inset));
+  for (let i = 0; i < ny; i++) out.push(pt(inset, h - inset - ih * i / ny));
+  return out;
+}
+function row(w, y, gap, inset = 0) {
+  const n = Math.max(1, Math.round((w - 2 * inset) / gap));
+  return Array.from({ length: n + 1 }, (_, i) => pt(inset + (w - 2 * inset) * i / n, y));
+}
+function marquee(k, parent, w, h, o = {}) {
+  const b = o.bulb ?? 12, rim = Math.round(b * 2.3);
+  const id = k.stack(parent, { width: w, height: h, fill: "night", radius: 6, stroke: { color: "accent", width: 2 }, padding: rim, align: "CENTER", justify: "CENTER", effects: cast(k, 36, 0.55), name: o.name ?? "Marquee", ...o.absolute ? { absolute: o.absolute } : {} });
+  bulbs(k, id, w, h, perimeter(w, h, rim / 2, b * 2.2), { size: b, loopMs: o.loopMs, cycles: o.cycles });
+  const plate = k.stack(id, { height: "FILL", fill: "card", radius: 2, align: "CENTER", justify: "CENTER", gap: o.gap ?? 4, padding: { top: 6, right: 16, bottom: 6, left: 16 }, name: "Marquee plate" });
+  return { id, plate };
+}
+function drapes(k, parent, w, h, o) {
+  const D = Math.round(w / 2) + 4, pleat = o.pleat ?? 54;
+  const rest = Math.round(o.gather / D * 1e3) / 1e3;
+  return [0, 1].map((side) => {
+    const id = k.frame(parent, { x: side ? w - D : 0, y: 0, width: D, height: h }, { name: "Drape", fill: "drape", clip: true });
+    for (let x = 0; x < D; x += pleat) {
+      k.rect(id, pleat, h, [k.gradient({ from: "fold", to: "fold", angle: side ? 180 : 0, fromOpacity: 0, toOpacity: 0.78 })], { name: "Pleat", absolute: { x, y: 0 } });
+      k.rect(id, 2, h, "lit", { name: "Pleat light", opacity: 0.1, absolute: { x: side ? x + pleat - 2 : x, y: 0 } });
+    }
+    k.rect(id, D, h, [k.gradient({ from: "fold", to: "fold", angle: 90, fromOpacity: 0.55, toOpacity: 0 })], { name: "Drape shade", absolute: { x: 0, y: 0 } });
+    const hem = Math.max(8, Math.round(h * 0.012));
+    k.rect(id, D, hem, "accent", { name: "Hem", absolute: { x: 0, y: h - hem * 4 } });
+    k.rect(id, D, 2, "accent", { name: "Hem line", opacity: 0.7, absolute: { x: 0, y: h - hem * 5 } });
+    k.patch(id, { anchorX: side, anchorY: 0, scaleX: rest });
+    if (o.open) k.animate(id, "scaleX", [{ t: 0, v: 1, ease: ease.hold }, { t: o.open.at, v: 1, ease: ease.inOut("cubic") }, { t: o.open.at + o.open.duration, v: rest }]);
+    return id;
+  });
+}
+function valance(k, parent, w, h, o) {
+  const id = k.stack(parent, { width: w, height: h, name: "Valance", absolute: o.absolute ?? { x: 0, y: 0 } });
+  const sw = w / o.swags;
+  const swag = (i, depth) => ({ closed: true, points: [pt(i * sw, 0), ...Array.from({ length: 19 }, (_, j) => {
+    const a = Math.PI * j / 18;
+    return pt(i * sw + sw / 2 * (1 - Math.cos(a)), depth * Math.sin(a));
+  }), pt((i + 1) * sw, 0)] });
+  const all = Array.from({ length: o.swags }, (_, i) => i);
+  k.vector(id, w, h, all.map((i) => swag(i, h * 0.94)), "drape", { name: "Swags", absolute: { x: 0, y: 0 }, effects: cast(k, Math.round(h * 0.3), 0.7) });
+  k.vector(id, w, h, all.map((i) => swag(i, h * 0.94)), [k.gradient({ from: "fold", to: "fold", angle: 90, fromOpacity: 0.7, toOpacity: 0 })], { name: "Swag shade", absolute: { x: 0, y: 0 } });
+  k.vector(id, w, h, all.flatMap((i) => [0.55, 0.78].map((f) => ({ closed: false, points: swag(i, h * 0.94 * f).points.slice(1, -1) }))), "fold", { name: "Swag folds", strokeWidth: 2, opacity: 0.55, absolute: { x: 0, y: 0 } });
+  k.vector(id, w, h, all.map((i) => ({ closed: false, points: swag(i, h * 0.94).points.slice(1, -1) })), "accent", { name: "Swag fringe", strokeWidth: Math.max(2, h * 0.035), absolute: { x: 0, y: 0 } });
+  k.rect(id, w, Math.max(4, h * 0.07), "accent", { name: "Rail", absolute: { x: 0, y: 0 } });
+  return id;
+}
+function steppedPoints(w, h, step, inset = 0) {
+  const a = inset, s = step;
+  const corner = (x, y, dx, dy, first) => first === "y" ? [pt(x, y + dy * 2 * s), pt(x + dx * s, y + dy * 2 * s), pt(x + dx * s, y + dy * s), pt(x + dx * 2 * s, y + dy * s), pt(x + dx * 2 * s, y)] : [pt(x + dx * 2 * s, y), pt(x + dx * 2 * s, y + dy * s), pt(x + dx * s, y + dy * s), pt(x + dx * s, y + dy * 2 * s), pt(x, y + dy * 2 * s)];
+  return [...corner(a, a, 1, 1, "y"), ...corner(w - a, a, -1, 1, "x"), ...corner(w - a, h - a, -1, -1, "y"), ...corner(a, h - a, 1, -1, "x")];
+}
+function steppedFrame(k, parent, w, h, o = {}) {
+  const step = o.step ?? 16, inset = o.inset ?? 12;
+  return k.vector(parent, w, h, [{ closed: true, points: steppedPoints(w, h, step, inset) }, { closed: true, points: steppedPoints(w, h, step, inset + Math.max(5, step * 0.4)) }], o.role ?? "accent", { name: o.name ?? "Deco frame", strokeWidth: o.weight ?? 1.5, opacity: o.opacity ?? 0.85, absolute: o.at ?? { x: 0, y: 0 } });
+}
+function fitSteppedFrame(k, rootId, o = {}) {
+  for (const id of k.named(rootId, o.name ?? "Deco frame")) {
+    const p = k.node(k.node(id).parentId);
+    const step = o.step ?? 16, inset = o.inset ?? 12, w = o.width ?? p.width, h = o.height ?? p.height;
+    k.patch(id, { x: 0, y: 0, width: w, height: h, paths: [{ closed: true, points: steppedPoints(w, h, step, inset) }, { closed: true, points: steppedPoints(w, h, step, inset + Math.max(5, step * 0.4)) }] });
+  }
+}
+function fanMark(k, parent, size, o = {}) {
+  const R = size / 2, ribs = o.ribs ?? 9;
+  const paths = [1, 0.72, 0.44].map((f) => ({ closed: false, points: arcPoints(R, R, R * f, 20) }));
+  for (let i = 0; i <= ribs; i++) {
+    const a = Math.PI + Math.PI * i / ribs;
+    paths.push({ closed: false, points: [pt(R + R * 0.18 * Math.cos(a), R + R * 0.18 * Math.sin(a)), pt(R + R * Math.cos(a), R + R * Math.sin(a))] });
+  }
+  return k.vector(parent, size, R, paths, o.role ?? "accent", { name: o.name ?? "Fan mark", strokeWidth: o.weight ?? 1.5, ...o.opacity !== void 0 ? { opacity: o.opacity } : {}, ...o.absolute ? { absolute: o.absolute } : {} });
+}
+function chevrons(k, parent, w, h, o) {
+  const cw = w / o.count, rows = o.rows ?? 1, rh = h / rows;
+  const paths = [];
+  for (let r = 0; r < rows; r++) for (let i = 0; i < o.count; i++) {
+    const y0 = r * rh + (o.down ? 0 : rh), y1 = r * rh + (o.down ? rh : 0);
+    paths.push({ closed: false, points: [pt(i * cw, y0), pt(i * cw + cw / 2, y1), pt((i + 1) * cw, y0)] });
+  }
+  return k.vector(parent, w, h, paths, o.role ?? "accent", { name: "Chevrons", strokeWidth: o.weight ?? 1.5, opacity: o.opacity ?? 0.6, ...o.absolute ? { absolute: o.absolute } : {} });
+}
+function divider(k, parent, o = {}) {
+  const s = o.size ?? 12, role = o.role ?? "accent";
+  const id = k.stack(parent, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: o.name ?? "Divider", ...o.width ? { width: o.width } : {} });
+  k.rect(id, "FILL", 1.5, role, { name: "Rule" });
+  k.vector(id, s, s, [{ closed: true, points: [pt(s / 2, 0), pt(s, s / 2), pt(s / 2, s), pt(0, s / 2)] }], role, { name: "Lozenge" });
+  k.rect(id, "FILL", 1.5, role, { name: "Rule" });
+  return id;
+}
+function stage(k, parent, w, h, o) {
+  const at = o.at ?? { x: 0, y: 0 }, cx = w / 2;
+  const id = k.frame(parent, { ...at, width: w, height: h }, { name: o.name ?? "Stage", clip: true });
+  k.rect(id, w, h, o.ground ?? "paper", { name: "Ground", absolute: { x: 0, y: 0 }, ...o.grain === false ? {} : { effects: GRAIN } });
+  const reach = o.reach ?? Math.hypot(cx, o.base) * 1.02;
+  glow(k, id, { x: cx, y: o.base - o.hero * 0.3, w: o.hero * 2.6, role: "lit", alpha: 0.15, name: "Glow" });
+  fan(k, id, { x: cx, y: o.base, r: reach, blades: o.blades ?? 16, open: o.open, strong: 0.5, faint: 0.14, role: "ray" });
+  arcs(k, id, { x: cx, y: o.base, radii: (o.rims ?? [1.06, 1.1]).map((f) => o.hero * f), opacity: 0.55 });
+  stars(k, id, w, Math.max(40, o.base - o.hero * 0.7), { seed: 19, count: Math.round(w / 26), size: Math.max(5, w * 8e-3), loopMs: o.loopMs, clear: o.clear });
+  if (o.beams !== false) {
+    const len = o.hero * 1.9, bw = o.hero * 0.24;
+    for (const [dx, angle, phase] of [[-0.36, -24, 0], [0.36, 24, 0.5], [-0.15, 13, 0.25], [0.15, -13, 0.75]]) beam(k, id, { x: cx + dx * (o.span ?? w), y: o.base, len, width: bw, angle, sway: 7, loopMs: o.loopMs, cycles: 1, phase, alpha: 0.32 });
+  }
+  skyline(k, id, { x: cx, base: o.base, hero: o.hero, span: o.span ?? w, far: w, rise: o.rise });
+  if (o.base < h) {
+    k.rect(id, w, h - o.base, "night", { name: "Stage front", absolute: { x: 0, y: o.base } });
+    k.rect(id, w, Math.max(3, w * 4e-3), "accent", { name: "Stage edge", absolute: { x: 0, y: o.base } });
+    glow(k, id, { x: cx, y: o.base, w: w * 1.1, h: Math.min(h - o.base, o.hero * 0.5) * 2, role: "lit", alpha: 0.16, name: "Floor glow" });
+    const depth = h - o.base;
+    if (depth > 60) chevrons(k, id, w, Math.min(depth - 40, w * 0.2), { count: 9, rows: 3, opacity: 0.22, weight: 2, absolute: { x: 0, y: o.base + Math.min(60, depth * 0.3) } });
+  }
+  if (o.footlights !== void 0) {
+    const top = o.base + o.footlights + Math.max(22, w * 0.03), deep = h - top;
+    if (deep > 120) {
+      k.rect(id, w, deep, [...k.paint("fold"), k.gradient({ from: "lit", to: "night", angle: 90, fromOpacity: 0.16, toOpacity: 0.85 })], { name: "Apron", absolute: { x: 0, y: top } });
+      const flute = Math.max(18, Math.round(w / 30));
+      k.vector(id, w, deep, Array.from({ length: Math.ceil(w / flute) + 1 }, (_, i) => ({ closed: false, points: [pt(i * flute, 0), pt(i * flute, deep)] })), "accent", { name: "Fluting", strokeWidth: 1.5, opacity: 0.2, absolute: { x: 0, y: top } });
+      k.rect(id, w, Math.max(3, w * 4e-3), "accent", { name: "Apron edge", absolute: { x: 0, y: top } });
+      const size = Math.min(w * 0.66, deep * 1.7);
+      k.vector(id, size, size / 2, [{ closed: true, points: arcPoints(size / 2, size / 2, size / 2, 36) }], "night", { name: "Fan ground", absolute: { x: cx - size / 2, y: h - size / 2 } });
+      fanMark(k, id, size, { ribs: 13, weight: Math.max(1.5, w * 22e-4), opacity: 0.9, absolute: { x: cx - size / 2, y: h - size / 2 } });
+      glow(k, id, { x: cx, y: h, w: size * 0.9, role: "lit", alpha: 0.2, name: "Fan glow" });
+    }
+  }
+  if (o.footlights !== void 0) bulbs(k, id, w, 40, row(w, 20, Math.max(26, w * 0.045), w * 0.04), { size: Math.max(8, w * 0.015), loopMs: o.loopMs, cycles: 4, at: { x: 0, y: o.base + o.footlights - 20 }, name: "Footlights" });
+  if (o.gather !== void 0) drapes(k, id, w, h, { gather: o.gather, pleat: Math.max(24, Math.round(w * 0.05)), open: o.part });
+  if (o.valance) valance(k, id, w, o.valance, { swags: 5 });
+  return id;
+}
+
+export {
+  CAPS,
+  decoBrand,
+  GRAIN,
+  cast,
+  fan,
+  arcs,
+  beam,
+  stars,
+  tower,
+  skyline,
+  bulbs,
+  perimeter,
+  row,
+  marquee,
+  drapes,
+  valance,
+  steppedFrame,
+  fitSteppedFrame,
+  fanMark,
+  chevrons,
+  divider,
+  stage
+};