@popcraft/kit 0.24.2 → 0.25.0

package/dist/chunks/chunk-AT6AFO6H.js

@@ -1,232 +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,
-  blocks,
-  cell,
-  clockFrames,
-  cursor,
-  fitGround,
-  ground,
-  lockup,
-  minimap,
-  mono,
-  promptLine,
-  runnerGrid,
-  scan,
-  spinner,
-  steps,
-  termBrand,
-  termLine,
-  termWindow
-} from "./chunk-JAQ6A2NG.js";
-import {
-  camera,
-  float,
-  reelCuts,
-  reelSheet,
-  section,
-  wideCut
-} from "./chunk-UD3JVCFG.js";
-import {
-  followTyping
-} from "./chunk-G5CURQ6H.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-C7BYFVZT.js";
-import {
-  cutOn,
-  hz
-} from "./chunk-PMVMC75G.js";
-import {
-  hide,
-  restyle
-} from "./chunk-QLV6445V.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.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/motion/style-terminal-launch-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("chiptune", 0, 9);
-var { beat } = S;
-var NAME = "Terminal SaaS launch reel";
-var TERM = { w: 800, h: 700 };
-var SIZE = 25;
-var CW = cell(SIZE);
-var TYPING = { text: "Command", caret: "Command caret", at: beat(2), duration: beat(4) };
-var SPLIT = beat(8);
-var UP = beat(10);
-var DONE = beat(20);
-var CELLS = 24;
-var OLD_H = 4 * 38 + 3 * 2 + 4;
-var SHOTS = [
-  { t: UP + beat(1), duration: 1, zoom: 1.3, x: 340, y: 300 },
-  // Close enough to read PASS, and wide enough that the progress line's count stays in frame.
-  { t: DONE, duration: 1, zoom: 1.2, x: 360, y: 520 },
-  { t: beat(26), duration: 1, zoom: 1 }
-];
-var cues = [
-  { layer: "Kicker", preset: "typewriter", at: 0, params: { duration: 360 } },
-  cutOn("Clock", 120),
-  cutOn("Version", beat(1)),
-  cutOn("Stage", beat(1)),
-  { layer: "Command", preset: "typewriter", at: TYPING.at, params: { duration: TYPING.duration } },
-  cutOn("Split line", SPLIT),
-  cutOn("Up line", UP),
-  cutOn("Progress line", UP),
-  cutOn("Runners", UP),
-  cutOn("Block", UP + 80, Math.round((DONE - UP - 80) / CELLS)),
-  cutOn("Runner", UP + beat(1), Math.round((DONE - UP - beat(1)) / 64)),
-  cutOn("Pass line", DONE),
-  { layer: "Pass", preset: "flash", at: DONE + 40, params: { duration: 400, ease: ease.hold } },
-  cutOn("Time line", beat(22)),
-  cutOn("Slow row", beat(23), 130),
-  cutOn("Idle line", beat(24)),
-  { layer: "Call", preset: "flash", at: beat(26), params: { duration: 400, ease: ease.hold } },
-  { layer: "Call", preset: "pulse", at: beat(30), params: { duration: 400, amount: 0.04 } },
-  { layer: "Call", preset: "pulse", at: beat(32), params: { duration: 400, amount: 0.04 } }
-];
-var counts = [
-  { layer: "Percent", at: UP + 80, duration: DONE - UP - 80, tick: Math.round((DONE - UP - 80) / 25), counter: { from: 0, to: 100, suffix: "%" } },
-  { layer: "Done count", at: UP + 80, duration: DONE - UP - 80, ease: ease.linear, counter: { from: 0, to: SHARD.tests, suffix: `/${SHARD.tests.toLocaleString("en-US")}` } }
-];
-var swaps = [captionSwap(["Your CI takes fourteen minutes.", "One command splits every test.", "Sixty-four runners, one green check.", "Fifty-two seconds. Free to start."], 0, S.duration - 30, { stagger: 60, in: 200, out: 160, rise: 0 })];
-var style_terminal_launch_reel_default = defineTemplate({
-  id: "motion-saas-style-terminal-launch-reel",
-  meta: {
-    name: NAME,
-    description: "A 14-second launch video in the terminal look: the problem as a clock struck through in red, then a real shell session: a command typed a letter at a time, a spinner, a progress bar of character cells and 64 runner cells lighting as they finish, PASS in inverse video and the clock rolling down from 14:08 to 00:52. Stepped motion, cut zooms, a blinking block cursor, music and burned-in captions. 9:16 with square, 4:5 and 16:9 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "terminal", "monospace", "cli", "developer tools", "launch", "reel", "typewriter", "progress bar", "counter", "captions", "music", "audio", "tiktok", "shorts"],
-    platforms: ["tiktok", "instagram", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post", "video"],
-    useCases: ["launch", "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;
-    termBrand(k, {});
-    const term = mono(k, "Term 25", SIZE, { lead: 1.5 });
-    mono(k, "Brand 30", 30, { weight: 700, lead: 1.2 });
-    mono(k, "Label 22", 22, { weight: 500, lead: 1.4 });
-    mono(k, "Kicker 30", 30, { weight: 500, lead: 1.4 });
-    mono(k, "Clock 210", 210, { weight: 800, lead: 1, spacing: -6 });
-    mono(k, "Clock 132", 132, { weight: 800, lead: 1, spacing: -4 });
-    mono(k, "Caption 34", 34, { weight: 600, lead: 1.35 });
-    mono(k, "Button 30", 30, { weight: 700, lead: 1.3 });
-    pill(k, "Call", { fill: "primary", ink: "onPrimary", style: "Button 30", label: `$ ${SHARD.install}`, pad: [16, 26], radius: 4 });
-    const sheet = reelSheet(k, S, { name: "Launch reel", gap: 14 });
-    ground(k, sheet, 1080, 1920, { cw: 18, lh: 36 });
-    minimap(k, sheet, { x: 140, y: 1476, width: 800, rows: 16, scroll: { duration: S.duration, every: beat(1) } });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Brand row" });
-    lockup(k, top, { size: 30, style: "Brand 30" });
-    const ver = k.stack(top, { direction: "HORIZONTAL", width: "HUG", padding: { top: 4, right: 12, bottom: 4, left: 12 }, stroke: { color: "edge", width: 2, align: "INSIDE" }, name: "Version" });
-    k.text(ver, `v${SHARD.version}.0 launch`, { style: "Label 22", color: "onPaper", autoWidth: true, name: "Version words" });
-    const hook = k.stack(sheet, { gap: 0, name: "Hook" });
-    k.text(hook, "$ time shard run", { style: "Kicker 30", color: "onPaper", name: "Kicker" });
-    const clockBox = k.stack(hook, { height: 196, name: "Clock box" });
-    const clock = k.text(clockBox, "00:52", { style: "Clock 210", color: "text", width: 800, name: "Clock" });
-    const strike = k.rect(clockBox, 640, 14, "red", { name: "Strike", absolute: { x: -8, y: 96 }, opacity: 0 });
-    const stage = k.stack(sheet, { width: TERM.w, height: TERM.h, clip: true, radius: 6, name: "Stage" });
-    const cam = k.frame(stage, { x: 0, y: 0, width: TERM.w, height: TERM.h }, { name: "Camera" });
-    const t = termWindow(k, cam, { w: TERM.w, h: TERM.h, left: "~/acme/checkout", right: "zsh  80x24", style: "Label 22", absolute: { x: 0, y: 0 }, shadow: false, gap: 10 });
-    const inner = TERM.w - 56;
-    const scroll = k.stack(t.body, { gap: 4, name: "Scroll" });
-    const old = k.stack(scroll, { width: inner, gap: 2, name: "Last run" });
-    termLine(k, old, [{ t: "~/checkout ", c: "cyan" }, { t: "$ ", c: "green" }, { t: "npm test", c: "onCard" }], { style: term, name: "Old line" });
-    termLine(k, old, [{ t: "Test Suites: ", c: "cardMuted" }, { t: "212 passed", c: "green" }, { t: ", 212 total", c: "cardMuted" }], { style: term, name: "Old line" });
-    termLine(k, old, [{ t: "Tests:       ", c: "cardMuted" }, { t: "2418 passed", c: "green" }, { t: ", 2418 total", c: "cardMuted" }], { style: term, name: "Old line" });
-    termLine(k, old, [{ t: "Time:        ", c: "cardMuted" }, { t: "848.21 s", c: "red" }], { style: term, name: "Old line" });
-    promptLine(k, scroll, SHARD.run, { style: term, size: SIZE, dir: "~/checkout", width: inner - Math.round(13 * CW) });
-    const split = termLine(k, scroll, [{ t: "[+]", c: "green", name: "Spin split", width: Math.ceil(3 * CW) }, { t: ` splitting ${SHARD.tests.toLocaleString("en-US")} tests by timing`, c: "onCard" }], { style: term, name: "Split line" });
-    const up = termLine(k, scroll, [{ t: "[+]", c: "green", name: "Spin up", width: Math.ceil(3 * CW) }, { t: ` ${SHARD.runners} runners up`, c: "onCard" }, { t: ` ${SHARD.region}`, c: "cyan" }, { t: " 1.8s", c: "amber" }], { style: term, name: "Up line" });
-    const prog = k.stack(scroll, { direction: "HORIZONTAL", align: "CENTER", gap: Math.round(CW), padding: { top: 10, right: 0, bottom: 4, left: 0 }, name: "Progress line" });
-    blocks(k, prog, { cells: CELLS, cw: CW, h: 24 });
-    k.text(prog, "100%", { style: term, color: "amber", width: Math.ceil(4 * CW), align: "RIGHT", name: "Percent" });
-    k.text(prog, "2,418/2,418", { style: term, color: "cardMuted", width: Math.ceil(11 * CW), name: "Done count" });
-    runnerGrid(k, scroll, { n: SHARD.runners, cols: 32, size: 19, gap: 4 });
-    termLine(k, scroll, [{ t: "PASS", c: "green", tag: "ink", name: "Pass" }, { t: ` ${SHARD.tests.toLocaleString("en-US")} passed`, c: "green" }, { t: "  0 failed", c: "cardMuted" }], { style: term, name: "Pass line" });
-    termLine(k, scroll, [{ t: "time", c: "cardMuted" }, { t: `  ${SHARD.after}`, c: "amber" }, { t: `  was ${SHARD.before} on main`, c: "cardMuted" }], { style: term, name: "Time line" });
-    for (const [n, file, secs] of [["17", "checkout.spec.ts", "41.2s"], ["03", "cart/tax.spec.ts", "38.9s"]]) {
-      termLine(k, scroll, [{ t: `shard ${n}  `, c: "cardMuted" }, { t: file.padEnd(22), c: "cyan" }, { t: secs, c: "amber" }], { style: term, name: "Slow row" });
-    }
-    const idle = k.stack(scroll, { direction: "HORIZONTAL", align: "CENTER", name: "Idle line" });
-    k.text(idle, "~/checkout ", { style: term, color: "cyan", autoWidth: true, name: "Prompt dir" });
-    k.text(idle, "$ ", { style: term, color: "green", autoWidth: true, name: "Prompt sign" });
-    blinking(k, cursor(k, idle, SIZE, { name: "Cursor" }), hz(18, S.duration));
-    captionStrip(k, sheet, swaps[0].words[0], { style: "Caption 34", fill: "card", ink: "onCard", radius: 4, pad: [16, 24], stroke: { color: "edge", width: 2, align: "INSIDE" } });
-    const row = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Call row" });
-    k.instance(row, "Call", { Label: `$ ${SHARD.install}` }, { name: "Call" });
-    k.text(row, "{{brand.site}}", { style: "Label 22", color: "onPaper", autoWidth: true, name: "Site" });
-    scan(k, sheet);
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    spinner(k, k.named(split, "Spin split")[0], SPLIT, UP);
-    spinner(k, k.named(up, "Spin up")[0], UP, UP + beat(2));
-    for (const id of k.named(sheet, "Kicker")) steps(k, id, [[0, "$ time npm test"], [DONE, "$ time shard run"]]);
-    steps(k, clock, [[0, "14:08"], ...clockFrames(DONE, beat(2), 848, 52, 20)]);
-    k.patch(strike, { anchorX: 0, anchorY: 0.5 });
-    k.animate(strike, "scaleX", [{ t: 420, v: 0, ease: ease.linear }, { t: 720, v: 1 }]);
-    k.animate(strike, "opacity", [{ t: 419, v: 0, ease: ease.hold }, { t: 420, v: 1, ease: ease.hold }, { t: DONE, v: 0 }]);
-    k.animate(scroll, "translateY", Array.from({ length: 5 }, (_, i) => ({ t: SPLIT + i * 60, v: -Math.round((OLD_H + 24) * i / 4), ...i < 4 ? { ease: ease.hold } : {} })));
-    camera(k, cam, TERM.w, TERM.h, SHOTS);
-    followTyping(k, sheet, TYPING);
-    const copies = k.variants(sheet, [...reelCuts({ post: 36, portrait: 60 }, {
-      post: (kit, id) => {
-        kit.patch(id, { itemSpacing: 16, counterAxisSpacing: 16, padding: { top: 36, right: 140, bottom: 36, left: 140 } });
-        fitGround(kit, id, { cw: 18, lh: 36 });
-        hide(kit, id, ["Brand row", "Minimap"]);
-        const sq = TERM.h - 140;
-        for (const name of ["Stage", "Camera", "Terminal"]) for (const n of kit.named(id, name)) kit.patch(n, { height: sq });
-        for (const n of kit.named(id, "Session")) kit.patch(n, { height: sq - 54 });
-      },
-      portrait: (kit, id) => {
-        kit.patch(id, { itemSpacing: 22, counterAxisSpacing: 22 });
-        fitGround(kit, id, { cw: 18, lh: 36 });
-        hide(kit, id, ["Minimap"]);
-        restyle(kit, id, "Clock", "Clock 132");
-        for (const n of kit.named(id, "Clock box")) kit.patch(n, { height: 132 });
-        for (const n of kit.named(id, "Strike")) kit.patch(n, { y: 62, width: 420, height: 10 });
-      }
-    }), wideCut(640, (kit, id, right) => {
-      const scale = Math.min(right.width / TERM.w, right.height / TERM.h), top2 = right.y + Math.round((right.height - TERM.h * scale) / 2);
-      fitGround(kit, id, { cw: 18, lh: 36 });
-      float(kit, id, "Stage", right.x + Math.round((right.width - TERM.w * scale) / 2), top2, { scale });
-      hide(kit, id, ["Minimap"]);
-    })]);
-    for (const id of copies) followTyping(k, id, TYPING);
-    hide(k, copies[0], ["Last run"]);
-    for (const n of k.named(copies[0], "Scroll")) k.patch(n, { motion: void 0 });
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_terminal_launch_reel_default
-};

package/dist/chunks/chunk-AU3O4A7F.js

@@ -1,117 +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 {
-  background,
-  refilled
-} from "./chunk-CHL5BU5W.js";
-import {
-  logoBadge,
-  pill,
-  verticalPadding
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  hex,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/effects/glass-intro.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var GLASS_INTRO = {
-  duration: 6e3,
-  deep: "#0A1A3A",
-  foam: "#3563C9",
-  /** The glass at rest: clear (no bend), a little frost. */
-  frost: 24,
-  /** How far the glass bends the waves at its strongest (px), and where it settles. */
-  bend: 28,
-  settle: 14
-};
-var cues = [
-  { layer: "Glass panel", preset: "rise-in", at: 300, params: { duration: 900 } },
-  { layer: "Live chip", preset: "pop-in", at: 900 },
-  { layer: "Talk title", preset: "words-in", at: 1200, params: { duration: 600 } },
-  { layer: "When", preset: "fade-in", at: 2300 },
-  { layer: "Host", preset: "fade-in", at: 2500 },
-  { layer: "Logo badge", preset: "pop-in", at: 2800 },
-  { layer: "Live chip", preset: "pulse", at: 3600 }
-];
-var glass_intro_default = defineTemplate({
-  id: "motion-glass-intro",
-  meta: {
-    name: "Glass webinar intro",
-    description: "A 6-second webinar opener: a glass panel whose refraction, dispersion and frost are keyed rises over slow shader waves, and the talk title, date and host come in on it \u2014 16:9, with square and 9:16 cuts for the promo posts",
-    category: "animation",
-    tags: ["animation", "background", "glass", "shader", "waves", "webinar", "intro", "live", "talk"],
-    platforms: ["youtube", "linkedin", "x", "instagram"],
-    formats: ["intro", "title-card", "video", "post", "story"],
-    useCases: ["event", "livestream", "education"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues },
-  build() {
-    const G = GLASS_INTRO;
-    const k = new Kit("Glass webinar intro", preset("video-1080p"));
-    k.brand(
-      { paper: G.deep, glass: G.deep, headline: "#F4F7FF", caption: "#C9D6F2", primary: "#FFC857", onPrimary: "#0A1A3A" },
-      { company: "Tidewater Analytics", title: "Forecasting demand with the data you have", when: "Tuesday, October 21 \xB7 11 am ET", host: "Hosted by Priya Raman, head of data science" }
-    );
-    k.textStyle("Title 88", { size: 88, fontWeight: 800, letterSpacing: -2.5, lineHeight: 96 });
-    k.textStyle("Title 72", { size: 72, fontWeight: 800, letterSpacing: -2, lineHeight: 80 });
-    k.textStyle("Chip 26", { size: 26, fontWeight: 800, letterSpacing: 3, lineHeight: 30 });
-    k.textStyle("Meta 36", { size: 36, fontWeight: 600, lineHeight: 44 });
-    k.textStyle("Host 30", { size: 30, fontWeight: 500, lineHeight: 38 });
-    pill(k, "Chip", { fill: "primary", ink: "onPrimary", style: "Chip 26", label: "LIVE WEBINAR", pad: [12, 24] });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, { top: 120, right: 160, bottom: 120, left: 160 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: G.duration, fps: 30 });
-    const bg = background(k, sheet, k.shader("Waves", { speed: 0.4, scale: 5, deep: hex(G.deep), foam: hex(G.foam) }));
-    const glassFx = [{ id: "e1", type: "GLASS", radius: G.frost, refraction: 0, dispersion: 0, rim: 0.55, depth: 0, visible: true }];
-    const panel = k.stack(sheet, { width: 1240, fill: k.tint("glass", 0.5), radius: 48, gap: 28, padding: { top: 64, right: 72, bottom: 64, left: 72 }, clip: true, effects: glassFx, name: "Glass panel" });
-    const top = k.stack(panel, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Panel top" });
-    k.instance(top, "Chip", { Label: "LIVE WEBINAR" }, { name: "Live chip" });
-    logoBadge(k, top, { fill: "primary", size: 56 });
-    k.text(panel, "{{brand.title}}", { style: "Title 88", color: "headline", name: "Talk title" });
-    k.text(panel, "{{brand.when}}", { style: "Meta 36", color: "headline", name: "When" });
-    k.text(panel, "{{brand.host}}", { style: "Host 30", color: "caption", name: "Host" });
-    k.animateShader(bg, "scale", [{ t: 0, v: 5, ease: ease.inOut("sine") }, { t: 3e3, v: 3.5, ease: ease.inOut("sine") }, { t: G.duration, v: 4.5 }]);
-    k.animate(panel, "effects[@e1].refraction", [{ t: 600, v: 0, ease: ease.out("expo") }, { t: 1800, v: G.bend, ease: ease.inOut("sine") }, { t: 4800, v: G.settle }]);
-    k.animate(panel, "effects[@e1].dispersion", [{ t: 600, v: 0, ease: ease.out("cubic") }, { t: 1800, v: 0.45, ease: ease.inOut("sine") }, { t: 4800, v: 0.2 }]);
-    k.animate(panel, "effects[@e1].radius", [{ t: 600, v: G.frost, ease: ease.out("cubic") }, { t: 1800, v: 6 }]);
-    k.animate(panel, "effects[@e1].depth", [{ t: 600, v: 0, ease: ease.out("cubic") }, { t: 1800, v: 0.8 }]);
-    k.cues(sheet, cues);
-    k.variants(sheet, refilled([
-      { preset: "ig-post", adjust: (kit, id) => {
-        kit.patch(id, { padding: { top: 64, right: 64, bottom: 64, left: 64 }, primaryAxisAlignItems: "CENTER" });
-        for (const n of kit.named(id, "Glass panel")) kit.patch(n, { width: 952, padding: { top: 56, right: 56, bottom: 56, left: 56 } });
-        for (const n of kit.named(id, "Talk title")) kit.restyle(n, "Title 72");
-      } },
-      { preset: "ig-story", adjust: (kit, id) => {
-        kit.patch(id, { padding: verticalPadding(80), primaryAxisAlignItems: "CENTER" });
-        for (const n of kit.named(id, "Glass panel")) kit.patch(n, { width: 800, padding: { top: 48, right: 44, bottom: 48, left: 44 } });
-        for (const n of kit.named(id, "Talk title")) kit.restyle(n, "Title 72");
-      } }
-    ]));
-    return k.finish();
-  }
-});
-
-export {
-  GLASS_INTRO,
-  glass_intro_default
-};

package/dist/chunks/chunk-AU7VNAFH.js

@@ -1,209 +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 {
-  BUNKER,
-  COIN_FACE,
-  INVADER,
-  SHIP,
-  SQUID,
-  STAR,
-  UFO,
-  arcadeBrand,
-  backdrop,
-  bitmapPaths,
-  hardShadow,
-  march,
-  overlay,
-  refit,
-  segBar,
-  sprite,
-  spriteInks
-} from "./chunk-SHBMEL5W.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  blink,
-  cutOff,
-  cutOn
-} from "./chunk-PMVMC75G.js";
-import {
-  bloom
-} from "./chunk-HVK5T4I5.js";
-import {
-  postVariants
-} 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/social/arcade-level-up.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var POWER_UPS = [["Usage alerts before the invoice lands", "+600 XP"], ["Proration down to the second", "+500 XP"], ["Stripe and Paddle sync, both ways", "+500 XP"], ["Sales tax handled in 41 countries", "+400 XP"]];
-var PLUS = ["..#..", "..#..", "#####", "..#..", "..#.."];
-var COLS = 7;
-var counts = [
-  { layer: "XP figure", at: 1200, duration: 1e3, counter: { from: 0, to: 2e3, separator: ",", suffix: " / 2,000 XP" }, tick: 100 }
-];
-var cues = [
-  // The title types on, its pixel shadow with it.
-  { layer: "Title", preset: "typewriter", at: 300, params: { duration: 450 } },
-  cutOn("Star", 800, 150),
-  cutOn("XP", 1100),
-  { layer: "XP fill", preset: "wipe-in", at: 1200, params: { duration: 1e3, ease: { kind: "linear" } } },
-  cutOn("Power title", 2400),
-  cutOn("Power-up", 2600, 250),
-  cutOn("Url", 3800),
-  blink("Level bar", 4200, 800),
-  cutOff(["Title", "Star", "XP", "Power title", "Power-up", "Url"], 6300, 40)
-];
-var FIELDS = {
-  post: { top: 136, bottom: 178, side: 80, ufo: -200, swarm: 52, rows: 1, bunkers: null, cannon: 936 },
-  portrait: { top: 356, bottom: 300, side: 80, ufo: 36, swarm: 116, rows: 3, bunkers: 1082, cannon: 1166 },
-  story: { top: 450, bottom: 490, side: 110, ufo: 96, swarm: 176, rows: 3, bunkers: 1490, cannon: 1620 }
-};
-function placeField(k, sheet, f) {
-  k.patch(sheet, { padding: { top: f.top, right: f.side, bottom: f.bottom, left: f.side } });
-  const y = (name, at) => {
-    for (const id of k.named(sheet, name)) k.patch(id, at === null ? { visible: false } : { visible: true, y: at });
-  };
-  y("UFO", f.ufo);
-  y("Swarm", f.swarm);
-  for (const [i, id] of k.named(sheet, "Swarm row").entries()) k.patch(id, { visible: i < f.rows });
-  y("Bunkers", f.bunkers);
-  y("Cannon", f.cannon);
-  y("Ground", f.cannon + 64);
-  y("Lives", f.cannon + 92);
-  y("Coins", f.cannon + 88);
-}
-var arcade_level_up_default = defineTemplate({
-  id: "motion-arcade-level-up",
-  meta: {
-    name: "Arcade level-up post (animated)",
-    description: "A release announced as a level-up screen: on a pixel-shadowed window over a starfield and a marching swarm, the version cuts on, the XP bar fills block by block as its figure ticks, and the changelog lands as a list of power-ups with the XP each was worth. Seven seconds, looping, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "arcade", "8-bit", "pixel art", "retro", "changelog", "release", "level up", "saas", "build in public", "post"],
-    platforms: ["x", "linkedin", "instagram", "threads"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["changelog", "launch", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit("Arcade level-up post (animated)", preset("ig-post"));
-    k.quantizeGeometry = true;
-    arcadeBrand(k, { release: "Coinop 2.0", url: "coinop.example/changelog" });
-    k.textStyle("Bar 30", { size: 30, fontWeight: 800, letterSpacing: 2, lineHeight: 38, ...MONO });
-    k.textStyle("Title 120", { size: 120, fontWeight: 800, letterSpacing: -5, lineHeight: 124, ...MONO });
-    k.textStyle("Label 24", { size: 24, fontWeight: 700, letterSpacing: 3, lineHeight: 32, textCase: "UPPER", ...MONO });
-    k.textStyle("Power 32", { size: 32, fontWeight: 700, letterSpacing: -0.3, lineHeight: 42 });
-    k.textStyle("Bonus 24", { size: 24, fontWeight: 800, lineHeight: 42, ...MONO });
-    k.textStyle("Url 28", { size: 28, fontWeight: 600, lineHeight: 36, ...MONO });
-    k.textStyle("Bar 34", { size: 34, fontWeight: 800, letterSpacing: 2, lineHeight: 42, ...MONO });
-    k.textStyle("Title 136", { size: 136, fontWeight: 800, letterSpacing: -5.5, lineHeight: 140, ...MONO });
-    k.textStyle("Label 28", { size: 28, fontWeight: 700, letterSpacing: 3, lineHeight: 36, textCase: "UPPER", ...MONO });
-    k.textStyle("Power 36", { size: 36, fontWeight: 700, letterSpacing: -0.3, lineHeight: 46 });
-    k.textStyle("Bonus 28", { size: 28, fontWeight: 800, lineHeight: 46, ...MONO });
-    k.textStyle("Url 32", { size: 32, fontWeight: 600, lineHeight: 40, ...MONO });
-    k.variantSet("Power-up", "Size", ["Regular", "Large"], {
-      direction: "HORIZONTAL",
-      width: 800,
-      gap: 18,
-      props: { Label: POWER_UPS[0][0], Bonus: POWER_UPS[0][1] },
-      description: "One line of a changelog as a power-up: what you gained and the XP it was worth. Large is for the 9:16 cut."
-    }, (size, id) => {
-      const big = size === "Large";
-      const mark = k.stack(id, { width: "HUG", padding: { top: big ? 9 : 8, right: 0, bottom: 0, left: 0 }, name: "Mark" });
-      k.vector(mark, big ? 30 : 25, big ? 30 : 25, bitmapPaths(PLUS, big ? 6 : 5), "accent", { name: "Plus" });
-      k.propText(id, "Label", { style: big ? "Power 36" : "Power 32", color: "onCard", width: "FILL" });
-      k.propText(id, "Bonus", { style: big ? "Bonus 28" : "Bonus 24", color: "onCard", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    const W = k.node(sheet).width;
-    k.flowSheet(sheet, 0, 0, "paper", "CENTER", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: 7e3, fps: 30 });
-    backdrop(k, sheet, { top: "secondary", bottom: "accent" });
-    const ufo = sprite(k, sheet, UFO, 7, "accent", { name: "UFO", absolute: { x: 150, y: 0 } });
-    k.patch(ufo, { effects: [bloom(k, "accent", 26)] });
-    const pitch = 124;
-    const swarmW = (COLS - 1) * pitch + 66;
-    const swarm = k.frame(sheet, { x: (W - swarmW) / 2, y: 0, width: swarmW, height: 3 * 72 }, { name: "Swarm" });
-    for (const [r, kind] of [{ rows: INVADER, color: "accent" }, { rows: SQUID, color: "text" }, { rows: INVADER, color: "lit" }].entries()) {
-      const row = k.frame(swarm, { x: 0, y: r * 72, width: swarmW, height: 48 }, { name: "Swarm row" });
-      for (let c = 0; c < COLS; c++) sprite(k, row, kind.rows, 6, kind.color, { name: "Invader", absolute: { x: c * pitch + (66 - kind.rows[0].length * 6) / 2, y: 0 } });
-    }
-    const bunkers = k.frame(sheet, { x: 0, y: 0, width: W, height: 54 }, { name: "Bunkers" });
-    for (let i = 0; i < 4; i++) sprite(k, bunkers, BUNKER, 6, "lit", { name: "Bunker", absolute: { x: 132 + i * 240, y: 0 } });
-    const cannon = k.frame(sheet, { x: (W - 88) / 2, y: 0, width: 88, height: 48 }, { name: "Cannon" });
-    k.rect(cannon, 8, 30, "accent", { name: "Bolt", absolute: { x: 40, y: -40 }, effects: [bloom(k, "accent", 16, 0.9)] });
-    sprite(k, cannon, SHIP, 8, "text", { name: "Ship", absolute: { x: 0, y: 0 } });
-    k.rect(sheet, W, 8, "lit", { name: "Ground", absolute: { x: 0, y: 0 } });
-    const lives = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 14, name: "Lives", absolute: { x: 64, y: 0 } });
-    for (let i = 0; i < 3; i++) sprite(k, lives, SHIP, 5, "text", { name: "Life" });
-    const coins = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 10, name: "Coins", absolute: { x: W - 64 - 3 * 40 - 20, y: 0 } });
-    for (let i = 0; i < 3; i++) spriteInks(k, coins, COIN_FACE, 5, { "#": "text", o: "primary" }, { name: "Credit" });
-    const win = k.stack(sheet, { fill: "card", stroke: { color: "text", width: 6, align: "INSIDE", join: "MITER" }, effects: [hardShadow(k, "accent", 16)], name: "Window" });
-    const bar = k.stack(win, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", fill: "primary", padding: { top: 14, right: 28, bottom: 14, left: 28 }, name: "Level bar" });
-    k.text(bar, "LEVEL 2 UNLOCKED", { style: "Bar 30", color: "onPrimary", autoWidth: true, name: "Level" });
-    const stars = k.stack(bar, { direction: "HORIZONTAL", width: "HUG", gap: 10, name: "Stars" });
-    for (let i = 0; i < 3; i++) sprite(k, stars, STAR, 5, "onPrimary", { name: "Star" });
-    const body = k.stack(win, { gap: 20, padding: { top: 22, right: 30, bottom: 30, left: 30 }, name: "Level body" });
-    k.text(body, "{{brand.release}}", { style: "Title 120", color: "onCard", name: "Title", effects: [hardShadow(k, "accent", 6)] });
-    const xp = k.stack(body, { gap: 10, name: "XP" });
-    k.text(xp, "2,000 / 2,000 XP", { style: "Label 24", color: "onCard", name: "XP figure" });
-    const track = k.stack(xp, { direction: "HORIZONTAL", width: "HUG", fill: "scan", padding: 8, name: "XP track" });
-    const fill = k.stack(track, { direction: "HORIZONTAL", width: "HUG", clip: true, name: "XP fill" });
-    segBar(k, fill, { total: 20, lit: 20, on: "lit", w: 28, h: 30, gap: 6, name: "XP blocks" });
-    k.text(body, "Power-ups in this release", { style: "Label 24", color: "onCard", name: "Power title" });
-    const list = k.stack(body, { gap: 12, name: "Power-ups" });
-    for (const [label, bonus] of POWER_UPS) k.instance(list, "Power-up/Regular", { Label: label, Bonus: bonus }, { width: "FILL", name: "Power-up" });
-    k.text(body, "{{brand.url}}", { style: "Url 28", color: "onCard", name: "Url" });
-    overlay(k, sheet);
-    placeField(k, sheet, FIELDS.post);
-    march(k, swarm, { from: 0, until: 6800, step: 400, dx: 20 });
-    march(k, cannon, { from: 200, until: 6600, step: 400, dx: 96 });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    k.variants(sheet, postVariants({ portrait: 0, vertical: 0 }, {
-      portrait: (kit, id) => {
-        placeField(kit, id, FIELDS.portrait);
-        refit(kit, id);
-      },
-      vertical: (kit, id) => {
-        placeField(kit, id, FIELDS.story);
-        refit(kit, id);
-        const restyle = (name, style) => {
-          for (const n of kit.named(id, name)) kit.restyle(n, style);
-        };
-        restyle("Level", "Bar 34");
-        restyle("Title", "Title 136");
-        restyle("XP figure", "Label 28");
-        restyle("Power title", "Label 28");
-        restyle("Url", "Url 32");
-        for (const n of kit.named(id, "Power-up")) kit.patch(n, { mainComponentId: kit.componentIdOf("Power-up/Large") });
-        for (const n of [...kit.named(id, "Block lit"), ...kit.named(id, "Block")]) kit.patch(n, { width: 32, height: 36 });
-        for (const n of kit.named(id, "Level body")) kit.patch(n, { itemSpacing: 24, padding: { top: 26, right: 30, bottom: 34, left: 30 } });
-        for (const n of kit.named(id, "Power-ups")) kit.patch(n, { itemSpacing: 16 });
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  arcade_level_up_default
-};