@popcraft/kit 0.27.0 → 0.28.0

package/dist/chunks/chunk-MSIDDCKK.js

@@ -0,0 +1,237 @@
+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 {
+  drawn,
+  soft
+} from "./chunk-3PDVXDJK.js";
+import {
+  flatPhone,
+  uiRoles
+} from "./chunk-XFK7KVIF.js";
+import {
+  stars
+} from "./chunk-YNOCYFZ4.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  ground
+} from "./chunk-QLV6445V.js";
+import {
+  glow
+} from "./chunk-HVK5T4I5.js";
+import {
+  rng
+} from "./chunk-BNVLVZUT.js";
+import {
+  defineTemplate
+} from "./chunk-WBZ6O2YF.js";
+import {
+  Kit,
+  preset
+} from "./chunk-MTD3UAQT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/saas-store-story.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var W = 1290;
+var H = 2796;
+var SCALE = 2.02;
+var PW = Math.round(426 * SCALE);
+var SCREENS = [
+  { name: "Score", tabs: [4, 0], blocks: [
+    { kind: "title", text: "Last night", note: "Thu 1 Oct" },
+    { kind: "ring", share: 0.61, figure: "61", label: "Sleep score" },
+    { kind: "tiles", items: [["In bed", "6h 12m"], ["Felt like", "4h 05m"]] },
+    { kind: "rows", card: true, rows: [{ title: "Woke 7 times", sub: "Longest stretch 1h 48m", glyph: "bolt" }, { title: "Deep sleep", sub: "38 min \xB7 low for you", glyph: "moon" }, { title: "Bedtime drifted", sub: "52 min later than usual", glyph: "bars" }] },
+    { kind: "button", label: "See what woke you" }
+  ] },
+  { name: "Night", tabs: [4, 1], blocks: [
+    { kind: "title", text: "Your night", note: "23:48\u20136:00" },
+    { kind: "bars", title: "Sleep depth", note: "Every 20 min", values: [2, 5, 8, 9, 6, 3, 7, 9, 4, 1, 5, 8, 6, 3, 6, 4, 2, 1], hi: 9, height: 150 },
+    { kind: "heading", text: "What woke you", note: "3 causes" },
+    { kind: "rows", card: true, rows: [
+      { title: "Noise, 58 dB", sub: "2:14 \xB7 a door, then traffic", value: "9 min", glyph: "bolt" },
+      { title: "Room at 24\xB0", sub: "3:40 \xB7 two degrees too warm", value: "14 min", glyph: "sun" },
+      { title: "Late coffee", sub: "16:30 \xB7 still active at 1:00", value: "31 min", glyph: "drop" }
+    ] },
+    { kind: "tiles", items: [["Lost to wake-ups", "54 min"], ["Fixable", "2 of 3"]] }
+  ] },
+  { name: "Wind down", tabs: [4, 2], blocks: [
+    { kind: "title", text: "Wind down", note: "Starts 22:40" },
+    { kind: "hero", label: "Tonight\u2019s bedtime", figure: "23:10", note: "For 7h 30m before your 6:40 alarm", share: 0.35 },
+    { kind: "checks", rows: [["Last coffee before 14:00", true], ["Dim the lights at 22:00", true], ["Phone down, 22:40", false], ["Ten-minute breathing", false]] },
+    { kind: "curve", title: "Heart rate, last hour", note: "bpm", values: [78, 76, 74, 70, 69, 66, 63, 61, 60, 58], height: 110 },
+    { kind: "button", label: "Start wind down" }
+  ] },
+  { name: "Wake", tabs: [4, 3], blocks: [
+    { kind: "title", text: "Smart alarm", note: "On" },
+    { kind: "hero", label: "Wake window", figure: "6:20\u20136:40", note: "Nocta picks your lightest minute", fill: "accent", ink: "onAccent" },
+    { kind: "curve", title: "Predicted sleep depth", note: "Tomorrow", values: [9, 8, 5, 7, 9, 6, 3, 5, 8, 4, 2, 1], mark: 10, height: 120 },
+    { kind: "rows", card: true, rows: [{ title: "Sunrise sound", sub: "Rises over 4 minutes", glyph: "sun" }, { title: "No snooze needed", sub: "11 mornings in a row", glyph: "check" }] },
+    { kind: "tiles", items: [["This week", "+47 min"], ["Score", "61 to 78"]] }
+  ] },
+  { name: "Week", tabs: [4, 0], blocks: [
+    { kind: "title", text: "Seven nights in", note: "Week 1" },
+    { kind: "ring", share: 0.84, figure: "84", label: "Sleep score" },
+    { kind: "bars", title: "Score by night", values: [61, 64, 70, 69, 76, 80, 84], hi: 6, labels: ["F", "S", "S", "M", "T", "W", "T"], height: 96 },
+    { kind: "tiles", items: [["Asleep", "7h 31m"], ["Wake-ups", "2"]] },
+    { kind: "button", label: "Keep going with Nocta Plus" }
+  ] }
+];
+var FRAMES = [
+  { name: "Hook", kicker: "Sound familiar?", title: "Six hours in bed. It felt like four.", screen: 0, phone: "centre" },
+  { name: "Journey: see", kicker: "Night one", title: "See exactly what woke you.", screen: 1, phone: "left", callouts: [
+    { text: "Every stir, to the minute", y: 1480, side: "right", at: 1560 },
+    { text: "The cause, not just the count", y: 1960, side: "right", at: 2040 },
+    { text: "What you can fix tonight", y: 2440, side: "right", at: 2500 }
+  ] },
+  { name: "Journey: change", kicker: "Night three", title: "A wind-down built from your own nights.", screen: 2, phone: "right", callouts: [
+    { text: "A bedtime that fits your alarm", y: 1500, side: "left", at: 1560 },
+    { text: "Four small habits, not forty", y: 1990, side: "left", at: 2050 },
+    { text: "Your pulse says when you\u2019re ready", y: 2420, side: "left", at: 2480 }
+  ] },
+  { name: "Journey: wake", kicker: "Night five", title: "Wake in light sleep, not out of deep.", screen: 3, phone: "left", callouts: [
+    { text: "A 20-minute window, never a jolt", y: 1500, side: "right", at: 1560 },
+    { text: "It learns your mornings", y: 2080, side: "right", at: 2140 }
+  ] },
+  { name: "Proof", kicker: "After a week", title: "From 61 to 84 in seven nights." },
+  { name: "Call", kicker: "Start tonight", title: "Your first seven nights are free.", note: "No band, no ring. Your phone on the bedside table is enough.", screen: 4, phone: "centre" }
+];
+var REVIEWS = [
+  ["\u201CIt told me my room was two degrees too warm. One fan later I sleep through.\u201D", "Renata V."],
+  ["\u201CFirst app that explained why I\u2019m tired instead of just telling me I am.\u201D", "Tom\xE1s K."],
+  ["\u201CThe alarm window is the feature. I have not hit snooze in a month.\u201D", "Bea L."]
+];
+function laurel(s, mirror) {
+  const out = [];
+  const c = s / 2, r = s * 0.42;
+  for (let i = 0; i < 10; i++) {
+    const a = (240 - i * 13) * Math.PI / 180;
+    const bx = c + r * Math.cos(a), by = c - r * Math.sin(a);
+    const dir = a - Math.PI / 2 + 0.62, len = s * (0.13 - i * 4e-3), wid = len * 0.3;
+    const tip = { x: bx + Math.cos(dir) * len, y: by - Math.sin(dir) * len };
+    const n = { x: Math.sin(dir) * wid, y: Math.cos(dir) * wid };
+    const mid = { x: (bx + tip.x) / 2, y: (by + tip.y) / 2 };
+    const pts = [{ x: bx, y: by }, { x: mid.x + n.x, y: mid.y + n.y }, tip, { x: mid.x - n.x, y: mid.y - n.y }];
+    out.push({ closed: true, points: pts.map((p) => ({ x: mirror ? s - p.x : p.x, y: p.y })) });
+  }
+  return out;
+}
+var saas_store_story_default = defineTemplate({
+  id: "social-saas-store-story",
+  meta: {
+    name: "SaaS store screenshots: story sequence",
+    description: "Six dark App Store screenshots (1290 \xD7 2796) that read as one argument: a hook, three journey frames with callouts pinned to the part of the screen they explain, a proof frame (laurel, rating, three reviews) and a call to install. A night ground, a star field and one amber light. Drop your own capture on each phone\u2019s screenshot slot",
+    category: "social",
+    tags: ["saas", "saas store", "app store", "screenshots", "story", "dark", "callouts", "reviews", "award", "iphone", "aso", "mobile app", "subscription app", "listing"],
+    platforms: ["app-store", "ios"],
+    formats: ["screenshot", "gallery"],
+    useCases: ["launch", "brand-intro", "testimonial"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  sequence: true,
+  build() {
+    const k = new Kit("SaaS store screenshots: story sequence", preset("appstore-iphone"));
+    k.quantizeGeometry = true;
+    k.brand(
+      {
+        paper: "#07080C",
+        text: "#F6F0E4",
+        primary: "#FFB23E",
+        onPrimary: "#1D1100",
+        accent: "#FF7A45",
+        onAccent: "#1F0A00",
+        ...uiRoles({ screen: "#0E1017", surface: "#191C27", onScreen: "#F6F0E4", onScreenMuted: "#B4B8C6", line: "#313646", track: "#2B2F3D", tile: "#2B2F3D", photo: "#2B2F3D", positive: "#7FD6A4", primary: "#FFB23E", onPrimary: "#1D1100", accent: "#FF7A45", onAccent: "#1F0A00", device: "#1A1C24", deviceEdge: "#4A4F60" })
+      },
+      { name: "Nocta" }
+    );
+    k.palette({ card: "#151823", onCard: "#F6F0E4", cardLine: "#3A3F52", star: "#F6F0E4" });
+    k.textStyle("Title 150", { ...SERIF, size: 150, fontWeight: 700, letterSpacing: -5, lineHeight: 148 });
+    k.textStyle("Kicker 36", { ...MONO, size: 36, fontWeight: 700, letterSpacing: 2.6, lineHeight: 44, textCase: "UPPER" });
+    k.textStyle("Callout 40", { size: 40, fontWeight: 700, letterSpacing: -0.8, lineHeight: 46 });
+    k.textStyle("Note 46", { size: 46, fontWeight: 500, letterSpacing: -0.6, lineHeight: 60 });
+    k.textStyle("Review 44", { ...SERIF, size: 44, fontWeight: 600, letterSpacing: -0.6, lineHeight: 56 });
+    k.textStyle("Who 32", { ...MONO, size: 32, fontWeight: 600, lineHeight: 40 });
+    k.textStyle("Award 60", { ...SERIF, size: 60, fontWeight: 700, letterSpacing: -1.4, lineHeight: 64, textAlign: "CENTER" });
+    k.textStyle("Rating 220", { ...SERIF, size: 220, fontWeight: 700, letterSpacing: -8, lineHeight: 200 });
+    k.component("Callout", { width: 400, fill: "card", radius: 28, padding: { top: 26, right: 30, bottom: 28, left: 30 }, stroke: { color: "primary", width: 3, align: "INSIDE" }, effects: [soft(k, "paper", 0.7, 20, 50)], description: "A callout pinned to a part of the screen.", props: { Text: "Every stir, to the minute" } }, (id) => {
+      k.propText(id, "Text", { style: "Callout 40", color: "onCard" });
+    });
+    let cover = "";
+    FRAMES.forEach((f, i) => {
+      const sheet = i === 0 ? k.sheet : k.addSheet(preset("appstore-iphone"));
+      ground(k, sheet, `${i + 1} \xB7 ${f.name}`, "paper");
+      k.patch(sheet, { x: i * (W + 120), y: 0 });
+      if (!cover) cover = sheet;
+      const r = rng(40 + i);
+      const bands = f.screen === void 0 ? [[20, 170], [760, 880]] : [[20, 170], [780, 1700]];
+      bands.forEach(([top, bottom], bi) => {
+        const dots = [];
+        for (let s = 0; s < (bottom - top) / 7; s++) {
+          const x = r() * W, y = top + r() * (bottom - top), d = 2 + r() * 5;
+          dots.push({ closed: true, points: [{ x, y: y - d }, { x: x + d, y }, { x, y: y + d }, { x: x - d, y }] });
+        }
+        drawn(k, sheet, dots, "star", { name: `Stars ${bi + 1}`, opacity: 0.55 });
+      });
+      glow(k, sheet, { role: i >= 4 ? "primary" : "accent", w: 2600, x: W / 2 + (i % 2 ? 260 : -260), y: H - 100, alpha: 0.26 + i * 0.03, name: "Light" });
+      glow(k, sheet, { role: "primary", w: 1300, x: W / 2, y: H - 200, alpha: 0.3, name: "Ember" });
+      const words = k.stack(sheet, { width: W - 192, gap: 34, name: "Words", absolute: { x: 96, y: 200 } });
+      const tag = k.stack(words, { direction: "HORIZONTAL", width: "HUG", gap: 20, align: "CENTER", name: "Kicker row" });
+      k.rect(tag, 12, 44, "primary", { radius: 6, name: "Kicker bar" });
+      k.text(tag, f.kicker, { style: "Kicker 36", color: "text", autoWidth: true, name: "Kicker" });
+      k.text(words, f.title, { style: "Title 150", color: "text", name: "Title" });
+      if (f.note) k.text(words, f.note, { style: "Note 46", color: "text", width: 980, name: "Note" });
+      if (f.screen !== void 0) {
+        const x = f.phone === "left" ? 16 : f.phone === "right" ? W - PW - 16 : (W - PW) / 2;
+        flatPhone(k, sheet, { spec: SCREENS[f.screen], scale: SCALE, x, y: 1080, name: "Phone", shadow: { type: "DROP_SHADOW", color: k.color("primary", 0.22), offset: { x: 0, y: 0 }, blur: 60, spread: 0, visible: true } });
+        for (const c of f.callouts ?? []) {
+          const cw = 400, cx = c.side === "right" ? W - cw - 24 : 24;
+          const dotX = c.side === "right" ? cx - 150 : cx + cw + 150;
+          k.rect(sheet, 150, 5, "primary", { name: "Leader", absolute: { x: c.side === "right" ? cx - 150 : cx + cw, y: c.at } });
+          k.ellipse(sheet, 34, "primary", { name: "Leader dot", stroke: { color: "paper", width: 8, align: "OUTSIDE" }, absolute: { x: dotX - 17, y: c.at - 15 } });
+          k.instance(sheet, "Callout", { Text: c.text }, { name: "Callout", absolute: { x: cx, y: c.y } });
+        }
+      } else {
+        const award = k.stack(sheet, { direction: "HORIZONTAL", width: W - 192, gap: 40, align: "CENTER", name: "Award", absolute: { x: 96, y: 900 } });
+        const wreath = k.stack(award, { width: 520, height: 420, align: "CENTER", justify: "CENTER", name: "Wreath" });
+        for (const side of [false, true]) drawn(k, wreath, laurel(520, side).map((p) => ({ ...p, points: p.points.map((q) => ({ x: q.x, y: q.y - 60 })) })), "primary", { name: "Laurel" });
+        k.text(wreath, "App of\nthe Day", { style: "Award 60", color: "text", width: 300, name: "Award name" });
+        const rating = k.stack(award, { gap: 14, name: "Rating" });
+        k.text(rating, "4.9", { style: "Rating 220", color: "text", name: "Rating figure" });
+        stars(k, rating, 56, "primary");
+        k.text(rating, "212,000 ratings", { style: "Who 32", color: "text", name: "Rating count" });
+        const list = k.stack(sheet, { width: W - 192, gap: 36, name: "Reviews", absolute: { x: 96, y: 1440 } });
+        REVIEWS.forEach(([quote, who], j) => {
+          const card = k.stack(list, { width: W - 192 - 80, gap: 22, fill: "card", radius: 36, padding: { top: 40, right: 46, bottom: 40, left: 46 }, stroke: { color: "cardLine", width: 3, align: "INSIDE" }, name: "Review" });
+          k.patch(card, { translateX: j % 2 ? 80 : 0 });
+          k.text(card, quote, { style: "Review 44", color: "onCard", name: "Review quote" });
+          const by = k.stack(card, { direction: "HORIZONTAL", gap: 20, align: "CENTER", name: "Review by" });
+          stars(k, by, 30, "primary");
+          k.text(by, who, { style: "Who 32", color: "onCard", autoWidth: true, name: "Reviewer" });
+        });
+        const nights = k.stack(sheet, { direction: "HORIZONTAL", width: W - 192, gap: 22, align: "MAX", name: "Nights", absolute: { x: 96, y: 2330 } });
+        [61, 64, 70, 69, 76, 80, 84].forEach((v, j) => {
+          const col = k.stack(nights, { width: 138, gap: 14, name: "Night" });
+          k.text(col, String(v), { style: "Who 32", color: "text", name: "Night score" });
+          k.rect(col, 138, Math.round((v - 50) * 11), j === 6 ? "primary" : "card", { radius: 20, name: "Night bar", ...j === 6 ? {} : { stroke: { color: "cardLine", width: 3, align: "INSIDE" } } });
+        });
+      }
+    });
+    k.setCover(cover);
+    return k.finish();
+  }
+});
+
+export {
+  saas_store_story_default
+};

package/dist/chunks/chunk-MSNZ2GPI.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-API2DUG7.js";
+import {
+  noise,
+  shadow
+} from "./chunk-HVK5T4I5.js";
+import {
+  box,
+  line,
+  poly
+} from "./chunk-BNVLVZUT.js";
+import {
+  ease
+} from "./chunk-37IU3FCE.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.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
+};