@popcraft/kit 0.26.1 → 0.27.0

package/dist/chunks/chunk-4CKOT4UL.js

@@ -0,0 +1,414 @@
+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 {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  hz
+} from "./chunk-RXG7T7TH.js";
+import {
+  circle3,
+  pt3,
+  r3
+} from "./chunk-BNVLVZUT.js";
+import {
+  ease
+} from "./chunk-QFFXZQH5.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/themes/spring-bloom-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function bloomBrand(k, fields = {}) {
+  k.brand(
+    { paper: "#E3F3FA", text: "#123A29", onPaper: "#345646", accent: "#C2255F", primary: "#C2255F", onPrimary: "#FFFFFF", card: "#FFFDF4", onCard: "#123A29" },
+    { name: "Trowel", site: "trowel.example", ...fields }
+  );
+  k.palette({
+    sun: "#FFD23F",
+    sunDeep: "#FFB703",
+    butter: "#FFE98A",
+    cloud: "#FFFFFF",
+    hillFar: "#C4EAB7",
+    hillMid: "#94D58A",
+    hillNear: "#62BC6B",
+    hillLine: "#3E9B55",
+    blossom: "#FFA9C8",
+    blossomDeep: "#F2669A",
+    trunk: "#7A5236",
+    soil: "#6E4832",
+    soilMid: "#5A3826",
+    soilDeep: "#452A1C",
+    soilLight: "#946A4C",
+    pebble: "#C2B8AA",
+    bulb: "#EBCB92",
+    bulbShade: "#C4955A",
+    root: "#F4E6C8",
+    worm: "#EFA3A3",
+    stem: "#2E9A52",
+    stemDeep: "#1D7240",
+    leaf: "#4DBB69",
+    pink: "#FF7FAE",
+    pinkDeep: "#E8477E",
+    white: "#FFFFFF",
+    lilac: "#FFD9E8",
+    sky: "#8AD2F5",
+    skyDeep: "#3FA4DD",
+    eye: "#FFC629",
+    eyeShade: "#D98200",
+    ink: "#123A29",
+    packet: "#FFFDF4",
+    wood: "#DDB988",
+    woodShade: "#B88A55",
+    shade: "#123A29"
+  });
+}
+var closed = (points) => ({ closed: true, points });
+var open = (points) => ({ closed: false, points });
+var seeded = (seed) => () => (seed = seed * 16807 % 2147483647) / 2147483647;
+var cut = (u = 1, a = 0.2, lift = 1) => ({ type: "DROP_SHADOW", color: { r: 0.07, g: 0.23, b: 0.16, a }, offset: { x: r3(3 * u * lift), y: r3(6 * u * lift) }, blur: r3(10 * u * lift), spread: 0, visible: true });
+function lens(cx, cy, ang, r0, r1, hw, pow = 1, n = 10) {
+  const dx = Math.cos(ang), dy = Math.sin(ang);
+  const side = (m) => Array.from({ length: n + 1 }, (_, i) => {
+    const t = i / n, d = r0 + (r1 - r0) * t, w = hw * Math.sin(Math.PI * Math.pow(t, pow)) * m;
+    return pt3(cx + dx * d - dy * w, cy + dy * d + dx * w);
+  });
+  return [...side(1), ...side(-1).reverse().slice(1, -1)];
+}
+var FLOWERS = {
+  daisy: { kind: "daisy", petal: "white", petal2: "lilac", eye: "eye" },
+  pinkDaisy: { kind: "daisy", petal: "pink", petal2: "pinkDeep", eye: "eye" },
+  cosmos: { kind: "cosmos", petal: "pink", petal2: "pinkDeep", eye: "eye" },
+  skyCosmos: { kind: "cosmos", petal: "sky", petal2: "skyDeep", eye: "butter" },
+  tulip: { kind: "tulip", petal: "pinkDeep", petal2: "pink" },
+  butterTulip: { kind: "tulip", petal: "sun", petal2: "sunDeep" }
+};
+function bloom(k, parent, f, R, at, name = "Bloom") {
+  const D = R * 2;
+  const id = k.frame(parent, { x: r3(at.x), y: r3(at.y), width: D, height: D }, { name });
+  const whole = { absolute: { x: 0, y: 0 } };
+  const fx = { effects: [cut(R / 80, 0.22)] };
+  const up = -Math.PI / 2;
+  if (f.kind === "tulip") {
+    k.vector(id, D, D, [-0.4, 0.4].map((a) => closed(lens(R, R * 1.92, up + a, 0, R * 1.8, R * 0.44, 0.8))), f.petal2, { name: "Back petals", ...fx, ...whole });
+    k.vector(id, D, D, [closed(lens(R, R * 1.96, up, 0, R * 1.62, R * 0.58, 0.72))], f.petal, { name: "Front petal", ...fx, ...whole });
+    k.vector(id, D, D, [open(Array.from({ length: 7 }, (_, i) => pt3(R * (0.72 - 0.05 * Math.sin(Math.PI * i / 6)), R * (1.5 - i * 0.12))))], "white", { name: "Petal shine", strokeWidth: r3(R * 0.08), opacity: 0.45, ...whole });
+    return id;
+  }
+  const n = f.kind === "daisy" ? 14 : 8;
+  const turn = (i, half = 0) => up + (i + half) * Math.PI * 2 / n;
+  if (f.kind === "daisy") {
+    k.vector(id, D, D, Array.from({ length: n }, (_, i) => closed(lens(R, R, turn(i, 0.5), R * 0.16, R * 0.84, R * 0.12, 1.3, 7))), f.petal2, { name: "Back petals", ...whole });
+    k.vector(id, D, D, Array.from({ length: n }, (_, i) => closed(lens(R, R, turn(i), R * 0.18, R * 0.99, R * 0.135, 1.35, 7))), f.petal, { name: "Petals", ...fx, ...whole });
+  } else {
+    k.vector(id, D, D, Array.from({ length: n }, (_, i) => closed(lens(R, R, turn(i), R * 0.12, R, R * 0.33, 1.9, 9))), f.petal, { name: "Petals", ...fx, ...whole });
+    k.vector(id, D, D, Array.from({ length: n * 3 }, (_, i) => {
+      const a = turn(Math.floor(i / 3)) + (i % 3 - 1) * 0.16;
+      return open([pt3(R + R * 0.26 * Math.cos(a), R + R * 0.26 * Math.sin(a)), pt3(R + R * (i % 3 === 1 ? 0.66 : 0.52) * Math.cos(a), R + R * (i % 3 === 1 ? 0.66 : 0.52) * Math.sin(a))]);
+    }), f.petal2, { name: "Petal veins", strokeWidth: r3(Math.max(1, R * 0.035)), opacity: 0.7, ...whole });
+  }
+  const e = R * (f.kind === "daisy" ? 0.52 : 0.4);
+  k.ellipse(id, r3(e), f.eye ?? "eye", { name: "Eye", absolute: { x: r3(R - e / 2), y: r3(R - e / 2) }, effects: [cut(R / 160, 0.25)] });
+  k.vector(id, D, D, Array.from({ length: 9 }, (_, i) => closed(circle3(R + e * 0.27 * Math.cos(i * 2.4) * (i ? 1 : 0), R + e * 0.27 * Math.sin(i * 2.4) * (i ? 1 : 0), e * 0.06, 6))), "eyeShade", { name: "Eye seeds", opacity: 0.8, ...whole });
+  return id;
+}
+var PLANT_W = 320;
+var UNDER = 190;
+var slotBox = (p, soil) => ({ x: r3(p.x - PLANT_W / 2), y: r3(soil - p.h), width: PLANT_W, height: r3(p.h + UNDER) });
+function plant(k, land2, s, p, i, soil) {
+  const W = PLANT_W, H = p.h, R = p.R, lean = p.lean ?? 0, cx = W / 2;
+  const scale = (p.scale ?? 1) * (s.plantScale ?? 1);
+  const slot = k.frame(land2, slotBox(p, soil), { name: "Plant slot" });
+  k.patch(slot, { anchorX: 0.5, anchorY: r3(H / (H + UNDER)), scaleX: scale, scaleY: scale });
+  const moves = !s.still, grows = moves && p.at !== void 0, at = p.at ?? 0;
+  const from = (v, t0, t1, curve = ease.out("cubic")) => t0 > 0 ? [{ t: 0, v, ease: ease.hold }, { t: t0, v, ease: curve }, { t: t1, v: 1 }] : [{ t: 0, v, ease: curve }, { t: t1, v: 1 }];
+  if (s.under !== false) {
+    const under = k.frame(slot, { x: 0, y: H, width: W, height: UNDER }, { name: "Bulb" });
+    const whole2 = { absolute: { x: 0, y: 0 } };
+    const rnd = seeded(31 + i * 7);
+    const roots = k.vector(under, W, UNDER, Array.from({ length: 7 }, (_, j) => {
+      const x0 = cx + (j - 3) * 7, len = 46 + rnd() * 52, sway = (j - 3) * 9 + (rnd() - 0.5) * 14;
+      return open(Array.from({ length: 7 }, (_2, m) => {
+        const t = m / 6;
+        return pt3(x0 + sway * t + 5 * Math.sin(t * 6 + j), 104 + len * t);
+      }));
+    }), "root", { name: "Roots", strokeWidth: 3, opacity: 0.9, ...whole2 });
+    k.patch(roots, { anchorY: r3(104 / UNDER) });
+    if (grows) k.animate(roots, "scaleY", from(0.15, Math.max(0, at - 200), at + 1300));
+    k.vector(under, W, UNDER, [closed(lens(cx, 12, Math.PI / 2, 0, 100, 43, 1.5, 14))], "bulb", { name: "Bulb body", effects: [cut(1, 0.3)], ...whole2 });
+    k.vector(under, W, UNDER, [-1, 1].map((m) => open(Array.from({ length: 8 }, (_, j) => {
+      const t = j / 7;
+      return pt3(cx + m * 17 * Math.sin(Math.PI * Math.pow(t, 1.4)), 26 + 78 * t);
+    }))), "bulbShade", { name: "Bulb tunic", strokeWidth: 3, opacity: 0.8, ...whole2 });
+    k.vector(under, W, UNDER, [closed(lens(cx - 16, 44, Math.PI / 2 + 0.15, 0, 40, 6, 1.2, 6))], "white", { name: "Bulb shine", opacity: 0.5, ...whole2 });
+  }
+  const id = k.frame(slot, { x: 0, y: 0, width: W, height: H }, { name: "Plant" });
+  k.patch(id, { anchorX: 0.5, anchorY: 1 });
+  const whole = { absolute: { x: 0, y: 0 } };
+  const up = -Math.PI / 2;
+  const tulip = p.flower.kind === "tulip";
+  const top = tulip ? R * 1.8 : R;
+  const stemAt = (t) => ({ x: cx + lean * t * t, y: H + 14 - (H + 14 - top) * t });
+  k.vector(id, W, H, [open(Array.from({ length: 13 }, (_, j) => {
+    const q = stemAt(j / 12);
+    return pt3(q.x, q.y);
+  }))], "stem", { name: "Stem", strokeWidth: 11, ...whole });
+  k.vector(id, W, H, [open(Array.from({ length: 13 }, (_, j) => {
+    const q = stemAt(j / 12);
+    return pt3(q.x - 3, q.y);
+  }))], "leaf", { name: "Stem light", strokeWidth: 3, opacity: 0.7, ...whole });
+  const leafSpecs = tulip ? [{ t: 0, a: up - 0.32, len: H * 0.62, hw: 24 }, { t: 0, a: up + 0.4, len: H * 0.5, hw: 22 }] : [{ t: 0.2, a: up - 0.95, len: R * 1.25, hw: R * 0.3 }, { t: 0.36, a: up + 0.9, len: R * 1.1, hw: R * 0.27 }, { t: 0.56, a: up - 0.8, len: R * 0.8, hw: R * 0.2 }];
+  const leaves = k.vector(id, W, H, leafSpecs.map((l) => {
+    const q = stemAt(l.t);
+    return closed(lens(q.x, q.y, l.a, 0, l.len, l.hw, tulip ? 0.75 : 0.9, 10));
+  }), "leaf", { name: "Leaves", effects: [cut(1, 0.2)], ...whole });
+  const ribs = k.vector(id, W, H, leafSpecs.map((l) => {
+    const q = stemAt(l.t);
+    return open([pt3(q.x, q.y), pt3(q.x + Math.cos(l.a) * l.len * 0.82, q.y + Math.sin(l.a) * l.len * 0.82)]);
+  }), "stemDeep", { name: "Leaf ribs", strokeWidth: 2.5, opacity: 0.55, ...whole });
+  const tip = stemAt(1);
+  const head = bloom(k, id, p.flower, R, { x: tip.x - R, y: tip.y - top });
+  if (grows) {
+    k.animate(id, "scaleY", from(0, at, at + 1e3));
+    k.animate(id, "scaleX", from(0.4, at, at + 1e3));
+    for (const leaf of [leaves, ribs]) {
+      k.patch(leaf, { anchorX: 0.5, anchorY: 1 });
+      for (const axis of ["scaleX", "scaleY"]) k.animate(leaf, axis, from(0, at + 350, at + 1150));
+    }
+    for (const axis of ["scaleX", "scaleY"]) k.animate(head, axis, from(0.12, at + 650, at + 1500, ease.back(2.4)));
+    if (!tulip) k.animate(head, "rotation", [{ t: 0, v: -80, ease: ease.hold }, { t: at + 650, v: -80, ease: ease.out("cubic") }, { t: at + 1500, v: 0 }]);
+  }
+  if (moves) k.behave(id, "rotation", [{ kind: "sine", amp: tulip ? 1.4 : 2, freq: hz(Math.max(1, Math.round(s.loopMs / 3200)), s.loopMs), phase: i * 0.27 % 1 }]);
+  return slot;
+}
+var PACKET = { w: 240, h: 360 };
+function packetStyles(k, o = {}) {
+  k.textStyle("Packet title", { ...SERIF, size: 40, fontWeight: 800, letterSpacing: -0.9, lineHeight: 42 });
+  if (o.detail) {
+    k.textStyle("Packet latin", { ...SERIF, size: 22, fontStyle: "italic", fontWeight: 500, lineHeight: 25 });
+    k.textStyle("Packet sow", { ...MONO, size: 22, fontWeight: 700, letterSpacing: -0.6, lineHeight: 26 });
+  }
+  if (o.relics) {
+    const z = o.relics === true ? 17 : o.relics;
+    k.textStyle("Relic", { ...MONO, size: z, fontWeight: 700, lineHeight: Math.round(z * 1.3) });
+  }
+}
+function packet(k, parent, p, o) {
+  const { w, h } = PACKET, stake = o.stake ?? 0;
+  const slot = k.frame(parent, { x: r3(o.x), y: r3(o.y), width: w, height: h + stake }, { name: o.name ?? "Packet" });
+  k.patch(slot, { anchorX: 0.5, anchorY: 1, scaleX: o.scale ?? 1, scaleY: o.scale ?? 1 });
+  if (stake) {
+    k.rect(slot, 18, r3(stake + 120), "wood", { name: "Stake", radius: 3, absolute: { x: w / 2 - 9, y: h - 110 }, effects: [cut(1, 0.25)] });
+    k.rect(slot, 5, r3(stake + 120), "woodShade", { name: "Stake grain", opacity: 0.6, absolute: { x: w / 2 + 3, y: h - 110 } });
+  }
+  const card = k.stack(slot, { width: w, height: h, fill: "packet", radius: 7, clip: true, gap: 6, padding: { top: 44, right: 18, bottom: 12, left: 18 }, effects: [cut(1, 0.26, 1.4)], absolute: { x: 0, y: 0 }, name: "Packet face" });
+  k.rect(card, w, 24, p.flap, { name: "Flap", absolute: { x: 0, y: 0 } });
+  k.vector(card, w, 10, [closed([pt3(0, 0), ...Array.from({ length: 25 }, (_, i) => pt3(i * 10, i % 2 ? 9 : 0)), pt3(w, 0)])], p.flap, { name: "Flap pinking", absolute: { x: 0, y: 23 } });
+  k.ellipse(card, 12, "shade", { name: "Hang hole", opacity: 0.18, absolute: { x: w / 2 - 6, y: 6 } });
+  const ph = o.detail ? 150 : 250, pw = w - 36, R = o.detail ? 52 : 80, tulip = p.flower.kind === "tulip";
+  const panel = k.stack(card, { height: ph, fill: p.panel, radius: 4, clip: true, name: "Packet picture" });
+  const top = tulip ? ph * 0.06 : ph * 0.1;
+  k.ellipse(panel, r3(R * 2.9), "white", { name: "Picture light", opacity: 0.28, absolute: { x: r3(pw / 2 - R * 1.45), y: r3(top - R * 0.45) } });
+  k.vector(panel, pw, ph, [open([pt3(pw / 2, ph + 2), pt3(pw / 2 + 2, top + R)])], "stem", { name: "Picture stem", strokeWidth: r3(R * 0.13), absolute: { x: 0, y: 0 } });
+  k.vector(panel, pw, ph, [closed(lens(pw / 2, ph - 6, -Math.PI / 2 - 0.85, 0, R * 1.2, R * 0.29, 0.9)), closed(lens(pw / 2, ph - 2, -Math.PI / 2 + 0.9, 0, R * 1.05, R * 0.27, 0.9))], "leaf", { name: "Picture leaves", absolute: { x: 0, y: 0 } });
+  bloom(k, panel, p.flower, R, { x: pw / 2 - R, y: top }, "Picture bloom");
+  k.text(card, p.title, { style: "Packet title", color: "ink", name: "Packet title" });
+  if (o.detail) {
+    k.text(card, p.latin, { style: "Packet latin", color: "ink", name: "Packet latin" });
+    k.rect(card, "FILL", 1.5, "ink", { name: "Packet rule", opacity: 0.35 });
+    k.text(card, p.sow, { style: "Packet sow", color: "ink", name: "Packet sow" });
+  }
+  return slot;
+}
+var packetBox = (a, soil) => ({ x: r3(a.x - PACKET.w / 2), y: r3(soil - a.lift - PACKET.h), width: PACKET.w, height: PACKET.h + a.lift });
+var HILL = 240;
+var depthOf = (s) => s.depth ?? Math.max(40, s.h - s.soil);
+var hillY = (layer, x, w, q) => {
+  const f = x / w * Math.PI * 2;
+  return q * [44 + 34 * Math.sin(f * 0.9 + 0.6), 112 + 40 * Math.sin(f * 1.3 + 2.4) + 8 * Math.sin(f * 3.1), 176 + 28 * Math.sin(f * 0.8 + 4.2) + 6 * Math.sin(f * 2.7 + 1)][layer];
+};
+var landBox = (s) => ({ x: 0, y: r3(s.soil - (s.hills ?? HILL)), width: s.w, height: (s.hills ?? HILL) + depthOf(s) });
+var sunBox = (g) => ({ x: r3(g.x - g.r * 1.5), y: r3(g.y - g.r * 1.5), width: r3(g.r * 3), height: r3(g.r * 3) });
+var cloudBox = (c) => ({ x: c.x, y: c.y, width: c.w, height: r3(c.w * 0.42) });
+function sun(k, parent, g, s) {
+  const b = sunBox(g), c = b.width / 2, n = 18;
+  const id = k.frame(parent, b, { name: "Sun" });
+  const whole = { absolute: { x: 0, y: 0 } };
+  k.ellipse(id, r3(g.r * 2.9), [k.gradient({ kind: "RADIAL", from: "butter", to: "butter", fromOpacity: 0.65, 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(c - g.r * 1.45), y: r3(c - g.r * 1.45) } });
+  const rays = k.vector(id, b.width, b.height, Array.from({ length: n }, (_, i) => {
+    const a = Math.PI * 2 * i / n, r1 = g.r * (i % 2 ? 1.28 : 1.44), d = 0.075;
+    return closed([pt3(c + g.r * 1.08 * Math.cos(a - d), c + g.r * 1.08 * Math.sin(a - d)), pt3(c + r1 * Math.cos(a), c + r1 * Math.sin(a)), pt3(c + g.r * 1.08 * Math.cos(a + d), c + g.r * 1.08 * Math.sin(a + d))]);
+  }), "sun", { name: "Sun rays", ...whole });
+  if (!s.still) k.behave(rays, "rotation", [{ kind: "spin", rate: r3(40 * 1e3 / s.loopMs) }]);
+  k.ellipse(id, r3(g.r * 2), "sun", { name: "Sun disc", absolute: { x: r3(c - g.r), y: r3(c - g.r) }, effects: [cut(g.r / 110, 0.22)] });
+  k.ellipse(id, r3(g.r * 1.5), "butter", { name: "Sun face", opacity: 0.6, absolute: { x: r3(c - g.r * 0.86), y: r3(c - g.r * 0.9) } });
+  return id;
+}
+function cloud(k, parent, c, i, s) {
+  const b = cloudBox(c), w = b.width, h = b.height;
+  const puffs = [[0.2, 0.68, 0.2], [0.4, 0.46, 0.3], [0.63, 0.52, 0.27], [0.82, 0.7, 0.18]];
+  const e = h * 0.2;
+  const base = [pt3(e, h - e * 2), pt3(w - e, h - e * 2), pt3(w - e, h), pt3(e, h)];
+  const id = k.vector(parent, w, h, [closed(base), closed(circle3(e, h - e, e, 14)), closed(circle3(w - e, h - e, e, 14)), ...puffs.map(([x, y, r]) => closed(circle3(w * x, h * y, w * r * 0.62, 18)))], "cloud", { name: "Cloud", effects: [cut(w / 300, 0.14)], absolute: { x: b.x, y: b.y } });
+  if (!s.still) k.behave(id, "translateX", [{ kind: "sine", amp: r3(w * 0.05), freq: hz(1, s.loopMs), phase: i * 0.4 }]);
+  return id;
+}
+function land(k, id, s) {
+  const w = s.w, H = s.hills ?? HILL, q = H / HILL, u = s.u ?? 1, DEPTH = depthOf(s);
+  const whole = { absolute: { x: 0, y: 0 } };
+  const edge = (layer, off = 0) => Array.from({ length: 41 }, (_, i) => pt3(w * i / 40, hillY(layer, w * i / 40, w, q) + off));
+  const rise = { type: "DROP_SHADOW", color: { r: 0.07, g: 0.3, b: 0.16, a: 0.22 }, offset: { x: 0, y: -4 }, blur: 14, spread: 0, visible: true };
+  if (H > 0) {
+    const trees = (layer, at) => {
+      const spots = at.map(([f, r]) => ({ x: w * f, y: hillY(layer, w * f, w, q), r: r * q }));
+      k.vector(id, w, H, spots.map((t) => open([pt3(t.x, t.y + 6), pt3(t.x, t.y - t.r * 1.3)])), "trunk", { name: "Trunks", strokeWidth: r3(Math.max(2, 6 * q)), ...whole });
+      k.vector(id, w, H + 40, spots.flatMap((t) => [closed(circle3(t.x, t.y - t.r * 1.9 + 40, t.r, 16)), closed(circle3(t.x - t.r * 0.7, t.y - t.r * 1.4 + 40, t.r * 0.66, 12)), closed(circle3(t.x + t.r * 0.72, t.y - t.r * 1.5 + 40, t.r * 0.6, 12))]), "blossom", { name: "Blossom", effects: [cut(q, 0.16)], absolute: { x: 0, y: -40 } });
+      const rnd2 = seeded(layer * 97 + 5);
+      k.vector(id, w, H + 40, spots.flatMap((t) => Array.from({ length: 9 }, () => {
+        const a = rnd2() * Math.PI * 2, d = rnd2() * t.r * 0.95;
+        return closed(circle3(t.x + d * Math.cos(a), t.y - t.r * 1.8 + 40 + d * 0.8 * Math.sin(a), t.r * 0.11, 6));
+      })), "blossomDeep", { name: "Blossom buds", opacity: 0.85, absolute: { x: 0, y: -40 } });
+    };
+    const hill = (layer, role, name) => k.vector(id, w, H + 20, [closed([...edge(layer), pt3(w, H + 20), pt3(0, H + 20)])], role, { name, effects: [rise], ...whole });
+    hill(0, "hillFar", "Far hill");
+    trees(0, [[0.1, 20], [0.17, 15], [0.52, 17], [0.86, 22], [0.93, 15]]);
+    hill(1, "hillMid", "Middle hill");
+    trees(1, [[0.33, 26], [0.7, 30]]);
+    hill(2, "hillNear", "Near hill");
+    k.vector(id, w, H + 20, [14, 30, 48, 68].filter((off) => 176 * q + off < H + 30).map((off) => open(edge(2, off * q))), "hillLine", { name: "Field rows", strokeWidth: r3(Math.max(1.5, 3 * q)), opacity: 0.4, ...whole });
+  }
+  for (const a of s.packets ?? []) {
+    const b = packetBox(a, H);
+    packet(k, id, a.packet, { x: b.x, y: b.y, scale: a.scale, stake: a.lift });
+  }
+  const soil = k.frame(id, { x: 0, y: H, width: w, height: DEPTH }, { name: "Soil", fill: "soil", clip: false });
+  const wave = (y, amp, f, ph) => closed([...Array.from({ length: 41 }, (_, i) => pt3(w * i / 40, y + amp * Math.sin(i / 40 * Math.PI * 2 * f + ph))), pt3(w, DEPTH), pt3(0, DEPTH)]);
+  k.vector(soil, w, DEPTH, [wave(Math.min(250 * u, DEPTH * 0.45), 14 * u, 1.4, 1)], "soilMid", { name: "Subsoil", ...whole });
+  k.vector(soil, w, DEPTH, [wave(Math.min(520 * u, DEPTH * 0.8), 18 * u, 1.1, 3)], "soilDeep", { name: "Deep soil", ...whole });
+  const rnd = seeded(2026);
+  const crumbs = (n) => Array.from({ length: n }, () => {
+    const x = rnd() * w, y = 8 + Math.pow(rnd(), 1.5) * (DEPTH - 40), r = (2 + rnd() * 4.5) * u;
+    return closed(circle3(x, y, r, 6));
+  });
+  k.vector(soil, w, DEPTH, crumbs(Math.round(w * DEPTH / (6e3 * u * u))), "soilLight", { name: "Crumbs", opacity: 0.55, ...whole });
+  k.vector(soil, w, DEPTH, crumbs(Math.round(w * DEPTH / (7e3 * u * u))), "soilDeep", { name: "Dark crumbs", opacity: 0.5, ...whole });
+  k.vector(soil, w, DEPTH, Array.from({ length: Math.max(3, Math.round(w * DEPTH / (13e4 * u * u))) }, () => {
+    const x = rnd() * w, y = DEPTH * (0.3 + rnd() * 0.62), r = (12 + rnd() * 16) * u;
+    return closed(Array.from({ length: 12 }, (_, i) => {
+      const a = Math.PI * 2 * i / 12;
+      return pt3(x + r * 1.35 * Math.cos(a), y + r * 0.8 * Math.sin(a));
+    }));
+  }), "pebble", { name: "Stones", effects: [cut(1, 0.3)], ...whole });
+  const worm = k.vector(soil, 150, 44, [open(Array.from({ length: 17 }, (_, i) => pt3(8 + i * 8.4, 22 + 11 * Math.sin(i * 0.75))))], "worm", { name: "Worm", strokeWidth: 13, absolute: { x: r3(w * (s.worm?.x ?? 0.66)), y: s.worm?.y ?? 300 } });
+  if (u !== 1) k.patch(worm, { scaleX: u, scaleY: u });
+  if (!s.still) k.behave(worm, "translateX", [{ kind: "sine", amp: r3(16 * u), freq: hz(Math.max(1, Math.round(s.loopMs / 4e3)), s.loopMs) }]);
+  for (const r of s.relics ?? []) {
+    const tag = k.stack(soil, { direction: "HORIZONTAL", width: "HUG", fill: "pebble", radius: 6, gap: 8, align: "CENTER", padding: { top: 5, right: 12, bottom: 5, left: 10 }, effects: [cut(1, 0.3)], absolute: { x: r.x, y: r.y }, name: "Relic" });
+    k.ellipse(tag, 8, "soilMid", { name: "Relic hole" });
+    k.text(tag, r.text, { style: "Relic", color: "ink", autoWidth: true, name: "Relic words" });
+  }
+  k.rect(soil, w, 16, "soilDeep", { name: "Topsoil shade", opacity: 0.4, ...whole });
+  const mounds = Math.round(w / (54 * u));
+  k.vector(soil, w, 30, [closed([pt3(0, 30), ...Array.from({ length: mounds * 6 + 1 }, (_, i) => pt3(w * i / (mounds * 6), 18 - 12 * Math.abs(Math.sin(i / 6 * Math.PI)))), pt3(w, 30)])], "soil", { name: "Soil edge", absolute: { x: 0, y: -16 } });
+  const g = seeded(77);
+  k.vector(soil, w, 40, Array.from({ length: Math.round(w / (15 * u)) }, () => {
+    const x = g() * w, hgt = (12 + g() * 20) * u, tilt = (g() - 0.5) * 14 * u;
+    return closed([pt3(x - 3.5 * u, 40), pt3(x + tilt, 40 - hgt), pt3(x + 3.5 * u, 40)]);
+  }), "stem", { name: "Grass", absolute: { x: 0, y: -34 } });
+  return soil;
+}
+function petals(k, parent, s) {
+  const rnd = seeded(404), span = r3(s.h + 120);
+  for (let i = 0; i < (s.petals ?? 0); i++) {
+    const size = r3((16 + rnd() * 20) * (s.u ?? 1)), x = r3(rnd() * (s.w - size)), laps = 1 + i % 2;
+    const id = k.vector(parent, size, r3(size * 1.5), [closed(lens(size / 2, size * 1.5, -Math.PI / 2, 0, size * 1.5, size * 0.5, 1.5, 7))], i % 3 ? "blossom" : "blossomDeep", { name: "Petal", opacity: 0.9, absolute: { x, y: r3(-size * 1.5 - 40) } });
+    k.patch(id, { translateY: r3(rnd() * span), rotation: r3(rnd() * 300) });
+    if (s.still) continue;
+    k.behave(id, "translateY", [{ kind: "spin", rate: r3(laps * span * 1e3 / s.loopMs) }, { kind: "mod", period: span, offset: 0 }]);
+    k.behave(id, "translateX", [{ kind: "sine", amp: r3(26 + rnd() * 30), freq: hz(2 + i % 2, s.loopMs), phase: r3(rnd()) }]);
+    k.behave(id, "rotation", [{ kind: "spin", rate: r3((i % 2 ? -360 : 360) * 1e3 / s.loopMs) }]);
+  }
+}
+function garden(k, id, s) {
+  if (s.sun) sun(k, id, s.sun, s);
+  (s.clouds ?? []).forEach((c, i) => cloud(k, id, c, i, s));
+  const H = s.hills ?? HILL;
+  const landId = k.frame(id, landBox(s), { name: "Land" });
+  land(k, landId, s);
+  s.plants.forEach((p, i) => plant(k, landId, s, p, i, H));
+  petals(k, id, s);
+  return landId;
+}
+function keepBoxes(k, master, copy) {
+  const m = k.node(master), c = k.node(copy);
+  if (!m || !c) return;
+  k.patch(copy, { x: m.x, y: m.y, width: m.width, height: m.height });
+  m.childIds.forEach((child, i) => {
+    if (c.childIds[i]) keepBoxes(k, child, c.childIds[i]);
+  });
+}
+function fitGarden(k, master, root, s) {
+  const H = s.hills ?? HILL;
+  const same = (a, b) => keepBoxes(k, a, b);
+  for (const id of k.named(root, "Garden")) k.patch(id, { x: 0, y: 0, width: s.w, height: s.h });
+  k.named(master, "Land").forEach((m, i) => {
+    const c = k.named(root, "Land")[i];
+    if (c) same(m, c);
+  });
+  for (const id of k.named(root, "Land")) k.patch(id, landBox(s));
+  if (s.sun) for (const id of k.named(root, "Sun")) {
+    k.named(master, "Sun").forEach((m) => same(m, id));
+    k.patch(id, sunBox(s.sun));
+  }
+  ;
+  (s.clouds ?? []).forEach((c, i) => {
+    const id = k.named(root, "Cloud")[i];
+    if (id) k.patch(id, cloudBox(c));
+  });
+  s.plants.forEach((p, i) => {
+    const id = k.named(root, "Plant slot")[i];
+    const scale = (p.scale ?? 1) * (s.plantScale ?? 1);
+    if (id) k.patch(id, { ...slotBox(p, H), scaleX: scale, scaleY: scale });
+  });
+  (s.packets ?? []).forEach((a, i) => {
+    const id = k.named(root, "Packet")[i];
+    if (id) k.patch(id, { ...packetBox(a, H), scaleX: a.scale, scaleY: a.scale });
+  });
+  k.named(master, "Petal").forEach((m, i) => {
+    const c = k.named(root, "Petal")[i];
+    if (c) same(m, c);
+  });
+}
+function label(k, parent, o) {
+  const u = o.u ?? 1;
+  const id = k.stack(parent, { ...o.absolute ? { absolute: o.absolute } : {}, width: o.w, height: o.h, fill: "packet", radius: r3(18 * u), justify: "CENTER", gap: r3(6 * u), padding: { top: r3(16 * u), right: r3(36 * u), bottom: r3(16 * u), left: r3(84 * u) }, name: o.name ?? "Label", effects: [cut(u, 0.3, 1.6)] });
+  k.ellipse(id, r3(26 * u), "soilMid", { name: "Label hole", absolute: { x: r3(30 * u), y: r3(o.h / 2 - 13 * u) } });
+  k.rect(id, r3(4 * u), r3(o.h - 36 * u), "pinkDeep", { name: "Label line", radius: r3(2 * u), absolute: { x: r3(68 * u), y: r3(18 * u) } });
+  return id;
+}
+var VARIETIES = [
+  { title: "Thin", latin: "Duplicates, folded into one", sow: "Up in 4 min", panel: "sky", flap: "skyDeep", flower: FLOWERS.daisy },
+  { title: "Compost", latin: "Dead issues, closed with a note", sow: "Up overnight", panel: "butter", flap: "sunDeep", flower: FLOWERS.tulip },
+  { title: "Stake", latin: "An owner and a date on the rest", sow: "Up by Friday", panel: "lilac", flap: "pinkDeep", flower: FLOWERS.skyCosmos }
+];
+
+export {
+  bloomBrand,
+  cut,
+  FLOWERS,
+  bloom,
+  PACKET,
+  packetStyles,
+  packet,
+  garden,
+  keepBoxes,
+  fitGarden,
+  label,
+  VARIETIES
+};

package/dist/chunks/chunk-4CTCPEYN.js

@@ -0,0 +1,115 @@
+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 {
+  titleSafe
+} from "./chunk-AFOQTZPR.js";
+import {
+  logoBadge,
+  pill,
+  verticalPadding
+} from "./chunk-EK5CFFJO.js";
+import {
+  into,
+  playScenes,
+  sceneSheets
+} from "./chunk-HGLB3YDV.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  Kit,
+  preset
+} from "./chunk-6QHAQLJ4.js";
+import {
+  ease
+} from "./chunk-QFFXZQH5.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/scenes/transitions-pack.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SCENES = [
+  { sheet: "Meet", words: "Meet Loop.", ground: "ink", ink: "onInk" },
+  { sheet: "Finds", words: "The lock that finds your bike.", ground: "sun", ink: "onSun" },
+  { sheet: "Tap", words: "Unlocks with a tap.", ground: "sky", ink: "onSky" },
+  { sheet: "Tough", words: "Hardened steel. Two-year battery.", ground: "ink", ink: "onInk" },
+  { sheet: "Price", words: "Ships in March", ground: "sun", ink: "onSun" },
+  { sheet: "Pre-order", words: "Pre-order at loop.bike", ground: "ink", ink: "onInk" }
+];
+var TRANSITIONS = [
+  null,
+  into("CIRCLE_WIPE", 700, { interp: ease.inOut("expo"), center: { x: 0.5, y: 0.5 } }),
+  into("IRIS", 600, { center: { x: 0.5, y: 0.5 } }),
+  into("ZOOM_THROUGH", 600),
+  into("SLIDE_FROM_RIGHT", 500),
+  into("PUSH_FROM_BOTTOM", 500)
+];
+var scenes = SCENES.map((s, i) => ({
+  sheet: s.sheet,
+  transition: TRANSITIONS[i],
+  cues: [
+    { layer: "Band", preset: "wipe-in", at: 150, params: { duration: 500, direction: i % 2 ? "left" : "right" } },
+    { layer: "Words", preset: i === 0 ? "letters-in" : "words-in", at: 300, params: { duration: 550, amount: i === 0 ? 40 : 80 } },
+    ...i === 0 ? [{ layer: "Logo", preset: "pop-in", at: 0 }] : [],
+    ...i === 4 ? [{ layer: "Price tag", preset: "pop-in", at: 700 }] : [],
+    ...i === 5 ? [{ layer: "CTA", preset: "pop-in", at: 800 }, { layer: "CTA", preset: "pulse", at: 1400, params: { amount: 0.06 } }] : []
+  ],
+  ...i === 4 ? { counts: [{ layer: "Price tag figure", at: 700, duration: 900, counter: { from: 0, to: 129, prefix: "\xA3" } }] } : {}
+}));
+var LENGTH = [1900, 2e3, 1900, 2e3, 2200, 2400];
+var transitions_pack_default = defineTemplate({
+  id: "motion-transitions-pack",
+  meta: {
+    name: "Transitions pack: product teaser",
+    description: "Six short scenes for a product teaser, each joined by a different scene transition \u2014 circle wipe, iris, zoom through, slide swap, push \u2014 with a mask wipe inside every scene; 16:9 and 9:16, about 10 seconds",
+    category: "animation",
+    tags: ["animation", "transitions", "scenes", "wipe", "iris", "zoom", "teaser", "product"],
+    platforms: ["youtube", "instagram", "tiktok", "linkedin"],
+    formats: ["video", "story", "reel", "ad"],
+    useCases: ["launch", "announcement"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { scenes },
+  build() {
+    const k = new Kit("Transitions pack", preset("video-1080p"));
+    k.brand(
+      { ink: "#111318", onInk: "#F5F7FA", sun: "#FFC933", onSun: "#111318", sky: "#3D7BFF", onSky: "#FFFFFF", band: "#FF5C39", badge: "#FF5C39", primary: "#FF5C39", onPrimary: "#111318" },
+      { name: "Loop" }
+    );
+    k.textStyle("Words 150", { size: 150, fontWeight: 900, letterSpacing: -5, lineHeight: 150, textAlign: "CENTER" });
+    k.textStyle("Words 112", { size: 112, fontWeight: 900, letterSpacing: -4, lineHeight: 116, textAlign: "CENTER" });
+    k.textStyle("Tag 64", { size: 64, fontWeight: 900, lineHeight: 72, textAlign: "CENTER" });
+    k.textStyle("CTA 44", { size: 44, fontWeight: 800, lineHeight: 52 });
+    pill(k, "CTA button", { fill: "primary", ink: "onPrimary", style: "CTA 44", label: "Pre-order now", pad: [26, 60] });
+    const sizes = [{ preset: "video-1080p", comp: "comp-wide", style: "Words 150" }, { preset: "ig-story", comp: "comp-tall", style: "Words 112" }];
+    sizes.forEach((size, row) => {
+      const ids = sceneSheets(k, size.preset, scenes.map((s) => s.sheet), row);
+      ids.forEach((id, i) => {
+        const s = SCENES[i];
+        k.flowSheet(id, 40, row ? verticalPadding() : titleSafe(160), s.ground, "CENTER", "CENTER");
+        k.timeline(id, { duration: LENGTH[i], fps: 30 });
+        if (i === 0) logoBadge(k, id, { fill: "badge", size: 96, name: "Logo" });
+        k.stack(id, { width: row ? 480 : 640, height: 16, radius: 8, fill: "band", name: "Band" });
+        k.text(id, s.words, { style: size.style, color: s.ink, name: "Words" });
+        if (i === 4) {
+          const tag = k.stack(id, { direction: "HORIZONTAL", width: "HUG", fill: "ink", radius: 28, padding: { top: 16, right: 40, bottom: 16, left: 40 }, name: "Price tag" });
+          k.text(tag, "\xA3129", { style: "Tag 64", color: "onInk", name: "Price tag figure", width: 180 });
+        }
+        if (i === 5) k.instance(id, "CTA button", { Label: "Pre-order now" }, { name: "CTA" });
+      });
+      playScenes(k, size.comp, `Product teaser (${row ? "9:16" : "16:9"})`, ids, scenes, "ink");
+      if (row === 0) k.setCover(ids[0]);
+    });
+    return k.finish();
+  }
+});
+
+export {
+  transitions_pack_default
+};

package/dist/chunks/chunk-4DBLDQBD.js

@@ -0,0 +1,23 @@
+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 {
+  FAMILY
+} from "./chunk-GG5GJCJW.js";
+import {
+  adSet
+} from "./chunk-SQMEMBWT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/festival-presale-family-ads.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var festival_presale_family_ads_default = adSet(FAMILY, { top: 0.4, foot: 0.46, dx: 160 });
+
+export {
+  festival_presale_family_ads_default
+};