@popcraft/kit 0.24.2 → 0.25.0

package/dist/chunks/chunk-467SURPV.js

@@ -1,462 +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 {
-  E,
-  Lot
-} from "./chunk-SAI52TVK.js";
-import {
-  curve,
-  ellipsePts,
-  mirror
-} from "./chunk-DUJNEEHX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/anime/character.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var EXPRESSIONS = ["Calm", "Smile", "Fierce", "Shock", "Sad", "Eyes shut"];
-var SHARED_ROLES = ["skin", "skinShade", "line", "white", "blush", "mouth", "rim"];
-var characterRoles = (key) => ["Hair", "HairShade", "HairLight", "Eye", "EyeLight", "Outfit", "OutfitShade", "Accent"].map((r) => `${key}${r}`);
-var BUST = { width: 1e3, height: 1e3 };
-var BUST_LOOP_MS = 4e3;
-var BLINK_AT = 3100;
-var BLINK_MS = 130;
-var CX = 500;
-var FACE_RIGHT = [[500, 212], [588, 238], [628, 312], [634, 398], [620, 468], [588, 528], [543, 580], [500, 606]];
-var FACE = [...FACE_RIGHT, ...mirror(FACE_RIGHT, CX).slice(1, -1)];
-var FACE_CHIN = FACE_RIGHT.length - 1;
-var LOOKS = {
-  Calm: { open: 1, lidTilt: 0, iris: 1, browInner: 0, browLift: 0, mouth: "calm", blush: 0.35 },
-  Smile: { open: 0.78, lidTilt: -2, iris: 1, browInner: 4, browLift: 6, mouth: "smile", blush: 0.6 },
-  Fierce: { open: 0.72, lidTilt: 14, iris: 0.86, browInner: -22, browLift: -4, mouth: "grit", blush: 0 },
-  Shock: { open: 1.08, lidTilt: -4, iris: 0.62, browInner: 10, browLift: 22, mouth: "o", blush: 0.2, sweat: true },
-  Sad: { open: 0.7, lidTilt: -12, iris: 0.95, browInner: 18, browLift: 4, mouth: "frown", blush: 0.45, tear: true },
-  "Eyes shut": { open: 0, lidTilt: 0, iris: 1, browInner: 2, browLift: 2, mouth: "soft", blush: 0.5 }
-};
-function eye(l, parent, spec, ex, side, look) {
-  const k = spec.key;
-  const w = spec.sharp ? 92 : 86, top = 382, low = 462;
-  const outer = ex + side * w * 0.55, inner = ex - side * w * 0.48;
-  const lidDrop = (1 - Math.min(1, look.open)) * (low - top) * 0.9 - Math.max(0, look.open - 1) * 20;
-  const lidY = (f) => top + lidDrop + (spec.sharp ? 6 : 0) + (1 - f) * look.lidTilt + 18 * Math.pow(Math.abs(f - 0.45) * 2, 2) - 18;
-  const xs = [0, 0.25, 0.5, 0.78, 1].map((f) => inner + (outer - inner) * f);
-  const lid = xs.map((x, i) => [x, lidY(i / 4)]);
-  if (look.open <= 0.02) {
-    const y = 440;
-    l.line(parent, curve([[inner, y - 6], [ex, y + 10], [outer, y - 8]], false), "line", 7, { name: "Shut eye" });
-    l.line(parent, [[outer - side * 4, y - 6], [outer + side * 12, y - 16]], "line", 5, { name: "Lash" });
-    return;
-  }
-  const lowY = (f) => low - 10 * Math.sin(f * Math.PI) - (spec.sharp ? 6 : 0);
-  const lower = [1, 0.75, 0.5, 0.25, 0].map((f) => [inner + (outer - inner) * f, lowY(f)]);
-  const sclera = [...lid.map(([x, y]) => [x, y + 4]), ...lower];
-  const box = l.box(parent, 0, 0, BUST.width, BUST.height, side < 0 ? "Right eye" : "Left eye");
-  l.shape(box, curve(sclera, true, [0, 4]), "white", { name: "Eye mask", mask: true });
-  l.shape(box, curve(sclera, true, [0, 4]), "white", { name: "Sclera" });
-  const ir = 30 * look.iris, cy = 426 + (1 - look.open) * 10;
-  const icx = ex + side * 3;
-  l.k.patch(l.circle(box, icx, cy, ir, `${k}Eye`, { name: "Iris", stroke: { color: "line", width: 3 } }), { scaleY: 1.18 });
-  l.k.patch(l.circle(box, icx, cy + ir * 0.42, ir * 0.7, `${k}EyeLight`, { name: "Iris light" }), { scaleY: 0.75 });
-  l.k.patch(l.circle(box, icx, cy, ir * 0.44, "line", { name: "Pupil" }), { scaleY: 1.2 });
-  l.shape(box, curve([...lid.map(([x, y]) => [x, y + 2]), ...[...lid].reverse().map(([x, y]) => [x, y + 16])], true, [0, 4, 5, 9]), `${k}Eye`, { name: "Lid shadow", opacity: 0.55 });
-  l.circle(box, icx - side * ir * 0.35 - 6, cy - ir * 0.42, Math.max(5, ir * 0.3), "white", { name: "Catchlight" });
-  l.circle(box, icx + side * ir * 0.3, cy + ir * 0.35, Math.max(2.5, ir * 0.12), "white", { name: "Catchlight small" });
-  const lash = [...lid, [outer + side * 16, lid[4][1] - 10], ...[...lid].reverse().map(([x, y], i) => [x, y + [12, 9, 7, 5, 3][i]])];
-  l.shape(parent, curve(lash, true, [0, 5]), "line", { name: "Lash line" });
-  l.line(parent, curve([[outer - side * 2, lowY(1) - 6], [outer - side * 14, lowY(0.85)], [outer - side * 26, lowY(0.72) + 1]], false), "line", 3, { name: "Lower lash" });
-}
-function brows(l, parent, look) {
-  for (const side of [-1, 1]) {
-    const ex = CX + side * 66;
-    const y = 346 - look.browLift;
-    const pts = [[ex - side * 40, y + 6 - look.browInner], [ex, y - 4 - look.browInner * 0.3], [ex + side * 44, y + 10]];
-    l.line(parent, curve(pts, false), "line", 7, { name: "Brow" });
-  }
-}
-function mouth(l, parent, look) {
-  const y = 530;
-  switch (look.mouth) {
-    case "calm":
-      l.line(parent, curve([[484, y - 2], [500, y + 3], [517, y - 1]], false), "line", 4, { name: "Mouth" });
-      break;
-    case "soft":
-      l.line(parent, curve([[478, y - 4], [500, y + 5], [522, y - 4]], false), "line", 4, { name: "Mouth" });
-      break;
-    case "frown":
-      l.line(parent, curve([[484, y + 6], [500, y - 1], [516, y + 6]], false), "line", 4, { name: "Mouth" });
-      break;
-    case "smile":
-      l.shape(parent, curve([[468, y - 8], [500, y - 3], [532, y - 8], [521, y + 14], [500, y + 22], [479, y + 14]], true, [0, 2]), "mouth", { name: "Mouth", stroke: { color: "line", width: 4 } });
-      l.shape(parent, curve([[484, y + 12], [500, y + 7], [516, y + 12], [500, y + 20]], true), "blush", { name: "Tongue" });
-      break;
-    case "grit":
-      l.shape(parent, curve([[466, y - 6], [500, y - 9], [534, y - 6], [530, y + 12], [500, y + 15], [470, y + 12]], true, [0, 2, 3, 5]), "white", { name: "Mouth", stroke: { color: "line", width: 4 } });
-      l.line(parent, [[470, y + 3], [530, y + 3]], "line", 3, { name: "Teeth" });
-      break;
-    case "o":
-      l.shape(parent, curve(ellipsePts(500, y + 8, 15, 20, 10), true), "mouth", { name: "Mouth", stroke: { color: "line", width: 4 } });
-      break;
-  }
-}
-function crown(cx, cy, a0, a1, n, rt, rv, jitter = []) {
-  const out = [];
-  for (let i = 0; i <= n * 2; i++) {
-    const a = (a0 + (a1 - a0) * i / (n * 2)) * Math.PI / 180;
-    const r = i % 2 ? rt + (jitter[(i - 1) / 2] ?? 0) : rv;
-    out.push([cx + r * Math.cos(a), cy + r * Math.sin(a)]);
-  }
-  return out;
-}
-var idx = (pts, pred) => pts.map((_, i) => i).filter(pred);
-function bangs(tips, topY = 196, width = 176, valleyY = 300) {
-  const arc = [[CX - width - 8, 360], [CX - width + 10, 262], [CX - 110, topY + 12], [CX, topY - 4], [CX + 110, topY + 12], [CX + width - 10, 262], [CX + width + 8, 360]];
-  const lower = [];
-  const sorted = [...tips].sort((a, b) => b[0] - a[0]);
-  sorted.forEach(([x, y], i) => {
-    lower.push([x, y]);
-    const next = sorted[i + 1];
-    if (next) lower.push([(x + next[0]) / 2, valleyY + (i % 2 ? 14 : 0)]);
-  });
-  const pts = [...arc, ...lower];
-  return { pts, corners: [0, arc.length - 1, ...idx(lower, (i) => i % 2 === 0).map((i) => i + arc.length)] };
-}
-function hairShapes(style) {
-  const shineBand = (y, w = 150) => {
-    const pts = [
-      [CX - w, y + 26],
-      [CX - w * 0.55, y + 6],
-      [CX - w * 0.3, y + 18],
-      [CX, y],
-      [CX + w * 0.3, y + 16],
-      [CX + w * 0.6, y + 4],
-      [CX + w, y + 24],
-      [CX + w * 0.95, y + 40],
-      [CX + w * 0.6, y + 22],
-      [CX + w * 0.3, y + 32],
-      [CX, y + 18],
-      [CX - w * 0.3, y + 34],
-      [CX - w * 0.6, y + 24],
-      [CX - w * 0.95, y + 42]
-    ];
-    return { pts, corners: [0, 2, 4, 6, 7, 9, 11, 13] };
-  };
-  switch (style) {
-    case "spiky": {
-      const back = crown(CX, 392, 150, 390, 7, 290, 205, [10, 40, -20, 30, 0, 45, -10]);
-      const locks = [[372, 300], [350, 420], [338, 548], [362, 470], [384, 360]];
-      const locksR = mirror(locks, CX);
-      return {
-        back: [{ pts: [...back, [690, 620], [640, 520], [360, 520], [310, 620]], corners: idx(back, (i) => i % 2 === 1).concat([back.length, back.length + 3]) }],
-        front: [
-          bangs([[330, 352], [392, 392], [452, 348], [506, 404], [566, 350], [626, 388], [676, 346]]),
-          { pts: locks, corners: [2] },
-          { pts: locksR, corners: [2] }
-        ],
-        shine: [shineBand(236)]
-      };
-    }
-    case "long": {
-      const back = [[500, 170], [640, 200], [712, 320], [730, 520], [760, 760], [800, 1e3], [700, 980], [640, 1e3], [560, 960], [440, 960], [360, 1e3], [300, 980], [200, 1e3], [240, 760], [270, 520], [288, 320], [360, 200]];
-      const lockL = [[368, 290], [340, 440], [330, 610], [312, 700], [352, 640], [380, 470], [396, 330]];
-      return {
-        back: [{ pts: back, corners: [5, 6, 7, 10, 11, 12] }],
-        front: [bangs([[334, 372], [388, 396], [440, 376], [498, 402], [556, 378], [610, 398], [668, 370]], 192, 178, 318), { pts: lockL, corners: [3] }, { pts: mirror(lockL, CX), corners: [3] }],
-        shine: [shineBand(240)]
-      };
-    }
-    case "twin": {
-      const back = [[500, 176], [630, 206], [698, 320], [700, 470], [660, 560], [340, 560], [300, 470], [302, 320], [370, 206]];
-      const tailL = [[330, 250], [230, 300], [150, 480], [130, 700], [170, 900], [120, 1e3], [230, 930], [250, 720], [280, 500], [340, 330]];
-      return {
-        back: [{ pts: back, corners: [] }, { pts: tailL, corners: [5] }, { pts: mirror(tailL, CX), corners: [4] }],
-        front: [bangs([[336, 362], [396, 396], [458, 360], [512, 400], [570, 364], [628, 392], [670, 356]], 196, 174, 306)],
-        shine: [shineBand(238)]
-      };
-    }
-    case "bob": {
-      const back = [[500, 172], [644, 208], [712, 330], [716, 480], [688, 620], [640, 648], [600, 600], [400, 600], [360, 648], [312, 620], [284, 480], [288, 330], [356, 208]];
-      return {
-        back: [{ pts: back, corners: [5, 8] }],
-        front: [bangs([[330, 470], [372, 380], [430, 360], [490, 392], [548, 352], [612, 380], [672, 470]], 194, 180, 300)],
-        shine: [shineBand(238)]
-      };
-    }
-    case "pony": {
-      const back = [[500, 176], [636, 204], [704, 320], [706, 480], [650, 540], [350, 540], [294, 480], [296, 320], [364, 204]];
-      const tail = [[600, 196], [720, 150], [820, 230], [860, 420], [900, 640], [830, 560], [780, 400], [700, 290]];
-      return {
-        back: [{ pts: tail, corners: [4] }, { pts: back, corners: [] }],
-        front: [bangs([[330, 330], [370, 380], [428, 330], [480, 386], [560, 332], [640, 390], [678, 340]], 196, 178, 290)],
-        shine: [shineBand(234)]
-      };
-    }
-  }
-}
-var BODY = [[140, 1e3], [176, 822], [246, 728], [370, 686], [462, 668], [538, 668], [630, 686], [754, 728], [824, 822], [860, 1e3]];
-function outfit(l, parent, spec) {
-  const k = spec.key;
-  const ok = spec.outfitKey ?? k;
-  const S = `${ok}OutfitShade`, A = `${ok}Accent`;
-  const line = { color: "line", width: 4 };
-  switch (spec.outfit) {
-    case "gakuran":
-      l.shape(parent, curve([[440, 640], [560, 640], [582, 712], [500, 724], [418, 712]], true, [0, 1]), S, { name: "Collar", stroke: line });
-      for (const y of [770, 860, 950]) l.circle(parent, CX, y, 11, A, { name: "Button" });
-      l.line(parent, [[CX, 724], [CX, 1e3]], "line", 4, { name: "Placket" });
-      break;
-    case "sailor":
-      l.shape(parent, curve([[300, 712], [440, 670], [500, 790], [560, 670], [700, 712], [640, 800], [500, 880], [360, 800]], true, [0, 2, 4, 6]), "white", { name: "Sailor collar", stroke: line });
-      l.shape(parent, curve([[462, 792], [538, 792], [560, 860], [500, 840], [440, 860]], true, [0, 1, 2, 4]), A, { name: "Scarf", stroke: line });
-      l.shape(parent, curve([[478, 842], [522, 842], [540, 960], [500, 930], [460, 960]], true, [0, 1, 2, 4]), A, { name: "Scarf tail", stroke: line });
-      break;
-    case "hoodie":
-      l.shape(parent, curve([[330, 700], [420, 640], [500, 700], [580, 640], [670, 700], [600, 740], [500, 770], [400, 740]], true, [0, 2, 4]), S, { name: "Hood", stroke: line });
-      l.line(parent, curve([[470, 745], [466, 820], [472, 880]], false), A, 6, { name: "Drawstring" });
-      l.line(parent, curve([[530, 745], [534, 820], [528, 880]], false), A, 6, { name: "Drawstring" });
-      break;
-    case "pilot":
-      l.shape(parent, curve([[420, 650], [580, 650], [600, 704], [500, 716], [400, 704]], true, [0, 1]), A, { name: "Neck ring", stroke: line });
-      l.shape(parent, curve([[300, 760], [440, 730], [500, 800], [560, 730], [700, 760], [660, 900], [340, 900]], true, [0, 2, 4, 5, 6]), S, { name: "Chest plate", stroke: line });
-      l.shape(parent, curve([[470, 800], [530, 800], [520, 860], [480, 860]], true, [0, 1, 2, 3]), A, { name: "Core light" });
-      break;
-    case "dress":
-      l.shape(parent, curve([[190, 800], [240, 700], [340, 690], [330, 780], [260, 830]], true), "white", { name: "Puff sleeve", stroke: line });
-      l.shape(parent, curve(mirror([[190, 800], [240, 700], [340, 690], [330, 780], [260, 830]], CX), true), "white", { name: "Puff sleeve", stroke: line });
-      l.shape(parent, curve([[500, 780], [420, 730], [400, 800], [440, 850], [500, 810], [560, 850], [600, 800], [580, 730]], true, [0, 4]), A, { name: "Bow", stroke: line });
-      l.circle(parent, CX, 800, 22, `${k}HairLight`, { name: "Brooch", stroke: line });
-      break;
-    case "coat":
-      l.shape(parent, curve([[420, 660], [500, 820], [460, 1e3], [330, 1e3], [300, 760]], true, [1, 2, 3]), S, { name: "Lapel", stroke: line });
-      l.shape(parent, curve(mirror([[420, 660], [500, 820], [460, 1e3], [330, 1e3], [300, 760]], CX), true, [1, 2, 3]), S, { name: "Lapel", stroke: line });
-      l.shape(parent, curve([[470, 668], [530, 668], [512, 740], [488, 740]], true, [0, 1, 2, 3]), "white", { name: "Shirt" });
-      break;
-  }
-}
-function accessory(l, parent, spec, front) {
-  const A = `${spec.outfitKey ?? spec.key}Accent`;
-  const line = { color: "line", width: 4 };
-  switch (spec.accessory) {
-    case "headband":
-      if (front) l.shape(parent, curve([[322, 300], [500, 268], [678, 300], [676, 330], [500, 300], [324, 332]], true, [0, 2, 3, 5]), A, { name: "Headband", stroke: line });
-      else {
-        l.shape(parent, curve([[670, 310], [800, 330], [900, 300], [860, 360], [760, 360], [680, 340]], true, [2]), A, { name: "Headband tail", stroke: line });
-        l.shape(parent, curve([[680, 330], [780, 400], [860, 450], [800, 460], [720, 400], [670, 350]], true, [2]), A, { name: "Headband tail", stroke: line });
-      }
-      break;
-    case "bow":
-      if (front) {
-        l.shape(parent, curve([[500, 190], [400, 110], [360, 180], [410, 240]], true, [0]), A, { name: "Hair bow", stroke: line });
-        l.shape(parent, curve([[500, 190], [600, 110], [640, 180], [590, 240]], true, [0]), A, { name: "Hair bow", stroke: line });
-        l.circle(parent, CX, 196, 20, `${spec.key}HairLight`, { name: "Bow knot", stroke: line });
-      }
-      break;
-    case "headset":
-      if (front) {
-        l.shape(parent, curve(ellipsePts(648, 420, 26, 46, 10), true), "line", { name: "Earpiece" });
-        l.shape(parent, curve(ellipsePts(648, 420, 12, 26, 8), true), A, { name: "Earpiece light" });
-        l.line(parent, curve([[652, 466], [620, 540], [556, 556]], false), "line", 6, { name: "Mic" });
-      }
-      break;
-    default:
-  }
-}
-function bust(l, id, spec, expression) {
-  const k = spec.key;
-  const look = LOOKS[expression];
-  const H = `${k}Hair`;
-  const hair = hairShapes(spec.hair);
-  const rim = [], shade = [];
-  const line = { color: "line", width: 4 };
-  for (const b of hair.back) rim.push(l.shape(id, curve(b.pts.map(([x, y]) => [x + 12, y - 4]), true, b.corners), "rim", { name: "Rim light" }));
-  accessory(l, id, spec, false);
-  for (const b of hair.back) l.shape(id, curve(b.pts, true, b.corners), H, { name: "Hair back", stroke: line });
-  rim.push(l.shape(id, curve(BODY.map(([x, y]) => [x + 12, y - 6]), true, [0, BODY.length - 1]), "rim", { name: "Rim light" }));
-  l.shape(id, curve(BODY, true, [0, BODY.length - 1]), `${spec.outfitKey ?? k}Outfit`, { name: "Body", stroke: line });
-  shade.push(l.shape(id, curve([[140, 1e3], [176, 822], [246, 728], [330, 700], [300, 860], [290, 1e3]], true, [0, 5]), `${spec.outfitKey ?? k}OutfitShade`, { name: "Body shade" }));
-  l.shape(id, curve([[462, 560], [538, 560], [546, 690], [500, 704], [454, 690]], true, [0, 1]), "skin", { name: "Neck", stroke: line });
-  shade.push(l.shape(id, curve([[458, 600], [542, 600], [546, 660], [500, 640], [454, 660]], true, [0, 1]), "skinShade", { name: "Neck shade" }));
-  outfit(l, id, spec);
-  const head = l.box(id, 0, 0, BUST.width, BUST.height, "Head");
-  l.shape(head, curve(FACE, true, [FACE_CHIN]), "skin", { name: "Face", stroke: line });
-  const lit = l.box(head, 0, 0, BUST.width, BUST.height, "Face light");
-  l.shape(lit, curve(FACE, true, [FACE_CHIN]), "skin", { name: "Face mask", mask: true });
-  rim.push(l.shape(lit, curve(FACE, true, [FACE_CHIN]), "rim", { name: "Rim light" }));
-  l.shape(lit, curve(FACE.map(([x, y]) => [x - 13, y + 2]), true, [FACE_CHIN]), "skin", { name: "Face lit" });
-  shade.push(l.shape(lit, curve([[330, 250], [500, 222], [670, 250], [660, 372], [600, 330], [540, 382], [500, 336], [450, 386], [400, 334], [340, 376]], true, [0, 2, 3, 5, 7, 9]), "skinShade", { name: "Bang shadow" }));
-  shade.push(l.shape(lit, curve([[380, 560], [440, 596], [500, 612], [470, 640], [400, 620]], true), "skinShade", { name: "Chin shadow" }));
-  if (look.blush > 0) for (const side of [-1, 1]) l.shape(head, curve(ellipsePts(CX + side * 84, 492, 38, 12, 10), true), "blush", { name: "Blush", opacity: look.blush });
-  let eyesOpen = null;
-  if (look.open > 0.02) {
-    eyesOpen = l.box(head, 0, 0, BUST.width, BUST.height, "Eyes");
-    eye(l, eyesOpen, spec, CX - 66, -1, look);
-    eye(l, eyesOpen, spec, CX + 66, 1, look);
-  }
-  const eyesShut = l.box(head, 0, 0, BUST.width, BUST.height, "Eyes shut");
-  eye(l, eyesShut, spec, CX - 66, -1, { ...look, open: 0 });
-  eye(l, eyesShut, spec, CX + 66, 1, { ...look, open: 0 });
-  if (eyesOpen) l.k.patch(eyesShut, { opacity: 0 });
-  brows(l, head, look);
-  l.line(head, curve([[504, 474], [498, 490], [505, 494]], false), "skinShade", 5, { name: "Nose" });
-  mouth(l, head, look);
-  if (look.tear) l.shape(head, curve([[620, 452], [630, 486], [620, 500], [610, 486]], true, [0]), "white", { name: "Tear", opacity: 0.9, stroke: { color: `${k}EyeLight`, width: 3 } });
-  if (look.sweat) l.shape(head, curve([[664, 270], [680, 310], [664, 324], [648, 310]], true, [0]), "white", { name: "Sweat drop", stroke: { color: "line", width: 3 } });
-  for (const f of hair.front) l.shape(head, curve(f.pts, true, f.corners), H, { name: "Hair front", stroke: line });
-  shade.push(l.shape(head, curve([[340, 272], [500, 244], [660, 272], [620, 300], [500, 280], [380, 300]], true, [0, 2, 3, 5]), `${k}HairShade`, { name: "Hair shade", opacity: 0.6 }));
-  for (const s of hair.shine) l.shape(head, curve(s.pts, true, s.corners), `${k}HairLight`, { name: "Hair shine" });
-  accessory(l, head, spec, true);
-  return { rim, shade, head, eyesOpen, eyesShut };
-}
-function characterComponent(k, spec, fps = 24) {
-  return k.variantSet(spec.name, "Expression", EXPRESSIONS, {
-    width: BUST.width,
-    height: BUST.height,
-    clip: false,
-    props: { Rim: { number: 0.9, min: 0, max: 1, step: 0.05 }, Shade: { number: 1, min: 0, max: 1, step: 0.05 } },
-    description: `${spec.name}: an anime bust whose variants are expressions; Rim and Shade light the shot.`
-  }, (state, id) => {
-    const l = new Lot(k, id, BUST_LOOP_MS);
-    const parts = bust(l, id, spec, state);
-    for (const r of parts.rim) k.bindPath(r, "opacity", "Rim");
-    for (const s of parts.shade) k.bindPath(s, "opacity", "Shade");
-    l.keys(parts.head, "translateY", [[0, 0], [BUST_LOOP_MS / 2, -5], [BUST_LOOP_MS, 0]]);
-    if (parts.eyesOpen) {
-      l.keys(parts.eyesOpen, "opacity", [[0, 1, E.hold], [BLINK_AT, 0, E.hold], [BLINK_AT + BLINK_MS, 1]]);
-      l.keys(parts.eyesShut, "opacity", [[0, 0, E.hold], [BLINK_AT, 1, E.hold], [BLINK_AT + BLINK_MS, 0]]);
-    }
-  }, () => ({ timeline: { duration: BUST_LOOP_MS, fps } }));
-}
-var POSES = {
-  stand: { head: [0, -0.9], neck: [0, -0.8], sL: [-0.07, -0.77], sR: [0.07, -0.77], eL: [-0.1, -0.6], eR: [0.1, -0.6], hL: [-0.1, -0.44], hR: [0.1, -0.44], hip: [0, -0.48], kL: [-0.04, -0.25], kR: [0.05, -0.25], fL: [-0.05, 0], fR: [0.06, 0] },
-  ready: { head: [0.03, -0.84], neck: [0.02, -0.75], sL: [-0.05, -0.72], sR: [0.08, -0.73], eL: [0.02, -0.58], eR: [0.18, -0.62], hL: [0.14, -0.56], hR: [0.22, -0.56], hip: [-0.02, -0.44], kL: [-0.16, -0.24], kR: [0.14, -0.26], fL: [-0.26, 0], fR: [0.2, 0] },
-  lunge: { head: [0.2, -0.7], neck: [0.16, -0.62], sL: [0.09, -0.6], sR: [0.2, -0.6], eL: [-0.02, -0.52], eR: [0.34, -0.6], hL: [-0.12, -0.46], hR: [0.48, -0.62], hip: [0, -0.38], kL: [-0.22, -0.2], kR: [0.24, -0.22], fL: [-0.42, 0], fR: [0.3, 0] },
-  run: { head: [0.12, -0.86], neck: [0.1, -0.77], sL: [0.03, -0.74], sR: [0.14, -0.74], eL: [-0.08, -0.62], eR: [0.24, -0.66], hL: [-0.12, -0.5], hR: [0.3, -0.76], hip: [0.02, -0.46], kL: [-0.12, -0.3], kR: [0.2, -0.34], fL: [-0.26, -0.16], fR: [0.16, -0.02] },
-  leap: { head: [0.1, -0.95], neck: [0.08, -0.86], sL: [0.01, -0.83], sR: [0.13, -0.83], eL: [-0.08, -0.95], eR: [0.24, -0.98], hL: [-0.12, -1.08], hR: [0.3, -1.12], hip: [0.02, -0.52], kL: [-0.14, -0.4], kR: [0.18, -0.36], fL: [-0.22, -0.2], fR: [0.08, -0.16] },
-  "reach-up": { head: [0, -0.9], neck: [0, -0.8], sL: [-0.07, -0.77], sR: [0.07, -0.77], eL: [-0.14, -0.92], eR: [0.1, -0.96], hL: [-0.16, -1.08], hR: [0.06, -1.14], hip: [0, -0.48], kL: [-0.05, -0.25], kR: [0.04, -0.25], fL: [-0.04, 0], fR: [0.03, 0] },
-  sit: { head: [0.02, -0.66], neck: [0.02, -0.56], sL: [-0.05, -0.53], sR: [0.08, -0.53], eL: [0, -0.38], eR: [0.14, -0.38], hL: [0.14, -0.3], hR: [0.24, -0.3], hip: [0, -0.24], kL: [0.2, -0.26], kR: [0.24, -0.24], fL: [0.22, 0], fR: [0.28, 0] },
-  turn: { head: [-0.02, -0.9], neck: [0, -0.8], sL: [-0.08, -0.77], sR: [0.06, -0.77], eL: [-0.12, -0.6], eR: [0.06, -0.58], hL: [-0.1, -0.44], hR: [0.02, -0.44], hip: [0, -0.48], kL: [-0.05, -0.25], kR: [0.04, -0.25], fL: [-0.06, 0], fR: [0.05, 0] },
-  kneel: { head: [0.06, -0.62], neck: [0.05, -0.53], sL: [-0.02, -0.5], sR: [0.1, -0.5], eL: [0.02, -0.34], eR: [0.18, -0.36], hL: [0.1, -0.22], hR: [0.26, -0.3], hip: [-0.02, -0.24], kL: [0.14, -0.02], kR: [-0.16, 0], fL: [-0.1, 0], fR: [-0.34, 0] }
-};
-function figure(l, parent, spec, o) {
-  const j = POSES[o.pose];
-  const s = o.height, dir = o.flip ? -1 : 1;
-  const at = ([x, y]) => [o.x + x * s * dir - (o.x - s * 0.7), o.base + y * s - (o.base - s * 1.25)];
-  const sil = o.tone !== "color";
-  const ink = o.ink ?? "line";
-  const k = spec.key;
-  const ok = spec.outfitKey ?? k;
-  const c = (role) => sil ? ink : role;
-  const bx = o.x - s * 0.7, by = o.base - s * 1.25;
-  const box = l.box(parent, bx, by, s * 1.4, s * 1.3, o.name ?? spec.name);
-  const light = (o.lightFrom ?? "right") === "right" ? 1 : -1;
-  const rimShift = [light * s * 0.012, -s * 4e-3];
-  const torso = () => {
-    const [sx0, sy0] = j.sL, [sx1, sy1] = j.sR, [hx, hy] = j.hip;
-    const mx = (sx0 + sx1) / 2;
-    return [[mx - 0.1, (sy0 + sy1) / 2 + 0.01], [mx - 0.06, sy0 - 0.02], [mx + 0.06, sy1 - 0.02], [mx + 0.1, (sy0 + sy1) / 2 + 0.01], [hx + 0.058, hy - 0.12], [hx + 0.07, hy + 0.02], [hx - 0.07, hy + 0.02], [hx - 0.058, hy - 0.12]].map((p) => at(p));
-  };
-  const headR = s * 0.068;
-  const hc = at(j.head);
-  const skirt = spec.outfit === "sailor" || spec.outfit === "dress";
-  const coat = spec.outfit === "coat" || spec.outfit === "gakuran";
-  const hairBack = () => {
-    const r = headR, [x, y] = hc, b = -dir;
-    switch (spec.hair) {
-      case "long":
-        return [[x - r * 1.1, y - r * 0.3], [x, y - r * 1.2], [x + r * 1.1, y - r * 0.3], [x + b * r * 0.2 + r * 0.9, y + r * 2.8], [x + b * r * 1.6, y + r * 3], [x - r * 1.2, y + r * 1.4]];
-      case "twin":
-        return [[x - r * 1.1, y - r * 0.5], [x - r * 2, y + r * 1.2], [x - r * 1.7, y + r * 3.4], [x - r * 1.2, y + r * 1], [x, y - r], [x + r * 1.2, y + r * 1], [x + r * 1.7, y + r * 3.4], [x + r * 2, y + r * 1.2], [x + r * 1.1, y - r * 0.5]];
-      case "pony":
-        return [[x + b * r * 0.6, y - r * 0.9], [x + b * r * 2.6, y - r * 0.2], [x + b * r * 2.9, y + r * 1.8], [x + b * r * 1.9, y + r * 0.6], [x + b * r * 0.9, y + r * 0.2]];
-      default:
-        return null;
-    }
-  };
-  const hairCap = () => {
-    const r = headR, [x, y] = hc;
-    if (spec.hair === "spiky") {
-      const pts2 = crown(x - dir * r * 0.1, y - r * 0.05, 150, 390, 6, r * 1.7, r * 1.08, [0, r * 0.35, -r * 0.1, r * 0.3, 0, r * 0.2]);
-      return { pts: pts2, corners: idx(pts2, (i) => i % 2 === 1) };
-    }
-    const f = dir;
-    const pts = [
-      [x - f * r * 1.12, y + r * (spec.hair === "bob" ? 0.9 : 0.35)],
-      [x - f * r * 1.15, y - r * 0.4],
-      [x, y - r * 1.18],
-      [x + f * r * 1.1, y - r * 0.45],
-      [x + f * r * 1.02, y + r * 0.1],
-      [x + f * r * 0.7, y - r * 0.22],
-      [x + f * r * 0.45, y + r * 0.05],
-      [x + f * r * 0.15, y - r * 0.3],
-      [x - f * r * 0.2, y - r * 0.02],
-      [x - f * r * 0.5, y - r * 0.28]
-    ];
-    return { pts, corners: [0, 4, 6, 8] };
-  };
-  const draw = (role, shift, name) => {
-    const mv = (p) => [p[0] + shift[0], p[1] + shift[1]];
-    const g = l.box(box, 0, 0, s * 1.4, s * 1.3, name);
-    const part = (pts, w, r, n) => l.line(g, curve(pts.map(at).map(mv), false, [], 0.6), role(r), w * s, { name: n });
-    const dot = (p, rad, r, n) => {
-      const [x, y] = mv(at(p));
-      l.circle(g, x, y, rad * s, role(r), { name: n });
-    };
-    const hb = hairBack();
-    if (hb) l.shape(g, curve(hb.map(mv), true), role(`${k}Hair`), { name: "Hair back" });
-    if (coat) {
-      const [hx, hy] = j.hip;
-      l.shape(g, curve([[hx - 0.07, hy - 0.08], [hx + 0.07, hy - 0.08], [hx + 0.1 - dir * 0, hy + 0.2], [hx - 0.2, hy + 0.26], [hx - 0.12, hy + 0.1]].map((p) => mv(at(p))), true, [2, 3]), role(`${ok}OutfitShade`), { name: "Coat tails" });
-    }
-    part([j.sL, j.eL, j.hL], 0.055, `${ok}Outfit`, "Far arm");
-    dot(j.hL, 0.026, "skin", "Far hand");
-    part([j.hip, j.kL, j.fL], 0.078, `${ok}OutfitShade`, "Far leg");
-    dot(j.fL, 0.034, "line", "Far foot");
-    l.shape(g, curve(torso().map(mv), true, [5, 6], 0.7), role(`${ok}Outfit`), { name: "Torso" });
-    part([j.hip, j.kR, j.fR], 0.084, `${ok}OutfitShade`, "Near leg");
-    dot(j.fR, 0.036, "line", "Near foot");
-    if (skirt) {
-      const [hx, hy] = j.hip;
-      l.shape(g, curve([[hx - 0.075, hy - 0.04], [hx + 0.075, hy - 0.04], [hx + 0.15, hy + 0.2], [hx, hy + 0.23], [hx - 0.15, hy + 0.2]].map((p) => mv(at(p))), true, [0, 1, 2, 4]), role(`${ok}Accent`), { name: "Skirt" });
-    }
-    part([j.neck, j.head], 0.045, "skin", "Neck");
-    l.shape(g, curve(ellipsePts(hc[0] + shift[0], hc[1] + shift[1], headR * 0.9, headR, 12), true), role("skin"), { name: "Head" });
-    const cap = hairCap();
-    l.shape(g, curve(cap.pts.map(mv), true, cap.corners), role(`${k}Hair`), { name: "Hair" });
-    if (!sil) {
-      const [x, y] = mv(hc);
-      l.line(g, [[x + dir * headR * 0.45, y + headR * 0.12], [x + dir * headR * 0.45, y + headR * 0.34]], "line", Math.max(2, headR * 0.16), { name: "Eye" });
-      l.line(g, [[x - dir * headR * 0.05, y + headR * 0.12], [x - dir * headR * 0.05, y + headR * 0.34]], "line", Math.max(2, headR * 0.14), { name: "Eye" });
-    }
-    part([j.sR, j.eR, j.hR], 0.06, `${ok}Outfit`, "Near arm");
-    dot(j.hR, 0.028, "skin", "Near hand");
-    if (o.blade) {
-      const [hx, hy] = j.hR, [ex, ey] = j.eR;
-      const len = Math.hypot(hx - ex, hy - ey) || 1;
-      const tip = [hx + (hx - ex) / len * 0.62, hy + (hy - ey) / len * 0.62];
-      part([j.hR, tip], 0.016, sil ? ink : "white", "Blade");
-    }
-    return g;
-  };
-  if (sil) {
-    const rimGroup = draw(() => o.rim ?? "rim", rimShift, "Rim light");
-    l.k.patch(rimGroup, { opacity: 1 });
-  }
-  draw((r) => c(r), [0, 0], sil ? "Silhouette" : "Figure");
-  return box;
-}
-
-export {
-  EXPRESSIONS,
-  SHARED_ROLES,
-  characterRoles,
-  BUST,
-  BUST_LOOP_MS,
-  BLINK_AT,
-  BLINK_MS,
-  characterComponent,
-  figure
-};

package/dist/chunks/chunk-472LYVCM.js

@@ -1,197 +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 {
-  bassKick,
-  beatFlash,
-  circularSpectrum,
-  pulseRing,
-  spectrumBars,
-  vuMeter,
-  waveform
-} from "./chunk-OLPNNPPZ.js";
-import {
-  showcase,
-  showcaseStyles,
-  specimenRow
-} from "./chunk-JZ4SIJCP.js";
-import {
-  trackInfo
-} from "./chunk-SQCPEGOZ.js";
-import {
-  MUSIC_HASH
-} from "./chunk-AXTNNHMG.js";
-import {
-  defineLibrary
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/libraries/audio-reactive.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var FPS = 30;
-var LOOP = { duration: 4e3, fps: FPS };
-var loopProp = { Loop: { motion: "loop", value: "loop" } };
-var audio_reactive_default = defineLibrary({
-  id: "lib-audio-reactive",
-  version: 1,
-  meta: {
-    name: "Audio reactive",
-    description: "Motion components that follow the music: waveforms, a spectrum equalizer, a circular spectrum, a pulse ring, a VU meter, a beat flash, a bass-kick badge and a podcast audiogram (1:1 and 9:16), with colour and text inputs",
-    tags: ["animation", "audio", "music", "audio reactive", "visualizer", "waveform", "spectrum", "equalizer", "audiogram", "podcast", "components"],
-    created: "2026-09-30",
-    updated: "2026-09-30"
-  },
-  build() {
-    const k = new Kit("Audio reactive", preset("web-desktop"));
-    k.brand({
-      paper: "#0E0B1A",
-      text: "#F6F3FF",
-      onPaper: "#B9B2D6",
-      card: "#1A1530",
-      accent: "#FF4FA3",
-      onAccent: "#1A0612",
-      cyan: "#3EE6FF",
-      meterLow: "#3DDC84",
-      meterMid: "#FFC247",
-      meterHigh: "#FF5A5F",
-      ring: "#3EE6FF",
-      cover: "#2B2350"
-    }, { show: "Signal & Noise", episode: "Ep. 12 \xB7 Designing for sound" });
-    showcaseStyles(k);
-    k.textStyle("Label 18", { size: 18, fontWeight: 800, lineHeight: 22, letterSpacing: 1, textCase: "UPPER" });
-    k.textStyle("Gram title 64", { size: 64, fontWeight: 800, lineHeight: 70, letterSpacing: -1.5 });
-    k.textStyle("Gram show 32", { size: 32, fontWeight: 600, lineHeight: 40 });
-    k.variantSet("Waveform", "Style", ["Bars", "Mirrored", "Line"], {
-      width: 480,
-      height: 120,
-      description: "The last two and a half seconds of the sound, flowing right to left: bars from the bottom, mirrored from the middle, or a line of dots. Colour sets it.",
-      props: { Colour: { color: "accent" }, ...loopProp }
-    }, (state, id) => {
-      waveform(k, id, { style: state === "Bars" ? "bars" : state === "Mirrored" ? "mirrored" : "line", width: 480, height: 120, color: "accent", colorProp: "Colour" });
-    }, () => ({ timeline: LOOP }));
-    k.component("Spectrum bars", {
-      width: 480,
-      height: 160,
-      timeline: LOOP,
-      description: "An equalizer: 32 bands of the spectrum, low on the left, rising fast and falling slowly. Colour sets it.",
-      props: { Colour: { color: "cyan" }, ...loopProp }
-    }, (id) => {
-      spectrumBars(k, id, { width: 480, height: 160, color: "cyan", colorProp: "Colour" });
-    });
-    k.component("Circular spectrum", {
-      width: 360,
-      height: 360,
-      timeline: LOOP,
-      description: "Bars standing round a ring, the bass at the bottom and the treble at the top, mirrored side to side. Colour sets the bars.",
-      props: { Colour: { color: "accent" }, ...loopProp }
-    }, (id) => {
-      const disc = k.ellipse(id, 200, "card", { name: "Disc", absolute: { x: 80, y: 80 } });
-      bassKick(k, disc, 0.06);
-      circularSpectrum(k, id, { radius: 110, length: 70, color: "accent", colorProp: "Colour", count: 56 });
-    });
-    k.component("Pulse ring", {
-      width: 240,
-      height: 240,
-      timeline: LOOP,
-      description: "A ring that swells with the bass, and an echo that flies out and fades on every beat. Colour sets both.",
-      props: { Colour: { color: "ring" }, ...loopProp }
-    }, (id) => {
-      pulseRing(k, id, { size: 240, color: "ring", colorProp: "Colour" });
-    });
-    k.component("VU meter", {
-      width: 360,
-      height: 28,
-      timeline: LOOP,
-      description: "Sixteen segments lit by the level with a quick rise and a slow fall: green, then amber, then red at the top.",
-      props: loopProp
-    }, (id) => {
-      vuMeter(k, id, { width: 360, height: 28, colors: ["meterLow", "meterMid", "meterHigh"] });
-    });
-    k.component("Beat flash", {
-      width: 320,
-      height: 180,
-      timeline: LOOP,
-      description: "A panel that flashes on every beat and dies away: put it over a scene, sized to fill. Colour sets the flash.",
-      props: { Colour: { color: "text" }, ...loopProp }
-    }, (id) => {
-      const flash = k.rect(id, 320, 180, "text", { radius: 12, name: "Flash", absolute: { x: 0, y: 0 } });
-      k.bindPath(flash, "fills[#0].color", "Colour");
-      beatFlash(k, flash, 0.9);
-    });
-    k.component("Bass kick", {
-      direction: "HORIZONTAL",
-      width: 180,
-      height: 180,
-      justify: "CENTER",
-      align: "CENTER",
-      timeline: LOOP,
-      description: "A badge that thumps with the kick. Label and Colour are inputs.",
-      props: { Label: "LIVE", Colour: { color: "accent" }, ...loopProp }
-    }, (id) => {
-      const badge = k.stack(id, { direction: "HORIZONTAL", width: 140, height: 140, justify: "CENTER", align: "CENTER", fill: "accent", radius: 70, name: "Badge" });
-      k.bindPath(badge, "fills[#0].color", "Colour");
-      k.propText(badge, "Label", { style: "Label 18", color: "onAccent", autoWidth: true });
-      bassKick(k, badge, 0.16);
-      k.animate(badge, "opacity", [{ t: 0, v: 0, ease: ease.out("quad") }, { t: 300, v: 1 }]);
-    });
-    k.variantSet("Audiogram", "Format", ["Square", "Story"], {
-      description: "A podcast audiogram: the cover art, the show and episode, and a live waveform of the voice. Square (1:1) for feeds, Story (9:16) for vertical video. Title and Show are inputs; drop your art on the cover.",
-      props: { Title: "{{brand.episode}}", Show: "{{brand.show}}", ...loopProp }
-    }, (state, id) => {
-      const square = state === "Square";
-      const W = 540;
-      k.patch(id, { layoutMode: "VERTICAL", primaryAxisAlignItems: "CENTER", counterAxisAlignItems: "CENTER", itemSpacing: square ? 20 : 36 });
-      const cover = k.photo(id, square ? 240 : 380, square ? 240 : 380, { radius: 24, ground: "cover", name: "Cover art" });
-      bassKick(k, cover, 0.03, 200);
-      k.propText(id, "Show", { style: "Gram show 32", color: "onPaper", width: W - 80, align: "CENTER" });
-      k.propText(id, "Title", { style: "Gram title 64", color: "text", width: W - 80, align: "CENTER" });
-      waveform(k, id, { style: "mirrored", width: W - 120, height: square ? 90 : 140, color: "accent", count: 40, history: 2e3, gain: 1.1 });
-    }, (state) => ({ width: 540, height: state === "Square" ? 540 : 960, fill: "paper", radius: 24, timeline: LOOP }));
-    const sheet = k.sheet;
-    const song = trackInfo("house");
-    const passes = 2;
-    k.nameSheet(sheet, "Audio reactive");
-    showcase(k, sheet, { title: "Audio reactive", intro: 'Components that follow the music the timeline plays: they read its loudness, its bass, mids and treble, its beats and its spectrum. Drop one on any animated frame with sound and it moves with it. This page plays "Main Stage", a house loop PopCraft made in code (CC0).', duration: Math.round(song.durationMs * passes) });
-    const audio = Array.from({ length: passes }, (_, p) => ({
-      id: `a${p + 1}`,
-      mediaHash: MUSIC_HASH.house,
-      name: `${song.title} (124 BPM, CC0)`,
-      start: p * song.durationMs,
-      in: 0,
-      out: song.durationMs,
-      lane: 0,
-      ...p === passes - 1 ? { fadeOut: 800 } : {}
-    }));
-    k.patch(sheet, { timeline: { ...k.node(sheet).timeline, audio } });
-    const waves = specimenRow(k, sheet, "Waveforms");
-    for (const style of ["Bars", "Mirrored", "Line"]) k.instance(waves, `Waveform/${style}`, {});
-    const spectra = specimenRow(k, sheet, "Spectrum");
-    k.instance(spectra, "Spectrum bars", {});
-    k.instance(spectra, "Circular spectrum", {});
-    k.instance(spectra, "Pulse ring", {});
-    const hits = specimenRow(k, sheet, "Level and beat");
-    k.instance(hits, "VU meter", {});
-    k.instance(hits, "Beat flash", {});
-    k.instance(hits, "Bass kick", { Label: "LIVE" });
-    const grams = specimenRow(k, sheet, "Audiogram", { align: "MIN" });
-    k.instance(grams, "Audiogram/Square", {});
-    k.instance(grams, "Audiogram/Story", {});
-    return k.finish();
-  }
-});
-
-export {
-  audio_reactive_default
-};