@popcraft/kit 0.29.0 → 0.30.0

package/dist/chunks/chunk-IOX6VN3U.js

@@ -0,0 +1,118 @@
+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 {
+  brand,
+  caption,
+  captionCues,
+  captionParts,
+  column,
+  glow,
+  rig,
+  sizes,
+  stage
+} from "./chunk-BJ7KIGYV.js";
+import {
+  key
+} from "./chunk-OTE5FUDA.js";
+import {
+  BASE,
+  LID,
+  PHONE,
+  deviceShadow,
+  devices
+} from "./chunk-IGV5QPFA.js";
+import {
+  DESKTOP_SCREEN,
+  appScreens
+} from "./chunk-MZVIWZ2V.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  applyPreset
+} from "./chunk-74UIMI6P.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion3d/laptop-reveal.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 8e3;
+var FPS = 60;
+var SIZES = ["video-1080p"];
+var OPEN_AT = 700;
+var OPENED = 2300;
+var PHONE_AT = 4200;
+var CAPTION = { name: "Caption", kicker: "Fern for the web", title: "Your whole financial picture, on the big screen.", cta: "Open fern.app" };
+var CUES = captionCues(CAPTION, OPENED - 300);
+function build(k, sheet, s) {
+  k.nameSheet(sheet, `Laptop reveal \xB7 ${preset(s.preset).name}`);
+  glow(k, sheet, "primary", Math.round(1500 * s.u), s.W * 0.52, s.H * 0.62, 0.5);
+  const scene = stage(k, sheet, s, { duration: DURATION, fps: FPS, perspective: 2600 * s.u });
+  const laptop = rig(k, scene, s, "Laptop", LID.width, LID.height, s.W * 0.5, s.H * 0.66 - LID.height / 2);
+  k.patch(laptop, { scaleX: 0.47, scaleY: 0.47, rotateX: -16, rotateY: 10, anchorY: 1 });
+  const deck = k.instance(laptop, "Laptop base", {}, { name: "Keyboard deck" });
+  k.patch(deck, { x: Math.round((LID.width - BASE.width) / 2), y: LID.height, anchorY: 0, rotateX: 90, effects: [deviceShadow(0.45, 50, 90)] });
+  const hinge = k.group(laptop, { x: 0, y: 0, width: LID.width, height: LID.height }, { name: "Hinge" });
+  k.patch(hinge, { anchorY: 1, rotateX: 8 });
+  const display = k.instance(hinge, "Laptop lid", {}, { name: "Display" });
+  k.patch(display, { z: 2 });
+  const off = k.rect(hinge, DESKTOP_SCREEN.width, DESKTOP_SCREEN.height, "device", { radius: DESKTOP_SCREEN.radius, name: "Screen off" });
+  k.patch(off, { x: (LID.width - DESKTOP_SCREEN.width) / 2, y: 24, z: 4, opacity: 0 });
+  const outside = k.instance(hinge, "Laptop lid back", {}, { name: "Lid outside" });
+  k.patch(outside, { z: -2, rotateY: 180 });
+  key(k, hinge, "rotateX", [[OPEN_AT, -90, ease.out("expo")], [OPENED, 8]]);
+  key(k, off, "opacity", [[0, 1, ease.hold], [OPEN_AT + 500, 1, ease.out("cubic")], [OPENED + 200, 0]]);
+  key(k, laptop, "rotateY", [[0, 28, ease.inOut("cubic")], [OPENED + 400, 10, ease.inOut("sine")], [DURATION, 4]]);
+  key(k, laptop, "translateY", [[0, k.node(laptop).translateY + Math.round(160 * s.u), ease.out("expo")], [OPENED, k.node(laptop).translateY]]);
+  k.apply(scene, (n) => applyPreset(n, "push-in", { duration: DURATION, amount: 0.08 }));
+  const phone = rig(k, scene, s, "Phone", PHONE.width, PHONE.height, s.W * 0.75, s.H * 0.62);
+  k.patch(phone, { scaleX: 0.36, scaleY: 0.36, z: 240, rotateY: -16 });
+  const handset = k.instance(phone, "Phone", { Screen: { swap: "Screen / Home" } }, { name: "Handset" });
+  k.patch(handset, { effects: [deviceShadow(0.45, 40, 80)] });
+  key(k, phone, "translateY", [[PHONE_AT, k.node(phone).translateY + Math.round(700 * s.u), ease.out("expo")], [PHONE_AT + 1200, k.node(phone).translateY]]);
+  key(k, phone, "rotateY", [[PHONE_AT, -60, ease.out("expo")], [PHONE_AT + 1400, -16]]);
+  k.behave(phone, "translateY", [{ kind: "sine", amp: 10, freq: 0.3 }]);
+  captionParts(k, s, { kicker: CAPTION.kicker, cta: CAPTION.cta });
+  const col = column(s, 300);
+  caption(k, sheet, s, { ...CAPTION, step: "subtitle", width: col.width, align: "CENTER", at: { x: col.x, y: Math.round(64 * s.u) } });
+  k.cues(sheet, CUES);
+}
+var laptop_reveal_default = defineTemplate({
+  id: "motion-3d-laptop-reveal",
+  meta: {
+    name: "Laptop reveal",
+    description: "A closed laptop opens on its hinge in 3D, the screen wakes to your web app, the camera pushes in and a phone rises beside it \u2014 an 8-second, 60 fps 16:9 reveal for a web launch. Swap the display's screen, or drop in a screenshot",
+    category: "animation",
+    tags: ["animation", "3d", "laptop", "web app", "saas", "device", "mockup", "reveal", "launch"],
+    platforms: ["youtube", "linkedin", "x", "web"],
+    formats: ["video", "intro", "ad"],
+    useCases: ["launch", "announcement"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  build() {
+    const k = new Kit("Laptop reveal", preset(SIZES[0]));
+    brand(k, "dark");
+    appScreens(k, ["Home", "Dashboard", "Screenshot"]);
+    devices(k, ["Phone", "Laptop lid", "Laptop lid back", "Laptop base"], { laptop: "Screen / Dashboard" });
+    const [cover] = sizes(k, SIZES, (sheet, s) => build(k, sheet, s));
+    k.setCover(cover);
+    return k.finish();
+  }
+});
+
+export {
+  laptop_reveal_default
+};

package/dist/chunks/chunk-IOXWI4IK.js

@@ -0,0 +1,105 @@
+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 {
+  brackets,
+  courierBox,
+  cyberBrand,
+  hazard,
+  hudGrid,
+  lift,
+  plate,
+  split,
+  stampUnder,
+  street
+} from "./chunk-5N6C6D64.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  logoBadge,
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/cyberpunk-link-preview.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SCENE = { horizon: 0.8, figure: 0.27, holo: 0.21, rate: 0 };
+var cyberpunk_link_preview_default = defineTemplate({
+  id: "social-cyberpunk-link-preview",
+  meta: {
+    name: "Cyberpunk incident link preview",
+    description: "A 1200 \xD7 630 link preview for a post-mortem, a security write-up or a changelog entry, as a HUD over a neon street: the headline in heavy capitals with its colours split, the figures in one mono line, and a rain-slick street with a holographic lock, targeting brackets on a courier and BLOCKED stamped at his feet",
+    category: "social",
+    tags: ["cyberpunk", "neon", "hud", "glitch", "rain", "night", "security", "incident", "post-mortem", "ai agents", "dev tool", "link preview", "open graph", "og image", "saas", "mono"],
+    platforms: ["web", "x", "linkedin", "facebook"],
+    formats: ["og-image"],
+    useCases: ["case-study", "stats", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Cyberpunk incident link preview", preset("og-image"));
+    k.quantizeGeometry = true;
+    cyberBrand(k, { headline: "THE BREACH THAT DIDN\u2019T HAPPEN." });
+    k.textStyle("Eyebrow 18", { ...MONO, size: 18, fontWeight: 700, letterSpacing: 3, lineHeight: 24, textCase: "UPPER" });
+    k.textStyle("Display 76", { size: 76, fontWeight: 900, letterSpacing: -2.8, lineHeight: 74 });
+    k.textStyle("Facts 20", { ...MONO, size: 20, fontWeight: 600, lineHeight: 30 });
+    k.textStyle("Brand 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 1, lineHeight: 28, textCase: "UPPER" });
+    k.textStyle("Hud 16", { ...MONO, size: 16, fontWeight: 700, letterSpacing: 1.4, lineHeight: 20, textCase: "UPPER" });
+    k.textStyle("Readout 18", { ...MONO, size: 18, fontWeight: 700, lineHeight: 24 });
+    k.textStyle("Stamp 40", { size: 40, fontWeight: 900, letterSpacing: 2, lineHeight: 42 });
+    k.textStyle("Tag 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1.5, lineHeight: 20, textCase: "UPPER" });
+    pill(k, "Kind", { fill: "primary", ink: "onPrimary", style: "Tag 16", label: "Incident report", pad: [6, 12], radius: 0 });
+    const sheet = k.sheet;
+    const SW = 470, SH = 630, SX = 730;
+    k.flowSheet(sheet, 0, { top: 60, right: SW + 64, bottom: 56, left: 64 }, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    hudGrid(k, sheet, 1200, 630, 105, { opacity: 0.055 });
+    street(k, sheet, SW, SH, { ...SCENE, at: { x: SX, y: 0 } });
+    hazard(k, sheet, 16, { upright: 630, name: "Hazard edge", absolute: { x: SX - 16, y: 0 } });
+    const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Head" });
+    k.instance(head, "Kind", { Label: "Incident report" }, { name: "Kind" });
+    k.text(head, "No. 0412 \xB7 02:14 a.m.", { style: "Eyebrow 18", color: "onPaper", autoWidth: true, name: "Eyebrow" });
+    const mid = k.stack(sheet, { gap: 22, name: "Middle" });
+    k.text(mid, "{{brand.headline}}", { style: "Display 76", color: "text", name: "Headline", effects: split(k, 4) });
+    const rule = k.stack(mid, { direction: "HORIZONTAL", gap: 6, name: "Rule" });
+    k.rect(rule, 72, 6, "primary", { name: "Rule yellow" });
+    k.rect(rule, 36, 6, "secondary", { name: "Rule cyan" });
+    k.rect(rule, 18, 6, "accent", { name: "Rule magenta" });
+    k.text(mid, "One poisoned ticket \xB7 one live Stripe key \xB7 blocked in 38 ms", { style: "Facts 20", color: "onPaper", name: "Facts" });
+    const by = k.stack(sheet, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Byline" });
+    logoBadge(k, by, { fill: "primary", size: 24, pad: 6, radius: 0 });
+    k.text(by, "{{brand.name}}", { style: "Brand 22", color: "text", name: "Brand name" });
+    const c = courierBox(SW, SH, SCENE);
+    const lock = { x: SX + c.x - 30, y: c.y - 26, width: c.width + 60, height: c.height + 46 };
+    brackets(k, sheet, lock.width, lock.height, { name: "Lock", len: 34, width: 4.5, absolute: { x: lock.x, y: lock.y } });
+    const tag = plate(k, sheet, { width: 210, gap: 1, padding: { top: 14, right: 10, bottom: 12, left: 14 }, edge: "accent", tab: "accent", name: "Tag", absolute: { x: SX + 20, y: lock.y - 116 }, effects: [lift(k, 26, 0.8)] });
+    for (const [label, value] of [["Agent", "support-bot-7"], ["Call", "send_email()"]]) {
+      k.text(tag, label, { style: "Hud 16", color: "onCard", name: "Tag label" });
+      k.text(tag, value, { style: "Readout 18", color: "onCard", name: "Tag value" });
+    }
+    const STAMP_W = 232;
+    const stamp = k.stack(sheet, { direction: "HORIZONTAL", width: STAMP_W, justify: "CENTER", fill: "primary", padding: { top: 4, right: 16, bottom: 5, left: 16 }, stroke: { color: "onPrimary", width: 3.5, align: "INSIDE", join: "MITER" }, name: "Stamp", absolute: stampUnder(c, STAMP_W, SX), effects: [lift(k, 24, 0.8)] });
+    k.text(stamp, "BLOCKED", { style: "Stamp 40", color: "onPrimary", autoWidth: true, name: "Stamp words" });
+    k.patch(stamp, { rotation: -7 });
+    return k.finish();
+  }
+});
+
+export {
+  cyberpunk_link_preview_default
+};

package/dist/chunks/chunk-IP2BTFBT.js

@@ -0,0 +1,407 @@
+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 {
+  appear,
+  drawOn
+} from "./chunk-WV6ZTKE7.js";
+import {
+  noise,
+  shadow
+} from "./chunk-M6VTXO6F.js";
+import {
+  box,
+  line,
+  poly
+} from "./chunk-6RCDZU4R.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/blueprint-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var STENCIL = { fontFamily: "JetBrains Mono", textCase: "UPPER" };
+var PARTS = [
+  { name: "Edge", note: "TLS ends in 34 regions", ms: 3.2 },
+  { name: "Auth", note: "keys and JWTs, in memory", ms: 1.8 },
+  { name: "Limiter", note: "per-key sliding window", ms: 0.6 },
+  { name: "Cache", note: "answers what it can", ms: 4.1 },
+  { name: "Router", note: "healthiest origin, one retry", ms: 9.3 }
+];
+function blueprintBrand(k, fields = {}) {
+  k.brand(
+    {
+      paper: "#0B3B78",
+      text: "#F2F7FC",
+      onPaper: "#C9DCF0",
+      primary: "#FF6B3D",
+      onPrimary: "#1C0A03",
+      accent: "#FFD23F",
+      onAccent: "#231A00",
+      card: "#F1EAD8",
+      onCard: "#0E2F5E"
+    },
+    { name: "Girder", site: "girder.example", ...fields }
+  );
+  k.palette({ shade: "#020A18", lume: "#FFFFFF" });
+}
+var ring = (cx, cy, r, n = 24) => poly(Array.from({ length: n }, (_, i) => {
+  const a = i / n * Math.PI * 2;
+  return [cx + r * Math.cos(a), cy + r * Math.sin(a)];
+}));
+function dash(k, id, pattern) {
+  const n = k.node(id);
+  k.patch(id, { strokes: (n.strokes ?? []).map((s) => ({ ...s, dashPattern: [...pattern] })) });
+}
+var lift = (k, blur = 34, a = 0.55, y = 14) => shadow(k, "shade", a, y, blur);
+var tooth = (amount = 0.05, size = 2) => [noise({ id: "grain", amount, size, seed: 31 })];
+function sheetGeo(w, h, o) {
+  const m = o.margin ?? 28, cell = o.cell ?? 120, minor = cell / 5;
+  const x0 = w / 2 % cell, y0 = o.open ? 0 : h / 2 % cell;
+  const fine = [], major = [];
+  for (let x = x0 % minor, i = 0; x <= w; x += minor, i++) fine.push(line(x, 0, x, h));
+  for (let y = y0 % minor; y <= h; y += minor) fine.push(line(0, y, w, y));
+  for (let x = x0; x <= w; x += cell) major.push(line(x, 0, x, h));
+  for (let y = y0; y <= h; y += cell) major.push(line(0, y, w, y));
+  const border = [], frame = [];
+  if (!o.open) {
+    const band = Math.round(m * 0.6);
+    border.push(box(m, m, w - 2 * m, h - 2 * m));
+    frame.push(box(m + band, m + band, w - 2 * (m + band), h - 2 * (m + band)));
+    for (let x = x0; x < w - m; x += cell) if (x > m + band) border.push(line(x, m, x, m + band), line(x, h - m - band, x, h - m));
+    for (let y = y0; y < h - m; y += cell) if (y > m + band) border.push(line(m, y, m + band, y), line(w - m - band, y, w - m, y));
+    const c = band * 0.9;
+    border.push(poly([[w / 2 - c, m + band], [w / 2, m + band + c * 1.4], [w / 2 + c, m + band]], false), poly([[w / 2 - c, h - m - band], [w / 2, h - m - band - c * 1.4], [w / 2 + c, h - m - band]], false));
+    border.push(poly([[m + band, h / 2 - c], [m + band + c * 1.4, h / 2], [m + band, h / 2 + c]], false), poly([[w - m - band, h / 2 - c], [w - m - band - c * 1.4, h / 2], [w - m - band, h / 2 + c]], false));
+  }
+  if (o.open) frame.push(line(0, h, w, h));
+  return { "Grid fine": fine, "Grid major": major, "Sheet border": border, "Sheet frame": frame };
+}
+var WASHES = ["Sheet paper", "Sheet light", "Sheet shade"];
+function drawingSheet(k, parent, w, h, o = {}) {
+  const at = { absolute: { x: 0, y: 0 } };
+  k.rect(parent, w, h, "paper", { name: "Sheet paper", ...at, ...o.grain ? { effects: tooth(o.grain) } : {} });
+  k.rect(parent, w, h, [k.gradient({ from: "lume", to: "lume", kind: "RADIAL", fromOpacity: 0.11, toOpacity: 0, handles: [{ x: 0.3, y: 0.25 }, { x: 1.05, y: 0.25 }, { x: 0.3, y: 0.95 }] })], { name: "Sheet light", ...at });
+  if (!o.open) k.rect(parent, w, h, [k.gradient({ from: "shade", to: "shade", kind: "RADIAL", fromOpacity: 0, toOpacity: 0.42, handles: [{ x: 0.45, y: 0.4 }, { x: 1.35, y: 0.4 }, { x: 0.45, y: 1.3 }] })], { name: "Sheet shade", ...at });
+  const geo = sheetGeo(w, h, o);
+  k.vector(parent, w, h, geo["Grid fine"], "text", { name: "Grid fine", strokeWidth: 1, opacity: 0.07, ...at });
+  k.vector(parent, w, h, geo["Grid major"], "text", { name: "Grid major", strokeWidth: 1.5, opacity: 0.16, ...at });
+  if (!o.open) k.vector(parent, w, h, geo["Sheet border"], "text", { name: "Sheet border", strokeWidth: 2, opacity: 0.85, ...at });
+  k.vector(parent, w, h, geo["Sheet frame"], "text", { name: "Sheet frame", strokeWidth: o.open ? 2 : 4, ...o.open ? { opacity: 0.5 } : {}, ...at });
+}
+function fitSheet(k, sheetId, w, h, o = {}) {
+  const geo = sheetGeo(w, h, o);
+  for (const name of WASHES) for (const id of k.named(sheetId, name)) k.patch(id, { x: 0, y: 0, width: w, height: h });
+  for (const [name, paths] of Object.entries(geo)) for (const id of k.named(sheetId, name)) k.patch(id, { x: 0, y: 0, width: w, height: h, paths });
+}
+var KINDS = ["edge", "auth", "limiter", "cache", "router"];
+function facePaths(kind, iso) {
+  const isoRing = (u, v, r, n = 20) => poly(Array.from({ length: n }, (_, i) => {
+    const a = i / n * Math.PI * 2;
+    return iso(u + r * Math.cos(a), v + r * Math.sin(a));
+  }));
+  const isoLine = (...p) => poly(p.map(([u, v]) => iso(u, v)), false);
+  const isoBox = (u, v, w, h) => poly([iso(u, v), iso(u + w, v), iso(u + w, v + h), iso(u, v + h)]);
+  const out = [isoBox(0.06, 0.06, 0.88, 0.88), isoRing(0.5, 0.5, 0.1)];
+  for (const [u, v] of [[0.15, 0.15], [0.85, 0.15], [0.85, 0.85], [0.15, 0.85]]) out.push(isoRing(u, v, 0.035, 12));
+  if (kind === "edge") {
+    out.push(isoRing(0.5, 0.5, 0.2), isoRing(0.5, 0.5, 0.34, 28));
+    for (let i = 0; i < 8; i++) {
+      const a = i / 8 * Math.PI * 2 + Math.PI / 8;
+      out.push(isoRing(0.5 + 0.27 * Math.cos(a), 0.5 + 0.27 * Math.sin(a), 0.03, 10));
+    }
+  } else if (kind === "auth") {
+    out.push(isoRing(0.5, 0.5, 0.19), isoRing(0.5, 0.5, 0.25, 28), isoBox(0.46, 0.68, 0.08, 0.16), isoBox(0.42, 0.78, 0.04, 0.06));
+    for (let i = 0; i < 12; i++) {
+      const a = i / 12 * Math.PI * 2;
+      out.push(isoLine([0.5 + 0.28 * Math.cos(a), 0.5 + 0.28 * Math.sin(a)], [0.5 + 0.33 * Math.cos(a), 0.5 + 0.33 * Math.sin(a)]));
+    }
+  } else if (kind === "limiter") {
+    for (let i = 0; i < 6; i++) {
+      const v = 0.22 + i * 0.112;
+      if (Math.abs(v + 0.02 - 0.5) < 0.15) out.push(isoBox(0.22, v, 0.13, 0.04), isoBox(0.65, v, 0.13, 0.04));
+      else out.push(isoBox(0.22, v, 0.56, 0.04));
+    }
+  } else if (kind === "cache") {
+    for (const u of [0.2, 0.33, 0.57, 0.7]) for (const v of [0.2, 0.33, 0.57, 0.7]) out.push(isoBox(u, v, 0.1, 0.1));
+  } else {
+    out.push(isoRing(0.5, 0.5, 0.16));
+    const pad = (u, v) => out.push(isoRing(u, v, 0.04, 12));
+    out.push(isoLine([0.66, 0.5], [0.78, 0.5], [0.84, 0.4]));
+    pad(0.86, 0.36);
+    out.push(isoLine([0.66, 0.54], [0.74, 0.62], [0.74, 0.76]));
+    pad(0.74, 0.8);
+    out.push(isoLine([0.5, 0.66], [0.5, 0.8]));
+    pad(0.5, 0.84);
+    out.push(isoLine([0.34, 0.5], [0.24, 0.5], [0.2, 0.6]));
+    pad(0.2, 0.64);
+    out.push(isoLine([0.4, 0.38], [0.3, 0.28]));
+    pad(0.27, 0.25);
+  }
+  return out;
+}
+function assembly(k, parent, o) {
+  const kinds = o.kinds ?? KINDS, n = kinds.length;
+  const { a, t, pitch } = o;
+  const left = o.left ?? 16, right = o.right ?? 16, top = o.top ?? 56, bottom = o.bottom ?? 56;
+  const width = left + 2 * a + right, height = top + a + (n - 1) * pitch + t + bottom;
+  const cx = left + a;
+  const ys = Array.from({ length: n }, (_, i) => top + a / 2 + i * pitch);
+  const weight = o.weight ?? 3;
+  const id = k.frame(parent, { x: o.at?.x ?? 0, y: o.at?.y ?? 0, width, height }, { name: o.name ?? "Assembly" });
+  const full = { absolute: { x: 0, y: 0 } };
+  const guideLines = [];
+  for (let i = 0; i < n - 1; i++) for (const x of [cx - a, cx + a]) guideLines.push(line(x, ys[i] + t, x, ys[i + 1]));
+  const guides = k.vector(id, width, height, guideLines, "text", { name: "Explode lines", strokeWidth: 1.5, opacity: 0.6, ...full });
+  dash(k, guides, [10, 7]);
+  const flows = new Array(n + 1);
+  const nodes = new Array(n);
+  const parts = new Array(n);
+  const flow = (i, y1, y2) => {
+    const head = Math.max(7, a * 0.05);
+    flows[i] = k.vector(id, width, height, [line(cx, y1, cx, y2), poly([[cx - head, y2 - head * 1.5], [cx, y2], [cx + head, y2 - head * 1.5]], false)], "accent", { name: `Flow ${i}`, strokeWidth: weight + 1, ...full });
+  };
+  const m = 4;
+  flow(n, ys[n - 1] + a / 2 + t, height - 6);
+  for (let i = n - 1; i >= 0; i--) {
+    const part = k.frame(id, { x: cx - a - m, y: ys[i] - a / 2 - m, width: 2 * a + 2 * m, height: a + t + 2 * m }, { name: `Part ${i + 1}` });
+    parts[i] = part;
+    const px = a + m, py = a / 2 + m;
+    const W = 2 * a + 2 * m, H = a + t + 2 * m;
+    const at0 = { absolute: { x: 0, y: 0 } };
+    k.vector(part, W, H, [poly([[px - a, py], [px, py - a / 2], [px + a, py], [px + a, py + t], [px, py + a / 2 + t], [px - a, py + t]])], "paper", { name: "Part body", effects: [lift(k, Math.round(a * 0.16), 0.5, Math.round(a * 0.12))], ...at0 });
+    k.vector(part, W, H, [poly([[px, py + a / 2], [px + a, py], [px + a, py + t], [px, py + a / 2 + t]])], [k.gradient({ from: "shade", to: "shade", angle: 0, fromOpacity: 0.5, toOpacity: 0.2 })], { name: "Part shade", ...at0 });
+    k.vector(part, W, H, [poly([[px - a, py], [px, py - a / 2], [px + a, py], [px, py + a / 2]])], [k.gradient({ from: "lume", to: "lume", angle: 20, fromOpacity: 0.16, toOpacity: 0.02 })], { name: "Part light", ...at0 });
+    const hatch = [];
+    const len = Math.hypot(a, a / 2), slant = t / len, step = Math.max(7, t * 0.3) / len;
+    const edge = (s, tau) => [px - a + a * s, py + a / 2 * s + t * tau];
+    for (let s = -slant; s < 1; s += step) {
+      const t0 = Math.max(0, -s / slant), t1 = Math.min(1, (1 - s) / slant);
+      if (t1 - t0 > 0.02) hatch.push(poly([edge(s + slant * t0, t0), edge(s + slant * t1, t1)], false));
+    }
+    k.vector(part, W, H, hatch, "text", { name: "Part hatch", strokeWidth: Math.max(1, weight * 0.45), opacity: 0.7, ...at0 });
+    const scribe = [];
+    for (const f of [0.34, 0.67]) scribe.push(line(px + 6, py + a / 2 - 3 + t * f, px + a - 6, py + 3 + t * f));
+    k.vector(part, W, H, scribe, "text", { name: "Part scribe", strokeWidth: 1, opacity: 0.4, ...at0 });
+    const iso = (u, v) => [px + (u - v) * a, py + (u + v - 1) * a / 2];
+    k.vector(part, W, H, facePaths(kinds[i], iso), "text", { name: "Part face", strokeWidth: Math.max(1.25, weight * 0.55), opacity: 0.92, ...at0 });
+    k.vector(part, W, H, [
+      poly([[px - a, py], [px, py - a / 2], [px + a, py], [px, py + a / 2]]),
+      poly([[px - a, py], [px - a, py + t], [px, py + a / 2 + t], [px + a, py + t], [px + a, py]], false),
+      line(px, py + a / 2, px, py + a / 2 + t)
+    ], "text", { name: "Part edges", strokeWidth: weight, ...at0 });
+    const r = Math.max(5, a * 0.045);
+    nodes[i] = k.ellipse(part, r * 2, "accent", { name: "Flow node", absolute: { x: px - r, y: py - r / 2 } });
+    k.patch(nodes[i], { height: r });
+    flow(i, i === 0 ? 6 : ys[i - 1] + a / 2 + t, ys[i] - 2);
+  }
+  const mid = (ys[0] + ys[n - 1]) / 2;
+  const closed = ys.map((y, i) => Math.round(mid + (i - (n - 1) / 2) * t - y));
+  return { id, width, height, cx, ys, a, t, parts, flows, nodes, guides, closed };
+}
+function explode(k, asm, at, duration, gap = 0) {
+  const n = asm.parts.length;
+  asm.parts.forEach((id, i) => {
+    const order = Math.round(Math.abs(i - (n - 1) / 2));
+    const t0 = at + (Math.floor((n - 1) / 2) - order) * gap;
+    k.animate(id, "translateY", [{ t: t0, v: asm.closed[i], ease: ease.inOut("cubic") }, { t: t0 + duration, v: 0 }]);
+  });
+  appear(k, asm.guides, at + duration * 0.7, 400, 0.6);
+}
+function runFlow(k, asm, at, step) {
+  asm.flows.forEach((id, i) => {
+    const t0 = at + i * step;
+    drawOn(k, id, t0, Math.round(step * 0.7));
+    appear(k, id, t0, 60);
+    if (asm.nodes[i]) appear(k, asm.nodes[i], t0 + Math.round(step * 0.6), 140);
+  });
+}
+function callouts(k, asm, items, o) {
+  const { cx, a, t } = asm;
+  items.forEach((item, i) => {
+    const y = asm.ys[i];
+    const from = [cx + a * 0.72, y + a * 0.06];
+    const bx = cx + a + o.gap, by = y - a * 0.18 + t / 2;
+    const d = Math.hypot(bx - from[0], by - from[1]);
+    const to = [bx - (bx - from[0]) / d * o.r, by - (by - from[1]) / d * o.r];
+    k.vector(asm.id, asm.width, asm.height, [poly([from, to], false), ring(from[0], from[1], 3.5, 10)], "text", { name: `Leader ${i + 1}`, strokeWidth: o.weight ?? 2, absolute: { x: 0, y: 0 } });
+    const balloon = k.stack(asm.id, { width: o.r * 2, height: o.r * 2, radius: o.r, fill: "paper", stroke: { color: "text", width: (o.weight ?? 2) + 0.5, align: "INSIDE" }, align: "CENTER", justify: "CENTER", name: `Balloon ${i + 1}`, absolute: { x: bx - o.r, y: by - o.r } });
+    k.text(balloon, String(i + 1), { style: o.num, color: "text", autoWidth: true, name: "Balloon number" });
+    const label = k.stack(asm.id, { width: o.labelWidth, gap: 2, name: `Label ${i + 1}`, absolute: { x: bx + o.r + 14, y: by - o.r + 2 } });
+    k.text(label, item.name, { style: o.name, color: "text", name: "Label name" });
+    if (item.note && o.note) k.text(label, item.note, { style: o.note, color: "onPaper", name: "Label note" });
+  });
+}
+function dimension(k, parent, o) {
+  const L = o.length, B = Math.max(o.labelHeight, 24), half = B / 2;
+  const ext = o.ext ?? 40, weight = o.weight ?? 2;
+  const lo = Math.min(0, -ext) - 8, hi = Math.max(0, -ext) + 8;
+  const across = Math.max(half, -lo, hi);
+  const size = o.upright ? { width: across * 2, height: L } : { width: L, height: across * 2 };
+  const id = k.frame(parent, { x: o.at.x - (o.upright ? across : 0), y: o.at.y - (o.upright ? 0 : across), ...size }, { name: o.name ?? "Dim" });
+  const P = (along, off) => o.upright ? [across + off, along] : [along, across + off];
+  const head = 13, wing = 4;
+  const full = { absolute: { x: 0, y: 0 } };
+  const extId = k.vector(id, size.width, size.height, [poly([P(0, lo), P(0, hi)], false), poly([P(L, lo), P(L, hi)], false)], o.color ?? "text", { name: "Dim ext", strokeWidth: Math.max(1, weight * 0.6), opacity: 0.8, ...full });
+  const lineId = k.vector(id, size.width, size.height, [
+    poly([P(1, 0), P(L - 1, 0)], false),
+    poly([P(1, 0), P(head, -wing), P(head, wing)]),
+    poly([P(L - 1, 0), P(L - head, -wing), P(L - head, wing)])
+  ], o.color ?? "text", { name: "Dim line", strokeWidth: weight, ...full });
+  const mid = P(L / 2, 0);
+  const label = k.stack(id, { width: o.labelWidth, height: o.labelHeight, fill: "paper", align: "CENTER", justify: "CENTER", name: "Dim label", absolute: { x: mid[0] - o.labelWidth / 2, y: mid[1] - o.labelHeight / 2 } });
+  const text = k.text(label, o.label, { style: o.style, color: "text", autoWidth: true, name: o.labelName ?? "Dim figure" });
+  return { id, line: lineId, ext: extId, label, text };
+}
+function extend(k, d, at, duration = 600, upright = false) {
+  appear(k, d.ext, at, 160, 0.8);
+  appear(k, d.line, at + 80, 100);
+  k.animate(d.line, upright ? "scaleY" : "scaleX", [{ t: at + 80, v: 0.04, ease: ease.out("expo") }, { t: at + 80 + duration, v: 1 }]);
+  appear(k, d.label, at + 160, 200);
+}
+function hatchBox(x, y, w, h, step, dir) {
+  const out = [];
+  for (let c = -h + step / 2; c < w; c += step) {
+    const u0 = Math.max(0, -c), u1 = Math.min(h, w - c);
+    if (u1 - u0 < 2) continue;
+    const X = (u) => dir === 1 ? x + c + u : x + w - c - u;
+    out.push(line(X(u0), y + h - u0, X(u1), y + h - u1));
+  }
+  return out;
+}
+function shaft(k, parent, w, h, o) {
+  const stub = o.stub ?? 56, bore = o.bore ?? 34, weight = o.weight ?? 3;
+  const id = k.frame(parent, { x: o.at?.x ?? 0, y: o.at?.y ?? 0, width: w, height: h }, { name: o.name ?? "Shaft" });
+  const cy = h / 2;
+  const total = o.stations.reduce((s, st) => s + st.w, 0);
+  const run = w - 2 * stub;
+  const xs = [], ws = [], tops = [], bottoms = [];
+  let x = stub;
+  for (const st of o.stations) {
+    const sw = st.w / total * run;
+    xs.push(x);
+    ws.push(sw);
+    tops.push(cy - st.h * h / 2);
+    bottoms.push(cy + st.h * h / 2);
+    x += sw;
+  }
+  const A = [], B = [], edges = [], fine = [];
+  const step = o.hatch ?? 13;
+  o.stations.forEach((_, i) => {
+    const sh = cy - bore / 2 - tops[i];
+    const bands = i % 2 ? B : A;
+    bands.push(...hatchBox(xs[i], tops[i], ws[i], sh, step, i % 2 ? -1 : 1), ...hatchBox(xs[i], cy + bore / 2, ws[i], sh, step, i % 2 ? -1 : 1));
+    edges.push(box(xs[i], tops[i], ws[i], sh), box(xs[i], cy + bore / 2, ws[i], sh));
+    const bx = xs[i] + ws[i] / 2;
+    fine.push(line(bx, tops[i] - 12, bx, tops[i] + Math.min(sh * 0.5, 34)), line(bx, bottoms[i] + 12, bx, bottoms[i] - Math.min(sh * 0.5, 34)));
+    fine.push(box(bx - 9, tops[i] - 7, 18, 7), box(bx - 9, bottoms[i], 18, 7));
+    if (i > 0) for (const sy of [cy - bore / 2 - 12, cy + bore / 2]) fine.push(box(xs[i] - 6, sy, 12, 12), line(xs[i] - 6, sy, xs[i] + 6, sy + 12), line(xs[i] + 6, sy, xs[i] - 6, sy + 12));
+  });
+  for (const [x0, x1] of [[10, stub], [w - stub, w - 10]]) edges.push(line(x0, cy - bore / 2, x1, cy - bore / 2), line(x0, cy + bore / 2, x1, cy + bore / 2));
+  for (const bx of [10, w - 10]) edges.push(poly([[bx, cy - bore / 2 - 8], [bx, cy - 5], [bx - 6, cy - 2], [bx + 6, cy + 2], [bx, cy + 5], [bx, cy + bore / 2 + 8]], false));
+  const full = { absolute: { x: 0, y: 0 } };
+  k.vector(id, w, h, A, "text", { name: "Shaft hatch", strokeWidth: 1.25, opacity: 0.62, ...full });
+  k.vector(id, w, h, B, "text", { name: "Shaft hatch back", strokeWidth: 1.25, opacity: 0.62, ...full });
+  k.vector(id, w, h, fine, "text", { name: "Shaft fittings", strokeWidth: 1.5, opacity: 0.85, ...full });
+  const edgeId = k.vector(id, w, h, edges, "text", { name: "Shaft edges", strokeWidth: weight, ...full });
+  const centre = k.vector(id, w, h, [line(0, cy, w, cy)], "text", { name: "Shaft centre", strokeWidth: 1.25, opacity: 0.7, ...full });
+  dash(k, centre, [26, 7, 5, 7]);
+  const hd = bore * 0.3;
+  const flow = k.vector(id, w, h, [line(16, cy, w - 18, cy), poly([[w - 18 - hd * 1.6, cy - hd], [w - 18, cy], [w - 18 - hd * 1.6, cy + hd]], false)], "accent", { name: "Shaft flow", strokeWidth: weight + 1.5, ...full });
+  return { id, width: w, height: h, cy, xs, ws, tops, bottoms, flow, edges: edgeId };
+}
+function titleBlock(k, parent, cells, o) {
+  const ink = o.ink ?? "text";
+  const row = k.stack(parent, { direction: "HORIZONTAL", width: o.width ?? "FILL", height: o.height, fill: o.ground ?? "paper", stroke: { color: ink, width: 2, align: "INSIDE", join: "MITER" }, name: o.name ?? "Title block", ...o.absolute ? { absolute: o.absolute } : {} });
+  for (const c of cells) {
+    const on = c.fill ? `on${c.fill[0].toUpperCase()}${c.fill.slice(1)}` : void 0;
+    const cell = k.stack(row, { ...c.width ? { width: c.width } : {}, height: "FILL", gap: 2, justify: "CENTER", padding: { top: 6, right: o.pad ?? 14, bottom: 6, left: o.pad ?? 14 }, stroke: { color: ink, width: 1, align: "INSIDE", join: "MITER" }, ...c.fill ? { fill: c.fill } : {}, name: c.name ?? "Title cell" });
+    k.text(cell, c.label, { style: o.label, color: on ?? o.quiet ?? "onPaper", name: "Cell label" });
+    k.text(cell, c.value, { style: o.value, color: on ?? ink, name: "Cell value" });
+  }
+  return row;
+}
+function revStamp(k, parent, o) {
+  const [v, h] = o.pad ?? [8, 22];
+  const id = k.stack(parent, { width: "HUG", fill: "primary", padding: 6, radius: 8, name: o.name ?? "Stamp", effects: [lift(k, 22, 0.5, 10)], ...o.absolute ? { absolute: o.absolute } : {} });
+  const inner = k.stack(id, { width: "HUG", align: "CENTER", gap: 0, padding: { top: v, right: h, bottom: v, left: h }, radius: 4, stroke: { color: "onPrimary", width: 3, align: "INSIDE" }, name: "Stamp rule" });
+  k.text(inner, o.big, { style: o.bigStyle, color: "onPrimary", autoWidth: true, name: "Stamp big" });
+  if (o.small && o.smallStyle) k.text(inner, o.small, { style: o.smallStyle, color: "onPrimary", autoWidth: true, name: "Stamp small" });
+  if (o.turn) k.patch(id, { rotation: o.turn });
+  return id;
+}
+function cloudPath(w, h, bump) {
+  const pts = [];
+  const side = (x0, y0, x1, y1) => {
+    const len = Math.hypot(x1 - x0, y1 - y0), n = Math.max(2, Math.round(len / bump));
+    const ux = (x1 - x0) / len, uy = (y1 - y0) / len, r = len / n / 2;
+    const nx = uy, ny = -ux;
+    for (let i = 0; i < n; i++) {
+      const mx = x0 + ux * (2 * i + 1) * r, my = y0 + uy * (2 * i + 1) * r;
+      for (let s = 0; s < 7; s++) {
+        const ang = Math.PI - s / 7 * Math.PI;
+        pts.push([mx + ux * r * Math.cos(ang) + nx * r * 0.8 * Math.sin(ang), my + uy * r * Math.cos(ang) + ny * r * 0.8 * Math.sin(ang)]);
+      }
+    }
+  };
+  const b = bump * 0.4;
+  side(b, b, w - b, b);
+  side(w - b, b, w - b, h - b);
+  side(w - b, h - b, b, h - b);
+  side(b, h - b, b, b);
+  return poly(pts);
+}
+function revCloud(k, parent, w, h, o) {
+  return k.vector(parent, w, h, [cloudPath(w, h, o.bump ?? 30)], "primary", { name: o.name ?? "Revision cloud", strokeWidth: o.weight ?? 3, absolute: o.at });
+}
+function revDelta(k, parent, size, o) {
+  const hgt = size * 0.87;
+  return k.vector(parent, size, hgt, [poly([[size / 2, 0], [size, hgt], [0, hgt]])], "primary", { name: o.name ?? "Revision delta", strokeWidth: 3, absolute: o.at });
+}
+function scaleBar(k, parent, o) {
+  const h = o.h ?? 10, w = o.unit * o.n;
+  const id = k.frame(parent, { x: o.at.x, y: o.at.y, width: w, height: h + 14 }, { name: o.name ?? "Scale bar" });
+  const solid = [], ticks = [box(0, 8, w, h)];
+  for (let i = 0; i < o.n; i++) {
+    if (i % 2 === 0) solid.push(box(i * o.unit, 8, o.unit, h));
+    ticks.push(line(i * o.unit, 0, i * o.unit, 8));
+  }
+  ticks.push(line(w, 0, w, 8));
+  k.vector(id, w, h + 14, solid, "text", { name: "Scale solid", absolute: { x: 0, y: 0 } });
+  k.vector(id, w, h + 14, ticks, "text", { name: "Scale ticks", strokeWidth: 1.5, absolute: { x: 0, y: 0 } });
+  return id;
+}
+function centreMark(k, parent, size, o) {
+  const c = size / 2;
+  return k.vector(parent, size, size, [ring(c, c, size * 0.22, 16), line(0, c, size, c), line(c, 0, c, size)], "text", { name: o.name ?? "Centre mark", strokeWidth: 1.5, opacity: o.opacity ?? 0.7, absolute: { x: o.at.x - c, y: o.at.y - c } });
+}
+
+export {
+  STENCIL,
+  PARTS,
+  blueprintBrand,
+  dash,
+  lift,
+  tooth,
+  drawingSheet,
+  fitSheet,
+  assembly,
+  explode,
+  runFlow,
+  callouts,
+  dimension,
+  extend,
+  shaft,
+  titleBlock,
+  revStamp,
+  revCloud,
+  revDelta,
+  scaleBar,
+  centreMark
+};