@popcraft/kit 0.24.2 → 0.25.0

package/dist/chunks/chunk-OESYC5DM.js

@@ -1,564 +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 {
-  storeOpsSeam
-} from "./chunk-5JFDKTA6.js";
-import {
-  DEFAULT_AUDIENCE_RESOLUTION,
-  atResolution,
-  captureSize,
-  formatResolution,
-  outerSizeFor,
-  parseResolution,
-  sameResolution,
-  surfaceSize,
-  windowCssSize
-} from "./chunk-4UQLA7H3.js";
-import {
-  notice
-} from "./chunk-SQZWARQY.js";
-import {
-  agentContext
-} from "./chunk-JAPHT7XO.js";
-import {
-  collabSession,
-  syncStatus
-} from "./chunk-HRD6YRTR.js";
-import {
-  loadEntitlements
-} from "./chunk-II5UZKJ5.js";
-import {
-  cloudApi
-} from "./chunk-B3Y5M33J.js";
-import {
-  isDesktop
-} from "./chunk-RVU4WKRT.js";
-import {
-  useEditorStore
-} from "./chunk-V7ASKTCN.js";
-import {
-  plansEnabled
-} from "./chunk-ZTNA7M3C.js";
-import {
-  getActiveRenderer
-} from "./chunk-ILG7UWXL.js";
-import {
-  INSTANT,
-  listSlides
-} from "./chunk-GFVGMGY5.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// lib/agent/editor-seams.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-
-// lib/agent/edit-guard.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var canEditAsRole = (role) => !role || role === "owner" || role === "editor";
-function editBlockReasonFor(state) {
-  if (state.versionHistory) {
-    return "this document is open as a version-history preview, which is read-only. Close the preview (or restore that version) before editing.";
-  }
-  if (!canEditAsRole(state.role)) {
-    return `you are in this file as a ${state.role}, which cannot change it. Ask the owner for edit access, or duplicate the file.`;
-  }
-  return null;
-}
-
-// lib/slides/show.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-
-// lib/slides/show-link.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var PRESENTER_PATH = "/presenter";
-
-// lib/slides/audience/audience-window.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-
-// lib/engine/video-texture.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-
-// lib/engine/video-sync.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-
-// lib/engine/video-texture.ts
-var mediaDocument = null;
-var managers = /* @__PURE__ */ new Set();
-function setMediaDocument(doc) {
-  mediaDocument = doc;
-  for (const m of managers) m.adoptInto(doc ?? document);
-}
-
-// lib/motion/audio-playback.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var ctx = null;
-var buses = /* @__PURE__ */ new WeakMap();
-var outputDoc = null;
-var bridge = null;
-function route() {
-  const c = ctx;
-  if (!c) return;
-  const doc = outputDoc && outputDoc.defaultView && !outputDoc.defaultView.closed ? outputDoc : null;
-  if (bridge && bridge.doc !== doc) {
-    bridge.retry?.();
-    try {
-      bridge.el.pause();
-      bridge.el.srcObject = null;
-      bridge.el.remove();
-    } catch {
-    }
-    bridge.node.disconnect();
-    bridge = null;
-  }
-  if (doc && !bridge && typeof c.createMediaStreamDestination === "function") {
-    const node = c.createMediaStreamDestination();
-    const el = doc.createElement("audio");
-    el.autoplay = true;
-    el.srcObject = node.stream;
-    doc.body?.appendChild(el);
-    bridge = { doc, el, node, live: false, retry: null };
-    const b = bridge;
-    const toWindow = () => {
-      if (bridge === b) {
-        b.live = true;
-        plug(c);
-      }
-    };
-    const play = () => el.play().then(toWindow);
-    void play().catch(() => {
-      const again = () => {
-        void play().catch(() => {
-        });
-        cleanup();
-      };
-      const cleanup = () => {
-        doc.removeEventListener("pointerdown", again);
-        doc.removeEventListener("keydown", again);
-      };
-      doc.addEventListener("pointerdown", again);
-      doc.addEventListener("keydown", again);
-      b.retry = cleanup;
-    });
-  }
-  plug(c);
-}
-function plug(c) {
-  const bus = buses.get(c);
-  if (!bus) return;
-  bus.disconnect();
-  bus.connect(bridge?.live ? bridge.node : c.destination);
-}
-function setAudioOutputDocument(doc) {
-  outputDoc = doc;
-  route();
-}
-
-// lib/slides/audience/audience-window.ts
-var CLOSED = { open: false, resolution: null, surface: { width: 0, height: 0 }, capture: { width: 0, height: 0 }, atResolution: true };
-var status = CLOSED;
-var listeners = /* @__PURE__ */ new Set();
-var emit = (next) => {
-  status = next;
-  for (const l of listeners) l();
-};
-var audienceStatus = () => status;
-var AUDIENCE_MESSAGES = {
-  desktop: "Presenting in a separate window is not available in the desktop app yet. Use PopCraft in Chrome or Edge to share a window, or present fullscreen.",
-  blocked: "The browser blocked the audience window. Allow pop-ups for this site (the icon at the end of the address bar), then try again.",
-  unsupported: "This browser cannot draw the show into a second window. Use Chrome or Edge to present in a window, or present fullscreen."
-};
-var audienceAvailable = () => typeof window !== "undefined" && typeof navigator !== "undefined" && !!navigator.gpu && !isDesktop();
-var session = null;
-var NAME = "popcraft-audience";
-var CANVAS_USAGE = () => GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC | GPUTextureUsage.COPY_DST;
-function openAudienceWindow(resolution, hooks) {
-  if (isDesktop()) return { ok: false, reason: "desktop", message: AUDIENCE_MESSAGES.desktop };
-  const device = getActiveRenderer()?.getDevice();
-  if (!device || typeof navigator === "undefined" || !navigator.gpu) return { ok: false, reason: "unsupported", message: AUDIENCE_MESSAGES.unsupported };
-  if (session && !session.win.closed) {
-    session.hooks = hooks;
-    setAudienceResolution(resolution);
-    session.win.focus();
-    return { ok: true };
-  }
-  const css = windowCssSize(resolution, window.devicePixelRatio || 1);
-  const left = Math.round((window.screenX ?? 0) + 48), top = Math.round((window.screenY ?? 0) + 48);
-  let win = null;
-  try {
-    win = window.open("", NAME, `popup=yes,width=${css.width},height=${css.height},left=${left},top=${top}`);
-  } catch {
-    win = null;
-  }
-  if (!win) return { ok: false, reason: "blocked", message: AUDIENCE_MESSAGES.blocked };
-  const built = build(win, device, resolution, hooks);
-  if (!built) {
-    try {
-      win.close();
-    } catch {
-    }
-    return { ok: false, reason: "unsupported", message: AUDIENCE_MESSAGES.unsupported };
-  }
-  session = built;
-  setMediaDocument(built.doc);
-  setAudioOutputDocument(built.doc);
-  window.addEventListener("pagehide", closeAudienceWindow);
-  refresh();
-  return { ok: true };
-}
-function build(win, device, resolution, hooks) {
-  let doc;
-  try {
-    doc = win.document;
-  } catch {
-    return null;
-  }
-  doc.title = hooks.title;
-  const root = doc.documentElement;
-  root.style.cssText = "margin:0;height:100%;background:black;color-scheme:dark";
-  doc.body.replaceChildren();
-  doc.body.style.cssText = "margin:0;height:100%;overflow:hidden;background:black;cursor:none";
-  const canvas = doc.createElement("canvas");
-  canvas.setAttribute("aria-label", hooks.title);
-  canvas.style.cssText = "position:fixed;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:black";
-  doc.body.appendChild(canvas);
-  let context = null;
-  try {
-    context = canvas.getContext("webgpu");
-    context?.configure({ device, format: navigator.gpu.getPreferredCanvasFormat(), alphaMode: "opaque", usage: CANVAS_USAGE() });
-    context?.getCurrentTexture();
-  } catch {
-    context = null;
-  }
-  if (!context) return null;
-  const off = [];
-  const on = (type, fn) => {
-    win.addEventListener(type, fn);
-    off.push(() => {
-      try {
-        win.removeEventListener(type, fn);
-      } catch {
-      }
-    });
-  };
-  on("keydown", (e) => hooks.onKey(e));
-  on("resize", () => refresh());
-  on("dblclick", () => {
-    const d = win.document;
-    if (d.fullscreenElement) void d.exitFullscreen().catch(() => {
-    });
-    else void d.documentElement.requestFullscreen?.().catch(() => {
-    });
-  });
-  on("pagehide", () => setTimeout(watch, 0));
-  const poll = setInterval(watch, 500);
-  return { win, doc, canvas, context, resolution, hooks, corrections: resolution.kind === "fixed" ? 3 : 0, off, poll };
-}
-function watch() {
-  const s = session;
-  if (!s) return;
-  let doc = null;
-  try {
-    doc = s.win.closed ? null : s.win.document;
-  } catch {
-    doc = null;
-  }
-  if (!doc) {
-    const { onClosed } = s.hooks;
-    teardown();
-    onClosed();
-    return;
-  }
-  if (doc !== s.doc) {
-    const device = getActiveRenderer()?.getDevice();
-    const rebuilt = device ? build(s.win, device, s.resolution, s.hooks) : null;
-    for (const f of s.off) f();
-    clearInterval(s.poll);
-    if (!rebuilt) {
-      const { onClosed } = s.hooks;
-      teardown();
-      onClosed();
-      return;
-    }
-    session = rebuilt;
-    setMediaDocument(rebuilt.doc);
-  }
-  refresh();
-}
-function refresh() {
-  const s = session;
-  if (!s) return;
-  const win = s.win;
-  let inner, dpr;
-  try {
-    inner = { width: win.innerWidth, height: win.innerHeight };
-    dpr = win.devicePixelRatio || 1;
-  } catch {
-    return;
-  }
-  if (s.resolution.kind === "fixed" && s.corrections > 0 && inner.width > 0) {
-    const want = windowCssSize(s.resolution, dpr);
-    if (Math.abs(want.width - inner.width) > 1 || Math.abs(want.height - inner.height) > 1) {
-      s.corrections--;
-      try {
-        const o = outerSizeFor(want, inner, { width: win.outerWidth, height: win.outerHeight });
-        win.resizeTo(o.width, o.height);
-      } catch {
-      }
-    } else s.corrections = 0;
-  }
-  const surface = surfaceSize(s.resolution, inner, dpr);
-  if (s.canvas.width !== surface.width) s.canvas.width = surface.width;
-  if (s.canvas.height !== surface.height) s.canvas.height = surface.height;
-  const capture = captureSize(inner, dpr);
-  const next = { open: true, resolution: s.resolution, surface, capture, atResolution: atResolution(s.resolution, capture) };
-  const cur = status;
-  if (cur.open && cur.resolution && sameResolution(cur.resolution, s.resolution) && cur.atResolution === next.atResolution && cur.surface.width === surface.width && cur.surface.height === surface.height && cur.capture.width === capture.width && cur.capture.height === capture.height) return;
-  emit(next);
-}
-function setAudienceResolution(resolution) {
-  const s = session;
-  if (!s) return;
-  s.resolution = resolution;
-  s.corrections = resolution.kind === "fixed" ? 3 : 0;
-  refresh();
-}
-function teardown() {
-  const s = session;
-  if (!s) return;
-  session = null;
-  window.removeEventListener("pagehide", closeAudienceWindow);
-  setMediaDocument(null);
-  setAudioOutputDocument(null);
-  for (const f of s.off) f();
-  clearInterval(s.poll);
-  try {
-    s.context.unconfigure();
-  } catch {
-  }
-  getActiveRenderer()?.releaseMirror("audience");
-  emit(CLOSED);
-}
-function closeAudienceWindow() {
-  const s = session;
-  if (!s) return;
-  teardown();
-  try {
-    if (!s.win.closed) s.win.close();
-  } catch {
-  }
-}
-
-// lib/slides/show.ts
-var OPEN_SCREEN_SHARE_EVENT = "popcraft-open-screen-share";
-var RESOLUTION_KEY = "popcraft-audience-resolution";
-function rememberedResolution() {
-  try {
-    return parseResolution(localStorage.getItem(RESOLUTION_KEY) ?? "") ?? DEFAULT_AUDIENCE_RESOLUTION;
-  } catch {
-    return DEFAULT_AUDIENCE_RESOLUTION;
-  }
-}
-function remember(r) {
-  try {
-    localStorage.setItem(RESOLUTION_KEY, formatResolution(r));
-  } catch {
-  }
-}
-var clock = { startedAt: 0, pausedAt: null };
-var clockListeners = /* @__PURE__ */ new Set();
-var setClock = (next) => {
-  clock = next;
-  for (const l of clockListeners) l();
-};
-var notice2 = (text) => {
-  if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent("popcraft-notice", { detail: { text } }));
-};
-function forwardKey(e) {
-  const copy = new KeyboardEvent("keydown", {
-    key: e.key,
-    code: e.code,
-    repeat: e.repeat,
-    shiftKey: e.shiftKey,
-    altKey: e.altKey,
-    ctrlKey: e.ctrlKey,
-    metaKey: e.metaKey,
-    bubbles: true,
-    cancelable: true
-  });
-  window.dispatchEvent(copy);
-  if (copy.defaultPrevented) e.preventDefault();
-}
-function requestFullscreen() {
-  if (typeof document === "undefined" || document.fullscreenElement) return;
-  void document.documentElement.requestFullscreen?.().catch(() => {
-  });
-}
-function leaveFullscreen() {
-  if (typeof document !== "undefined" && document.fullscreenElement) void document.exitFullscreen().catch(() => {
-  });
-}
-function openPresenterWindow() {
-  return !!window.open(PRESENTER_PATH, "popcraft-presenter", "popup=yes,width=1100,height=700");
-}
-var untrack = null;
-function trackShow() {
-  untrack?.();
-  let lastIndex = 0;
-  let seen = { nodes: null, active: null };
-  untrack = useEditorStore.subscribe((s) => {
-    if (!s.isPresentMode) {
-      untrack?.();
-      untrack = null;
-      closeAudienceWindow();
-      leaveFullscreen();
-      return;
-    }
-    const active = s.activePrototypeFrameId;
-    if (seen.nodes === s.document.nodes && seen.active === active) return;
-    seen = { nodes: s.document.nodes, active };
-    const slides = listSlides(s.document, s.currentPageId);
-    const i = active ? slides.findIndex((x) => x.id === active) : -1;
-    if (i >= 0) {
-      lastIndex = i;
-      return;
-    }
-    if (active && !s.document.nodes[active] && !s.prototypeTransition?.isAnimating && slides.length) {
-      const dest = slides[Math.min(lastIndex, slides.length - 1)];
-      queueMicrotask(() => useEditorStore.getState().navigatePrototype({ navigationType: "NAVIGATE", destinationId: dest.id, transition: INSTANT }));
-    }
-  });
-}
-function startShow(how, resolution) {
-  const st = useEditorStore.getState();
-  if (how === "window") {
-    if (!audienceAvailable()) return fail(isDesktop() ? AUDIENCE_MESSAGES.desktop : AUDIENCE_MESSAGES.unsupported);
-    const res = resolution ?? rememberedResolution();
-    const opened = openAudienceWindow(res, {
-      title: `${st.document.name || "Untitled"} \u2014 Audience`,
-      onKey: forwardKey,
-      onClosed: () => {
-        if (useEditorStore.getState().isPresentMode) useEditorStore.getState().exitPresentation();
-      }
-    });
-    if (!opened.ok) return fail(opened.message);
-    remember(res);
-    leaveFullscreen();
-  } else {
-    closeAudienceWindow();
-    requestFullscreen();
-  }
-  if (!useEditorStore.getState().isPresentMode) {
-    useEditorStore.getState().startPresentation();
-    if (!useEditorStore.getState().isPresentMode) {
-      closeAudienceWindow();
-      leaveFullscreen();
-      return fail("There is nothing to present: this page has no frames or slides.");
-    }
-    setClock({ startedAt: Date.now(), pausedAt: null });
-  }
-  trackShow();
-  if (how === "presenter" && !openPresenterWindow()) notice2("The browser blocked the presenter window. Allow pop-ups for this site to see your notes in their own window.");
-  const s = audienceStatus();
-  return { ok: true, summary: how === "window" ? `Presenting in a window at ${s.resolution?.kind === "fixed" ? `${s.resolution.width}\xD7${s.resolution.height}` : "the window's size"}` : how === "presenter" ? "Presenting with the presenter view" : "Presenting fullscreen" };
-}
-function fail(message) {
-  notice2(message);
-  return { ok: false, message };
-}
-function endShow() {
-  closeAudienceWindow();
-  leaveFullscreen();
-  const st = useEditorStore.getState();
-  if (st.isPresentMode) st.exitPresentation();
-}
-
-// lib/agent/editor-seams.ts
-function editBlockReason() {
-  return editBlockReasonFor({
-    versionHistory: useEditorStore.getState().isVersionHistoryMode,
-    // The live session's role is the authoritative one; the stored link is what we have before it connects.
-    role: collabSession()?.client.role ?? syncStatus().link?.role
-  });
-}
-var workspaceByKey = /* @__PURE__ */ new Map();
-async function activePlan() {
-  if (!plansEnabled()) return null;
-  const link = syncStatus().link;
-  if (!link || link.anonymous) return null;
-  let workspaceId = workspaceByKey.get(link.key);
-  if (workspaceId === void 0) {
-    try {
-      const r = await cloudApi.getFile(link.key);
-      workspaceId = r.file.workspaceId;
-      workspaceByKey.set(link.key, workspaceId);
-    } catch {
-      return null;
-    }
-  }
-  try {
-    const ent = await loadEntitlements(workspaceId);
-    if (!ent.enabled) return null;
-    const { tier, label, planName, pastDue, isTeam, limits, usage } = ent;
-    return { tier, label, planName, pastDue, isTeam, limits: { ...limits }, usage: { ...usage } };
-  } catch {
-    return null;
-  }
-}
-function editorToolContext(signal) {
-  const st = () => useEditorStore.getState();
-  return agentContext({
-    doc: () => st().document,
-    // The dispatcher owns the label; `Edit` is the fallback for a direct commit that names none.
-    commit: (next, label) => st().commitDocument(next, label ?? "Edit"),
-    pageId: () => st().currentPageId,
-    selection: () => st().selection,
-    setSelection: (ids) => st().setSelection(ids),
-    notice,
-    signal,
-    camera: {
-      focusOnNode: (id) => st().focusOnNode(id),
-      zoomToFit: () => st().zoomToFit(),
-      zoomToSelection: () => st().zoomToSelection(),
-      zoomToNodes: (ids) => st().zoomToNodes(ids),
-      zoomToFrame: () => st().zoomToFrame(),
-      getStageView: () => !!st().stageView[st().mode],
-      setStageView: (on) => st().setStageView(on)
-    },
-    present: {
-      start: (how, resolution) => startShow(how, resolution),
-      end: () => endShow(),
-      chooseWindow: () => {
-        window.dispatchEvent(new CustomEvent(OPEN_SCREEN_SHARE_EVENT));
-      },
-      canUseWindow: () => audienceAvailable(),
-      presenting: () => st().isPresentMode
-    },
-    pages: {
-      setCurrent: (id) => st().setCurrentPage(id),
-      create: (name) => {
-        st().addPage(name);
-        return st().currentPageId;
-      },
-      rename: (id, name) => st().renamePage(id, name)
-    },
-    history: {
-      undo: () => st().undo(),
-      redo: () => st().redo()
-    },
-    ops: storeOpsSeam(st),
-    entitlements: activePlan,
-    // The dispatcher's own copy of the edit guard, so a confirm-tier command is refused in a read-only
-    // session BEFORE the user is asked to approve something they would not be allowed to do anyway.
-    readOnlyReason: editBlockReason
-  });
-}
-
-export {
-  editBlockReason,
-  editorToolContext
-};

package/dist/chunks/chunk-OGA4L2O2.js

@@ -1,135 +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 {
-  BREAKPOINTS,
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-YKXCPYWJ.js";
-import {
-  resizePhoto
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/portfolio.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var WORK = [
-  ["Health \xB7 iOS and web", "Check-in at Northside Clinics went from nine minutes to two", "Lead designer, 2025 \u2014 a tablet check-in that reads the insurance card, and a queue screen for the front desk."],
-  ["Fintech \xB7 Android", "A savings app that 38% more people kept using after a month", "Product designer, 2024 \u2014 goals, round-ups and a weekly note that says what changed and why."],
-  ["Public sector \xB7 Web", "Renewing a fishing licence in one sitting, not three", "Design lead, 2024 \u2014 a service for the state wildlife agency, tested with 60 anglers at bait shops."],
-  ["Logistics \xB7 Desktop", "A dispatch board that cut missed pick-ups by a fifth", "Contract designer, 2023 \u2014 live routes, driver hours and one-click reassignment for a regional courier."]
-];
-var portfolio_default = defineTemplate({
-  id: "web-portfolio",
-  meta: {
-    name: "Designer portfolio",
-    description: "A product designer\u2019s portfolio: an introduction, four case studies with pictures and results, an about with a portrait, a testimonial and contact \u2014 desktop, laptop, tablet and phone",
-    category: "web",
-    tags: ["portfolio", "designer", "case studies", "personal site", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["portfolio", "hiring"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  breakpoints: true,
-  build() {
-    const k = new Kit("Designer portfolio", preset("web-desktop"));
-    k.brand(
-      { paper: "#FFFFFF", text: "#111111", onPaper: "#585858", primary: "#111111", onPrimary: "#FFFFFF", accent: "#E0522D", photo: "#E9E4DD", tint: "#F4EFE8", onTint: "#111111", tintMuted: "#5D5850", line: "#E6E6E6" },
-      { name: "Maya Okafor", email: "hello@mayaokafor.design" }
-    );
-    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Brand 20", { size: 20, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 600, lineHeight: 24 });
-    k.textStyle("Display 68", { size: 68, fontWeight: 700, letterSpacing: -2.4, lineHeight: 74 });
-    k.textStyle("Display 48", { size: 48, fontWeight: 700, letterSpacing: -1.5, lineHeight: 54 });
-    k.textStyle("Display 36", { size: 36, fontWeight: 700, letterSpacing: -1, lineHeight: 42 });
-    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 31 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Chip 14", { size: 14, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Section 14", { size: 14, fontWeight: 700, letterSpacing: 1.2, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Case tag 13", { size: 13, fontWeight: 600, letterSpacing: 0.4, lineHeight: 18 });
-    k.textStyle("Case title 24", { size: 24, fontWeight: 700, letterSpacing: -0.5, lineHeight: 31 });
-    k.textStyle("Body 16", { size: 16, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Quote 30", { size: 30, fontWeight: 600, letterSpacing: -0.6, lineHeight: 40 });
-    k.textStyle("Quote 22", { size: 22, fontWeight: 600, letterSpacing: -0.3, lineHeight: 31 });
-    k.textStyle("Cite 15", { size: 15, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Footer 14", { size: 14, fontWeight: 400, lineHeight: 20 });
-    buttons(k, { style: "Button 16", radius: 999 });
-    k.component("Chip", { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", fill: "tint", radius: 999, padding: { top: 8, right: 14, bottom: 8, left: 12 }, props: { Label: "Booking from November" } }, (id) => {
-      k.ellipse(id, 8, "accent", { name: "Dot" });
-      k.propText(id, "Label", { style: "Chip 14", color: "onTint", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 96, top: 32 });
-    nav(k, sheet, { links: ["Work", "About", "Writing", "Contact"], cta: "Download CV", style: "Nav 16", brandStyle: "Brand 20", quiet: true });
-    const intro = k.stack(sheet, { gap: 28, name: "Intro" });
-    k.instance(intro, "Chip", { Label: "Booking projects from November" }, { name: "Availability" });
-    k.text(intro, "I design calm software for people with too much on their plate.", { style: "Display 68", color: "text", width: 980, name: "Headline" });
-    k.text(intro, "Independent product designer in Toronto. Eleven years on health, money and public services \u2014 research, interaction design and the prototypes that get a team to yes.", { style: "Lead 20", color: "onPaper", width: 760, name: "Lead" });
-    const work = k.stack(sheet, { gap: 32, name: "Work" });
-    k.text(work, "Selected work", { style: "Section 14", color: "text", name: "Work title" });
-    for (let row = 0; row < 2; row++) {
-      const r = k.stack(work, { direction: "HORIZONTAL", gap: 32, name: "Case row" });
-      for (const [tag, title, what] of WORK.slice(row * 2, row * 2 + 2)) {
-        const c = k.stack(r, { gap: 14, name: "Case study" });
-        k.photo(c, 584, 380, { radius: 20, ground: "photo", name: "Case photo" });
-        k.text(c, tag, { style: "Case tag 13", color: "onPaper", name: "Case tag" });
-        k.text(c, title, { style: "Case title 24", color: "text", name: "Case title" });
-        k.text(c, what, { style: "Body 16", color: "onPaper", name: "Case what" });
-      }
-    }
-    const about = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, align: "CENTER", name: "About" });
-    k.photo(about, 420, 500, { radius: 20, ground: "photo", name: "Portrait" });
-    const bio = k.stack(about, { gap: 20, name: "Bio" });
-    k.text(bio, "About", { style: "Section 14", color: "text", name: "About title" });
-    k.text(bio, "Before going independent I led design for patient services at a hospital network, and before that built banking apps at a credit union. I work best embedded with a small team for three to six months: we find the one thing that is hard for people, and make it easy.", { style: "Lead 17", color: "text", name: "Bio text" });
-    k.text(bio, "Clients include Northside Clinics, Fieldstone Credit Union, the Ontario Wildlife Service and Parcelway.", { style: "Body 16", color: "onPaper", name: "Clients" });
-    const quote = k.stack(sheet, { gap: 20, fill: "tint", radius: 24, padding: 56, name: "Testimonial" });
-    k.text(quote, "\u201CMaya spent two days at our front desk before she drew a single screen. The check-in we shipped is the first change our nurses have thanked us for.\u201D", { style: "Quote 30", color: "onTint", name: "Quote" });
-    k.text(quote, "Dr. Aisha Rahman, Director of Patient Experience, Northside Clinics", { style: "Cite 15", color: "tintMuted", name: "Cite" });
-    const contact = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", gap: 32, name: "Contact" });
-    k.text(contact, "Have something hard to make easy?", { style: "Display 48", color: "text", width: 700, name: "Contact line" });
-    k.instance(contact, "Button", { Label: "{{brand.email}}" }, { name: "Email button" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", gap: 16, padding: { top: 24, right: 0, bottom: 0, left: 0 }, name: "Footer" });
-    k.text(foot, "\xA9 2026 {{brand.name}} \xB7 Toronto", { style: "Footer 14", color: "onPaper", autoWidth: true, name: "Copyright" });
-    k.text(foot, "LinkedIn \xB7 Read.cv \xB7 Dribbble", { style: "Footer 14", color: "onPaper", autoWidth: true, name: "Elsewhere" });
-    webResponsive(k, sheet, {
-      stack: ["About", "Contact"],
-      stackMobile: ["Case row", "Footer"],
-      restyle: { "Display 68": { laptop: "Display 48", tablet: "Display 48", mobile: "Display 36" }, "Display 48": { mobile: "Display 36" }, "Lead 20": { mobile: "Lead 17" }, "Quote 30": { mobile: "Quote 22" } },
-      hide: { mobile: ["Nav links"] },
-      gap: { tablet: 72, mobile: 56 },
-      tweak: (kit, id, size) => {
-        const f = kit.node(id);
-        const inner = f.width - BREAKPOINTS[size].side * 2;
-        for (const n of [...kit.named(id, "Headline"), ...kit.named(id, "Lead"), ...kit.named(id, "Contact line")]) if (size !== "laptop") kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        const across = size === "mobile" ? 1 : 2;
-        const w = Math.floor((inner - (across - 1) * 32) / across);
-        for (const p of kit.named(id, "Case photo")) resizePhoto(kit, p, w, Math.round(w * 0.65));
-        for (const p of kit.named(id, "Portrait")) resizePhoto(kit, p, size === "laptop" ? 380 : Math.min(inner, 420), size === "laptop" ? 460 : 500);
-        if (size === "mobile") for (const n of kit.named(id, "Testimonial")) kit.patch(n, { padding: { top: 28, right: 24, bottom: 28, left: 24 } });
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  portfolio_default
-};