@popcraft/kit 0.53.4 → 0.53.6

package/dist/chunks/chunk-TDEWHUU4.js

@@ -1,164 +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 {
-  blindsWindow,
-  castLight,
-  fitCastLight,
-  fitWindow,
-  noirBrand,
-  stamp
-} from "./chunk-7MVQ2GXI.js";
-import {
-  fitRain,
-  rain
-} from "./chunk-ZQS4FIVV.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  captionSwap
-} from "./chunk-3YQOE5KZ.js";
-import {
-  bed
-} from "./chunk-KHGNV7UQ.js";
-import {
-  hide
-} from "./chunk-LWSZATOL.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-KOAJ6HD2.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion/noir-case-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MUSIC = bed("noirJazz", 18);
-var DURATION = MUSIC.duration;
-var beat = MUSIC.beat;
-var swaps = [
-  captionSwap(["It left quietly. Nobody saw it.", "Gumshoe read every invoice since January.", "214 renewals failed. Nobody retried them.", "Recovered by Friday. The case: closed."], beat(2), DURATION, { stagger: 50, in: 350, out: 250, rise: 28 })
-];
-var counts = [
-  { layer: "Figure", at: beat(9), duration: beat(3), counter: { from: 0, to: 41200, prefix: "$", separator: "," } }
-];
-var cues = [
-  { layer: "Hook", preset: "typewriter", at: 0, params: { duration: 900 } },
-  { layer: "Docket", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Cast light", preset: "fade-in", at: 200, params: { duration: 1400 } },
-  { layer: "Window", preset: "fade-in", at: beat(1), params: { duration: 1100 } },
-  { layer: "Ledger", preset: "rise-in", at: beat(4), params: { duration: 700 } },
-  { layer: "Recovered", preset: "fade-in", at: beat(8), params: { duration: 500 } },
-  { layer: "Stamp", preset: "pop-in", at: beat(12), params: { duration: 320, amount: 0.5 } },
-  { layer: "Window", preset: "shake", at: beat(12) + 120, params: { duration: 420, distance: 14 } },
-  { layer: "Call", preset: "rise-in", at: beat(14), params: { duration: 600 } },
-  { layer: "Site", preset: "fade-in", at: beat(15), params: { duration: 600 } },
-  { layer: "Call", preset: "pulse", at: beat(16), params: { duration: 700, amount: 0.05 } }
-];
-var noir_case_reel_default = defineTemplate({
-  id: "motion-noir-case-reel",
-  meta: {
-    name: "Noir case reel",
-    description: "A 12-second launch reel as a film-noir case: the missing money is typed on in the first second, a rainy office window with a man in a hat comes out of the dark behind venetian blinds, a hard-boiled voice-over runs as burned-in captions, the recovered figure counts up and CASE CLOSED is stamped across the glass, over brushes, a walking bass and a muted trumpet (made by PopCraft, CC0) \u2014 9:16 with 1:1 and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "noir", "film noir", "detective", "venetian blinds", "rain", "black and white", "launch", "saas", "reel", "captions", "music", "jazz", "audio", "typewriter"],
-    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["launch", "announcement", "stats"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit("Noir case reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    noirBrand(k, { hook: "$41,200 walked out last\xA0month." });
-    k.textStyle("Docket 22", { ...MONO, size: 22, fontWeight: 700, letterSpacing: 3, lineHeight: 28, textCase: "UPPER" });
-    k.textStyle("Display 92", { ...SERIF, size: 92, fontWeight: 900, letterSpacing: -2.6, lineHeight: 94 });
-    k.textStyle("Display 68", { ...SERIF, size: 68, fontWeight: 900, letterSpacing: -1.8, lineHeight: 70 });
-    k.textStyle("Caption 40", { ...SERIF, size: 40, fontStyle: "italic", fontWeight: 500, lineHeight: 50 });
-    k.textStyle("Caption 30", { ...SERIF, size: 30, fontStyle: "italic", fontWeight: 500, lineHeight: 38 });
-    k.textStyle("Figure 104", { ...MONO, size: 104, fontWeight: 800, letterSpacing: -4, lineHeight: 104 });
-    k.textStyle("Figure 76", { ...MONO, size: 76, fontWeight: 800, letterSpacing: -3, lineHeight: 76 });
-    k.textStyle("Stamp 54", { size: 54, fontWeight: 900, letterSpacing: 4, lineHeight: 58, textCase: "UPPER" });
-    k.textStyle("Button 30", { size: 30, fontWeight: 800, lineHeight: 38 });
-    k.textStyle("Site 24", { ...MONO, size: 24, fontWeight: 600, lineHeight: 32 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 30", label: "Open your first case", pad: [20, 34], radius: 4 });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Case reel");
-    k.flowSheet(sheet, 30, verticalPadding(), "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
-    castLight(k, sheet, 1080, 1920, { bars: 11, opacity: 0.075 });
-    rain(k, sheet, 1080, 1920, { color: "text", opacity: 0.07, rate: 640, seed: 41, count: 26, len: 52, name: "Room rain" });
-    const ledger = k.stack(sheet, { width: 760, gap: 16, fill: "card", radius: 2, padding: { top: 26, right: 30, bottom: 30, left: 30 }, absolute: { x: 96, y: 1552 }, name: "Ledger" });
-    k.rect(ledger, 300, 14, "onCard", { name: "Ledger head" });
-    k.rect(ledger, "FILL", 2, "onCard", { name: "Ledger rule" });
-    for (const [label, value, ringed] of [[230, 120, false], [270, 60, false], [140, 30, false], [190, 130, true]]) {
-      const line = k.stack(ledger, { direction: "HORIZONTAL", gap: 0, align: "CENTER", name: "Ledger line" });
-      const lab = k.stack(line, { width: 330, name: "Ledger label" });
-      k.rect(lab, label, 10, "onCard", { name: "Typed bar", opacity: 0.7 });
-      k.rect(line, value, 10, ringed ? "primary" : "onCard", { name: "Typed bar", opacity: ringed ? 1 : 0.7 });
-    }
-    k.patch(ledger, { rotation: -3 });
-    const docket = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Docket" });
-    k.text(docket, "Case no. 0417", { style: "Docket 22", color: "onPaper", autoWidth: true, name: "Docket case" });
-    k.text(docket, "{{brand.name}} \xB7 2:14 a.m.", { style: "Docket 22", color: "onPaper", autoWidth: true, name: "Docket hour" });
-    k.text(sheet, "{{brand.hook}}", { style: "Display 92", color: "text", name: "Hook" });
-    const w = k.node(sheet).width - 2 * verticalPadding().left;
-    const win = blindsWindow(k, sheet, w, 540, { rate: 480, slats: 13 });
-    stamp(k, win, "Case closed", { style: "Stamp 54", solid: true, turn: -7, absolute: { x: 40, y: 250 } });
-    k.text(sheet, swaps[0].words[0], { style: "Caption 40", color: "text", name: "Caption" });
-    const found = k.stack(sheet, { gap: 6, name: "Recovered" });
-    k.text(found, "Recovered in 11 days", { style: "Docket 22", color: "onPaper", name: "Figure label" });
-    k.text(found, "$41,200", { style: "Figure 104", color: "text", name: "Figure" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, align: "CENTER", name: "Foot" });
-    k.instance(foot, "Button", { Label: "Open your first case" }, { name: "Call" });
-    k.text(foot, "{{brand.site}}", { style: "Site 24", color: "onPaper", autoWidth: true, name: "Site" });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    const refit = (kit, id, width, height, stampAt) => {
-      fitWindow(kit, id, width, height, { slats: Math.round(height / 42) });
-      for (const st of kit.named(id, "Stamp")) kit.patch(st, stampAt);
-      fitCastLight(kit, id, { bars: 11 });
-      fitRain(kit, id, { name: "Room rain", seed: 41, count: 26, len: 52 });
-    };
-    k.variants(sheet, feedVariants({ post: 56, portrait: 64 }, {
-      post: (kit, id) => {
-        hide(kit, id, ["Ledger"]);
-        kit.patch(id, { itemSpacing: 18, counterAxisSpacing: 18 });
-        for (const h of kit.named(id, "Hook")) kit.restyle(h, "Display 68");
-        for (const c of kit.named(id, "Caption")) kit.restyle(c, "Caption 30");
-        for (const f of kit.named(id, "Figure")) kit.restyle(f, "Figure 76");
-        refit(kit, id, 968, 430, { x: 40, y: 190 });
-      },
-      portrait: (kit, id) => {
-        hide(kit, id, ["Ledger"]);
-        for (const h of kit.named(id, "Hook")) kit.restyle(h, "Display 68");
-        refit(kit, id, 952, 520, { x: 40, y: 240 });
-      }
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  noir_case_reel_default
-};

package/dist/chunks/chunk-TDL7YX3S.js

@@ -1,290 +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 {
-  repeats,
-  route,
-  visitorCollection
-} from "./chunk-4FRZC66Z.js";
-import {
-  ART,
-  art
-} from "./chunk-24NAWTFQ.js";
-import {
-  webResponsive
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_scene_graph,
-  removeNode
-} from "./chunk-IM6WH7GK.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/web/portfolio-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_scene_graph();
-var PORTFOLIO_CUES = [
-  { layer: "Top bar", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Lead", preset: "rise-in", at: 120, params: { duration: 640 } },
-  { layer: "Art", preset: "fade-in", at: 260, params: { duration: 800 } },
-  { layer: "Body", preset: "rise-in", at: 380, params: { duration: 640 } }
-];
-function portfolioSite(k, o) {
-  const col = visitorCollection(k, "Projects", [
-    { name: "Title", type: "TEXT" },
-    { name: "Client", type: "TEXT" },
-    { name: "Year", type: "TEXT" },
-    { name: "Kind", type: "TEXT" },
-    { name: "Summary", type: "TEXT" },
-    { name: "Story", type: "TEXT" },
-    { name: "Credits", type: "TEXT" },
-    { name: "Cover", type: "MEDIA" }
-  ], o.projects.map((p) => ({ Title: p.title, Client: p.client, Year: p.year, Kind: p.kind, Summary: p.summary, Story: p.story, Credits: p.credits, Cover: art(p.cover) })), { perVisitor: false });
-  const screen = (id, name, path, title, extra = {}) => {
-    k.nameSheet(id, name);
-    k.flowSheet(id, 0, 0, o.paper ?? "paper");
-    k.patch(id, { layoutSizingVertical: "HUG", minHeight: 1024, clipsContent: true });
-    route(k, id, path, { title });
-    k.patch(id, { route: { ...k.node(id).route, ...extra } });
-    k.timeline(id, { duration: 4e3, fps: 30 });
-    return id;
-  };
-  const work = screen(k.sheet, "Work", "/", `${o.name} \u2014 selected work`);
-  const project = screen(k.addScreen("Project"), "Project", "/work", `{{item.title}} \u2014 ${o.name}`, { collectionId: col.id, description: "{{item.summary}}" });
-  const studio = screen(k.addScreen("Studio"), "Studio", o.studioPath ?? "/studio", `Studio \u2014 ${o.name}`);
-  return { k, projects: col.id, screens: { work, project, studio }, go: o.go ?? "DISSOLVE", back: o.back ?? "DISSOLVE" };
-}
-function cover(s, parent, first, w, _h, o = {}) {
-  const id = s.k.contentImage(parent, art(first), w, { name: o.name ?? "Cover", ...o });
-  s.k.bindExpression(id, "imageUrl", "item_cover");
-  return id;
-}
-function eachProject(s, frame, limit) {
-  repeats(s.k, frame, s.projects, limit ? { limit } : {});
-}
-function toProject(s, from) {
-  s.k.link(from, s.screens.project, s.go);
-}
-function toScreen(s, from, to) {
-  s.k.link(from, s.screens[to], to === "work" ? s.back : s.go);
-}
-function finishSite(s, r = {}) {
-  const { k } = s;
-  for (const [name, id] of Object.entries(s.screens)) {
-    k.cues(id, PORTFOLIO_CUES);
-    const copies = webResponsive(k, id, r[name] ?? r.all ?? {});
-    for (const c of copies) k.doc = removeNode(k.doc, c);
-  }
-  k.flowStart(s.screens.work, "Portfolio");
-}
-var artSize = (id) => ({ width: ART[id].width, height: ART[id].height });
-var portfolioKit = (name) => new Kit(name, preset("web-desktop"));
-function bar(s, parent, o) {
-  const { k } = s;
-  const [v, h] = o.pad ?? [24, 48];
-  const row = k.stack(parent, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", padding: { top: v, right: h, bottom: v, left: h }, ...o.fill ? { fill: o.fill } : {}, name: "Top bar" });
-  toScreen(s, k.text(row, "{{brand.name}}", { style: o.wordmark, color: o.text ?? "text", autoWidth: true, name: "Wordmark" }), "work");
-  const links = k.stack(row, { direction: "HORIZONTAL", width: "HUG", gap: 28, align: "CENTER", name: "Links" });
-  for (const [to, label] of o.links ?? [["work", "Work"], ["studio", "About"]]) toScreen(s, k.text(links, label, { style: o.type.small, color: o.text ?? "text", autoWidth: true, name: "Link" }), to);
-  k.patch(k.text(links, "{{brand.email}}", { style: o.type.small, color: o.muted ?? "onPaper", autoWidth: true, name: "Email link" }), { semantics: { link: { kind: "email", value: "{{brand.email}}" } } });
-  return row;
-}
-function captionGrid(s, parent, o) {
-  const { k } = s;
-  if (o.rows) return rowList(s, parent, o);
-  const grid = k.stack(parent, { gap: o.gap, width: "FILL", name: o.name ?? "Grid" });
-  k.patch(grid, { layoutMode: "GRID", layoutGridColumns: o.cols, counterAxisSpacing: o.gap });
-  eachProject(s, grid, o.limit);
-  const w = Math.floor((o.width - o.gap * (o.cols - 1)) / o.cols);
-  const pad = o.card?.pad ?? 0;
-  const card = k.stack(grid, { gap: o.captionGap ?? 14, width: w, ...o.center ? { align: "CENTER" } : {}, padding: pad, ...o.card?.fill ? { fill: o.card.fill } : {}, ...o.card?.radius ? { radius: o.card.radius } : {}, ...o.card?.stroke ? { stroke: { color: o.card.stroke, width: 1 } } : {}, name: "Card" });
-  k.patch(card, { layoutSizingHorizontal: "FILL" });
-  k.patch(cover(s, card, "studio-00", w - pad * 2, Math.round((w - pad * 2) * o.ratio), { name: "Card cover", radius: o.radius ?? 0 }), { layoutSizingHorizontal: "FILL" });
-  const words = k.stack(card, { gap: 4, ...o.center ? { align: "CENTER" } : {}, name: "Card words" });
-  const onCard = o.card?.fill ? "onCard" : o.text ?? "text", cardMuted = o.card?.fill ? "cardMuted" : o.muted ?? "onPaper";
-  k.text(words, "{{item.title}}", { style: o.type.title, color: onCard, width: "FILL", ...o.center ? { align: "CENTER" } : {}, name: "Card title" });
-  k.text(words, o.meta ?? "{{item.kind}} \xB7 {{item.year}}", { style: o.type.meta, color: cardMuted, width: "FILL", ...o.center ? { align: "CENTER" } : {}, name: "Card meta" });
-  toProject(s, card);
-  return { grid, card, cardWidth: w };
-}
-function rowList(s, parent, o) {
-  const { k } = s;
-  const grid = k.stack(parent, { gap: 0, width: "FILL", name: o.name ?? "Grid" });
-  eachProject(s, grid, o.limit);
-  const card = k.stack(grid, { gap: 0, width: "FILL", name: "Card" });
-  k.patch(k.rect(card, 100, 1, "line", { name: "Rule" }), { layoutSizingHorizontal: "FILL" });
-  const row = k.stack(card, { direction: "HORIZONTAL", gap: 32, align: "CENTER", width: "FILL", padding: { top: 20, right: 0, bottom: 20, left: 0 }, name: "Row" });
-  const words = k.stack(row, { gap: 6, name: "Card words" });
-  k.patch(words, { layoutSizingHorizontal: "FILL" });
-  k.text(words, "{{item.title}}", { style: o.type.title, color: o.text ?? "text", width: "FILL", name: "Card title" });
-  k.text(words, o.meta ?? "{{item.kind}} \xB7 {{item.year}}", { style: o.type.meta, color: o.muted ?? "onPaper", width: "FILL", name: "Card meta" });
-  cover(s, row, "studio-00", o.rows.thumb, Math.round(o.rows.thumb * o.ratio), { name: "Card thumb" });
-  toProject(s, card);
-  return { grid, card, cardWidth: o.width };
-}
-function fitGrid(k, root, o) {
-  const w = Math.floor((o.width - o.gap * (o.cols - 1)) / o.cols), pad = o.pad ?? 0;
-  for (const g of k.named(root, o.name ?? "Grid")) {
-    if (k.node(g).layoutMode === "GRID") k.patch(g, { layoutGridColumns: o.cols, itemSpacing: o.gap, counterAxisSpacing: o.gap });
-    for (const c of k.node(g).childIds) for (const p of k.named(c, "Card cover")) if (!k.node(p).aspectRatio) k.patch(p, { height: Math.round((w - pad * 2) * o.ratio) });
-  }
-}
-function projectPage(s, o) {
-  const { k } = s;
-  const page = s.screens.project;
-  const text = o.text ?? "text", muted = o.muted ?? "onPaper";
-  const inner = o.width - o.side * 2;
-  const head = k.stack(page, { gap: 12, ...o.center ? { align: "CENTER" } : {}, padding: { top: 64, right: o.side, bottom: 40, left: o.side }, name: "Lead" });
-  if (o.kicker) k.text(head, o.kicker, { style: o.type.small, color: muted, width: "FILL", ...o.center ? { align: "CENTER" } : {}, name: "Kicker" });
-  k.text(head, "{{item.title}}", { style: o.type.display, color: text, width: "FILL", ...o.center ? { align: "CENTER" } : {}, name: "Project title" });
-  k.text(head, "{{item.client}} \u2014 {{item.kind}}, {{item.year}}", { style: o.type.meta, color: muted, width: "FILL", ...o.center ? { align: "CENTER" } : {}, name: "Project meta" });
-  if (o.split) {
-    const row = k.stack(page, { direction: "HORIZONTAL", gap: 56, align: "MIN", padding: { top: 0, right: o.side, bottom: 0, left: o.side }, name: "Art" });
-    const pw = Math.round(inner * 0.62);
-    cover(s, row, "studio-00", pw, Math.round(pw * o.ratio), { name: "Project picture", radius: o.radius ?? 0 });
-    const words = k.stack(row, { gap: 20, name: "Words" });
-    k.text(words, "{{item.summary}}", { style: o.type.lead ?? o.type.title, color: text, width: "FILL", name: "Summary" });
-    k.text(words, "{{item.story}}", { style: o.type.body, color: text, width: "FILL", name: "Story" });
-    k.text(words, "{{item.credits}}", { style: o.type.meta, color: muted, width: "FILL", name: "Credits" });
-  } else {
-    const art2 = k.stack(page, { align: "CENTER", padding: { top: 0, right: o.side, bottom: 0, left: o.side }, name: "Art" });
-    k.patch(cover(s, art2, "studio-00", inner, Math.round(inner * o.ratio), { name: "Project picture", radius: o.radius ?? 0 }), { layoutSizingHorizontal: "FILL" });
-    const words = k.stack(page, { gap: 18, ...o.center ? { align: "CENTER" } : {}, padding: { top: 48, right: o.side, bottom: 0, left: o.side }, name: "Words" });
-    k.text(words, "{{item.summary}}", { style: o.type.lead ?? o.type.title, color: text, width: Math.min(inner, 820), ...o.center ? { align: "CENTER" } : {}, name: "Summary" });
-    k.text(words, "{{item.story}}", { style: o.type.body, color: text, width: Math.min(inner, 820), ...o.center ? { align: "CENTER" } : {}, name: "Story" });
-    k.text(words, "{{item.credits}}", { style: o.type.meta, color: muted, width: Math.min(inner, 820), ...o.center ? { align: "CENTER" } : {}, name: "Credits" });
-  }
-  if (o.more) {
-    const more = k.stack(page, { gap: 20, padding: { top: 72, right: o.side, bottom: 0, left: o.side }, name: "Body" });
-    k.text(more, o.more.label, { style: o.type.small, color: muted, width: "FILL", name: "More title" });
-    captionGrid(s, more, { cols: o.more.cols, width: inner, gap: o.more.gap, ratio: o.more.ratio, radius: o.radius, type: { ...o.type, title: o.type.card ?? o.type.title }, text, muted, limit: o.more.cols, name: "More grid" });
-  }
-}
-function studioPage(s, o) {
-  const { k } = s;
-  const page = s.screens.studio;
-  const text = o.text ?? "text", muted = o.muted ?? "onPaper", inner = o.width - o.side * 2;
-  const lead = k.stack(page, { gap: 24, ...o.center ? { align: "CENTER" } : {}, padding: { top: 88, right: o.side, bottom: 56, left: o.side }, name: "Lead" });
-  k.text(lead, o.statement, { style: o.type.display, color: text, width: Math.min(inner, 1e3), ...o.center ? { align: "CENTER" } : {}, name: "Statement" });
-  k.text(lead, o.about, { style: o.type.body, color: text, width: Math.min(inner, 760), ...o.center ? { align: "CENTER" } : {}, name: "About" });
-  const art2 = k.stack(page, { align: "CENTER", padding: { top: 0, right: o.side, bottom: 0, left: o.side }, name: "Art" });
-  k.patch(k.contentImage(art2, art_(o.picture), inner, { name: "Studio picture", radius: o.radius ?? 0 }), { layoutSizingHorizontal: "FILL" });
-  const body = k.stack(page, { direction: "HORIZONTAL", gap: 56, padding: { top: 64, right: o.side, bottom: 0, left: o.side }, name: "Body" });
-  const col = (title) => {
-    const c = k.stack(body, { gap: 12, name: "Column" });
-    k.text(c, title, { style: o.type.small, color: muted, width: "FILL", name: "Column title" });
-    return c;
-  };
-  const offer = col("What we do");
-  for (const line of o.services) k.text(offer, line, { style: o.type.body, color: text, width: "FILL", name: "Service" });
-  k.text(col("Clients"), o.clients, { style: o.type.body, color: text, width: "FILL", name: "Clients" });
-  const write = col("Contact");
-  k.text(write, o.contact, { style: o.type.body, color: text, width: "FILL", name: "Contact" });
-  k.patch(k.text(write, "{{brand.email}}", { style: o.type.lead ?? o.type.title, color: text, width: "FILL", name: "Email" }), { semantics: { link: { kind: "email", value: "{{brand.email}}" } } });
-}
-var art_ = (id) => art(id);
-function foot(s, parent, o) {
-  const { k } = s;
-  if (!k.hasComponent("Footer")) k.component("Footer", { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", width: 1440 - o.side * 2, gap: 16 }, (id) => {
-    k.text(id, "\xA9 2026 {{brand.name}}", { style: o.type.small, color: o.muted ?? "onPaper", autoWidth: true, name: "Copyright" });
-    k.text(id, o.elsewhere, { style: o.type.small, color: o.muted ?? "onPaper", autoWidth: true, name: "Elsewhere" });
-  });
-  const row = k.stack(parent, { padding: { top: 64, right: o.side, bottom: 40, left: o.side }, name: "Footer" });
-  k.patch(k.instance(row, "Footer", {}, { name: "Footer line" }), { layoutSizingHorizontal: "FILL" });
-}
-function commonReflow(o) {
-  return {
-    restyle: o.restyle,
-    stack: ["Body", ...o.split ? ["Art"] : []],
-    stackMobile: ["Top bar", "Footer"],
-    tweak: (k, id, size) => {
-      if (size === "desktop") return;
-      const w = k.node(id).width;
-      const side = size === "laptop" ? Math.round(o.desktopSide * 0.66) : size === "tablet" ? 48 : 20;
-      k.patch(id, { padding: { top: 0, right: 0, bottom: 0, left: 0 } });
-      const walk = (n) => {
-        const f = k.node(n);
-        if (f.type === "FRAME" && f.padding && f.padding.left === o.desktopSide) k.patch(n, { padding: { ...f.padding, left: side, right: side } });
-        if (f.type === "FRAME" && f.padding && f.padding.left === 48 && size === "mobile") k.patch(n, { padding: { ...f.padding, left: 20, right: 20 } });
-        for (const c of f.childIds ?? []) walk(c);
-      };
-      walk(id);
-      const inner = w - side * 2;
-      fitGrid(k, id, { cols: o.cols[size] ?? 1, width: inner, gap: size === "mobile" ? Math.min(o.gap, 16) : o.gap, ratio: o.ratio, pad: o.cardPad });
-      if (o.moreCols) fitGrid(k, id, { cols: size === "mobile" ? 2 : o.moreCols, width: inner, gap: 16, ratio: o.moreRatio ?? o.ratio, name: "More grid" });
-      const pic = o.split && size !== "tablet" && size !== "mobile" ? Math.round(inner * 0.62) : inner;
-      for (const p of k.named(id, "Project picture")) k.patch(p, { height: Math.round(pic * o.pictureRatio) });
-      for (const p of k.named(id, "Studio picture")) k.patch(p, { height: Math.round(inner * (o.studioRatio ?? 0.45)) });
-      if (size !== "laptop") for (const name of ["Statement", "About", "Summary", "Story", "Credits"]) for (const t of k.named(id, name)) k.patch(t, { layoutSizingHorizontal: "FILL" });
-      if (size === "mobile") for (const l of k.named(id, "Links")) k.patch(l, { itemSpacing: 16 });
-      if (size === "mobile") for (const e of k.named(id, "Email link")) k.patch(e, { visible: false });
-      o.extra?.(k, id, size, side, w);
-    }
-  };
-}
-function standardPortfolio(c) {
-  const k = portfolioKit(c.name);
-  k.brand(c.brand, c.fields);
-  for (const [name, spec] of Object.entries(c.styles)) k.textStyle(name, spec);
-  const s = portfolioSite(k, { name: c.fields.name, projects: c.projects, go: c.go, back: c.back });
-  const W = 1440, SIDE = c.side ?? 96;
-  for (const page of Object.values(s.screens)) bar(s, page, { type: c.type, wordmark: c.type.wordmark, links: c.links, pad: [28, SIDE] });
-  const work = s.screens.work;
-  const lead = k.stack(work, { gap: 20, ...c.lead.center ? { align: "CENTER" } : {}, padding: { top: 72, right: SIDE, bottom: 64, left: SIDE }, name: "Lead" });
-  if (c.lead.kicker) k.text(lead, c.lead.kicker, { style: c.type.small, color: "onPaper", width: "FILL", ...c.lead.center ? { align: "CENTER" } : {}, name: "Kicker" });
-  k.text(lead, c.lead.headline, { style: c.type.display, color: "text", width: c.lead.width ?? 980, ...c.lead.center ? { align: "CENTER" } : {}, name: "Headline" });
-  k.text(lead, c.lead.intro, { style: c.type.body, color: "onPaper", width: 640, ...c.lead.center ? { align: "CENTER" } : {}, name: "Intro" });
-  const art2 = k.stack(work, { padding: { top: 0, right: SIDE, bottom: 0, left: SIDE }, name: "Art" });
-  captionGrid(s, art2, { cols: c.grid.cols, width: W - SIDE * 2, gap: c.grid.gap, ratio: c.grid.ratio, rows: c.grid.rows, radius: c.grid.radius, type: c.type, card: c.grid.card, meta: c.grid.meta, center: c.grid.center });
-  foot(s, work, { type: c.type, side: SIDE, elsewhere: c.elsewhere });
-  k.patch(k.named(work, "Footer")[0], { name: "Body" });
-  projectPage(s, { type: c.type, width: W, side: SIDE, ratio: c.project.ratio, radius: c.grid.radius, split: c.project.split, center: c.project.center, kicker: c.project.kicker, more: { cols: c.project.more.cols, gap: Math.min(c.grid.gap, 24), ratio: c.project.more.ratio, label: c.project.more.label } });
-  foot(s, s.screens.project, { type: c.type, side: SIDE, elsewhere: c.elsewhere });
-  studioPage(s, { ...c.studio, type: { ...c.type, display: c.type.displaySmall }, width: W, side: SIDE, radius: c.grid.radius });
-  foot(s, s.screens.studio, { type: c.type, side: SIDE, elsewhere: c.elsewhere });
-  finishSite(s, {
-    all: commonReflow({
-      desktopSide: SIDE,
-      ratio: c.grid.ratio,
-      gap: c.grid.gap,
-      cols: { laptop: c.grid.cols, tablet: c.grid.tablet ?? 2, mobile: c.grid.mobile ?? 1 },
-      moreCols: c.project.more.cols,
-      moreRatio: c.project.more.ratio,
-      cardPad: c.grid.card?.pad,
-      split: c.project.split,
-      pictureRatio: c.project.ratio,
-      studioRatio: c.studio.ratio,
-      restyle: { [c.type.display]: { laptop: c.type.displaySmall, tablet: c.type.displaySmall, mobile: c.type.displaySmall } },
-      extra: c.extra
-    })
-  });
-  return k.finish();
-}
-
-export {
-  PORTFOLIO_CUES,
-  portfolioSite,
-  cover,
-  eachProject,
-  toProject,
-  toScreen,
-  finishSite,
-  artSize,
-  portfolioKit,
-  bar,
-  captionGrid,
-  fitGrid,
-  projectPage,
-  studioPage,
-  foot,
-  commonReflow,
-  standardPortfolio
-};