@popcraft/kit 0.32.0 → 0.33.0

package/dist/chunks/chunk-AOOULNDM.js

@@ -0,0 +1,169 @@
+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 {
+  sceneLengths,
+  type,
+  withSound
+} from "./chunk-FTDYIEB4.js";
+import {
+  portraitSlot
+} from "./chunk-3TT3MCP7.js";
+import {
+  gridPaths
+} from "./chunk-UDE42EDS.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  bed
+} from "./chunk-42LEBOKV.js";
+import {
+  hardShadow
+} from "./chunk-M6VTXO6F.js";
+import {
+  logoBadge,
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  playScenes,
+  sceneSheets
+} from "./chunk-6W3GYN6X.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/scenes/saas-film-youtube-demo-kit.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var B = bed("launch", 24);
+var { beat } = B;
+var ON = [0, 8, 16];
+var CHAPTERS = ["Connect your data", "Model a table", "Build the dashboard", "Share it with the team"];
+var CURRENT = 0;
+var COLS = 8;
+var ROWS = 9;
+var HOT = /* @__PURE__ */ new Set([11, 14, 18, 27, 29, 38, 44, 51, 53, 62, 66]);
+var scenes = [
+  { sheet: "Intro sting", cues: [
+    { layer: "Series row", preset: "fade-in", at: 0, params: { duration: 300 } },
+    { layer: "Prompt", preset: "pop-in", at: 0, params: { duration: 260 } },
+    { layer: "Product name", preset: "typewriter", at: 150, params: { duration: 800 } },
+    { layer: "Prompt", preset: "flash", at: beat(2), params: { duration: 700 } },
+    { layer: "Episode tag", preset: "pop-in", at: beat(1.5), params: { duration: 320 } },
+    { layer: "Episode title", preset: "words-in", at: beat(2), params: { duration: 550, amount: 70 } },
+    { layer: "Cell", preset: "pop-in", at: beat(0.5), params: { duration: 240 }, stagger: { delay: 26 } },
+    { layer: "Prompt", preset: "flash", at: beat(6), params: { duration: 700 } },
+    { layer: "Table", preset: "pulse", at: beat(7), params: { duration: 500, amount: 0.03 } }
+  ] },
+  { sheet: "Lower third", cues: [
+    { layer: "Name bar", preset: "slide-in", at: beat(1), params: { duration: 600, direction: "left", distance: 1300 } },
+    { layer: "Presenter tag", preset: "pop-in", at: beat(2), params: { duration: 320 } },
+    { layer: "Presenter tag", preset: "pulse", at: beat(4), params: { duration: 500, amount: 0.06 } },
+    { layer: "Name bar", preset: "slide-out", at: beat(7.5), params: { duration: 500, direction: "left", distance: 1300 } }
+  ] },
+  { sheet: "Chapter card", cues: [
+    { layer: "Chapter number", preset: "pop-in", at: 0, params: { duration: 380 } },
+    { layer: "Chapter label", preset: "fade-in", at: 150, params: { duration: 300 } },
+    { layer: "Chapter title", preset: "words-in", at: 200, params: { duration: 550, amount: 70 } },
+    { layer: "Chapter rule", preset: "wipe-in", at: beat(1), params: { duration: 600, direction: "right" } },
+    { layer: "Chapter row", preset: "slide-in", at: beat(1.5), params: { duration: 380, direction: "right" }, stagger: { delay: 110 } }
+  ] }
+];
+var LENGTHS = sceneLengths(ON.map((b) => beat(b)), B.duration, scenes);
+var PAD = { top: 86, right: 120, bottom: 96, left: 120 };
+var saas_film_youtube_demo_kit_default = defineTemplate({
+  id: "motion-saas-film-youtube-demo-kit",
+  meta: {
+    name: "SaaS film: YouTube demo opener kit",
+    description: 'Three pieces for a product demo series at 1920\xD71080, in one file: a six-second intro sting (the product name types out, the episode title rises, a table of cells fills in), a lower third with the presenter\u2019s photo slot (under a drawn portrait: drop a photo on it and hide "Placeholder portrait"), name and role, and a chapter card ("01 \xB7 Connect your data") with the run of chapters. Monospace on a pale grid, with music; export each scene on its own',
+    category: "animation",
+    tags: ["animation", "saas", "saas film", "youtube", "demo", "intro", "sting", "lower third", "chapter", "title card", "tutorial", "monospace", "scenes", "music", "audio", "16:9"],
+    platforms: ["youtube", "linkedin", "web"],
+    formats: ["intro", "lower-third", "title-card", "video", "demo"],
+    useCases: ["education", "onboarding", "title", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { scenes },
+  build() {
+    const k = new Kit("SaaS film: YouTube demo opener kit", preset("video-1080p"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#F3EDEF", text: "#1B1217", onPaper: "#B3134F", primary: "#D81E6A", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#1B1217" },
+      { name: "Tablekit", title: "Connect your warehouse in five minutes" }
+    );
+    k.palette({ ink: "#1B1217", faint: "#6A5C62", screen: "#2B2227", screenLine: "#3D3138", screenCell: "#4A3B43", photo: "#EAD9DF", skin: "#B9785C" });
+    const made = /* @__PURE__ */ new Set();
+    const T = (name, px, o = {}) => type(k, made, name, px, o);
+    const label = T("Label", 26, { fontWeight: 700, tracking: 0.08, leading: 1.25, textCase: "UPPER", ...MONO });
+    pill(k, "Tag", { fill: "primary", ink: "onPrimary", style: label, label: "EP 04", pad: [10, 20], radius: 0 });
+    const sheets = sceneSheets(k, "video-1080p", scenes.map((s) => s.sheet));
+    const [intro, lower, chapter] = sheets;
+    sheets.forEach((id, i) => {
+      k.flowSheet(id, 30, PAD, i === 1 ? "screen" : "paper", i === 1 ? "MAX" : "SPACE_BETWEEN", "MIN");
+      k.timeline(id, { duration: LENGTHS[i], fps: 30 });
+    });
+    const ruled = (sheet, role) => k.vector(sheet, 1920, 1080, gridPaths(1920, 1080, 60, 2), role ?? k.tint("text", 0.09), { name: "Grid", absolute: { x: 0, y: 0 } });
+    ruled(intro);
+    const CELL = 82, GAP = 10;
+    const table = k.stack(intro, { width: COLS * (CELL + GAP) - GAP, gap: GAP, name: "Table", absolute: { x: 1920 - PAD.right - (COLS * (CELL + GAP) - GAP), y: 158 } });
+    for (let r = 0; r < ROWS; r++) {
+      const row2 = k.stack(table, { direction: "HORIZONTAL", gap: GAP, name: "Table row" });
+      for (let c = 0; c < COLS; c++) {
+        const i = r * COLS + c;
+        k.rect(row2, CELL, CELL, r === 0 ? "text" : HOT.has(i) ? "primary" : k.tint("text", c === 0 ? 0.2 : 0.09), { name: "Cell" });
+      }
+    }
+    const series = k.stack(intro, { direction: "HORIZONTAL", align: "CENTER", name: "Series row" });
+    const mark = k.stack(series, { direction: "HORIZONTAL", width: "HUG", gap: 18, align: "CENTER", name: "Series" });
+    logoBadge(k, mark, { fill: "primary", size: 34, radius: 0 });
+    k.text(mark, "Product demos \xB7 tablekit.example", { style: label, color: "text", autoWidth: true, name: "Series name" });
+    const word = k.stack(intro, { direction: "HORIZONTAL", gap: 30, width: 920, name: "Wordmark" });
+    k.rect(word, 34, 150, "primary", { name: "Prompt" });
+    k.text(word, "{{brand.name}}", { style: T("Wordmark", 170, { fontWeight: 800, leading: 1.02, tracking: -0.04, textCase: "LOWER", ...MONO }), color: "text", name: "Product name" });
+    const episode = k.stack(intro, { width: 860, gap: 20, name: "Episode words" });
+    k.instance(episode, "Tag", { Label: "EP 04" }, { name: "Episode tag" });
+    k.text(episode, "{{brand.title}}", { style: T("Episode", 76, { fontWeight: 800, leading: 1.04, tracking: -0.035 }), color: "text", name: "Episode title" });
+    ruled(lower, "screenLine");
+    const stand = k.stack(lower, { width: 1300, height: 560, name: "Footage stand-in", absolute: { x: 310, y: 130 } });
+    for (let r = 0; r < 6; r++) for (let c = 0; c < 5; c++) k.rect(stand, c === 0 ? 300 : 220, 56, r === 0 ? "screenLine" : "screenCell", { name: "Stand-in cell", absolute: { x: c === 0 ? 0 : 320 + (c - 1) * 240, y: r * 84 }, opacity: r === 0 ? 1 : 0.55 });
+    const bar = k.stack(lower, { direction: "HORIZONTAL", width: "HUG", gap: 30, align: "CENTER", fill: "card", padding: { top: 18, right: 40, bottom: 18, left: 18 }, stroke: { color: "ink", width: 4, align: "INSIDE" }, effects: [hardShadow(k, "primary", 12, 12)], name: "Name bar" });
+    portraitSlot(k, bar, 136, 136, { radius: 0, ground: "photo", skin: "skin", top: "ink", halo: "card", name: "Presenter slot", photo: "Presenter photo" });
+    const who = k.stack(bar, { width: "HUG", gap: 6, name: "Presenter" });
+    k.text(who, "Priya Raman", { style: T("Presenter", 60, { fontWeight: 800, leading: 1.05, tracking: -0.035 }), color: "onCard", autoWidth: true, name: "Presenter name" });
+    k.text(who, "Developer advocate, Tablekit", { style: T("Role", 30, { fontWeight: 500, leading: 1.3, ...MONO }), color: "faint", autoWidth: true, name: "Presenter role" });
+    k.instance(bar, "Tag", { Label: "Live build" }, { name: "Presenter tag" });
+    ruled(chapter);
+    k.patch(chapter, { primaryAxisAlignItems: "CENTER" });
+    const row = k.stack(chapter, { direction: "HORIZONTAL", gap: 80, align: "CENTER", name: "Chapter" });
+    k.text(row, `0${CURRENT + 1}`, { style: T("Number", 460, { fontWeight: 800, leading: 0.9, tracking: -0.06, ...MONO }), color: "onPaper", autoWidth: true, name: "Chapter number" });
+    const words = k.stack(row, { gap: 26, name: "Chapter words" });
+    k.text(words, `Chapter ${CURRENT + 1} of ${CHAPTERS.length}`, { style: label, color: "text", name: "Chapter label" });
+    k.text(words, CHAPTERS[CURRENT], { style: T("Chapter", 124, { fontWeight: 900, leading: 0.98, tracking: -0.045 }), color: "text", name: "Chapter title" });
+    k.stack(words, { height: 10, fill: "primary", clip: true, name: "Chapter rule" });
+    const list = k.stack(words, { gap: 10, name: "Chapters" });
+    CHAPTERS.forEach((c, i) => {
+      const item = k.stack(list, { direction: "HORIZONTAL", gap: 22, align: "CENTER", padding: { top: 10, right: 20, bottom: 10, left: 20 }, ...i === CURRENT ? { fill: "primary" } : {}, name: "Chapter row" });
+      k.text(item, `0${i + 1}`, { style: T("Row", 30, { fontWeight: 700, leading: 1.25, ...MONO }), color: i === CURRENT ? "onPrimary" : "text", autoWidth: true, name: "Row number" });
+      k.text(item, c, { style: T("Row", 30, { fontWeight: 700, leading: 1.25, ...MONO }), color: i === CURRENT ? "onPrimary" : "text", name: "Row title" });
+    });
+    playScenes(k, "comp-demo-kit", "YouTube demo opener kit", sheets, scenes, "paper");
+    k.setCover(intro);
+    return withSound(k.finish(), { "comp-demo-kit": B.audio });
+  }
+});
+
+export {
+  saas_film_youtube_demo_kit_default
+};

package/dist/chunks/chunk-AOZ675U7.js

@@ -0,0 +1,90 @@
+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 {
+  tour_tickets_wreck_landing_default
+} from "./chunk-UJRDZU35.js";
+import {
+  tour_tickets_june_landing_default
+} from "./chunk-CT7OGHQQ.js";
+import {
+  tour_tickets_tide_landing_default
+} from "./chunk-6UYG5HZY.js";
+import {
+  tour_tickets_june_ads_default
+} from "./chunk-VOZIS23B.js";
+import {
+  tour_tickets_tide_ads_default
+} from "./chunk-QQC3FOFE.js";
+import {
+  tour_tickets_wreck_ads_default
+} from "./chunk-ACVQJYPO.js";
+import {
+  tour_tickets_wreck_dates_default
+} from "./chunk-CBHKQK64.js";
+import {
+  tour_tickets_wreck_final_default
+} from "./chunk-AHR3SE4Y.js";
+import {
+  tour_tickets_wreck_reel_default
+} from "./chunk-WSJYRHES.js";
+import {
+  tour_tickets_june_dates_default
+} from "./chunk-RSVGDZHH.js";
+import {
+  tour_tickets_june_final_default
+} from "./chunk-FXHOQPUH.js";
+import {
+  tour_tickets_june_reel_default
+} from "./chunk-K6F2VDK4.js";
+import {
+  tour_tickets_tide_city_default
+} from "./chunk-CTHXGICB.js";
+import {
+  tour_tickets_tide_dates_default
+} from "./chunk-FO7DMJZ4.js";
+import {
+  tour_tickets_tide_final_default
+} from "./chunk-4AYQF35T.js";
+import {
+  tour_tickets_tide_reel_default
+} from "./chunk-VN3GWKCC.js";
+import {
+  tour_tickets_wreck_city_default
+} from "./chunk-RBCOYXQS.js";
+import {
+  tour_tickets_june_city_default
+} from "./chunk-E2B3VMST.js";
+import {
+  tour_tickets_tide_header_default
+} from "./chunk-WE7IRCIU.js";
+import {
+  tour_tickets_wreck_header_default
+} from "./chunk-OBSUWIEV.js";
+import {
+  tour_tickets_june_header_default
+} from "./chunk-OGPXXD5K.js";
+import {
+  tour_tickets_june_ticket_default
+} from "./chunk-5JPHAHRV.js";
+import {
+  tour_tickets_tide_ticket_default
+} from "./chunk-PEMSKCFH.js";
+import {
+  tour_tickets_wreck_ticket_default
+} from "./chunk-FKYZMYLC.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/tour-tickets.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [tour_tickets_wreck_reel_default, tour_tickets_wreck_dates_default, tour_tickets_wreck_city_default, tour_tickets_wreck_final_default, tour_tickets_wreck_landing_default, tour_tickets_wreck_header_default, tour_tickets_wreck_ads_default, tour_tickets_wreck_ticket_default, tour_tickets_june_reel_default, tour_tickets_june_dates_default, tour_tickets_june_city_default, tour_tickets_june_final_default, tour_tickets_june_landing_default, tour_tickets_june_header_default, tour_tickets_june_ads_default, tour_tickets_june_ticket_default, tour_tickets_tide_reel_default, tour_tickets_tide_dates_default, tour_tickets_tide_city_default, tour_tickets_tide_final_default, tour_tickets_tide_landing_default, tour_tickets_tide_header_default, tour_tickets_tide_ads_default, tour_tickets_tide_ticket_default];
+var tour_tickets_default = pack;
+
+export {
+  tour_tickets_default
+};

package/dist/chunks/chunk-ASHNLLPC.js

@@ -0,0 +1,382 @@
+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 {
+  boxed
+} from "./chunk-YHBAWSDX.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/halloween-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function halloweenBrand(k, fields = {}) {
+  k.brand(
+    { paper: "#0E222B", text: "#F6EEDA", onPaper: "#B7C9C6", accent: "#FF8A3D", onAccent: "#1D0F05", primary: "#C4EC6A", onPrimary: "#12200A", card: "#163440", onCard: "#F6EEDA" },
+    { name: "Plot", site: "plot.example", ...fields }
+  );
+  k.palette({ hillFar: "#2A5360", hillMid: "#183843", hillNear: "#0C2029", hillFront: "#050E12", stone: "#CBD3C4", stoneShade: "#93A498", carve: "#14262D", ghost: "#FBF6E6", star: "#F6EEDA", bone: "#F6EEDA" });
+}
+var paperShadow = (u, a = 0.5) => ({ type: "DROP_SHADOW", color: { r: 0, g: 0.03, b: 0.05, a }, offset: { x: 0, y: r3(-8 * u) }, blur: r3(26 * u), spread: 0, visible: true });
+function graveyard(o, over = {}) {
+  const u = o.u ?? 1, { w, near } = o;
+  return {
+    w,
+    h: o.h,
+    far: near - 210 * u,
+    mid: near - 110 * u,
+    near,
+    ...o.front !== void 0 ? { front: o.front } : {},
+    moon: { x: w * 0.6, y: near - 520 * u, size: 620 * u },
+    tree: { x: w * 0.11, size: 560 * u },
+    fence: { from: w * 0.23, to: w * 0.93 },
+    bats: [{ x: w * 0.23, y: near - 800 * u, size: 84 * u }, { x: w * 0.86, y: near - 880 * u, size: 60 * u }, { x: w * 0.39, y: near - 930 * u, size: 44 * u }, { x: w * 0.1, y: near - 640 * u, size: 52 * u }],
+    clouds: [{ x: w * 0.23, y: near - 660 * u, w: 460 * u }, { x: w * 0.78, y: near - 790 * u, w: 340 * u }],
+    starsTop: Math.max(40 * u, near - 1100 * u),
+    u,
+    loopMs: o.loopMs,
+    ...over
+  };
+}
+var STARS = 34;
+var RIDGES = {
+  far: { amp: 34, f: 1.1, p: 0.6 },
+  mid: { amp: 26, f: 1.6, p: 2.4 },
+  near: { amp: 22, f: 1.3, p: 4.4 },
+  front: { amp: 30, f: 0.9, p: 1.2 }
+};
+function ridgeY(g, name, x) {
+  const r = RIDGES[name], top = name === "front" ? g.front ?? g.h + 400 * g.u : g[name];
+  const a = x / g.w * Math.PI * 2 * r.f + r.p;
+  return top + r.amp * g.u * (0.65 * Math.sin(a) + 0.35 * Math.sin(a * 2.3 + r.p));
+}
+function ridgePart(g, name, layer, grass = 0) {
+  const r = RIDGES[name], top = name === "front" ? g.front ?? g.h + 400 * g.u : g[name];
+  const y0 = top - (r.amp + grass) * g.u - 2, bottom = Math.max(g.h, y0 + 8);
+  const rand = rng(name.length * 977 + 13);
+  const pts = [pt3(0, bottom - y0)];
+  if (grass) {
+    const step = 11 * g.u;
+    for (let x = 0, i = 0; x <= g.w + step; x += step, i++) pts.push(pt3(Math.min(x, g.w), ridgeY(g, name, x) - y0 - (i % 2 ? grass * g.u * (0.25 + 0.75 * rand()) : 0)));
+  } else {
+    for (let i = 0; i <= 60; i++) pts.push(pt3(g.w * i / 60, ridgeY(g, name, g.w * i / 60) - y0));
+  }
+  pts.push(pt3(g.w, bottom - y0));
+  return { name: layer, x: 0, y: r3(y0), w: g.w, h: r3(bottom - y0), paths: [{ closed: true, points: pts }] };
+}
+function treePart(g) {
+  const rand = rng(31);
+  const shapes = [];
+  const grow = (x, y, ang, len, wd, depth) => {
+    const ex = x + len * Math.sin(ang), ey = y - len * Math.cos(ang);
+    const nx = Math.cos(ang), ny = Math.sin(ang), tip = wd * 0.62;
+    shapes.push([{ x: x - nx * wd / 2, y: y - ny * wd / 2 }, { x: x + nx * wd / 2, y: y + ny * wd / 2 }, { x: ex + nx * tip / 2, y: ey + ny * tip / 2 }, { x: ex - nx * tip / 2, y: ey - ny * tip / 2 }]);
+    if (!depth) return;
+    const forks = depth > 3 || rand() < 0.55 ? [-0.5 - 0.25 * rand(), 0.42 + 0.3 * rand()] : [-0.62 - 0.2 * rand(), 0.06 * (rand() - 0.5), 0.58 + 0.2 * rand()];
+    for (const f of forks) grow(ex, ey, ang + f, len * (0.66 + 0.14 * rand()), tip, depth - 1);
+  };
+  const base = ridgeY(g, "far", g.tree.x) + 30 * g.u;
+  grow(g.tree.x, base, 0.1, g.tree.size * 0.36, g.tree.size * 0.095, 5);
+  return boxed("Tree", shapes);
+}
+function fencePart(g) {
+  const u = g.u, rand = rng(7);
+  const shapes = [];
+  const step = 30 * u;
+  for (let x = g.fence.from; x <= g.fence.to; x += step) {
+    const y = ridgeY(g, "far", x) + 8 * u, h = (46 + 16 * rand()) * u, lean = (rand() - 0.5) * 9 * u, w = 9 * u;
+    shapes.push([{ x: x - w / 2, y }, { x: x - w / 2 + lean, y: y - h }, { x: x + lean, y: y - h - 9 * u }, { x: x + w / 2 + lean, y: y - h }, { x: x + w / 2, y }]);
+  }
+  for (const lift of [20, 38]) {
+    const top = [], under = [];
+    for (let x = g.fence.from - 10 * u; x <= g.fence.to + 10 * u; x += step) {
+      const y = ridgeY(g, "far", x) - lift * u;
+      top.push({ x, y });
+      under.unshift({ x, y: y + 5 * u });
+    }
+    shapes.push([...top, ...under]);
+  }
+  for (const [fx, s] of [[0.86, 1], [0.94, 0.7]]) {
+    const x = g.w * fx, y = ridgeY(g, "far", x) + 10 * u, arm = 44 * u * s, post = 84 * u * s, t = 11 * u * s;
+    shapes.push([{ x: x - t / 2, y }, { x: x - t / 2, y: y - post }, { x: x + t / 2, y: y - post }, { x: x + t / 2, y }]);
+    shapes.push([{ x: x - arm / 2, y: y - post * 0.74 }, { x: x - arm / 2, y: y - post * 0.74 - t }, { x: x + arm / 2, y: y - post * 0.74 - t }, { x: x + arm / 2, y: y - post * 0.74 }]);
+  }
+  return boxed("Fence", shapes);
+}
+var BAT = [[0.5, 0.34], [0.53, 0.18], [0.56, 0.34], [0.66, 0.2], [0.82, 0.1], [1, 0.3], [0.9, 0.36], [0.84, 0.54], [0.76, 0.44], [0.68, 0.62], [0.6, 0.5], [0.5, 0.82], [0.4, 0.5], [0.32, 0.62], [0.24, 0.44], [0.16, 0.54], [0.1, 0.36], [0, 0.3], [0.18, 0.1], [0.34, 0.2], [0.44, 0.34], [0.47, 0.18]];
+var batPart = (b) => ({ name: "Bat", x: r3(b.x - b.size / 2), y: r3(b.y - b.size * 0.3), w: b.size, h: r3(b.size * 0.6), paths: [{ closed: true, points: BAT.map(([x, y]) => pt3(x * b.size, y * b.size * 0.6)) }] });
+function stars(g) {
+  const rand = rng(101);
+  return Array.from({ length: STARS }, () => {
+    const x = rand() * g.w, y = g.starsTop + rand() * Math.max(40 * g.u, g.far - 110 * g.u - g.starsTop), big = rand();
+    return { x: r3(x), y: r3(y), size: Math.max(2, Math.round((2 + big * 5) * g.u)), opacity: r3(0.35 + 0.6 * rand()) };
+  });
+}
+var CLOUD_H = 62;
+var cloudAt = (g, c) => ({ x: r3(c.x - c.w / 2), y: r3(c.y - CLOUD_H / 2 * g.u) });
+var CLOUD_LUMPS = [[0.13, 0.13, 0.42], [0.3, 0.17, 0.74], [0.5, 0.2, 1], [0.69, 0.17, 0.66], [0.87, 0.13, 0.38]];
+function cloudPaths(w, h) {
+  const top = [];
+  for (let i = 0; i <= 64; i++) {
+    const f = i / 64;
+    const lift = Math.max(0, ...CLOUD_LUMPS.map(([c, a, ht]) => {
+      const d = (f - c) / a;
+      return d * d < 1 ? ht * Math.sqrt(1 - d * d) : 0;
+    }));
+    top.push(pt3(w * f, h * 0.86 * (1 - lift)));
+  }
+  return [{ closed: true, points: [...top, pt3(w, h), pt3(0, h)] }];
+}
+var moonBox = (g) => ({ x: r3(g.moon.x - g.moon.size * 0.95), y: r3(g.moon.y - g.moon.size * 0.95) });
+var vectorAt = (k, parent, p, color, effects) => k.vector(parent, p.w, p.h, p.paths, color, { name: p.name, absolute: { x: p.x, y: p.y }, ...effects ? { effects } : {} });
+function nightSky(k, parent, g, o = {}) {
+  for (const s of stars(g)) k.ellipse(parent, s.size, "star", { name: "Star", opacity: s.opacity, absolute: { x: s.x, y: s.y } });
+  const m = g.moon.size, box = m * 1.9;
+  const moon = k.stack(parent, { width: box, height: box, name: "Moon", absolute: moonBox(g) });
+  for (const [scale, tint] of [[1.9, 0.07], [1.55, 0.1], [1.25, 0.16]]) k.ellipse(moon, r3(m * scale), k.tint("accent", tint), { name: "Moon ring", absolute: { x: r3((box - m * scale) / 2), y: r3((box - m * scale) / 2) } });
+  k.ellipse(moon, m, "accent", { name: "Moon disc", absolute: { x: r3((box - m) / 2), y: r3((box - m) / 2) } });
+  for (const [cx, cy, d] of [[0.3, 0.34, 0.2], [0.62, 0.24, 0.11], [0.7, 0.62, 0.16], [0.36, 0.7, 0.09], [0.5, 0.48, 0.06]]) k.ellipse(moon, r3(m * d), k.tint("paper", 0.14), { name: "Crater", absolute: { x: r3((box - m) / 2 + m * cx - m * d / 2), y: r3((box - m) / 2 + m * cy - m * d / 2) } });
+  const ring = k.named(moon, "Moon ring")[0];
+  if (!o.still) for (const axis of ["scaleX", "scaleY"]) k.behave(ring, axis, [{ kind: "sine", amp: 0.035, freq: hz(2, g.loopMs) }]);
+  g.clouds.forEach((c, i) => {
+    const ch = r3(CLOUD_H * g.u);
+    const id = k.stack(parent, { width: c.w, height: ch, name: "Cloud", absolute: cloudAt(g, c) });
+    k.vector(id, c.w, ch, cloudPaths(c.w, ch), k.tint("hillFar", 0.7), { name: "Cloud shape", absolute: { x: 0, y: 0 } });
+    if (!o.still) k.behave(id, "translateX", [{ kind: "sine", amp: 26 * g.u, freq: hz(1, g.loopMs), phase: i / 3 }]);
+  });
+  vectorAt(k, parent, treePart(g), "hillFar");
+  vectorAt(k, parent, fencePart(g), "hillFar");
+  vectorAt(k, parent, ridgePart(g, "far", "Far ridge"), "hillFar", [paperShadow(g.u, 0.35)]);
+  g.bats.forEach((b, i) => {
+    const id = vectorAt(k, parent, batPart(b), "hillNear");
+    if (o.still) return;
+    k.behave(id, "scaleX", [{ kind: "sine", amp: 0.22, freq: hz(Math.round(g.loopMs / 280), g.loopMs), phase: i / 4 }]);
+    k.behave(id, "translateY", [{ kind: "sine", amp: 10 * g.u, freq: hz(2 + i % 2, g.loopMs), phase: i / 5 }]);
+  });
+}
+function frontGravesPart(g) {
+  const u = g.u, shapes = [];
+  for (const [fx, w, h] of [[0.2, 86, 120], [0.63, 70, 96], [0.83, 96, 136]]) {
+    const x2 = g.w * fx, y2 = ridgeY(g, "front", x2) + 14 * u, half = w * u / 2, top = y2 - h * u;
+    const s = [{ x: x2 - half, y: y2 }, { x: x2 - half, y: top + half }];
+    for (let i = 1; i < 12; i++) {
+      const a = Math.PI + Math.PI * i / 12;
+      s.push({ x: x2 + half * Math.cos(a), y: top + half + half * Math.sin(a) });
+    }
+    s.push({ x: x2 + half, y: top + half }, { x: x2 + half, y: y2 });
+    shapes.push(s);
+  }
+  const x = g.w * 0.42, y = ridgeY(g, "front", x) + 14 * u, t = 18 * u, post = 150 * u, arm = 84 * u;
+  shapes.push([{ x: x - t / 2, y }, { x: x - t / 2, y: y - post }, { x: x + t / 2, y: y - post }, { x: x + t / 2, y }]);
+  shapes.push([{ x: x - arm / 2, y: y - post * 0.7 }, { x: x - arm / 2, y: y - post * 0.7 - t }, { x: x + arm / 2, y: y - post * 0.7 - t }, { x: x + arm / 2, y: y - post * 0.7 }]);
+  return boxed("Front graves", shapes);
+}
+var CANDLES = [[0.09, 46], [0.31, 70], [0.52, 40], [0.73, 58], [0.93, 76]];
+var candleAt = (g, i) => {
+  const [fx, h] = CANDLES[i], u = g.u;
+  return { x: r3(g.w * fx - 7 * u), y: r3(ridgeY(g, "front", g.w * fx) + 12 * u - (h + 30) * u) };
+};
+var mistAt = (g, crest) => ({ x: 0, y: r3(crest - 150 * g.u), width: g.w, height: r3(170 * g.u) });
+function mist(k, parent, g, crest, name) {
+  const b = mistAt(g, crest);
+  k.rect(parent, b.width, b.height, [k.gradient({ from: "star", to: "star", angle: 90, fromOpacity: 0, toOpacity: 0.16 })], { name, absolute: { x: b.x, y: b.y } });
+}
+function middleRidge(k, parent, g) {
+  mist(k, parent, g, g.mid, "Far mist");
+  vectorAt(k, parent, ridgePart(g, "mid", "Middle ridge"), "hillMid", [paperShadow(g.u)]);
+}
+function nearRidge(k, parent, g, o = {}) {
+  mist(k, parent, g, g.near, "Near mist");
+  vectorAt(k, parent, ridgePart(g, "near", "Near ridge", 16), "hillNear", [paperShadow(g.u, 0.6)]);
+  vectorAt(k, parent, frontGravesPart(g), "hillFront");
+  const u = g.u;
+  CANDLES.forEach(([, h], i) => {
+    const id = k.stack(parent, { width: r3(14 * u), height: r3((h + 30) * u), name: "Candle", absolute: candleAt(g, i) });
+    const glow = halo(k, "accent", 0.9, 34 * u, 6 * u);
+    const fw = 14 * u, fh = 26 * u;
+    const flame = k.vector(id, r3(fw), r3(fh), [{ closed: true, points: [pt3(fw / 2, 0), pt3(fw, fh * 0.62), pt3(fw / 2, fh), pt3(0, fh * 0.62)] }], "accent", { name: "Flame", absolute: { x: 0, y: 0 }, effects: [glow] });
+    k.rect(id, r3(10 * u), r3(h * u), "bone", { name: "Wax", radius: r3(2 * u), absolute: { x: r3(2 * u), y: r3(30 * u) } });
+    if (!o.still) {
+      const f = hz(Math.max(2, Math.round(g.loopMs / 700)) + i % 3, g.loopMs);
+      k.behave(flame, "scaleY", [{ kind: "sine", amp: 0.16, freq: f, phase: i / 5 }]);
+      k.behave(flame, "scaleX", [{ kind: "sine", amp: 0.08, freq: f * 2, phase: i / 5 }]);
+    }
+  });
+  vectorAt(k, parent, ridgePart(g, "front", "Front ridge", 26), "hillFront", [paperShadow(g.u, 0.6)]);
+}
+function fitGraveyard(k, root, g) {
+  const each = (name) => k.named(root, name);
+  stars(g).forEach((s, i) => {
+    const id = each("Star")[i];
+    if (id) k.patch(id, { x: s.x, y: s.y, width: s.size, height: s.size });
+  });
+  for (const id of each("Moon")) {
+    const disc = k.named(id, "Moon disc")[0], scale = disc ? r3(g.moon.size / k.node(disc).width) : 1;
+    k.patch(id, { ...moonBox(g), ...Math.abs(scale - 1) > 1e-3 ? { scaleX: scale, scaleY: scale, anchorX: 0, anchorY: 0 } : {} });
+  }
+  g.clouds.forEach((c, i) => {
+    const id = each("Cloud")[i];
+    if (!id) return;
+    const ch = r3(CLOUD_H * g.u);
+    k.patch(id, { ...cloudAt(g, c), width: c.w, height: ch });
+    for (const shape of k.named(id, "Cloud shape")) k.patch(shape, { x: 0, y: 0, width: c.w, height: ch, paths: cloudPaths(c.w, ch) });
+  });
+  const parts = [treePart(g), fencePart(g), ridgePart(g, "far", "Far ridge"), ridgePart(g, "mid", "Middle ridge"), ridgePart(g, "near", "Near ridge", 16), frontGravesPart(g), ridgePart(g, "front", "Front ridge", 26)];
+  for (const id of each("Far mist")) k.patch(id, mistAt(g, g.mid));
+  for (const id of each("Near mist")) k.patch(id, mistAt(g, g.near));
+  each("Candle").forEach((id, i) => k.patch(id, candleAt(g, i)));
+  for (const p of parts) for (const id of each(p.name)) k.patch(id, { x: p.x, y: p.y, width: p.w, height: p.h, paths: p.paths });
+  g.bats.forEach((b, i) => {
+    const id = each("Bat")[i];
+    const p = batPart(b);
+    if (id) k.patch(id, { x: p.x, y: p.y, width: p.w, height: p.h, paths: p.paths });
+  });
+}
+var CAP_RATIO = { round: 0.34, gothic: 0.46, square: 0.2 };
+function capOutline(shape, w, h) {
+  if (shape === "square") return [pt3(0, h), pt3(0, h * 0.5), pt3(w * 0.09, h * 0.5), pt3(w * 0.09, 0), pt3(w * 0.91, 0), pt3(w * 0.91, h * 0.5), pt3(w, h * 0.5), pt3(w, h)];
+  if (shape === "round") return Array.from({ length: 29 }, (_, i) => {
+    const a = Math.PI - Math.PI * i / 28;
+    return pt3(w / 2 + w / 2 * Math.cos(a), h - h * Math.sin(a));
+  });
+  const sh = h * 0.7, inset = w * 0.1, span = w - 2 * inset;
+  const left = [];
+  for (let i = 0; i <= 12; i++) {
+    const a = Math.PI + Math.PI / 3 * (i / 12);
+    left.push(pt3(inset + span + span * Math.cos(a), sh + sh * Math.sin(a) / Math.sin(Math.PI / 3)));
+  }
+  const right = left.slice(0, -1).reverse().map((p) => pt3(w - p.x, p.y));
+  return [pt3(0, h), pt3(0, sh), ...left, ...right, pt3(w, sh), pt3(w, h)];
+}
+function stoneGeometry(shape, w, u) {
+  const capH = r3(w * CAP_RATIO[shape]);
+  const edge = r3(Math.max(6, 16 * u)), cut = r3(Math.max(1.5, 3 * u));
+  const cell = r3(Math.max(4, w * 0.045));
+  const mark = [];
+  for (let i = 0; i <= 3; i++) {
+    mark.push({ closed: false, points: [pt3(i * cell, 0), pt3(i * cell, cell * 3)] });
+    mark.push({ closed: false, points: [pt3(0, i * cell), pt3(cell * 3, i * cell)] });
+  }
+  mark.push({ closed: false, points: [pt3(cell, cell), pt3(cell * 2, cell * 2)] }, { closed: false, points: [pt3(cell * 2, cell), pt3(cell, cell * 2)] });
+  return {
+    capH,
+    edge,
+    cut,
+    head: { width: w, height: capH, paths: [{ closed: true, points: capOutline(shape, w, capH) }] },
+    line: { x: edge, y: edge, width: r3(w - 2 * edge), height: r3(capH - edge), paths: [{ closed: false, points: capOutline(shape, w - 2 * edge, capH - edge) }] },
+    mark: { x: r3(w / 2 - cell * 1.5), y: r3(capH - cell * 3 - Math.max(2, 6 * u)), width: r3(cell * 3), height: r3(cell * 3), paths: mark },
+    crack: { x: 0, y: r3(w * 0.3), width: r3(w * 0.16), height: r3(w * 0.2), paths: [{ closed: false, points: [pt3(0, w * 0.02), pt3(w * 0.07, w * 0.06), pt3(w * 0.04, w * 0.11), pt3(w * 0.13, w * 0.15), pt3(w * 0.11, w * 0.2)] }] },
+    side: r3(w - 10 * u),
+    sides: [r3(edge - cut / 2), r3(w - edge - cut / 2)]
+  };
+}
+function headstone(k, parent, o) {
+  const u = o.u ?? 1, shape = o.shape ?? "round", w = o.w, pad = o.pad ?? r3(w * 0.08);
+  const s = stoneGeometry(shape, w, u);
+  const id = k.stack(parent, { width: w, name: o.name ?? "Headstone", ...o.absolute ? { absolute: o.absolute } : {} });
+  const grain = noise({ amount: 0.09, size: Math.max(1, Math.round(2 * u)), seed: 7 });
+  const head = k.stack(id, { width: w, height: s.capH, name: "Stone head" });
+  k.vector(head, w, s.capH, s.head.paths, "stone", { name: "Stone head shape", absolute: { x: 0, y: 0 }, effects: [paperShadow(u, 0.45), grain] });
+  k.vector(head, s.line.width, s.line.height, s.line.paths, "stoneShade", { name: "Head line", strokeWidth: s.cut, absolute: { x: s.line.x, y: s.line.y } });
+  if (shape !== "square") k.vector(head, s.mark.width, s.mark.height, s.mark.paths, "carve", { name: "Stone mark", strokeWidth: s.cut, opacity: 0.7, absolute: { x: s.mark.x, y: s.mark.y } });
+  const body = k.stack(id, { fill: "stone", gap: o.gap ?? r3(12 * u), align: "CENTER", clip: true, padding: { top: r3(14 * u), right: pad, bottom: r3(pad + (o.foot ?? 0)), left: pad }, name: "Stone body", effects: [grain] });
+  k.rect(body, r3(10 * u), 40, "stoneShade", { name: "Stone side", absolute: { x: s.side, y: 0 } });
+  for (const x of s.sides) k.rect(body, s.cut, 40, "stoneShade", { name: "Body line", absolute: { x, y: 0 } });
+  k.vector(body, s.crack.width, s.crack.height, s.crack.paths, "stoneShade", { name: "Crack", strokeWidth: s.cut, absolute: { x: s.crack.x, y: s.crack.y } });
+  o.lines.forEach((l, i) => {
+    if (o.rule !== void 0 && i === o.rule) k.rect(body, r3(w * 0.22), s.cut, "carve", { name: "Carved rule", opacity: 0.6 });
+    k.text(body, l.text, { style: l.style, color: "carve", name: l.name ?? l.text.slice(0, 24) });
+  });
+  if (o.tilt) k.patch(id, { rotation: o.tilt });
+  return id;
+}
+function recutStone(k, id, shape, w, o = {}) {
+  const s = stoneGeometry(shape, w, o.u ?? 1);
+  const one = (name) => k.named(id, name);
+  k.patch(id, { width: w });
+  for (const n of one("Stone head")) k.patch(n, { width: w, height: s.capH });
+  for (const n of one("Stone head shape")) k.patch(n, s.head);
+  for (const n of one("Head line")) k.patch(n, s.line);
+  for (const n of one("Stone mark")) k.patch(n, s.mark);
+  for (const n of one("Crack")) k.patch(n, s.crack);
+  for (const n of one("Stone side")) k.patch(n, { x: s.side });
+  one("Body line").forEach((n, i) => k.patch(n, { x: s.sides[i] }));
+  for (const n of one("Carved rule")) k.patch(n, { width: r3(w * 0.22) });
+  if (o.pad !== void 0) for (const n of one("Stone body")) {
+    const p = k.node(n).padding;
+    k.patch(n, { padding: { ...p, left: o.pad, right: o.pad } });
+  }
+}
+function plant(k, id, cx, groundY, sink = 0) {
+  k.finish();
+  const n = k.node(id);
+  k.patch(id, { x: r3(cx - n.width / 2), y: r3(groundY - n.height + sink) });
+  for (const body of k.named(id, "Stone body")) for (const name of ["Stone side", "Body line"]) for (const line of k.named(body, name)) k.patch(line, { height: k.node(body).height });
+}
+function sheetGhost(k, parent, o) {
+  const w = o.w, h = r3(w * 1.28), r = w / 2, hem = w * 0.1, u = o.u ?? 1;
+  const outer = k.stack(parent, { width: w, height: h, name: o.name ?? "Ghost", absolute: o.absolute });
+  const id = k.stack(outer, { width: w, height: h, name: "Ghost float", absolute: { x: 0, y: 0 } });
+  const body = [];
+  for (let i = 0; i <= 28; i++) {
+    const a = Math.PI + Math.PI * i / 28;
+    body.push(pt3(r + r * Math.cos(a), r + r * Math.sin(a)));
+  }
+  for (let i = 0; i <= 40; i++) {
+    const x = w - w * i / 40;
+    body.push(pt3(x, h - hem + hem * Math.abs(Math.sin(Math.PI * 4 * x / w))));
+  }
+  const glow = { type: "DROP_SHADOW", color: { r: 0.98, g: 0.96, b: 0.9, a: 0.45 }, offset: { x: 0, y: 0 }, blur: r3(46 * u), spread: 0, visible: true };
+  k.vector(id, w, h, [{ closed: true, points: body }], "ghost", { name: "Ghost sheet", absolute: { x: 0, y: 0 }, effects: [glow] });
+  const rowH = h * 0.125, cells = [];
+  for (let y = r * 0.55; y < h - hem - rowH * 0.4; y += rowH) {
+    const half = y < r ? Math.sqrt(r * r - (r - y) * (r - y)) : r;
+    cells.push({ closed: false, points: [pt3(r - half, y), pt3(r + half, y)] });
+  }
+  for (let j = 1; j <= 3; j++) {
+    const x = w * j / 4;
+    cells.push({ closed: false, points: [pt3(x, r - Math.sqrt(r * r - (x - r) * (x - r))), pt3(x, h - hem)] });
+  }
+  k.vector(id, w, h, cells, "carve", { name: "Ghost cells", strokeWidth: r3(Math.max(1, 2 * u)), opacity: 0.16, absolute: { x: 0, y: 0 } });
+  const eye = r3(w * 0.13);
+  for (const ex of [0.27, 0.6]) {
+    const e = k.ellipse(id, eye, "carve", { name: "Ghost eye", absolute: { x: r3(w * ex), y: r3(h * 0.26) } });
+    k.patch(e, { height: r3(eye * 1.4) });
+  }
+  const mouthY = r3(r * 0.55 + rowH * 3);
+  k.rect(id, r3(w / 2), r3(rowH), [], { name: "Ghost mouth", stroke: { color: "accent", width: r3(Math.max(2, 4 * u)), join: "MITER" }, absolute: { x: r3(w / 4), y: mouthY } });
+  const mouth = k.text(id, "#REF!", { style: o.style, color: "carve", width: r3(w / 2), align: "CENTER", name: "Ghost word", absolute: { x: r3(w / 4), y: mouthY } });
+  k.finish();
+  k.patch(mouth, { y: r3(mouthY + (rowH - k.node(mouth).height) / 2) });
+  if (o.loopMs) k.behave(id, "translateY", [{ kind: "sine", amp: 12 * u, freq: hz(o.cycles ?? 4, o.loopMs) }]);
+  return outer;
+}
+
+export {
+  halloweenBrand,
+  graveyard,
+  ridgeY,
+  nightSky,
+  middleRidge,
+  nearRidge,
+  fitGraveyard,
+  headstone,
+  recutStone,
+  plant,
+  sheetGhost
+};