@popcraft/kit 0.29.0 → 0.30.0

package/dist/chunks/chunk-TJLFDHHA.js

@@ -1,385 +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 {
-  sniffMime
-} from "./chunk-NKU65PDL.js";
-import {
-  createStore,
-  del,
-  delMany,
-  get,
-  getMany,
-  promisifyRequest,
-  set,
-  setMany,
-  update
-} from "./chunk-XJRLX66V.js";
-import {
-  createComponent,
-  createInstanceOf,
-  createPage,
-  init_scene_graph
-} from "./chunk-6A35KZYG.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// lib/storage/document-library.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-
-// lib/document/collapse-duplicates.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_scene_graph();
-var COLLAPSE_MIN_NODES = 4e3;
-var MIN_COPIES = 3;
-var MIN_SUBTREE = 8;
-var LINKS = /* @__PURE__ */ new Set(["id", "parentId", "childIds"]);
-function mix(h, s) {
-  let a = h >>> 0, b = h / 4294967296 >>> 0;
-  for (let i = 0; i < s.length; i++) {
-    const c = s.charCodeAt(i);
-    a = Math.imul(a ^ c, 16777619) >>> 0;
-    b = Math.imul(b ^ c + (a & 255), 16777619) >>> 0;
-  }
-  return (b & 2097151) * 4294967296 + a;
-}
-var jsonCache = null;
-function ownJson(n) {
-  const hit = jsonCache?.get(n.id);
-  if (hit !== void 0) return hit;
-  const o = {};
-  for (const k of Object.keys(n).sort()) if (!LINKS.has(k)) o[k] = n[k];
-  const json = JSON.stringify(o, (k, v) => k === "id" ? void 0 : v);
-  jsonCache?.set(n.id, json);
-  return json;
-}
-function sameContents(nodes, a, b) {
-  const x = nodes[a]?.childIds ?? [], y = nodes[b]?.childIds ?? [];
-  if (x.length !== y.length) return false;
-  for (let i = 0; i < x.length; i++) {
-    const p = nodes[x[i]], q = nodes[y[i]];
-    if (!p || !q || ownJson(p) !== ownJson(q) || !sameContents(nodes, p.id, q.id)) return false;
-  }
-  return true;
-}
-function collapseDuplicateSubtrees(doc) {
-  if (Object.keys(doc.nodes).length < COLLAPSE_MIN_NODES) return doc;
-  jsonCache = /* @__PURE__ */ new Map();
-  try {
-    return collapse(doc);
-  } finally {
-    jsonCache = null;
-  }
-}
-function collapse(doc) {
-  const nodes = doc.nodes;
-  const ids = Object.keys(nodes);
-  const hash = /* @__PURE__ */ new Map(), size = /* @__PURE__ */ new Map();
-  const visit = (id, depth) => {
-    const got = hash.get(id);
-    if (got !== void 0) return got;
-    const n = nodes[id];
-    if (!n || depth > 200) return 0;
-    let h = mix(0, ownJson(n)), s = 1;
-    for (const c of n.childIds ?? []) {
-      h = mix(h, String(visit(c, depth + 1)));
-      s += size.get(c) ?? 0;
-    }
-    hash.set(id, h);
-    size.set(id, s);
-    return h;
-  };
-  for (const id of ids) visit(id, 0);
-  const groups = /* @__PURE__ */ new Map();
-  for (const id of ids) {
-    const n = nodes[id];
-    if (n.type !== "FRAME" || !n.childIds?.length || (size.get(id) ?? 0) - 1 < MIN_SUBTREE) continue;
-    let h = 0;
-    for (const c of n.childIds) h = mix(h, String(hash.get(c)));
-    const g = groups.get(h);
-    if (g) g.push(id);
-    else groups.set(h, [id]);
-  }
-  const chosen = [];
-  const inside = /* @__PURE__ */ new Set();
-  const sorted = [...groups.values()].filter((g) => g.length >= MIN_COPIES).sort((a, b) => (size.get(b[0]) ?? 0) - (size.get(a[0]) ?? 0));
-  const within = (id) => {
-    for (let p = nodes[id]?.parentId, guard = 0; p && guard < 200; p = nodes[p]?.parentId, guard++) if (inside.has(p)) return true;
-    return false;
-  };
-  for (const g of sorted) {
-    const rep = g[0];
-    const copies = g.filter((id) => !within(id) && (id === rep || sameContents(nodes, rep, id)));
-    if (copies.length < MIN_COPIES || !copies.includes(rep)) continue;
-    chosen.push(copies);
-    for (const id of copies) inside.add(id);
-  }
-  if (!chosen.length) return doc;
-  const out = { ...nodes };
-  const drop = (id) => {
-    const n = out[id];
-    if (!n) return;
-    for (const c of n.childIds ?? []) drop(c);
-    delete out[id];
-  };
-  const page = createPage("Components");
-  const pageKids = [];
-  let y = 0;
-  const fps = Object.values(nodes).find((n) => n.timeline?.fps)?.timeline?.fps ?? 30;
-  for (const copies of chosen) {
-    const rep = nodes[copies[0]];
-    let end = 1;
-    const walk = (id) => {
-      const n = nodes[id];
-      if (!n) return;
-      const m = n.motion;
-      if (m?.span?.out !== void 0) end = Math.max(end, m.span.out);
-      for (const t of Object.values(m?.tracks ?? {})) for (const k of t?.keys ?? []) end = Math.max(end, k.t + (m?.timeOffset ?? 0));
-      for (const c of n.childIds ?? []) walk(c);
-    };
-    for (const c of rep.childIds) walk(c);
-    const comp = createComponent({ name: rep.name, x: 0, y, width: rep.width, height: rep.height, fills: [], strokes: [], clipsContent: true, layoutMode: "NONE" });
-    comp.timeline = { duration: end, fps };
-    comp.parentId = page.id;
-    comp.childIds = [...rep.childIds];
-    for (const c of rep.childIds) out[c] = { ...out[c], parentId: comp.id };
-    out[comp.id] = comp;
-    pageKids.push(comp.id);
-    y += rep.height + 100;
-    for (const id of copies) {
-      const f = nodes[id];
-      if (id !== copies[0]) for (const c of f.childIds) drop(c);
-      const made = createInstanceOf(comp, { name: f.name, width: f.width, height: f.height, clipsContent: true });
-      const own = { ...f };
-      out[id] = { ...made, ...own, type: "INSTANCE", mainComponentId: comp.id, childIds: [], id, parentId: f.parentId };
-    }
-  }
-  page.childIds = pageKids;
-  out[page.id] = page;
-  return { ...doc, nodes: out, pages: [...doc.pages, page.id] };
-}
-
-// lib/storage/document-library.ts
-var INDEX_KEY = "popcraft-doc-index";
-var docKey = (id) => `popcraft-doc:${id}`;
-var thumbKey = (id) => `popcraft-doc-thumb:${id}`;
-var THUMB_MAX_BYTES = 2 * 1024 * 1024;
-var THUMB_TYPES = /* @__PURE__ */ new Set(["image/jpeg", "image/png", "image/webp"]);
-function thumbnailBlob(bytes) {
-  if (!bytes.length || bytes.length > THUMB_MAX_BYTES) return null;
-  const type = sniffMime(bytes, "");
-  return THUMB_TYPES.has(type) ? new Blob([bytes], { type }) : null;
-}
-var LEGACY_DATA_URL = /^data:image\/(?:jpeg|png|webp);base64,([A-Za-z0-9+/]+={0,2})$/;
-function legacyThumbnailBlob(dataUrl) {
-  if (typeof dataUrl !== "string" || dataUrl.length > THUMB_MAX_BYTES * 1.4) return null;
-  const m = LEGACY_DATA_URL.exec(dataUrl);
-  if (!m) return null;
-  try {
-    const bin = atob(m[1]);
-    const bytes = new Uint8Array(bin.length);
-    for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);
-    return thumbnailBlob(bytes);
-  } catch {
-    return null;
-  }
-}
-var migrating = null;
-function migrateLegacyThumbnails(idx) {
-  return migrating ??= (async () => {
-    const moved = /* @__PURE__ */ new Map();
-    for (const m of idx) {
-      if (m.thumbnail === void 0) continue;
-      const blob = legacyThumbnailBlob(m.thumbnail);
-      if (blob) await set(thumbKey(m.id), blob);
-      moved.set(m.id, blob ? m.updatedAt || Date.now() : void 0);
-    }
-    await update(INDEX_KEY, (cur) => (Array.isArray(cur) ? cur : []).map((m) => {
-      if (!moved.has(m.id) || m.thumbnail === void 0) return m;
-      const { thumbnail: _inline, ...rest } = m;
-      return { ...rest, thumbAt: rest.thumbAt ?? moved.get(m.id) };
-    }));
-  })().finally(() => {
-    migrating = null;
-  });
-}
-async function readIndex() {
-  let idx = await get(INDEX_KEY);
-  if (!Array.isArray(idx)) return [];
-  if (idx.some((m) => m.thumbnail !== void 0)) {
-    await migrateLegacyThumbnails(idx).catch(() => {
-    });
-    idx = await get(INDEX_KEY) ?? [];
-  }
-  return idx.map(({ thumbnail: _inline, ...m }) => m);
-}
-async function listDocMetas() {
-  return (await readIndex()).sort((a, b) => (b.updatedAt || 0) - (a.updatedAt || 0));
-}
-async function getDocMeta(id) {
-  return (await readIndex()).find((m) => m.id === id) ?? null;
-}
-async function upsertDocMeta(patch, { create = false } = {}) {
-  await update(INDEX_KEY, (idx) => {
-    const list = Array.isArray(idx) ? [...idx] : [];
-    const i = list.findIndex((m) => m.id === patch.id);
-    if (i < 0 && !create) return list;
-    if (i >= 0) {
-      const { thumbnail: inline, ...rest } = list[i];
-      list[i] = { ...rest, ...typeof inline === "string" ? { thumbnail: inline } : {}, ...patch };
-    } else list.push({ id: patch.id, name: patch.name || "Untitled", updatedAt: patch.updatedAt || Date.now(), thumbAt: patch.thumbAt });
-    return list;
-  });
-}
-async function saveDocThumbnail(id, preview) {
-  const blob = preview instanceof Blob ? thumbnailBlob(new Uint8Array(await preview.arrayBuffer())) : preview ? thumbnailBlob(preview) : null;
-  if (preview && !blob) return false;
-  await readIndex().catch(() => {
-  });
-  if (blob) await set(thumbKey(id), blob);
-  else await del(thumbKey(id));
-  await upsertDocMeta({ id, thumbAt: blob ? Date.now() : void 0 });
-  return true;
-}
-async function loadDocThumbnail(id) {
-  if (migrating) await migrating.catch(() => {
-  });
-  const v = await get(thumbKey(id));
-  return v instanceof Blob && v.size > 0 && v.size <= THUMB_MAX_BYTES && THUMB_TYPES.has(v.type) ? v : null;
-}
-var SPLIT_LAYOUT = 2;
-var nodeKey = (docId, nodeId) => `popcraft-doc-node:${docId}:${nodeId}`;
-var WRITER = Math.random().toString(36).slice(2) + Date.now().toString(36);
-var persisted = /* @__PURE__ */ new Map();
-var saving = /* @__PURE__ */ new Map();
-function serial(id, fn) {
-  const run = (saving.get(id) ?? Promise.resolve()).catch(() => {
-  }).then(fn);
-  saving.set(id, run);
-  void run.finally(() => {
-    if (saving.get(id) === run) saving.delete(id);
-  }).catch(() => {
-  });
-  return run;
-}
-async function writeSnapshot(snap) {
-  const doc = snap.document;
-  const id = doc.id;
-  const nodes = doc.nodes;
-  const header = await get(docKey(id));
-  const base = persisted.get(id);
-  const incremental = !!base && header?.layout === SPLIT_LAYOUT && header.writer === base.writer && header.seq === base.seq;
-  const entries = [];
-  const ids = [];
-  for (const nid in nodes) {
-    ids.push(nid);
-    if (!incremental || base.nodes[nid] !== nodes[nid]) entries.push([nodeKey(id, nid), nodes[nid]]);
-  }
-  const gone = [];
-  if (incremental) {
-    for (const nid in base.nodes) if (!(nid in nodes)) gone.push(nodeKey(id, nid));
-  } else if (header?.layout === SPLIT_LAYOUT && Array.isArray(header.nodeIds)) {
-    for (const nid of header.nodeIds) if (!(nid in nodes)) gone.push(nodeKey(id, nid));
-  }
-  const seq = (header?.seq ?? 0) + 1;
-  const { nodes: _nodes, ...docRest } = doc;
-  const stored = { ...snap, document: docRest, layout: SPLIT_LAYOUT, nodeIds: ids, writer: WRITER, seq };
-  entries.push([docKey(id), stored]);
-  await setMany(entries);
-  persisted.set(id, { nodes, writer: WRITER, seq });
-  if (gone.length) await delMany(gone).catch(() => {
-  });
-}
-async function saveDocSnapshot(snap, thumbnail) {
-  const id = snap.document?.id;
-  if (!id) return;
-  await serial(id, () => writeSnapshot(snap));
-  await upsertDocMeta({ id, name: snap.document.name || "Untitled", updatedAt: Date.now() }, { create: true });
-  if (thumbnail) await saveDocThumbnail(id, thumbnail);
-}
-async function loadDocSnapshot(id) {
-  const snap = await readDocSnapshot(id);
-  if (!snap) return null;
-  const document = collapseDuplicateSubtrees(snap.document);
-  if (document === snap.document) return snap;
-  const collapsed = { ...snap, document };
-  await serial(id, () => writeSnapshot(collapsed)).catch(() => {
-  });
-  return collapsed;
-}
-function readDocSnapshot(id) {
-  return serial(id, async () => {
-    const s = await get(docKey(id));
-    if (!s || !s.document) return null;
-    if (s.layout !== SPLIT_LAYOUT) return s.document.nodes ? s : null;
-    const nodeIds = Array.isArray(s.nodeIds) ? s.nodeIds : [];
-    const values = nodeIds.length ? await getMany(nodeIds.map((n) => nodeKey(id, n))) : [];
-    const nodes = {};
-    nodeIds.forEach((n, i) => {
-      const v = values[i];
-      if (v) nodes[n] = v;
-    });
-    const { layout: _l, nodeIds: _ids, writer, seq, document, ...rest } = s;
-    persisted.set(id, { nodes, writer, seq: seq ?? 0 });
-    return { ...rest, document: { ...document, nodes } };
-  });
-}
-async function deleteDocFromLibrary(id) {
-  await serial(id, async () => {
-    const header = await get(docKey(id));
-    await del(docKey(id));
-    persisted.delete(id);
-    if (header?.layout === SPLIT_LAYOUT && Array.isArray(header.nodeIds) && header.nodeIds.length) await delMany(header.nodeIds.map((n) => nodeKey(id, n)));
-  });
-  await del(thumbKey(id));
-  await update(INDEX_KEY, (idx) => (Array.isArray(idx) ? idx : []).filter((m) => m.id !== id));
-}
-function isEmptyDocument(doc) {
-  if (!doc?.pages?.length || !doc.nodes) return true;
-  return doc.pages.every((id) => !doc.nodes?.[id]?.childIds?.length);
-}
-async function loadDocHeader(id) {
-  const s = await get(docKey(id));
-  if (!s?.document) return null;
-  const { nodes: _nodes, ...rest } = s.document;
-  return rest;
-}
-async function isLibraryDocEmpty(id) {
-  const s = await get(docKey(id));
-  if (!s?.document) return true;
-  if (s.layout !== SPLIT_LAYOUT) return isEmptyDocument(s.document);
-  const pages = s.document.pages ?? [];
-  const values = pages.length ? await getMany(pages.map((p) => nodeKey(id, p))) : [];
-  return values.every((v) => !v?.childIds?.length);
-}
-async function docExists(id) {
-  try {
-    return await keyvalStore()("readonly", (s) => promisifyRequest(s.count(docKey(id)))) > 0;
-  } catch {
-    return await get(docKey(id)) != null;
-  }
-}
-var keyval = null;
-var keyvalStore = () => keyval ??= createStore("keyval-store", "keyval");
-
-export {
-  collapseDuplicateSubtrees,
-  THUMB_MAX_BYTES,
-  thumbnailBlob,
-  listDocMetas,
-  getDocMeta,
-  upsertDocMeta,
-  saveDocThumbnail,
-  loadDocThumbnail,
-  saveDocSnapshot,
-  loadDocSnapshot,
-  deleteDocFromLibrary,
-  isEmptyDocument,
-  loadDocHeader,
-  isLibraryDocEmpty,
-  docExists
-};

package/dist/chunks/chunk-TJZ7YTVY.js

@@ -1,163 +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 {
-  ARIAL,
-  COURIER,
-  MAIL_W,
-  callToAction,
-  finishMail,
-  fitted,
-  mailButton,
-  mailFooter,
-  mailHeader,
-  mailRow,
-  mailSheet,
-  section,
-  swell,
-  tag
-} from "./chunk-TMVIFSLP.js";
-import {
-  gridPaths
-} from "./chunk-UDE42EDS.js";
-import {
-  donutSlice
-} from "./chunk-HNO2LIAH.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  glow
-} from "./chunk-M6VTXO6F.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset
-} from "./chunk-OFAIOFJQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/email/saas-mail-trial-ending.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 4e3;
-var HEADER_H = 360;
-var DAYS = { total: 14, left: 3, cell: 30, gap: 8, height: 34 };
-var cues = [
-  { layer: ["Day 12", "Day 13", "Day 14"], preset: "pulse", at: 600, params: { duration: 600, amount: 0.14 }, stagger: { delay: 350, order: "selection" } },
-  { layer: "Days figure", preset: "pulse", at: 2400, params: { duration: 800, amount: 0.06 } }
-];
-var BUILT = [["14", "dashboards built"], ["1,284", "queries run"], ["3", "teammates invited"], ["2", "alerts that caught a drop"]];
-var PLANS = [
-  { name: "Starter", price: "$29 a month", lines: "5 seats \xB7 50,000 events a month \xB7 90 days of history" },
-  { name: "Team", price: "$79 a month", lines: "20 seats \xB7 1 million events a month \xB7 unlimited history \xB7 alerts", fits: true }
-];
-var saas_mail_trial_ending_default = defineTemplate({
-  id: "email-saas-mail-trial-ending",
-  meta: {
-    name: "SaaS lifecycle email: trial ending",
-    description: 'A whole 600 px trial-ending email in a dark precision look: "Three days left" beside a ring of the fourteen days, then what the customer built so far as four figures, what happens to it, two plans with the fitting one marked and a gentle offer. The header loops for four seconds (export it as a GIF); the body is table-safe type',
-    category: "email",
-    tags: ["email", "saas", "lifecycle", "trial", "trial ending", "upgrade", "pricing", "plans", "dark", "data", "animated", "gif", "html"],
-    platforms: ["email"],
-    formats: ["email"],
-    useCases: ["pricing", "stats", "countdown"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("SaaS lifecycle email: trial ending", preset("email-body"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#0E1014", text: "#F3F5F8", onPaper: "#BCC3CE", primary: "#F4B23E", onPrimary: "#15110A", tint: "#191D25", onTint: "#F3F5F8" },
-      { company: "Gauge", address: "Torstra\xDFe 109, 10119 Berlin" }
-    );
-    k.palette({ panel: "#090B0E", onPanel: "#F3F5F8", panelSoft: "#B4BCC8", grid: "#1D232C", spent: "#2A313C", cell: "#1B2029", amber: "#F4B23E", onAmber: "#15110A", rule: "#262C36" });
-    k.textStyle("Eyebrow 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.8, lineHeight: 14 });
-    k.textStyle("Left 56", { size: 56, fontWeight: 800, letterSpacing: -2.6, lineHeight: 56 });
-    k.textStyle("Ends 15", { size: 15, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Ring 64", { size: 64, fontWeight: 800, letterSpacing: -3, lineHeight: 64, textAlign: "CENTER" });
-    k.textStyle("Ring label 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.6, lineHeight: 14, textAlign: "CENTER" });
-    k.textStyle("Day 12", { ...MONO, size: 12, fontWeight: 700, lineHeight: 15, textAlign: "CENTER" });
-    k.textStyle("Heading 24", { ...ARIAL, size: 24, fontWeight: 700, lineHeight: 30 });
-    k.textStyle("Body 16", { ...ARIAL, size: 16, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Figure 30", { ...COURIER, size: 30, fontWeight: 700, lineHeight: 34 });
-    k.textStyle("Small 15", { ...ARIAL, size: 15, fontWeight: 400, lineHeight: 23 });
-    k.textStyle("Strong 17", { ...ARIAL, size: 17, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Price 15", { ...COURIER, size: 15, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Label 12", { ...COURIER, size: 12, fontWeight: 700, letterSpacing: 1.2, lineHeight: 14 });
-    k.textStyle("Button 16", { ...ARIAL, size: 16, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Fine 13", { ...ARIAL, size: 13, fontWeight: 400, lineHeight: 19 });
-    mailButton(k, "Mail button", { fill: "primary", ink: "onPrimary", style: "Button 16", label: "Choose a plan", width: 240, height: 50 });
-    const sheet = mailSheet(k, { paper: "paper", duration: DURATION });
-    const head = mailHeader(k, sheet, HEADER_H, "panel");
-    k.vector(head, MAIL_W, HEADER_H, gridPaths(MAIL_W, HEADER_H, 30), "grid", { name: "Grid", absolute: { x: 0, y: 0 } });
-    glow(k, head, { x: 462, y: 150, w: 420, role: "amber", alpha: 0.16, name: "Ring glow" });
-    k.text(head, "{{brand.company}} \xB7 TRIAL \xB7 DAY 11 OF 14", { style: "Eyebrow 12", color: "amber", width: 330, name: "Eyebrow", absolute: { x: 36, y: 40 } });
-    k.text(head, "Three days left.", { style: "Left 56", color: "onPanel", width: 300, name: "Left", absolute: { x: 34, y: 66 } });
-    k.text(head, "Your trial ends on Monday 5 October at 18:00. Everything you made is still here.", { style: "Ends 15", color: "panelSoft", width: 280, name: "Ends", absolute: { x: 36, y: 192 } });
-    const R = 196;
-    const ring = k.stack(head, { width: R, height: R, align: "CENTER", justify: "CENTER", gap: 2, name: "Ring", absolute: { x: 364, y: 50 } });
-    const spent = DAYS.total - DAYS.left;
-    k.vector(ring, R, R, Array.from({ length: spent }, (_, i) => donutSlice(R, i / DAYS.total, (i + 1) / DAYS.total, 0.8, 5)), "spent", { name: "Days spent", absolute: { x: 0, y: 0 } });
-    const arc = fitted(Array.from({ length: DAYS.left }, (_, i) => donutSlice(R, (spent + i) / DAYS.total, (spent + i + 1) / DAYS.total, 0.8, 5)));
-    const leftArc = k.vector(ring, arc.width, arc.height, arc.paths, "amber", { name: "Days left", absolute: { x: arc.x, y: arc.y } });
-    swell(k, leftArc, "opacity", { amp: 0.25, loopMs: DURATION, cycles: 2 });
-    k.patch(leftArc, { opacity: 0.75 });
-    k.text(ring, "3", { style: "Ring 64", color: "onPanel", name: "Days figure" });
-    k.text(ring, "DAYS LEFT", { style: "Ring label 12", color: "panelSoft", name: "Ring label" });
-    const stripW = DAYS.total * (DAYS.cell + DAYS.gap) - DAYS.gap;
-    const strip = k.stack(head, { direction: "HORIZONTAL", width: stripW, gap: DAYS.gap, name: "Days", absolute: { x: 36, y: 282 } });
-    for (let d = 1; d <= DAYS.total; d++) {
-      const lit = d > spent;
-      const cell = k.stack(strip, { width: DAYS.cell, height: DAYS.height, align: "CENTER", justify: "CENTER", fill: lit ? "amber" : "cell", radius: 4, name: `Day ${d}` });
-      k.text(cell, String(d), { style: "Day 12", color: lit ? "onAmber" : "panelSoft", name: "Day number" });
-    }
-    const intro = section(k, sheet, { name: "Intro", pad: [36, 40, 16, 40], gap: 10 });
-    k.text(intro, "What you built in eleven days", { style: "Heading 24", color: "text", name: "Heading" });
-    k.text(intro, "Hi Dana. Before the trial runs out, here is what your team has put into {{brand.company}} so far.", { style: "Body 16", color: "onPaper", name: "Intro words" });
-    const built = section(k, sheet, { name: "Built", pad: [4, 40, 8, 40], gap: 12 });
-    for (const pair of [BUILT.slice(0, 2), BUILT.slice(2)]) {
-      const row = mailRow(k, built, { name: "Built row", gap: 12 });
-      for (const [figure, label] of pair) {
-        const cell = k.stack(row, { width: 254, fill: "tint", padding: { top: 16, right: 18, bottom: 16, left: 18 }, gap: 2, name: "Built cell" });
-        k.text(cell, figure, { style: "Figure 30", color: "onTint", name: "Built figure" });
-        k.text(cell, label, { style: "Small 15", color: "onTint", name: "Built label" });
-      }
-    }
-    const after = section(k, sheet, { name: "After", pad: [12, 40, 12, 40] });
-    k.text(after, "All of it stays if you pick a plan. If you don\u2019t, the workspace goes read-only for 30 days and is then archived. Nothing is deleted without a second email from us.", { style: "Body 16", color: "onPaper", name: "After words" });
-    const plans = section(k, sheet, { name: "Plans", pad: [8, 40, 8, 40] });
-    for (const p of PLANS) {
-      k.rect(plans, "FILL", 1, "tint", { name: "Plan rule" });
-      const row = mailRow(k, plans, { name: "Plan", gap: 16, padding: { top: 16, right: 0, bottom: 16, left: 0 } });
-      const left = k.stack(row, { width: "FILL", gap: 4, name: "Plan words" });
-      const title = k.stack(left, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Plan title" });
-      k.text(title, p.name, { style: "Strong 17", color: "text", autoWidth: true, name: "Plan name" });
-      if (p.fits) tag(k, title, "FITS YOUR USAGE", { fill: "primary", ink: "onPrimary", style: "Label 12", name: "Fits" });
-      k.text(left, p.lines, { style: "Small 15", color: "onPaper", name: "Plan lines" });
-      const right = k.stack(row, { width: 124, align: "MAX", name: "Plan price" });
-      k.text(right, p.price, { style: "Price 15", color: "text", align: "RIGHT", name: "Price" });
-    }
-    k.rect(plans, "FILL", 1, "tint", { name: "Plan rule" });
-    const offer = section(k, sheet, { name: "Offer", pad: [16, 40, 4, 40] });
-    const box = k.stack(offer, { fill: "tint", padding: { top: 18, right: 20, bottom: 18, left: 20 }, gap: 4, name: "Offer box" });
-    k.text(box, "A SMALL THANK-YOU", { style: "Label 12", color: "onTint", name: "Offer label" });
-    k.text(box, "Pick either plan by Monday and your first three months are 20% off. The button below applies it; there is no code to remember.", { style: "Small 15", color: "onTint", name: "Offer words" });
-    callToAction(k, sheet, { button: "Mail button", label: "Choose a plan", pad: [26, 40, 30, 40], note: "Not ready? Reply and tell us what is missing. A person reads every answer.", noteStyle: "Small 15", noteInk: "onPaper" });
-    mailFooter(k, sheet, { style: "Fine 13", ink: "onPaper", rule: "tint", pad: [8, 40, 32, 40], why: "You are getting this because your {{brand.company}} trial for the workspace \u201CNorthlight\u201D ends soon." });
-    k.cues(sheet, cues);
-    return finishMail(k, sheet);
-  }
-});
-
-export {
-  saas_mail_trial_ending_default
-};