@popcraft/kit 0.26.0 → 0.27.0

package/dist/chunks/chunk-FH57ELAA.js

@@ -1,340 +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 {
-  glow,
-  noise,
-  shadow
-} from "./chunk-HVK5T4I5.js";
-import {
-  circle,
-  pt,
-  r3
-} from "./chunk-BNVLVZUT.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/themes/manuscript-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function manuscriptBrand(k, fields = {}) {
-  k.brand(
-    { paper: "#F0E4C8", text: "#2B1D12", onPaper: "#5A4530", primary: "#1F3F8F", onPrimary: "#FFF8E6", accent: "#B3261E", onAccent: "#FFF6E2", card: "#FAF2DC", onCard: "#2B1D12" },
-    { name: "Quire", site: "quire.example", ...fields }
-  );
-  k.palette({ gilt: "#C9972B", giltLight: "#F6E1A0", leaf: "#3E7A4C", leafLight: "#86A85A", shade: "#8A6A3F", rule: "#BFA070" });
-}
-var GRAIN = [noise({ id: "e1", amount: 0.035, size: 6, seed: 11, density: 0.4 })];
-var shadow2 = (k, blur, y, alpha = 0.4) => [shadow(k, "shade", alpha, y, blur)];
-function stream(seed) {
-  let s = seed % 2147483647;
-  return () => {
-    s = s * 48271 % 2147483647;
-    return (s & 65535) / 65536;
-  };
-}
-function draw(k, parent, name, paths, fill, o = {}) {
-  const all = paths.flat();
-  const pad = (o.stroke ?? o.outline?.width ?? 0) / 2 + 0.5;
-  const x0 = Math.min(...all.map((p) => p.x)) - pad, y0 = Math.min(...all.map((p) => p.y)) - pad;
-  const w = Math.max(1, Math.max(...all.map((p) => p.x)) + pad - x0), h = Math.max(1, Math.max(...all.map((p) => p.y)) + pad - y0);
-  const local = paths.map((points) => ({ closed: o.closed ?? o.stroke === void 0, points: points.map((p) => pt(r3(p.x - x0), r3(p.y - y0))) }));
-  return k.vector(parent, r3(w), r3(h), local, fill, {
-    name,
-    absolute: { x: r3(x0), y: r3(y0) },
-    ...o.stroke !== void 0 ? { strokeWidth: o.stroke } : {},
-    ...o.outline ? { stroke: o.outline } : {},
-    ...o.opacity !== void 0 ? { opacity: o.opacity } : {},
-    ...o.effects ? { effects: o.effects } : {}
-  });
-}
-var SHADES = ["Shade left", "Shade right", "Shade top", "Shade bottom"];
-function shade(k, sheet, band = {}) {
-  const s = k.node(sheet), m = Math.min(s.width, s.height);
-  const bx = Math.round(band.x ?? m * 0.14), by = Math.round(band.y ?? m * 0.08);
-  const boxes = [{ x: 0, y: 0, width: bx, height: s.height }, { x: s.width - bx, y: 0, width: bx, height: s.height }, { x: 0, y: 0, width: s.width, height: by }, { x: 0, y: s.height - by, width: s.width, height: by }];
-  SHADES.forEach((name, i) => {
-    for (const id of k.named(sheet, name)) k.patch(id, boxes[i]);
-  });
-}
-function vellum(k, sheet, band = {}) {
-  const s = k.node(sheet);
-  if (s.childIds.length) throw new Error("vellum: lay it before the sheet's other layers, so it paints first");
-  k.rect(sheet, s.width, s.height, "paper", { name: "Background", absolute: { x: 0, y: 0 }, effects: GRAIN });
-  glow(k, sheet, { x: s.width * 0.3, y: s.height * 0.22, w: Math.max(s.width, s.height) * 0.9, role: "giltLight", alpha: 0.24, name: "Page light" });
-  const fade = (angle, edgeFirst) => [k.gradient({ from: "shade", to: "shade", angle, fromOpacity: edgeFirst ? 0.4 : 0, toOpacity: edgeFirst ? 0 : 0.4 })];
-  k.rect(sheet, 10, 10, fade(0, true), { name: SHADES[0], absolute: { x: 0, y: 0 } });
-  k.rect(sheet, 10, 10, fade(0, false), { name: SHADES[1], absolute: { x: 0, y: 0 } });
-  k.rect(sheet, 10, 10, fade(90, true), { name: SHADES[2], absolute: { x: 0, y: 0 } });
-  k.rect(sheet, 10, 10, fade(90, false), { name: SHADES[3], absolute: { x: 0, y: 0 } });
-  shade(k, sheet, band);
-}
-var revellum = (specs, band = {}) => specs.map((sp) => ({ ...sp, adjust: (k, id) => {
-  sp.adjust?.(k, id);
-  const s = k.node(id);
-  for (const bg of k.named(id, "Background")) k.patch(bg, { x: 0, y: 0, width: s.width, height: s.height });
-  shade(k, id, band);
-} }));
-function ruling(k, parent, o) {
-  const over = o.overrun ?? o.pitch * 1.5, bottom = o.y + (o.rows - 1) * o.pitch;
-  const lines = [];
-  for (let i = 0; i < o.rows; i++) lines.push([pt(o.x - over * 0.4, o.y + i * o.pitch), pt(o.x + o.w + over * 0.4, o.y + i * o.pitch)]);
-  for (const x of [o.x, o.x + o.w]) lines.push([pt(x, o.y - over), pt(x, bottom + over)]);
-  const id = k.frame(parent, { x: 0, y: 0, width: 4, height: 4 }, { name: o.name ?? "Ruling" });
-  draw(k, id, "Ruled lines", lines, "rule", { stroke: o.weight ?? 1.5, opacity: 0.75 });
-  const r = Math.max(1.2, (o.weight ?? 1.5) * 1.1);
-  draw(k, id, "Prickings", Array.from({ length: o.rows }, (_, i) => circle(o.x + o.w + over * 0.75, o.y + i * o.pitch, r, 8)), "shade", { opacity: 0.7 });
-  return id;
-}
-function leafShape(b, ang, L, W, side) {
-  const local = (s, hw) => {
-    const x = s * L, y = hw + side * 0.16 * L * s * s;
-    return pt(b.x + x * Math.cos(ang) - y * Math.sin(ang), b.y + x * Math.sin(ang) + y * Math.cos(ang));
-  };
-  const edge = (j) => W * Math.pow(Math.sin(Math.PI * j / 10), 0.7) * (1 - 0.35 * (j / 10));
-  const shape = [];
-  for (let j = 0; j <= 10; j++) shape.push(local(j / 10, -edge(j)));
-  for (let j = 9; j >= 1; j--) shape.push(local(j / 10, edge(j)));
-  return shape;
-}
-function vine(k, parent, v) {
-  const u = v.u, first = v.side ?? 1, ink = v.ink ?? "text";
-  const map = (s, d) => v.dir === "down" ? pt(v.x + d, v.y + s) : pt(v.x + s, v.y + d);
-  const off = (t) => first * v.amp * Math.sin(2 * Math.PI * v.waves * t);
-  const at = (t) => map(v.length * t, off(t));
-  const heading = (t) => {
-    const a = at(Math.max(0, t - 2e-3)), b = at(Math.min(1, t + 2e-3));
-    return Math.atan2(b.y - a.y, b.x - a.x);
-  };
-  const n = Math.max(1, Math.round(v.waves * 2)), steps = Math.max(24, Math.round(v.waves * 28));
-  const stem = draw(k, parent, "Stem", [Array.from({ length: steps + 1 }, (_, i) => at(i / steps))], "leaf", { stroke: 5 * u });
-  k.patch(stem, { trim: { start: 0, end: 1, offset: 0 } });
-  const tendrils = [], growths = [];
-  const leaf = (b, ang, L, role, side, t) => {
-    const id = draw(k, parent, "Leaf", [leafShape(b, ang, L, L * 0.3, side)], role, { outline: { color: ink, width: Math.max(1, 1.5 * u) } });
-    const nd = k.node(id);
-    k.patch(id, { anchorX: r3((b.x - nd.x) / nd.width), anchorY: r3((b.y - nd.y) / nd.height) });
-    growths.push({ id, t });
-  };
-  for (let i = 0; i < n; i++) {
-    if (i > 0) {
-      const t2 = i / n, b = at(t2), h = heading(t2);
-      leaf(b, h - 0.85, 30 * u, i % 2 ? "leaf" : "leafLight", -1, t2);
-      leaf(b, h + 0.85, 26 * u, i % 2 ? "leafLight" : "leaf", 1, t2);
-    }
-    const t = (i + 0.5) / n, side = Math.sign(off(t)) || 1, r0 = 22 * u, turn = i % 2 ? -1 : 1;
-    const s0 = v.length * t, d0 = off(t), c = { s: s0, d: d0 + side * r0 }, a0 = Math.atan2(-side, 0);
-    const pts = [];
-    let tip = map(s0, d0);
-    for (let j = 0; j <= 22; j++) {
-      const a = Math.PI * 1.55 * j / 22, r = r0 * (1 - 0.5 * (j / 22));
-      tip = map(c.s + r * Math.cos(a0 + turn * side * a), c.d + r * Math.sin(a0 + turn * side * a));
-      pts.push(tip);
-    }
-    const id = draw(k, parent, "Tendril", [pts], ink, { stroke: Math.max(1.2, 2 * u) });
-    k.patch(id, { trim: { start: 0, end: 1, offset: 0 } });
-    tendrils.push({ id, t });
-    const kind = i % 3;
-    if (kind === 0) {
-      const s = 13 * u, f = k.stack(parent, { width: r3(s * 2), height: r3(s * 2), name: "Flower", absolute: { x: r3(tip.x - s), y: r3(tip.y - s) } });
-      const petals = Array.from({ length: 5 }, (_, q) => ({ closed: true, points: circle(s + s * 0.55 * Math.cos(2 * Math.PI * q / 5 - Math.PI / 2), s + s * 0.55 * Math.sin(2 * Math.PI * q / 5 - Math.PI / 2), s * 0.44, 12).map((p) => pt(r3(p.x), r3(p.y))) }));
-      k.vector(f, r3(s * 2), r3(s * 2), petals, i % 2 ? "primary" : "accent", { name: "Petals", absolute: { x: 0, y: 0 } });
-      growths.push({ id: f, t: t + 0.5 / n });
-      k.ellipse(f, r3(s * 0.6), "gilt", { name: "Flower heart", absolute: { x: r3(s * 0.7), y: r3(s * 0.7) }, stroke: { color: ink, width: Math.max(1, u) } });
-    } else if (kind === 1) {
-      const d = 13 * u, f = k.stack(parent, { width: r3(d * 2.2), height: r3(d * 2.2), name: "Berry", absolute: { x: r3(tip.x - d * 1.1), y: r3(tip.y - d * 1.1) } });
-      growths.push({ id: f, t: t + 0.5 / n });
-      for (let q = 0; q < 3; q++) {
-        const a = 2 * Math.PI * q / 3 - Math.PI / 2;
-        k.ellipse(f, r3(d), [...k.paint("gilt"), k.gradient({ from: "giltLight", to: "shade", angle: 60, fromOpacity: 0.85, toOpacity: 0.3 })], { name: "Bezant", absolute: { x: r3(d * 0.6 + d * 0.55 * Math.cos(a)), y: r3(d * 0.6 + d * 0.55 * Math.sin(a)) }, stroke: { color: ink, width: Math.max(1, 1.2 * u) } });
-      }
-    } else leaf(tip, heading(t) + side * 0.9, 34 * u, "gilt", side, t + 0.5 / n);
-  }
-  return { stem, tendrils, growths };
-}
-function growVine(k, v, at, duration) {
-  k.animate(v.stem, "trim.end", [{ t: at, v: 0, ease: ease.inOut("sine") }, { t: at + duration, v: 1 }]);
-  for (const tn of v.tendrils) {
-    const t0 = Math.round(at + duration * tn.t);
-    k.animate(tn.id, "trim.end", [{ t: t0, v: 0, ease: ease.out("cubic") }, { t: t0 + 600, v: 1 }]);
-  }
-  for (const g of v.growths) {
-    const t0 = Math.round(at + duration * Math.min(1, g.t)) + 80;
-    k.animate(g.id, "opacity", [{ t: t0, v: 0, ease: ease.out("cubic") }, { t: t0 + 220, v: 1 }]);
-    for (const axis of ["scaleX", "scaleY"]) k.animate(g.id, axis, [{ t: t0, v: 0.1, ease: ease.back(1.7) }, { t: t0 + 480, v: 1 }]);
-  }
-}
-function initial(k, parent, size, letter, style, o = {}) {
-  const w = o.width ?? size, h = size, m = Math.round(size * 0.085);
-  const ink = Math.max(1.5, size * 8e-3);
-  const id = k.stack(parent, { width: w, height: h, align: "CENTER", justify: "CENTER", name: o.name ?? "Initial", ...o.absolute ? { absolute: o.absolute } : {} });
-  k.rect(id, w, h, "card", { name: "Ground", absolute: { x: 0, y: 0 }, radius: size * 0.03, stroke: { color: "text", width: ink }, effects: shadow2(k, size * 0.09, size * 0.035, 0.5) });
-  k.frame(id, { x: 0, y: 0, width: w, height: h }, { name: "Gold leaf", radius: size * 0.03, stroke: { color: "text", width: ink }, fill: [...k.paint("gilt"), k.gradient({ from: "giltLight", to: "shade", angle: 50, fromOpacity: 0.8, toOpacity: 0.35 })] });
-  k.rect(id, w - m * 0.7, h - m * 0.7, [], { name: "Burnish", absolute: { x: m * 0.35, y: m * 0.35 }, radius: size * 0.02, stroke: { color: "giltLight", width: Math.max(1, size * 6e-3) }, opacity: 0.9 });
-  const field = k.frame(id, { x: m, y: m, width: w - 2 * m, height: h - 2 * m }, { name: "Field", clip: true, fill: "primary", stroke: { color: "text", width: ink } });
-  const fw = w - 2 * m, fh = h - 2 * m, scrolls = [];
-  for (const [cx, cy, dir] of [[0.2, 0.22, 1], [0.8, 0.22, -1], [0.2, 0.78, -1], [0.8, 0.78, 1]]) {
-    const r0 = Math.min(fw, fh) * 0.2, px = fw * cx, py = fh * cy, turnTo = cx < 0.5 ? Math.PI : 0;
-    scrolls.push(Array.from({ length: 34 }, (_, j) => {
-      const a = Math.PI * 3 * j / 33, r = r0 * (1 - 0.8 * (j / 33));
-      return pt(px + r * Math.cos(turnTo + dir * a), py + r * Math.sin(turnTo + dir * a));
-    }));
-    const dots = [];
-    for (let q = 0; q < 3; q++) {
-      const a = 2 * Math.PI * q / 3 + dir;
-      dots.push(circle(fw * (cx < 0.5 ? 0.44 : 0.56) + size * 0.022 * Math.cos(a), fh * (cy < 0.5 ? 0.1 : 0.9) + size * 0.022 * Math.sin(a), size * 0.011, 8));
-    }
-    draw(k, field, "White dots", dots, "onPrimary", { opacity: 0.8 });
-  }
-  draw(k, field, "White vine", scrolls, "onPrimary", { stroke: Math.max(1.2, size * 0.012), opacity: 0.6 });
-  const b = Math.round(size * 0.07);
-  for (const [x, y] of [[m, m], [w - m, m], [m, h - m], [w - m, h - m]]) {
-    const boss = k.stack(id, { width: b, height: b, name: "Boss", absolute: { x: x - b / 2, y: y - b / 2 } });
-    k.rect(boss, b, b, "accent", { name: "Boss ground", absolute: { x: 0, y: 0 }, stroke: { color: "text", width: ink * 0.8 } });
-    k.ellipse(boss, r3(b * 0.4), "giltLight", { name: "Boss stud", absolute: { x: r3(b * 0.3), y: r3(b * 0.3) } });
-  }
-  k.text(id, letter, { style, color: "onPrimary", name: "Initial letter" });
-  const clip = k.frame(id, { x: 0, y: 0, width: w, height: h }, { name: "Gilding", clip: true, radius: size * 0.03 });
-  const gw = Math.round(size * 0.34);
-  const glint = k.frame(clip, { x: -2 * gw - 4, y: 0, width: 2 * gw, height: h }, { name: "Glint" });
-  k.rect(glint, gw, h, [k.gradient({ from: "giltLight", to: "giltLight", angle: 0, fromOpacity: 0, toOpacity: 0.85 })], { name: "Glint rise", absolute: { x: 0, y: 0 } });
-  k.rect(glint, gw, h, [k.gradient({ from: "giltLight", to: "giltLight", angle: 0, fromOpacity: 0.85, toOpacity: 0 })], { name: "Glint fall", absolute: { x: gw, y: 0 } });
-  return id;
-}
-function gild(k, root, at, duration = 900) {
-  for (const id of k.named(root, "Glint")) {
-    const travel = k.node(k.node(id).parentId).width + k.node(id).width + 8;
-    k.animate(id, "translateX", [{ t: at, v: 0, ease: ease.inOut("sine") }, { t: at + duration, v: travel, ease: ease.hold }, { t: at + duration + 34, v: 0 }]);
-  }
-}
-function seal(k, parent, size, letter, style, o = {}) {
-  const R = size / 2;
-  const id = k.stack(parent, { width: size, height: size, align: "CENTER", justify: "CENTER", name: o.name ?? "Seal", ...o.absolute ? { absolute: o.absolute } : {} });
-  if (o.ribbons !== false) {
-    const tail = (dx) => [pt(R - size * 0.14 + dx * 0.2, R), pt(R + size * 0.14 + dx * 0.2, R), pt(R + size * 0.16 + dx, size * 1.3), pt(R + dx, size * 1.2), pt(R - size * 0.16 + dx, size * 1.3)];
-    draw(k, id, "Ribbon", [tail(-size * 0.2)], "primary", { outline: { color: "text", width: Math.max(1, size * 0.01) } });
-    draw(k, id, "Ribbon", [tail(size * 0.2)], "primary", { outline: { color: "text", width: Math.max(1, size * 0.01) } });
-  }
-  const blob = Array.from({ length: 48 }, (_, i) => {
-    const a = 2 * Math.PI * i / 48, r = R * (0.93 + 0.045 * Math.sin(a * 5 + 0.6) + 0.03 * Math.sin(a * 9 + 2));
-    return pt(R + r * Math.cos(a), R + r * Math.sin(a));
-  });
-  draw(k, id, "Wax", [blob], "accent", { effects: shadow2(k, size * 0.1, size * 0.04, 0.6) });
-  const shine = Array.from({ length: 13 }, (_, i) => {
-    const a = Math.PI * (1.08 + 0.34 * i / 12);
-    return pt(R + R * 0.84 * Math.cos(a), R + R * 0.84 * Math.sin(a));
-  });
-  const inner = Array.from({ length: 13 }, (_, i) => {
-    const a = Math.PI * (1.42 - 0.34 * i / 12);
-    return pt(R + R * 0.72 * Math.cos(a), R + R * 0.72 * Math.sin(a));
-  });
-  draw(k, id, "Wax shine", [[...shine, ...inner]], "giltLight", { opacity: 0.45 });
-  const ring = r3(size * 0.66);
-  k.ellipse(id, ring, [], { name: "Seal ring", stroke: { color: "onAccent", width: Math.max(1, size * 0.014) }, absolute: { x: r3(R - ring / 2), y: r3(R - ring / 2) }, opacity: 0.55 });
-  k.text(id, letter, { style, color: "onAccent", name: "Seal letter" });
-  return id;
-}
-function script(k, parent, o) {
-  const rand = stream(o.seed ?? 7), xh = o.pitch * 0.34, mw = xh * 0.5, weight = o.weight ?? Math.max(1.4, mw * 0.46), cut = weight * 0.7;
-  const versals = o.versals ?? [0];
-  for (let row = 0; row < o.rows; row++) {
-    const indent = versals.includes(row) ? o.pitch * 1.25 : 0;
-    const width = (row === o.rows - 1 ? o.w * (o.short ?? 0.55) : o.w) - indent;
-    const top = o.pitch * 0.5 - xh, base = o.pitch * 0.5;
-    const words = [];
-    let x = 2;
-    while (x < width - mw * 3) {
-      const minims = Math.min(2 + Math.floor(rand() * 7), Math.floor((width - x) / mw));
-      if (minims < 2) break;
-      for (let j = 0; j < minims; j++) {
-        const q = rand(), up = q > 0.88 ? xh * 0.7 : 0, down = q < 0.08 ? xh * 0.5 : 0, x0 = x + j * mw;
-        words.push([pt(x0, top - up + cut), pt(x0 + weight, top - up), pt(x0 + weight, base + down - cut), pt(x0, base + down)]);
-      }
-      x += minims * mw + mw * 1.6;
-    }
-    const line = k.frame(parent, { x: o.x + indent, y: o.y + row * o.pitch - o.pitch * 0.5, width, height: o.pitch }, { name: "Script line", clip: true });
-    k.vector(line, r3(width), r3(o.pitch), words.map((points) => ({ closed: true, points: points.map((p) => pt(r3(p.x), r3(p.y))) })), o.ink ?? "onPaper", { name: "Ink", absolute: { x: 0, y: 0 } });
-    if (indent) {
-      const s = r3(o.pitch * 0.92), i = versals.indexOf(row);
-      const vs = k.stack(parent, { width: s, height: s, name: "Versal", absolute: { x: o.x, y: r3(o.y + row * o.pitch - o.pitch * 0.72) } });
-      k.rect(vs, s, s, i % 2 ? "primary" : "accent", { name: "Versal ground", absolute: { x: 0, y: 0 }, stroke: { color: "text", width: Math.max(1, weight * 0.5) } });
-      k.ellipse(vs, r3(s * 0.46), [...k.paint("gilt"), k.gradient({ from: "giltLight", to: "shade", angle: 60, fromOpacity: 0.8, toOpacity: 0.3 })], { name: "Versal gold", absolute: { x: r3(s * 0.27), y: r3(s * 0.27) } });
-    }
-  }
-}
-function snail(k, parent, o) {
-  const s = o.size, w = s * 2.3, h = s * 1.5;
-  const id = k.frame(parent, { x: r3(o.x - w / 2), y: r3(o.y - h), width: r3(w), height: r3(h) }, { name: o.name ?? "Snail" });
-  const ink = Math.max(1.2, s * 0.045), g = h;
-  const body = [pt(0, g), pt(s * 0.25, g - s * 0.16), pt(s * 0.9, g - s * 0.2), pt(s * 1.5, g - s * 0.22), pt(s * 1.72, g - s * 0.5), pt(s * 1.78, g - s * 0.8), pt(s * 1.95, g - s * 0.88), pt(s * 2.1, g - s * 0.74), pt(s * 2.12, g - s * 0.4), pt(s * 2.02, g - s * 0.12), pt(s * 1.8, g)];
-  draw(k, id, "Snail body", [body], "card", { outline: { color: "text", width: ink } });
-  draw(k, id, "Snail stalks", [[pt(s * 1.9, g - s * 0.86), pt(s * 1.98, g - s * 1.3)], [pt(s * 2.02, g - s * 0.82), pt(s * 2.22, g - s * 1.18)]], "text", { stroke: ink });
-  draw(k, id, "Snail eyes", [circle(s * 1.98, g - s * 1.32, s * 0.06, 8), circle(s * 2.23, g - s * 1.2, s * 0.06, 8)], "text");
-  const cx = s * 0.95, cy = g - s * 0.66, r = s * 0.5;
-  k.ellipse(id, r3(s), [...k.paint("gilt"), k.gradient({ from: "giltLight", to: "shade", angle: 60, fromOpacity: 0.75, toOpacity: 0.35 })], { name: "Snail shell", absolute: { x: r3(cx - r), y: r3(cy - r) }, stroke: { color: "text", width: ink } });
-  draw(k, id, "Shell spiral", [Array.from({ length: 40 }, (_, j) => {
-    const a = Math.PI * 4.4 * j / 39 + Math.PI * 0.2, q = r * 0.88 * (1 - 0.92 * (j / 39));
-    return pt(cx + q * Math.cos(a), cy + q * Math.sin(a));
-  })], "text", { stroke: ink });
-  return id;
-}
-function manicule(k, parent, size, o = {}) {
-  const u = size / 100, h = Math.round(size * 0.5);
-  const id = k.stack(parent, { width: size, height: h, name: o.name ?? "Manicule", ...o.absolute ? { absolute: o.absolute } : {} });
-  const P_ = (pts) => pts.map(([x, y]) => pt(x * u, y * u));
-  const ink = Math.max(1.2, 2.2 * u);
-  draw(k, id, "Cuff", [P_([[1, 11], [22, 9], [22, 43], [1, 41]])], "accent", { outline: { color: "text", width: ink } });
-  draw(k, id, "Hand", [P_([[22, 13], [40, 11], [50, 4], [58, 3], [60, 8], [54, 16], [70, 16], [96, 17], [99, 20.5], [96, 24], [72, 25], [74, 29], [72, 33], [66, 33], [67, 37], [64, 40], [58, 40], [56, 43], [50, 44], [40, 42], [22, 39]])], "card", { outline: { color: "text", width: ink } });
-  draw(k, id, "Knuckles", [P_([[72, 25], [58, 26]]), P_([[66, 33], [56, 33]]), P_([[58, 40], [52, 39]]), P_([[8, 12], [8, 40]]), P_([[15, 11], [15, 41]])], "text", { stroke: ink * 0.8 });
-  return id;
-}
-function folioPlan(w, h, o = {}) {
-  const u = w / 540, left = Math.round(96 * u), top = Math.round(64 * u), pitch = Math.round(38 * u);
-  const size = o.initialSize ?? Math.round(170 * u), textW = w - left - (o.margin ?? Math.round(56 * u));
-  const besideX = left + size + Math.round(18 * u), besideY = top + (o.title ?? 0) + pitch * 0.7;
-  const besideRows = Math.max(0, Math.floor((top + size - besideY) / pitch) + 1);
-  const belowY = top + size + pitch * 1.1;
-  const belowRows = Math.max(1, Math.floor((h - belowY - 96 * u) / pitch));
-  return { u, left, top, pitch, size, textW, besideX, besideY, besideRows, belowY, belowRows, glossX: left + textW + Math.round(14 * u) };
-}
-function folio(k, parent, w, h, o) {
-  const g = folioPlan(w, h, o), u = g.u;
-  const id = k.frame(parent, { x: o.at?.x ?? 0, y: o.at?.y ?? 0, width: w, height: h }, { name: "Folio" });
-  k.rect(id, w, h, "card", { name: "Leaf ground", absolute: { x: 0, y: 0 }, radius: 4 * u, stroke: { color: "rule", width: 1 }, effects: [...shadow2(k, 46 * u, 20 * u, 0.55), ...GRAIN] });
-  k.rect(id, w, h, [k.gradient({ from: "shade", to: "shade", kind: "RADIAL", fromOpacity: 0, toOpacity: 0.3, handles: [pt(0.5, 0.5), pt(1.15, 0.5), pt(0.5, 1.15)] })], { name: "Leaf shade", absolute: { x: 0, y: 0 }, radius: 4 * u });
-  const rows = Math.floor((h - g.top - 40 * u) / g.pitch);
-  ruling(k, id, { x: g.left - 8 * u, y: g.belowY - Math.ceil((g.belowY - g.top) / g.pitch) * g.pitch, w: g.textW + 16 * u, rows: rows + 1, pitch: g.pitch, weight: Math.max(1, 1.2 * u), overrun: g.pitch });
-  const border = vine(k, id, { x: 46 * u, y: 22 * u, length: h - 44 * u, dir: "down", amp: 15 * u, waves: Math.max(1.5, Math.round(h / (150 * u) * 2) / 2), u: 0.72 * u, ink: "onCard" });
-  initial(k, id, g.size, o.letter, o.initialStyle, { absolute: { x: g.left, y: g.top } });
-  if (g.besideRows > 0) script(k, id, { x: g.besideX, y: g.besideY, w: g.left + g.textW - g.besideX, rows: g.besideRows, pitch: g.pitch, seed: (o.seed ?? 5) + 1, short: 1, versals: [], ink: "onCard" });
-  script(k, id, { x: g.left, y: g.belowY, w: g.textW, rows: g.belowRows, pitch: g.pitch, seed: o.seed ?? 5, versals: [Math.min(2, g.belowRows - 1)], ink: "onCard" });
-  const s = Math.round(92 * u);
-  seal(k, id, s, o.sealLetter ?? "Q", o.sealStyle, { absolute: { x: w - s - 34 * u, y: h - s * 1.42 - 10 * u } });
-  return { id, vine: border };
-}
-
-export {
-  manuscriptBrand,
-  GRAIN,
-  shadow2 as shadow,
-  draw,
-  vellum,
-  revellum,
-  ruling,
-  vine,
-  growVine,
-  initial,
-  gild,
-  seal,
-  script,
-  snail,
-  manicule,
-  folioPlan,
-  folio
-};

package/dist/chunks/chunk-FHM2ZUO2.js

@@ -1,72 +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 {
-  CHANNEL_COLORS,
-  CHANNEL_FIELDS
-} from "./chunk-FSWD4VT2.js";
-import {
-  outro
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/video/youtube-intro.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var cues = [
-  { layer: "Logo badge", preset: "pop-in", at: 100, params: { duration: 600 } },
-  { layer: "Channel name", preset: "rise-in", at: 400, params: { duration: 700 } },
-  { layer: "Rule", preset: "wipe-in", at: 800, params: { duration: 700 } },
-  { layer: "Tagline", preset: "blur-in", at: 1e3, params: { duration: 700 } },
-  { layer: "Logo badge", preset: "pulse", at: 2100, params: { amount: 0.06 } },
-  { layer: "Rule", preset: "wipe-out", at: 4100, params: { duration: 400 } },
-  outro(["Logo badge", "Channel name", "Tagline"], 4100, { preset: "rise-out", gap: 80, duration: 450 })
-];
-var youtube_intro_default = defineTemplate({
-  id: "motion-youtube-intro",
-  meta: {
-    name: "YouTube intro",
-    description: "A five-second channel intro at 1920\xD71080: the logo pops, the channel name rises over a wiping accent rule, the tagline comes into focus, and it all clears for the cut to your video",
-    category: "animation",
-    tags: ["animation", "youtube", "intro", "channel", "video", "opener"],
-    platforms: ["youtube"],
-    formats: ["intro", "video"],
-    useCases: ["brand-intro"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("YouTube intro", preset("video-1080p"));
-    k.brand(CHANNEL_COLORS, CHANNEL_FIELDS);
-    k.textStyle("Channel 132", { size: 132, fontWeight: 900, letterSpacing: -4, lineHeight: 136, textAlign: "CENTER" });
-    k.textStyle("Tagline 44", { size: 44, fontWeight: 500, letterSpacing: 1, lineHeight: 52, textAlign: "CENTER" });
-    k.component("Channel mark", { direction: "HORIZONTAL", width: "HUG", fill: "primary", radius: 40, padding: 28, props: {} }, (id) => {
-      k.logo(id, 112, 112);
-    });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 28, { top: 96, right: 160, bottom: 96, left: 160 }, "paper", "CENTER", "CENTER");
-    k.timeline(sheet, { duration: 5e3, fps: 30 });
-    k.instance(sheet, "Channel mark", {}, { name: "Logo badge" });
-    k.text(sheet, "{{brand.name}}", { style: "Channel 132", color: "text", name: "Channel name" });
-    k.stack(sheet, { width: 240, height: 12, fill: "primary", radius: 6, clip: true, name: "Rule" });
-    k.text(sheet, "{{brand.tagline}}", { style: "Tagline 44", color: "onPaper", name: "Tagline" });
-    k.cues(sheet, cues);
-    return k.finish();
-  }
-});
-
-export {
-  youtube_intro_default
-};

package/dist/chunks/chunk-FILU522C.js

@@ -1,165 +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 {
-  NOTE_SHADOW,
-  PLOTLINE,
-  desk,
-  dots,
-  draw,
-  hand,
-  marker,
-  redots,
-  sans,
-  scribbleCircle,
-  sketchBrand,
-  underline
-} from "./chunk-IBBRZLEN.js";
-import {
-  place
-} from "./chunk-QLV6445V.js";
-import {
-  logoBadge,
-  pill,
-  postVariants
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/social/style-sketch-milestone.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Sketch SaaS milestone post";
-var DURATION = 7e3;
-var OUT = 5900;
-var WEEKS = Array.from({ length: 26 }, (_, i) => Math.round(14 + 58 * (i / 25) ** 1.4 + i * 7 % 5 * 0.5));
-var CHART = { w: 936, h: 280 };
-var cues = [
-  { layer: "Fact", preset: "wobble", at: 3600, stagger: { delay: 200, order: "selection" }, params: { duration: 800, amount: 5 } }
-];
-var counts = [
-  { layer: "Figure", at: 300, duration: 2700, ease: ease.out("cubic"), counter: { from: 0, to: PLOTLINE.boardsN } }
-];
-var style_sketch_milestone_default = defineTemplate({
-  id: "motion-saas-style-sketch-milestone",
-  meta: {
-    name: NAME,
-    description: "An animated milestone post drawn with a marker in a dotted notebook: a big round figure counts to 1,000,000 boards tidied while a red loop is scribbled round it, a blue marker line of weekly boards draws itself on hand-drawn axes with its last point circled, and two sticky notes carry the other facts; then the marks rub out and the figure fades, so it loops. Seven seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "sketch", "hand-drawn", "whiteboard", "sticky notes", "doodle", "planning", "productivity", "milestone", "metric", "counter", "chart", "stats", "post", "loop"],
-    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["milestone", "announcement", "stats"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-post"));
-    k.quantizeGeometry = true;
-    sketchBrand(k, {});
-    hand(k, "Brand 32", 32);
-    sans(k, "Label 24", 24, { weight: 600 });
-    hand(k, "Kicker 34", 34, { lead: 1.15, spacing: -0.015 });
-    hand(k, "Figure 150", 150, { lead: 1, spacing: -0.045 });
-    hand(k, "Fact 40", 40, { lead: 1.05 });
-    sans(k, "Small 22", 22, { weight: 600, lead: 1.3 });
-    pill(k, "Fact note", { fill: "sticky", ink: "stickyInk", style: "Small 22", label: "teams plan on it", pad: [14, 20], radius: 0 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 22, 72, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    dots(k, sheet);
-    desk(k, sheet, { w: 1080, h: 400, absolute: { x: 0, y: 1500 }, sway: 2 / 7, seed: 8 });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top row" });
-    const brand = k.stack(top, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", name: "Lockup" });
-    logoBadge(k, brand, { fill: "primary", size: 30, pad: 7, radius: 10 });
-    k.text(brand, "{{brand.name}}", { style: "Brand 32", color: "text", autoWidth: true, name: "Brand name" });
-    k.text(top, "Milestone, October 2026", { style: "Label 24", color: "onPaper", autoWidth: true, name: "Date" });
-    const head = k.stack(sheet, { gap: 4, name: "Head" });
-    k.text(head, `Boards tidied since ${PLOTLINE.name} ${PLOTLINE.version}`, { style: "Kicker 34", color: "text", name: "Kicker" });
-    const figBox = k.stack(head, { width: "HUG", padding: { top: 10, right: 40, bottom: 10, left: 0 }, name: "Figure box" });
-    k.text(figBox, PLOTLINE.boards, { style: "Figure 150", color: "text", width: 760, name: "Figure" });
-    const ring = marker(k, figBox, 800, 190, scribbleCircle(800, 190, { seed: 91, turns: 1.2, inset: 6 }), { name: "Figure ring", color: "red", width: 7, absolute: { x: -24, y: -6 } });
-    const chart = k.stack(sheet, { gap: 8, name: "Chart" });
-    const area = k.stack(chart, { height: CHART.h, name: "Chart area" });
-    const cp = chartPaths(CHART.w, CHART.h);
-    const axes = marker(k, area, CHART.w, CHART.h, cp.axes, { name: "Chart axes", color: "text", width: 3, absolute: { x: 0, y: 0 } });
-    const hatch = marker(k, area, CHART.w, CHART.h, cp.hatch, { name: "Chart hatch", color: "primary", width: 4, opacity: 0.35, sequential: true, absolute: { x: 0, y: 0 } });
-    const line = marker(k, area, CHART.w, CHART.h, [cp.line], { name: "Chart line", color: "primary", width: 7, absolute: { x: 0, y: 0 } });
-    const end = marker(k, area, 60, 60, scribbleCircle(60, 60, { seed: 93, turns: 1.25 }), { name: "Chart ring", color: "red", width: 5, absolute: { x: cp.end.x - 30, y: cp.end.y - 30 } });
-    const axis = k.stack(chart, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Axis" });
-    for (const a of ["Week 1, April", "Boards a week", "Week 26"]) k.text(axis, a, { style: "Small 22", color: "onPaper", autoWidth: true, name: "Axis label" });
-    const facts = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", name: "Facts" });
-    for (const [fig, label, rot] of [[PLOTLINE.teams, "teams, every week", -2], [`${PLOTLINE.after} min`, "for retro follow-ups", 2]]) {
-      const f = k.stack(facts, { direction: "HORIZONTAL", gap: 14, align: "CENTER", width: "FILL", name: "Fact" });
-      k.text(f, fig, { style: "Fact 40", color: "text", autoWidth: true, name: "Fact figure" });
-      const n = k.instance(f, "Fact note", { Label: label }, { name: "Fact label" });
-      k.patch(n, { rotation: rot, effects: [NOTE_SHADOW] });
-    }
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Foot" });
-    k.text(foot, "Thank you for planning with us.", { style: "Label 24", color: "text", autoWidth: true, name: "Thanks" });
-    k.text(foot, "{{brand.site}}", { style: "Label 24", color: "text", autoWidth: true, name: "Site" });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    for (const id of k.named(sheet, "Figure")) k.animate(id, "opacity", [{ t: 0, v: 0, ease: ease.linear }, { t: 200, v: 1, ease: ease.hold }, { t: OUT + 300, v: 1, ease: ease.linear }, { t: OUT + 800, v: 0 }]);
-    draw(k, axes, 200, 500, { out: OUT + 500, outDuration: 400 });
-    draw(k, line, 500, 2600, { out: OUT, outDuration: 700 });
-    draw(k, hatch, 500, 2600, { out: OUT, outDuration: 700 });
-    draw(k, ring, 2900, 700, { out: OUT, outDuration: 500 });
-    draw(k, end, 3200, 500, { out: OUT, outDuration: 300 });
-    k.variants(sheet, postVariants({ portrait: 72, vertical: 96 }, {
-      portrait: (kit, id) => {
-        redots(kit, id);
-        redrawChart(kit, id, CHART.w, 420);
-        place(kit, id, "Desk", 243, 1112, 0.55);
-        kit.patch(id, { primaryAxisAlignItems: "MIN", itemSpacing: 30 });
-      },
-      vertical: (kit, id) => {
-        redots(kit, id);
-        kit.patch(id, { primaryAxisAlignItems: "MIN", itemSpacing: 34 });
-        redrawChart(kit, id, 800, 400);
-        for (const n of kit.named(id, "Facts")) kit.patch(n, { layoutMode: "VERTICAL", itemSpacing: 18, counterAxisAlignItems: "MIN" });
-      }
-    }));
-    return k.finish();
-  }
-});
-function chartPaths(w, h) {
-  const max = 80;
-  const pts = WEEKS.map((v, i) => ({ x: Math.round(22 + i / (WEEKS.length - 1) * (w - 60)), y: Math.round(h - 14 - v / max * (h - 40)) }));
-  const base = underline(w, 16, { seed: 95, flick: false }).map((p) => ({ ...p, points: p.points.map((q) => ({ ...q, y: q.y + h - 16, ...q.handleIn ? { handleIn: { x: q.handleIn.x, y: q.handleIn.y + h - 16 } } : {}, ...q.handleOut ? { handleOut: { x: q.handleOut.x, y: q.handleOut.y + h - 16 } } : {} })) }));
-  const axes = [...base, { closed: false, points: [{ x: 8, y: 4 }, { x: 10, y: h - 6 }] }];
-  const line = { closed: false, points: pts.map((q, i) => {
-    const a = pts[Math.max(0, i - 1)], c = pts[Math.min(pts.length - 1, i + 1)], tx = (c.x - a.x) * 0.18, ty = (c.y - a.y) * 0.18;
-    return { ...q, handleIn: { x: q.x - tx, y: q.y - ty }, handleOut: { x: q.x + tx, y: q.y + ty } };
-  }) };
-  const hatch = pts.map((q) => ({ closed: false, points: [{ x: q.x, y: q.y + 12 }, { x: q.x - 12, y: h - 20 }] }));
-  return { axes, line, hatch, end: pts[pts.length - 1] };
-}
-function redrawChart(k, root, w, h) {
-  const cp = chartPaths(w, h);
-  for (const n of k.named(root, "Chart area")) k.patch(n, { height: h });
-  for (const n of k.named(root, "Chart axes")) k.patch(n, { width: w, height: h, paths: cp.axes });
-  for (const n of k.named(root, "Chart line")) k.patch(n, { width: w, height: h, paths: [cp.line] });
-  for (const n of k.named(root, "Chart hatch")) k.patch(n, { width: w, height: h, paths: cp.hatch });
-  for (const n of k.named(root, "Chart ring")) k.patch(n, { x: cp.end.x - 30, y: cp.end.y - 30 });
-}
-
-export {
-  style_sketch_milestone_default
-};