@popcraft/kit 0.30.0 → 0.32.0

package/dist/chunks/chunk-7DKGI65Y.js

@@ -0,0 +1,305 @@
+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 {
+  STORY,
+  caption,
+  display,
+  folio,
+  frameOf,
+  indieMeta,
+  indieSetup,
+  pageGrid,
+  panel,
+  rectFrame,
+  rows,
+  say,
+  sfx,
+  slantTier,
+  tier,
+  tierBox
+} from "./chunk-6S72I27Z.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/themes/comic-indie.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DRAW = /* @__PURE__ */ new Map();
+var page = (id, name, description, tags, size, draw) => {
+  DRAW.set(id, draw);
+  return defineTemplate({
+    id,
+    meta: indieMeta(name, description, tags),
+    stableNumbers: true,
+    build() {
+      const k = new Kit(name, preset(size));
+      indieSetup(k);
+      draw(k);
+      folio(k, k.sheet, name);
+      return k.finish();
+    }
+  });
+};
+function stripTitle(k, sheet, W, title) {
+  const t = k.stack(sheet, { width: W, height: 30, direction: "HORIZONTAL", align: "CENTER", gap: 12, name: "Title bar" });
+  k.text(t, "Alder Street", { style: display(k, "Title"), color: "text", name: "Series" });
+  k.text(t, title, { style: display(k, "Credit"), color: "text", name: "Strip title" });
+}
+var gagFour = page("comic-gag-four", "Four-panel gag", "Four shots of one kitchen and one thing that changes: Theo carries in more and more boxes until Juno notices, and he offers her the tape", ["strip", "gag", "four-panel"], "comic-strip", (k) => {
+  const g = 10, { W, H } = pageGrid(k, k.sheet, 20, g);
+  stripTitle(k, k.sheet, W, "Boxes");
+  const h = H - 30 - g, t = tierBox(k, k.sheet, W, h, "Strip");
+  const [a, b, c, d] = slantTier(W, h, [1, 1, 1, 1], 10, g);
+  panel(k, t, a, "gag-1", { ground: "g1", name: "Setup" });
+  panel(k, t, b, "gag-2", { ground: "g2", name: "Setup again" });
+  panel(k, t, c, "gag-3", { ground: "g3", name: "Turn" });
+  panel(k, t, d, "gag-4", { ground: "g4", name: "Punchline" });
+  say(k, t, "Morning!", { x: a.x + 160, y: 10, width: 90, to: { x: a.x + a.width * 0.62, y: 70 } });
+  say(k, t, "Just a few more.", { x: b.x + 150, y: 10, width: 110, to: { x: b.x + b.width * 0.6, y: 80 } });
+  say(k, t, 'Theo. How many is "a few"?', { x: c.x + 10, y: 10, width: 128, to: { x: c.x + c.width * 0.6, y: 90 } });
+  caption(k, t, "Monday.", { x: 8, y: h - 34, width: 70 });
+  say(k, t, "I got you your own tape?", { x: d.x + 16, y: 10, width: 128, to: { x: d.x + d.width * 0.55, y: 110 } });
+});
+var stripDaily = page("comic-strip-daily", "Daily strip", "A three-beat strip: Mrs Okafor from downstairs arrives with a huge tomato plant, hands it over, and leaves Juno holding it", ["strip", "gag", "daily"], "comic-strip", (k) => {
+  const g = 10, { W, H } = pageGrid(k, k.sheet, 20, g);
+  stripTitle(k, k.sheet, W, "The plant");
+  const h = H - 30 - g, t = tierBox(k, k.sheet, W, h, "Strip");
+  const [a, b, c] = tier(W, h, [1, 1, 1], g);
+  panel(k, t, a, "strip-1", { ground: "g1", name: "The knock" });
+  panel(k, t, b, "strip-2", { ground: "g3", name: "The handover" });
+  panel(k, t, c, "strip-3", { ground: "g2", name: "Holding it" });
+  say(k, t, "He says you will need someone to look after.", { x: a.x + a.width - 180, y: 12, width: 168, to: { x: a.x + a.width * 0.7, y: 120 } });
+  say(k, t, "Mrs Okafor, I can barely keep a cactus alive.", { x: b.x + 12, y: 12, width: 168, to: { x: b.x + b.width * 0.3, y: 140 } });
+  say(k, t, "Water it. Talk to it. You will learn.", { x: b.x + b.width - 140, y: h - 80, width: 128, to: { x: b.x + b.width * 0.72, y: 120 } });
+  caption(k, t, "Three weeks until he goes.", { x: c.x + 12, y: h - 40, width: 170 });
+});
+var talkingHeads = page("comic-talking-heads", "Talking heads page", "The conversation on the sofa: a two-shot, then Juno and Theo in alternating closeups across slanted gutters, and the two-shot again with them closer", ["dialogue", "restraint"], "comic-page", (k) => {
+  const g = 12, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const [h1, h2, h3, h4] = rows(H, g, [24, 27, 27, 22]);
+  const t1 = tierBox(k, k.sheet, W, h1, "Tier 1");
+  panel(k, t1, rectFrame(0, 0, W, h1), "talk-1", { ground: "g1", name: "Two-shot" });
+  caption(k, t1, "The night the boxes came, we finally talked about it.", { x: 12, y: 12, width: 220 });
+  const t2 = tierBox(k, k.sheet, W, h2, "Tier 2");
+  const [a, b] = slantTier(W, h2, [1, 1], 18, g);
+  panel(k, t2, a, "talk-2", { ground: "g2", name: "Theo" });
+  panel(k, t2, b, "talk-3", { ground: "g4", name: "Juno" });
+  say(k, t2, "It is a good job, Ju. I would be stupid not to.", { x: 12, y: 12, width: 168, to: { x: a.width * 0.55, y: h2 * 0.45 } });
+  say(k, t2, "I know.", { x: W - 108, y: 14, width: 90, to: { x: b.x + b.width * 0.4, y: h2 * 0.5 } });
+  const t3 = tierBox(k, k.sheet, W, h3, "Tier 3");
+  const [c, d] = slantTier(W, h3, [1, 1], -18, g);
+  panel(k, t3, c, "talk-4", { ground: "g3", name: "Theo turns" });
+  panel(k, t3, d, "talk-5", { ground: "g1", name: "Juno looks away" });
+  say(k, t3, "You could say you will miss me.", { x: 14, y: 12, width: 128, to: { x: c.width * 0.5, y: h3 * 0.5 } });
+  say(k, t3, "I am saying it. Quietly.", { x: W - 140, y: h3 - 74, width: 128, to: { x: d.x + d.width * 0.4, y: h3 * 0.45 } });
+  const t4 = tierBox(k, k.sheet, W, h4, "Tier 4");
+  panel(k, t4, rectFrame(0, 0, W, h4), "talk-6", { ground: "g2", name: "Closer" });
+  say(k, t4, "Rooftop party. Before you go.", { x: W - 186, y: 12, width: 168, to: { x: W * 0.55, y: h4 * 0.6 } });
+});
+var silent = page("comic-silent", "Silent page", "Juno walks it off: down Alder Street, past the corner shop, along the canal to a bench under an orange sky, carried by the pictures alone", ["grid", "silent", "wordless"], "comic-page", (k) => {
+  const g = 12, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const [h1, h2, h3, h4] = rows(H, g, [26, 23, 23, 28]);
+  const t1 = tierBox(k, k.sheet, W, h1, "Tier 1");
+  panel(k, t1, rectFrame(0, 0, W, h1), "silent-1", { ground: "g1", name: "Out the door" });
+  caption(k, t1, "Alder Street, 7:42 pm.", { x: 12, y: 12, width: 150 });
+  const t2 = tierBox(k, k.sheet, W, h2, "Tier 2");
+  const [a, b] = tier(W, h2, [3, 2], g);
+  panel(k, t2, a, "silent-2", { ground: "g2", name: "Corner shop" });
+  panel(k, t2, b, "silent-3", { ground: "g4", name: "The fence" });
+  const t3 = tierBox(k, k.sheet, W, h3, "Tier 3");
+  const [c, d] = tier(W, h3, [2, 3], g);
+  panel(k, t3, c, "silent-4", { ground: "g3", name: "The bridge" });
+  panel(k, t3, d, "silent-5", { ground: "g1", name: "The boat" });
+  say(k, t3, "Hi, ducks.", { x: d.x + 14, y: 12, width: 90, to: { x: c.x + c.width * 0.5, y: h3 * 0.5 } });
+  sfx(k, t3, "quack", { x: W - 104, y: h3 - 62, w: 92, h: 52, deg: -6, seed: 3 });
+  const t4 = tierBox(k, k.sheet, W, h4, "Tier 4");
+  panel(k, t4, rectFrame(0, 0, W, h4), "silent-6", { ground: "g2", name: "The bench" });
+});
+var negativeSpace = page("comic-negative-space", "Negative space page", "Three small frames in a dark stairwell: Juno alone on the stairs, Mrs Okafor sitting down beside her with plums, the two of them seen from above", ["minimal", "quiet"], "comic-page", (k) => {
+  const g = 0, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const [h1, h2, h3] = rows(H, g, [40, 26, 34]);
+  const t1 = tierBox(k, k.sheet, W, h1, "Tier 1");
+  const f1 = rectFrame(36, 40, 200, h1 - 80);
+  panel(k, t1, f1, "neg-1", { ground: "g3", name: "Alone" });
+  caption(k, t1, "Some things you cannot walk off.", { x: 260, y: h1 - 90, width: 180 });
+  const t2 = tierBox(k, k.sheet, W, h2, "Black band", "text");
+  const f2 = rectFrame(W - 236, 24, 200, h2 - 48);
+  panel(k, t2, f2, "neg-2", { ground: "g1", name: "Plums", keyline: true });
+  say(k, t2, "Sit. Eat a plum. Tell me.", { x: 120, y: 40, width: 128, to: { x: f2.x + 60, y: f2.y + 50 } });
+  const t3 = tierBox(k, k.sheet, W, h3, "Tier 3");
+  const f3 = rectFrame(0, 50, W, h3 - 100);
+  panel(k, t3, f3, "neg-3", { ground: "g4", name: "From above" });
+  say(k, t3, "He is leaving, and I keep acting like he is already gone.", { x: 18, y: 4, width: 168, to: { x: W * 0.45, y: h3 * 0.6 } });
+});
+var riso = page("comic-riso", "Risograph page", "The flashback in two inks and a screen: four summers ago, the sofa up the stairs, noodles by candlelight, the terracotta wall, the spare key and the first seedling", ["riso", "zine", "flashback", "duotone"], "comic-page", (k) => {
+  const g = 12, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const [h1, h2, h3] = rows(H, g, [34, 30, 36]);
+  const t1 = tierBox(k, k.sheet, W, h1, "Tier 1");
+  panel(k, t1, rectFrame(0, 0, W, h1), "riso-1", { ground: "g2", name: "The sofa" });
+  caption(k, t1, "Four summers ago.", { x: 12, y: 12, width: 130 });
+  say(k, t1, "Pivot! PIVOT!", { x: W - 112, y: 16, width: 96, to: { x: W * 0.6, y: h1 * 0.4 } });
+  const t2 = tierBox(k, k.sheet, W, h2, "Tier 2");
+  const [a, b, c] = tier(W, h2, [1, 1, 1], g);
+  panel(k, t2, a, "riso-2", { ground: "g1", name: "Noodles", tone: true });
+  panel(k, t2, b, "riso-3", { ground: "g3", name: "The wall" });
+  panel(k, t2, c, "riso-4", { ground: "g4", name: "The key" });
+  say(k, t2, "For emergencies. And sugar.", { x: c.x + 10, y: 10, width: 96, to: { x: c.x + c.width * 0.3, y: h2 * 0.3 } });
+  const t3 = tierBox(k, k.sheet, W, h3, "Tier 3");
+  const [d, e] = tier(W, h3, [1, 2], g);
+  panel(k, t3, d, "riso-5", { ground: "g2", name: "The seedling", tone: true });
+  panel(k, t3, e, "riso-6", { ground: "g1", name: "First morning" });
+  caption(k, t3, "We did not own a bed yet. We owned a sofa.", { x: e.x + 12, y: h3 - 48, width: 220 });
+});
+var zine = page("comic-zine", "Quarter-fold zine", "Making the party flyer: drawing it on the floor, cutting out the sun, the pink print shop, warm copies, a lamp post and Mrs Okafor reading hers", ["zine", "mini-comic", "diy"], "comic-page", (k) => {
+  const g = 12, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const hs = rows(H, g, [1, 1, 1]);
+  const pairs = [["zine-1", "zine-2"], ["zine-3", "zine-4"], ["zine-5", "zine-6"]];
+  const words = ["Rooftop. Saturday. Bring a chair.", "Make it hot pink.", "Everyone is invited. Even you, Mrs O."];
+  pairs.forEach(([l, r], i) => {
+    const t = tierBox(k, k.sheet, W, hs[i], `Mini pages ${i * 2 + 1}\u2013${i * 2 + 2}`);
+    const [a, b] = tier(W, hs[i], [1, 1], g);
+    panel(k, t, a, l, { ground: i % 2 ? "g3" : "g1", name: `Page ${i * 2 + 1}` });
+    panel(k, t, b, r, { ground: i % 2 ? "g4" : "g2", name: `Page ${i * 2 + 2}` });
+    if (i === 1) say(k, t, words[i], { x: 12, y: 12, width: 110, to: { x: a.width * 0.5, y: hs[i] * 0.5 } });
+    else caption(k, t, words[i], { x: i ? b.x + 12 : 12, y: 12, width: 160 });
+  });
+});
+var webtoon = page("comic-webtoon", "Vertical scroll (webtoon)", "Up to the roof in one column of full-width beats: through the hatch, the string lights, the chairs and the plant, the lights coming on, and the finished roof", ["webtoon", "vertical", "scroll", "digital"], "comic-page", (k) => {
+  const g = 26, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const hs = rows(H, g, [22, 17, 17, 12, 32]);
+  const beats = [["web-1", "Through the hatch", "g1"], ["web-2", "Lights up", "g2"], ["web-3", "Chairs", "g4"], ["web-4", "On", "g3"], ["web-5", "Ready", "g1"]];
+  beats.forEach(([art, name, ground], i) => {
+    const t = tierBox(k, k.sheet, W, hs[i], `Beat ${i + 1}`);
+    panel(k, t, rectFrame(0, 0, W, hs[i]), art, { ground, name });
+    if (i === 0) say(k, t, "Mind the tar, it is still warm.", { x: W - 150, y: 12, width: 128, to: { x: W * 0.45, y: hs[i] * 0.5 } });
+    if (i === 1) say(k, t, "Higher. No, the other higher.", { x: 14, y: 12, width: 128, to: { x: W * 0.5, y: hs[i] * 0.5 } });
+    if (i === 4) caption(k, t, "It looked like somewhere you would want to stay.", { x: 12, y: hs[i] - 46, width: 230 });
+  });
+});
+var manga = page("comic-manga-page", "Manga page", "The party, read right to left: dancing under the lights, Mrs Okafor out-dancing everyone, the first raindrop, the scramble, one big umbrella", ["manga", "panels", "right-to-left"], "manga-page", (k) => {
+  const g = 8, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const [h1, h2, h3] = rows(H, g, [30, 34, 36]);
+  const t1 = tierBox(k, k.sheet, W, h1, "Tier 1");
+  panel(k, t1, rectFrame(0, 0, W, h1), "manga-1", { ground: "g1", name: "The party" });
+  caption(k, t1, "Saturday. Everyone came.", { x: 12, y: 12, width: 150 });
+  say(k, t1, "You call that dancing? Watch.", { x: W - 150, y: 12, width: 128, to: { x: W * 0.62, y: h1 * 0.55 } });
+  const t2 = tierBox(k, k.sheet, W, h2, "Tier 2");
+  const [left, right] = slantTier(W, h2, [2, 3], 22, g);
+  panel(k, t2, right, "manga-2", { ground: "g2", name: "Mrs Okafor dances" });
+  panel(k, t2, left, "manga-3", { ground: "g4", name: "First drop" });
+  sfx(k, t2, "plip", { x: 20, y: h2 - 72, w: 96, h: 56, deg: 8, seed: 5 });
+  const t3 = tierBox(k, k.sheet, W, h3, "Tier 3");
+  const [l3, r3] = slantTier(W, h3, [3, 2], -22, g);
+  panel(k, t3, r3, "manga-5", { ground: "g3", name: "The umbrella" });
+  panel(k, t3, l3, "manga-4", { ground: "g1", name: "Scramble" });
+  sfx(k, t3, "fwump", { x: r3.x + 30, y: 14, w: 110, h: 60, deg: -8, seed: 9 });
+  say(k, t3, "The records! Save the records!", { x: 14, y: h3 - 76, width: 128, to: { x: l3.width * 0.5, y: h3 * 0.4 } });
+});
+var iconGrid = page("comic-icon-grid", "Modular page", "A fine grid of the flat as it was: two mugs, the spare key, the tomatoes, the records, a packed box, the painted wall, two toothbrushes, the empty sofa, an open window", ["modular", "grid", "still life"], "comic-page", (k) => {
+  const g = 10, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const cell = Math.floor((W - 2 * g) / 3);
+  const head = 56, foot = H - head - 3 * cell - 4 * g;
+  const t0 = tierBox(k, k.sheet, W, head, "Heading");
+  caption(k, t0, "Everything that was ours, the week before he left.", { x: 0, y: 10, width: 300 });
+  const grounds = ["g1", "g2", "g3"];
+  for (let r = 0; r < 3; r++) {
+    const t = tierBox(k, k.sheet, W, cell, `Row ${r + 1}`);
+    tier(W, cell, [1, 1, 1], g).forEach((f, c) => panel(k, t, f, `icon-${r * 3 + c + 1}`, { ground: grounds[(c + r) % 3], name: `Object ${r * 3 + c + 1}` }));
+    if (r === 2) say(k, t, "You are keeping the sofa.", { x: W - 140, y: 10, width: 128, to: { x: W - 100, y: cell * 0.7 } });
+  }
+  tierBox(k, k.sheet, W, foot, "Footer");
+});
+var hourglass = page("comic-hourglass", "Symbol page (hourglass)", "The goodbye at sunset, in frames that make an hourglass: the roof edge, the spare key, a hand closing round it at the waist, her head on his shoulder, two silhouettes against the sky", ["symbol", "architecture", "sunset"], "comic-page", (k) => {
+  const g = 10, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const [h1, h2, h3, h4, h5] = rows(H, g, [22, 18, 16, 18, 26]);
+  const inset = W * 0.22, waist = W * 0.32;
+  const t1 = tierBox(k, k.sheet, W, h1, "Top");
+  panel(k, t1, rectFrame(0, 0, W, h1), "hour-1", { ground: "g1", name: "The edge" });
+  caption(k, t1, "The last night.", { x: 12, y: 12, width: 120 });
+  const t2 = tierBox(k, k.sheet, W, h2, "Narrowing");
+  panel(k, t2, frameOf([{ x: 0, y: 0 }, { x: W, y: 0 }, { x: W - inset, y: h2 }, { x: inset, y: h2 }]), "hour-2", { ground: "g2", name: "The key" });
+  say(k, t2, "So the place still has someone with a spare.", { x: W - 180, y: 6, width: 168, to: { x: W * 0.5, y: h2 * 0.6 } });
+  const t3 = tierBox(k, k.sheet, W, h3, "Waist");
+  panel(k, t3, rectFrame(Math.round((W - waist) / 2), 0, Math.round(waist), h3), "hour-3", { ground: "g3", name: "Her hand" });
+  const t4 = tierBox(k, k.sheet, W, h4, "Widening");
+  panel(k, t4, frameOf([{ x: inset, y: 0 }, { x: W - inset, y: 0 }, { x: W, y: h4 }, { x: 0, y: h4 }]), "hour-4", { ground: "g4", name: "Her head on his shoulder" });
+  const t5 = tierBox(k, k.sheet, W, h5, "Bottom");
+  panel(k, t5, rectFrame(0, 0, W, h5), "hour-5", { ground: "g2", name: "Two silhouettes" });
+  say(k, t5, "Same time next summer?", { x: W * 0.5 - 64, y: 14, width: 128, to: { x: W * 0.5, y: h5 * 0.7 } });
+});
+var backmatter = page("comic-backmatter", "Back matter (letters page)", "The letters page that closes the issue: a masthead, a reader's letter, two small panels of what came after, the reply and the indicia", ["back-matter", "letters"], "comic-page", (k) => {
+  const g = 14, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const t0 = tierBox(k, k.sheet, W, 56, "Masthead");
+  k.text(t0, "Letters to Alder Street", { style: display(k, "Masthead"), color: "text", name: "Masthead", width: "FILL" });
+  const letter = k.stack(k.sheet, { width: W, gap: 6, name: "Letter" });
+  k.text(letter, "Dear Alder Street,", { style: display(k, "Credit"), color: "text", name: "Salutation" });
+  k.text(letter, "I shared a flat with my best friend for five years, and when she moved for work I did exactly what Juno did: packed nothing, said nothing, and walked a long way round the block. Reading this issue on the bus, I had to put it down twice. Is there going to be a next summer? Please say yes. And please tell me the tomato plant made it.", { style: display(k, "Body"), color: "text", width: "FILL", name: "Letter body" });
+  k.text(letter, "\u2014 A reader in a flat that is too quiet now", { style: display(k, "Credit"), color: "onPaper", name: "Signature" });
+  const ph = 190, t = tierBox(k, k.sheet, W, ph, "After");
+  const [a, b] = tier(W, ph, [1, 1], g);
+  panel(k, t, a, "back-1", { ground: "g1", name: "The train" });
+  panel(k, t, b, "back-2", { ground: "g3", name: "Watering" });
+  caption(k, t, "After.", { x: 10, y: ph - 36, width: 70 });
+  say(k, t, "It made it.", { x: b.x + b.width - 108, y: 10, width: 96, to: { x: b.x + b.width * 0.4, y: ph * 0.5 } });
+  const reply = k.stack(k.sheet, { width: W, gap: 6, name: "Reply" });
+  k.text(reply, "We say yes. The plant had forty-one tomatoes, Mrs Okafor counted. Theo sends a postcard every month and the spare key still hangs by the door. Next summer starts in issue two. Write to us, and tell us about the people you shared a kitchen with.", { style: display(k, "Body"), color: "text", width: "FILL", name: "Reply body" });
+  const used = 56 + ph + 4 * g + 270;
+  const ind = k.stack(k.sheet, { width: W, height: Math.max(40, H - used), justify: "MAX", name: "Indicia" });
+  k.text(ind, "LAST SUMMER ON ALDER STREET No. 1. Story, art and letters by the Alder Street team. Printed on recycled stock.", { style: display(k, "Credit"), color: "onPaper", width: "FILL", name: "Indicia text" });
+});
+function issueCover(k, sheet) {
+  const { W, H } = pageGrid(k, sheet, 0, 0);
+  const t = tierBox(k, sheet, W, H, "Cover");
+  const b = k.doc.settings?.bleed?.left ?? 0;
+  panel(k, t, rectFrame(-b, -b, W + 2 * b, H + 2 * b), "hour-1", { ground: "g1", name: "Cover art" });
+  caption(k, t, `${STORY.series} \xB7 ${STORY.issue}`, { x: 36, y: 36, width: 200, name: "Issue" });
+  caption(k, t, STORY.title, { x: 36, y: H - 110, width: 300, name: "Cover title" });
+}
+var ISSUE = [
+  ["comic-talking-heads", "Page 1"],
+  ["comic-silent", "Page 2"],
+  ["comic-negative-space", "Page 3"],
+  ["comic-riso", "Page 4"],
+  ["comic-zine", "Page 5"],
+  ["comic-webtoon", "Page 6"],
+  ["comic-icon-grid", "Page 7"],
+  ["comic-hourglass", "Page 8"],
+  ["comic-backmatter", "Letters"]
+];
+var wholeIssue = defineTemplate({
+  id: "comic-indie-issue",
+  meta: indieMeta("Whole comic issue (Alder Street)", `"${STORY.title}", the whole indie issue in one file: the cover and every page of the story in facing pages, ready to print as a booklet`, ["book", "issue", "story", "indie"]),
+  sequence: true,
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Whole comic issue (Alder Street)", preset("comic-page"));
+    indieSetup(k);
+    k.doc = { ...k.doc, settings: { ...k.doc.settings, facingPages: true } };
+    const front = k.sheet;
+    k.nameSheet(front, "Front cover");
+    issueCover(k, front);
+    k.setCover(front);
+    for (const [id, name] of ISSUE) {
+      const sheet = k.addSheet(preset("comic-page"), name);
+      DRAW.get(id)(k);
+      folio(k, sheet, name);
+    }
+    return k.finish();
+  }
+});
+var pack = [gagFour, stripDaily, talkingHeads, silent, negativeSpace, riso, zine, webtoon, manga, iconGrid, hourglass, backmatter, wholeIssue];
+var comic_indie_default = pack;
+
+export {
+  comic_indie_default
+};

package/dist/chunks/chunk-APBRV4W6.js

@@ -0,0 +1,71 @@
+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 {
+  FOLIO,
+  caption,
+  comicMeta,
+  comicSetup,
+  folio,
+  pageGrid,
+  panel,
+  rectFrame,
+  rows,
+  say,
+  sfx,
+  tier,
+  tierBox
+} from "./chunk-UBT4DZYW.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/print/comic-hero-overlap.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var comic_hero_overlap_default = defineTemplate({
+  id: "comic-overlap",
+  meta: comicMeta("Overlapping page", 'Page six of "Nightstar: Blackout": the fist fight, with frames laid over each other on paper keylines: the punch lands, the backhand lands harder, and Nightstar goes through a bus window before standing up again', ["overlap", "keyline", "fight", "sound effects"]),
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Overlapping page", preset("comic-page"));
+    comicSetup(k);
+    drawPage(k);
+    return k.finish();
+  }
+});
+function drawPage(k) {
+  const g = 12, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const [h1, h2, h3] = rows(H - FOLIO, g, [30, 40, 30]);
+  const t1 = tierBox(k, k.sheet, W, h1, "Tier 1");
+  const [a, b] = tier(W, h1, [3, 2], g);
+  panel(k, t1, a, "over-1", { ground: "heroG1", name: "The charge" });
+  panel(k, t1, rectFrame(b.x - 40, 14, b.width + 40, h1 - 14), "over-2", { ground: "heroG2", name: "The punch", keyline: 7 });
+  caption(k, t1, "Round two.", { x: 10, y: 10, width: 110 });
+  sfx(k, t1, "Thwakk!", { x: W - 220, y: h1 - 96, w: 200, h: 86, deg: -8, seed: 5 });
+  const t2 = tierBox(k, k.sheet, W, h2, "Tier 2");
+  panel(k, t2, rectFrame(0, 0, W, h2), "over-3", { ground: "heroG3", name: "The backhand" });
+  panel(k, t2, rectFrame(Math.round(W * 0.6), 20, Math.round(W * 0.4) - 12, h2 - 40), "over-4", { ground: "heroG1", name: "Through the bus", keyline: 8 });
+  sfx(k, t2, "Wham!", { x: 14, y: h2 - 120, w: 210, h: 100, deg: -6, fill: "primary", seed: 8 });
+  const t3 = tierBox(k, k.sheet, W, h3, "Tier 3");
+  const [c, d] = tier(W, h3, [3, 2], g);
+  panel(k, t3, c, "over-5", { ground: "heroG2", name: "Back up" });
+  panel(k, t3, d, "over-6", { ground: "heroG3", name: "The grin" });
+  say(k, t3, "That all you\u2019ve got?", { x: 12, y: 12, width: 128, to: { x: c.width * 0.18, y: h3 * 0.4 } });
+  say(k, t3, "Not even close.", { x: W - 108, y: h3 - 70, width: 96, to: { x: d.x + d.width * 0.5, y: h3 * 0.45 } });
+  folio(k, k.sheet, "Nightstar: Blackout \u2014 page 6");
+}
+
+export {
+  comic_hero_overlap_default,
+  drawPage
+};

package/dist/chunks/{chunk-AN3H4JWT.js → chunk-APVJKUJP.js}

@@ -14,14 +14,14 @@ import {
   newFileRefusal,
   reportNewFileBlocked,
   setCloudLink
-} from "./chunk-IPEOO7PN.js";
+} from "./chunk-CKBPEGTH.js";
 import {
   parseDeepLink,
   withDeepLink
 } from "./chunk-YGCKTKQG.js";
 import {
   activeTeamWorkspaceId
-} from "./chunk-HST5H23G.js";
+} from "./chunk-JRQ4ZPRK.js";
 import {
   ApiError,
   api,
@@ -29,7 +29,7 @@ import {
 } from "./chunk-PJY3DG52.js";
 import {
   attachPresence
-} from "./chunk-CQ6QGYKJ.js";
+} from "./chunk-YI7HCLNY.js";
 import {
   isPersistableDocument,
   isUnsavedPlaceholder,
@@ -40,7 +40,7 @@ import {
   setCollabHistory,
   storedDocument,
   useEditorStore
-} from "./chunk-AXKXWL35.js";
+} from "./chunk-WKKHCEXN.js";
 import {
   accessToken,
   cloudUser,

package/dist/chunks/chunk-CGNNKKW7.js

@@ -0,0 +1,70 @@
+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 {
+  FOLIO,
+  caption,
+  comicMeta,
+  comicSetup,
+  folio,
+  pageGrid,
+  panel,
+  rectFrame,
+  rows,
+  say,
+  sfx,
+  tier,
+  tierBox
+} from "./chunk-UBT4DZYW.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/print/comic-hero-nested.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var comic_hero_nested_default = defineTemplate({
+  id: "comic-nested",
+  meta: comicMeta("Nested page", 'Page seven of "Nightstar: Blackout": Voltrix drinks the whole grid in one big frame, with two inset close-ups nested inside it, while the skyline goes dark block by block and Rosa spots the cable that feeds him', ["nested", "inset", "keyline", "sound effects"]),
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Nested page", preset("comic-page"));
+    comicSetup(k);
+    drawPage(k);
+    return k.finish();
+  }
+});
+function drawPage(k) {
+  const g = 12, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const [h1, h2] = rows(H - FOLIO, g, [54, 46]);
+  const t1 = tierBox(k, k.sheet, W, h1, "Tier 1");
+  panel(k, t1, rectFrame(0, 0, W, h1), "nest-1", { ground: "heroG1", name: "The overload" });
+  const s = Math.round(W * 0.3);
+  panel(k, t1, rectFrame(16, h1 - s - 16, s, s), "nest-2", { ground: "heroG2", name: "The coils", keyline: 6 });
+  panel(k, t1, rectFrame(W - s - 16, h1 - s - 16, s, s), "nest-3", { ground: "heroG3", name: "The glare", keyline: 6 });
+  caption(k, t1, "11:58 p.m. He doesn\u2019t want power. He wants all of it.", { x: 10, y: 10, width: 230 });
+  sfx(k, t1, "Vrrmm!", { x: W - 230, y: 14, w: 200, h: 96, deg: 6, seed: 13 });
+  say(k, t1, "More!", { x: 16 + s - 40, y: h1 - s - 70, width: 96, to: { x: 16 + s * 0.5, y: h1 - s * 0.6 } });
+  say(k, t1, "Too bright. Can\u2019t get close.", { x: W - s - 120, y: h1 - s - 90, width: 128, to: { x: W - s * 0.5, y: h1 - s * 0.6 }, thought: true });
+  const t2 = tierBox(k, k.sheet, W, h2, "Tier 2");
+  const [a, b] = tier(W, h2, [3, 2], g);
+  panel(k, t2, a, "nest-4", { ground: "heroG2", name: "The blackout" });
+  panel(k, t2, b, "nest-5", { ground: "heroG3", name: "The cable" });
+  caption(k, t2, "Block by block, the city goes dark.", { x: 10, y: 10, width: 200 });
+  say(k, t2, "That cable... it feeds him.", { x: b.x + 6, y: 12, width: 128, to: { x: b.x + b.width * 0.4, y: h2 * 0.35 }, thought: true });
+  folio(k, k.sheet, "Nightstar: Blackout \u2014 page 7");
+}
+
+export {
+  comic_hero_nested_default,
+  drawPage
+};

package/dist/chunks/{chunk-IPEOO7PN.js → chunk-CKBPEGTH.js}

@@ -6,7 +6,7 @@ const __filename = __popcraftPath(import.meta.url);
 const __dirname = __popcraftDirname(__filename);
 import {
   activeTeamWorkspaceId
-} from "./chunk-HST5H23G.js";
+} from "./chunk-JRQ4ZPRK.js";
 import {
   ApiError,
   GUEST_FILE_LIMIT,
@@ -18,7 +18,7 @@ import {
 } from "./chunk-SYJZXGA7.js";
 import {
   markLibraryDocument
-} from "./chunk-AXKXWL35.js";
+} from "./chunk-WKKHCEXN.js";
 import {
   cloudEnabled,
   cloudUser

package/dist/chunks/chunk-COJM27N2.js

@@ -0,0 +1,73 @@
+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 {
+  FOLIO,
+  caption,
+  comicMeta,
+  comicSetup,
+  folio,
+  pageGrid,
+  panel,
+  rows,
+  say,
+  sfx,
+  slantTier,
+  tier,
+  tierBox
+} from "./chunk-UBT4DZYW.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/print/comic-hero-chase.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var comic_hero_chase_default = defineTemplate({
+  id: "comic-chase",
+  meta: comicMeta("Chase page", 'Page two of "Nightstar: Blackout": Voltrix tears open a substation, Nightstar watches from a gargoyle, and the chase runs across the rooftops on slanted gutters to a lightning bolt and an exploding water tower', ["chase", "slanted", "rooftops", "sound effects"]),
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Chase page", preset("comic-page"));
+    comicSetup(k);
+    drawPage(k);
+    return k.finish();
+  }
+});
+function drawPage(k) {
+  const g = 12, { W, H } = pageGrid(k, k.sheet, 36, g);
+  const [h1, h2, h3] = rows(H - FOLIO, g, [30, 34, 36]);
+  const t1 = tierBox(k, k.sheet, W, h1, "Tier 1");
+  const [a] = tier(W, h1, [1], g);
+  panel(k, t1, a, "chase-1", { ground: "heroG1", name: "The substation" });
+  caption(k, t1, "Midnight. The Eastside substation.", { x: 10, y: 10, width: 200 });
+  say(k, t1, "The whole grid. All of it. Mine.", { x: W - 180, y: 12, width: 160, to: { x: W * 0.5, y: h1 * 0.36 } });
+  const t2 = tierBox(k, k.sheet, W, h2, "Tier 2");
+  const [b, c] = slantTier(W, h2, [2, 3], 22, g);
+  panel(k, t2, b, "chase-2", { ground: "heroG2", name: "On the ledge" });
+  panel(k, t2, c, "chase-3", { ground: "heroG3", name: "Through the wall" });
+  say(k, t2, "Not tonight, Voltrix.", { x: 12, y: 12, width: 110, to: { x: b.width * 0.45, y: h2 * 0.3 }, thought: true });
+  sfx(k, t2, "Krakk!", { x: W - 210, y: h2 - 110, w: 190, h: 96, deg: -8, seed: 4 });
+  const t3 = tierBox(k, k.sheet, W, h3, "Tier 3");
+  const [d, e, f] = slantTier(W, h3, [3, 2, 3], -20, g);
+  panel(k, t3, d, "chase-4", { ground: "heroG1", name: "The leap" });
+  panel(k, t3, e, "chase-5", { ground: "heroG2", name: "Voltrix looks back" });
+  panel(k, t3, f, "chase-6", { ground: "heroG3", name: "The bolt" });
+  say(k, t3, "Keep up, hero!", { x: e.x + 4, y: 12, width: 96, to: { x: e.x + e.width * 0.5, y: h3 * 0.4 } });
+  sfx(k, t3, "Zzrakk!", { x: f.x + 10, y: h3 - 100, w: 200, h: 90, deg: 6, fill: "primary", seed: 11 });
+  folio(k, k.sheet, "Nightstar: Blackout \u2014 page 2");
+}
+
+export {
+  comic_hero_chase_default,
+  drawPage
+};