@popcraft/kit 0.31.0 → 0.32.1

package/dist/chunks/chunk-ET5REO6W.js

@@ -1,251 +0,0 @@
-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 {
-  SITE_CONTENT,
-  SITE_LOOP,
-  SITE_RESTYLE,
-  artBox,
-  disc,
-  fitArt,
-  gridAt,
-  linkOut,
-  linkTo,
-  ruledRows,
-  section,
-  sectionHead,
-  shape,
-  siteType,
-  sway
-} from "./chunk-UDCFEWHX.js";
-import {
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  compactNav
-} from "./chunk-DAF5SK5X.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-TF2MO3UA.js";
-import {
-  box,
-  curve3,
-  poly,
-  pt3,
-  rng
-} from "./chunk-6RCDZU4R.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/web/everyday-hotel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Hotel and B&B website: coastal inn";
-var AW = 560;
-var AH = 600;
-var BOOK = "https://book.saltmarshhouse.example/rooms";
-var MAP = "https://maps.example.com/?q=Saltmarsh+House+Ocean+Avenue+Kennebunkport";
-var ROOMS = [
-  ["The Lookout", "King bed \xB7 sleeps 2 \xB7 sea view from the bed", "From $340 a night"],
-  ["The Boathouse", "Queen bed \xB7 sleeps 2 \xB7 its own porch on the dune", "From $295 a night"],
-  ["Two Lights", "King and a daybed \xB7 sleeps 3 \xB7 corner windows", "From $315 a night"],
-  ["The Loft", "Two queens \xB7 sleeps 4 \xB7 under the eaves, for families", "From $380 a night"]
-];
-var INCLUDED = [
-  ["Breakfast", "Cooked to order, 7:30 to 10", "Blueberry pancakes, eggs from the farm up the road, and coffee in the sunroom or on the porch."],
-  ["The beach", "Two minutes down the boardwalk", "Towels, chairs and an umbrella in the hall: take them, bring them back sandy."],
-  ["Bicycles", "Six, with baskets", "Free to borrow for the day. The village is a flat fifteen minutes along the shore road."],
-  ["Arrival", "Check in 3 pm, out 11 am", "We will keep your bags if you arrive early or leave late. Ask for a later check-out."],
-  ["Parking", "Free, behind the house", "One car a room. A charger for electric cars by the barn, for a small fee."],
-  ["Quiet", "No weddings, no events", "Eight rooms and a library. Children are welcome in the Loft and Two Lights."]
-];
-var ROUTES = [
-  ["By car", "From Portland, 35 minutes", "Route 1 south, then Ocean Avenue. Look for the blue gate after the lighthouse turn."],
-  ["By train", "The Downeaster to Wells", "Twenty minutes from the station; we can book you a taxi or collect you on request."],
-  ["By air", "Portland Jetport (PWM)", "Forty minutes by car. Boston Logan is an hour and forty."]
-];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Art", preset: "fade-in", at: 100, params: { duration: 900 } },
-  { layer: "Eyebrow", preset: "rise-in", at: 250, params: { duration: 600 } },
-  { layer: "Headline", preset: "blur-in", at: 350, params: { duration: 1e3, amount: 18 } },
-  { layer: "Lead", preset: "rise-in", at: 850, params: { duration: 700 } },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1150, params: { duration: 600 }, stagger: { delay: 140 } }
-];
-function sea(y, amp, n) {
-  const pts = Array.from({ length: n * 2 + 1 }, (_, i) => ({ x: -80 + (AW + 160) * i / (n * 2), y: y + (i % 2 ? -amp : amp) }));
-  return { closed: true, points: [...curve3(pts, 0.25).points, pt3(AW + 80, AH), pt3(-80, AH)] };
-}
-function gull(x, y, s) {
-  return [curve3([{ x: x - s, y }, { x: x - s / 2, y: y - s * 0.45 }, { x, y }], 0.3), curve3([{ x, y }, { x: x + s / 2, y: y - s * 0.45 }, { x: x + s, y }], 0.3)];
-}
-function coast(k, art) {
-  shape(k, art, [disc(110, 140, 46)], "sun", { name: "Sun" });
-  const far = shape(k, art, [sea(300, 3, 7)], "seaFar", { name: "Sea far" });
-  const near = shape(k, art, [sea(330, 5, 6)], "sea", { name: "Sea" });
-  sway(k, far, "translateX", 10, SITE_LOOP, 1);
-  sway(k, near, "translateX", 16, SITE_LOOP, 1, 0.5);
-  shape(k, art, [poly([[512, 300], [532, 300], [528, 236], [516, 236]])], "house", { name: "Lighthouse" });
-  shape(k, art, [box(514, 228, 16, 10)], "roof", { name: "Lighthouse lamp" });
-  shape(k, art, [{ closed: true, points: [pt3(-20, 420), { ...pt3(200, 360), handleIn: pt3(100, 380), handleOut: pt3(300, 344) }, { ...pt3(580, 400), handleIn: pt3(460, 360) }, pt3(580, 620), pt3(-20, 620)] }], "sand", { name: "Dune" });
-  shape(k, art, [box(150, 250, 210, 140), poly([[140, 252], [255, 170], [370, 252]])], "house", { name: "House" });
-  shape(k, art, [poly([[132, 256], [255, 162], [378, 256], [366, 262], [255, 178], [144, 262]])], "roof", { name: "Roof" });
-  shape(k, art, [box(360, 290, 110, 100), poly([[352, 292], [478, 292], [470, 270], [360, 270]])], "house", { name: "Wing" });
-  shape(k, art, [poly([[352, 292], [478, 292], [470, 268], [360, 268]])], "roof", { name: "Wing roof" });
-  shape(k, art, [box(305, 150, 20, 50)], "roof", { name: "Chimney" });
-  const boards = [];
-  for (let y = 262; y < 390; y += 10) boards.push(box(150, y, 210, 1.2), box(360, Math.max(y, 296), 110, 1.2));
-  shape(k, art, boards, "clap", { name: "Clapboard" });
-  const dark = [], lit = [];
-  [[176, 280], [236, 280], [296, 280], [176, 330], [296, 330], [384, 316], [430, 316], [244, 206]].forEach(([x, y], i) => (i === 1 || i === 5 ? lit : dark).push(box(x, y, 30, 36)));
-  shape(k, art, dark, "window", { name: "Windows" });
-  const glow = shape(k, art, lit, "lamp", { name: "Lit windows" });
-  sway(k, glow, "opacity", 0.08, SITE_LOOP, 1);
-  shape(k, art, [box(242, 330, 28, 60)], "door", { name: "Door" });
-  shape(k, art, [box(140, 386, 240, 10), box(140, 352, 6, 34), box(374, 352, 6, 34), box(140, 352, 240, 5)], "clap", { name: "Porch" });
-  const planks = [];
-  for (let i = 0; i < 9; i++) planks.push(poly([[250 + i * 4, 400 + i * 22], [290 + i * 10, 400 + i * 22], [292 + i * 10, 410 + i * 22], [250 + i * 4, 410 + i * 22]]));
-  shape(k, art, planks, "wood", { name: "Boardwalk" });
-  const r = rng(13);
-  for (const [x0, x1, y, h, ph] of [[0, 220, 470, 70, 0], [360, 560, 450, 60, 0.3], [20, 560, 580, 90, 0.6]]) {
-    const blades = [];
-    for (let x = x0; x < x1; x += 7 + r() * 6) {
-      const hh = h * (0.6 + r() * 0.5), lean = (r() - 0.3) * 18;
-      blades.push(curve3([{ x, y }, { x: x + lean * 0.4, y: y - hh * 0.5 }, { x: x + lean, y: y - hh }], 0.3));
-    }
-    const id = shape(k, art, blades, "grass", { name: "Beach grass", strokeWidth: 2.4 });
-    sway(k, id, "translateX", 2.5, SITE_LOOP, 2, ph);
-  }
-  ;
-  [[300, 90, 16, 0], [380, 120, 11, 0.4]].forEach(([x, y, s, ph]) => {
-    const id = shape(k, art, gull(x, y, s), "gull", { name: "Gull", strokeWidth: 2.5 });
-    sway(k, id, "translateX", 22, SITE_LOOP, 1, ph);
-    sway(k, id, "translateY", 6, SITE_LOOP, 2, ph);
-  });
-}
-var everyday_hotel_default = defineTemplate({
-  id: "web-everyday-hotel",
-  meta: {
-    name: NAME,
-    description: "A website for a small hotel or bed and breakfast. The hero is the house on its dune in the morning, with the sea rolling in behind, beach grass that sways and gulls drifting over. Then the rooms with a photo frame each, the bed, who it sleeps and the price from, a gallery of photo frames, what is included, where it is and how to get there with directions, and a footer. Every Book button links out to your own booking page. Desktop, laptop, tablet and phone",
-    category: "web",
-    tags: ["hotel", "b&b", "bed and breakfast", "inn", "guest house", "rooms", "gallery", "amenities", "location", "travel", "hospitality", "coast", "illustration", "book now", "animation", "responsive", "website", "small business"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["brand-intro"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit(NAME, preset("web-desktop"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#F6F4EF", text: "#16263A", onPaper: "#4F5B69", primary: "#1D3B5C", onPrimary: "#F6F4EF", card: "#E4ECEF", onCard: "#16263A", cardMuted: "#4A5866", panel: "#16263A", onPanel: "#F6F4EF", panelMuted: "#BCC7D2", line: "#D7DADB" },
-      { name: "Saltmarsh House" }
-    );
-    k.palette({ sun: "#F4D58D", seaFar: "#8FB3C4", sea: "#4F7F99", sand: "#E8D9B8", house: "#FBFAF6", clap: "#D9DCD8", roof: "#56606A", window: "#3B4D5E", lamp: "#F6CF7A", door: "#1D3B5C", wood: "#A88A66", grass: "#8E9A5B", gull: "#3B4D5E" });
-    siteType(k, { ...SERIF, fontWeight: 600 });
-    buttons(k, { style: "Button 16", pad: [15, 26], radius: 4 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 96, top: 28 });
-    k.timeline(sheet, { duration: SITE_LOOP, fps: 30 });
-    nav(k, sheet, { links: ["Rooms", "Gallery", "Included", "Getting here"], cta: "Book a room", style: "Nav 16", brandStyle: "Brand 22" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 72, align: "CENTER", name: "Hero" });
-    const copy = k.stack(hero, { gap: 24, name: "Copy" });
-    k.text(copy, "A BED AND BREAKFAST ON THE MAINE COAST", { style: "Kicker 13", color: "onPaper", name: "Eyebrow" });
-    k.text(copy, "Eight rooms on the dune, two minutes from the sea.", { style: "Display 76", color: "text", name: "Headline" });
-    k.text(copy, "An 1890s sea captain\u2019s house at the end of Ocean Avenue in Kennebunkport, with breakfast cooked to order, bicycles to borrow and the beach at the bottom of the boardwalk.", { style: "Lead 20", color: "onPaper", name: "Lead" });
-    const ctas = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    linkOut(k, k.instance(ctas, "Button", { Label: "Check dates and book" }, { name: "CTA primary" }), BOOK);
-    const seeRooms = k.instance(ctas, "Button quiet", { Label: "See the rooms" }, { name: "CTA quiet" });
-    k.text(copy, "Open April to December \xB7 Two-night minimum on weekends", { style: "Label 14", color: "onPaper", name: "Season" });
-    coast(k, artBox(k, hero, AW, AH, { radius: 4 }));
-    const rooms = section(k, sheet, "Rooms");
-    sectionHead(k, rooms, { kicker: "THE ROOMS", title: "Eight rooms, four of them on the sea", aside: "Every room has its own bathroom, a good bed, wool blankets, and no television. Prices include breakfast for two." });
-    const grid = k.stack(rooms, { direction: "HORIZONTAL", wrap: true, gap: 32, name: "Room grid" });
-    for (const [name, beds, price] of ROOMS) {
-      const card = k.stack(grid, { gap: 14, name: "Room" });
-      k.photo(card, 584, 380, { radius: 4, ground: "card", name: "Room photo" });
-      const line = k.stack(card, { direction: "HORIZONTAL", gap: 16, justify: "SPACE_BETWEEN", align: "CENTER", name: "Room line" });
-      const words = k.stack(line, { gap: 4, name: "Room words" });
-      k.text(words, name, { style: "Title 24", color: "text", name: "Room name" });
-      k.text(words, beds, { style: "Body 16", color: "onPaper", name: "Room beds" });
-      k.text(words, price, { style: "Label 14", color: "text", name: "Room price" });
-      linkOut(k, k.instance(line, "Button quiet", { Label: "Book" }, { name: "Room book" }), BOOK);
-    }
-    const gallery = section(k, sheet, "Gallery");
-    sectionHead(k, gallery, { kicker: "THE HOUSE", title: "Around the house and down the beach" });
-    const pics = k.stack(gallery, { direction: "HORIZONTAL", wrap: true, gap: 16, name: "Gallery grid" });
-    for (let i = 0; i < 6; i++) k.photo(pics, 389, 290, { radius: 4, ground: "card", name: "Gallery photo" });
-    const inc = section(k, sheet, "Included");
-    sectionHead(k, inc, { kicker: "WHAT IS INCLUDED", title: "Breakfast, bicycles and the beach" });
-    ruledRows(k, inc, INCLUDED, { name: "Included rows", labelWidth: 160 });
-    const here = section(k, sheet, "Getting here", { direction: "HORIZONTAL", gap: 64, fill: "panel", radius: 4, padding: 56 });
-    const where = k.stack(here, { gap: 20, name: "Where" });
-    sectionHead(k, where, { kicker: "GETTING HERE", title: "At the end of Ocean\xA0Avenue", ink: "onPanel", muted: "panelMuted" });
-    k.text(where, "Saltmarsh House, 212 Ocean Avenue, Kennebunkport, Maine 04046. Ten minutes on foot from Dock Square along the river.", { style: "Body 17", color: "panelMuted", name: "Address" });
-    const btns = k.stack(where, { direction: "HORIZONTAL", gap: 20, wrap: true, align: "CENTER", name: "Where buttons" });
-    linkOut(k, k.instance(btns, "Button", { Label: "Get directions" }, { name: "Directions" }), MAP);
-    const phone = k.text(btns, "(207) 555-0178", { style: "Button 16", color: "onPanel", autoWidth: true, name: "Phone" });
-    k.patch(phone, { semantics: { link: { kind: "tel", value: "+12075550178" } } });
-    ruledRows(k, here, ROUTES, { name: "Routes", labelWidth: 90, ink: "onPanel", muted: "panelMuted", rule: "panelMuted" });
-    const foot = k.stack(sheet, { gap: 8, padding: { top: 32, right: 0, bottom: 16, left: 0 }, name: "Footer" });
-    k.rect(foot, "FILL", 1, "line", { name: "Rule" });
-    k.text(foot, "{{brand.name}} \xB7 212 Ocean Avenue, Kennebunkport, Maine \xB7 Open April to December", { style: "Small 14", color: "onPaper", name: "Footer line" });
-    k.text(foot, "Bookings are made on our booking partner\u2019s site; its terms and cancellation policy apply.", { style: "Small 14", color: "onPaper", name: "Footer note" });
-    for (const b of k.named(sheet, "Nav button")) linkOut(k, b, BOOK);
-    const targets = { Rooms: rooms, Gallery: gallery, Included: inc, "Getting here": here };
-    for (const l of k.named(sheet, "Nav link")) linkTo(k, l, targets[k.node(l).characters]);
-    linkTo(k, seeRooms, rooms);
-    gridAt(k, sheet, { name: "Room grid", item: "Room", cols: 2, gap: 32, inside: SITE_CONTENT.desktop, photo: "Room photo", ratio: 0.62 });
-    gridAt(k, sheet, { name: "Gallery grid", item: "Gallery photo", cols: 3, gap: 16, inside: SITE_CONTENT.desktop, photo: "Gallery photo", ratio: 0.75 });
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Getting here"],
-      stackMobile: ["Row", "Room line"],
-      restyle: { ...SITE_RESTYLE },
-      gap: { tablet: 80, mobile: 64 },
-      tweak: (kit, id, size) => {
-        const inside = SITE_CONTENT[size];
-        const each = (name, props) => {
-          for (const n of kit.named(id, name)) kit.patch(n, props);
-        };
-        if (size === "laptop") each("Hero", { itemSpacing: 48 });
-        if (size === "tablet" || size === "mobile") {
-          each("Hero", { itemSpacing: 40 });
-          each("Getting here", { itemSpacing: 32 });
-          each("Getting here", { padding: size === "mobile" ? { top: 32, right: 20, bottom: 32, left: 20 } : { top: 44, right: 40, bottom: 44, left: 40 } });
-        }
-        if (size === "tablet") compactNav(kit, id, ["Included", "Getting here"]);
-        if (size === "mobile") {
-          each("Row", { itemSpacing: 6 });
-          each("Room line", { itemSpacing: 12, counterAxisAlignItems: "MIN" });
-        }
-        fitArt(kit, id, AW, AH, inside);
-        gridAt(kit, id, { name: "Room grid", item: "Room", cols: size === "mobile" ? 1 : 2, gap: size === "mobile" ? 40 : 24, inside, photo: "Room photo", ratio: 0.62 });
-        gridAt(kit, id, { name: "Gallery grid", item: "Gallery photo", cols: size === "mobile" ? 2 : 3, gap: size === "mobile" ? 10 : 16, inside, photo: "Gallery photo", ratio: 0.75 });
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  everyday_hotel_default
-};

package/dist/chunks/chunk-ETTVYJPY.js

@@ -1,45 +0,0 @@
-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 {
-  style_gradient_landing_default
-} from "./chunk-N6YG3UHJ.js";
-import {
-  style_gradient_pricing_default
-} from "./chunk-M75KV3IR.js";
-import {
-  style_gradient_announcement_default
-} from "./chunk-ISEHSZWF.js";
-import {
-  style_gradient_link_preview_default
-} from "./chunk-2IOAJTVY.js";
-import {
-  style_gradient_milestone_default
-} from "./chunk-LFICIIA2.js";
-import {
-  style_gradient_testimonial_default
-} from "./chunk-5X4YUKC4.js";
-import {
-  style_gradient_feature_demo_default
-} from "./chunk-SGFDUNC3.js";
-import {
-  style_gradient_launch_reel_default
-} from "./chunk-XDT4ITUB.js";
-import {
-  style_gradient_header_default
-} from "./chunk-DCUOY7TT.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/saas/style-gradient.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [style_gradient_launch_reel_default, style_gradient_feature_demo_default, style_gradient_landing_default, style_gradient_pricing_default, style_gradient_announcement_default, style_gradient_milestone_default, style_gradient_testimonial_default, style_gradient_header_default, style_gradient_link_preview_default];
-var style_gradient_default = pack;
-
-export {
-  style_gradient_default
-};

package/dist/chunks/chunk-EUZTWLRL.js

@@ -1,177 +0,0 @@
-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 {
-  fitGraveyard,
-  graveyard,
-  halloweenBrand,
-  headstone,
-  middleRidge,
-  nearRidge,
-  nightSky,
-  plant,
-  recutStone,
-  ridgeY,
-  sheetGhost
-} from "./chunk-SMSZKZJS.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  score
-} from "./chunk-42LEBOKV.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  ease
-} from "./chunk-YYQUCS6P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/motion/halloween-graveyard-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MUSIC = score("spooky");
-var DURATION = MUSIC.duration;
-var beat = MUSIC.beat;
-var yard = (h, near, front, moon = 620, over = {}) => graveyard({ w: 1080, h, near, loopMs: DURATION, ...front ? { front } : {} }, { moon: { x: 640, y: near - 520 + (620 - moon), size: moon }, ...over });
-var STORY = yard(1920, 1140, 1600);
-var LINES = ["It ran payroll, pricing and the board deck.", "Then Plot imported it in four minutes.", "Typed tables. Permissions. An audit log.", "Give your spreadsheet a decent burial."];
-var CAPTION = { at: beat(4), every: beat(7), stagger: 50, in: 350, out: 250 };
-var swaps = [
-  // Word by word; the hold is what is left of seven beats after the longest line (eight words) has come and gone.
-  { layer: "Caption", words: LINES, at: CAPTION.at, hold: CAPTION.every - CAPTION.in - CAPTION.out - 2 * 7 * CAPTION.stagger + 100, stagger: CAPTION.stagger, in: CAPTION.in, out: CAPTION.out, unit: "word", rise: 30 }
-];
-var cues = [
-  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Hero stone", preset: "rise-in", at: 0, params: { duration: 600 } },
-  { layer: "Epitaph", preset: "fade-in", at: beat(2), params: { duration: 700 } },
-  { layer: "Back stone", preset: "rise-in", at: beat(7), params: { duration: 600 }, stagger: { delay: beat(1) } },
-  { layer: "Ghost", preset: "rise-in", at: beat(14), params: { duration: 1e3 } },
-  { layer: "Ghost", preset: "wobble", at: beat(23), params: { duration: 900 } },
-  { layer: "Call", preset: "rise-in", at: beat(24), params: { duration: 600 } },
-  { layer: "Site", preset: "fade-in", at: beat(25), params: { duration: 600 } },
-  { layer: "Call", preset: "pulse", at: beat(28), params: { duration: 900, amount: 0.05 } }
-];
-var halloween_graveyard_reel_default = defineTemplate({
-  id: "motion-halloween-graveyard-reel",
-  meta: {
-    name: "Halloween graveyard reel",
-    description: "An 18-second Halloween reel for a SaaS that kills a spreadsheet: a headstone for FINAL_v7_REAL.xlsx is up in the first half second, the ghost of the spread-sheet rises behind it, and the story is told in burned-in captions before the offer lands \u2014 a cut-paper graveyard under a rising harvest moon, cut to a tiptoeing pizzicato with a creaking door (made by PopCraft, CC0). 9:16 with 1:1 and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "halloween", "graveyard", "headstone", "ghost", "cut paper", "spreadsheet", "saas", "reel", "captions", "music", "audio", "seasonal"],
-    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["launch", "sale", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, swaps },
-  build() {
-    const k = new Kit("Halloween graveyard reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    halloweenBrand(k);
-    k.textStyle("Eyebrow 26", { size: 26, fontWeight: 700, letterSpacing: 5, lineHeight: 34, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Lies 30", { size: 30, fontWeight: 800, letterSpacing: 10, lineHeight: 38, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Deceased 54", { ...MONO, size: 54, fontWeight: 800, letterSpacing: -1.5, lineHeight: 64, textAlign: "CENTER" });
-    k.textStyle("Dates 40", { ...SERIF, size: 40, fontWeight: 700, lineHeight: 48, textAlign: "CENTER" });
-    k.textStyle("Epitaph 36", { ...SERIF, size: 36, fontStyle: "italic", fontWeight: 500, lineHeight: 46, textAlign: "CENTER" });
-    k.textStyle("Lies 26", { size: 26, fontWeight: 800, letterSpacing: 9, lineHeight: 34, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Deceased 44", { ...MONO, size: 44, fontWeight: 800, letterSpacing: -1, lineHeight: 54, textAlign: "CENTER" });
-    k.textStyle("Deceased 36", { ...MONO, size: 36, fontWeight: 800, letterSpacing: -1, lineHeight: 44, textAlign: "CENTER" });
-    k.textStyle("Dates 34", { ...SERIF, size: 34, fontWeight: 700, lineHeight: 42, textAlign: "CENTER" });
-    k.textStyle("Epitaph 30", { ...SERIF, size: 30, fontStyle: "italic", fontWeight: 500, lineHeight: 40, textAlign: "CENTER" });
-    k.textStyle("Epitaph 26", { ...SERIF, size: 26, fontStyle: "italic", fontWeight: 500, lineHeight: 34, textAlign: "CENTER" });
-    k.textStyle("Rip 18", { size: 18, fontWeight: 800, letterSpacing: 5, lineHeight: 24, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Name 24", { ...SERIF, size: 24, fontWeight: 900, lineHeight: 28, textAlign: "CENTER" });
-    k.textStyle("Years 16", { ...MONO, size: 16, fontWeight: 600, lineHeight: 22, textAlign: "CENTER" });
-    k.textStyle("Ref 22", { ...MONO, size: 22, fontWeight: 800, lineHeight: 26 });
-    k.textStyle("Caption 40", { size: 40, fontWeight: 700, letterSpacing: -0.4, lineHeight: 50, textAlign: "CENTER" });
-    k.textStyle("Caption 32", { size: 32, fontWeight: 700, letterSpacing: -0.3, lineHeight: 40, textAlign: "CENTER" });
-    k.textStyle("Button 32", { size: 32, fontWeight: 800, lineHeight: 40 });
-    k.textStyle("Site 26", { size: 26, fontWeight: 600, letterSpacing: 1, lineHeight: 34, textAlign: "CENTER" });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 32", label: "Bury yours: 31% off till Halloween", pad: [22, 40], radius: 8 });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Graveyard reel");
-    k.flowSheet(sheet, 0, verticalPadding(), "paper", "SPACE_BETWEEN", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
-    const g = STORY;
-    nightSky(k, sheet, g);
-    headstone(k, sheet, { w: 150, shape: "gothic", name: "Back stone", absolute: { x: 0, y: 0 }, foot: 70, tilt: -3, gap: 4, lines: [{ text: "R.I.P.", style: "Rip 18" }, { text: "Dave\u2019s macro", style: "Name 24" }, { text: "2021\u20132025", style: "Years 16" }] });
-    headstone(k, sheet, { w: 150, shape: "square", name: "Back stone", absolute: { x: 0, y: 0 }, foot: 70, tilt: 4, gap: 4, lines: [{ text: "R.I.P.", style: "Rip 18" }, { text: "Copy of Copy of Pricing", style: "Name 24" }, { text: "2023\u20132026", style: "Years 16" }] });
-    middleRidge(k, sheet, g);
-    headstone(k, sheet, {
-      w: 660,
-      name: "Hero stone",
-      absolute: { x: 0, y: 0 },
-      pad: 44,
-      gap: 16,
-      foot: 70,
-      rule: 2,
-      lines: [{ text: "Here lies", style: "Lies 30", name: "Here lies" }, { text: "FINAL_v7_REAL.xlsx", style: "Deceased 54", name: "Deceased" }, { text: "2019 \u2013 2026", style: "Dates 40", name: "Dates" }, { text: "Nobody knew which tab was true.", style: "Epitaph 36", name: "Epitaph" }]
-    });
-    sheetGhost(k, sheet, { w: 230, style: "Ref 22", absolute: { x: 0, y: 0 }, loopMs: DURATION, cycles: 6 });
-    nearRidge(k, sheet, g);
-    k.text(sheet, "{{brand.name}} \xB7 a Halloween notice", { style: "Eyebrow 26", color: "onPaper", name: "Eyebrow" });
-    const foot = k.stack(sheet, { gap: 26, align: "CENTER", name: "Foot" });
-    k.text(foot, swaps[0].words[0], { style: "Caption 40", color: "bone", name: "Caption" });
-    k.instance(foot, "Button", { Label: "Bury yours: 31% off till Halloween" }, { name: "Call" });
-    k.text(foot, "{{brand.site}}", { style: "Site 26", color: "bone", name: "Site" });
-    const stand = (kit, id, y, ghostMax = 810, backs = [112, 966]) => {
-      const [left, right] = kit.named(id, "Back stone");
-      plant(kit, left, backs[0], ridgeY(y, "mid", backs[0]), 60);
-      plant(kit, right, backs[1], ridgeY(y, "mid", backs[1]), 60);
-      for (const s of kit.named(id, "Hero stone")) plant(kit, s, 540, y.near, 40);
-      const stone = kit.node(kit.named(id, "Hero stone")[0]);
-      for (const gh of kit.named(id, "Ghost")) kit.patch(gh, { x: Math.min(ghostMax, stone.x + stone.width - 70), y: stone.y - 150 });
-    };
-    const smaller = (kit, id, w, deceased, epitaph) => {
-      for (const s of kit.named(id, "Hero stone")) recutStone(kit, s, "round", w, { pad: 40 });
-      for (const [name, style] of [["Here lies", "Lies 26"], ["Deceased", deceased], ["Dates", "Dates 34"], ["Epitaph", epitaph]]) for (const n of kit.named(id, name)) kit.restyle(n, style);
-    };
-    stand(k, sheet, g, 745, [150, 858]);
-    if (swapTimes(swaps[0]).at(-1).gone > DURATION + 40) throw new Error("halloween reel: the captions run past the music");
-    for (const m of k.named(sheet, "Moon")) k.animate(m, "translateY", [{ t: 0, v: 150, ease: ease.out("cubic") }, { t: DURATION, v: 0 }]);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    k.variants(sheet, feedVariants({ post: 56, portrait: 72 }, {
-      post: (kit, id) => {
-        for (const n of kit.named(id, "Foot")) kit.patch(n, { itemSpacing: 16 });
-        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 32");
-        smaller(kit, id, 540, "Deceased 36", "Epitaph 26");
-        const y = yard(1080, 800, void 0, 500, { clouds: [{ x: 250, y: 190, w: 460 }, { x: 900, y: 150, w: 300 }], bats: [{ x: 250, y: 130, size: 84 }, { x: 930, y: 60, size: 60 }, { x: 60, y: 60, size: 44 }, { x: 108, y: 300, size: 52 }] });
-        fitGraveyard(kit, id, y);
-        stand(kit, id, y);
-      },
-      portrait: (kit, id) => {
-        smaller(kit, id, 600, "Deceased 44", "Epitaph 30");
-        const y = yard(1350, 1010, void 0, 620, { bats: [{ x: 250, y: 210, size: 84 }, { x: 930, y: 150, size: 60 }, { x: 90, y: 130, size: 44 }, { x: 108, y: 370, size: 52 }] });
-        fitGraveyard(kit, id, y);
-        stand(kit, id, y);
-      }
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  halloween_graveyard_reel_default
-};