@popcraft/kit 0.29.0 → 0.30.0

package/dist/chunks/chunk-5AH3YOQH.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-TRCZKOC7.js";
-import {
-  curve,
-  ellipsePts,
-  mirror
-} from "./chunk-LJRPY6UH.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.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-5BA4YEAH.js

@@ -1,124 +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 {
-  brand,
-  caption,
-  captionCues,
-  column,
-  glow,
-  rig,
-  sizes,
-  stage,
-  typeStep
-} from "./chunk-T5EUIGII.js";
-import {
-  PHONE,
-  deviceShadow,
-  devices
-} from "./chunk-IGV5QPFA.js";
-import {
-  appScreens
-} from "./chunk-MZVIWZ2V.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset
-} from "./chunk-OFAIOFJQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/motion3d/product-turntable.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 12e3;
-var FPS = 30;
-var SIZES = ["video-1080p", "video-square"];
-var DEPTH = 34;
-var FEATURES = [
-  ["Face ID lock", "Only you open your money."],
-  ["Bank-grade encryption", "256-bit, end to end."],
-  ["Home Screen widgets", "Your balance at a glance."],
-  ["Works offline", "Syncs the moment you\u2019re back."]
-];
-var CAPTION = { name: "Headline", title: "Built like a vault. Feels like magic." };
-var CUES = [
-  ...captionCues(CAPTION, 200),
-  { layer: FEATURES.map((_, i) => `Feature ${i + 1}`), preset: "rise-in", at: 1200, params: { duration: 700 }, stagger: { delay: 1400 } }
-];
-function build(k, sheet, s) {
-  k.nameSheet(sheet, `Product turntable \xB7 ${preset(s.preset).name}`);
-  glow(k, sheet, "primary", Math.round(1e3 * s.u), s.W / 2, s.H * 0.58, 0.45);
-  const fill = { id: "fill", type: "AMBIENT", name: "Fill", color: { r: 0.85, g: 0.92, b: 1, a: 1 }, intensity: 0.55, x: 0, y: 0, z: 0, targetX: 0, targetY: 0, targetZ: 0 };
-  const keyLight = { id: "key", type: "DIRECTIONAL", name: "Key", color: { r: 1, g: 0.97, b: 0.92, a: 1 }, intensity: 0.75, x: s.W * 0.2, y: s.H * 0.1, z: 1600, targetX: s.W / 2, targetY: s.H / 2, targetZ: 0 };
-  const scene = stage(k, sheet, s, { duration: DURATION, fps: FPS, perspective: 2800 * s.u, lights: [fill, keyLight] });
-  const zoom = s.wide ? 0.9 : 0.62;
-  const cy = s.wide ? s.H * 0.53 : s.H * 0.6;
-  const table = rig(k, scene, s, "Turntable", 760, 760, s.W / 2, cy + PHONE.height / 2 * zoom);
-  k.patch(table, { scaleX: zoom, scaleY: zoom, rotateX: 78 });
-  k.ellipse(table, 760, "deviceEdge", { name: "Disc", opacity: 0.9 });
-  const turn = rig(k, scene, s, "Phone", PHONE.width, PHONE.height, s.W / 2, cy);
-  k.patch(turn, { scaleX: zoom, scaleY: zoom, rotateX: -6 });
-  const spin = k.group(turn, { x: 0, y: 0, width: PHONE.width, height: PHONE.height }, { name: "Spin" });
-  k.patch(spin, { rotateY: -28 });
-  k.behave(spin, "rotateY", [{ kind: "spin", rate: 360 / (DURATION / 1e3) }]);
-  const face = k.instance(spin, "Phone", { Screen: { swap: "Screen / Home" } }, { name: "Face" });
-  k.patch(face, { z: DEPTH / 2, effects: [deviceShadow(0.35, 30, 70)], material3d: { specular: 0.35, shininess: 60 } });
-  const back = k.instance(spin, "Phone back", {}, { name: "Back" });
-  k.patch(back, { z: -DEPTH / 2, rotateY: 180, material3d: { specular: 0.2, shininess: 30 } });
-  for (const side of [-1, 1]) {
-    const edge = k.rect(spin, DEPTH, PHONE.height - 2 * PHONE.radius + 40, "deviceEdge", { radius: DEPTH / 2, name: side < 0 ? "Left edge" : "Right edge" });
-    k.patch(edge, { x: side < 0 ? -DEPTH / 2 : PHONE.width - DEPTH / 2, y: PHONE.radius - 20, rotateY: side * 90 });
-  }
-  const col = column(s, 120);
-  caption(k, sheet, s, { ...CAPTION, step: s.wide ? "title" : "subtitle", width: col.width, align: "CENTER", at: { x: col.x, y: Math.round(64 * s.u) } });
-  const body = typeStep(k, s, "body");
-  const sideW = Math.round((s.wide ? 470 : 300) * s.u);
-  FEATURES.forEach(([t, b], i) => {
-    const left = i % 2 === 0, row = Math.floor(i / 2);
-    const box = k.stack(sheet, {
-      width: sideW,
-      gap: Math.round(8 * s.u),
-      align: left ? "MAX" : "MIN",
-      name: `Feature ${i + 1}`,
-      absolute: { x: left ? Math.round((s.wide ? 200 : 64) * s.u) : Math.round(s.W - (s.wide ? 200 : 64) * s.u - sideW), y: Math.round(cy + (row === 0 ? -170 : 60) * s.u) }
-    });
-    k.rect(box, Math.round(56 * s.u), 4, "accent", { radius: 2, name: "Rule" });
-    k.text(box, t, { style: typeStep(k, s, s.wide ? "subtitle" : "body"), color: "text", align: left ? "RIGHT" : "LEFT", name: "Feature" });
-    k.text(box, b, { style: body, color: "onBackground", align: left ? "RIGHT" : "LEFT", name: "Detail" });
-  });
-  k.cues(sheet, CUES);
-}
-var product_turntable_default = defineTemplate({
-  id: "motion-3d-product-turntable",
-  meta: {
-    name: "Product turntable",
-    description: "A phone turns a full circle on a lit 3D turntable \u2014 face, edge, back with your logo \u2014 while four feature callouts rise in either side. A seamless 12-second loop at 30 fps, 16:9 and square; swap the screen for your own",
-    category: "animation",
-    tags: ["animation", "3d", "product", "turntable", "phone", "device", "features", "callouts", "loop"],
-    platforms: ["youtube", "instagram", "linkedin", "x", "web"],
-    formats: ["video", "post", "ad"],
-    useCases: ["launch", "announcement"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues: CUES },
-  build() {
-    const k = new Kit("Product turntable", preset(SIZES[0]));
-    brand(k, "dark");
-    appScreens(k, ["Home", "Screenshot"]);
-    devices(k, ["Phone", "Phone back"]);
-    const [cover] = sizes(k, SIZES, (sheet, s) => build(k, sheet, s));
-    k.setCover(cover);
-    return k.finish();
-  }
-});
-
-export {
-  product_turntable_default
-};