@popcraft/kit 0.53.14 → 0.53.16

package/dist/chunks/chunk-4QDJJDHC.js

@@ -0,0 +1,249 @@
+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 {
+  cased,
+  st
+} from "./chunk-H7MBJIYF.js";
+import {
+  buntingPaths,
+  disc,
+  shape,
+  sway,
+  turn
+} from "./chunk-FBOIC5D7.js";
+import {
+  burstPath
+} from "./chunk-AGV72YOJ.js";
+import {
+  hardShadow
+} from "./chunk-4MEFPCMF.js";
+import {
+  box,
+  curve3,
+  line,
+  poly,
+  pt3,
+  rng,
+  smooth
+} from "./chunk-U2KTX33N.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-63KP74KB.js";
+
+// templates/src/themes/festival-presale-family-kit.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var W = 3e3;
+var mover = (k, still) => (id, path, amp, cycles = 1, phase = 0) => {
+  if (!still) sway(k, id, path, amp, cycles, phase);
+};
+function flags(k, f, still, o) {
+  const b = buntingPaths(o.x1, o.y1, o.x2, o.y2, o.sag, o.n, o.size);
+  shape(k, f, [b.line], "navy", { name: `${o.name} line`, strokeWidth: 3 });
+  ["tomato", "sunflower", "violet", "pink"].forEach((c, ci) => {
+    const id = shape(k, f, b.flags.filter((_, i) => i % 4 === ci), c, { name: o.name });
+    if (!still) sway(k, id, "translateY", 3, 2, ci / 4);
+  });
+}
+function wood(k, f, r, boxes, s = 1) {
+  const trees = [], shade = [], trunks = [];
+  for (const [x0, y0, w, h, n] of boxes) for (let i = 0; i < n; i++) {
+    const x = x0 + r() * w, y = y0 + r() * h, rr = (24 + r() * 18) * s;
+    trunks.push(box(x - 4 * s, y + rr - 6, 8 * s, 18 * s));
+    trees.push(disc(x, y, rr));
+    shade.push(disc(x + rr * 0.25, y + rr * 0.2, rr * 0.6));
+  }
+  shape(k, f, trunks, "wood", { name: "Trunks" });
+  shape(k, f, trees, "tree", { name: "Trees" });
+  shape(k, f, shade, "treeDark", { name: "Tree shade", opacity: 0.6 });
+}
+function pins(k, f, at) {
+  shape(k, f, at.map(([x, y]) => disc(x + 3, y + 8, 22)), "navy", { name: "Pin shadows", opacity: 0.25 });
+  shape(k, f, at.map(([x, y]) => disc(x, y, 22)), "navy", { name: "Pins", stroke: { color: "white", width: 5 } });
+  shape(k, f, at.map(([x, y]) => disc(x, y, 8)), "sunflower", { name: "Pin hearts" });
+}
+function meadow(k, f) {
+  const r = rng(12);
+  const patch = (cx, cy, rx, ry, role) => shape(k, f, [smooth(Array.from({ length: 9 }, (_, i) => {
+    const a = i / 9 * Math.PI * 2, w = 0.82 + r() * 0.36;
+    return { x: cx + rx * w * Math.cos(a), y: cy + ry * w * Math.sin(a) };
+  }), 0.28)], role, { name: "Meadow" });
+  for (let i = 0; i < 16; i++) patch(r() * W, r() * 3e3, 240 + r() * 260, 150 + r() * 160, i % 3 ? "grass" : "grassDark");
+  const ways = [
+    curve3([{ x: -40, y: 900 }, { x: 600, y: 760 }, { x: 1100, y: 1020 }, { x: 1500, y: 880 }, { x: 2100, y: 1100 }, { x: 3040, y: 940 }], 0.3),
+    curve3([{ x: -40, y: 2100 }, { x: 700, y: 2240 }, { x: 1300, y: 1980 }, { x: 1900, y: 2200 }, { x: 3040, y: 2020 }], 0.3),
+    curve3([{ x: 400, y: -40 }, { x: 520, y: 700 }, { x: 380, y: 1500 }, { x: 560, y: 2300 }, { x: 420, y: 3040 }], 0.3),
+    curve3([{ x: 2600, y: -40 }, { x: 2480, y: 800 }, { x: 2640, y: 1600 }, { x: 2500, y: 3040 }], 0.3)
+  ];
+  shape(k, f, ways, "path", { name: "Paths", strokeWidth: 34 });
+  shape(k, f, ways, "white", { name: "Path dashes", stroke: { color: "white", width: 4, dash: [12, 14] } });
+  wood(k, f, r, [[60, 1200, 260, 600, 7], [2700, 1250, 260, 600, 7], [700, 1500, 160, 300, 3], [2180, 1500, 160, 300, 3]]);
+  const dots = [], dots2 = [];
+  for (let i = 0; i < 140; i++) (i % 2 ? dots : dots2).push(disc(r() * W, r() * 3e3, 5));
+  shape(k, f, dots, "white", { name: "Daisies", opacity: 0.8 });
+  shape(k, f, dots2, "sunflower", { name: "Buttercups", opacity: 0.8 });
+  shape(k, f, [line(1e3, 0, 1e3, 3e3), line(2e3, 0, 2e3, 3e3), line(0, 1500, W, 1500)], "navy", { name: "Map folds", strokeWidth: 3, opacity: 0.08 });
+}
+function hilltop(k, f, still) {
+  const move = mover(k, still);
+  const r = rng(7);
+  wood(k, f, r, [[0, 30, 900, 120, 16], [2100, 30, 900, 120, 16], [900, 0, 1200, 60, 10]]);
+  const sx = 1560, sy = 280;
+  shape(k, f, [{ closed: true, points: [pt3(sx - 130, sy), { ...pt3(sx, sy - 150), handleIn: pt3(sx - 130, sy - 130), handleOut: pt3(sx + 130, sy - 130) }, pt3(sx + 130, sy)] }], "navy", { name: "Stage shell" });
+  const glow = shape(k, f, [{ closed: true, points: [pt3(sx - 102, sy), { ...pt3(sx, sy - 118), handleIn: pt3(sx - 100, sy - 96), handleOut: pt3(sx + 100, sy - 96) }, pt3(sx + 102, sy)] }], "sunflower", { name: "Stage glow" });
+  move(glow, "opacity", 0.25, 6);
+  shape(k, f, [box(sx - 150, sy, 300, 18), box(sx - 160, sy - 50, 20, 50), box(sx + 140, sy - 50, 20, 50)], "navy", { name: "Stage deck" });
+  const bx = 1180, by = 330, bw = 280;
+  shape(k, f, [poly([[bx - bw / 2, by], [bx + bw / 2, by], [bx + bw * 0.42, by - 86], [bx - bw * 0.42, by - 86]])], "white", { name: "Big Top wall", stroke: { color: "navy", width: 3 } });
+  shape(k, f, [0, 2, 4].map((i) => {
+    const x0 = bx - bw / 2 + i * bw / 5, t0 = bx - bw * 0.42 + i * bw * 0.84 / 5;
+    return poly([[x0, by], [x0 + bw / 5, by], [t0 + bw * 0.84 / 5, by - 86], [t0, by - 86]]);
+  }), "tomato", { name: "Big Top stripes" });
+  shape(k, f, [poly([[bx - bw * 0.52, by - 84], [bx, by - 220], [bx + bw * 0.52, by - 84]])], "tomato", { name: "Big Top roof", stroke: { color: "navy", width: 3 } });
+  shape(k, f, [-0.3, 0.1].map((q) => poly([[bx + bw * q, by - 84], [bx, by - 220], [bx + bw * (q + 0.2), by - 84]])), "white", { name: "Roof stripes" });
+  shape(k, f, [poly([[bx - 24, by], [bx, by - 56], [bx + 24, by]])], "navy", { name: "Big Top door" });
+  shape(k, f, [line(bx, by - 220, bx, by - 270)], "navy", { name: "Flag pole", strokeWidth: 4 });
+  const flag = shape(k, f, [poly([[bx, by - 270], [bx + 50, by - 256], [bx, by - 242]])], "sunflower", { name: "Flag" });
+  k.patch(flag, { anchorX: 0 });
+  move(flag, "scaleX", 0.25, 4);
+  flags(k, f, still, { x1: 900, y1: 360, x2: 1420, y2: 360, sag: 40, n: 12, size: 26, name: "Bunting" });
+  flags(k, f, still, { x1: 1700, y1: 330, x2: 2100, y2: 350, sag: 34, n: 10, size: 26, name: "Bunting" });
+  const balloon = k.frame(f, { x: 1880, y: 40, width: 120, height: 180 }, { name: "Balloon" });
+  shape(k, balloon, [disc(60, 60, 56, 60)], "tomato", { name: "Envelope", stroke: { color: "navy", width: 3 } });
+  shape(k, balloon, [disc(60, 60, 22, 60)], "sunflower", { name: "Envelope stripe" });
+  shape(k, balloon, [line(32, 110, 46, 146), line(88, 110, 74, 146)], "navy", { name: "Ropes", strokeWidth: 3 });
+  shape(k, balloon, [box(42, 146, 36, 24)], "wood", { name: "Basket" });
+  move(balloon, "translateY", 12, 1);
+  move(balloon, "translateX", 16, 1, 0.25);
+  [[980, 120, "violet", 0], [2300, 200, "pink", 0.4], [700, 220, "sunflower", 0.7]].forEach(([x, y, role, ph]) => {
+    const kite = shape(k, f, [poly([[x, y - 32], [x + 24, y], [x, y + 38], [x - 24, y]])], role, { name: "Kite", stroke: { color: "navy", width: 3 } });
+    shape(k, f, [curve3([{ x, y: y + 38 }, { x: x - 20, y: y + 80 }, { x: x + 10, y: y + 120 }, { x: x - 10, y: y + 160 }], 0.3)], "navy", { name: "Kite tail", strokeWidth: 2 });
+    move(kite, "translateY", 10, 2, ph);
+    move(kite, "rotation", 8, 2, ph + 0.2);
+  });
+  pins(k, f, [[bx + 150, by - 120], [sx + 170, sy - 110]]);
+}
+function lakeside(k, f, still) {
+  const move = mover(k, still);
+  const r = rng(21);
+  shape(k, f, [smooth([{ x: 1e3, y: 260 }, { x: 1140, y: 170 }, { x: 1380, y: 180 }, { x: 1560, y: 250 }, { x: 1520, y: 380 }, { x: 1300, y: 430 }, { x: 1080, y: 400 }], 0.3)], "lake", { name: "Lake", stroke: { color: "white", width: 6 } });
+  const ripples = shape(k, f, [[1120, 270, 70], [1300, 330, 90], [1220, 220, 50], [1400, 260, 60]].map(([x, y, w]) => curve3([{ x, y }, { x: x + w / 2, y: y - 8 }, { x: x + w, y }], 0.3)), "white", { name: "Ripples", strokeWidth: 4, opacity: 0.8 });
+  move(ripples, "translateX", 10, 2);
+  const boat = shape(k, f, [poly([[1340, 280], [1410, 280], [1394, 302], [1356, 302]]), poly([[1376, 274], [1376, 220], [1410, 270]])], "tomato", { name: "Boat" });
+  move(boat, "translateY", 4, 3);
+  move(boat, "rotation", 4, 3, 0.25);
+  const wx = 1700, wy = 190, wr = 110;
+  shape(k, f, [poly([[wx - 60, wy + 150], [wx, wy], [wx + 60, wy + 150]], false)], "navy", { name: "Wheel legs", strokeWidth: 7 });
+  const spokes = [disc(wr + 14, wr + 14, wr)];
+  for (let i = 0; i < 4; i++) {
+    const a = i / 8 * Math.PI * 2;
+    spokes.push(line(wr + 14 + wr * Math.cos(a), wr + 14 + wr * Math.sin(a), wr + 14 - wr * Math.cos(a), wr + 14 - wr * Math.sin(a)));
+  }
+  const wheel = k.vector(f, wr * 2 + 28, wr * 2 + 28, spokes, "navy", { name: "Wheel", strokeWidth: 5, absolute: { x: wx - wr - 14, y: wy - wr - 14 } });
+  const cabins = k.vector(f, wr * 2 + 28, wr * 2 + 28, Array.from({ length: 8 }, (_, i) => {
+    const a = i / 8 * Math.PI * 2;
+    return disc(wr + 14 + wr * Math.cos(a), wr + 14 + wr * Math.sin(a), 15);
+  }), "sunflower", { name: "Cabins", stroke: { color: "navy", width: 3 }, absolute: { x: wx - wr - 14, y: wy - wr - 14 } });
+  if (!still) for (const id of [wheel, cabins]) turn(k, id, 1 / 8);
+  const dx = 1950, dy = 380;
+  shape(k, f, [{ closed: true, points: [pt3(dx - 100, dy), { ...pt3(dx, dy - 104), handleIn: pt3(dx - 100, dy - 80), handleOut: pt3(dx + 100, dy - 80) }, pt3(dx + 100, dy)] }], "violet", { name: "Dome", stroke: { color: "navy", width: 3 } });
+  shape(k, f, [line(dx, dy - 102, dx, dy), curve3([{ x: dx - 66, y: dy }, { x: dx - 46, y: dy - 66 }, { x: dx, y: dy - 102 }], 0.3), curve3([{ x: dx + 66, y: dy }, { x: dx + 46, y: dy - 66 }, { x: dx, y: dy - 102 }], 0.3), line(dx - 92, dy - 38, dx + 92, dy - 38)], "white", { name: "Dome ribs", strokeWidth: 3, opacity: 0.75 });
+  shape(k, f, [box(880, 470, 160, 16), box(900, 510, 160, 16), box(1080, 490, 120, 16)], "wood", { name: "Tables" });
+  flags(k, f, still, { x1: 860, y1: 420, x2: 1220, y2: 430, sag: 24, n: 10, size: 24, name: "Feast bunting" });
+  const tents = { tomato: [], sunflower: [], violet: [], white: [] };
+  const roles = Object.keys(tents);
+  const field = (x0, n) => {
+    for (let row = 0; row < 3; row++) for (let i = 0; i < n; i++) {
+      const x = x0 + i * 60 + row % 2 * 28, y = 420 + row * 50;
+      tents[roles[(i + row * 2) % 4]].push(poly([[x - 22, y], [x, y - 36], [x + 22, y]]));
+    }
+  };
+  field(1360, 10);
+  field(2160, 12);
+  field(100, 12);
+  for (const [role, paths] of Object.entries(tents)) shape(k, f, paths, role, { name: "Tents", stroke: { color: "navy", width: 2.5 } });
+  wood(k, f, r, [[0, 120, 800, 200, 14], [2200, 120, 800, 200, 14]]);
+  pins(k, f, [[1290, 160], [wx + 140, wy - 70], [dx + 110, dy - 110], [1e3, 400]]);
+}
+function rosette(k, parent, o) {
+  const s = o.size;
+  const id = k.stack(parent, { width: s, height: s, align: "CENTER", justify: "CENTER", gap: 0, name: o.name, ...o.absolute ? { absolute: o.absolute } : {} });
+  const burst = k.vector(id, s, s, [burstPath(s, 14, 0.14)], "sunflower", { name: `${o.name} burst`, stroke: { color: "navy", width: 3 }, absolute: { x: 0, y: 0 }, effects: [hardShadow(k, "navy", 4, 5, 1)] });
+  if (!o.still) turn(k, burst, 1 / 14);
+  const size = Math.max(16, Math.round(s * 0.14));
+  k.text(id, cased(FAMILY, "Sticker", `${o.lines[0]}
+${o.lines[1]}`), { style: st(k, FAMILY, "Sticker", size, "CENTER"), color: "navy", align: "CENTER", name: `${o.name} words` });
+  return id;
+}
+var FAMILY = {
+  slug: "family",
+  // The lake and the stalls rise to meet the button in the stories.
+  storyFoot: 1.3,
+  name: "Pippin Hill",
+  brand: (k) => {
+    k.brand(
+      { paper: "#FFF8E8", text: "#1F2A5C", onPaper: "#4A5380", primary: "#F0544F", onPrimary: "#200807", accent: "#7A5CF0", onAccent: "#FFFFFF", card: "#FFFFFF", onCard: "#1F2A5C", cardMuted: "#4A5380", panel: "#1F2A5C", onPanel: "#FFF8E8", panelMuted: "#C7CDEC", chip: "#FFE9A8", onChip: "#1F2A5C", stage: "#CFEDB4", onStage: "#1F2A5C", stageMuted: "#33406F" },
+      { name: "Pippin Hill" }
+    );
+    k.palette({ grass: "#B4E08F", grassDark: "#9AD27A", lake: "#7CCBF2", path: "#FBE7AE", white: "#FFFFFF", navy: "#1F2A5C", ink: "#14183A", tomato: "#F0544F", sunflower: "#FFC83D", violet: "#7A5CF0", pink: "#FF8FB1", tree: "#3FA36B", treeDark: "#2E8556", wood: "#B9824F", leafTile: "#7BC96F" });
+  },
+  type: {
+    Name: { fontWeight: 900, ls: -0.048, lh: 0.94 },
+    Head: { fontWeight: 900, ls: -0.035, lh: 1.04 },
+    Act: { fontWeight: 700, ls: -0.012, lh: 1.35 },
+    More: { fontWeight: 800, ls: 0.08, lh: 1.55, upper: true },
+    Kicker: { fontWeight: 800, ls: 0.16, lh: 1.35, upper: true },
+    Clock: { fontWeight: 900, ls: -0.04, lh: 1.04, tnum: true },
+    Unit: { fontWeight: 800, ls: 0.1, lh: 1.3, upper: true },
+    Body: { fontWeight: 500, ls: 0, lh: 1.45 },
+    Button: { fontWeight: 800, ls: 0, lh: 1.3 },
+    Caption: { fontWeight: 900, ls: -0.015, lh: 1.2 },
+    Price: { fontWeight: 900, ls: -0.045, lh: 1, tnum: true },
+    Sticker: { fontWeight: 900, ls: 0.04, lh: 1.1, upper: true }
+  },
+  look: {
+    plate: { fill: "card", ink: "onCard", muted: "cardMuted", radius: 28, stroke: { color: "navy", width: 4, align: "INSIDE" }, effects: (k) => [hardShadow(k, "navy", 9, 10)] },
+    tiles: [["tomato", "ink"], ["sunflower", "ink"], ["violet", "white"], ["leafTile", "ink"]],
+    tileRadius: 18,
+    button: 999,
+    chip: 999,
+    nameOn: "plate",
+    enter: "pop-in",
+    sep: "\xB7"
+  },
+  parts: [
+    { name: "Meadow", w: 3e3, h: 3e3, anchor: "cover", draw: meadow },
+    { name: "Hilltop", w: 3e3, h: 440, anchor: "top", draw: hilltop, loose: true },
+    { name: "Lakeside", w: 3e3, h: 560, anchor: "foot", draw: lakeside, loose: true }
+  ],
+  sticker: rosette,
+  dates: "29 July \u2013 1 August 2027",
+  place: "Pippin Hill Park, Northdale",
+  kicker: "Four days, for every age",
+  billLabel: "First on the programme",
+  heads: ["The Marmalade Skies", "Circus Fandango", "Orla Finch"],
+  acts: ["Captain Calypso\u2019s Brass Band", "The Paper Moon Puppet Company", "Professor Fizz\u2019s Explosive Hour", "The Flying Okonkwos"],
+  more: ["Tiny Disco with DJ Pom-Pom", "The Wobble Brothers", "Madame Zuzu\u2019s Hoops"],
+  tba: "Over a hundred more shows on 1 May",
+  presale: { by: "Sun 28 Feb", code: "Tue 2 March", opens: "Thu 4 March, 09:00", short: "4 March, 9am", queue: "08:30", limit: "two family tickets" },
+  clock: { days: "14", hours: "11", minutes: "36", from: 44, to: 38 },
+  tier: { tag: "Tier one", name: "Family weekend, with camping", price: "\xA3279", was: "\xA3245", wasTag: "Early bird", next: "\xA3305", nextTag: "Tier two", sold: "Early bird all gone", note: "On sale now to returning families. What is left opens to presale codes on 4 March.", stock: { label: "Going fast", from: 1480, left: 1452, total: 6e3 } },
+  seal: ["Presale", "4 March"],
+  code: "PH27-PRE-3TB8",
+  gate: "Meadow gate",
+  holder: "Hannah Lindqvist",
+  pass: "Family weekend",
+  track: "bigBand",
+  beats: 32,
+  step: 2,
+  captions: ["Four days, for every age.", "Presale opens Thursday 4 March.", "Sign up by 28 February.", "Sign up for a code."],
+  picture: "the map of the site: the Big Top with its flag, the Hilltop stage, a drifting balloon and kites, the lake with a boat, a big wheel that turns, the science dome, bunting and rows of tents",
+  tags: ["family", "children", "camping", "circus", "map", "playful", "illustration"]
+};
+
+export {
+  FAMILY
+};

package/dist/chunks/chunk-4RMMSGWC.js

@@ -0,0 +1,36 @@
+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 {
+  black_friday_coupons_landing_default
+} from "./chunk-WJ5CPANI.js";
+import {
+  black_friday_coupons_ads_default
+} from "./chunk-CJBZCMBT.js";
+import {
+  black_friday_coupons_countdown_default
+} from "./chunk-QLKYGYSU.js";
+import {
+  black_friday_coupons_deal_reel_default
+} from "./chunk-OOV5YIEH.js";
+import {
+  black_friday_coupons_last_day_default
+} from "./chunk-ENSWNRVH.js";
+import {
+  black_friday_coupons_header_default
+} from "./chunk-4MZCDPAX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-63KP74KB.js";
+
+// templates/src/themes/black-friday-coupons.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [black_friday_coupons_deal_reel_default, black_friday_coupons_landing_default, black_friday_coupons_countdown_default, black_friday_coupons_last_day_default, black_friday_coupons_header_default, black_friday_coupons_ads_default];
+var black_friday_coupons_default = pack;
+
+export {
+  black_friday_coupons_default
+};

package/dist/chunks/chunk-4V4VU5EH.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-4MEFPCMF.js";
+import {
+  DEG,
+  box,
+  lcg,
+  pt
+} from "./chunk-U2KTX33N.js";
+import {
+  ease
+} from "./chunk-UNF7OQKW.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-63KP74KB.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
+};