@popcraft/kit 0.44.0 → 0.45.0

package/dist/chunks/chunk-GRTQAZ2O.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-FTWYYASH.js";
-import {
-  curve,
-  ellipsePts,
-  mirror
-} from "./chunk-SHNY3PEY.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.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-GSCAX4CQ.js

@@ -1,199 +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 {
-  scrollingRows
-} from "./chunk-UK25LSIG.js";
-import {
-  countFloor,
-  countLabel,
-  loadFixture,
-  officialTemplateCount
-} from "./chunk-FUUFOR6K.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  COUNT_EASE,
-  Kit,
-  preset
-} from "./chunk-E3A22XSE.js";
-import {
-  ease
-} from "./chunk-6VIYCRKB.js";
-import {
-  COUNTER_PATH,
-  withCounter
-} from "./chunk-YY6HBXER.js";
-import {
-  focalFromPerspective,
-  init_transform3d
-} from "./chunk-IGPOBMAU.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/motion/template-wall.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_transform3d();
-var W = 1920;
-var H = 1080;
-var ROWS = 7;
-var PER_ROW = 28;
-var CARD_W = 440;
-var CARD_H = 338;
-var GAP = 34;
-var WALL = { x: -900, y: -700, width: 3720, height: 2480 };
-var DURATION = 6e3;
-var FLY = 1100;
-var DIVE_AT = 5400;
-var PICTURES = [
-  "motion-saas-style-swiss-milestone",
-  "card-anniversary-25-elegant",
-  "web-site",
-  "social-product",
-  "print-agreement",
-  "email-saas-style-swiss-header",
-  "comic-cover-pulp",
-  "app-prototype",
-  "board-swot",
-  "slides-education",
-  "game-mossy-hollow-platformer",
-  "motion-youtube-end-screen",
-  "card-black-friday-kinetic",
-  "web-saas-style-dark-landing",
-  "social-event",
-  "print-bifold-programme",
-  "email-header-sale",
-  "comic-radial",
-  "app-surface",
-  "board-user-journey",
-  "slides-launch",
-  "motion-social-stat",
-  "card-rosh-hashanah-elegant",
-  "web-saas-integrations",
-  "social-carousel",
-  "print-business-card-bold",
-  "email-festival-presale-jazz-header",
-  "comic-nested",
-  "app-onboarding-carousel",
-  "board-retro",
-  "slides-webinar",
-  "motion-kinetic-letters",
-  "card-good-night-love-elegant",
-  "web-coming-soon",
-  "social-youtube-thumb",
-  "print-calendar",
-  "email-newsletter",
-  "comic-pinup",
-  "app-success-confetti",
-  "motion-saas-film-youtube-demo-kit",
-  "card-bosses-day-elegant",
-  "web-marginalia-app",
-  "social-launch",
-  "print-certificate",
-  "motion-music-podcast-audiogram",
-  "card-i-love-you-kinetic",
-  "web-daybreak-app",
-  "social-countdown",
-  "print-flyer-dl",
-  "motion-saas-style-swiss-feature-demo",
-  "card-proud-of-you-kinetic",
-  "web-tour-tickets-tide-landing",
-  "social-testimonial",
-  "print-invitation-a7",
-  "motion-kinetic-typewriter",
-  "card-leap-day-minimal",
-  "web-hero-animated",
-  "social-youtube-banner",
-  "print-invoice",
-  "motion-logo-reveal",
-  "card-retirement-confetti",
-  "motion-chart-bars",
-  "card-new-baby-papercut",
-  "motion-lottie-commerce-add-to-cart",
-  "motion-lottie-travel-pin-drop",
-  "motion-lottie-education-open-book",
-  "motion-pitch-title"
-];
-var FORMATS = ["Instagram posts", "Reels & TikTok covers", "YouTube thumbnails", "Pinterest pins", "LinkedIn banners", "Pitch decks", "Landing pages", "App screens", "Comics & manga", "Posters & flyers", "R\xE9sum\xE9s", "Newsletters", "Whiteboards"];
-var thumbnail = (id) => {
-  const t = loadFixture(`popcraft.${id}.json.gz`);
-  if (!t.meta.thumbnail) throw new Error(`template-wall: ${id} has no thumbnail to show`);
-  return t.meta.thumbnail;
-};
-function buildTemplateWall(k, sheet, roles) {
-  k.textStyle("Count 160", { size: 160, fontWeight: 900, letterSpacing: -8, lineHeight: 176, textAlign: "CENTER" });
-  k.textStyle("Format 42", { size: 42, fontWeight: 700, letterSpacing: -0.4, lineHeight: 52, textAlign: "CENTER" });
-  const shadow = { type: "DROP_SHADOW", color: { r: 0.137, g: 0.122, b: 0.125, a: 0.28 }, offset: { x: 0, y: 24 }, blur: 50, spread: 0, visible: true };
-  for (const id of PICTURES) k.component(`Picture / ${id}`, { width: CARD_W, height: CARD_H }, (c) => {
-    k.image(c, thumbnail(id), CARD_W, CARD_H, { name: id });
-  });
-  k.component("Template card", { width: CARD_W, height: CARD_H, fill: roles.card, radius: 22, clip: true, effects: [shadow], props: { Picture: { swap: `Picture / ${PICTURES[0]}` } } }, (c) => {
-    k.propInstance(c, "Picture");
-  });
-  const scene = k.group(sheet, { x: 0, y: 0, width: W, height: H }, { name: "Wall scene", absolute: true });
-  k.scene3d(scene, { camera: { focalLength: focalFromPerspective(2200, W) } });
-  const wall = k.group(scene, WALL, { name: "Wall" });
-  const turn = k.group(wall, { x: 0, y: 0, width: WALL.width, height: WALL.height }, { name: "Wall turn" });
-  scrollingRows(k, turn, {
-    rows: ROWS,
-    perRow: PER_ROW,
-    card: { width: CARD_W, height: CARD_H },
-    gap: GAP,
-    // Starts a quarter of its length to the left (the trailer's −(14 · 474) / 2), so either way it scrolls there
-    // are cards to come for the whole scene.
-    x: () => -(PER_ROW / 2 * (CARD_W + GAP)) / 2,
-    // Alternate rows run opposite ways, at three speeds (px/s), for the whole scene.
-    rate: (r) => (r % 2 ? 1 : -1) * (150 + r % 3 * 55),
-    make: (row, r, i) => k.instance(row, "Template card", { Picture: { swap: `Picture / ${PICTURES[(r * PER_ROW + i) % PICTURES.length]}` } }, { name: `Card ${r + 1}.${i + 1}` })
-  });
-  k.animate(wall, "z", [{ t: 0, v: -3e3, ease: ease.out("expo") }, { t: FLY, v: 0, ease: ease.linear }, { t: DIVE_AT, v: 0, ease: ease.named("cubic", "in") }, { t: DURATION, v: 1900 }]);
-  k.animate(wall, "rotateX", [{ t: 0, v: 40, ease: ease.out("expo") }, { t: FLY, v: 24 }]);
-  k.animate(turn, "rotation", [{ t: 0, v: -40, ease: ease.out("expo") }, { t: FLY, v: -22 }]);
-  const total = countFloor(officialTemplateCount());
-  const pill = k.stack(sheet, { direction: "VERTICAL", width: "HUG", align: "CENTER", fill: roles.pill, radius: 48, padding: { top: 30, right: 64, bottom: 40, left: 64 }, gap: 14, name: "Count", effects: [{ ...shadow, color: { r: 0, g: 0, b: 0, a: 0.35 }, offset: { x: 0, y: 40 }, blur: 90 }] });
-  const count = k.text(pill, roles.headline ?? `${countLabel(officialTemplateCount())} templates`, { style: "Count 160", color: roles.onPill, name: "Count", autoWidth: true });
-  const format = k.text(pill, "Every format, ready to go", { style: "Format 42", color: roles.caption, name: "Formats", autoWidth: true });
-  k.animate(pill, "opacity", [{ t: 0, v: 0, ease: ease.hold }, { t: 1e3, v: 0, ease: ease.linear }, { t: 1250, v: 1, ease: ease.hold }, { t: 5200, v: 1, ease: ease.linear }, { t: 5500, v: 0 }]);
-  for (const axis of ["scaleX", "scaleY"]) k.animate(pill, axis, [{ t: 1e3, v: 0.6, ease: ease.back(1.9) }, { t: 1500, v: 1 }]);
-  if (!roles.headline) {
-    k.patch(count, withCounter(k.node(count), { from: 0, to: total, suffix: "+ templates", separator: "" }));
-    k.animate(count, COUNTER_PATH, [{ t: 1e3, v: 0, ease: COUNT_EASE }, { t: 2400, v: total }]);
-  }
-  k.animate(format, "text.content", [{ t: 0, v: "Every format, ready to go", ease: ease.hold }, ...FORMATS.map((f, n) => ({ t: 1400 + n * 300, v: f, ease: ease.hold }))]);
-}
-var template_wall_default = defineTemplate({
-  id: "motion-template-wall",
-  meta: {
-    name: "Template wall",
-    description: "A 3D wall of templates flies in, scrolls row against row and dives at the camera while the count climbs \u2014 the launch trailer's wall, in 3D",
-    category: "animation",
-    tags: ["animation", "3d", "wall", "launch", "trailer", "templates", "popcraft", "showcase"],
-    platforms: ["youtube", "linkedin", "x", "web"],
-    formats: ["video", "intro"],
-    useCases: ["launch", "announcement"],
-    created: "2026-09-29",
-    updated: "2026-10-04",
-    featured: 2
-  },
-  build() {
-    const k = new Kit("Template wall", preset("slide-16x9"));
-    k.brand({ primary: "#FFED00", pill: "#231F20", onPill: "#FFED00", caption: "#F4EFE2", card: "#FFFFFF" });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, 0, "primary", "CENTER", "CENTER");
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    buildTemplateWall(k, sheet, { pill: "pill", onPill: "onPill", caption: "caption", card: "card" });
-    return k.finish();
-  }
-});
-
-export {
-  DURATION,
-  PICTURES,
-  buildTemplateWall,
-  template_wall_default
-};