@popcraft/kit 0.26.0 → 0.26.1

package/dist/chunks/chunk-J45SHRHA.js

@@ -1,158 +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 {
-  QUIRE,
-  editorialBrand,
-  editorialType,
-  fitGround,
-  inkButton,
-  lockup,
-  maskedLines,
-  meterSwitch,
-  pageBelow,
-  paperGround,
-  riseLines,
-  runningHead
-} from "./chunk-SBYU2I6M.js";
-import {
-  restyle
-} from "./chunk-QLV6445V.js";
-import {
-  outro,
-  postVariants,
-  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/social/style-editorial-announcement.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Editorial SaaS announcement post";
-var DURATION = 8e3;
-var ON = 1900;
-var DOWN = 2600;
-var OUT = 6600;
-var COLS = [80, 420, 1e3];
-var CONTENT = ["Running head words", "Note", "Meter card", "Foot"];
-var cues = [
-  { layer: "Running head rule", preset: "wipe-in", at: 0, params: { duration: 900 } },
-  { layer: "Running head words", preset: "fade-in", at: 150, params: { duration: 500 } },
-  { layer: "Note", preset: "fade-in", at: 900, params: { duration: 700 } },
-  { layer: "Meter card", preset: "slide-in", at: 700, params: { duration: 1e3, distance: 90, direction: "right" } },
-  { layer: "Switch on", preset: "fade-in", at: ON, params: { duration: 300 } },
-  { layer: "Foot", preset: "fade-in", at: 1300, params: { duration: 600 } },
-  { layer: "Card rule", preset: "wipe-in", at: 3800, params: { duration: 700 } },
-  { layer: "Lift", preset: "fade-in", at: 3900, params: { duration: 500 } },
-  { layer: "Button", preset: "pulse", at: 5200, params: { duration: 800, amount: 0.03 } },
-  outro(CONTENT, OUT + 200, { gap: 90, duration: 500 }),
-  { layer: "Running head rule", preset: "wipe-out", at: OUT + 500, params: { duration: 600 } }
-];
-var counts = [
-  { layer: "Free figure", at: DOWN - 600, duration: 1200, tick: 600, counter: { from: 5, to: QUIRE.free } },
-  { layer: "Lift figure", at: 3900, duration: 1400, counter: { from: 0, to: 39, prefix: "+", suffix: "%" } }
-];
-var style_editorial_announcement_default = defineTemplate({
-  id: "motion-saas-style-editorial-announcement",
-  meta: {
-    name: NAME,
-    description: "An animated feature announcement in the warm editorial look: on book paper ruled in columns the headline rises line by line from its baseline, a paragraph sits in the margin column, and a figure card slides in to show the feature working, a switch sliding on, free articles stepping down and the lift it brought counting up. Eight seconds, looping, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "editorial", "serif", "magazine", "paper", "announcement", "feature", "changelog", "release", "counter", "newsletter", "publishing", "post", "loop"],
-    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["announcement", "changelog", "launch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-post"));
-    k.quantizeGeometry = true;
-    editorialBrand(k, { hook1: "The meter", hook2: "is here." });
-    const t = editorialType(k);
-    t.display(172);
-    inkButton(k, "Call", { style: t.strong(26), label: "Read the notes", pad: [16, 24], arrow: 22 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 30, 80, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    paperGround(k, sheet, 1080, COLS);
-    const head = runningHead(k, sheet, { words: [], style: t.label(20), weight: 3 });
-    const words = k.named(head, "Running head words")[0];
-    lockup(k, words, { size: 30, style: t.serif(34) });
-    k.text(words, `VERSION ${QUIRE.version} \xB7 ${QUIRE.season.toUpperCase()}`, { style: t.label(20), color: "onPaper", autoWidth: true, name: "Issue" });
-    maskedLines(k, sheet, ["{{brand.hook1}}", "{{brand.hook2}}"], { style: t.display(150), name: "Hook" });
-    const body = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "MIN", name: "Body" });
-    const note = k.stack(body, { width: 300, gap: 16, name: "Note" });
-    k.text(note, "NEW IN 3.0", { style: t.label(20), color: "onPaper", name: "Note label" });
-    k.text(note, "Choose how many articles a month are free. The next one asks readers, politely, to subscribe.", { style: t.serif(28), color: "text", name: "Note words" });
-    const card = k.stack(body, { fill: "card", padding: 30, gap: 22, stroke: { color: "cardRule", width: 1, align: "INSIDE" }, effects: [{ type: "DROP_SHADOW", color: { r: 0, g: 0, b: 0, a: 0.14 }, offset: { x: 0, y: 20 }, blur: 50, spread: 0, visible: true }], name: "Meter card" });
-    const top = k.stack(card, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Card head" });
-    k.text(top, "FIG. 1 \xB7 THE METER", { style: t.label(18), color: "cardMuted", autoWidth: true, name: "Card label" });
-    const { knob } = meterSwitch(k, top);
-    const big = k.stack(card, { direction: "HORIZONTAL", gap: 22, align: "CENTER", name: "Free row" });
-    k.text(big, String(QUIRE.free), { style: t.figure(150), color: "onCard", width: 100, name: "Free figure" });
-    const say = k.stack(big, { gap: 4, name: "Free words" });
-    k.text(say, "free articles", { style: t.serif(34), color: "onCard", name: "Free label" });
-    k.text(say, "A MONTH, THEN THE DOOR", { style: t.label(17), color: "cardMuted", name: "Free sub" });
-    const pips = k.stack(card, { direction: "HORIZONTAL", gap: 8, name: "Pips" });
-    const spare = [];
-    for (let i = 0; i < 5; i++) {
-      const pip = k.stack(pips, { width: 88, height: 12, fill: "cardRule", name: "Pip" });
-      const f = k.rect(pip, 88, 12, "mark", { name: i < QUIRE.free ? "Pip fill" : "Pip spare", absolute: { x: 0, y: 0 }, ...i < QUIRE.free ? {} : { opacity: 0 } });
-      if (i >= QUIRE.free) spare.push(f);
-    }
-    k.rect(card, "FILL", 1, "cardRule", { name: "Card rule" });
-    const lift = k.stack(card, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Lift" });
-    k.text(lift, "PAID READERS SINCE", { style: t.label(17), color: "cardMuted", autoWidth: true, name: "Lift label" });
-    k.text(lift, "+39%", { style: t.figure(40), color: "onCard", width: 110, align: "RIGHT", name: "Lift figure" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Foot" });
-    k.instance(foot, "Call", { Label: "Read the notes" }, { name: "Button" });
-    k.text(foot, "{{brand.site}}/meter", { style: t.label(20), color: "onPaper", autoWidth: true, name: "Link" });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    riseLines(k, sheet, "Hook", 150, { gap: 150, duration: 900, out: OUT });
-    k.animate(knob, "translateX", [{ t: ON, v: -20, ease: ease.inOut("cubic") }, { t: ON + 500, v: 0 }]);
-    spare.forEach((id, i) => {
-      const at = DOWN + (1 - i) * 600 - 600;
-      k.animate(id, "opacity", [{ t: 0, v: 1, ease: ease.hold }, { t: at, v: 1, ease: ease.out("cubic") }, { t: at + 350, v: 0 }]);
-    });
-    k.variants(sheet, postVariants({ portrait: 80, vertical: 96 }, {
-      portrait: (kit, id) => {
-        fitGround(kit, id, COLS);
-        restyle(kit, id, "Hook line", "Display 172");
-      },
-      vertical: (kit, id) => {
-        fitGround(kit, id, [140, 940]);
-        const p = verticalPadding();
-        kit.patch(id, { primaryAxisAlignItems: "MIN", itemSpacing: 44, counterAxisSpacing: 44, padding: { ...p, bottom: 1920 - 1360 } });
-        restyle(kit, id, "Hook line", "Display 172");
-        for (const n of kit.named(id, "Body")) kit.patch(n, { layoutMode: "VERTICAL", itemSpacing: 36 });
-        for (const n of kit.named(id, "Note")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        for (const n of kit.named(id, "Meter card")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        pageBelow(kit, id, { x: 140, y: 1400, width: 800, height: 520 });
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  style_editorial_announcement_default
-};

package/dist/chunks/chunk-J4PFKKUW.js

@@ -1,250 +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 {
-  SPOOL,
-  bloomAt,
-  button,
-  code,
-  deep,
-  display,
-  figure,
-  gradientBrand,
-  label,
-  lockup,
-  longShadow,
-  mesh,
-  orbitCam,
-  parallax,
-  plateChip,
-  rimLight,
-  tilted,
-  ts
-} from "./chunk-T2VGYDNZ.js";
-import {
-  section
-} from "./chunk-UD3JVCFG.js";
-import {
-  clicks,
-  glide,
-  pointer
-} from "./chunk-DYNJDZ4J.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-C7BYFVZT.js";
-import {
-  presetSafeRect
-} from "./chunk-GUR6XRHF.js";
-import {
-  pt3
-} from "./chunk-BNVLVZUT.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/style-gradient-feature-demo.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("launch", 0, 7);
-var { beat } = S;
-var NAME = "Gradient SaaS feature demo";
-var W = 860;
-var H = 660;
-var APP = beat(1);
-var DROP = beat(4);
-var MAP = beat(6);
-var CLICK = beat(11);
-var DONE = beat(21);
-var CLOSE = beat(22);
-var HEADS = ["Turn one CSV\ninto 2,400 videos.", "2,400 videos.\nOne API call."];
-var STEPS = ["Step 1 of 3 \xB7 drop the CSV", "Step 2 of 3 \xB7 map the columns", "Step 3 of 3 \xB7 render them all", `New in ${SPOOL.version} \xB7 Batch renders`];
-var MAPS = [["name", "{{name}}"], ["km", "{{distance}}"], ["route", "{{map.path}}"]];
-var COLS = 5;
-var ROWS = 4;
-var cues = [
-  { layer: "Head wrap", preset: "blur-in", at: 0, params: { duration: 900, amount: 26 } },
-  { layer: "Headline", preset: "words-in", at: 0, params: { duration: 700 } },
-  { layer: "Step chip", preset: "rise-in", at: 300, params: { duration: 700, distance: 18 } },
-  { layer: "Scene", preset: "blur-in", at: APP, params: { duration: 1100, amount: 30 } },
-  { layer: "Map row", preset: "rise-in", at: MAP, stagger: { delay: beat(1), order: "selection" }, params: { duration: 600, distance: 20 } },
-  { layer: "Drop zone", preset: "pulse", at: DROP, params: { duration: 800, amount: 0.04 } },
-  { layer: "Render button", preset: "pulse", at: CLICK, params: { duration: 600, amount: 0.05 } },
-  { layer: "Call", preset: "rise-in", at: CLOSE, params: { duration: 800, distance: 30 } },
-  { layer: "Took chip", preset: "rise-in", at: CLOSE + beat(1), params: { duration: 800, distance: 30 } }
-];
-var counts = [
-  { layer: "Batch figure", at: CLICK + 200, duration: DONE - CLICK - 200, ease: ease.inOut("sine"), counter: { from: 0, to: SPOOL.rows } }
-];
-var swaps = [captionSwap(["Drop in your CSV.", "Map columns to fields.", "Click render. That\u2019s it.", "2,400 videos, 3 minutes."], 0, S.duration - 30, { stagger: 70, in: 340, out: 240, rise: 16 })];
-var LAYS = {
-  "ig-story": { x: 140, w: 800, brandY: 250, headY: 336, head: "Head 84", scene: { x: 0, y: 600, w: 1080, h: 820 }, scale: 1, rotY: -22, mesh: { x: -120, y: 660, w: 1320, h: 1180 }, capY: 1352, capW: 800 },
-  "ig-post": { x: 72, w: 936, brandY: 60, headY: 136, head: "Head 66", scene: { x: 150, y: 330, w: 930, h: 680 }, scale: 0.84, rotY: -24, mesh: { x: 280, y: 320, w: 840, h: 760 }, capY: 968, capW: 600 },
-  "video-1080p": { x: 110, w: 680, brandY: 92, headY: 186, head: "Head 84", scene: { x: 760, y: 40, w: 1160, h: 1e3 }, scale: 1.12, rotY: -26, mesh: { x: 800, y: 60, w: 1120, h: 1020 }, capY: 914, capW: 680 }
-};
-var style_gradient_feature_demo_default = defineTemplate({
-  id: "motion-saas-style-gradient-feature-demo",
-  meta: {
-    name: NAME,
-    description: "A 14-second feature demo in the gradient and depth look: a pointer turns one spreadsheet into 2,400 personalised videos in a window tilted in 3D space over a deep ocean ground and a warm coral-to-lagoon mesh. It drops the CSV, maps the columns, clicks render, and the camera dollies in as a grid of thumbnails lights up and the count runs to 2,400. Step line, specular sweep, music and burned-in captions. 9:16 with square and 16:9 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "gradient", "mesh gradient", "depth", "3d", "shader", "developer", "api", "video", "feature", "demo", "tutorial", "pointer", "counter", "captions", "music", "audio", "tiktok", "shorts"],
-    platforms: ["tiktok", "instagram", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "video"],
-    useCases: ["changelog", "education", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit(NAME, preset("ig-story"));
-    k.quantizeGeometry = true;
-    gradientBrand(k);
-    ts(k, "Win title 22", code(22));
-    ts(k, "Win small 20", code(20));
-    const st = {};
-    ts(k, "Brand 30", display(30));
-    ts(k, "Kicker 22", code(22));
-    for (const n of [66, 84]) ts(k, `Head ${n}`, display(n));
-    ts(k, "Caption 32", display(32, { lead: 1.3, weight: 600 }));
-    ts(k, "Button 28", display(28));
-    ts(k, "Site 22", code(22));
-    ts(k, "Map 22", code(22));
-    ts(k, "Batch 80", figure(80));
-    ts(k, "Label 18", label(18));
-    ts(k, "Render 24", display(24, { weight: 700 }));
-    button(k, "Call", { style: "Button 28", label: "Try Batch renders free", pad: [20, 32] });
-    const sheets = ["ig-story", "ig-post", "video-1080p"].map((id, i) => {
-      const sheet = i === 0 ? k.sheet : k.addSheet(preset(id));
-      lay(k, sheet, id, st);
-      return sheet;
-    });
-    k.setCover(sheets[0]);
-    return k.finish();
-  }
-});
-function batchWindow(k, rig) {
-  const win = k.stack(rig, { width: W, height: H, fill: "plate", radius: 26, clip: true, name: "Window", effects: rimLight(k), absolute: { x: 0, y: 0 } });
-  const top = k.stack(win, { direction: "HORIZONTAL", align: "CENTER", justify: "SPACE_BETWEEN", height: 64, padding: { top: 0, right: 22, bottom: 0, left: 24 }, name: "Title bar" });
-  const left = k.stack(top, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", gap: 18, name: "Title left" });
-  const lights = k.stack(left, { direction: "HORIZONTAL", width: "HUG", gap: 9, name: "Lights" });
-  for (const role of ["coral", "apricot", "lagoon"]) k.ellipse(lights, 14, role, { name: "Light" });
-  k.text(left, "Batch \xB7 weekly-recap", { style: "Win title 22", color: "onPlate", autoWidth: true, name: "Window title" });
-  k.text(top, SPOOL.region, { style: "Win small 20", color: "plateMuted", autoWidth: true, name: "Region" });
-  k.rect(win, "FILL", 1, k.tint("rim", 0.1), { name: "Title rule" });
-  const body = k.stack(win, { direction: "HORIZONTAL", gap: 24, padding: { top: 24, right: 24, bottom: 24, left: 24 }, height: "FILL", name: "Body" });
-  const col = k.stack(body, { width: 340, height: "FILL", gap: 14, justify: "SPACE_BETWEEN", name: "Setup" });
-  const zone = k.stack(col, { gap: 6, padding: 22, radius: 18, fill: k.tint("rim", 0.05), stroke: { color: "plateMuted", width: 2, dash: [8, 8], align: "INSIDE" }, name: "Drop zone" });
-  const zoneTitle = k.text(zone, "runners-week39.csv", { style: "Map 22", color: "onPlate", name: "Zone title" });
-  const zoneSub = k.text(zone, "2,400 rows \xB7 4 columns", { style: "Win small 20", color: "plateMuted", name: "Zone sub" });
-  const map = k.stack(col, { gap: 8, name: "Column map" });
-  k.text(map, "CSV COLUMN \u2192 FIELD", { style: "Label 18", color: "plateMuted", name: "Map label" });
-  for (const [c, f] of MAPS) {
-    const r = k.stack(map, { direction: "HORIZONTAL", align: "CENTER", gap: 12, height: 46, padding: { top: 0, right: 14, bottom: 0, left: 14 }, radius: 12, fill: k.tint("rim", 0.06), name: "Map row" });
-    k.ellipse(r, 12, "lagoon", { name: "Map dot" });
-    k.text(r, c, { style: "Map 22", color: "onPlate", autoWidth: true, name: "Map column" });
-    k.text(r, "\u2192", { style: "Map 22", color: "plateMuted", autoWidth: true, name: "Map arrow" });
-    k.text(r, f, { style: "Map 22", color: "onPlate", autoWidth: true, name: "Map field" });
-  }
-  const btn = k.stack(col, { direction: "HORIZONTAL", justify: "CENTER", align: "CENTER", height: 62, radius: 999, fill: "primary", name: "Render button", effects: [longShadow(k, 0.45, 12, 30)] });
-  k.text(btn, "Render 2,400 videos", { style: "Render 24", color: "onPrimary", autoWidth: true, name: "Render words" });
-  const right = k.stack(body, { width: "FILL", height: "FILL", gap: 18, name: "Results" });
-  const GW = W - 48 - 24 - 340, TW = Math.floor((GW - (COLS - 1) * 10) / COLS), TH = Math.round(TW * 0.72);
-  const grid = k.stack(right, { direction: "HORIZONTAL", wrap: true, gap: 10, name: "Grid" });
-  k.patch(grid, { counterAxisSpacing: 10 });
-  const tiles = [];
-  const tilePaint = (i) => [k.gradient({ from: ["coral", "lagoon", "apricot", "ocean"][i % 4], to: ["ocean", "coral", "lagoon", "apricot"][i % 4], angle: 35 + i * 23 % 90 })];
-  const route = { closed: false, points: [pt3(TW * 0.12, TH * 0.78), pt3(TW * 0.35, TH * 0.5), pt3(TW * 0.55, TH * 0.62), pt3(TW * 0.86, TH * 0.24)] };
-  for (let i = 0; i < COLS * ROWS; i++) {
-    const t = k.stack(grid, { width: TW, height: TH, radius: 9, clip: true, fill: tilePaint(i), name: "Tile" });
-    k.vector(t, TW, TH, [route], [], { name: "Tile route", absolute: { x: 0, y: 0 }, stroke: { color: "rim", width: 3, cap: "ROUND", join: "ROUND" } });
-    tiles.push(t);
-  }
-  const countBox = k.stack(right, { gap: 4, name: "Count box" });
-  k.text(countBox, "VIDEOS RENDERED", { style: "Label 18", color: "plateMuted", name: "Count label" });
-  k.text(countBox, "2,400", { style: "Batch 80", color: "onPlate", width: 260, name: "Batch figure" });
-  k.text(countBox, `of 2,400 \xB7 ${SPOOL.batchTime}`, { style: "Win small 20", color: "plateMuted", name: "Count sub" });
-  const file = k.stack(rig, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", gap: 10, radius: 12, fill: "plate", padding: { top: 12, right: 18, bottom: 12, left: 14 }, name: "CSV file", effects: [longShadow(k, 0.5, 14, 30), ...rimLight(k, 0.2)] });
-  k.patch(file, { x: 44, y: 104, z: 40 });
-  k.rect(file, 22, 28, "lagoon", { radius: 4, name: "File icon" });
-  k.text(file, "runners-week39.csv", { style: "Map 22", color: "onPlate", autoWidth: true, name: "File name" });
-  const p = pointer(k, rig, { x: 300, y: 150, size: 60, fill: "rim", edge: "shade", ring: "primary", name: "Pointer" });
-  for (const id of [p.arrow, p.ring]) k.patch(id, { z: 30 });
-  return { win, zone, zoneTitle, zoneSub, tiles, pointer: p, file };
-}
-function lay(k, sheet, id, st) {
-  const L = LAYS[id];
-  k.nameSheet(sheet, `Feature demo \xB7 ${preset(id).name}`);
-  k.flowSheet(sheet, 0, 0, "night", "MIN", "MIN");
-  k.patch(sheet, { clipsContent: true });
-  k.timeline(sheet, { duration: S.duration, fps: 30, audio: S.audio });
-  deep(k, sheet, { duration: S.duration });
-  const glow = mesh(k, sheet, { ...L.mesh, duration: S.duration, phase: 2 });
-  bloomAt(k, glow, CLICK, 900, 4e3);
-  let b;
-  const r = presetSafeRect(id, k.node(sheet).width, k.node(sheet).height);
-  const t = tilted(k, sheet, { ...L.scene, width: W, height: H, scale: L.scale, rotateY: L.rotY, rotateX: 10, styles: st, sweeps: [DONE - 400], safe: r ? { x: Math.ceil(r.x), y: Math.ceil(r.y), w: Math.floor(r.width), h: Math.floor(r.height) } : void 0, make: (rig) => {
-    b = batchWindow(k, rig);
-    return b.win;
-  } });
-  k.animate(t.rig, "z", [{ t: APP, v: -700, ease: ease.out("quart") }, { t: APP + 1600, v: 0 }]);
-  orbitCam(k, t.scene, { at: APP, until: S.duration, from: -8, to: 12 });
-  k.animate(t.scene, "scene3d.camera.z", [{ t: APP, v: 80, ease: ease.inOut("cubic") }, { t: CLICK, v: 0, ease: ease.inOut("cubic") }, { t: CLICK + 1500, v: -260, ease: ease.inOut("sine") }, { t: DONE, v: -300, ease: ease.inOut("cubic") }, { t: DONE + 1500, v: 20 }]);
-  parallax(k, t, S.duration / 2, 14);
-  k.animate(b.file, "translateX", [{ t: APP + 600, v: -560, ease: ease.inOut("cubic") }, { t: DROP, v: 0 }]);
-  k.animate(b.file, "translateY", [{ t: APP + 600, v: 260, ease: ease.inOut("cubic") }, { t: DROP, v: 0 }]);
-  k.animate(b.file, "opacity", [{ t: 0, v: 0, ease: ease.hold }, { t: APP + 500, v: 0, ease: ease.out("cubic") }, { t: APP + 900, v: 1, ease: ease.hold }, { t: DROP, v: 1, ease: ease.out("cubic") }, { t: DROP + 300, v: 0 }]);
-  k.patch(b.file, { opacity: 0 });
-  k.animate(b.zoneTitle, "text.content", [{ t: 0, v: "Drop a CSV here", ease: ease.hold }, { t: DROP, v: "runners-week39.csv" }]);
-  k.animate(b.zoneSub, "text.content", [{ t: 0, v: "or POST /v1/batches", ease: ease.hold }, { t: DROP, v: "2,400 rows \xB7 4 columns" }]);
-  glide(k, b.pointer, [
-    { t: APP + 600, dx: -480, dy: 230 },
-    { t: DROP, dx: 44 + 120 - 300, dy: 104 + 30 - 150 },
-    { t: MAP + beat(2), dx: -20, dy: 240 },
-    { t: CLICK, dx: 190 - 300, dy: H - 24 - 31 - 150 },
-    { t: DONE, dx: -60, dy: 330 }
-  ]);
-  clicks(k, b.pointer, [DROP, CLICK]);
-  b.tiles.forEach((tile, i) => {
-    const at = Math.round(CLICK + 300 + i / b.tiles.length * (DONE - CLICK - 900));
-    k.animate(tile, "opacity", [{ t: 0, v: 0.18, ease: ease.hold }, { t: at, v: 0.18, ease: ease.out("cubic") }, { t: at + 500, v: 1 }]);
-  });
-  const brandRow = k.stack(sheet, { direction: "HORIZONTAL", width: L.w, justify: "SPACE_BETWEEN", align: "CENTER", name: "Brand row", absolute: { x: L.x, y: L.brandY } });
-  lockup(k, brandRow, { size: 52, style: "Brand 30" });
-  const step = plateChip(k, brandRow, STEPS[0], { style: "Kicker 22", name: "Step chip", dot: "primary" });
-  const stepWords = k.named(step, "Step chip words")[0];
-  const wrap = k.stack(sheet, { width: L.w, name: "Head wrap", absolute: { x: L.x, y: L.headY } });
-  const head = k.text(wrap, HEADS[0], { style: L.head, color: "onNight", name: "Headline" });
-  k.finish();
-  const slotY = L.headY + k.node(wrap).height + (id === "ig-post" ? 22 : 34);
-  const call = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 18, align: "CENTER", name: "Close row", absolute: { x: L.x, y: slotY } });
-  k.instance(call, "Call", { Label: "Try Batch renders free" }, { name: "Call" });
-  plateChip(k, call, `2,400 in ${SPOOL.batchTime}`, { style: "Site 22", name: "Took chip", pad: [16, 22] });
-  const cap = k.stack(sheet, { width: L.capW, name: "Caption box", absolute: { x: L.x, y: L.capY } });
-  captionStrip(k, cap, swaps[0].words[0], { style: "Caption 32", fill: "plate", ink: "onPlate", radius: 22, pad: [18, 26], effects: [longShadow(k, 0.5, 20, 50), ...rimLight(k, 0.12)] });
-  k.counts(sheet, counts);
-  k.swaps(sheet, swaps);
-  k.cues(sheet, cues);
-  k.animate(stepWords, "text.content", [{ t: 0, v: STEPS[0], ease: ease.hold }, { t: MAP - 200, v: STEPS[1], ease: ease.hold }, { t: CLICK - beat(1), v: STEPS[2], ease: ease.hold }, { t: CLOSE, v: STEPS[3] }]);
-  const ch = CLOSE - beat(1);
-  k.animate(head, "text.content", [{ t: 0, v: HEADS[0], ease: ease.hold }, { t: ch, v: HEADS[1] }]);
-  k.animate(head, "opacity", [{ t: ch - 300, v: 1, ease: ease.named("cubic", "in") }, { t: ch, v: 0, ease: ease.out("cubic") }, { t: ch + 700, v: 1 }]);
-  k.animate(head, "translateY", [{ t: ch, v: 36, ease: ease.out("expo") }, { t: ch + 800, v: 0 }]);
-}
-
-export {
-  style_gradient_feature_demo_default
-};

package/dist/chunks/chunk-J4QYIKWI.js

@@ -1,165 +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 {
-  EFFECT_NAMES,
-  PAINT_NAMES,
-  SUPPORT,
-  kindFeatures
-} from "./chunk-CBZPKKB3.js";
-import {
-  effectsOf,
-  init_effects
-} from "./chunk-62AVP6QT.js";
-import {
-  init_scene3d,
-  is3DContext
-} from "./chunk-MF4NUZBE.js";
-import {
-  has3DPlacement,
-  init_transform3d
-} from "./chunk-7ECF2YL5.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// lib/io/lottie/support.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_scene3d();
-init_transform3d();
-init_effects();
-
-// lib/io/lottie/ease.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var T = 1 / 3;
-var TT = 2 / 3;
-var EXACT_EASES = {
-  "quad-in": [T, 0, TT, T],
-  "quad-out": [T, TT, TT, 1],
-  "cubic-in": [T, 0, TT, 0],
-  "cubic-out": [T, 1, TT, 1]
-};
-var EXACT_HALVES = {
-  "quad-in-out": [EXACT_EASES["quad-in"], EXACT_EASES["quad-out"]],
-  "cubic-in-out": [EXACT_EASES["cubic-in"], EXACT_EASES["cubic-out"]]
-};
-var LINEAR_CP = [0, 0, 1, 1];
-function segmentEase(interp) {
-  switch (interp.kind) {
-    case "hold":
-      return { kind: "hold" };
-    case "linear":
-      return { kind: "curve", cp: LINEAR_CP };
-    case "bezier":
-      return { kind: "curve", cp: [...interp.cp] };
-    case "ease": {
-      const one = EXACT_EASES[interp.name];
-      if (one) return { kind: "curve", cp: one };
-      const two = EXACT_HALVES[interp.name];
-      if (two) return { kind: "halves", first: two[0], second: two[1] };
-      return { kind: "bake" };
-    }
-    case "spring":
-      return { kind: "bake" };
-  }
-}
-var isExactInterp = (interp) => segmentEase(interp).kind !== "bake";
-function lottieEase(cp, dims) {
-  const fill = (v) => Array.from({ length: dims }, () => v);
-  return { o: { x: fill(cp[0]), y: fill(cp[1]) }, i: { x: fill(cp[2]), y: fill(cp[3]) } };
-}
-
-// lib/io/lottie/support.ts
-var THREE_D_PATHS = /* @__PURE__ */ new Set(["rotateX", "rotateY", "z"]);
-function targetNodes(doc, target) {
-  const roots = target.kind === "frame" ? [target.frameId] : (doc.compositions?.[target.compositionId]?.clips ?? []).map((c) => c.frameId);
-  const out = [];
-  const seen = /* @__PURE__ */ new Set();
-  const visit = (id) => {
-    if (seen.has(id)) return;
-    seen.add(id);
-    const n = doc.nodes[id];
-    if (!n || n.visible === false) return;
-    out.push(n);
-    for (const c of n.childIds ?? []) visit(c);
-    const main = n.mainComponentId;
-    if (n.type === "INSTANCE" && main) for (const c of doc.nodes[main]?.childIds ?? []) visit(c);
-  };
-  for (const r of roots) visit(r);
-  return out;
-}
-var capital = (s) => s[0].toUpperCase() + s.slice(1);
-var label = (n) => `\u201C${n.name || n.type.toLowerCase()}\u201D`;
-var moves = (t) => !!t && !t.muted && (t.keys.length > 1 || !!t.modifiers?.length);
-function isNode3D(n) {
-  const tracks = n.motion?.tracks ?? {};
-  return is3DContext(n) || has3DPlacement(n) || !!n.material3d || Object.keys(tracks).some((p) => THREE_D_PATHS.has(p) && moves(tracks[p]));
-}
-function lottieSupport(doc, target) {
-  const blockers = /* @__PURE__ */ new Set(), warnings = /* @__PURE__ */ new Set();
-  if (target.kind === "composition" && !doc.compositions?.[target.compositionId]) return { ok: false, blockers: ["That composition no longer exists."], warnings: [] };
-  if (target.kind === "frame" && !doc.nodes[target.frameId]) return { ok: false, blockers: ["That frame no longer exists."], warnings: [] };
-  const baked = /* @__PURE__ */ new Set(), behaviours = /* @__PURE__ */ new Set();
-  for (const n of targetNodes(doc, target)) {
-    const tracks = n.motion?.tracks ?? {};
-    const tracked = (prefix) => Object.keys(tracks).some((p) => p.startsWith(prefix) && moves(tracks[p]));
-    const fills = (n.fills ?? []).filter((f) => f.visible !== false);
-    for (const f of fills) {
-      const can = SUPPORT[`paint:${f.type}`].lottie;
-      if (can === "none") blockers.add(`${capital(PAINT_NAMES[f.type])} on ${label(n)}`);
-      else if (can === "raster") warnings.add(`The ${PAINT_NAMES[f.type]} on ${label(n)} is drawn as a still image`);
-      else if (n.type === "TEXT" && f.type !== "SOLID") warnings.add(`Text ${label(n)} has a ${f.type === "IMAGE" ? "picture" : "gradient"} fill: drawn as a still image`);
-    }
-    for (const e of effectsOf(n)) {
-      const on = e.visible !== false;
-      const id = e.id;
-      const keyed = !!id && tracked(`effects[@${id}]`);
-      const draws = on && (!("radius" in e) || e.type === "GLASS" || e.radius > 0 || keyed);
-      if (!draws) continue;
-      if (SUPPORT[`effect:${e.type}`].lottie === "none") blockers.add(`${EFFECT_NAMES[e.type]} on ${label(n)}`);
-      else if (e.type === "DROP_SHADOW" || e.type === "INNER_SHADOW") {
-        warnings.add(`${label(n)} has a ${e.type === "DROP_SHADOW" ? "drop" : "inner"} shadow: the layer is drawn as a still image${keyed ? " (its shadow animation does not play)" : ""}`);
-      }
-    }
-    if (isNode3D(n)) blockers.add(`3D layer ${label(n)}`);
-    const blend = n.blendMode;
-    if (blend === "DISSOLVE") blockers.add(`Dissolve blend on ${label(n)}`);
-    if (kindFeatures(n).some((f) => SUPPORT[f].lottie === "raster")) warnings.add(`${label(n)} is drawn as a still image`);
-    if (n.strokes?.some((s) => s.visible !== false && s.alignment === "OUTSIDE")) warnings.add(`The outside stroke on ${label(n)} is drawn as a still image`);
-    for (const path in tracks) {
-      const t = tracks[path];
-      if (!t || t.muted) continue;
-      if (t.modifiers?.length) behaviours.add(n.name || n.type);
-      if (t.keys.slice(0, -1).some((k) => !isExactInterp(k.out))) baked.add(n.name || n.type);
-    }
-    if (n.type === "TEXT") {
-      const t = n;
-      if (t.textAnimators?.length) {
-        warnings.add(`Text animators on ${label(n)} are baked: each glyph is keyed frame by frame`);
-        if (t.textAnimators.some((a) => (a.props?.blur ?? 0) > 0) || tracked("text.animators") && Object.keys(tracks).some((p) => p.endsWith("props.blur"))) warnings.add(`Text animator blur on ${label(n)} is left out (Lottie has no blur)`);
-      }
-      if (moves(tracks["text.counter"]) || moves(tracks["text.content"])) warnings.add(`${label(n)} changes its text: its outlines are keyed frame by frame`);
-    }
-    const playback = n.playback;
-    if (n.type === "INSTANCE" && playback?.trigger && playback.trigger !== "load" && playback.trigger !== "inView") warnings.add(`${label(n)} plays on ${playback.trigger}: in Lottie it plays from the start`);
-  }
-  if (baked.size) warnings.add(`Curves Lottie cannot ease (springs, back, elastic, expo\u2026) are keyed on every frame: ${[...baked].slice(0, 4).join(", ")}${baked.size > 4 ? ` and ${baked.size - 4} more` : ""}`);
-  if (behaviours.size) warnings.add(`Behaviours (wiggle, spin, loop\u2026) are keyed on every frame: ${[...behaviours].slice(0, 4).join(", ")}${behaviours.size > 4 ? ` and ${behaviours.size - 4} more` : ""}`);
-  if (target.kind === "composition") {
-    const comp = doc.compositions[target.compositionId];
-    if (comp.clips.some((c) => c.transitionIn && c.transitionIn.type !== "CUT")) warnings.add("Scene transitions are keyed on every frame");
-    if (comp.audio?.some((a) => !a.muted)) warnings.add("Lottie has no sound: the composition\u2019s audio is left out");
-  }
-  return { ok: blockers.size === 0, blockers: [...blockers], warnings: [...warnings] };
-}
-
-export {
-  LINEAR_CP,
-  segmentEase,
-  lottieEase,
-  isNode3D,
-  lottieSupport
-};

package/dist/chunks/chunk-J7W7SQCY.js

@@ -1,23 +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 {
-  BLUE_HOUR
-} from "./chunk-DQDLGCVI.js";
-import {
-  ticket
-} from "./chunk-SQZSFDY4.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/app/festival-presale-jazz-ticket.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var festival_presale_jazz_ticket_default = ticket(BLUE_HOUR);
-
-export {
-  festival_presale_jazz_ticket_default
-};