@popcraft/kit 0.53.14 → 0.53.16

package/dist/chunks/chunk-NCLNZUVL.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-6PWWBUJZ.js";
-import {
-  SERIF
-} from "./chunk-MPRWXHPJ.js";
-import {
-  compactNav
-} from "./chunk-IQXCYSUJ.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-KLAIZ7BD.js";
-import {
-  box,
-  curve3,
-  poly,
-  pt3,
-  rng
-} from "./chunk-U2KTX33N.js";
-import {
-  defineTemplate
-} from "./chunk-UU6U4UDR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-FJACE5LJ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-63KP74KB.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-NDMHEXLJ.js

@@ -1,191 +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 {
-  cover,
-  eachProject,
-  finishSite,
-  portfolioKit,
-  portfolioSite,
-  toProject,
-  toScreen
-} from "./chunk-NRNSNWH3.js";
-import {
-  art
-} from "./chunk-PURRXDKI.js";
-import {
-  BREAKPOINTS
-} from "./chunk-KLAIZ7BD.js";
-import {
-  defineTemplate
-} from "./chunk-UU6U4UDR.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-63KP74KB.js";
-
-// templates/src/web/portfolio-studio-grid.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var ART_STUDIO = art("studio-11");
-var WORK = [
-  { title: "Quicksilver Hour", client: "Mara Vex", year: "2026", kind: "Music video", cover: "studio-00", summary: "A chrome mask that will not keep its shape, for the lead single of Mara Vex\u2019s second record.", story: "Shot as one take on a black stage, then rebuilt in CG frame by frame: the mask melts on the downbeat and finds its face again on the chorus. Rendered at 6K for the label\u2019s vertical and cinema cuts.", credits: "Direction, CG, grade \u2014 Nightjar \xB7 Edit \u2014 Ola Bright" },
-  { title: "Last Train Under", client: "Moth Circuit", year: "2026", kind: "Music video", cover: "studio-01", summary: "A jellyfish drifts through a flooded station while the city above forgets it.", story: "A full CG station built from survey scans of a decommissioned platform, flooded in simulation and lit by the animal alone. Twelve weeks from treatment to delivery.", credits: "Direction, CG \u2014 Nightjar \xB7 Music \u2014 Moth Circuit" },
-  { title: "Point Cloud", client: "Edgelord Skate Co.", year: "2025", kind: "Brand film", cover: "studio-02", summary: "A skate film where the street dissolves into particles under every trick.", story: "Thirty tricks captured with a scanning rig, each landing turned to sixty million points we could sculpt. Released as a two-minute film and a set of loops for the shop floor.", credits: "Direction, capture, CG \u2014 Nightjar \xB7 Skaters \u2014 Edgelord team" },
-  { title: "Kintsugi", client: "Halden Porcelain", year: "2025", kind: "Campaign", cover: "studio-03", summary: "A porcelain face breaks open on a galaxy, mended in gold.", story: "Launch film and stills for a ceramics house\u2019s first sculpture collection. Every crack is a real fracture simulated from the glaze\u2019s own properties.", credits: "Direction, CG \u2014 Nightjar \xB7 Agency \u2014 Fold & Co." },
-  { title: "Swarm Waltz", client: "Ritual Groove", year: "2025", kind: "Music video", cover: "studio-04", summary: "A dancer in red smoke and the iridescent insects that follow every move.", story: "Motion-captured choreography drives four thousand insects, each with its own wingbeat. The smoke is a single fluid simulation, rendered in one pass.", credits: "Direction, CG \u2014 Nightjar \xB7 Choreography \u2014 Ines Ade" },
-  { title: "Monolith", client: "Dune Mile Festival", year: "2024", kind: "Title sequence", cover: "studio-05", summary: "A stone head half sunk in the dunes opens the festival\u2019s week of film.", story: "A ninety-second title sequence and its idents: one head, three sunsets, built so the festival could change the wording every night.", credits: "Direction, CG, type \u2014 Nightjar" },
-  { title: "Breather", client: "Fuzz Theory", year: "2024", kind: "Installation", cover: "studio-06", summary: "A fur sculpture that breathes under ultraviolet light, for a gallery\u2019s long wall.", story: "Eight hours of breathing that never repeats, rendered for a fourteen-metre LED wall and synced to the room\u2019s own sound.", credits: "Concept, CG \u2014 Nightjar \xB7 Sound \u2014 Fuzz Theory" },
-  { title: "Drowned Ballroom", client: "Isola Records", year: "2024", kind: "Music video", cover: "studio-07", summary: "An underwater ballroom where the chandeliers still swing and the koi keep time.", story: "A single camera move through a set modelled from a 1920s hotel, flooded and populated with a school of simulated koi.", credits: "Direction, CG \u2014 Nightjar \xB7 Grade \u2014 Paper Moon" },
-  { title: "Paper Crown", client: "The Kingless", year: "2023", kind: "Album visual", cover: "studio-08", summary: "A burning crown floats over black water for an album about giving power back.", story: "Cover art, a looping visualiser and the tour screens: the crown burns for the full length of the record and never burns out.", credits: "Art direction, CG \u2014 Nightjar" },
-  { title: "Prism Wolf", client: "Northlight Games", year: "2023", kind: "Game trailer", cover: "studio-09", summary: "A wolf made of refracted light, for the reveal of a winter adventure game.", story: "Trailer and key art. The wolf is a refraction shader running on the game\u2019s own creature rig, so the studio could use it in engine.", credits: "Direction, look development \u2014 Nightjar" },
-  { title: "Wax Racer", client: "Velo Audio", year: "2023", kind: "Commercial", cover: "studio-10", summary: "A racing car melts into rainbow wax while the headphones stay perfectly still.", story: "A thirty-second spot and cut-downs: the car is a melting simulation driven by the track\u2019s own frequency bands.", credits: "Direction, CG \u2014 Nightjar \xB7 Agency \u2014 Loudhouse" },
-  { title: "Cable Cathedral", client: "Signal Mass", year: "2022", kind: "Music video", cover: "studio-11", summary: "A cathedral of glowing cables, and the one figure who still prays there.", story: "Our first long-form piece: five minutes in a single space, every cable lit by the music it carries.", credits: "Direction, CG \u2014 Nightjar \xB7 Music \u2014 Signal Mass" }
-];
-var CLIENTS = "Mara Vex \xB7 Moth Circuit \xB7 Edgelord Skate Co. \xB7 Halden Porcelain \xB7 Dune Mile Festival \xB7 Isola Records \xB7 Northlight Games \xB7 Velo Audio \xB7 Signal Mass";
-function tile(s, w, h) {
-  const { k } = s;
-  k.variantSet("Still", "State", ["Rest", "Hover"], { width: w, height: h, clip: true, fill: "paper" }, (state) => {
-    const id = k.componentIdOf(`Still/${state}`);
-    k.patch(cover(s, id, "studio-00", w, h, { name: "Cover" }), { layoutSizingHorizontal: "FILL", layoutSizingVertical: "FILL" });
-    const shade = k.rect(id, w, h, "shade", { name: "Shade", absolute: { x: 0, y: 0 }, opacity: state === "Hover" ? 0.62 : 0 });
-    const caption = k.stack(id, { width: w, height: h, align: "CENTER", justify: "CENTER", padding: 24, name: "Caption", absolute: { x: 0, y: 0 } });
-    k.text(caption, "{{item.title}}", { style: "Still 15", color: "onShade", align: "CENTER", width: "FILL", name: "Still title" });
-    k.patch(caption, { opacity: state === "Hover" ? 1 : 0 });
-    for (const layer of [shade, caption]) k.patch(layer, { constraints: { horizontal: "STRETCH", vertical: "STRETCH" } });
-  });
-  k.changeTo("Still/Rest", "ON_HOVER", "Still/Hover", 180);
-}
-function topBar(s, parent) {
-  const { k } = s;
-  const bar = k.stack(parent, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", padding: { top: 22, right: 32, bottom: 22, left: 32 }, name: "Top bar" });
-  k.text(bar, "LOS ANGELES \u2014 LISBON", { style: "Nav 12", color: "onPaper", autoWidth: true, name: "Where" });
-  toScreen(s, k.text(bar, "{{brand.name}}", { style: "Wordmark 18", color: "text", autoWidth: true, name: "Wordmark" }), "work");
-  const links = k.stack(bar, { direction: "HORIZONTAL", width: "HUG", gap: 24, name: "Nav links" });
-  toScreen(s, k.text(links, "WORK", { style: "Nav 12", color: "text", autoWidth: true, name: "Nav link" }), "work");
-  toScreen(s, k.text(links, "STUDIO", { style: "Nav 12", color: "text", autoWidth: true, name: "Nav link" }), "studio");
-  k.patch(k.text(links, "CONTACT", { style: "Nav 12", color: "text", autoWidth: true, name: "Nav link" }), { semantics: { link: { kind: "email", value: "{{brand.email}}" } } });
-  return bar;
-}
-function footer(k, parent, name = "Footer") {
-  const foot = k.stack(parent, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", padding: { top: 28, right: 32, bottom: 32, left: 32 }, name });
-  k.text(foot, "{{brand.email}}", { style: "Nav 12", color: "text", autoWidth: true, name: "Email" });
-  k.text(foot, "INSTAGRAM \xB7 VIMEO \xB7 ARE.NA", { style: "Nav 12", color: "onPaper", autoWidth: true, name: "Elsewhere" });
-  k.text(foot, "\xA9 2026 {{brand.name}}", { style: "Nav 12", color: "onPaper", autoWidth: true, name: "Copyright" });
-}
-var portfolio_studio_grid_default = defineTemplate({
-  id: "web-portfolio-studio-grid",
-  meta: {
-    name: "Studio wall portfolio",
-    description: "A motion and CGI studio\u2019s site: a full-bleed wall of stills four across on black, a title on each as you point at it, a page per project with the picture large, the story and the credits, and a studio page. The projects are a collection you edit as a table. Desktop, tablet and phone",
-    category: "web",
-    tags: ["portfolio", "studio", "motion design", "cgi", "music video", "grid", "dark", "cms", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["portfolio"],
-    created: "2026-10-05",
-    updated: "2026-10-05"
-  },
-  breakpoints: true,
-  build() {
-    const k = portfolioKit("Studio wall");
-    k.brand(
-      { paper: "#000000", text: "#F2F2F2", onPaper: "#8A8A8A", primary: "#F2F2F2", onPrimary: "#000000", line: "#262626" },
-      { name: "NIGHTJAR", email: "studio@nightjar.film" }
-    );
-    k.palette({ shade: "#000000", onShade: "#FFFFFF" });
-    k.textStyle("Wordmark 18", { size: 18, fontWeight: 700, letterSpacing: 6, lineHeight: 24 });
-    k.textStyle("Nav 12", { size: 12, fontWeight: 500, letterSpacing: 1.6, lineHeight: 16 });
-    k.textStyle("Still 15", { size: 15, fontWeight: 600, letterSpacing: 2.4, lineHeight: 20 });
-    k.textStyle("Lead 15", { size: 15, fontWeight: 400, letterSpacing: 0.2, lineHeight: 24 });
-    k.textStyle("Title 44", { size: 44, fontWeight: 600, letterSpacing: 6, lineHeight: 52 });
-    k.textStyle("Title 28", { size: 28, fontWeight: 600, letterSpacing: 3, lineHeight: 36 });
-    k.textStyle("Meta 13", { size: 13, fontWeight: 500, letterSpacing: 1.6, lineHeight: 18 });
-    k.textStyle("Story 18", { size: 18, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Story 16", { size: 16, fontWeight: 400, lineHeight: 26 });
-    const s = portfolioSite(k, { name: "Nightjar", projects: WORK });
-    const TILE = 1440 / 4, TILE_H = Math.round(TILE * 2 / 3);
-    tile(s, TILE, TILE_H);
-    const work = s.screens.work;
-    topBar(s, work);
-    const lead = k.stack(work, { align: "CENTER", padding: { top: 4, right: 32, bottom: 28, left: 32 }, name: "Lead" });
-    k.text(lead, "Motion, CGI and film for music, games and brands.", { style: "Lead 15", color: "onPaper", align: "CENTER", width: "FILL", name: "Tagline" });
-    const wall = k.stack(work, { gap: 0, width: "FILL", name: "Art" });
-    k.patch(wall, { layoutMode: "GRID", layoutGridColumns: 4, counterAxisSpacing: 0 });
-    eachProject(s, wall);
-    const first = k.instance(wall, "Still", {}, { name: "Still" });
-    k.patch(first, { layoutSizingHorizontal: "FILL" });
-    toProject(s, first);
-    footer(k, work, "Body");
-    const project = s.screens.project;
-    topBar(s, project);
-    const head = k.stack(project, { gap: 14, align: "CENTER", padding: { top: 72, right: 120, bottom: 48, left: 120 }, name: "Lead" });
-    k.text(head, "{{item.title}}", { style: "Title 44", color: "text", align: "CENTER", width: "FILL", name: "Project title" });
-    k.text(head, "{{item.client}} \u2014 {{item.kind}} \u2014 {{item.year}}", { style: "Meta 13", color: "onPaper", align: "CENTER", width: "FILL", name: "Project meta" });
-    const still = k.stack(project, { align: "CENTER", padding: { top: 0, right: 120, bottom: 0, left: 120 }, name: "Art" });
-    k.patch(cover(s, still, "studio-00", 1200, 800, { name: "Project still" }), { layoutSizingHorizontal: "FILL" });
-    const body = k.stack(project, { gap: 56, padding: { top: 56, right: 120, bottom: 0, left: 120 }, name: "Body" });
-    const words = k.stack(body, { gap: 20, align: "CENTER", name: "Words" });
-    k.text(words, "{{item.story}}", { style: "Story 18", color: "text", align: "CENTER", width: 760, name: "Story" });
-    k.text(words, "{{item.credits}}", { style: "Meta 13", color: "onPaper", align: "CENTER", width: 760, name: "Credits" });
-    const moreHead = k.stack(body, { gap: 18, name: "More work" });
-    k.text(moreHead, "MORE WORK", { style: "Meta 13", color: "onPaper", align: "CENTER", width: "FILL", name: "More title" });
-    const more = k.stack(moreHead, { gap: 0, width: "FILL", name: "More row" });
-    k.patch(more, { layoutMode: "GRID", layoutGridColumns: 4, counterAxisSpacing: 0 });
-    eachProject(s, more, 4);
-    const next = k.instance(more, "Still", {}, { name: "More still" });
-    k.patch(next, { height: 200, layoutSizingHorizontal: "FILL" });
-    toProject(s, next);
-    footer(k, project);
-    const studio = s.screens.studio;
-    topBar(s, studio);
-    const about = k.stack(studio, { gap: 28, align: "CENTER", padding: { top: 120, right: 120, bottom: 64, left: 120 }, name: "Lead" });
-    k.text(about, "WE MAKE PICTURES THAT MOVE PEOPLE", { style: "Title 44", color: "text", align: "CENTER", width: "FILL", name: "Studio title" });
-    k.text(about, "Nightjar is a studio of nine directors, CG artists and editors in Los Angeles and Lisbon. We take a song, a game or a brand from the first treatment to the last frame of the grade, and we keep every project small enough to care about each shot.", { style: "Story 18", color: "text", align: "CENTER", width: 820, name: "Studio text" });
-    const pic = k.stack(studio, { align: "CENTER", padding: { top: 0, right: 120, bottom: 0, left: 120 }, name: "Art" });
-    k.patch(k.contentImage(pic, ART_STUDIO, 1200, { name: "Studio still" }), { layoutSizingHorizontal: "FILL" });
-    const sbody = k.stack(studio, { gap: 18, align: "CENTER", padding: { top: 64, right: 120, bottom: 0, left: 120 }, name: "Body" });
-    k.text(sbody, "CLIENTS", { style: "Meta 13", color: "onPaper", align: "CENTER", width: "FILL", name: "Clients title" });
-    k.text(sbody, CLIENTS, { style: "Story 16", color: "text", align: "CENTER", width: 820, name: "Clients" });
-    k.text(sbody, "New work: {{brand.email}}", { style: "Title 28", color: "text", align: "CENTER", width: "FILL", name: "Contact" });
-    footer(k, studio);
-    const across = { desktop: 4, laptop: 4, tablet: 2, mobile: 1 };
-    finishSite(s, {
-      all: {
-        restyle: { "Title 44": { tablet: "Title 28", mobile: "Title 28" }, "Story 18": { mobile: "Story 16" } },
-        hide: { mobile: ["Where"] },
-        tweak: (kit, id, size) => {
-          const w = kit.node(id).width, side = BREAKPOINTS[size].side;
-          const th = Math.round(Math.floor(w / across[size]) * 2 / 3);
-          for (const g of kit.named(id, "Art")) if (kit.node(g).layoutMode === "GRID") kit.patch(g, { layoutGridColumns: across[size] });
-          for (const t of kit.named(id, "Still")) kit.patch(t, { height: th });
-          const mw = Math.floor((w - side * 2) / (size === "mobile" ? 2 : 4));
-          for (const g of kit.named(id, "More row")) kit.patch(g, { layoutGridColumns: size === "mobile" ? 2 : 4 });
-          for (const t of kit.named(id, "More still")) kit.patch(t, { height: Math.round(mw * 2 / 3) });
-          for (const p of kit.named(id, "Project still")) kit.patch(p, { height: Math.round((w - side * 2) * 2 / 3) });
-          for (const p of kit.named(id, "Studio still")) kit.patch(p, { height: Math.round((w - side * 2) / 2) });
-          for (const name of ["Lead", "Art", "Body", "Words"]) for (const b of kit.named(id, name)) {
-            const f = kit.node(b);
-            if (f.type === "FRAME" && f.padding?.left === 120) kit.patch(b, { padding: { ...f.padding, right: side, left: side } });
-          }
-          for (const t of [...kit.named(id, "Story"), ...kit.named(id, "Credits"), ...kit.named(id, "Studio text"), ...kit.named(id, "Clients")]) if (size !== "laptop") kit.patch(t, { layoutSizingHorizontal: "FILL" });
-          if (size === "mobile") for (const l of kit.named(id, "Nav links")) kit.patch(l, { itemSpacing: 14 });
-          if (size === "mobile") for (const b of kit.named(id, "Top bar")) kit.patch(b, { layoutMode: "VERTICAL", primaryAxisAlignItems: "MIN", counterAxisAlignItems: "CENTER", itemSpacing: 10 });
-          if (size === "mobile") for (const b of [...kit.named(id, "Top bar"), ...kit.named(id, "Footer"), ...kit.named(id, "Body")]) {
-            const f = kit.node(b);
-            if (f.padding?.left === 32) kit.patch(b, { padding: { ...f.padding, right: 20, left: 20 } });
-          }
-          if (size === "mobile") {
-            for (const b of [...kit.named(id, "Footer"), ...kit.named(id, "Body")]) if (kit.node(b).padding?.left === 20) kit.patch(b, { layoutMode: "VERTICAL", itemSpacing: 8, counterAxisAlignItems: "MIN" });
-          }
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  portfolio_studio_grid_default
-};

package/dist/chunks/chunk-NDWTIBDJ.js

@@ -1,49 +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 {
-  shadow
-} from "./chunk-4MEFPCMF.js";
-import {
-  preset
-} from "./chunk-FJACE5LJ.js";
-import {
-  init_page_presets,
-  presetPx
-} from "./chunk-JSLFV5Q5.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-63KP74KB.js";
-
-// templates/src/saas/stores-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_page_presets();
-var sz = (id, base) => {
-  const { width: W, height: H } = presetPx(preset(id));
-  return { preset: id, W, H, u: W / base };
-};
-function drawn(k, parent, paths, role, o) {
-  if (!paths.length) return null;
-  let x0 = Infinity, y0 = Infinity, x1 = -Infinity, y1 = -Infinity;
-  for (const p of paths) for (const q of p.points) {
-    x0 = Math.min(x0, q.x);
-    y0 = Math.min(y0, q.y);
-    x1 = Math.max(x1, q.x);
-    y1 = Math.max(y1, q.y);
-  }
-  x0 = Math.floor(x0);
-  y0 = Math.floor(y0);
-  const sh = (q) => ({ x: q.x - x0, y: q.y - y0 });
-  const moved = paths.map((p) => ({ closed: p.closed, points: p.points.map((q) => ({ ...sh(q), ...q.handleIn ? { handleIn: sh(q.handleIn) } : {}, ...q.handleOut ? { handleOut: sh(q.handleOut) } : {} })) }));
-  return k.vector(parent, Math.ceil(x1 - x0), Math.ceil(y1 - y0), moved, role, { name: o.name, absolute: { x: x0, y: y0 }, ...o.opacity !== void 0 ? { opacity: o.opacity } : {}, ...o.strokeWidth !== void 0 ? { strokeWidth: o.strokeWidth } : {} });
-}
-var soft = (k, role, a = 0.25, y = 20, blur = 50) => shadow(k, role, a, y, blur);
-
-export {
-  sz,
-  drawn,
-  soft
-};