@popcraft/kit 0.30.0 → 0.32.0

package/dist/chunks/{agent-CGSIEC2R.js → agent-LNZDZLDR.js}

@@ -18,7 +18,7 @@ import {
   renderDocument,
   toolView,
   underReviewKit
-} from "./chunk-UM6QUOOH.js";
+} from "./chunk-DZIPU2Q4.js";
 import "./chunk-A3PNGDIC.js";
 import "./chunk-7EEUGQZW.js";
 import "./chunk-IU4XG2RJ.js";

package/dist/chunks/{build-AUXXY3JX.js → build-AKMRSWRB.js}

@@ -11,11 +11,11 @@ import {
   placeDesign,
   sizePreset,
   templateOfBuild
-} from "./chunk-DUYDXAR5.js";
+} from "./chunk-O3W7HYS7.js";
 import "./chunk-4THRVBSE.js";
 import "./chunk-G7PRXO6C.js";
 import "./chunk-4MICRJXM.js";
-import "./chunk-IUK367P7.js";
+import "./chunk-5PSOLUKI.js";
 import "./chunk-OIXOTZRZ.js";
 import "./chunk-263B6ENN.js";
 import "./chunk-VFZUPGK7.js";

package/dist/chunks/{builtin-Q5UN4DWS.js → builtin-KY56DU2Y.js}

@@ -7,8 +7,8 @@ const __dirname = __popcraftDirname(__filename);
 import {
   builtinTools,
   registerBuiltinTools
-} from "./chunk-3DNAX4HN.js";
-import "./chunk-LE33OZ4V.js";
+} from "./chunk-HBPURYPZ.js";
+import "./chunk-N2RBQBUE.js";
 import "./chunk-KV34UK7F.js";
 import "./chunk-VFRAUFQT.js";
 import "./chunk-HNFJNRW6.js";
@@ -19,7 +19,7 @@ import "./chunk-WOJQT37H.js";
 import "./chunk-5STBM3DT.js";
 import "./chunk-CW3YS3XC.js";
 import "./chunk-BQXNFA5K.js";
-import "./chunk-UM6QUOOH.js";
+import "./chunk-DZIPU2Q4.js";
 import "./chunk-A3PNGDIC.js";
 import "./chunk-N42YJFOC.js";
 import "./chunk-KTY54Z6Y.js";

package/dist/chunks/{check-template-2EKU4JL7.js → check-template-OYCBJNDF.js}

@@ -6,10 +6,10 @@ const __filename = __popcraftPath(import.meta.url);
 const __dirname = __popcraftDirname(__filename);
 import {
   appCommands
-} from "./chunk-GT5X67P7.js";
+} from "./chunk-MFPMMKHP.js";
 import {
   builtinCommands
-} from "./chunk-LE33OZ4V.js";
+} from "./chunk-N2RBQBUE.js";
 import "./chunk-KV34UK7F.js";
 import "./chunk-VFRAUFQT.js";
 import "./chunk-HNFJNRW6.js";

package/dist/chunks/{chunk-YT6TGRM4.js → chunk-2PEG56PC.js}

@@ -5629,7 +5629,7 @@ var templates_default = [
     name: "Back matter (letters page)",
     kind: "PRINT",
     category: "comic",
-    bytes: 134116
+    bytes: 39639
   },
   {
     id: "popcraft.comic-book",
@@ -5643,21 +5643,21 @@ var templates_default = [
     name: "Cascade page",
     kind: "PRINT",
     category: "comic",
-    bytes: 167696
+    bytes: 62118
   },
   {
     id: "popcraft.comic-chase",
     name: "Chase page",
     kind: "PRINT",
     category: "comic",
-    bytes: 150263
+    bytes: 61706
   },
   {
     id: "popcraft.comic-cover-modern",
     name: "Comic cover (modern)",
     kind: "PRINT",
     category: "comic",
-    bytes: 68177
+    bytes: 36599
   },
   {
     id: "popcraft.comic-cover-pulp",
@@ -5678,63 +5678,77 @@ var templates_default = [
     name: "Four-panel gag",
     kind: "PRINT",
     category: "comic",
-    bytes: 165900
+    bytes: 44589
   },
   {
     id: "popcraft.comic-grid-break",
     name: "Grid-break page",
     kind: "PRINT",
     category: "comic",
-    bytes: 203297
+    bytes: 53322
+  },
+  {
+    id: "popcraft.comic-hero-issue",
+    name: "Whole comic issue (Nightstar)",
+    kind: "PRINT",
+    category: "comic",
+    bytes: 373649
   },
   {
     id: "popcraft.comic-hourglass",
     name: "Symbol page (hourglass)",
     kind: "PRINT",
     category: "comic",
-    bytes: 167433
+    bytes: 43927
   },
   {
     id: "popcraft.comic-icon-grid",
     name: "Modular page",
     kind: "PRINT",
     category: "comic",
-    bytes: 320353
+    bytes: 54365
+  },
+  {
+    id: "popcraft.comic-indie-issue",
+    name: "Whole comic issue (Alder Street)",
+    kind: "PRINT",
+    category: "comic",
+    bytes: 305258
   },
   {
     id: "popcraft.comic-interrogation",
     name: "Interrogation page",
     kind: "PRINT",
     category: "comic",
-    bytes: 89629
+    bytes: 58590
   },
   {
     id: "popcraft.comic-manga-action",
     name: "Manga action page",
     kind: "PRINT",
     category: "comic",
-    bytes: 98949
+    bytes: 51375
   },
   {
     id: "popcraft.comic-manga-page",
     name: "Manga page",
     kind: "PRINT",
     category: "comic",
-    bytes: 124031
+    bytes: 49195
   },
   {
     id: "popcraft.comic-negative-space",
     name: "Negative space page",
     kind: "PRINT",
     category: "comic",
-    bytes: 101075
+    bytes: 36905
   },
   {
     id: "popcraft.comic-nested",
     name: "Nested page",
     kind: "PRINT",
     category: "comic",
-    bytes: 202304
+    bytes: 57655
   },
   {
     id: "popcraft.comic-nine-grid",
@@ -5748,7 +5762,7 @@ var templates_default = [
     name: "Overlapping page",
     kind: "PRINT",
     category: "comic",
-    bytes: 126235
+    bytes: 60658
   },
   {
     id: "popcraft.comic-page-classic",
@@ -5762,14 +5776,14 @@ var templates_default = [
     name: "Parallel page",
     kind: "PRINT",
     category: "comic",
-    bytes: 188381
+    bytes: 60439
   },
   {
     id: "popcraft.comic-pinup",
     name: "Pin-up page",
     kind: "PRINT",
     category: "comic",
-    bytes: 56039
+    bytes: 30727
   },
   {
     id: "popcraft.comic-polyptych",
@@ -5790,14 +5804,14 @@ var templates_default = [
     name: "Risograph page",
     kind: "PRINT",
     category: "comic",
-    bytes: 169719
+    bytes: 49276
   },
   {
     id: "popcraft.comic-silent",
     name: "Silent page",
     kind: "PRINT",
     category: "comic",
-    bytes: 304607
+    bytes: 47726
   },
   {
     id: "popcraft.comic-splash",
@@ -5818,35 +5832,35 @@ var templates_default = [
     name: "Daily strip",
     kind: "PRINT",
     category: "comic",
-    bytes: 123798
+    bytes: 39615
   },
   {
     id: "popcraft.comic-talking-heads",
     name: "Talking heads page",
     kind: "PRINT",
     category: "comic",
-    bytes: 129384
+    bytes: 52072
   },
   {
     id: "popcraft.comic-webtoon",
     name: "Vertical scroll (webtoon)",
     kind: "PRINT",
     category: "comic",
-    bytes: 161985
+    bytes: 43866
   },
   {
     id: "popcraft.comic-widescreen",
     name: "Widescreen page",
     kind: "PRINT",
     category: "comic",
-    bytes: 169998
+    bytes: 49016
   },
   {
     id: "popcraft.comic-zine",
     name: "Quarter-fold zine",
     kind: "PRINT",
     category: "comic",
-    bytes: 193351
+    bytes: 45602
   },
   {
     id: "popcraft.email-announcement",
@@ -7438,7 +7452,7 @@ var templates_default = [
     kind: "SOCIAL",
     category: "animation",
     animated: true,
-    bytes: 3001771
+    bytes: 3515219
   },
   {
     id: "popcraft.motion-launch-trailer",
@@ -7446,7 +7460,7 @@ var templates_default = [
     kind: "SOCIAL",
     category: "animation",
     animated: true,
-    bytes: 3276248
+    bytes: 3789696
   },
   {
     id: "popcraft.motion-logo-reveal",
@@ -8966,7 +8980,7 @@ var templates_default = [
     kind: "PRESENTATION",
     category: "animation",
     animated: true,
-    bytes: 2816943
+    bytes: 3330391
   },
   {
     id: "popcraft.motion-title-card-3d",

package/dist/chunks/{chunk-KOKO3HTP.js → chunk-3NI5OGFT.js}

@@ -6,7 +6,7 @@ const __filename = __popcraftPath(import.meta.url);
 const __dirname = __popcraftDirname(__filename);
 import {
   buildTemplateWall
-} from "./chunk-R3D5OMSG.js";
+} from "./chunk-GF6N47NL.js";
 import {
   APPS,
   BEAT,

package/dist/chunks/{chunk-TQPKOPCW.js → chunk-3ZO43HDI.js}

@@ -91,9 +91,9 @@ async function placeStockPhoto(photo, opts = {}) {
 }
 async function placePicture(imported, opts = {}) {
   const [{ useEditorStore }, { photoFrameOf }, { placeImage }] = await Promise.all([
-    import("./editor-store-NDV4IXDK.js"),
+    import("./editor-store-UAEROYSB.js"),
     import("../lib/document/photo-frames.js"),
-    import("./media-tool-OVVKBD3N.js")
+    import("./media-tool-YFIYMYI5.js")
   ]);
   const st = useEditorStore.getState();
   const frame = photoFrameOf(st.document.nodes, opts.targetId !== void 0 ? opts.targetId : st.selection[0] ?? null);

package/dist/chunks/{chunk-MJ6VIF3D.js → chunk-4X5G4QPZ.js}

@@ -6,7 +6,7 @@ const __filename = __popcraftPath(import.meta.url);
 const __dirname = __popcraftDirname(__filename);
 import {
   SCENE_BUILDERS
-} from "./chunk-KOKO3HTP.js";
+} from "./chunk-3NI5OGFT.js";
 import {
   COLORS,
   DURATION_MS,

package/dist/chunks/{chunk-3MAEAHID.js → chunk-6CRT7IDI.js}

@@ -28,10 +28,10 @@ import {
   requestImageAction,
   sizeForAspect,
   vectorSupport
-} from "./chunk-DVX7UAKA.js";
+} from "./chunk-DQ7AF2R5.js";
 import {
   useEditorStore
-} from "./chunk-AXKXWL35.js";
+} from "./chunk-WKKHCEXN.js";
 import {
   getActiveRenderer
 } from "./chunk-L655IQHW.js";

package/dist/chunks/chunk-6S72I27Z.js

@@ -0,0 +1,194 @@
+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 {
+  indieArt
+} from "./chunk-LP7LPUQJ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/comic-indie-page.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var COLORS = {
+  paper: "#FBF1E4",
+  text: "#2A1E1A",
+  onPaper: "#4A3A35",
+  primary: "#D9603B",
+  onPrimary: "#FFF8EE",
+  accent: "#F6C66B",
+  onAccent: "#2A1E1A",
+  card: "#FFF8EE",
+  onCard: "#2A1E1A"
+};
+var GROUNDS = { g1: "#F2A65A", g2: "#C8553D", g3: "#6E4B6B", g4: "#F7D9A8", ink: "#2A1E1A" };
+var STORY = { title: "Last Summer on Alder Street", series: "Alder Street", issue: "No. 1" };
+function indieSetup(k) {
+  k.quantizeGeometry = true;
+  k.brand({ ...COLORS }, { title: STORY.title, series: STORY.series, issue: STORY.issue });
+  k.palette({ ...GROUNDS });
+  k.textStyle("Lettering", { size: 12, fontWeight: 700, lineHeight: 14, letterSpacing: 0, textAlign: "CENTER" });
+  k.textStyle("Caption", { size: 11, fontWeight: 600, lineHeight: 14, letterSpacing: 0 });
+  for (const [suffix, bw] of BALLOON_WIDTHS) {
+    k.component(`Speech balloon${suffix}`, { width: bw, padding: { top: 10, right: 13, bottom: 12, left: 13 }, radius: 22, fill: "card", stroke: { color: "onCard", width: 2, align: "INSIDE" }, align: "CENTER", props: { Text: "Say something." } }, (id) => {
+      k.propText(id, "Text", { style: "Lettering", color: "onCard", align: "CENTER", width: "FILL" });
+    });
+  }
+}
+var DISPLAY = {
+  "SFX": { size: 26, fontWeight: 900, fontStyle: "italic", lineHeight: 26, letterSpacing: -1, textAlign: "CENTER" },
+  "Title": { size: 26, fontWeight: 900, lineHeight: 28, letterSpacing: -0.5 },
+  "Masthead": { size: 40, fontWeight: 900, lineHeight: 40, letterSpacing: -1.5 },
+  "Body": { size: 11, fontWeight: 400, lineHeight: 16, letterSpacing: 0 },
+  "Credit": { size: 9, fontWeight: 700, lineHeight: 12, letterSpacing: 1 }
+};
+var made = /* @__PURE__ */ new WeakMap();
+function display(k, name) {
+  const set = made.get(k) ?? /* @__PURE__ */ new Set();
+  made.set(k, set);
+  if (!set.has(name)) {
+    k.textStyle(name, DISPLAY[name]);
+    set.add(name);
+  }
+  return name;
+}
+var BALLOON_WIDTHS = [[" (small)", 96], ["", 128], [" (wide)", 168]];
+var balloonFor = (w) => BALLOON_WIDTHS.find(([, bw]) => w <= bw) ?? BALLOON_WIDTHS[BALLOON_WIDTHS.length - 1];
+var rectFrame = (x, y, width, height) => ({ x, y, width, height, points: [{ x: 0, y: 0 }, { x: width, y: 0 }, { x: width, y: height }, { x: 0, y: height }] });
+function frameOf(corners) {
+  const xs = corners.map((p) => p.x), ys = corners.map((p) => p.y);
+  const x = Math.min(...xs), y = Math.min(...ys);
+  return { x: Math.round(x), y: Math.round(y), width: Math.round(Math.max(...xs) - x), height: Math.round(Math.max(...ys) - y), points: corners.map((p) => ({ x: Math.round(p.x - x), y: Math.round(p.y - y) })) };
+}
+function shares(total, gutter, parts) {
+  const sum = parts.reduce((a, b) => a + b, 0), free = total - gutter * (parts.length - 1);
+  const out = parts.map((p) => Math.floor(free * p / sum));
+  out[out.length - 1] = free - out.slice(0, -1).reduce((a, b) => a + b, 0);
+  return out;
+}
+function tier(width, height, parts, gutter = 10) {
+  let x = 0;
+  return shares(width, gutter, parts).map((w) => {
+    const f = rectFrame(x, 0, w, height);
+    x += w + gutter;
+    return f;
+  });
+}
+function slantTier(width, height, parts, lean = 16, gutter = 10) {
+  const widths = shares(width, gutter, parts), edges = [0];
+  widths.forEach((w, i) => edges.push(edges[i] + w + (i < widths.length - 1 ? gutter : 0)));
+  return widths.map((_, i) => {
+    const first = i === 0, last = i === widths.length - 1;
+    const lTop = first ? 0 : edges[i] + lean, lBot = first ? 0 : edges[i] - lean;
+    const rTop = last ? width : edges[i + 1] - gutter + lean, rBot = last ? width : edges[i + 1] - gutter - lean;
+    return frameOf([{ x: lTop, y: 0 }, { x: rTop, y: 0 }, { x: rBot, y: height }, { x: lBot, y: height }]);
+  });
+}
+function pageGrid(k, sheet, margin, gutter) {
+  k.flowSheet(sheet, gutter, margin);
+  const n = k.node(sheet);
+  return { W: n.width - margin * 2, H: n.height - margin * 2 - FOLIO - gutter };
+}
+var FOLIO = 14;
+function folio(k, sheet, label) {
+  const row = k.stack(sheet, { width: "FILL", height: FOLIO, direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Folio" });
+  k.text(row, STORY.title, { style: display(k, "Credit"), color: "text", name: "Folio title" });
+  k.text(row, label, { style: display(k, "Credit"), color: "onPaper", name: "Folio label" });
+}
+var tierBox = (k, sheet, W, h, name, fill) => k.stack(sheet, { width: W, height: h, name, ...fill ? { fill } : {} });
+var rows = (H, gutter, parts) => shares(H, gutter, parts);
+var TONE = [{ id: "e1", type: "HALFTONE", angle: 45, dotSize: 7, contrast: 0.5, colorMode: "SOURCE", shape: "CIRCLE", layout: "UNIFORM", toneSource: "LINEAR_GRADIENT", gradientAngle: 90, center: { x: 0.5, y: 0.5 }, visible: true }];
+function panel(k, tierId, f, art, o) {
+  if (o.keyline) k.rect(tierId, f.width + 12, f.height + 12, "paper", { name: "Keyline", absolute: { x: f.x - 6, y: f.y - 6 } });
+  const id = k.group(tierId, { x: f.x, y: f.y, width: f.width, height: f.height }, { name: o.name, absolute: true });
+  k.patch(id, { isMaskGroup: true, isPhotoFrame: true });
+  const shape = { closed: true, points: f.points.map((p) => ({ x: p.x, y: p.y })) };
+  k.vector(id, f.width, f.height, [shape], "paper", { name: "Panel mask", mask: true });
+  k.rect(id, f.width, f.height, o.ground, { name: "Ground" });
+  k.image(id, indieArt(art), f.width, f.height, { name: `${o.name} art` });
+  if (o.tone) {
+    const t = k.rect(id, f.width, f.height, "g3", { name: "Ben-Day screen", effects: TONE, opacity: 0.35 });
+    k.patch(t, { blendMode: "MULTIPLY" });
+  }
+  k.vector(id, f.width, f.height, [shape], [], { name: "Panel edge", stroke: { color: "ink", width: 2.5, join: "ROUND" } });
+  return id;
+}
+function say(k, tierId, words, o) {
+  const [suffix, w] = balloonFor(o.width ?? 128);
+  if (o.to) {
+    const root = { x: o.x + w * 0.5 + (o.to.x > o.x + w / 2 ? w * 0.12 : -w * 0.12), y: o.y + 16 };
+    const lines = Math.ceil(words.length * 6.2 / (w - 26)), foot = o.y + 22 + lines * 14;
+    const dist = Math.hypot(o.to.x - root.x, o.to.y - root.y) || 1, reach = Math.min(dist, Math.max(foot - root.y + 22, 30));
+    const to = { x: root.x + (o.to.x - root.x) * reach / dist, y: root.y + (o.to.y - root.y) * reach / dist };
+    const dx = to.x - root.x, dy = to.y - root.y, len = Math.hypot(dx, dy) || 1, nx = -dy / len, ny = dx / len, half = 8;
+    const pts = [{ x: root.x + nx * half, y: root.y + ny * half }, to, { x: root.x - nx * half, y: root.y - ny * half }];
+    const x0 = Math.min(...pts.map((p) => p.x)), y0 = Math.min(...pts.map((p) => p.y));
+    k.vector(
+      tierId,
+      Math.max(1, Math.max(...pts.map((p) => p.x)) - x0),
+      Math.max(1, Math.max(...pts.map((p) => p.y)) - y0),
+      [{ closed: true, points: pts.map((p) => ({ x: p.x - x0, y: p.y - y0 })) }],
+      "card",
+      { name: "Balloon tail", stroke: { color: "onCard", width: 2, join: "ROUND" }, absolute: { x: x0, y: y0 } }
+    );
+  }
+  return k.instance(tierId, `Speech balloon${suffix}`, { Text: words }, { absolute: { x: Math.round(o.x), y: Math.round(o.y) }, name: o.name ?? "Balloon" });
+}
+function caption(k, tierId, words, o) {
+  const id = k.stack(tierId, { width: o.width ?? 200, padding: { top: 6, right: 9, bottom: 7, left: 9 }, fill: "accent", stroke: { color: "onAccent", width: 1.5, align: "INSIDE" }, name: o.name ?? "Caption box", absolute: { x: Math.round(o.x), y: Math.round(o.y) } });
+  k.text(id, words, { style: "Caption", color: "onAccent", width: "FILL", name: "Caption words" });
+  return id;
+}
+function sfx(k, tierId, words, o) {
+  const id = k.stack(tierId, { width: o.w, height: o.h, align: "CENTER", justify: "CENTER", name: o.name ?? "Sound effect", absolute: { x: Math.round(o.x), y: Math.round(o.y) } });
+  const n = 11, pts = [];
+  let s = (o.seed ?? 7) >>> 0;
+  const r = () => {
+    s = Math.imul(s, 1664525) + 1013904223 >>> 0;
+    return s / 2 ** 32;
+  };
+  for (let i = 0; i < n * 2; i++) {
+    const a = i * Math.PI / n - Math.PI / 2, rad = i % 2 ? 0.7 + r() * 0.06 : 0.92 + r() * 0.08;
+    pts.push({ x: o.w / 2 + o.w / 2 * rad * Math.cos(a), y: o.h / 2 + o.h / 2 * rad * Math.sin(a) });
+  }
+  k.vector(id, o.w, o.h, [{ closed: true, points: pts }], "accent", { name: "Impact star", stroke: { color: "onAccent", width: 2, join: "ROUND" }, absolute: { x: 0, y: 0 } });
+  k.text(id, words, { style: display(k, "SFX"), color: "onAccent", align: "CENTER", name: "Sound effect words", autoWidth: true });
+  if (o.deg) k.patch(id, { rotation: o.deg });
+  return id;
+}
+function indieMeta(name, description, tags) {
+  return {
+    name,
+    description,
+    category: "comic",
+    tags: ["comic", "print", "alder street", "slice of life", "indie", ...tags],
+    platforms: ["print"],
+    formats: ["page"],
+    useCases: ["comic"],
+    created: "2026-09-22",
+    updated: "2026-10-10"
+  };
+}
+
+export {
+  STORY,
+  indieSetup,
+  display,
+  rectFrame,
+  frameOf,
+  shares,
+  tier,
+  slantTier,
+  pageGrid,
+  folio,
+  tierBox,
+  rows,
+  panel,
+  say,
+  caption,
+  sfx,
+  indieMeta
+};