@popcraft/kit 0.24.3 → 0.26.0

package/dist/chunks/chunk-TKEUPHUF.js

@@ -1,252 +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 {
-  into
-} from "./chunk-WXSOCXQJ.js";
-import {
-  buildShort,
-  shortScenes
-} from "./chunk-SDHTQQQS.js";
-import {
-  figure
-} from "./chunk-467SURPV.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  curve,
-  rng
-} from "./chunk-DUJNEEHX.js";
-import {
-  H,
-  W,
-  camera,
-  caption,
-  depth,
-  fxLayer,
-  glow,
-  keyParam,
-  sky,
-  titleCard,
-  vignette,
-  wash
-} from "./chunk-MAPP2LV7.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/anime/starlight.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MIRA = { key: "mira", name: "Mira", hair: "twin", outfit: "sailor" };
-var STARLIGHT = { key: "mira", name: "Starlight Mira", hair: "twin", outfit: "dress", accessory: "bow", outfitKey: "star" };
-function starPts(cx, cy, r, k = 0.45, turn = -90) {
-  return Array.from({ length: 10 }, (_, i) => {
-    const a = (turn + i * 36) * Math.PI / 180, rr = i % 2 ? r * k : r;
-    return [cx + rr * Math.cos(a), cy + rr * Math.sin(a)];
-  });
-}
-var star = (l, parent, cx, cy, r, role, name, o = {}) => l.shape(parent, curve(starPts(cx, cy, r), true, Array.from({ length: 10 }, (_, i) => i), 0), role, { name, ...o.stroke ? { stroke: { color: o.stroke, width: 6 } } : {} });
-function skyline(l, parent, base, role, lit, seed) {
-  const r = rng(seed);
-  for (let x = -60; x < W + 60; ) {
-    const w = 110 + r() * 150, h = 140 + r() * 280;
-    l.rect(parent, x, base - h, w, h + 400, role, { name: "Building" });
-    for (let wy = base - h + 30; wy < base - 20; wy += 44) for (let wx = x + 16; wx < x + w - 24; wx += 34) if (r() < 0.32) l.rect(parent, wx, wy, 16, 22, lit, { name: "Lit window" });
-    x += w + 6;
-  }
-}
-function ribbon(l, parent, pts, role, width, name = "Ribbon") {
-  return l.line(parent, curve(pts, false), role, width, { name });
-}
-var spec = {
-  id: "motion-anime-starlight",
-  title: "Starlight",
-  score: "starlight",
-  ground: "nightTop",
-  colors: {
-    nightTop: "#140C3A",
-    nightLow: "#3A1C6E",
-    city: "#1D1648",
-    cityFar: "#2C2362",
-    windows: "#FFD86B",
-    moon: "#FFF3C4",
-    magicPink: "#FF6FB5",
-    magicGold: "#FFD34D",
-    magicCyan: "#7BE7FF",
-    magicViolet: "#8A5CFF",
-    ribbon: "#FFB2DC",
-    white: "#FFFFFF",
-    rim: "#FFE3F4",
-    skin: "#FFE8DE",
-    skinShade: "#F3BCB0",
-    line: "#3B1E4F",
-    blush: "#FF9ECB",
-    mouth: "#B8386A",
-    miraHair: "#FF8FC8",
-    miraHairShade: "#D9589C",
-    miraHairLight: "#FFD6EC",
-    miraEye: "#8B5CF6",
-    miraEyeLight: "#DCCBFF",
-    miraOutfit: "#F7F4FF",
-    miraOutfitShade: "#C9BEEA",
-    miraAccent: "#FF5C9A",
-    starOutfit: "#FF7EB8",
-    starOutfitShade: "#D9559A",
-    starAccent: "#FFD34D"
-  },
-  fields: { title: "Starlight", name: "Mira", line1: "Starlight, lend me your light!", line2: "Magical Girl Starlight \u2014 here to shine!", tagline: "Every night, a new wish" },
-  characters: [MIRA, STARLIGHT],
-  shots: [
-    {
-      name: "1 \xB7 Rooftop",
-      cues: [{ layer: "Camera", preset: "push-in", at: 0, params: { duration: 2812, amount: 0.07 } }],
-      sfx: [{ key: "wind", at: 0, gain: 0.5, out: 2812, fadeOut: 400 }],
-      draw(l, sheet) {
-        const cam = camera(l, sheet);
-        sky(l, cam, "nightTop", "nightTop", "nightLow");
-        fxLayer(l, cam, "Stars", "Sparkles", { density: 0.12, speed: 3, angle: 0, sway: 2, size: 10, spin: 0.2, colorA: { role: "white" }, colorB: { role: "magicGold" } }, { box: [0, 0, W, 700] });
-        glow(l, cam, 1300, 520, 520, "moon", { strength: 0.6, name: "Moon glow" });
-        l.circle(cam, 1300, 520, 270, "moon", { name: "Moon" });
-        const far = depth(l, cam, "Far"), near = depth(l, cam, "Near");
-        skyline(l, far, 930, "cityFar", "windows", 5);
-        skyline(l, near, 1120, "city", "windows", 8);
-        l.rect(near, 900, 880, 1100, 260, "city", { name: "Rooftop" });
-        figure(l, near, MIRA, { pose: "stand", x: 1300, base: 884, height: 460, ink: "line", rim: "moon", lightFrom: "right", name: "Mira on the roof" });
-        l.keys(far, "translateX", [[0, 0, ease.linear], [2812, -20]]);
-        fxLayer(l, cam, "Glimmers", "Dust motes", { density: 0.12, speed: 20, angle: 280, sway: 20, size: 8, spin: 0.3, colorA: { role: "magicPink" }, colorB: { role: "magicGold" } }, { blend: "SCREEN" });
-        vignette(l, sheet, "nightTop", 0.6);
-      }
-    },
-    {
-      name: "2 \xB7 The pendant",
-      cues: [
-        { layer: "Camera", preset: "push-in", at: 0, params: { duration: 1875, amount: 0.08 } },
-        { layer: "Caption card", preset: "fade-in", at: 200, params: { duration: 250 } },
-        { layer: "Caption", preset: "words-in", at: 250, params: { duration: 500, amount: 80 } }
-      ],
-      sfx: [{ key: "shimmer", at: 0 }],
-      draw(l, sheet, k) {
-        const cam = camera(l, sheet);
-        sky(l, cam, "nightLow", "nightTop", "magicViolet");
-        const mira = k.instance(cam, "Mira/Calm", { Rim: 0.7, Shade: 1 }, { name: "Mira", absolute: { x: 460, y: 170 }, playback: { loop: "loop", start: 2e3 } });
-        k.patch(mira, { scaleX: 1.3, scaleY: 1.3 });
-        const halo = glow(l, cam, 960, 1010, 420, "magicPink", { strength: 0.9, name: "Pendant glow", blend: "SCREEN" });
-        l.keys(halo, "opacity", [[0, 0.2, ease.inOut("sine")], [1600, 1]]);
-        const rays = fxLayer(l, cam, "Pendant light", "Light rays", { origin: { x: 0.5, y: 0.93 }, angle: 270, spread: 3.2, rays: 18, intensity: 0.1, falloff: 1.2, speed: 0.6, color: { role: "magicGold" } }, { blend: "SCREEN" });
-        keyParam(l, rays, "intensity", [[0, 0.1, ease.named("cubic", "in")], [1875, 0.9]]);
-        star(l, cam, 960, 1e3, 70, "magicGold", "Pendant", { stroke: "line" });
-        fxLayer(l, cam, "Sparkles", "Sparkles", { density: 0.28, speed: 60, angle: 90, sway: 20, size: 22, spin: 0.6, colorA: { role: "white" }, colorB: { role: "magicPink" } }, { blend: "SCREEN" });
-        const white = wash(l, sheet, "White out", "white", "NORMAL", 0);
-        l.keys(white, "opacity", [[0, 0, ease.hold], [1300, 0, ease.named("cubic", "in")], [1875, 0.85]]);
-        caption(l, sheet, "{{brand.name}}", "{{brand.line1}}", { speakerRole: "miraHairLight", top: true });
-      }
-    },
-    {
-      name: "3 \xB7 Transformation",
-      transition: into("CIRCLE_WIPE", 300, { interp: ease.out("expo"), center: { x: 0.5, y: 0.9 } }),
-      cues: [
-        { layer: "Body light", preset: "pulse", at: 0, params: { duration: 1500, amount: 0.15 } },
-        { layer: "Flash", preset: "impact-frame", at: 1500, params: { duration: 150 } }
-      ],
-      sfx: [{ key: "whoosh", at: 100 }, { key: "shimmer", at: 900, lane: 2 }],
-      draw(l, sheet) {
-        const cam = camera(l, sheet);
-        l.rect(cam, 0, 0, W, H, "magicViolet", { name: "Magic ground" });
-        l.rect(cam, 0, 0, W, H, [l.k.gradient({ from: "magicPink", to: "nightLow", kind: "RADIAL", handles: [{ x: 0.5, y: 0.5 }, { x: 1.1, y: 0.5 }, { x: 0.5, y: 1.1 }] })], { name: "Magic glow" });
-        fxLayer(l, cam, "Focus lines", "Focus lines", { center: { x: 0.5, y: 0.5 }, inner: 0.3, count: 90, thickness: 0.4, rate: 8, amount: 0.6, color: { role: "ribbon" } }, { blend: "SCREEN" });
-        const whirl = depth(l, cam, "Whirl");
-        ribbon(l, whirl, [[-100, 900], [500, 560], [960, 760], [1450, 420], [2020, 520]], "ribbon", 46);
-        ribbon(l, whirl, [[-100, 240], [620, 420], [1100, 250], [1500, 620], [2020, 300]], "magicGold", 26);
-        ribbon(l, whirl, [[300, 1180], [760, 420], [1200, 820], [1700, -80]], "white", 18);
-        l.keys(whirl, "rotation", [[0, -12, ease.inOut("sine")], [1875, 14]]);
-        l.keys(whirl, "scaleX", [[0, 1.2, ease.out("cubic")], [1875, 1]]);
-        l.keys(whirl, "scaleY", [[0, 1.2, ease.out("cubic")], [1875, 1]]);
-        glow(l, cam, 960, 560, 460, "white", { strength: 0.8, name: "Body light", blend: "SCREEN" });
-        const mira = figure(l, cam, STARLIGHT, { pose: "reach-up", x: 960, base: 1e3, height: 640, ink: "white", rim: "magicPink", lightFrom: "left", name: "Mira turning" });
-        l.keys(mira, "scaleX", [[0, 1, ease.inOut("sine")], [470, -1, ease.inOut("sine")], [940, 1, ease.inOut("sine")], [1410, -1, ease.inOut("sine")], [1875, 1]]);
-        fxLayer(l, cam, "Sparkles", "Sparkles", { density: 0.35, speed: 180, angle: 270, sway: 40, size: 24, spin: 1, seed: 4, colorA: { role: "white" }, colorB: { role: "magicGold" } }, { blend: "SCREEN" });
-        wash(l, sheet, "Flash", "white", "NORMAL", 0);
-      }
-    },
-    {
-      name: "4 \xB7 The reveal",
-      cues: [
-        { layer: "Camera", preset: "pull-out", at: 0, params: { duration: 600, amount: 0.12, ease: ease.out("expo") } },
-        { layer: "Camera", preset: "camera-shake", at: 0, params: { duration: 400, distance: 12, amount: 1 } },
-        { layer: "Caption card", preset: "fade-in", at: 350, params: { duration: 250 } },
-        { layer: "Speaker", preset: "fade-in", at: 400, params: { duration: 250 } },
-        { layer: "Caption", preset: "words-in", at: 450, params: { duration: 600, amount: 70 } }
-      ],
-      sfx: [{ key: "sparkle", at: 0 }],
-      draw(l, sheet, k) {
-        const cam = camera(l, sheet);
-        l.rect(cam, -80, -80, W + 160, H + 160, "nightLow", { name: "Ground" });
-        const burst = fxLayer(l, cam, "Burst", "Impact burst", { center: { x: 0.5, y: 0.45 }, progress: 0, spikes: 18, sharpness: 0.6, rate: 0, core: { role: "white" }, ray: { role: "magicGold" } }, { blend: "SCREEN" });
-        keyParam(l, burst, "progress", [[0, 0.1, ease.out("expo")], [500, 0.95, ease.hold], [1875, 0.95]]);
-        fxLayer(l, cam, "Light", "Light rays", { origin: { x: 0.5, y: 0.4 }, angle: 270, spread: 3.2, rays: 24, intensity: 0.5, falloff: 0.8, speed: 0.4, color: { role: "magicPink" } }, { blend: "SCREEN" });
-        const mira = k.instance(cam, "Starlight Mira/Smile", { Rim: 1, Shade: 0.7 }, { name: "Starlight Mira", absolute: { x: 460, y: 140 }, playback: { loop: "loop" } });
-        k.patch(mira, { scaleX: 1.3, scaleY: 1.3 });
-        fxLayer(l, cam, "Sparkles", "Sparkles", { density: 0.3, speed: 40, angle: 90, sway: 20, size: 26, spin: 0.5, seed: 7, colorA: { role: "white" }, colorB: { role: "magicGold" } }, { blend: "SCREEN" });
-        const flash = wash(l, sheet, "Flash", "white", "SCREEN", 1);
-        l.keys(flash, "opacity", [[0, 1, ease.out("cubic")], [350, 0]]);
-        caption(l, sheet, "{{brand.name}}", "{{brand.line2}}", { speakerRole: "miraHairLight" });
-      }
-    },
-    {
-      name: "5 \xB7 The pose",
-      transition: into("DISSOLVE", 300),
-      cues: [
-        { layer: "Camera", preset: "push-in", at: 0, params: { duration: 3750, amount: 0.05 } },
-        { layer: "Title card", preset: "pop-in", at: 500, params: { duration: 600, amount: 0.4 } },
-        { layer: "Tagline", preset: "rise-in", at: 1e3, params: { duration: 600 } }
-      ],
-      sfx: [{ key: "shimmer", at: 0, gain: 0.8 }],
-      draw(l, sheet, k) {
-        const cam = camera(l, sheet);
-        sky(l, cam, "nightTop", "nightTop", "magicViolet");
-        fxLayer(l, cam, "Stars", "Sparkles", { density: 0.14, speed: 3, angle: 0, sway: 2, size: 12, spin: 0.2, colorA: { role: "white" }, colorB: { role: "magicGold" } });
-        const big = depth(l, cam, "Big star");
-        glow(l, big, 520, 460, 560, "magicGold", { strength: 0.6, name: "Star glow", blend: "SCREEN" });
-        star(l, big, 520, 460, 400, "magicPink", "Big star");
-        l.k.patch(big, { anchorX: 520 / W, anchorY: 460 / H });
-        l.k.behave(big, "rotation", [{ kind: "spin", rate: 8 }]);
-        const mira = k.instance(cam, "Starlight Mira/Smile", { Rim: 1, Shade: 0.7 }, { name: "Starlight Mira", absolute: { x: 20, y: 170 }, playback: { loop: "loop", start: 900 } });
-        k.patch(mira, { scaleX: 1.05, scaleY: 1.05 });
-        fxLayer(l, cam, "Sparkles", "Sparkles", { density: 0.2, speed: 50, angle: 270, sway: 20, size: 20, spin: 0.5, seed: 5, colorA: { role: "white" }, colorB: { role: "magicPink" } }, { blend: "SCREEN" });
-        vignette(l, sheet, "nightTop", 0.5);
-        titleCard(k, sheet, { title: "{{brand.title}}", tagline: "{{brand.tagline}}", plate: "nightTop", plateOpacity: 0.7, shadow: "magicPink", taglineRole: "magicGold", justify: "CENTER", align: "MAX", padding: 120 });
-        void H;
-      }
-    }
-  ]
-};
-var STARLIGHT_SHORT = spec;
-var starlight_default = defineTemplate({
-  id: spec.id,
-  meta: {
-    name: "Anime short: Starlight transformation",
-    description: "A 12-second magical-girl transformation at 1920\xD71080, 30 fps: a rooftop under the moon, a pendant waking in a close-up, a circle wipe into a whirl of ribbons and stars as she turns, the reveal on a burst of light and the final pose with the title \u2014 one character in two costumes as motion components, sparkles, light rays and a bell-arpeggio score (made by PopCraft, CC0)",
-    category: "animation",
-    tags: ["animation", "anime", "short film", "magical girl", "transformation", "characters", "scenes", "music", "sparkles", "light rays"],
-    platforms: ["youtube", "tiktok", "instagram", "x"],
-    formats: ["video", "short", "intro"],
-    useCases: ["brand-intro", "announcement"],
-    created: "2026-09-30",
-    updated: "2026-09-30"
-  },
-  sequence: true,
-  motion: { scenes: shortScenes(spec) },
-  build: () => buildShort(spec)
-});
-
-export {
-  STARLIGHT_SHORT,
-  starlight_default
-};

package/dist/chunks/chunk-TKG22SDV.js

@@ -1,90 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  E,
-  lottieTemplate,
-  roundRect
-} from "./chunk-SAI52TVK.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/lottie/commerce.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var SHOP = { paper: "#FFF8EE", ink: "#1E1B16", accent: "#FF7A1A", soft: "#FFE7CC", success: "#1DB954", white: "#FFFFFF", box: "#FFB547" };
-function cart(l, parent, x, y, s, name = "Cart") {
-  const c = l.box(parent, x, y, 300 * s, 250 * s, name);
-  const p = (px, py) => [px * s, py * s];
-  l.line(c, [p(10, 20), p(56, 20), p(96, 170), p(262, 170)], "ink", 22 * s, { name: "Frame" });
-  l.shape(c, [p(70, 60), p(290, 60), p(262, 140), p(90, 140)], "soft", { name: "Basket", stroke: { color: "ink", width: 22 * s } });
-  l.circle(c, 120 * s, 215 * s, 20 * s, "ink", { name: "Wheel" });
-  l.circle(c, 240 * s, 215 * s, 20 * s, "ink", { name: "Wheel" });
-  return c;
-}
-var shopAddToCart = lottieTemplate({
-  slug: "add-to-cart",
-  sector: "commerce",
-  role: "micro-interaction",
-  size: "icon",
-  duration: 2e3,
-  loop: true,
-  name: "Add to cart",
-  description: "The add-to-cart feedback: a parcel drops into the cart, the cart dips under it, and the count badge pops \u2014 a two-second seamless loop, 512\xD7512",
-  colors: SHOP,
-  tags: ["cart", "shopping", "badge", "checkout"],
-  build(l) {
-    const parcel = l.box(l.sheet, 216, 150, 96, 80, "Parcel", { fill: "box", radius: 10 });
-    l.rect(parcel, 40, 0, 16, 80, "accent", { name: "Tape" });
-    l.keys(parcel, "translateY", [[0, -260, E.hold], [200, -260, E.in], [620, 0, E.hold], [1650, 0, E.hold], [2e3, -260]]);
-    l.opacity(parcel, [[0, 0, E.hold], [200, 0, E.out], [300, 1, E.hold], [1650, 1, E.in], [1850, 0, E.hold], [2e3, 0]]);
-    const c = cart(l, l.sheet, 96, 150, 1);
-    l.keys(c, "translateY", [[0, 0, E.hold], [600, 0, E.out], [700, 14, E.inOut], [900, 0]]);
-    const badge = l.box(l.sheet, 346, 106, 76, 76, "Badge", { fill: "accent", radius: 38 });
-    l.rect(badge, 32, 18, 12, 40, "white", { radius: 6, name: "One" });
-    l.scale(badge, [[0, 0, E.hold], [700, 0, E.pop], [1e3, 1, E.hold], [1700, 1, E.in], [1900, 0, E.hold], [2e3, 0]]);
-  }
-});
-var shopEmptyCart = lottieTemplate({
-  slug: "empty-cart",
-  sector: "commerce",
-  role: "empty-state",
-  size: "spot",
-  duration: 4e3,
-  loop: true,
-  name: "Empty cart",
-  description: "The empty-state illustration for a cart with nothing in it: the cart rocks gently on a soft floor while a few items float by above it \u2014 a four-second seamless loop, 800\xD7600",
-  colors: SHOP,
-  tags: ["empty state", "cart", "shopping", "illustration"],
-  build(l) {
-    l.circle(l.sheet, 400, 300, 240, "soft", { name: "Backdrop" });
-    const floor = l.rect(l.sheet, 220, 458, 360, 18, "box", { radius: 9, name: "Shadow", opacity: 0.35 });
-    l.keys(floor, "scaleX", [[0, 1, E.inOut], [1e3, 0.92, E.inOut], [2e3, 1, E.inOut], [3e3, 0.92, E.inOut], [4e3, 1]]);
-    const c = cart(l, l.sheet, 250, 250, 1);
-    l.pivot(c, 0.5, 1);
-    l.keys(c, "rotation", [[0, 0, E.inOut], [1e3, -3, E.inOut], [2e3, 0, E.inOut], [3e3, 3, E.inOut], [4e3, 0]]);
-    const tag = l.shape(l.sheet, [[140, 150], [196, 150], [220, 176], [196, 202], [140, 202]], "accent", { name: "Tag" });
-    const bag = l.vector(l.sheet, [{ pts: roundRect(560, 130, 90, 96, 16), closed: true }], "box", { name: "Bag" });
-    const dot = l.circle(l.sheet, 640, 290, 16, "accent", { name: "Dot", opacity: 0.6 });
-    const plus = l.box(l.sheet, 146, 300, 36, 36, "Plus");
-    l.rect(plus, 14, 0, 8, 36, "ink", { radius: 4, name: "Plus bar" });
-    l.rect(plus, 0, 14, 36, 8, "ink", { radius: 4, name: "Plus bar" });
-    const bob = (id, amp, shift) => l.keys(id, "translateY", [[0, 0, E.inOut], [1e3 + shift, -amp, E.inOut], [2e3 + shift, 0, E.inOut], [3e3 + shift, amp, E.inOut], [4e3, 0]]);
-    bob(tag, 14, 0);
-    bob(bag, 18, 250);
-    bob(dot, 10, -250);
-    bob(plus, 12, 150);
-    l.keys(tag, "rotation", [[0, -8, E.inOut], [2e3, 8, E.inOut], [4e3, -8]]);
-    l.keys(plus, "rotation", [[0, 0, E.linear], [4e3, 90]]);
-  }
-});
-var COMMERCE_PACK = [shopAddToCart, shopEmptyCart];
-
-export {
-  shopAddToCart,
-  shopEmptyCart,
-  COMMERCE_PACK
-};

package/dist/chunks/chunk-TLUKTRAD.js

@@ -1,164 +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 {
-  SHARD,
-  blinking,
-  cursor,
-  fitGround,
-  ground,
-  lockup,
-  minimap,
-  mono,
-  panel,
-  scan,
-  termBrand
-} from "./chunk-JAQ6A2NG.js";
-import {
-  cutOff,
-  cutOn,
-  hz
-} from "./chunk-PMVMC75G.js";
-import {
-  pill,
-  postVariants
-} from "./chunk-EK5CFFJO.js";
-import {
-  box
-} from "./chunk-BNVLVZUT.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/social/style-terminal-milestone.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Terminal SaaS milestone post";
-var DURATION = 7e3;
-var OUT = 6e3;
-var WEEKS = Array.from({ length: 30 }, (_, i) => Math.round((0.6 + 6.4 * (i / 29) ** 1.6 + i * 7 % 5 * 0.12) * 100) / 100);
-var ROWS = 12;
-var MAX = 7.4;
-var CHART = { w: 888, h: 240 };
-var CONTENT = ["Top row", "Command", "Figure", "Figure label", "Chart panel", "Stats", "Foot"];
-var cues = [
-  cutOn("Top row", 100),
-  { layer: "Command", preset: "typewriter", at: 150, params: { duration: 600 } },
-  cutOn("Figure", 800),
-  cutOn("Figure label", 900),
-  cutOn("Chart panel", 900),
-  cutOn("Week column", 1100, 60),
-  cutOn("Stats", 3250),
-  cutOn("Stat", 3300, 200),
-  cutOn("Foot", 1200),
-  cutOff([...CONTENT].reverse(), OUT, 80)
-];
-var counts = [
-  { layer: "Figure", at: 900, duration: 2200, counter: { from: 0, to: 1e8 } }
-];
-function weekCells(w, h) {
-  const gap = 4, cw = (w - gap * (WEEKS.length - 1)) / WEEKS.length, ch = (h - gap * (ROWS - 1)) / ROWS;
-  const columns = WEEKS.map((v, i) => {
-    const n = Math.max(1, Math.round(v / MAX * ROWS));
-    return Array.from({ length: n }, (_, j) => box(Math.round(i * (cw + gap) * 10) / 10, Math.round((h - (j + 1) * ch - j * gap) * 10) / 10, Math.round(cw * 10) / 10, Math.round(ch * 10) / 10));
-  });
-  const line = { closed: false, points: WEEKS.map((v, i) => ({ x: Math.round((i * (cw + gap) + cw / 2) * 10) / 10, y: Math.round((h - v / MAX * h) * 10) / 10 })) };
-  return { columns, line };
-}
-var style_terminal_milestone_default = defineTemplate({
-  id: "motion-saas-style-terminal-milestone",
-  meta: {
-    name: NAME,
-    description: "An animated milestone post in the terminal look: a stats command is typed, a big monospace figure counts to 100,000,000 and a chart draws itself column by column in character cells with a line traced over the tops, then three figures print. It all cuts off to a blinking cursor, so it loops. Seven seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "terminal", "monospace", "cli", "developer tools", "milestone", "metric", "counter", "chart", "stats", "post", "loop"],
-    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["milestone", "announcement", "stats"],
-    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;
-    termBrand(k, {});
-    mono(k, "Brand 32", 32, { weight: 700, lead: 1.2 });
-    mono(k, "Label 24", 24, { weight: 500, lead: 1.4 });
-    mono(k, "Command 30", 30, { weight: 600, lead: 1.4 });
-    mono(k, "Figure 128", 128, { weight: 800, lead: 1, spacing: -6 });
-    mono(k, "Stat 40", 40, { weight: 800, lead: 1.1, spacing: -1 });
-    mono(k, "Stat 56", 56, { weight: 800, lead: 1.1, spacing: -1.5 });
-    mono(k, "Button 24", 24, { weight: 700, lead: 1.3 });
-    pill(k, "Call", { fill: "primary", ink: "onPrimary", style: "Button 24", label: `$ ${SHARD.install}`, pad: [12, 20], radius: 4 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 22, 72, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    ground(k, sheet, 1080, 1080, { cw: 18, lh: 36 });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top row" });
-    lockup(k, top, { size: 32, style: "Brand 32" });
-    const tag = k.stack(top, { direction: "HORIZONTAL", width: "HUG", padding: { top: 4, right: 12, bottom: 4, left: 12 }, stroke: { color: "edge", width: 2, align: "INSIDE" }, name: "Date tag" });
-    k.text(tag, "oct 2026", { style: "Label 24", color: "onPaper", autoWidth: true, name: "Date words" });
-    const words = k.stack(sheet, { gap: 6, name: "Words" });
-    k.text(words, `$ ${SHARD.cli} stats --all-time`, { style: "Command 30", color: "onPaper", name: "Command" });
-    k.text(words, "100,000,000", { style: "Figure 128", color: "text", width: 936, name: "Figure" });
-    k.text(words, "tests split across runners since March. Thank you.", { style: "Label 24", color: "onPaper", name: "Figure label" });
-    const chart = panel(k, sheet, { label: "tests a week, millions", style: "Label 24", name: "Chart panel", pad: 24 });
-    const area = k.stack(chart.body, { height: CHART.h, name: "Chart area" });
-    const cells = weekCells(CHART.w, CHART.h);
-    k.vector(area, CHART.w, CHART.h, [0.25, 0.5, 0.75].map((f) => box(0, Math.round(CHART.h * f), CHART.w, 1)), k.tint("cardMuted", 0.25), { name: "Chart levels", absolute: { x: 0, y: 0 } });
-    cells.columns.forEach((col) => k.vector(area, CHART.w, CHART.h, col, "green", { name: "Week column", absolute: { x: 0, y: 0 } }));
-    const line = k.vector(area, CHART.w, CHART.h, [cells.line], [], { name: "Trend line", absolute: { x: 0, y: 0 }, stroke: { color: "cyan", width: 4, join: "MITER" } });
-    const stats = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Stats" });
-    for (const [value, label] of [["4.1M", "runs"], ["812k h", "of waiting saved"], ["3,200", "teams"]]) {
-      const st = k.stack(stats, { width: "HUG", gap: 2, name: "Stat" });
-      k.text(st, value, { style: "Stat 40", color: "text", autoWidth: true, name: "Stat value" });
-      k.text(st, label, { style: "Label 24", color: "onPaper", autoWidth: true, name: "Stat label" });
-    }
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Foot" });
-    k.instance(foot, "Call", { Label: `$ ${SHARD.install}` }, { name: "Call" });
-    const site = k.stack(foot, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", gap: 8, name: "Site row" });
-    k.text(site, "{{brand.site}}", { style: "Label 24", color: "onPaper", autoWidth: true, name: "Site" });
-    blinking(k, cursor(k, site, 24, { name: "Cursor" }), hz(14, DURATION));
-    scan(k, sheet);
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    k.animate(line, "trim.end", Array.from({ length: 31 }, (_, i) => ({ t: 1100 + i * 60, v: Math.round(i / 30 * 1e3) / 1e3, ...i < 30 ? { ease: ease.hold } : {} })));
-    k.animate(line, "opacity", [{ t: OUT + 400, v: 1, ease: ease.hold }, { t: OUT + 500, v: 0 }]);
-    k.variants(sheet, postVariants({ portrait: 72, vertical: 96 }, {
-      portrait: (kit, id) => {
-        fitGround(kit, id, { cw: 18, lh: 36 });
-      },
-      vertical: (kit, id) => {
-        fitGround(kit, id, { cw: 18, lh: 36 });
-        for (const n of kit.named(id, "Figure")) kit.patch(n, { width: 800 });
-        const w = 800 - 48, h = Math.round(CHART.h * 1.6), c = weekCells(w, h);
-        for (const n of kit.named(id, "Chart area")) kit.patch(n, { height: h });
-        kit.named(id, "Week column").forEach((n, i) => kit.patch(n, { width: w, height: h, paths: c.columns[i] }));
-        for (const n of kit.named(id, "Trend line")) kit.patch(n, { width: w, height: h, paths: [c.line] });
-        for (const n of kit.named(id, "Chart levels")) kit.patch(n, { width: w, height: h, paths: [0.25, 0.5, 0.75].map((f) => box(0, Math.round(h * f), w, 1)) });
-        for (const n of kit.named(id, "Stat value")) kit.restyle(n, "Stat 56");
-        minimap(kit, id, { x: 140, y: 1500, width: 800, rows: 15, seed: 41, scroll: { duration: DURATION, every: 500 } });
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  style_terminal_milestone_default
-};

package/dist/chunks/chunk-TMIUJGSB.js

@@ -1,123 +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 {
-  keyEverySize,
-  sourceLine
-} from "./chunk-D7HNJPT7.js";
-import {
-  titleSafe
-} from "./chunk-AFOQTZPR.js";
-import {
-  donutSlice
-} from "./chunk-T3CX2LLT.js";
-import {
-  logoBadge,
-  outro
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/data/donut.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var SHARES = [
-  { name: "Meals", label: "Food on the table", pct: 64, color: "s1" },
-  { name: "Delivery", label: "Van runs to 38 pantries", pct: 17, color: "s2" },
-  { name: "Kitchen", label: "Community kitchen", pct: 11, color: "s3" },
-  { name: "Running", label: "Rent, fuel and admin", pct: 8, color: "s4" }
-];
-var D = 600;
-var SOURCE = "Harbor Food Bank annual accounts, 2025\u201326";
-var SLICE_AT = 500;
-var SLICE_GAP = 220;
-var counts = SHARES.map((s, i) => ({ layer: `${s.name} share`, at: SLICE_AT + 150 + i * SLICE_GAP, duration: 900, counter: { from: 0, to: s.pct, suffix: "%" } }));
-var cues = [
-  { layer: "Logo", preset: "pop-in", at: 0 },
-  { layer: "Title", preset: "words-in", at: 100, params: { duration: 600, amount: 70 } },
-  { layer: "Slice", preset: "pop-in", at: SLICE_AT, params: { duration: 650, amount: 0.4 }, stagger: { delay: SLICE_GAP } },
-  { layer: "Centre", preset: "fade-in", at: SLICE_AT + 300 },
-  { layer: "Row", preset: "slide-in", at: SLICE_AT + 150, params: { direction: "right", distance: 80 }, stagger: { delay: SLICE_GAP } },
-  { layer: "Source", preset: "fade-in", at: 2400 },
-  outro(["Logo", "Title", "Slice", "Centre", "Row", "Source"], 7400)
-];
-var donut_default = defineTemplate({
-  id: "motion-chart-donut",
-  meta: {
-    name: "Animated donut chart",
-    description: "Where a food bank\u2019s \xA310 goes: four slices burst out from the centre in turn while the legend slides in and each share counts to its percentage \u2014 8.5 seconds, 16:9 with a 4:5 cut",
-    category: "animation",
-    tags: ["animation", "data", "chart", "donut chart", "pie", "nonprofit", "counter"],
-    platforms: ["linkedin", "instagram", "facebook", "slides"],
-    formats: ["video", "portrait-post", "slide-deck"],
-    useCases: ["stats", "report"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit("Animated donut chart", preset("video-1080p"));
-    k.brand(
-      { paper: "#F3F7F4", text: "#10302A", onPaper: "#48625B", s1: "#1F7A5C", s2: "#F2B134", s3: "#E4572E", s4: "#6C8EAD", card: "#FFFFFF", onCard: "#10302A", badge: "#1F7A5C" },
-      { title: "Where your \xA310 goes" }
-    );
-    k.textStyle("Title 80", { size: 80, fontWeight: 900, letterSpacing: -2, lineHeight: 88 });
-    k.textStyle("Centre 96", { size: 96, fontWeight: 900, letterSpacing: -3, lineHeight: 100, textAlign: "CENTER" });
-    k.textStyle("Centre label 28", { size: 28, fontWeight: 600, lineHeight: 34, textAlign: "CENTER" });
-    k.textStyle("Share 56", { size: 56, fontWeight: 900, letterSpacing: -1, lineHeight: 64 });
-    k.textStyle("Row label 34", { size: 34, fontWeight: 600, lineHeight: 42 });
-    k.textStyle("Source 24", { size: 24, fontWeight: 500, lineHeight: 30 });
-    sourceLine(k, { dot: "s1", ink: "onPaper", style: "Source 24", text: SOURCE });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 48, titleSafe(), "paper", "SPACE_BETWEEN", "MIN");
-    k.timeline(sheet, { duration: 8500, fps: 30 });
-    const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 28, align: "CENTER", name: "Header" });
-    logoBadge(k, head, { fill: "badge", size: 56, name: "Logo" });
-    k.text(head, "{{brand.title}}", { style: "Title 80", color: "text", name: "Title", width: "FILL" });
-    const body = k.stack(sheet, { direction: "HORIZONTAL", gap: 120, align: "CENTER", justify: "CENTER", name: "Body" });
-    const donut = k.stack(body, { width: D, height: D, justify: "CENTER", align: "CENTER", name: "Donut" });
-    const slices = k.stack(donut, { width: D, height: D, name: "Slices", absolute: { x: 0, y: 0 } });
-    let from = 0;
-    for (const s of SHARES) {
-      const to = from + s.pct / 100;
-      k.vector(slices, D, D, [donutSlice(D, from, to)], s.color, { name: "Slice", absolute: { x: 0, y: 0 } });
-      from = to;
-    }
-    const centre = k.stack(donut, { width: 340, height: 340, radius: 170, fill: "paper", gap: 4, align: "CENTER", justify: "CENTER", name: "Centre" });
-    k.text(centre, "\xA310", { style: "Centre 96", color: "text", name: "Gift" });
-    k.text(centre, "every gift", { style: "Centre label 28", color: "onPaper", name: "Gift label" });
-    const legend = k.stack(body, { width: 760, gap: 20, name: "Legend" });
-    for (const s of SHARES) {
-      const row = k.stack(legend, { direction: "HORIZONTAL", gap: 24, align: "CENTER", fill: "card", radius: 24, padding: { top: 18, right: 28, bottom: 18, left: 28 }, name: "Row" });
-      k.rect(row, 28, 28, s.color, { radius: 8, name: "Swatch" });
-      k.text(row, `${s.pct}%`, { style: "Share 56", color: "onCard", name: `${s.name} share`, width: 150 });
-      k.text(row, s.label, { style: "Row label 34", color: "onCard", name: `${s.name} label`, width: "FILL" });
-    }
-    k.instance(sheet, "Source line", { Source: SOURCE }, { name: "Source" });
-    keyEverySize(k, sheet, [{
-      preset: "ig-portrait",
-      adjust: (kit, id) => {
-        kit.patch(id, { padding: { top: 80, right: 72, bottom: 80, left: 72 }, primaryAxisAlignItems: "CENTER", itemSpacing: 40, counterAxisSpacing: 40 });
-        for (const b of kit.named(id, "Body")) kit.patch(b, { layoutMode: "VERTICAL", itemSpacing: 40, counterAxisSpacing: 40 });
-        for (const l of kit.named(id, "Legend")) kit.patch(l, { width: 936, itemSpacing: 12 });
-        for (const r of kit.named(id, "Row")) kit.patch(r, { padding: { top: 10, right: 24, bottom: 10, left: 24 } });
-        for (const d of kit.named(id, "Donut")) kit.patch(d, { scaleX: 1, scaleY: 1 });
-      }
-    }], cues, counts);
-    return k.finish();
-  }
-});
-
-export {
-  donut_default
-};