@popcraft/kit 0.26.0 → 0.26.1

package/dist/chunks/chunk-MPUXUIIO.js

@@ -0,0 +1,267 @@
+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 {
+  disc,
+  draw,
+  flame,
+  flourishComponent,
+  pine,
+  polyP,
+  rectPath,
+  specksIn,
+  starPath
+} from "./chunk-AISWLDDO.js";
+import {
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  rng
+} from "./chunk-BNVLVZUT.js";
+import {
+  defineTemplate
+} from "./chunk-QBBW3JXO.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SOHOKD4X.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/print/holidays-christmas-church-newsletter.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Christmas church newsletter";
+var W = 816;
+var H = 1056;
+var B = 12;
+var M = 48;
+var SERVICES = [
+  ["Sun 29 Nov", "10:00", "Advent Sunday Eucharist, with the lighting of the first candle"],
+  ["Sun 13 Dec", "18:00", "Nine Lessons and Carols by candlelight, with the choir"],
+  ["Sun 20 Dec", "16:00", "Christingle for families, with oranges and candles"],
+  ["Thu 24 Dec", "16:00", "Crib service. Come dressed as a shepherd, a sheep or a star"],
+  ["Thu 24 Dec", "23:30", "Midnight Mass"],
+  ["Fri 25 Dec", "10:00", "Christmas Day family communion (about 50 minutes)"]
+];
+var DIARY = [
+  ["Wed 2", "Giving tree goes up in the porch: take a tag, bring the gift back by 13 Dec"],
+  ["Sat 5", "Christmas fair, 10\u20132 in the hall. Cakes, books, a raffle and Santa"],
+  ["Tue 8", "Wreath-making with the flower team, 7 pm, greenery and cookies provided"],
+  ["Fri 11", "Riverside Elementary nativity in church, 2 pm (all welcome)"],
+  ["Sat 19", "Carol singing round the streets, meet on the church steps at 5 pm"],
+  ["Mon 21", "Hall decorated for Christmas Day lunch, 10 am, many hands needed"],
+  ["Sun 27", "One said service at 10:00, then the hall is closed until 4 Jan"]
+];
+function banner(w, top, h) {
+  const sx = w * 0.82, sy = top + h * 0.28;
+  const rays = [];
+  for (let i = 0; i < 16; i++) {
+    const a = i * Math.PI / 8, long = i === 4 ? h * 0.4 : i === 12 ? h * 0.6 : i % 4 === 0 ? h * 0.3 : h * 0.2;
+    const p = (r, da) => ({ x: sx + Math.cos(a + da) * r, y: sy + Math.sin(a + da) * r });
+    rays.push(polyP([p(8, -0.18), p(long, 0), p(8, 0.18)]));
+  }
+  const ground = top + h;
+  const hills = (y, amp, phase) => polyP([{ x: -B, y: ground }, ...Array.from({ length: 21 }, (_, i) => ({ x: -B + (w + 2 * B) * i / 20, y: y + Math.sin(i * 0.55 + phase) * amp + Math.sin(i * 1.3 + phase) * amp * 0.3 })), { x: w + B, y: ground }]);
+  const st = { x: w * 0.82 - w * 0.065, y: ground - h * 0.3, w: w * 0.13 };
+  const stable = [polyP([{ x: st.x - 14, y: st.y }, { x: st.x + st.w / 2, y: st.y - h * 0.13 }, { x: st.x + st.w + 14, y: st.y }]), rectPath(st.x, st.y, st.w, h * 0.22)];
+  const door = [rectPath(st.x + st.w * 0.36, st.y + h * 0.06, st.w * 0.28, h * 0.16)];
+  const star = (list) => list.map(([x, y], i) => starPath(w * x, top + h * y, i % 3 ? 3.2 : 5, i % 3 ? 1.3 : 2));
+  const trees = [0.08, 0.12, 0.9, 0.94].map((x, i) => polyP([{ x: w * x, y: ground - h * (0.36 + i % 2 * 0.06) }, { x: w * x + 16, y: ground - h * 0.12 }, { x: w * x - 16, y: ground - h * 0.12 }]));
+  return [
+    { name: "Night", paths: [rectPath(-B, -B, w + 2 * B, top + h + B - B)], color: "night" },
+    { name: "Rays", paths: rays, color: "gold", o: { opacity: 0.85 } },
+    { name: "Star", paths: [starPath(sx, sy, 20, 7, 8)], color: "cream" },
+    { name: "Stars", paths: star([[0.88, 0.18], [0.95, 0.46], [0.62, 0.1], [0.82, 0.6], [0.58, 0.5], [0.66, 0.66]]), color: "cream", o: { opacity: 0.8 } },
+    { name: "Stars", paths: star([[0.06, 0.05], [0.22, 0.07], [0.42, 0.04], [0.32, 0.09]]), color: "cream", o: { opacity: 0.8 } },
+    { name: "Stars", paths: star([[0.06, 0.6], [0.24, 0.56], [0.38, 0.62], [0.48, 0.54]]), color: "cream", o: { opacity: 0.8 } },
+    { name: "Far hills", paths: [hills(ground - h * 0.3, 10, 0.4)], color: "hillFar" },
+    { name: "Trees", paths: trees, color: "hillNear" },
+    { name: "Stable", paths: stable, color: "hillNear" },
+    { name: "Door light", paths: door, color: "gold" },
+    { name: "Near hills", paths: [hills(ground - h * 0.12, 7, 2.1)], color: "hillNear" }
+  ];
+}
+function wreath(cx, cy) {
+  const rx = 84, ry = 26;
+  const ring = Array.from({ length: 22 }, (_, i) => {
+    const a = i * 2 * Math.PI / 22, p = { x: cx + Math.cos(a) * rx, y: cy + Math.sin(a) * ry };
+    return pine({ x: p.x - Math.sin(a) * 14, y: p.y + Math.cos(a) * 5 }, { x: p.x, y: p.y - 4 }, { x: p.x + Math.sin(a) * 16, y: p.y - Math.cos(a) * 6 }, { needle: 11, seed: 60 + i, density: 0.35 });
+  });
+  const candle = (a, hgt) => {
+    const x = cx + Math.cos(a) * rx * 0.86, y = cy + Math.sin(a) * ry * 0.86;
+    return { body: rectPath(x - 7, y - hgt, 14, hgt), x, top: y - hgt };
+  };
+  const back = [candle(-Math.PI * 0.88, 56), candle(-Math.PI * 0.38, 54)], front = [candle(Math.PI * 0.62, 62), candle(Math.PI * 0.12, 60)];
+  const centre = { body: rectPath(cx - 8, cy - 86, 16, 86), x: cx, top: cy - 86 };
+  return [
+    { name: "Wreath back", paths: ring.slice(11).flatMap((r) => [...r.dark, ...r.light]), color: "pine", o: { strokeWidth: 2 } },
+    { name: "Candles back", paths: back.map((c) => c.body), color: "purple" },
+    { name: "Christ candle", paths: [centre.body], color: "wax", o: { stroke: { color: "line", width: 1 } } },
+    { name: "Wreath front", paths: ring.slice(0, 11).flatMap((r) => [...r.dark, ...r.light]), color: "pineLight", o: { strokeWidth: 2 } },
+    { name: "Candles front", paths: [front[1].body], color: "purple" },
+    { name: "Rose candle", paths: [front[0].body], color: "rose" },
+    { name: "Berries", paths: [0.3, 1.1, 1.9, 2.6, 3.5, 4.4, 5.2].map((a) => disc(cx + Math.cos(a) * rx, cy + Math.sin(a) * ry + 2, 3.2)), color: "primary" },
+    { name: "Flame", paths: [flame(front[1].x, front[1].top - 2, 10, 22)], color: "gold" }
+  ];
+}
+function street(w, top, h) {
+  const r = rng(77);
+  const houses = [], snow = [], windows = [];
+  let x = -B;
+  while (x < w + B) {
+    const hw = 70 + r() * 60, hh = h * (0.32 + r() * 0.16), roof = 26 + r() * 22, y = top + h - hh;
+    if (Math.abs(x + hw / 2 - w * 0.5) < 80) {
+      x += 90;
+      continue;
+    }
+    houses.push(polyP([{ x, y: top + h + B }, { x, y }, { x: x + hw / 2, y: y - roof }, { x: x + hw, y }, { x: x + hw, y: top + h + B }]));
+    snow.push(polyP([{ x: x - 4, y: y + 2 }, { x: x + hw / 2, y: y - roof - 3 }, { x: x + hw + 4, y: y + 2 }, { x: x + hw / 2, y: y - roof + 6 }]));
+    for (let i = 0; i < 2; i++) if (r() > 0.3) windows.push(rectPath(x + hw * (0.22 + i * 0.36), y + hh * 0.22, hw * 0.18, hw * 0.2));
+    x += hw + 6 + r() * 10;
+  }
+  const cx = w * 0.5, base = top + h + B;
+  const church = [rectPath(cx - 70, top + h * 0.42, 140, h * 0.58 + B), polyP([{ x: cx - 80, y: top + h * 0.43 }, { x: cx, y: top + h * 0.2 }, { x: cx + 80, y: top + h * 0.43 }]), rectPath(cx - 20, top - h * 0.02, 40, h * 0.5), polyP([{ x: cx - 24, y: top }, { x: cx, y: top - h * 0.3 }, { x: cx + 24, y: top }])];
+  const glass = [{ closed: true, points: [{ x: cx - 16, y: base - B - 10 }, { x: cx - 16, y: top + h * 0.62 }, { x: cx, y: top + h * 0.52 }, { x: cx + 16, y: top + h * 0.62 }, { x: cx + 16, y: base - B - 10 }] }, rectPath(cx - 6, top + h * 0.04, 12, 22)];
+  return [
+    { name: "Street sky", paths: [rectPath(-B, top - h * 0.36, w + 2 * B, h * 1.36 + B)], color: "night" },
+    { name: "Street stars", paths: [0.6, 0.7, 0.8, 0.9, 0.96].map((f, i) => starPath(w * f, top - h * (0.22 - i % 2 * 0.1), 4, 1.6)), color: "cream", o: { opacity: 0.8 } },
+    { name: "Spire star", paths: [starPath(cx, top - h * 0.36 + 2, 9, 3.4, 8)], color: "gold" },
+    { name: "Houses", paths: houses, color: "hillFar" },
+    { name: "Roof snow", paths: snow, color: "cream", o: { opacity: 0.85 } },
+    { name: "Windows", paths: windows, color: "gold" },
+    { name: "Church", paths: church, color: "hillNear" },
+    { name: "Church windows", paths: glass, color: "gold" }
+  ];
+}
+var holidays_christmas_church_newsletter_default = defineTemplate({
+  id: "print-holidays-christmas-church-newsletter",
+  meta: {
+    name: NAME,
+    description: "A two-sided parish newsletter for Advent and Christmas on US Letter: a woodcut night banner of the star over the stable, the vicar\u2019s letter beside every Christmas service, the giving tree, the month\u2019s diary, a Christmas Day lunch for neighbours, carol singing, a children\u2019s corner and notices. Service times and diary dates are components; the banner runs into the bleed",
+    category: "newspaper",
+    tags: ["christmas", "advent", "church", "parish", "newsletter", "services", "carols", "nativity", "community", "congregation", "bulletin", "print"],
+    platforms: ["print"],
+    formats: ["document"],
+    useCases: ["newsletter", "event"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  sequence: true,
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("us-letter"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#F6F0E3", text: "#1D2433", onPaper: "#8C2B2B", primary: "#8C2B2B", onPrimary: "#FFF8EC", line: "#CBBFA6", card: "#EDE3CF", onCard: "#1D2433" },
+      { name: "St Columba\u2019s, Riverside", site: "stcolumbariverside.org", phone: "(503) 555-0172" }
+    );
+    k.palette({ wax: "#FFFDF6", purple: "#5B3A7A", rose: "#D88FA6", pine: "#2F5A43", pineLight: "#4F7D5E", night: "#18233A", gold: "#E2B95A", cream: "#FFF8EC", hillFar: "#2A3A5A", hillNear: "#0F1626", tint: "#EDE3CF", fibre: "#B9A984" });
+    k.textStyle("Mast 64", { ...SERIF, size: 64, fontWeight: 700, letterSpacing: -1.6, lineHeight: 64 });
+    k.textStyle("Mast sub 12", { size: 12, fontWeight: 600, letterSpacing: 2.4, lineHeight: 16 });
+    k.textStyle("Parish 17", { ...SERIF, size: 17, fontWeight: 400, fontStyle: "italic", lineHeight: 22 });
+    k.textStyle("Head 24", { ...SERIF, size: 24, fontWeight: 700, letterSpacing: -0.3, lineHeight: 28 });
+    k.textStyle("Head 18", { ...SERIF, size: 18, fontWeight: 700, lineHeight: 22 });
+    k.textStyle("Kicker 10", { size: 10, fontWeight: 700, letterSpacing: 2, lineHeight: 14 });
+    k.textStyle("Body 12", { ...SERIF, size: 12, fontWeight: 400, lineHeight: 17.5 });
+    k.textStyle("Body i 12", { ...SERIF, size: 12, fontWeight: 400, fontStyle: "italic", lineHeight: 17.5 });
+    k.textStyle("Row 11", { size: 11, fontWeight: 600, lineHeight: 15, fontFeatures: { tnum: 1 } });
+    k.textStyle("Row text 11", { ...SERIF, size: 11.5, fontWeight: 400, lineHeight: 15 });
+    k.textStyle("Foot 10", { size: 10, fontWeight: 500, letterSpacing: 0.6, lineHeight: 14 });
+    flourishComponent(k, "Star rule", "primary", starPath(0, 0, 10, 4.2), { rule: 40 });
+    k.component("Service", { direction: "HORIZONTAL", gap: 10, width: 300, padding: { top: 7, right: 0, bottom: 7, left: 0 }, props: { Day: "Sun 1 Dec", Time: "10:00", What: "Service" } }, (id) => {
+      const when = k.stack(id, { width: 74, gap: 1, name: "When" });
+      k.propText(when, "Day", { style: "Row 11", color: "onCard", name: "Day" });
+      k.propText(when, "Time", { style: "Row 11", color: "onCard", name: "Time" });
+      k.propText(id, "What", { style: "Row text 11", color: "onCard", width: "FILL", name: "What" });
+    });
+    k.component("Diary date", { direction: "HORIZONTAL", gap: 12, width: 440, padding: { top: 6, right: 0, bottom: 6, left: 0 }, props: { Date: "Mon 1", What: "What is on" } }, (id) => {
+      k.propText(id, "Date", { style: "Row 11", color: "onPaper", width: 52, name: "Date" });
+      k.propText(id, "What", { style: "Row text 11", color: "text", width: "FILL", name: "What" });
+    });
+    const sectionHead = (parent, kicker, title, style = "Head 24", on = "paper") => {
+      k.text(parent, kicker, { style: "Kicker 10", color: on === "card" ? "onCard" : "onPaper", width: "FILL", name: "Kicker" });
+      k.text(parent, title, { style, color: on === "card" ? "onCard" : "text", width: "FILL", name: "Heading" });
+    };
+    const one = k.sheet;
+    k.nameSheet(one, "Side one");
+    const BANNER = 300;
+    k.flowSheet(one, 18, { top: 36, right: M, bottom: M, left: M }, "paper", "MIN", "MIN");
+    draw(k, one, banner(W, 0, BANNER));
+    const mast = k.stack(one, { width: "FILL", height: BANNER - 36, gap: 6, name: "Masthead" });
+    k.text(mast, "ADVENT & CHRISTMAS 2026 \xB7 ISSUE 48", { style: "Mast sub 12", color: "gold", autoWidth: true, name: "Issue" });
+    k.text(mast, "The Lamplighter", { style: "Mast 64", color: "cream", autoWidth: true, name: "Title" });
+    k.text(mast, "News and services from {{brand.name}}", { style: "Parish 17", color: "cream", autoWidth: true, name: "Parish" });
+    const cols = k.stack(one, { direction: "HORIZONTAL", gap: 30, width: "FILL", name: "Columns" });
+    const left = k.stack(cols, { width: "FILL", gap: 10, name: "Letter" });
+    sectionHead(left, "FROM THE RECTORY", "Make room");
+    for (const [i, p] of [
+      "Every year somebody asks me why we bother with Advent when the shops have had Christmas since Halloween. My answer is that Advent is the season of making room: in the diary, in the house, in ourselves, for a child who arrived to a town with no space for him.",
+      "This December, I want to ask each of us to make a little room for someone else. Take a tag from the giving tree. Bring a neighbour to the carol service, especially one who has not set foot in church since their own school nativity. Come and peel potatoes on Christmas morning, and stay for lunch.",
+      "The candle we light on Advent Sunday is small. By Christmas there are five, and the church is full of light. That is how it works: one at a time, and together. I look forward to seeing you, and to meeting whoever you bring."
+    ].entries()) k.text(left, p, { style: i === 2 ? "Body 12" : "Body 12", color: "text", width: "FILL", name: "Paragraph" });
+    k.text(left, "The Rev. Ruth Adeyemi, Rector", { style: "Body i 12", color: "text", width: "FILL", name: "Signature" });
+    k.instance(left, "Star rule", {}, { name: "Divider" });
+    sectionHead(left, "THE GIVING TREE", "Two hundred tags, two hundred gifts", "Head 18");
+    k.text(left, "Each tag on the tree in the porch names a gift asked for by a family the Riverside Food Bank supports: a winter coat, a football, a set of felt-tips. Take a tag, wrap the gift, tie the tag on, and bring it back by Sunday 13 December. Last year all 184 went.", { style: "Body 12", color: "text", width: "FILL", name: "Paragraph" });
+    const right = k.stack(cols, { width: 300, gap: 4, padding: 18, fill: "card", name: "Services box" });
+    sectionHead(right, "COME AND CELEBRATE", "Christmas services", "Head 18", "card");
+    k.stack(right, { height: 4, name: "Gap" });
+    for (const [day, time, what] of SERVICES) {
+      k.instance(right, "Service", { Day: day, Time: time, What: what }, { name: "Service", width: "FILL" });
+      k.rect(right, "FILL", 1, "line", { name: "Hairline" });
+    }
+    k.stack(right, { height: 6, name: "Gap" });
+    k.text(right, "Every service has a step-free way in by the north door, a loop for hearing aids and large-print sheets. Children are always welcome, noise and all.", { style: "Body i 12", color: "onCard", width: "FILL", name: "Access" });
+    const wr = k.stack(one, { direction: "HORIZONTAL", gap: 26, width: "FILL", padding: { top: 16, right: 20, bottom: 16, left: 12 }, align: "CENTER", stroke: { color: "line", width: 1 }, name: "Wreath feature" });
+    const wa = k.stack(wr, { width: 210, height: 150, name: "Wreath art" });
+    draw(k, wa, wreath(105, 112));
+    const wt = k.stack(wr, { width: "FILL", gap: 6, name: "Wreath text" });
+    k.text(wt, "THE ADVENT WREATH", { style: "Kicker 10", color: "onPaper", width: "FILL", name: "Kicker" });
+    k.text(wt, "One more candle each Sunday", { style: "Head 18", color: "text", width: "FILL", name: "Heading" });
+    k.text(wt, "Hope on 29 November, peace on 6 December, joy on the 13th (the rose-pink one), love on the 20th, and the white Christ candle in the middle at midnight on Christmas Eve. Children who would like to light one, see the sacristan before the service.", { style: "Body 12", color: "text", width: "FILL", name: "Paragraph" });
+    const two = k.addSheet(preset("us-letter"), "Side two");
+    k.flowSheet(two, 18, { top: 76, right: M, bottom: M, left: M }, "paper", "MIN", "MIN");
+    draw(k, two, [
+      { name: "Band", paths: [rectPath(-B, -B, W + 2 * B, 40 + B)], color: "night" },
+      { name: "Band stars", paths: [0.1, 0.3, 0.5, 0.7, 0.9].map((x) => starPath(W * x, 20, 6, 2.4, 8)), color: "gold" },
+      ...[0, 1].map((i) => ({ name: "Fibre", paths: specksIn({ x: -B, y: 940 + i * 60, w: W + 2 * B, h: 60 }, 900, 30 + i, 1.6), color: "fibre", o: { opacity: 0.4 } }))
+    ]);
+    const row = k.stack(two, { direction: "HORIZONTAL", gap: 30, width: "FILL", name: "Columns" });
+    const diary = k.stack(row, { width: "FILL", gap: 2, name: "Diary" });
+    sectionHead(diary, "DECEMBER AT ST COLUMBA\u2019S", "Diary");
+    k.stack(diary, { height: 6, name: "Gap" });
+    for (const [d, what] of DIARY) {
+      k.instance(diary, "Diary date", { Date: d, What: what }, { name: "Diary date", width: "FILL" });
+      k.rect(diary, "FILL", 1, "line", { name: "Hairline" });
+    }
+    const side = k.stack(row, { width: 250, gap: 10, padding: 18, fill: "primary", name: "Lunch box" });
+    k.text(side, "CHRISTMAS DAY", { style: "Kicker 10", color: "onPrimary", width: "FILL", name: "Kicker" });
+    k.text(side, "Lunch for anyone on their own", { style: "Head 18", color: "onPrimary", width: "FILL", name: "Heading" });
+    k.text(side, "Turkey or nut roast with everything, pie, crackers and carols round the tree, in the hall from 12:30. It is free, and there is a lift there and back. Tell Margaret by 18 December, or tell us about a neighbour and we will ask them.", { style: "Body 12", color: "onPrimary", width: "FILL", name: "Paragraph" });
+    k.text(side, "Margaret Holt \xB7 (503) 555-0139", { style: "Row 11", color: "onPrimary", width: "FILL", name: "Contact" });
+    k.instance(two, "Star rule", {}, { name: "Divider" });
+    const row2 = k.stack(two, { direction: "HORIZONTAL", gap: 30, width: "FILL", name: "Columns" });
+    const carols = k.stack(row2, { width: "FILL", gap: 8, name: "Carols" });
+    sectionHead(carols, "SATURDAY 19 DECEMBER", "Carols round Riverside", "Head 18");
+    k.text(carols, "We sing our way down Alder Street to the care home on Birch Lane, where the residents choose the next three. Torches and tambourines welcome. Collecting for the Riverside Food Bank; hot chocolate in the hall afterwards.", { style: "Body 12", color: "text", width: "FILL", name: "Paragraph" });
+    const kids = k.stack(row2, { width: "FILL", gap: 8, name: "Kids" });
+    sectionHead(kids, "CHILDREN\u2019S CORNER", "Find the five stars", "Head 18");
+    k.text(kids, "Five paper stars are hiding in church this Advent, one on each Sunday. Find them all, tell Mrs. Okoro at the door, and collect a chocolate coin and a sticker for your Christingle.", { style: "Body 12", color: "text", width: "FILL", name: "Paragraph" });
+    const notices = k.stack(two, { width: "FILL", gap: 6, padding: 16, fill: "card", name: "Notices" });
+    k.text(notices, "NOTICES", { style: "Kicker 10", color: "onCard", width: "FILL", name: "Kicker" });
+    k.text(notices, "The office is closed from 24 December to 4 January; for funerals and emergencies call the rectory. Flowers in memory of loved ones can be given for Christmas: $10 in an envelope marked with their name. The hall heating is fixed, thank you to all who gave.", { style: "Body 12", color: "onCard", width: "FILL", name: "Paragraph" });
+    draw(k, two, street(W, H - 250, 250));
+    const foot = k.stack(two, { width: "FILL", height: "FILL", justify: "MAX", align: "MIN", gap: 6, padding: { top: 0, right: 0, bottom: 150, left: 0 }, name: "Foot" });
+    k.text(foot, "All are welcome, whoever and wherever you are.", { style: "Parish 17", color: "cream", width: 320, name: "Welcome" });
+    k.text(foot, "{{brand.name}} \xB7 220 Alder Street, Portland OR 97202\n{{brand.phone}} \xB7 {{brand.site}}", { style: "Foot 10", color: "cream", width: 320, name: "Footer" });
+    return k.finish();
+  }
+});
+
+export {
+  holidays_christmas_church_newsletter_default
+};

package/dist/chunks/chunk-MPX4AHMT.js

@@ -0,0 +1,145 @@
+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 {
+  body,
+  brandRow,
+  clear,
+  dress,
+  drop,
+  edge,
+  label,
+  redress,
+  shout,
+  shove,
+  slab,
+  slam,
+  spinSticker,
+  stamp,
+  sticker,
+  thump,
+  ticketStub,
+  tollBrand,
+  verticalPost
+} from "./chunk-37HV26NG.js";
+import {
+  faceSlot
+} from "./chunk-YNOCYFZ4.js";
+import {
+  patchAll
+} from "./chunk-QLV6445V.js";
+import {
+  pill,
+  postVariants
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-QBBW3JXO.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SOHOKD4X.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/style-brutalist-testimonial.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 7e3;
+var OUT = 6300;
+var TEETH = 16;
+var QUOTE = "\u201CI put a price on my presets on a Friday night. By Monday it had paid my rent.\u201D";
+var WORD_MS = 115;
+var PARTS = ["Top row", "Rating", "Quote card", "Person", "Sticker", "Call row"];
+var cues = [
+  shove("Top row", 0, "left", { duration: 260 }),
+  ...stamp("Star", 100, { gap: 90, from: 2, rock: 10 }),
+  { layer: "Rating words", preset: "fade-in", at: 500, params: { duration: 100 } },
+  ...slam("Quote card", 300, { distance: 300, shake: 14 }),
+  { layer: "Quote", preset: "words-in", at: 620, params: { duration: 260, amount: WORD_MS } },
+  shove("Person", 2900, "left", { duration: 300 }),
+  ...stamp("Sticker", 3400, { from: 1.9, rock: 9 }),
+  ...slam("Call row", 3900, { distance: 240, shake: 12 }),
+  thump("Call row", 4800, 0.06),
+  { layer: "Sticker", preset: "wobble", at: 5200, params: { duration: 600, amount: 9 } },
+  clear(PARTS, OUT)
+];
+var style_brutalist_testimonial_default = defineTemplate({
+  id: "motion-saas-style-brutalist-testimonial",
+  meta: {
+    name: "Brutalist SaaS testimonial post (animated)",
+    description: "A customer quote that loops, in the neo-brutalist look: five stars are stamped on, the quote card slams down and the quote arrives a word at a time, then the customer shoves in (a photo slot in a ruled frame, with a name and a role), a result sticker is stamped beside them and the button lands; then it all cuts off and starts again. Seven seconds, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "saas", "testimonial", "quote", "customer", "review", "social proof", "photo", "loop", "neo-brutalist", "brutalism", "bold", "post"],
+    platforms: ["x", "linkedin", "instagram", "threads"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["testimonial", "quote", "case-study"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Brutalist SaaS testimonial post (animated)", preset("ig-post"));
+    k.quantizeGeometry = true;
+    tollBrand(k, ["paper", "text", "onText", "primary", "onPrimary", "accent", "onAccent", "card", "onCard"], { customer: "Ana Reyes", role: "Sells Field Notes presets for Lightroom" });
+    k.textStyle("Quote 62", body(62, 800));
+    k.textStyle("Brand 40", shout(40, { leading: 1.1 }));
+    k.textStyle("Tag 22", label(22));
+    k.textStyle("Rating 24", label(24));
+    k.textStyle("Name 46", shout(46, { leading: 1.05 }));
+    k.textStyle("Role 28", body(28, 600));
+    k.textStyle("Sticker 40", shout(40, { center: true, leading: 0.95 }));
+    k.textStyle("Sticker 18", label(18, { center: true }));
+    k.textStyle("Button 34", shout(34, { leading: 1.25 }));
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: "OPEN YOURS: tollbooth.example", pad: [20, 26], radius: 0 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 18, { top: 104, right: 64, bottom: 110, left: 64 }, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    dress(k, sheet);
+    k.patch(ticketStub(k, sheet, { x: 190, y: 1540 }), { visible: false });
+    brandRow(k, sheet, { nameStyle: "Brand 40", tagStyle: "Tag 22", tag: "SELLER NO. 212" });
+    const quote = slab(k, sheet, { fill: "card", shadow: 16, gap: 22, padding: { top: 34, right: 40, bottom: 40, left: 40 }, name: "Quote card" });
+    const rating = k.stack(quote, { direction: "HORIZONTAL", gap: 18, align: "CENTER", name: "Rating" });
+    const stars = k.stack(rating, { direction: "HORIZONTAL", width: "HUG", gap: 8, name: "Stars" });
+    for (let i = 0; i < 5; i++) k.star(stars, 44, "onCard", { name: "Star" });
+    k.text(rating, "FIRST WEEKEND, IN HER WORDS", { style: "Rating 24", color: "onCard", name: "Rating words" });
+    k.text(quote, QUOTE, { style: "Quote 62", color: "onCard", name: "Quote" });
+    const person = k.stack(sheet, { direction: "HORIZONTAL", gap: 26, align: "CENTER", name: "Person" });
+    const frame = k.stack(person, { width: 150, height: 150, stroke: edge(6), effects: drop(k, 10), name: "Face frame" });
+    faceSlot(k, k.photo(frame, 150, 150, { ground: "accent", name: "Face" }), 150, 150, "text");
+    k.rect(frame, 150, 150, [], { name: "Face rule", stroke: edge(6), absolute: { x: 0, y: 0 } });
+    const who = k.stack(person, { gap: 4, name: "Who" });
+    k.text(who, "{{brand.customer}}", { style: "Name 46", color: "text", name: "Customer name" });
+    k.text(who, "{{brand.role}}", { style: "Role 28", color: "text", name: "Customer role" });
+    const call = slab(k, sheet, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", fill: "primary", shadow: 12, gap: 0, name: "Call row" });
+    const tile = k.stack(call, { width: "HUG", fill: "text", padding: 24, name: "Call tile" });
+    k.logo(tile, 40, 40);
+    k.instance(call, "Button", { Label: "OPEN YOURS: {{brand.site}}" }, { name: "Call" });
+    const badge = sticker(k, sheet, { size: 230, teeth: TEETH, fill: "accent", ink: "onAccent", big: "$4,180", small: "IN HER FIRST\n30 DAYS", bigStyle: "Sticker 40", smallStyle: "Sticker 18", tilt: 9, shadow: 10, absolute: { x: 764, y: 690 } });
+    spinSticker(k, badge, 2 * 360 / TEETH * 1e3 / DURATION);
+    k.cues(sheet, cues);
+    k.variants(sheet, postVariants({ portrait: 64 }, {
+      portrait: (kit, id) => {
+        kit.patch(id, { padding: { top: 130, right: 64, bottom: 136, left: 64 } });
+        patchAll(kit, id, "Sticker", { x: 764, y: 920 });
+        redress(kit, id);
+      },
+      vertical: (kit, id) => {
+        patchAll(kit, id, "Date tag", { visible: false });
+        verticalPost(kit, id);
+        patchAll(kit, id, "Sticker", { x: 690, y: 300 });
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  style_brutalist_testimonial_default
+};

package/dist/chunks/chunk-MQAK3IVV.js

@@ -0,0 +1,190 @@
+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-FSALE4HC.js";
+import {
+  art
+} from "./chunk-CYXCKXXJ.js";
+import {
+  BREAKPOINTS
+} from "./chunk-YKXCPYWJ.js";
+import {
+  defineTemplate
+} from "./chunk-QBBW3JXO.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.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.image(pic, ART_STUDIO, 1200, 600, { 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.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
+};