@popcraft/kit 0.25.0 → 0.26.1

package/dist/chunks/chunk-FOM33PRI.js

@@ -1,33 +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 {
-  april_fools_landing_default
-} from "./chunk-6XTIWLHK.js";
-import {
-  april_fools_link_preview_default
-} from "./chunk-GNMYTM2B.js";
-import {
-  april_fools_price_slash_post_default
-} from "./chunk-VCKAFPUH.js";
-import {
-  april_fools_infomercial_reel_default
-} from "./chunk-N63AM3TR.js";
-import {
-  april_fools_header_default
-} from "./chunk-CA2XT44T.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/themes/april-fools.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [april_fools_infomercial_reel_default, april_fools_landing_default, april_fools_price_slash_post_default, april_fools_header_default, april_fools_link_preview_default];
-var april_fools_default = pack;
-
-export {
-  april_fools_default
-};

package/dist/chunks/chunk-FP7A5CNE.js

@@ -1,299 +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 {
-  sceneLengths,
-  type,
-  withSound
-} from "./chunk-MZODLFLE.js";
-import {
-  clicks,
-  glide,
-  touch
-} from "./chunk-DYNJDZ4J.js";
-import {
-  bed
-} from "./chunk-52GCV7N5.js";
-import {
-  shadow
-} from "./chunk-HVK5T4I5.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  into,
-  playScenes,
-  sceneSheets
-} from "./chunk-3HDJLLZM.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/scenes/saas-film-app-preview.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var B = bed("acoustic", 32);
-var { beat } = B;
-var ON = [0, 8, 16, 24];
-var W = 886;
-var H = 1920;
-var SIDE = 48;
-var TABS = ["Today", "Identify", "Plan", "Growth"];
-var CAPTIONS = ["See who\u2019s thirsty today.", "Point, snap, know your plant.", "A watering plan that runs itself.", "Watch them grow, week by week."];
-var PLANTS = [
-  ["Dolores", "Monstera", "Water today \xB7 250 ml", "monstera", "sage"],
-  ["Fernando", "Boston fern", "Water today \xB7 150 ml", "fern", "peach"],
-  ["Sid", "Snake plant", "Due Friday \xB7 100 ml", "snake", "sky"],
-  ["Polly", "Golden pothos", "Mist today", "pothos", "sage"]
-];
-var PLAN = [["Mon", "Dolores, Fernando", "400 ml"], ["Wed", "Polly (mist)", "2 min"], ["Fri", "Sid", "100 ml"], ["Sun", "Feed everyone", "Monthly"]];
-var WET = [0, 2, 4, 6];
-var GROWTH = [0.32, 0.4, 0.46, 0.58, 0.66, 0.8, 0.92];
-var caption = [{ layer: "Caption", preset: "rise-in", at: 350, params: { duration: 500 } }];
-var scenes = [
-  { sheet: "Today", cues: [
-    ...caption,
-    { layer: "Plant card", preset: "rise-in", at: 80, params: { duration: 450 }, stagger: { delay: 90 } },
-    { layer: "Done 1", preset: "pop-in", at: beat(3) + 120, params: { duration: 300 } },
-    { layer: "Done 2", preset: "pop-in", at: beat(6) + 120, params: { duration: 300 } },
-    { layer: "Thirsty count", preset: "pulse", at: beat(6) + 200, params: { duration: 500, amount: 0.06 } }
-  ] },
-  { sheet: "Identify", transition: into("PUSH_FROM_RIGHT", 400), cues: [
-    ...caption,
-    { layer: "Viewfinder", preset: "pulse", at: beat(3) + 60, params: { duration: 480, amount: 0.04 } },
-    { layer: "Result", preset: "rise-in", at: beat(4), params: { duration: 550 } },
-    { layer: "Added", preset: "pop-in", at: beat(7) + 120, params: { duration: 320 } }
-  ] },
-  { sheet: "Plan", transition: into("PUSH_FROM_RIGHT", 400), cues: [
-    ...caption,
-    { layer: "Day", preset: "pop-in", at: 300, params: { duration: 300 }, stagger: { delay: 60 } },
-    { layer: "Toggle on", preset: "fade-in", at: beat(3) + 80, params: { duration: 220 } },
-    { layer: "Drop", preset: "pop-in", at: beat(4), params: { duration: 300 }, stagger: { delay: 160 } },
-    { layer: "Plan row", preset: "rise-in", at: beat(5), params: { duration: 420 }, stagger: { delay: 150 } }
-  ] },
-  { sheet: "Growth", transition: into("PUSH_FROM_RIGHT", 400), cues: [
-    ...caption,
-    { layer: "Growth bar", preset: "rise-in", at: 400, params: { duration: 500 }, stagger: { delay: 90 } },
-    { layer: "Streak", preset: "pop-in", at: beat(2), params: { duration: 380 } },
-    { layer: "Snapshot", preset: "pop-in", at: beat(4), params: { duration: 340 }, stagger: { delay: 200 } },
-    { layer: "Share", preset: "pulse", at: beat(7) + 100, params: { duration: 500, amount: 0.07 } }
-  ], counts: [{ layer: "Streak figure", at: beat(2), duration: beat(4), counter: { from: 0, to: 12, suffix: " weeks" } }] }
-];
-var LENGTHS = sceneLengths(ON.map((b) => beat(b)), B.duration, scenes);
-function leaf(x, y, len, wide, deg) {
-  const a = deg * Math.PI / 180, ux = Math.sin(a), uy = -Math.cos(a), px = Math.cos(a), py = Math.sin(a);
-  const at = (along, across) => ({ x: x + ux * len * along + px * wide * across, y: y + uy * len * along + py * wide * across });
-  const tip = at(1, 0);
-  return { closed: true, points: [{ x, y, handleOut: at(0.3, 0.62) }, { ...tip, handleIn: at(0.75, 0.5), handleOut: at(0.75, -0.5) }, { x, y, handleIn: at(0.3, -0.62) }] };
-}
-var LEAVES = {
-  monstera: [[50, 52, 30, -38], [50, 60, 34, 4], [50, 50, 28, 44], [46, 36, 20, -74], [54, 34, 20, 78]],
-  fern: [[50, 58, 9, -52], [50, 62, 9, -30], [50, 66, 9, -10], [50, 66, 9, 10], [50, 62, 9, 30], [50, 58, 9, 52], [50, 44, 8, -76], [50, 44, 8, 76]],
-  snake: [[40, 56, 11, -9], [48, 66, 12, -2], [56, 60, 11, 6], [63, 46, 10, 13], [34, 40, 9, -15]],
-  pothos: [[50, 36, 22, -60], [50, 40, 24, -20], [50, 40, 24, 24], [50, 36, 22, 62], [44, 24, 16, -100], [56, 24, 16, 102]]
-};
-var saas_film_app_preview_default = defineTemplate({
-  id: "motion-saas-film-app-preview",
-  meta: {
-    name: "SaaS film: App Store preview video",
-    description: "A 20-second App Store preview at the iPhone size (886\xD71920), in the screen-recording style Apple asks for: four app screens fill the frame one after another, a touch indicator taps through them and a short caption sits over each. Every screen is a picture slot for your own recording, with a drawn pastel plant-care app as the placeholder. Music, a screen every two bars",
-    category: "animation",
-    tags: ["animation", "saas", "saas film", "app store", "app preview", "ios", "iphone", "mobile", "screen recording", "touch", "captions", "pastel", "scenes", "music", "audio"],
-    platforms: ["app-store", "ios", "google-play", "android"],
-    formats: ["video", "demo", "screen", "ad"],
-    useCases: ["launch", "onboarding"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { scenes },
-  build() {
-    const k = new Kit("SaaS film: App Store preview video", preset("video-app-preview-iphone"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#FFF6EC", text: "#1D2B22", onPaper: "#2A7148", primary: "#2F7D4F", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#1D2B22", accent: "#FF8A3D", onAccent: "#2A1200" },
-      { name: "Mossy" }
-    );
-    k.palette({ leaf: "#2F7D4F", leafDark: "#1F5B3A", sage: "#DCEBD9", peach: "#FFE1C7", sky: "#D6ECF5", faint: "#5F6B62", line: "#EFE3D3", pot: "#C9764A", potShade: "#A85C36", water: "#3D8FD1", ink: "#1D2B22", caption: "#14221A", onCaption: "#FFFFFF", off: "#D9D2C6", knob: "#FFFFFF" });
-    const made = /* @__PURE__ */ new Set();
-    const T = (name2, px, o = {}) => type(k, made, name2, px, o);
-    const big = T("Screen title", 72, { fontWeight: 800, leading: 1.04, tracking: -0.04 });
-    const name = T("Name", 40, { fontWeight: 800, leading: 1.15, tracking: -0.025 });
-    const note = T("Note", 28, { fontWeight: 500, leading: 1.3 });
-    const strong = T("Strong", 30, { fontWeight: 700, leading: 1.25, tracking: -0.01 });
-    const tab = T("Tab", 22, { fontWeight: 700, leading: 1.2 });
-    const clock = T("Clock", 30, { fontWeight: 700, leading: 1.2, tracking: -0.01 });
-    pill(k, "Chip", { fill: "accent", ink: "onAccent", style: T("Chip", 26, { fontWeight: 800, leading: 1.2, tracking: -0.01 }), label: "Added", pad: [10, 22], radius: 999 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: T("Button", 34, { fontWeight: 800, leading: 1.2, tracking: -0.02 }), label: "Add to my plants", pad: [24, 44], radius: 28 });
-    const plant = (parent, size, kind, at) => {
-      const u = size / 100;
-      const art = k.stack(parent, { width: size, height: size, name: "Plant", ...at ? { absolute: at } : {} });
-      k.vector(art, size, size, LEAVES[kind].map(([x, len, wide, deg]) => leaf(x * u, 70 * u, len * u, wide * u, deg)), "leaf", { name: "Leaves", absolute: { x: 0, y: 0 } });
-      k.vector(art, size, size, LEAVES[kind].slice(1, 3).map(([x, len, wide, deg]) => leaf(x * u, 70 * u, len * u * 0.62, wide * u * 0.34, deg)), "leafDark", { name: "Leaf veins", absolute: { x: 0, y: 0 }, opacity: 0.5 });
-      k.vector(art, size, size, [{ closed: true, points: [{ x: 30 * u, y: 70 * u }, { x: 70 * u, y: 70 * u }, { x: 64 * u, y: 96 * u }, { x: 36 * u, y: 96 * u }] }], "pot", { name: "Pot", absolute: { x: 0, y: 0 } });
-      k.rect(art, 46 * u, 7 * u, "potShade", { name: "Pot rim", radius: 3 * u, absolute: { x: 27 * u, y: 67 * u } });
-      return art;
-    };
-    const tick = (s) => ({ closed: false, points: [{ x: s * 0.26, y: s * 0.52 }, { x: s * 0.44, y: s * 0.7 }, { x: s * 0.76, y: s * 0.32 }] });
-    const drop = (s) => ({ closed: true, points: [{ x: s / 2, y: s * 0.12, handleOut: { x: s * 0.62, y: s * 0.3 } }, { x: s * 0.78, y: s * 0.62, handleIn: { x: s * 0.78, y: s * 0.46 }, handleOut: { x: s * 0.78, y: s * 0.96 } }, { x: s * 0.22, y: s * 0.62, handleIn: { x: s * 0.22, y: s * 0.96 }, handleOut: { x: s * 0.22, y: s * 0.46 } }, { x: s / 2, y: s * 0.12, handleIn: { x: s * 0.38, y: s * 0.3 } }] });
-    const sheets = sceneSheets(k, "video-app-preview-iphone", scenes.map((s) => s.sheet));
-    const screens = sheets.map((sheet, i) => {
-      k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
-      k.timeline(sheet, { duration: LENGTHS[i], fps: 30 });
-      k.photo(sheet, W, H, { ground: "peach", name: "Your screen recording", absolute: { x: 0, y: 0 } });
-      const ui = k.stack(sheet, { width: W, height: H, gap: 30, fill: "paper", padding: { top: 44, right: SIDE, bottom: 0, left: SIDE }, name: "Placeholder screen", absolute: { x: 0, y: 0 } });
-      const status = k.stack(ui, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", height: 56, padding: { top: 0, right: 14, bottom: 0, left: 22 }, name: "Status bar" });
-      k.text(status, "9:41", { style: clock, color: "text", autoWidth: true, name: "Time" });
-      const signs = k.stack(status, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "MAX", name: "Signal" });
-      for (const h of [12, 17, 22, 27]) k.rect(signs, 7, h, "text", { name: "Signal bar", radius: 2 });
-      k.rect(signs, 46, 24, "text", { name: "Battery", radius: 8 });
-      const tabs = k.stack(sheet, { direction: "HORIZONTAL", width: W, height: 170, fill: "card", padding: { top: 22, right: 30, bottom: 0, left: 30 }, stroke: { color: "line", width: 3, align: "INSIDE" }, name: "Tab bar", absolute: { x: 0, y: H - 170 } });
-      TABS.forEach((t, j) => {
-        const item = k.stack(tabs, { gap: 8, align: "CENTER", name: "Tab" });
-        k.rect(item, 44, 44, j === i ? "leaf" : "off", { name: "Tab icon", radius: j === 1 ? 22 : 12 });
-        k.text(item, t, { style: tab, color: j === i ? "leaf" : "faint", align: "CENTER", name: "Tab label" });
-      });
-      const cap = k.stack(sheet, { width: W - 2 * SIDE, fill: "caption", radius: 36, padding: { top: 30, right: 36, bottom: 34, left: 36 }, effects: [shadow(k, "caption", 0.35, 20, 40)], name: "Caption", absolute: { x: SIDE, y: 1500 } });
-      k.text(cap, CAPTIONS[i], { style: T("Caption", 54, { fontWeight: 800, leading: 1.1, tracking: -0.035, textAlign: "CENTER" }), color: "onCaption", name: "Caption words" });
-      return { sheet, ui };
-    });
-    const [today, identify, plan, growth] = screens;
-    const finger = (sheet, rest, taps) => {
-      const p = touch(k, sheet, { ...rest, size: 104, fill: "ink", ring: "ink" });
-      const stops = taps.flatMap((t, i) => {
-        const from = i === 0 ? rest : taps[i - 1];
-        return [{ t: t.at - beat(1.4), dx: from.x - rest.x, dy: from.y - rest.y }, { t: t.at, dx: t.x - rest.x, dy: t.y - rest.y }];
-      });
-      glide(k, p, stops);
-      clicks(k, p, taps.map((t) => t.at));
-    };
-    {
-      const { ui, sheet } = today;
-      const head = k.stack(ui, { gap: 6, padding: { top: 10, right: 0, bottom: 4, left: 6 }, name: "Heading" });
-      k.text(head, "Thursday 2 October", { style: note, color: "text", name: "Date" });
-      k.text(head, "3 plants are thirsty", { style: big, color: "text", name: "Thirsty count" });
-      const taps = [];
-      PLANTS.forEach(([plantName, species, what, kind, tile], i) => {
-        const card = k.stack(ui, { direction: "HORIZONTAL", gap: 26, align: "CENTER", fill: "card", radius: 44, padding: 26, effects: [shadow(k, "pot", 0.12, 12, 30)], name: "Plant card" });
-        const pic = k.stack(card, { width: 190, height: 190, fill: tile, radius: 32, clip: true, name: "Plant tile" });
-        plant(pic, 190, kind, { x: 0, y: 0 });
-        const words = k.stack(card, { gap: 4, name: "Plant words" });
-        k.text(words, plantName, { style: name, color: "onCard", name: "Plant name" });
-        k.text(words, species, { style: note, color: "faint", name: "Species" });
-        k.text(words, what, { style: strong, color: i === 2 ? "faint" : "leaf", name: "Plant note" });
-        const button = k.stack(card, { width: 104, height: 104, fill: i === 2 ? "line" : "sky", radius: 52, name: "Water button" });
-        k.vector(button, 104, 104, [drop(104)], i === 2 ? "off" : "water", { name: "Water drop", absolute: { x: 0, y: 0 } });
-        if (i < 2) {
-          const done = k.stack(button, { width: 104, height: 104, fill: "leaf", radius: 52, name: `Done ${i + 1}`, absolute: { x: 0, y: 0 } });
-          k.vector(done, 104, 104, [tick(104)], "knob", { name: "Done tick", strokeWidth: 10, absolute: { x: 0, y: 0 } });
-          taps.push({ x: W - SIDE - 26 - 52, y: 0 });
-        }
-      });
-      const laid = k.finish();
-      const cards = k.named(ui, "Plant card");
-      taps.forEach((t, i) => {
-        const c = laid.nodes[cards[i]];
-        t.y = c.y + c.height / 2;
-      });
-      finger(sheet, { x: 640, y: 1330 }, [{ at: beat(3), ...taps[0] }, { at: beat(6), ...taps[1] }]);
-    }
-    {
-      const { ui, sheet } = identify;
-      k.text(ui, "What is this one?", { style: big, color: "text", name: "Identify title" });
-      const VW = W - 2 * SIDE, VH = 760;
-      const view = k.stack(ui, { width: VW, height: VH, fill: "sage", radius: 48, clip: true, name: "Viewfinder" });
-      k.photo(view, VW, VH, { ground: "sage", name: "Camera photo", absolute: { x: 0, y: 0 } });
-      const art = k.stack(view, { width: VW, height: VH, fill: "sage", name: "Placeholder plant", absolute: { x: 0, y: 0 } });
-      k.ellipse(art, 620, "peach", { name: "Light", absolute: { x: 85, y: 40 } });
-      plant(art, 700, "monstera", { x: 45, y: 50 });
-      const L = 90, Wt = 12, m = 46;
-      const corner = (x, y, sx, sy) => [{ closed: true, points: [{ x, y }, { x: x + sx * L, y }, { x: x + sx * L, y: y + sy * Wt }, { x: x + sx * Wt, y: y + sy * Wt }, { x: x + sx * Wt, y: y + sy * L }, { x, y: y + sy * L }] }];
-      k.vector(view, VW, VH, [...corner(m, m, 1, 1), ...corner(VW - m, m, -1, 1), ...corner(m, VH - m, 1, -1), ...corner(VW - m, VH - m, -1, -1)], "knob", { name: "Brackets", absolute: { x: 0, y: 0 } });
-      k.stack(view, { width: 120, height: 120, fill: "knob", radius: 60, stroke: { color: "leaf", width: 8, align: "INSIDE" }, name: "Shutter", absolute: { x: VW / 2 - 60, y: VH - 160 } });
-      const result = k.stack(ui, { gap: 18, fill: "card", radius: 40, padding: 34, effects: [shadow(k, "pot", 0.16, 16, 36)], name: "Result" });
-      const top = k.stack(result, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Result top" });
-      k.text(top, "Monstera deliciosa", { style: T("Result", 48, { fontWeight: 800, leading: 1.1, tracking: -0.035 }), color: "onCard", autoWidth: true, name: "Result name" });
-      k.instance(top, "Chip", { Label: "Added" }, { name: "Added" });
-      k.text(result, "97% match \xB7 Bright, indirect light \xB7 Water weekly", { style: note, color: "faint", name: "Result note" });
-      k.instance(result, "Button", { Label: "Add to my plants" }, { name: "Add button" });
-      const laid = k.finish();
-      const r = laid.nodes[result], v = laid.nodes[view];
-      finger(sheet, { x: 680, y: 1340 }, [{ at: beat(3), x: W / 2, y: v.y + VH - 100 }, { at: beat(7), x: SIDE + 34 + 170, y: r.y + r.height - 34 - 44 }]);
-    }
-    {
-      const { ui, sheet } = plan;
-      k.text(ui, "This week\u2019s plan", { style: big, color: "text", name: "Plan title" });
-      const week = k.stack(ui, { direction: "HORIZONTAL", gap: 10, fill: "card", radius: 40, padding: 22, effects: [shadow(k, "pot", 0.12, 12, 30)], name: "Week" });
-      ["M", "T", "W", "T", "F", "S", "S"].forEach((d, i) => {
-        const day = k.stack(week, { gap: 14, align: "CENTER", fill: i === 3 ? "sage" : "paper", radius: 26, padding: { top: 18, right: 0, bottom: 18, left: 0 }, name: "Day" });
-        k.text(day, d, { style: strong, color: i === 3 ? "leaf" : "text", align: "CENTER", name: "Day letter" });
-        const slot = k.stack(day, { width: 56, height: 56, name: "Drop slot" });
-        if (WET.includes(i)) k.vector(slot, 56, 56, [drop(56)], "water", { name: "Drop", absolute: { x: 0, y: 0 } });
-      });
-      const remind = k.stack(ui, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", fill: "card", radius: 40, padding: { top: 30, right: 30, bottom: 30, left: 34 }, effects: [shadow(k, "pot", 0.12, 12, 30)], name: "Reminder" });
-      const rw = k.stack(remind, { width: "HUG", gap: 4, name: "Reminder words" });
-      k.text(rw, "Remind me at 8:00", { style: name, color: "onCard", autoWidth: true, name: "Reminder title" });
-      k.text(rw, "Only on watering days", { style: note, color: "faint", autoWidth: true, name: "Reminder note" });
-      const toggle = k.stack(remind, { width: 136, height: 80, fill: "off", radius: 40, name: "Toggle" });
-      k.rect(toggle, 136, 80, "leaf", { name: "Toggle on", radius: 40, absolute: { x: 0, y: 0 } });
-      const knob = k.ellipse(toggle, 64, "knob", { name: "Toggle knob", absolute: { x: 64, y: 8 } });
-      k.animate(knob, "translateX", [{ t: 0, v: -56, ease: ease.hold }, { t: beat(3) + 60, v: -56, ease: ease.out("cubic") }, { t: beat(3) + 300, v: 0 }]);
-      for (const [day, who, amount] of PLAN) {
-        const item = k.stack(ui, { direction: "HORIZONTAL", gap: 22, align: "CENTER", fill: "card", radius: 30, padding: { top: 22, right: 30, bottom: 22, left: 22 }, name: "Plan row" });
-        const tag = k.stack(item, { width: 96, height: 72, fill: "sky", radius: 20, justify: "CENTER", align: "CENTER", name: "Plan day" });
-        k.text(tag, day, { style: strong, color: "ink", autoWidth: true, name: "Plan day label" });
-        k.text(item, who, { style: strong, color: "onCard", name: "Plan who" });
-        k.text(item, amount, { style: note, color: "faint", autoWidth: true, name: "Plan amount" });
-      }
-      const laid = k.finish();
-      const r = laid.nodes[remind];
-      finger(sheet, { x: 620, y: 1360 }, [{ at: beat(3), x: W - SIDE - 30 - 68, y: r.y + r.height / 2 }]);
-    }
-    {
-      const { ui, sheet } = growth;
-      const head = k.stack(ui, { direction: "HORIZONTAL", gap: 24, align: "CENTER", name: "Growth head" });
-      const pic = k.stack(head, { width: 150, height: 150, fill: "sage", radius: 75, clip: true, name: "Growth plant" });
-      plant(pic, 150, "monstera", { x: 0, y: 6 });
-      const words = k.stack(head, { gap: 2, name: "Growth words" });
-      k.text(words, "Dolores", { style: big, color: "text", name: "Growth name" });
-      k.text(words, "Monstera \xB7 7 new leaves", { style: note, color: "text", name: "Growth note" });
-      const streak = k.stack(ui, { gap: 4, fill: "primary", radius: 40, padding: { top: 30, right: 36, bottom: 34, left: 36 }, name: "Streak" });
-      k.text(streak, "WATERED ON TIME FOR", { style: T("Label", 24, { fontWeight: 800, leading: 1.25, tracking: 0.1 }), color: "onPrimary", name: "Streak label" });
-      k.text(streak, "12 weeks", { style: T("Figure", 120, { fontWeight: 800, leading: 1, tracking: -0.05, fontFeatures: { tnum: 1 } }), color: "onPrimary", name: "Streak figure" });
-      const CHH = 300;
-      const chart = k.stack(ui, { direction: "HORIZONTAL", gap: 16, align: "MAX", height: CHH + 60, fill: "card", radius: 40, padding: 30, effects: [shadow(k, "pot", 0.12, 12, 30)], name: "Chart" });
-      GROWTH.forEach((g, i) => k.stack(chart, { height: Math.round(CHH * g), fill: i === GROWTH.length - 1 ? "accent" : "sage", radius: 18, name: "Growth bar" }));
-      const shots = k.stack(ui, { direction: "HORIZONTAL", gap: 16, name: "Snapshots" });
-      const SWd = Math.floor((W - 2 * SIDE - 32) / 3);
-      ["sky", "peach", "sage"].forEach((g, i) => {
-        const shot = k.stack(shots, { width: SWd, height: 250, radius: 30, clip: true, name: "Snapshot" });
-        k.photo(shot, SWd, 250, { ground: g, name: "Progress photo", absolute: { x: 0, y: 0 } });
-        const art = k.stack(shot, { width: SWd, height: 250, fill: g, name: "Placeholder photo", absolute: { x: 0, y: 0 } });
-        const s = 150 + i * 40;
-        plant(art, s, "monstera", { x: (SWd - s) / 2, y: 250 - s - 4 });
-      });
-      const share = k.stack(sheet, { width: "HUG", fill: "accent", radius: 999, padding: { top: 14, right: 30, bottom: 14, left: 30 }, name: "Share", absolute: { x: W - SIDE - 190, y: 138 } });
-      k.text(share, "Share", { style: strong, color: "onAccent", autoWidth: true, name: "Share label" });
-      finger(sheet, { x: 600, y: 1340 }, [{ at: beat(7), x: W - SIDE - 95, y: 170 }]);
-    }
-    playScenes(k, "comp-app-preview", "App Store preview", sheets, scenes, "paper");
-    k.setCover(sheets[0]);
-    return withSound(k.finish(), { "comp-app-preview": B.audio });
-  }
-});
-
-export {
-  saas_film_app_preview_default
-};

package/dist/chunks/chunk-FRTK4Z5G.js

@@ -1,278 +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 {
-  narrationLeaveMs
-} from "./chunk-SRLQCKAN.js";
-import {
-  dispatchMachine,
-  machineOf,
-  setMachineInput,
-  startMachine,
-  stateStretch
-} from "./chunk-WGWAUMXY.js";
-import {
-  frameMotionEnd,
-  frameRunsOn,
-  frameTimeline,
-  instanceNow,
-  timelineDuration
-} from "./chunk-KJQMMKPO.js";
-import {
-  clipEnd,
-  compositionAt,
-  compositionDuration
-} from "./chunk-XV5ONKNC.js";
-import {
-  init_time,
-  localTime
-} from "./chunk-AYZ32MGJ.js";
-import {
-  ease,
-  init_easing
-} from "./chunk-6YICR6OK.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// lib/motion/present.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_easing();
-init_time();
-var glideEase = (k) => 1 - Math.pow(1 - k, 3);
-function glideTime(g, to, now) {
-  if (!g || g.duration <= 0 || now >= g.at + g.duration) return null;
-  return g.from + (to - g.from) * glideEase(Math.max(0, (now - g.at) / g.duration));
-}
-function settleTime(nodes, frameId) {
-  return frameRunsOn(nodes, frameId) ? null : frameMotionEnd(nodes, frameId);
-}
-function pauseTimes(nodes, frameId) {
-  const out = [];
-  for (const m of nodes[frameId]?.timeline?.markers ?? []) if (m.kind === "pause" && !out.includes(m.t)) out.push(m.t);
-  return out.sort((a, b) => a - b);
-}
-var nextPause = (pauses, after, inclusive) => pauses.find((t) => inclusive ? t >= after : t > after) ?? null;
-function holdPresentAt(pb, t, now, glide) {
-  return { ...pb, from: t, until: t, clock: glide ? glide.at + glide.duration : now, pausedAt: null, glide, loop: void 0, rate: void 0 };
-}
-function playPresentFrom(pb, nodes, t, now, glide) {
-  return { ...pb, from: t, until: nextPause(pauseTimes(nodes, pb.frameId), t, false), settle: settleTime(nodes, pb.frameId), clock: glide ? glide.at + glide.duration : now, pausedAt: null, glide, loop: void 0, rate: void 0 };
-}
-function presentHeld(pb, now) {
-  if (pb.pausedAt !== void 0 && pb.pausedAt !== null) return true;
-  if (glideTime(pb.glide, pb.from, now) !== null) return false;
-  const t = presentTime(pb, now);
-  return pb.until !== null && t >= pb.until || pb.settle !== null && t >= pb.settle;
-}
-function beginPresent(nodes, frameId, now) {
-  const pb = { frameId, clock: now, from: 0, until: nextPause(pauseTimes(nodes, frameId), 0, true), settle: settleTime(nodes, frameId) };
-  const sm = machineOf(nodes[frameId]);
-  const run = sm && startMachine(sm);
-  return run ? playMachineState(pb, nodes, run, now) : pb;
-}
-function playMachineState(pb, nodes, run, now) {
-  const state = machineOf(nodes[pb.frameId])?.states[run.state];
-  if (!state) return { ...pb, machine: run };
-  const [a, b] = stateStretch(state, frameTimeline(nodes, pb.frameId), timelineDuration(nodes, pb.frameId));
-  const base = { ...pb, machine: run, from: a, settle: null, clock: now, pausedAt: null, glide: void 0, rate: state.speed && state.speed !== 1 ? state.speed : void 0 };
-  return state.loop && b > a ? { ...base, until: null, loop: [a, b] } : { ...base, until: b, loop: void 0 };
-}
-function withRun(pb, nodes, run, now) {
-  if (run === pb.machine) return pb;
-  return run.state !== pb.machine?.state ? playMachineState(pb, nodes, run, now) : { ...pb, machine: run };
-}
-function stepMachine(pb, nodes, type, chain, now, key) {
-  const sm = machineOf(nodes[pb.frameId]);
-  if (!sm || !pb.machine) return pb;
-  return withRun(pb, nodes, dispatchMachine(sm, pb.machine, type, chain, pb.frameId, key), now);
-}
-function setPresentMachineInput(pb, nodes, input, value, now) {
-  const sm = machineOf(nodes[pb.frameId]);
-  if (!sm || !pb.machine) return pb;
-  return withRun(pb, nodes, setMachineInput(sm, pb.machine, input, value), now);
-}
-function machineCompleteAt(pb) {
-  if (!pb.machine || pb.loop || pb.until === null) return null;
-  return pb.clock + Math.max(0, pb.until - pb.from) / (pb.rate ?? 1);
-}
-function presentTime(pb, now) {
-  const gliding = glideTime(pb.glide, pb.from, now);
-  if (gliding !== null) return gliding;
-  let t = pb.from + Math.max(0, (pb.pausedAt ?? now) - pb.clock) * (pb.rate ?? 1);
-  if (pb.loop) {
-    const [a, b] = pb.loop;
-    return t > b && b > a ? a + (t - a) % (b - a) : t;
-  }
-  if (pb.until !== null && t > pb.until) t = pb.until;
-  if (pb.settle !== null && t > pb.settle) t = Math.max(pb.from, pb.settle);
-  return t;
-}
-function advancePresent(pb, nodes, now, compositions) {
-  if (pb.until === null || pb.machine) return null;
-  const comp = pb.compositionId ? compositions?.[pb.compositionId] : void 0;
-  if (comp) return { ...pb, clock: now, pausedAt: null, glide: void 0, from: pb.until, until: nextPause(compositionHolds(comp), pb.until, false) };
-  return { ...pb, clock: now, pausedAt: null, glide: void 0, from: pb.until, until: nextPause(pauseTimes(nodes, pb.frameId), pb.until, false), settle: settleTime(nodes, pb.frameId) };
-}
-function compositionHolds(comp) {
-  const out = /* @__PURE__ */ new Set();
-  for (const m of comp.markers ?? []) if (m.kind === "pause") out.add(m.t);
-  const clips = comp.clips;
-  for (let i = 0; i < clips.length - 1; i++) {
-    const a = clips[i].advance;
-    if (a && a.on !== "end") out.add(clipEnd(clips[i]));
-  }
-  return [...out].sort((a, b) => a - b);
-}
-function beginPresentComposition(comp, now, from = 0) {
-  const first = comp.clips[0];
-  if (!first) return null;
-  return { frameId: first.frameId, compositionId: comp.id, clock: now, from, until: nextPause(compositionHolds(comp), from, from === 0), settle: compositionDuration(comp) };
-}
-function presentScene(pb, comp, now) {
-  return compositionAt(comp, presentTime(pb, now)).current?.index ?? -1;
-}
-function stepComposition(pb, comp, delta, now) {
-  const t = presentTime(pb, now);
-  const i = compositionAt(comp, t).current?.index ?? 0;
-  const clips = comp.clips;
-  const j = delta > 0 ? i + 1 : t - (clips[i]?.start ?? 0) > 1e3 ? i : i - 1;
-  if (j < 0 || j >= clips.length) return null;
-  const from = clips[j].start;
-  return { ...pb, clock: now, pausedAt: null, from, until: nextPause(compositionHolds(comp), from, false) };
-}
-var CLICK = { on: "click" };
-var THROUGH = { on: "end" };
-function advanceOf(nodes, settings, frameId) {
-  return nodes[frameId]?.print?.advance ?? settings?.showAdvance ?? CLICK;
-}
-function holdAdvance(comp, t) {
-  const clip = comp.clips.find((c, i) => i < comp.clips.length - 1 && clipEnd(c) === t && !!c.advance && c.advance.on !== "end");
-  if (clip?.advance) return clip.advance;
-  return (comp.markers ?? []).some((m) => m.kind === "pause" && m.t === t) ? CLICK : THROUGH;
-}
-var waitOf = (a) => a.on === "after" ? Math.max(0, a.seconds) * 1e3 : 0;
-function nextAutoStep(pb, show) {
-  if (pb.pausedAt !== void 0 && pb.pausedAt !== null) return null;
-  if (pb.compositionId) {
-    const comp = show.compositions?.[pb.compositionId];
-    if (!comp) return null;
-    if (pb.until !== null) {
-      const a2 = holdAdvance(comp, pb.until);
-      return a2.on === "click" ? null : { at: pb.clock + Math.max(0, pb.until - pb.from) + waitOf(a2), action: "resume" };
-    }
-    return comp.showLoop ? { at: pb.clock + Math.max(0, compositionDuration(comp) - pb.from), action: "restart" } : null;
-  }
-  const own = show.nodes[pb.frameId]?.print?.advance;
-  const narrated = own ? null : narrationLeaveMs(show, pb.frameId);
-  const a = narrated !== null ? THROUGH : advanceOf(show.nodes, show.settings, pb.frameId);
-  if (a.on === "click") return null;
-  if (pb.until !== null) return { at: pb.clock + Math.max(0, pb.until - pb.from), action: "resume" };
-  const end = Math.max(pb.settle ?? 0, show.nodes[pb.frameId]?.timeline ? timelineDuration(show.nodes, pb.frameId) : 0);
-  if (narrated !== null) return { at: pb.clock + Math.max(0, end - pb.from, narrated - pb.from), action: "next" };
-  return { at: pb.clock + Math.max(0, end - pb.from) + waitOf(a), action: "next" };
-}
-function togglePresentPause(pb, now) {
-  if (pb.pausedAt === void 0 || pb.pausedAt === null) return { ...pb, pausedAt: now };
-  return { ...pb, clock: pb.clock + (now - pb.pausedAt), pausedAt: null };
-}
-var presentSteps = (nodes, frameId) => pauseTimes(nodes, frameId).length;
-function presentClicks(pb, nodes, compositions) {
-  const comp = pb.compositionId ? compositions?.[pb.compositionId] : void 0;
-  const pauses = comp ? compositionHolds(comp) : pauseTimes(nodes, pb.frameId);
-  if (pb.until === null) return { done: pauses.length, total: pauses.length };
-  const i = pauses.indexOf(pb.until);
-  return { done: i < 0 ? 0 : i, total: pauses.length };
-}
-function presentStretches(nodes, frameId) {
-  const end = timelineDuration(nodes, frameId);
-  const cuts = pauseTimes(nodes, frameId).filter((t) => t < end);
-  const out = [];
-  let from = 0;
-  for (const t of cuts) {
-    if (t > from || !out.length) out.push([from, t]);
-    from = t;
-  }
-  if (end > from || !out.length) out.push([from, end]);
-  return out;
-}
-function triggerInstance(pb, id, now) {
-  if (pb.instances?.[id]) return pb;
-  return { ...pb, instances: { ...pb.instances, [id]: { at: now } } };
-}
-function changeInstanceVariant(pb, nodes, id, componentId, transition, now, back) {
-  const prev = pb.instances?.[id];
-  const layer = id.includes("::") ? null : localTime(nodes, id, pb.frameId, presentTime(pb, now));
-  const here = instanceNow(nodes, id, runOf(prev, now), typeof layer === "number" ? layer : null);
-  if (!here || nodes[componentId]?.type !== "COMPONENT") return pb;
-  if (here.component === componentId) return { ...pb, instances: { ...pb.instances, [id]: { at: now, component: componentId, ...prev?.back?.length ? { back: prev.back } : {} } } };
-  const glides = transition.type === "SMART_ANIMATE" && transition.duration > 0;
-  const next = { at: now, component: componentId, ...glides ? { from: { componentId: here.component, time: here.time, transition } } : {}, ...back?.length ? { back } : {} };
-  return { ...pb, instances: { ...pb.instances, [id]: next } };
-}
-function runOf(p, now) {
-  if (!p) return void 0;
-  const run = { elapsed: Math.max(0, now - p.at) };
-  if (p.component) run.component = p.component;
-  if (p.scrub) {
-    const g = glideTime(p.scrub.glide, p.scrub.time, now);
-    run.scrub = g ?? p.scrub.time;
-    if (g !== null) run.gliding = true;
-  }
-  const f = p.from;
-  if (f) {
-    const k = f.transition.duration > 0 ? Math.min(1, run.elapsed / f.transition.duration) : 1;
-    if (k < 1) run.from = { componentId: f.componentId, time: f.time, progress: ease(k, f.transition.easing, f.transition.duration, f.transition.spring) };
-  }
-  return run;
-}
-function presentRuntime(pb, now) {
-  const all = pb.instances;
-  if (!all) return void 0;
-  const out = /* @__PURE__ */ new Map();
-  for (const id in all) out.set(id, runOf(all[id], now));
-  return out;
-}
-function orbitTurn(prev, dx, o = {}) {
-  return { rotateX: prev?.rotateX ?? 0, rotateY: (prev?.rotateY ?? 0) + dx * (o.degreesPerPx ?? 0.4) };
-}
-function orbitTilt(prev, dy, o = {}) {
-  const [lo, hi] = o.tiltRange ?? [-30, 30];
-  const rx = (prev?.rotateX ?? 0) + (o.tilt ? -dy * (o.degreesPerPx ?? 0.4) : 0);
-  return { rotateY: prev?.rotateY ?? 0, rotateX: Math.min(hi, Math.max(lo, rx)) };
-}
-
-export {
-  glideTime,
-  pauseTimes,
-  holdPresentAt,
-  playPresentFrom,
-  presentHeld,
-  beginPresent,
-  playMachineState,
-  stepMachine,
-  setPresentMachineInput,
-  machineCompleteAt,
-  presentTime,
-  advancePresent,
-  compositionHolds,
-  beginPresentComposition,
-  presentScene,
-  stepComposition,
-  advanceOf,
-  holdAdvance,
-  nextAutoStep,
-  togglePresentPause,
-  presentSteps,
-  presentClicks,
-  presentStretches,
-  triggerInstance,
-  changeInstanceVariant,
-  runOf,
-  presentRuntime,
-  orbitTurn,
-  orbitTilt
-};

package/dist/chunks/chunk-FRXYC2BB.js

@@ -1,39 +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 {
-  defineDeck
-} from "./chunk-VYEHEIHO.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/slides/title-card.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var title_card_default = defineDeck({
-  id: "motion-slide-title",
-  meta: {
-    name: "Animated title card",
-    description: "A 16:9 opening slide for a talk that plays as the show arrives: logo, event chip, title, a wiping rule, the line and the speaker \u2014 about three seconds",
-    category: "animation",
-    tags: ["animation", "title card", "slides", "talk", "conference", "presentation"],
-    platforms: ["slides"],
-    formats: ["slide-deck", "title-card"],
-    useCases: ["title", "event"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  colors: { primary: "#2B2D42", onPrimary: "#FFFFFF", accent: "#C8553D", onAccent: "#FFFFFF" },
-  fields: { company: "Northfield Libraries" },
-  options: { footer: false },
-  slides: [
-    { kind: "cover", name: "Title card", kicker: "LIBRARY FUTURES \xB7 LEEDS \xB7 14 MAY", title: "Quiet rooms, loud ideas", lead: "What happened when we turned the reading room into a makerspace", speaker: "Priya Anand \xB7 Head of Community Learning, {{brand.company}}" }
-  ]
-});
-
-export {
-  title_card_default
-};