@popcraft/kit 0.32.0 → 0.32.1

package/dist/chunks/chunk-IOX6VN3U.js

@@ -1,118 +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 {
-  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

@@ -1,105 +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 {
-  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

@@ -1,407 +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 {
-  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
-};