@popcraft/kit 0.26.0 → 0.27.0

package/dist/chunks/chunk-ISRWSG4R.js

@@ -1,99 +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 {
-  bar,
-  burst,
-  fadeAt,
-  ping,
-  popAt,
-  progress,
-  round,
-  saasUi,
-  tickMark
-} from "./chunk-WW5JIPMG.js";
-import {
-  E,
-  roundRect
-} from "./chunk-ZXLRLH5A.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/lottie/saas-ui-file-upload.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var saas_ui_file_upload_default = saasUi({
-  slug: "file-upload",
-  role: "loader",
-  size: "spot",
-  duration: 4500,
-  loop: true,
-  title: "file upload",
-  description: "An upload from drop to done: a document lifts off and slips behind a cloud, the progress bar fills in uneven pushes the way a real upload does, and a green tick lands with a small burst before the next file comes up \u2014 a 4.5-second seamless loop, 800\xD7600",
-  tags: ["upload", "file", "cloud", "progress", "import"],
-  build(l) {
-    const IN = 1600, DONE = 2900, RESET = 3900;
-    l.circle(l.sheet, 400, 300, 258, "soft", { name: "Backdrop" });
-    for (const [x, turn, o] of [[286, -9, 0.55], [394, 8, 0.75]]) {
-      const w = l.box(l.sheet, x, 420, 118, 150, "Waiting file");
-      l.rect(w, 0, 0, 118, 150, "surface", { radius: 16, name: "Waiting page", opacity: o, stroke: { color: "line", width: 2 } });
-      bar(l, w, 20, 30, 62, 9, "line", { name: "Waiting line" });
-      bar(l, w, 20, 50, 44, 9, "line", { name: "Waiting line" });
-      l.k.patch(w, { rotation: turn });
-      l.keys(w, "translateY", [[0, 0, E.hold], [IN - 300, 0, E.out], [IN, -10, E.inOut], [IN + 500, 0, E.hold]]);
-    }
-    const doc = l.box(l.sheet, 338, 388, 124, 156, "Document");
-    l.rect(doc, 8, 14, 108, 150, "ink", { radius: 16, name: "Document shadow", opacity: 0.08 });
-    l.shape(doc, [...roundRect(0, 0, 124, 156, 16).slice(0, 1), { x: 88, y: 0 }, { x: 124, y: 36 }, ...roundRect(0, 0, 124, 156, 16).slice(3)], "surface", { name: "Page", stroke: { color: "line", width: 2 } });
-    l.shape(doc, [{ x: 88, y: 0 }, { x: 124, y: 36 }, { x: 100, y: 36, handleOut: { x: 92, y: 36 } }, { x: 88, y: 24, handleIn: { x: 88, y: 32 } }], "soft", { name: "Fold" });
-    l.rect(doc, 20, 26, 40, 40, "accent", { radius: 10, name: "File type" });
-    for (const [y, w] of [[84, 84], [104, 64], [124, 76]]) bar(l, doc, 20, y, w, 9, "line", { name: "Page line" });
-    l.opacity(doc, [[0, 0, E.hold], [80, 0, E.out], [420, 1, E.hold], [IN - 250, 1, E.in], [IN, 0, E.hold]]);
-    l.keys(doc, "translateY", [[0, 46, E.hold], [80, 46, E.out], [560, 0, E.inOut], [880, 16, E.in], [IN, -236, E.hold], [IN + 200, 46, E.hold]]);
-    l.scale(doc, [[0, 1, E.hold], [880, 1, E.in], [IN, 0.5, E.hold], [IN + 200, 1, E.hold]]);
-    l.keys(doc, "rotation", [[0, -5, E.hold], [80, -5, E.out], [560, 0, E.inOut], [880, 4, E.in], [IN, 0, E.hold], [IN + 200, -5, E.hold]]);
-    ping(l, l.sheet, 400, 194, 60, "success", DONE + 40, { to: 2.2, dur: 800 });
-    burst(l, l.sheet, 400, 194, { n: 10, r0: 70, r1: 190, t: DONE + 80, size: 9, start: 18, dur: 800 });
-    const cloud = l.box(l.sheet, 196, 72, 408, 264, "Cloud");
-    const outline = (dy) => [
-      { pts: roundRect(0, 116 + dy, 408, 148, 74), closed: true },
-      { pts: round(150, 124 + dy, 92), closed: true },
-      { pts: round(262, 108 + dy, 108), closed: true }
-    ];
-    l.vector(cloud, outline(16), "ink", { name: "Cloud shadow", opacity: 0.08 });
-    l.vector(cloud, outline(0), "surface", { name: "Cloud face" });
-    l.pivot(cloud, 0.5, 0.8);
-    l.keys(cloud, "scaleY", [[0, 1, E.hold], [IN - 120, 1, E.out], [IN + 60, 0.93, E.pop], [IN + 480, 1, E.hold], [DONE, 1, E.out], [DONE + 140, 1.04, E.inOut], [DONE + 560, 1, E.hold]]);
-    l.keys(cloud, "scaleX", [[0, 1, E.hold], [IN - 120, 1, E.out], [IN + 60, 1.05, E.pop], [IN + 480, 1, E.hold], [DONE, 1, E.out], [DONE + 140, 1.05, E.inOut], [DONE + 560, 1, E.hold]]);
-    l.keys(cloud, "translateY", [[0, 0, E.inOut], [1125, -7, E.inOut], [2250, 0, E.inOut], [3375, -7, E.inOut], [4500, 0]]);
-    const arrow = l.box(cloud, 174, 78, 60, 76, "Uploading");
-    l.line(arrow, [[30, 70], [30, 12]], "accent", 12, { name: "Arrow shaft" });
-    l.line(arrow, [[8, 30], [30, 8], [52, 30]], "accent", 12, { name: "Arrow head" });
-    l.k.patch(arrow, { scaleX: 0, scaleY: 0 });
-    l.scale(arrow, [[0, 1, E.hold], [DONE - 120, 1, E.in], [DONE + 60, 0, E.hold], [RESET + 150, 0, E.pop], [RESET + 500, 1, E.hold]]);
-    l.keys(arrow, "translateY", [[0, 0, E.hold], [IN, 0, E.out], [IN + 240, -14, E.inOut], [IN + 520, 0, E.out], [IN + 760, -14, E.inOut], [IN + 1040, 0, E.hold]]);
-    const ok = l.box(cloud, 152, 64, 104, 104, "Uploaded");
-    l.circle(ok, 52, 52, 52, "success", { name: "Uploaded disc" });
-    drawTick(tickMark(l, ok, 52, 52, 2.5, "white", 13));
-    popAt(l, ok, DONE, RESET - 100, 400);
-    const { track, fill } = progress(l, cloud, 94, 196, 220, 14, "accent");
-    const at = (f) => -220 * (1 - f);
-    l.keys(fill, "translateX", [[0, at(0), E.hold], [IN, at(0), E.out], [IN + 300, at(0.34), E.inOut], [IN + 560, at(0.42), E.out], [IN + 900, at(0.81), E.inOut], [DONE - 80, 0, E.hold], [RESET + 160, 0, E.in], [RESET + 480, at(0), E.hold]]);
-    fadeAt(l, bar(l, track, 0, 0, 220, 14, "success", { name: "Progress complete" }), DONE - 80, 240, 1, RESET - 100);
-    for (const [x, t] of [[372, IN - 500], [404, IN - 380], [432, IN - 260]]) {
-      const d = l.circle(l.sheet, x, 420, 6, "accent", { name: "Speck", opacity: 0 });
-      l.keys(d, "translateY", [[0, 0, E.hold], [t, 0, E.in], [t + 520, -110, E.hold]]);
-      l.opacity(d, [[0, 0, E.hold], [t, 0, E.out], [t + 120, 0.8, E.in], [t + 520, 0, E.hold]]);
-    }
-    function drawTick(id) {
-      l.keys(id, "trim.end", [[0, 0, E.hold], [DONE + 120, 0, E.out], [DONE + 440, 1, E.hold], [RESET + 200, 0, E.hold]]);
-    }
-  }
-});
-
-export {
-  saas_ui_file_upload_default
-};

package/dist/chunks/chunk-IT6MNS4P.js

@@ -1,220 +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 {
-  COMIC,
-  balloon,
-  bandDots,
-  benday,
-  captionBox,
-  comicBrand,
-  hero,
-  impact,
-  inkShadow,
-  issueBox,
-  panel,
-  rays,
-  restage,
-  stage,
-  streaks,
-  villain,
-  windowCard
-} from "./chunk-HSNSEJ2A.js";
-import {
-  background,
-  refill
-} from "./chunk-CHL5BU5W.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  bed
-} from "./chunk-52GCV7N5.js";
-import {
-  sizeOf
-} from "./chunk-QLV6445V.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion/comic-book-issue-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MUSIC = bed("launch", 32);
-var beat = MUSIC.beat;
-var DURATION = MUSIC.duration;
-var VIEW = { w: 800, h: 620 };
-var PAGE = { w: VIEW.w * 2, h: VIEW.h * 2 };
-var P1 = { x: 0, y: 0, w: 780, h: 600 };
-var P2 = { x: 820, y: 0, w: 780, h: 600 };
-var P3 = { x: 0, y: 640, w: 1600, h: 600 };
-var look = (x, y, zoom) => ({ zoom, tx: -zoom * (x - PAGE.w / 2), ty: -zoom * (y - PAGE.h / 2) });
-var whip = ease.inOut("expo");
-var SHOTS = [
-  { t: 0, at: look(390, 300, 1), ease: ease.linear },
-  { t: beat(8), at: look(390, 300, 1.08), ease: whip },
-  { t: beat(9), at: look(1210, 300, 1), ease: ease.linear },
-  { t: beat(16), at: look(1210, 300, 1.08), ease: whip },
-  { t: beat(17), at: look(800, 940, 0.74), ease: ease.linear },
-  { t: beat(23), at: look(800, 940, 0.8), ease: ease.inOut("cubic") },
-  { t: beat(25), at: look(800, 620, 0.5) }
-];
-var swaps = [
-  { layer: "Caption", words: ["3:07 a.m. A deploy just broke checkout.", "Backstop sees the error rate jump.", "It rolls the deploy back in 9 seconds.", "You sleep. Customers pay."], at: beat(1), hold: 1900, stagger: 60, in: 350, out: 250, unit: "word", rise: 24 }
-];
-var cues = [
-  { layer: "Hook", preset: "pop-in", at: 0, params: { duration: 260, amount: 1.25 } },
-  { layer: "Head", preset: "fade-in", at: 0, params: { duration: 250 } },
-  { layer: "Panel one", preset: "pop-in", at: 120, params: { duration: 300, amount: 1.3 } },
-  { layer: "Narration", preset: "pop-in", at: beat(1) - 150, params: { duration: 280 } },
-  { layer: "Bug", preset: "pop-in", at: beat(2), params: { duration: 320 } },
-  { layer: "Bug says", preset: "pop-in", at: beat(3), params: { duration: 260 } },
-  { layer: "Crash", preset: "pop-in", at: beat(5), params: { duration: 240, amount: 1.6 } },
-  { layer: "Stage", preset: "camera-shake", at: beat(5), params: { duration: 400, distance: 14 } },
-  { layer: "Panel two", preset: "pop-in", at: beat(9), params: { duration: 300, amount: 1.3 } },
-  { layer: "Hero", preset: "slide-in", at: beat(10), params: { duration: 420, direction: "left" } },
-  { layer: "Hero says", preset: "pop-in", at: beat(11), params: { duration: 260 } },
-  { layer: "Spotted", preset: "pop-in", at: beat(13), params: { duration: 260 } },
-  { layer: "Panel three", preset: "pop-in", at: beat(17), params: { duration: 300, amount: 1.3 } },
-  { layer: "Rolled back", preset: "pop-in", at: beat(18), params: { duration: 260, amount: 1.7 } },
-  { layer: "Stage", preset: "camera-shake", at: beat(18), params: { duration: 500, distance: 22 } },
-  { layer: "Restored", preset: "pop-in", at: beat(20), params: { duration: 260 } },
-  { layer: "Rolled back", preset: "pulse", at: beat(22), params: { duration: 600, amount: 0.06 } },
-  { layer: "Call", preset: "pop-in", at: beat(26), params: { duration: 320 } },
-  { layer: "Site box", preset: "pop-in", at: beat(27), params: { duration: 300 } },
-  { layer: "Call", preset: "pulse", at: beat(29), params: { duration: 600, amount: 0.05 } }
-];
-function furnish(k, sheet) {
-  const { w, h } = sizeOf(k, sheet);
-  const pad = k.node(sheet).padding;
-  refill(k, sheet);
-  bandDots(k, sheet, "Top dots", { x: 0, y: 0, w, h: pad.top - 16 });
-  bandDots(k, sheet, "Foot dots", { x: 0, y: h - pad.bottom + 16, w, h: pad.bottom - 16 });
-}
-var comic_book_issue_reel_default = defineTemplate({
-  id: "motion-comic-book-issue-reel",
-  meta: {
-    name: "Comic launch reel",
-    description: 'A 16-second feature launch told as issue no. 12 of a comic: the complaint lands on the first frame, a panel slams in with the bug that broke checkout, the camera whips across the page to the hero on focus lines and down to a full-width hit with "ROLLED BACK!" in an impact burst, then pulls out to the whole page. Speech balloons pop, a narrator\u2019s box carries burned-in captions, and every slam lands on a beat of a 128 BPM loop (made by PopCraft, CC0). 9:16 with 1:1 and 4:5 cuts',
-    category: "animation",
-    tags: ["animation", "comic book", "panels", "speech balloon", "halftone", "ben-day dots", "speed lines", "impact", "launch", "feature", "saas", "devtools", "reel", "captions", "music", "audio"],
-    platforms: ["instagram", "tiktok", "youtube", "x"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["launch", "announcement", "comic"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, swaps },
-  build() {
-    const k = new Kit("Comic launch reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    comicBrand(k);
-    k.textStyle("Masthead 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.5, lineHeight: 26, textCase: "UPPER" });
-    k.textStyle("Issue 26", { size: 26, fontWeight: 900, letterSpacing: -0.5, lineHeight: 28 });
-    k.textStyle("Issue small 13", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 0.5, lineHeight: 18 });
-    k.textStyle("Hook 92", { size: 92, fontWeight: 900, letterSpacing: -4, lineHeight: 86 });
-    k.textStyle("Hook 66", { size: 66, fontWeight: 900, letterSpacing: -2.8, lineHeight: 62 });
-    k.textStyle("Balloon 38", { size: 38, fontWeight: 800, letterSpacing: -0.5, lineHeight: 42, textAlign: "CENTER" });
-    k.textStyle("Box 26", { size: 26, fontWeight: 800, letterSpacing: 0.4, lineHeight: 32 });
-    k.textStyle("Window 20", { ...MONO, size: 20, fontWeight: 700, lineHeight: 26 });
-    k.textStyle("Error 110", { size: 110, fontWeight: 900, letterSpacing: -5, lineHeight: 100 });
-    k.textStyle("Sound 72", { size: 72, fontWeight: 900, letterSpacing: -2.5, lineHeight: 70, textAlign: "CENTER" });
-    k.textStyle("Sound 150", { size: 150, fontWeight: 900, letterSpacing: -6, lineHeight: 132, textAlign: "CENTER" });
-    k.textStyle("Caption 32", { size: 32, fontWeight: 800, lineHeight: 40 });
-    k.textStyle("Caption 26", { size: 26, fontWeight: 800, lineHeight: 34 });
-    k.textStyle("Button 30", { size: 30, fontWeight: 900, lineHeight: 38 });
-    k.textStyle("Site 24", { ...MONO, size: 24, fontWeight: 700, lineHeight: 30 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 30", label: "READ ISSUE NO. 12", pad: [18, 30], radius: 0 });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Launch reel");
-    k.flowSheet(sheet, 20, verticalPadding(), "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
-    background(k, sheet, "paper");
-    benday(k, sheet, 1080, 620, { role: "accent", dot: 30, angle: 270, from: 0.05, to: 0.8, name: "Top dots" });
-    benday(k, sheet, 1080, 520, { role: "primary", dot: 30, angle: 90, from: 0.02, to: 0.62, name: "Foot dots" });
-    const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Head" });
-    issueBox(k, head, { number: "Issue 26", small: "Issue small 13", price: "OCT \xB7 FREE" });
-    k.text(head, "{{brand.name}} \xB7 the auto-rollback issue", { style: "Masthead 20", color: "text", name: "Masthead" });
-    k.text(sheet, "A DEPLOY JUST BROKE CHECKOUT.", { style: "Hook 92", color: "text", name: "Hook", effects: inkShadow(k, 6, "primary") });
-    const row = k.stack(sheet, { align: "CENTER", name: "Stage row" });
-    const { art } = stage(k, row, VIEW.w, VIEW.h, { clip: true, fill: "card", stroke: { color: "text", width: 8, align: "INSIDE", join: "MITER" }, effects: inkShadow(k, 12, "text") });
-    const cam = k.frame(art, { x: -VIEW.w / 2, y: -VIEW.h / 2, width: PAGE.w, height: PAGE.h }, { name: "Camera" });
-    panel(k, cam, P1, "night", (p) => {
-      benday(k, p, P1.w, P1.h, { role: "nightDeep", dot: 18, angle: 90, from: 0.1, to: 0.8 });
-      rays(k, p, P1.w, P1.h, { cx: 560, cy: 360, role: "nightDeep", n: 22, inner: 200, seed: 4 });
-      windowCard(k, p, 330, "checkout", (body) => {
-        k.text(body, "500", { style: "Error 110", color: "primary", name: "Error code" });
-        k.text(body, "Payment failed. Try again later.", { style: "Window 20", color: "onCard", name: "Error line" });
-      }, { style: "Window 20", name: "Checkout window", absolute: { x: 36, y: 270 }, deg: -4 });
-      villain(k, p, 440, { name: "Bug", absolute: { x: 340, y: 170 }, deg: 8 });
-      captionBox(k, p, "3:07 a.m. \xB7 production", { style: "Box 26", name: "Clock", absolute: { x: 26, y: 26 } });
-      balloon(k, p, "I ate your checkout!", { style: "Balloon 38", width: 330, tail: "left", name: "Bug says", absolute: { x: 420, y: 28 } });
-      impact(k, p, 250, 190, "Crash!", { style: "Sound 72", fill: "primary", ink: "onPrimary", deg: -10, name: "Crash", seed: 5, absolute: { x: 30, y: 96 } });
-    }, { name: "Panel one" });
-    panel(k, cam, P2, "sky", (p) => {
-      rays(k, p, P2.w, P2.h, { cx: 300, cy: 330, role: "skyDeep", n: 34, inner: 230, seed: 8 });
-      benday(k, p, P2.w, 260, { role: "dot", dot: 16, angle: 270, from: 0, to: 0.5, opacity: 0.35 });
-      streaks(k, p, 360, 300, { role: "card", n: 9, seed: 2, x: 0, y: 250 });
-      hero(k, p, 520, { name: "Hero", absolute: { x: 60, y: 96 }, deg: 6 });
-      balloon(k, p, "Not on my watch.", { style: "Balloon 38", width: 300, tail: "left", name: "Hero says", absolute: { x: 452, y: 34 } });
-      captionBox(k, p, "Error rate up 40\xD7.\nSpotted in 4 seconds.", { style: "Box 26", width: 330, name: "Spotted", absolute: { x: 424, y: 470 } });
-    }, { name: "Panel two" });
-    panel(k, cam, P3, "accent", (p) => {
-      rays(k, p, P3.w, P3.h, { cx: 800, cy: 300, role: "primary", n: 44, inner: 300, seed: 12, thick: 0.9 });
-      benday(k, p, 520, P3.h, { role: "primary", dot: 20, angle: 180, from: 0, to: 0.7 });
-      hero(k, p, 560, { name: "Hero hits", absolute: { x: 40, y: 40 }, deg: 14 });
-      villain(k, p, 300, { name: "Bug out", absolute: { x: 1270, y: 30 }, deg: 152 });
-      streaks(k, p, 330, 200, { role: "ink", n: 7, seed: 9, dir: -1, x: 1010, y: 190 });
-      impact(k, p, 820, 500, "Rolled back!", { style: "Sound 150", fill: "primary", ink: "onPrimary", deg: -5, name: "Rolled back", seed: 21, points: 18, depth: 0.26, shadow: 16, line: 8, absolute: { x: 420, y: 50 } });
-      captionBox(k, p, "v4.11 restored in 9 seconds. Nobody was paged.", { style: "Box 26", width: 470, name: "Restored", absolute: { x: 1090, y: 470 } });
-    }, { name: "Panel three" });
-    k.patch(cam, { scaleX: 0.5, scaleY: 0.5 });
-    k.animate(cam, "scaleX", SHOTS.map((s) => ({ t: s.t, v: s.at.zoom, ...s.ease ? { ease: s.ease } : {} })));
-    k.animate(cam, "scaleY", SHOTS.map((s) => ({ t: s.t, v: s.at.zoom, ...s.ease ? { ease: s.ease } : {} })));
-    k.animate(cam, "translateX", SHOTS.map((s) => ({ t: s.t, v: s.at.tx, ...s.ease ? { ease: s.ease } : {} })));
-    k.animate(cam, "translateY", SHOTS.map((s) => ({ t: s.t, v: s.at.ty, ...s.ease ? { ease: s.ease } : {} })));
-    const box = k.stack(sheet, { height: 116, justify: "CENTER", padding: { top: 0, right: 24, bottom: 0, left: 24 }, fill: "accent", stroke: { color: "text", width: 5, align: "INSIDE", join: "MITER" }, effects: inkShadow(k, 8, "text"), name: "Narration" });
-    k.text(box, swaps[0].words[0], { style: "Caption 32", color: "onAccent", name: "Caption" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 22, align: "CENTER", name: "Foot" });
-    k.instance(foot, "Button", { Label: `READ ISSUE NO. ${COMIC.issue}` }, { name: "Call" });
-    k.text(k.stack(foot, { direction: "HORIZONTAL", width: "HUG", fill: "card", stroke: { color: "text", width: 4, align: "INSIDE", join: "MITER" }, padding: { top: 16, right: 18, bottom: 16, left: 18 }, name: "Site box" }), "{{brand.site}}", { style: "Site 24", color: "onCard", autoWidth: true, name: "Site" });
-    furnish(k, sheet);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    const cut = (scale, hook, caption) => (kit, id) => {
-      restage(kit, id, VIEW.w, VIEW.h, scale);
-      if (hook) for (const n of kit.named(id, "Hook")) kit.restyle(n, hook);
-      if (caption) {
-        for (const c of kit.named(id, "Caption")) kit.restyle(c, caption);
-        for (const b of kit.named(id, "Narration")) kit.patch(b, { height: 92 });
-      }
-      furnish(kit, id);
-    };
-    k.variants(sheet, feedVariants({ post: 56, portrait: 72 }, { post: cut(0.92, "Hook 66", "Caption 26"), portrait: cut(1.17) }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  comic_book_issue_reel_default
-};

package/dist/chunks/chunk-ITAEZYM3.js

@@ -1,246 +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 {
-  sampleTrack
-} from "./chunk-STB3GK3P.js";
-import {
-  withTrack
-} from "./chunk-TNMSVKUF.js";
-import {
-  asPath,
-  init_properties,
-  propertyFor
-} from "./chunk-62AVP6QT.js";
-import {
-  counterRest,
-  formatCounter,
-  init_text_units,
-  rangeCoverage,
-  slotOf,
-  textUnits,
-  unitSlots
-} from "./chunk-MFNTHBR5.js";
-import {
-  evalInterp,
-  init_easing
-} from "./chunk-6YICR6OK.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// lib/motion/text-animators.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_easing();
-init_properties();
-init_text_units();
-var animatorPath = (id, field) => asPath(`text.animators[@${id}].${field}`);
-var animatorPrefix = (id) => `text.animators[@${id}].`;
-var COUNTER_PATH = asPath("text.counter");
-var isTextNode = (n) => n?.type === "TEXT";
-function freshAnimatorId(node) {
-  const used = new Set((node.textAnimators ?? []).map((a) => a.id));
-  for (let n = 1; ; n++) if (!used.has(`ta${n}`)) return `ta${n}`;
-}
-var UNIT_DEFAULTS = {
-  letter: { stagger: 35, rise: 0.4 },
-  word: { stagger: 90, rise: 0.5 },
-  line: { stagger: 160, rise: 0.6 }
-};
-function defaultAnimator(node, unit, id = freshAnimatorId(node)) {
-  const d = UNIT_DEFAULTS[unit];
-  return {
-    id,
-    unit,
-    range: { start: 0, end: 1, offset: 0 },
-    order: "forward",
-    stagger: d.stagger,
-    props: { opacity: 0, translateY: Math.round((node.fontSize || 16) * d.rise) }
-  };
-}
-function withAnimator(node, animator) {
-  const list = node.textAnimators ?? [];
-  const i = list.findIndex((a) => a.id === animator.id);
-  return { ...node, textAnimators: i < 0 ? [...list, animator] : list.map((a, j) => j === i ? animator : a) };
-}
-function withoutAnimator(node, id) {
-  const list = (node.textAnimators ?? []).filter((a) => a.id !== id);
-  let motion = node.motion;
-  const prefix = animatorPrefix(id);
-  if (motion) {
-    for (const path of Object.keys(motion.tracks)) if (path.startsWith(prefix)) motion = withTrack(motion, path, null);
-  }
-  const next = { ...node, motion };
-  if (list.length) next.textAnimators = list;
-  else delete next.textAnimators;
-  if (!motion) delete next.motion;
-  return next;
-}
-function withCounter(node, counter) {
-  if (!counter) {
-    const motion = withTrack(node.motion, COUNTER_PATH, null);
-    const next = { ...node, motion };
-    delete next.textCounter;
-    if (!motion) delete next.motion;
-    return next;
-  }
-  return { ...node, textCounter: counter, characters: formatCounter(counter, counterRest(counter)) };
-}
-function editCounter(node, patch) {
-  const c = node.textCounter;
-  if (!c) return node;
-  const next = { ...c, ...patch };
-  let motion = node.motion;
-  const track = motion?.tracks[COUNTER_PATH];
-  if (track?.keys.length && (patch.from !== void 0 || patch.to !== void 0)) {
-    const keys = track.keys.map((k, i, all) => i === 0 && patch.from !== void 0 ? { ...k, v: next.from } : i === all.length - 1 && patch.to !== void 0 ? { ...k, v: next.to } : k);
-    motion = withTrack(motion, COUNTER_PATH, { ...track, keys });
-  }
-  return { ...withCounter(node, next), motion };
-}
-var posed = /* @__PURE__ */ new WeakMap();
-function markTextPose(node, t, rest) {
-  posed.set(node, { t, rest });
-}
-function carryTextPose(node, copy) {
-  const info = posed.get(node);
-  if (info) posed.set(copy, info);
-}
-var textPoseOf = (node) => posed.get(node);
-var hasTextAnimators = (node) => isTextNode(node) && !!node.textAnimators?.length;
-var UNIT_STRIDE = 11;
-var U = { weight: 0, tx: 1, ty: 2, scale: 3, rotation: 4, opacity: 5, blur: 6, r: 7, g: 8, b: 9, a: 10 };
-var flat = (a) => ({
-  start: a.range.start,
-  end: a.range.end,
-  offset: a.range.offset,
-  amount: a.amount ?? 1,
-  tx: a.props.translateX ?? 0,
-  ty: a.props.translateY ?? 0,
-  scale: a.props.scale ?? 1,
-  rotation: a.props.rotation ?? 0,
-  opacity: a.props.opacity ?? 1,
-  blur: a.props.blur ?? 0,
-  color: a.props.color
-});
-var FIELDS = {
-  "range.start": "start",
-  "range.end": "end",
-  "range.offset": "offset",
-  amount: "amount",
-  "props.translateX": "tx",
-  "props.translateY": "ty",
-  "props.scale": "scale",
-  "props.rotation": "rotation",
-  "props.opacity": "opacity",
-  "props.blur": "blur",
-  "props.color": "color"
-};
-function keyedFields(rest, animator) {
-  const tracks = rest.motion?.tracks;
-  if (!tracks) return [];
-  const restAnim = rest.textAnimators?.find((a) => a.id === animator.id);
-  if (!restAnim) return [];
-  const restFlat = flat(restAnim);
-  const out = [];
-  const prefix = animatorPrefix(animator.id);
-  for (const key in tracks) {
-    if (!key.startsWith(prefix)) continue;
-    const field = FIELDS[key.slice(prefix.length)];
-    const track = tracks[key];
-    const prop = propertyFor(key);
-    if (!field || !track || track.muted || !prop) continue;
-    out.push({ field, track, prop, rest: restFlat[field] });
-  }
-  return out;
-}
-var LINEAR = { kind: "linear" };
-function animatorFrames(node, info, unitsFor) {
-  const out = [];
-  for (const a of node.textAnimators ?? []) {
-    const units = unitsFor(a.unit);
-    const count = units.count;
-    const poses = new Float32Array(count * UNIT_STRIDE);
-    if (!count) {
-      out.push({ unit: a.unit, units, poses, moving: false });
-      continue;
-    }
-    const { rank, slots } = unitSlots(count, a.order, a.seed);
-    const stagger = a.stagger ?? 0;
-    const keyed = stagger ? keyedFields(info.rest, a) : [];
-    const base = flat(a);
-    const f = { ...base };
-    const shape = a.ease ?? LINEAR;
-    let moving = false;
-    for (let u = 0; u < count; u++) {
-      const r = rank[u];
-      if (keyed.length) {
-        const tu = info.t - r * stagger;
-        for (const k of keyed) {
-          const v = sampleTrack(k.track, k.prop, k.rest, tu);
-          if (v !== void 0) f[k.field] = v;
-        }
-      }
-      const [lo, hi] = slotOf(r, slots);
-      const w = Math.max(0, Math.min(1, f.amount)) * evalInterp(shape, rangeCoverage(lo, hi, { start: f.start, end: f.end, offset: f.offset }), 0);
-      const o = u * UNIT_STRIDE;
-      poses[o + U.weight] = w;
-      if (w > 0) {
-        poses[o + U.tx] = f.tx * w;
-        poses[o + U.ty] = f.ty * w;
-        poses[o + U.scale] = 1 + (f.scale - 1) * w;
-        poses[o + U.rotation] = f.rotation * w;
-        poses[o + U.opacity] = 1 + (Math.max(0, f.opacity) - 1) * w;
-        poses[o + U.blur] = Math.max(0, f.blur) * w;
-        if (f.color) {
-          poses[o + U.r] = f.color.r;
-          poses[o + U.g] = f.color.g;
-          poses[o + U.b] = f.color.b;
-          poses[o + U.a] = w * (f.color.a ?? 1);
-        }
-        moving = true;
-      } else {
-        poses[o + U.scale] = 1;
-        poses[o + U.opacity] = 1;
-      }
-    }
-    out.push({ unit: a.unit, units, poses, moving });
-  }
-  return out;
-}
-function letterOpacities(posed2, chars = posed2.characters) {
-  const info = textPoseOf(posed2);
-  if (!info || !posed2.textAnimators?.length) return [1];
-  const frames = animatorFrames({ ...posed2, characters: chars }, info, (unit) => textUnits(chars, unit));
-  const letters = textUnits(chars, "letter");
-  const out = new Array(letters.count).fill(1);
-  frames.forEach((f, a) => {
-    const unitOf = textUnits(chars, posed2.textAnimators[a].unit);
-    for (let c = 0; c < chars.length; c++) if (letters.of[c] >= 0 && unitOf.of[c] >= 0) out[letters.of[c]] *= f.poses[unitOf.of[c] * UNIT_STRIDE + U.opacity];
-  });
-  return out;
-}
-
-export {
-  animatorPath,
-  COUNTER_PATH,
-  isTextNode,
-  freshAnimatorId,
-  UNIT_DEFAULTS,
-  defaultAnimator,
-  withAnimator,
-  withoutAnimator,
-  withCounter,
-  editCounter,
-  markTextPose,
-  carryTextPose,
-  textPoseOf,
-  hasTextAnimators,
-  UNIT_STRIDE,
-  U,
-  animatorFrames,
-  letterOpacities
-};

package/dist/chunks/chunk-ITCZTM2L.js

@@ -1,93 +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 {
-  templateFromDocument
-} from "./chunk-V5AYSOB6.js";
-import {
-  firstComposition
-} from "./chunk-UEJPIFFQ.js";
-import {
-  TEMPLATE_CATEGORIES,
-  TEMPLATE_FORMATS,
-  TEMPLATE_PLATFORMS,
-  TEMPLATE_USE_CASES,
-  isTemplateFps
-} from "./chunk-ZJYKLFG3.js";
-import {
-  timelineDuration
-} from "./chunk-KJQMMKPO.js";
-import {
-  isAnimated
-} from "./chunk-STB3GK3P.js";
-import {
-  compositionDuration
-} from "./chunk-XV5ONKNC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// lib/templates/finish.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function showDuration(t) {
-  const comp = firstComposition(t);
-  if (comp) return compositionDuration(comp);
-  const nodes = t.payload.nodes;
-  const roots = t.payload.variants[0].rootIds.map((id) => nodes[id]).filter((f) => f && !f.print?.isMaster);
-  const played = t.meta.kind === "PRESENTATION" ? roots.filter((f) => f.timeline) : roots.slice(0, 1);
-  return played.reduce((sum, f) => sum + timelineDuration(nodes, f.id), 0);
-}
-function timelineFacets(t) {
-  const nodes = t.payload.nodes;
-  const master = nodes[t.payload.variants[0].rootIds[0]];
-  if (!master) return {};
-  const moves = Object.values(nodes).some((n) => isAnimated(n));
-  if (!moves && !master.timeline) return {};
-  const fps = master.timeline?.fps;
-  if (!isTemplateFps(fps)) throw new Error(`${t.meta.id}: an animated template sets its timeline's frame rate`);
-  return { animated: true, durationMs: showDuration(t), fps };
-}
-function withShowDefaults(doc, playsCues, inScenes) {
-  if (doc.settings?.showAdvance) return doc;
-  const cut = Object.keys(doc.compositions ?? {}).length > 0;
-  const cues = playsCues ?? (!cut && doc.settings?.kind !== "PRESENTATION" && Object.values(doc.nodes).some((n) => n.timeline));
-  if (cues) return { ...doc, settings: { ...doc.settings, showAdvance: { on: "end" }, showLoop: true } };
-  if (inScenes || cut) return { ...doc, settings: { ...doc.settings, showAdvance: { on: "end" } } };
-  return doc;
-}
-function checkVocabulary(id, l) {
-  const bad = [
-    ...(l.platforms ?? []).filter((p) => !TEMPLATE_PLATFORMS.includes(p)),
-    ...(l.formats ?? []).filter((p) => !TEMPLATE_FORMATS.includes(p)),
-    ...(l.useCases ?? []).filter((p) => !TEMPLATE_USE_CASES.includes(p))
-  ];
-  if (bad.length) throw new Error(`${id}: not in the template vocabulary: ${bad.join(", ")} (platforms: ${TEMPLATE_PLATFORMS.join(", ")}; formats: ${TEMPLATE_FORMATS.join(", ")}; use cases: ${TEMPLATE_USE_CASES.join(", ")})`);
-}
-function finishTemplate(doc, listing, o = {}) {
-  checkVocabulary(listing.id, listing);
-  const breakpoints = o.breakpoints ?? doc.settings?.kind === "WEB";
-  const captured = templateFromDocument(withShowDefaults(doc, o.playsCues, o.inScenes), listing, { breakpoints, ...o.sequence ? { sequence: true } : {} });
-  const cats = TEMPLATE_CATEGORIES[captured.meta.kind];
-  if (!cats?.includes(listing.category)) throw new Error(`${listing.id}: "${listing.category}" is not a ${captured.meta.kind} category (${cats?.join(", ")})`);
-  return {
-    meta: {
-      ...captured.meta,
-      ...timelineFacets(captured),
-      ...listing.platforms ? { platforms: listing.platforms } : {},
-      ...listing.formats ? { formats: listing.formats } : {},
-      ...listing.useCases ? { useCases: listing.useCases } : {}
-    },
-    payload: captured.payload
-  };
-}
-
-export {
-  showDuration,
-  timelineFacets,
-  withShowDefaults,
-  checkVocabulary,
-  finishTemplate
-};