@popcraft/kit 0.26.0 → 0.27.0

package/dist/chunks/chunk-OOGCRXNV.js

@@ -1,184 +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 {
-  flatPhone,
-  uiRoles
-} from "./chunk-XFK7KVIF.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  ground
-} from "./chunk-QLV6445V.js";
-import {
-  hardShadow
-} from "./chunk-HVK5T4I5.js";
-import {
-  logoBadge,
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  box
-} from "./chunk-BNVLVZUT.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/social/saas-store-play-kit.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function leafAt(x, y, len, wid, deg) {
-  const a = deg * Math.PI / 180, dx = Math.sin(a), dy = -Math.cos(a), nx = -dy, ny = dx;
-  const tip = { x: x + dx * len, y: y + dy * len };
-  const side = (t, s) => ({ x: x + dx * len * t + nx * wid * s, y: y + dy * len * t + ny * wid * s });
-  return { closed: true, points: [{ x, y, handleOut: side(0.25, 1) }, { ...tip, handleIn: side(0.7, 0.9), handleOut: side(0.7, -0.9) }, { x, y, handleIn: side(0.25, -1) }] };
-}
-var plantPhoto = (height, name, focus = false) => ({ kind: "custom", build: (k, parent, w) => {
-  const photo = k.photo(parent, w, height, { radius: 24, ground: "photo", name });
-  const at = { absolute: { x: 0, y: 0 } };
-  const cx = w * (focus ? 0.5 : 0.36), sill = height - 22, potH = height * 0.3, potW = height * 0.36, rim = sill - potH;
-  k.ellipse(photo, Math.round(height * 1.5), "surface", { name: "Window light", opacity: 0.5, absolute: { x: Math.round(cx - height * 0.2), y: Math.round(-height * 0.7) } });
-  k.vector(photo, w, height, [box(0, sill, w, 22)], "leafB", { name: "Sill", ...at });
-  k.vector(photo, w, height, [{ closed: true, points: [{ x: cx - potW / 2, y: rim }, { x: cx + potW / 2, y: rim }, { x: cx + potW * 0.36, y: sill }, { x: cx - potW * 0.36, y: sill }] }, box(cx - potW * 0.58, rim - 12, potW * 1.16, 16)], "pot", { name: "Pot", ...at });
-  const reach = rim - 14;
-  k.vector(photo, w, height, [leafAt(cx, rim - 8, reach * 0.86, reach * 0.24, -58), leafAt(cx, rim - 8, reach * 0.9, reach * 0.26, 52), leafAt(cx, rim - 8, reach, reach * 0.22, 4)], "leafB", { name: "Back leaves", ...at });
-  k.vector(photo, w, height, [leafAt(cx, rim - 8, reach * 0.8, reach * 0.24, -26), leafAt(cx, rim - 8, reach * 0.76, reach * 0.24, 28)], "leafA", { name: "Front leaves", ...at });
-  if (focus) {
-    const fw = height * 0.86, fh = height * 0.8, fx = cx - fw / 2, fy = (height - fh) / 2 - 4, c = 26;
-    const corner = (px, py, sx, sy) => ({ closed: false, points: [{ x: px, y: py + sy * c }, { x: px, y: py }, { x: px + sx * c, y: py }] });
-    k.vector(photo, w, height, [corner(fx, fy, 1, 1), corner(fx + fw, fy, -1, 1), corner(fx + fw, fy + fh, -1, -1), corner(fx, fy + fh, 1, -1)], "surface", { name: "Focus", strokeWidth: 4, ...at });
-  }
-} });
-var SCREENS = [
-  { name: "Today", tabs: [4, 0], blocks: [
-    { kind: "title", text: "Today", note: "3 thirsty" },
-    { kind: "hero", label: "Water before noon", figure: "3 plants", note: "Monstera, basil, the big fern", share: 0.33 },
-    { kind: "checks", rows: [["Monstera \xB7 250 ml", true], ["Basil on the sill \xB7 80 ml", false], ["Boston fern \xB7 mist only", false]] },
-    { kind: "heading", text: "Happy for now", note: "9 plants" },
-    { kind: "rows", card: true, rows: [{ title: "Snake plant", sub: "Water in 11 days", glyph: "leaf" }, { title: "Pilea", sub: "Water on Sunday", glyph: "leaf" }, { title: "String of pearls", sub: "Leave it alone", glyph: "drop", ink: "onScreenMuted", tile: "track" }] }
-  ] },
-  { name: "Plant", tabs: [4, 1], blocks: [
-    { kind: "title", text: "Monstera", note: "Living room" },
-    plantPhoto(190, "Plant photo"),
-    { kind: "tiles", items: [["Soil", "Dry"], ["Last drink", "8 days ago"]] },
-    { kind: "curve", title: "Soil moisture", note: "14 days", values: [80, 72, 61, 50, 42, 88, 79, 70, 58, 49, 41, 33, 27, 22], height: 100 },
-    { kind: "button", label: "I watered it" },
-    { kind: "text", text: "New leaf unfurling. Turn the pot a quarter so it grows straight." }
-  ] },
-  { name: "Identify", tabs: [4, 2], blocks: [
-    { kind: "title", text: "What is it?", note: "Camera" },
-    plantPhoto(250, "Snapshot", true),
-    { kind: "hero", label: "96% match", figure: "Pilea", note: "Chinese money plant \xB7 easy", fill: "accent", ink: "onAccent" },
-    { kind: "rows", card: true, rows: [{ title: "Water", sub: "When the top inch is dry", glyph: "drop" }, { title: "Light", sub: "Bright, out of direct sun", glyph: "sun" }, { title: "Pets", sub: "Safe for cats and dogs", glyph: "check" }] }
-  ] },
-  { name: "Rescue", tabs: [4, 3], blocks: [
-    { kind: "title", text: "Plant doctor", note: "Basil" },
-    { kind: "hero", label: "Yellow lower leaves", figure: "Overwatered", note: "Fixable in about ten days" },
-    { kind: "checks", rows: [["Skip the next two waterings", true], ["Move it off the cold sill", true], ["Pinch the flower buds", false], ["Repot if it smells sour", false]] },
-    { kind: "bars", title: "Recovery", note: "Day 4 of 10", values: [2, 3, 4, 6, 7, 8, 9, 9, 10, 10], hi: 3, height: 90 },
-    { kind: "button", label: "Remind me on Thursday" }
-  ] }
-];
-var SHOTS = [
-  { key: "Water", fill: "accent", label: "It tells you who\u2019s thirsty.", tag: "No more guessing", tilt: -3 },
-  { key: "Track", fill: "primary", label: "Every plant gets its own page.", tag: "Soil, light, last drink", tilt: 3 },
-  { key: "Identify", fill: "paper", label: "Point. Shoot. It\u2019s a Pilea.", tag: "12,000 species", tilt: -3 },
-  { key: "Rescue", fill: "secondary", label: "A plan for the one that\u2019s dying.", tag: "Plant doctor", tilt: 3 }
-];
-var leaf = (w, h) => ({ closed: true, points: [
-  { x: w / 2, y: h, handleOut: { x: -w * 0.25, y: h * 0.7 } },
-  { x: w / 2, y: 0, handleIn: { x: -w * 0.1, y: h * 0.2 }, handleOut: { x: w * 1.1, y: h * 0.2 } },
-  { x: w / 2, y: h, handleIn: { x: w * 1.25, y: h * 0.7 } }
-] });
-var saas_store_play_kit_default = defineTemplate({
-  id: "social-saas-store-play-kit",
-  meta: {
-    name: "SaaS store Google Play kit",
-    description: "A Google Play listing in one neo-brutalist system: the 1024 \xD7 500 feature graphic (words on the left, clear of the centre where Play lays its play button) and four 1080 \xD7 1920 phone screenshots, each one benefit on an outlined label over a phone with a block shadow and outsized leaves. Drop your own capture on each phone\u2019s screenshot slot",
-    category: "social",
-    tags: ["saas", "saas store", "google play", "feature graphic", "screenshots", "android", "neo-brutalist", "aso", "mobile app", "subscription app", "listing", "play store"],
-    platforms: ["google-play", "android"],
-    formats: ["banner", "screenshot", "gallery"],
-    useCases: ["launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  sequence: true,
-  build() {
-    const k = new Kit("SaaS store Google Play kit", preset("play-feature"));
-    k.quantizeGeometry = true;
-    k.brand(
-      {
-        paper: "#F4EFE2",
-        text: "#151515",
-        primary: "#22B573",
-        onPrimary: "#0A1A12",
-        secondary: "#FF6A48",
-        onSecondary: "#1E0802",
-        accent: "#FFD43B",
-        onAccent: "#151515",
-        ...uiRoles({ screen: "#F7F5EE", surface: "#FFFFFF", onScreen: "#151515", onScreenMuted: "#55584F", line: "#D9D5C7", track: "#E7E3D6", tile: "#DDF3E7", photo: "#CFE3C4", positive: "#127A4B", primary: "#22B573", onPrimary: "#0A1A12", accent: "#FFD43B", onAccent: "#151515", device: "#151515", deviceEdge: "#151515" })
-      },
-      { name: "Sill", tagline: "Plants that tell you when they\u2019re thirsty." }
-    );
-    k.palette({ outline: "#151515", label: "#FFFFFF", onLabel: "#151515", leafA: "#178A56", leafB: "#0F6B43", pot: "#FF6A48" });
-    k.textStyle("Name 132", { size: 132, fontWeight: 900, letterSpacing: -6, lineHeight: 120 });
-    k.textStyle("Tagline 34", { size: 34, fontWeight: 700, letterSpacing: -0.8, lineHeight: 40 });
-    k.textStyle("Chip 20", { ...MONO, size: 20, fontWeight: 700, letterSpacing: 0.8, lineHeight: 26, textCase: "UPPER" });
-    k.textStyle("Label 100", { size: 100, fontWeight: 900, letterSpacing: -4.6, lineHeight: 98 });
-    k.textStyle("Tag 30", { ...MONO, size: 30, fontWeight: 700, letterSpacing: 1.4, lineHeight: 38, textCase: "UPPER" });
-    pill(k, "Tag", { fill: "outline", ink: "label", style: "Tag 30", label: "01 \xB7 No more guessing", pad: [10, 20], radius: 0 });
-    const line = (w) => ({ color: "outline", width: w, align: "INSIDE" });
-    const drawLeaf = (sheet, w, h, x, y, rot, role, stroke) => {
-      const id = k.vector(sheet, w, h, [leaf(w, h)], role, { name: "Leaf", absolute: { x, y }, stroke: { color: "outline", width: stroke, align: "CENTER" } });
-      k.patch(id, { rotation: rot });
-    };
-    const feature = k.sheet;
-    ground(k, feature, "Feature graphic", "accent");
-    k.rect(feature, 420, 500, "primary", { name: "Green block", absolute: { x: 604, y: 0 }, stroke: line(6) });
-    drawLeaf(feature, 190, 330, 560, 40, -24, "leafA", 6);
-    drawLeaf(feature, 170, 300, 880, 150, 32, "leafB", 6);
-    drawLeaf(feature, 120, 210, 905, -30, 14, "leafA", 6);
-    flatPhone(k, feature, { spec: SCREENS[0], scale: 0.86, x: 640, y: 70, rotation: -7, name: "Phone", shadow: hardShadow(k, "outline", 14, 14) });
-    const words = k.stack(feature, { width: 520, gap: 18, name: "Feature words", absolute: { x: 48, y: 52 } });
-    const brandRow = k.stack(words, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", name: "Brand row" });
-    logoBadge(k, brandRow, { fill: "outline", size: 34, pad: 9, radius: 12 });
-    const chip = k.stack(brandRow, { direction: "HORIZONTAL", width: "HUG", fill: "label", padding: { top: 6, right: 12, bottom: 6, left: 12 }, stroke: line(3), effects: [hardShadow(k, "outline", 4, 4)], name: "Chip" });
-    k.text(chip, "Plant care", { style: "Chip 20", color: "onLabel", autoWidth: true, name: "Chip text" });
-    k.text(words, "{{brand.name}}", { style: "Name 132", color: "onAccent", name: "Name" });
-    const tagBox = k.stack(words, { width: 470, fill: "label", padding: { top: 16, right: 20, bottom: 18, left: 20 }, stroke: line(5), effects: [hardShadow(k, "outline", 8, 8)], name: "Tagline box" });
-    k.text(tagBox, "{{brand.tagline}}", { style: "Tagline 34", color: "onLabel", name: "Tagline" });
-    const W = 1080, SCALE = 2, PW = Math.round(426 * SCALE);
-    SHOTS.forEach((s, i) => {
-      const sheet = k.addSheet(preset("play-phone"));
-      ground(k, sheet, `Screenshot ${i + 1} \xB7 ${s.key}`, s.fill);
-      k.patch(sheet, { x: 1024 + 120 + i * (W + 120), y: 0 });
-      const next = ["primary", "accent", "secondary", "accent"][i];
-      k.rect(sheet, 760, 1300, next, { name: "Block", absolute: { x: i % 2 ? 40 : 280, y: 700 }, stroke: line(8) });
-      drawLeaf(sheet, 340, 600, i % 2 ? 790 : -50, 520, i % 2 ? 28 : -28, "leafA", 9);
-      drawLeaf(sheet, 280, 480, i % 2 ? -60 : 860, 900, i % 2 ? -34 : 34, "leafB", 9);
-      drawLeaf(sheet, 260, 440, i % 2 ? 880 : -70, 1380, i % 2 ? 40 : -40, "leafA", 9);
-      flatPhone(k, sheet, { spec: SCREENS[i], scale: SCALE, x: (W - PW) / 2, y: 560, rotation: s.tilt, name: "Phone", shadow: hardShadow(k, "outline", 14, 14) });
-      const label = k.stack(sheet, { width: W - 128, gap: 0, fill: "label", padding: { top: 34, right: 40, bottom: 40, left: 40 }, stroke: line(8), effects: [hardShadow(k, "outline", 14, 14)], name: "Label", absolute: { x: 56, y: 150 } });
-      k.text(label, s.label, { style: "Label 100", color: "onLabel", name: "Label text" });
-      k.instance(sheet, "Tag", { Label: `0${i + 1} \xB7 ${s.tag}` }, { name: "Tag", absolute: { x: 56, y: 96 } });
-    });
-    k.setCover(feature);
-    return k.finish();
-  }
-});
-
-export {
-  saas_store_play_kit_default
-};

package/dist/chunks/chunk-OPKUTIGE.js

@@ -1,289 +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 {
-  hz
-} from "./chunk-PMVMC75G.js";
-import {
-  noise
-} from "./chunk-HVK5T4I5.js";
-import {
-  circle3,
-  pt3,
-  r3
-} from "./chunk-BNVLVZUT.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/themes/psychedelic-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function psyBrand(k, fields = {}) {
-  k.brand(
-    { paper: "#F8E8C4", text: "#3A150A", onPaper: "#5C2A12", accent: "#F2641A", primary: "#CF1B70", onPrimary: "#FFF4D8", card: "#FFF4D8", onCard: "#3A150A" },
-    { name: "Hullabaloo", site: "hullabaloo.example", ...fields }
-  );
-  k.palette({
-    orange: "#F2641A",
-    hot: "#FF8A1F",
-    magenta: "#CF1B70",
-    plum: "#8C1350",
-    mustard: "#EBAE17",
-    olive: "#6C7A1C",
-    moss: "#4C5A12",
-    brown: "#5C2A12",
-    cream: "#FFF4D8",
-    ink: "#3A150A"
-  });
-}
-var TAU = Math.PI * 2;
-var near = (everyMs, loopMs) => hz(Math.max(1, Math.round(loopMs / everyMs)), loopMs);
-var circle = (cx, cy, r, n = 24) => circle3(cx, cy, r, n);
-var wavy = (cx, cy, r, amp, lobes, phase, n = 144) => Array.from({ length: n }, (_, i) => {
-  const a = TAU * i / n, rr = r * (1 + amp * Math.sin(lobes * a + phase));
-  return pt3(cx + rr * Math.cos(a), cy + rr * Math.sin(a));
-});
-var whole = { absolute: { x: 0, y: 0 } };
-var offset = (d, a = 0.9) => ({ type: "DROP_SHADOW", color: { r: 0.227, g: 0.082, b: 0.039, a }, offset: { x: r3(d), y: r3(d) }, blur: 0, spread: 0, visible: true });
-var float = (d, a = 0.28) => ({ type: "DROP_SHADOW", color: { r: 0.227, g: 0.082, b: 0.039, a }, offset: { x: 0, y: r3(d) }, blur: r3(d * 1.6), spread: 0, visible: true });
-var echo = (k, roles, d) => roles.map((role, i) => ({ type: "DROP_SHADOW", color: k.color(role), offset: { x: r3(d * (i + 1)), y: r3(d * (i + 1)) }, blur: 0, spread: 0, visible: true }));
-var grain = (amount = 0.07, size = 3) => [noise({ id: "grain", amount, size, seed: 31, density: 0.4 })];
-var SUN_BANDS = ["brown", "magenta", "orange", "mustard", "cream", "orange", "magenta", "plum", "mustard", "hot"];
-var box = (g) => ({ x: r3(g.x - g.size / 2), y: r3(g.y - g.size / 2), width: g.size, height: g.size });
-function sun(k, parent, g, o) {
-  const R = g.size / 2, bands = g.bands ?? SUN_BANDS, lobes = g.lobes ?? 10, inner = g.inner ?? 0.16;
-  const b = box(g);
-  const id = k.stack(parent, { width: b.width, height: b.height, name: o.name ?? "Sun", absolute: { x: b.x, y: b.y } });
-  bands.forEach((role, i) => {
-    const f = 1 - (1 - inner) * i / bands.length;
-    const v = k.vector(id, g.size, g.size, [{ closed: true, points: wavy(R, R, R * f * 0.93, 0.028 + 0.012 * (i % 3), lobes, i * 1.3) }], role, { name: "Sun band", ...i === 0 && o.shadow !== false ? { effects: [float(g.size * 0.03, 0.3)] } : {}, ...whole });
-    if (o.still) return;
-    for (const axis of ["scaleX", "scaleY"]) k.behave(v, axis, [{ kind: "sine", amp: 0.035, freq: near(2100, o.loopMs), phase: i * 0.12 }]);
-    k.behave(v, "rotation", [{ kind: "spin", rate: r3((i % 2 ? -1 : 1) * (360 / lobes) * 1e3 / o.loopMs) }]);
-  });
-  return id;
-}
-function rays(k, parent, g, o) {
-  const R = g.size / 2, n = g.rays ?? 14, twist = g.twist ?? 0.7, step = TAU / n;
-  const edge = (a0, out) => Array.from({ length: 13 }, (_, m) => {
-    const f = (out ? m : 12 - m) / 12;
-    return pt3(R + R * f * Math.cos(a0 + twist * f), R + R * f * Math.sin(a0 + twist * f));
-  });
-  const paths = Array.from({ length: n }, (_, j) => ({ closed: true, points: [...edge(j * step, true), ...edge((j + 0.5) * step, false)] }));
-  const b = box(g);
-  const id = k.vector(parent, g.size, g.size, paths, g.color ?? "mustard", { name: o.name ?? "Rays", opacity: g.opacity ?? 0.5, absolute: { x: b.x, y: b.y } });
-  if (!o.still) k.behave(id, "rotation", [{ kind: "spin", rate: r3(360 / n * 1e3 / o.loopMs) }]);
-  return id;
-}
-var eyeBox = (g) => {
-  const h = g.w * 0.56, lash = g.w * 0.1;
-  return { x: r3(g.x - g.w / 2), y: r3(g.y - h / 2 - lash), width: g.w, height: r3(h + lash * 2), h, lash };
-};
-function eye(k, parent, g, o) {
-  const b = eyeBox(g), w = g.w, h = b.h, L = b.lash, cy = L + h / 2;
-  const id = k.stack(parent, { width: b.width, height: b.height, name: o.name ?? "Eye", absolute: { x: b.x, y: b.y } });
-  const lid = (t, up) => pt3(w * t, cy + (up ? -1 : 1) * (h / 2) * Math.pow(Math.sin(Math.PI * t), 0.8));
-  const almond = [...Array.from({ length: 33 }, (_, i) => lid(i / 32, true)), ...Array.from({ length: 31 }, (_, i) => lid(1 - (i + 1) / 32, false))];
-  const lashes = [];
-  for (const up of [true, false]) for (let j = 1; j <= 9; j++) {
-    const p = lid(j / 10, up), dx = p.x - w / 2, dy = p.y - (up ? cy + h * 0.9 : cy - h * 0.9), d2 = Math.hypot(dx, dy) || 1, len = L * (up ? 0.92 : 0.6);
-    lashes.push({ closed: false, points: [p, pt3(p.x + dx / d2 * len, p.y + dy / d2 * len)] });
-  }
-  k.vector(id, b.width, b.height, lashes, "ink", { name: "Lashes", strokeWidth: r3(Math.max(2, w * 0.022)), ...whole });
-  k.vector(id, b.width, b.height, [{ closed: true, points: almond }], "cream", { name: "Eye white", stroke: { color: "ink", width: r3(Math.max(2, w * 0.026)), align: "CENTER" }, effects: [float(w * 0.03, 0.35)], ...whole });
-  const d = h * 0.88;
-  const iris = k.stack(id, { width: r3(d), height: r3(d), name: "Iris", absolute: { x: r3(w / 2 - d / 2), y: r3(cy - d / 2) } });
-  const rings = ["ink", "orange", "mustard", "magenta", "cream"];
-  rings.forEach((role, i) => {
-    const s = d * (1 - i * 0.15);
-    const v = k.ellipse(iris, r3(s), role, { name: "Iris band", absolute: { x: r3((d - s) / 2), y: r3((d - s) / 2) } });
-    if (!o.still && i > 0) for (const axis of ["scaleX", "scaleY"]) k.behave(v, axis, [{ kind: "sine", amp: 0.05, freq: near(1400, o.loopMs), phase: i * 0.16 }]);
-  });
-  const pd = d * 0.3;
-  const pupil = k.stack(iris, { width: r3(pd), height: r3(pd), name: "Pupil", absolute: { x: r3((d - pd) / 2), y: r3((d - pd) / 2) } });
-  k.ellipse(pupil, r3(pd), "ink", { name: "Pupil disc", ...whole });
-  k.ellipse(pupil, r3(pd * 0.28), "cream", { name: "Glint", absolute: { x: r3(pd * 0.56), y: r3(pd * 0.16) } });
-  k.vector(id, b.width, b.height, [{ closed: true, points: [...Array.from({ length: 33 }, (_, i) => lid(i / 32, true)), ...Array.from({ length: 31 }, (_, i) => {
-    const t = 1 - (i + 1) / 32;
-    return pt3(w * t, cy - h / 2 * 0.62 * Math.pow(Math.sin(Math.PI * t), 0.8));
-  })] }], "ink", { name: "Lid shade", opacity: 0.2, ...whole });
-  return id;
-}
-var blobBox = (g) => ({ x: r3(g.x - g.r * 1.3), y: r3(g.y - g.r * 1.3), width: r3(g.r * 2.6), height: r3(g.r * 2.6) });
-var blobPath = (c, r, s, n = 48) => Array.from({ length: n }, (_, i) => {
-  const a = TAU * i / n, rr = r * (1 + 0.15 * Math.sin(2 * a + s) + 0.08 * Math.sin(3 * a + s * 2.3) + 0.04 * Math.sin(5 * a + s * 3.1));
-  return pt3(c + rr * Math.cos(a), c + rr * Math.sin(a));
-});
-function blob(k, parent, g, i, o) {
-  const b = blobBox(g), c = b.width / 2, s = g.seed ?? i * 1.7 + 0.4;
-  const id = k.stack(parent, { width: b.width, height: b.height, name: o.name ?? "Blob", absolute: { x: b.x, y: b.y } });
-  k.vector(id, b.width, b.height, [{ closed: true, points: blobPath(c, g.r, s) }], g.color, { name: "Blob body", effects: [float(g.r * 0.14, 0.26)], ...whole });
-  k.vector(id, b.width, b.height, [{ closed: true, points: blobPath(c, g.r * 0.2, s + 1).map((p) => pt3(p.x - g.r * 0.36, p.y - g.r * 0.4)) }], "cream", { name: "Blob shine", opacity: 0.55, ...whole });
-  if (o.still) return id;
-  const f = near(3200, o.loopMs), ph = i % 5 / 5;
-  k.behave(id, "scaleX", [{ kind: "sine", amp: 0.13, freq: f, phase: ph }]);
-  k.behave(id, "scaleY", [{ kind: "sine", amp: 0.13, freq: f, phase: ph + 0.5 }]);
-  k.behave(id, "translateY", [{ kind: "sine", amp: r3(g.r * 0.5), freq: near(5200, o.loopMs), phase: ph + 0.2 }]);
-  k.behave(id, "translateX", [{ kind: "sine", amp: r3(g.r * 0.22), freq: near(4300, o.loopMs), phase: ph }]);
-  k.behave(id, "rotation", [{ kind: "sine", amp: 16, freq: near(6400, o.loopMs), phase: ph }]);
-  return id;
-}
-var flowerBox = (g) => box(g);
-function flower(k, parent, g, i, o) {
-  const b = flowerBox(g), S = g.size, c = S / 2, n = g.petals ?? 8;
-  const id = k.stack(parent, { width: S, height: S, name: o.name ?? "Flower", absolute: { x: b.x, y: b.y } });
-  const petal = (j) => {
-    const a = TAU * j / n, ca = Math.cos(a), sa = Math.sin(a), d = S * 0.29, ra = S * 0.2, rb = S * 0.125;
-    return { closed: true, points: Array.from({ length: 20 }, (_, m) => {
-      const t = TAU * m / 20, x = d + ra * Math.cos(t), y = rb * Math.sin(t);
-      return pt3(c + x * ca - y * sa, c + x * sa + y * ca);
-    }) };
-  };
-  k.vector(id, S, S, Array.from({ length: n }, (_, j) => petal(j)), g.petal ?? "cream", { name: "Petals", effects: [offset(Math.max(1.5, S * 0.03), 0.85)], ...whole });
-  const hd = S * 0.36;
-  k.ellipse(id, r3(hd), g.heart ?? "orange", { name: "Flower heart", stroke: { color: "ink", width: r3(Math.max(1.5, S * 0.022)), align: "INSIDE" }, absolute: { x: r3(c - hd / 2), y: r3(c - hd / 2) } });
-  k.ellipse(id, r3(hd * 0.36), "ink", { name: "Flower eye", absolute: { x: r3(c - hd * 0.18), y: r3(c - hd * 0.18) } });
-  if (!o.still) k.behave(id, "rotation", [{ kind: "spin", rate: r3((i % 2 ? -1 : 1) * (360 / n) * 1e3 / o.loopMs) }]);
-  return id;
-}
-var mushroomBox = (g) => ({ x: g.x, y: g.y, width: g.w, height: r3(g.w * 1.2) });
-function mushroom(k, parent, g, i, o) {
-  const b = mushroomBox(g), w = g.w, h = b.height, capH = h * 0.5;
-  const id = k.stack(parent, { width: w, height: h, name: o.name ?? "Mushroom", absolute: { x: b.x, y: b.y } });
-  const stem = [pt3(w * 0.4, capH * 0.9), pt3(w * 0.37, h * 0.62), pt3(w * 0.3, h * 0.86), pt3(w * 0.29, h * 0.95), pt3(w * 0.34, h), pt3(w * 0.66, h), pt3(w * 0.71, h * 0.95), pt3(w * 0.7, h * 0.86), pt3(w * 0.63, h * 0.62), pt3(w * 0.6, capH * 0.9)];
-  k.vector(id, w, h, [{ closed: true, points: stem }], "cream", { name: "Stem", stroke: { color: "ink", width: r3(Math.max(1.5, w * 0.022)), align: "CENTER" }, ...whole });
-  k.vector(id, w, h, [{ closed: true, points: [pt3(w * 0.37, capH * 0.96), pt3(w * 0.63, capH * 0.96), pt3(w * 0.64, capH * 1.2), pt3(w * 0.36, capH * 1.2)] }], "ink", { name: "Gill shade", opacity: 0.22, ...whole });
-  const dome = [...Array.from({ length: 25 }, (_, m) => {
-    const a = Math.PI + Math.PI * m / 24;
-    return pt3(w / 2 + w / 2 * 0.98 * Math.cos(a), capH + capH * 0.96 * Math.sin(a));
-  }), ...Array.from({ length: 9 }, (_, m) => {
-    const f = (m + 1) / 10;
-    return pt3(w * 0.99 - w * 0.98 * f, capH + w * 0.07 * Math.sin(Math.PI * f));
-  })];
-  k.vector(id, w, h, [{ closed: true, points: dome }], g.cap ?? "magenta", { name: "Cap", stroke: { color: "ink", width: r3(Math.max(1.5, w * 0.022)), align: "CENTER" }, effects: [float(w * 0.04, 0.3)], ...whole });
-  const spots = [[0.3, 0.3, 0.085], [0.52, 0.16, 0.07], [0.72, 0.32, 0.09], [0.47, 0.38, 0.055], [0.16, 0.42, 0.045], [0.86, 0.44, 0.04]];
-  k.vector(id, w, h, spots.map(([x, y, r]) => ({ closed: true, points: circle(w * x, h * y, w * r, 16) })), g.spot ?? "cream", { name: "Spots", ...whole });
-  k.patch(id, { anchorY: 1 });
-  if (!o.still) k.behave(id, "rotation", [{ kind: "sine", amp: 4, freq: near(2600, o.loopMs), phase: i % 3 / 3 }]);
-  return id;
-}
-function moire(k, parent, g, o) {
-  const S = g.size, n = g.rings ?? 16, c = S / 2, gap = c / (n + 0.5);
-  const b = box(g);
-  const id = k.stack(parent, { width: S, height: S, name: o.name ?? "Moire", absolute: { x: b.x, y: b.y } });
-  const set = (dx) => Array.from({ length: n }, (_, j) => ({ closed: true, points: circle(c + dx, c, gap * (j + 1) * 0.92, 40) }));
-  const fixed = k.vector(id, S, S, set(0), g.color ?? "ink", { name: "Rings", strokeWidth: r3(gap * 0.42), opacity: g.opacity ?? 0.5, ...whole });
-  const moving = k.vector(id, S, S, set(gap * 1.6), g.color ?? "ink", { name: "Rings over", strokeWidth: r3(gap * 0.42), opacity: g.opacity ?? 0.5, ...whole });
-  if (!o.still) {
-    k.behave(moving, "translateX", [{ kind: "sine", amp: r3(gap * 1.4), freq: near(4200, o.loopMs) }]);
-    k.behave(moving, "translateY", [{ kind: "sine", amp: r3(gap * 1.4), freq: near(4200, o.loopMs), phase: 0.25 }]);
-    k.behave(fixed, "rotation", [{ kind: "sine", amp: 6, freq: near(6e3, o.loopMs) }]);
-  }
-  return id;
-}
-var ridge = (w, h, y, amp, wave, phase) => {
-  const n = Math.max(24, Math.ceil(w / 14));
-  return { closed: true, points: [...Array.from({ length: n + 1 }, (_, i) => {
-    const x = w * i / n;
-    return pt3(x, y + amp * Math.sin(TAU * x / wave + phase) + amp * 0.4 * Math.sin(TAU * x / (wave * 0.37) + phase * 2));
-  }), pt3(w, h), pt3(0, h)] };
-};
-var hillParts = (s) => {
-  const u = s.u, y = s.hills;
-  return [[y, 44, 760, 0.6], [y + 64 * u, 36, 560, 2.4], [y + 132 * u, 30, 470, 4.1]].map(([crest, amp, wave, phase]) => {
-    const top = Math.max(0, Math.floor(crest - amp * u * 1.5)), h = s.h - top;
-    return { box: { x: 0, y: top, width: s.w, height: h }, path: ridge(s.w, h, crest - top, amp * u, wave * u, phase) };
-  });
-};
-function stage(k, parent, s) {
-  const o = { loopMs: s.loopMs, still: s.still };
-  if (s.rays) rays(k, parent, s.rays, o);
-  if (s.sun) {
-    const g = s.sun;
-    k.ellipse(parent, r3(g.size * 1.3), [k.gradient({ from: "hot", to: "hot", kind: "RADIAL", fromOpacity: 0.55, toOpacity: 0, handles: [{ x: 0.5, y: 0.5 }, { x: 1, y: 0.5 }, { x: 0.5, y: 1 }] })], { name: "Sun glow", absolute: { x: r3(g.x - g.size * 0.65), y: r3(g.y - g.size * 0.65) } });
-    sun(k, parent, g, o);
-  }
-  if (s.eye) eye(k, parent, s.eye, o);
-  if (s.hills !== void 0) {
-    const [far, mid, front] = hillParts(s);
-    k.vector(parent, far.box.width, far.box.height, [far.path], "olive", { name: "Hills far", absolute: far.box });
-    k.vector(parent, mid.box.width, mid.box.height, [mid.path], "moss", { name: "Hills", absolute: mid.box });
-    const lava = k.vector(parent, front.box.width, front.box.height, [front.path], k.shader("Waves", { speed: s.still ? 0 : 0.3, scale: r3(Math.max(2.5, s.w / (110 * s.u))), deep: k.color("magenta"), foam: k.color("hot") }), { name: "Lava", absolute: front.box });
-    if (!s.still) k.animateShader(lava, "deep", [{ t: 0, v: k.color("magenta") }, { t: s.loopMs / 2, v: k.color("plum") }, { t: s.loopMs, v: k.color("magenta") }]);
-  }
-  s.moires?.forEach((m) => moire(k, parent, m, o));
-  s.mushrooms?.forEach((m, i) => mushroom(k, parent, m, i, o));
-  s.blobs?.forEach((b, i) => blob(k, parent, b, i, o));
-  s.flowers?.forEach((f, i) => flower(k, parent, f, i, o));
-}
-function restage(k, root, s) {
-  const each = (name) => k.named(root, name);
-  if (s.rays) for (const id of each("Rays")) k.patch(id, box(s.rays));
-  if (s.sun) {
-    const g = s.sun;
-    for (const id of each("Sun glow")) k.patch(id, { x: r3(g.x - g.size * 0.65), y: r3(g.y - g.size * 0.65), width: r3(g.size * 1.3), height: r3(g.size * 1.3) });
-    for (const id of each("Sun")) k.patch(id, box(g));
-  }
-  if (s.eye) {
-    const b = eyeBox(s.eye);
-    for (const id of each("Eye")) k.patch(id, { x: b.x, y: b.y, width: b.width, height: b.height });
-  }
-  if (s.hills !== void 0) {
-    const parts = hillParts(s);
-    ["Hills far", "Hills", "Lava"].forEach((name, i) => {
-      for (const id of each(name)) k.patch(id, { ...parts[i].box, paths: [parts[i].path] });
-    });
-  }
-  s.moires?.forEach((m, i) => {
-    const id = each("Moire")[i];
-    if (id) k.patch(id, box(m));
-  });
-  s.mushrooms?.forEach((m, i) => {
-    const id = each("Mushroom")[i];
-    if (id) k.patch(id, mushroomBox(m));
-  });
-  s.blobs?.forEach((b, i) => {
-    const id = each("Blob")[i];
-    if (id) k.patch(id, blobBox(b));
-  });
-  s.flowers?.forEach((f, i) => {
-    const id = each("Flower")[i];
-    if (id) k.patch(id, flowerBox(f));
-  });
-}
-function marquee(k, parent, o) {
-  const hug = o.width === "HUG";
-  let host = parent, radius = o.radius;
-  o.bands.forEach((role, i) => {
-    host = k.stack(host, { width: i === 0 ? o.width ?? "FILL" : hug ? "HUG" : "FILL", fill: role, radius, padding: o.band, name: i === 0 ? o.name : "Band", ...i === 0 && o.absolute ? { absolute: o.absolute } : {}, ...i === 0 && o.effects ? { effects: o.effects } : {} });
-    radius = Math.max(0, radius - o.band);
-  });
-  return k.stack(host, { width: hug ? "HUG" : "FILL", fill: o.fill, radius, padding: o.pad, gap: o.gap ?? 0, align: o.align ?? "MIN", name: o.plate ?? "Plate" });
-}
-function throb(k, root, name, at, everyMs, times, amount = 0.05) {
-  const keys = Array.from({ length: times }, (_, i) => at + i * everyMs).flatMap((t) => [{ t: r3(t), v: 1 + amount, ease: { kind: "ease", name: "cubic-out" } }, { t: r3(t + everyMs * 0.8), v: 1, ease: { kind: "hold" } }]);
-  for (const id of k.named(root, name)) for (const axis of ["scaleX", "scaleY"]) k.animate(id, axis, at > 0 ? [{ t: 0, v: 1, ease: { kind: "hold" } }, ...keys] : keys);
-}
-
-export {
-  psyBrand,
-  offset,
-  float,
-  echo,
-  grain,
-  SUN_BANDS,
-  sun,
-  rays,
-  eye,
-  blob,
-  flower,
-  mushroom,
-  moire,
-  stage,
-  restage,
-  marquee,
-  throb
-};

package/dist/chunks/chunk-OQOEFC2U.js

@@ -1,86 +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 {
-  caption,
-  comicMeta,
-  comicSetup,
-  pageGrid,
-  panel,
-  rows,
-  say,
-  sfx,
-  tier,
-  tierBox
-} from "./chunk-WN54DD42.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/print/comic-book-nine-grid.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = "noir";
-var room = (cast, lit = 0.2) => ({ env: "shop", horizon: 0.5, vp: 0.6, lit, seed: 3, light: { kind: "bulb", x: 0.5, y: 0.2, r: 9 }, cast });
-var ada = (pose, x = 0.66, face = -1) => ({ who: "ada", pose, x, size: 0.62, ground: 0.98, face });
-var teo = (pose, x = 0.24, face = 1) => ({ who: "teo", pose, x, size: pose === "sit" ? 0.4 : 0.48, ground: 0.98, face });
-function shopPage(k, sheet) {
-  const g = 10, { W, H } = pageGrid(k, sheet, 36, g);
-  const hs = rows(H, g, [1, 1, 1]);
-  const beats = [
-    room([teo("sit"), ada("stand")]),
-    room([teo("sit"), ada("reach")]),
-    room([teo("stand"), ada("reach")]),
-    room([teo("stand"), ada("stand", 0.66, -1)]),
-    room([teo("look-up", 0.3), ada("stand", 0.6, -1)]),
-    room([teo("stand", 0.3), ada("point", 0.6, -1)]),
-    room([teo("walk", 0.18, -1), ada("walk", 0.44, -1)]),
-    room([ada("walk", 0.14, -1)]),
-    room([], 0.05)
-  ];
-  const grounds = ["g1", "g2", "g3"];
-  for (let r = 0; r < 3; r++) {
-    const t = tierBox(k, sheet, W, hs[r], `Tier ${r + 1}`);
-    tier(W, hs[r], [1, 1, 1], g).forEach((f, i) => panel(k, t, f, S, beats[r * 3 + i], { ground: grounds[(i + r) % 3], name: `Panel ${r * 3 + i + 1}` }));
-    const cw = Math.round((W - g * 2) / 3);
-    if (r === 0) {
-      caption(k, t, "10:04. The radio shop on Pier Street.", { x: 8, y: 8, width: 150 });
-      sfx(k, t, "Kssshh", { x: cw + g + 30, y: 14, w: 120, h: 70, deg: -6, seed: 2 });
-      say(k, t, "It\u2019s all static.", { x: cw * 2 + g * 2 + 12, y: 10, width: 108, to: { x: cw * 2 + g * 2 + cw * 0.24, y: hs[0] * 0.56 }, style: S });
-    }
-    if (r === 1) {
-      say(k, t, "Not all of it. Listen.", { x: 30, y: 8, width: 120, to: { x: cw * 0.64, y: hs[1] * 0.45 }, style: S });
-      caption(k, t, "\u201C\u2026Ada. Come up to the tower, Ada\u2026\u201D", { x: cw + g + 8, y: 8, width: 160, name: "Radio voice" });
-      say(k, t, "That\u2019s your name.", { x: cw * 2 + g * 2 + 10, y: 10, width: 112, to: { x: cw * 2 + g * 2 + cw * 0.3, y: hs[1] * 0.5 }, style: S });
-    }
-    if (r === 2) {
-      say(k, t, "Get your coat.", { x: 40, y: 8, width: 100, to: { x: cw * 0.44, y: hs[2] * 0.48 }, style: S });
-      caption(k, t, "10:11.", { x: cw * 2 + g * 2 + 8, y: 8, width: 60 });
-    }
-  }
-}
-var comic_book_nine_grid_default = defineTemplate({
-  id: "comic-nine-grid",
-  meta: comicMeta("Nine-panel grid", `Page three of "The Long Night", in noir black and white: nine frames of the same radio shop from the same spot under one bare bulb, the radio says Ada's name, and the last frame is the empty room`, ["grid", "nine-panel", "noir", "black and white"]),
-  stableNumbers: true,
-  build() {
-    const k = new Kit("Nine-panel grid", preset("comic-page"));
-    comicSetup(k, S);
-    shopPage(k, k.sheet);
-    return k.finish();
-  }
-});
-
-export {
-  shopPage,
-  comic_book_nine_grid_default
-};