@popcraft/kit 0.53.7 → 0.53.9

package/dist/chunks/chunk-LA44ZNPJ.js

@@ -1,287 +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 {
-  PANE_ART,
-  VITRINE,
-  aurora,
-  body,
-  chip,
-  code,
-  display,
-  figure,
-  fitAurora,
-  float as float2,
-  glassBrand,
-  glassButton,
-  glassFx,
-  label,
-  pane,
-  paneArt,
-  passThrough,
-  sheen,
-  surface,
-  swell,
-  ts
-} from "./chunk-F7UFJWUM.js";
-import {
-  camera,
-  float,
-  reelSheet,
-  section,
-  wideCut
-} from "./chunk-YUJ6YBZ6.js";
-import {
-  clicks,
-  glide,
-  pointer
-} from "./chunk-2PJUAVAE.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-3YQOE5KZ.js";
-import {
-  board,
-  boxesOf,
-  hide,
-  reboard,
-  restyle
-} from "./chunk-LWSZATOL.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset
-} from "./chunk-4G7VHQUV.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion/style-glass-feature-demo.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("calm", 0, 5);
-var { beat } = S;
-var NAME = "Glass SaaS feature demo";
-var WIN = { w: 800, h: 772 };
-var APP = beat(2);
-var PICK = beat(4);
-var DRAG = beat(7);
-var DRAG_LEN = beat(2);
-var TOGGLE = beat(10);
-var CALL = beat(12);
-var ASK = beat(13);
-var DENY = beat(15);
-var CLOSE = beat(17);
-var STEPS = ["Step 1 of 3 \xB7 pick the agent", "Step 2 of 3 \xB7 set the limit", "Step 3 of 3 \xB7 watch it hold", `New in ${VITRINE.name} ${VITRINE.version}`];
-var AGENTS = ["support-agent", "refund-agent", "ops-agent"];
-var SLIDER = { w: 744, knob: 34, from: 0.8, to: 0.2 };
-var cues = [
-  { layer: "Hook plate", preset: "blur-in", at: 0, params: { duration: 800, amount: 30 } },
-  { layer: "Hook", preset: "words-in", at: 100, params: { duration: 700 } },
-  { layer: "Step line", preset: "fade-in", at: 300, params: { duration: 600 } },
-  { layer: "Depth", preset: "fade-in", at: beat(1), params: { duration: 2400 } },
-  // The glass is up under the hook from the start, so the frame is never only aurora.
-  { layer: "Stage", preset: "blur-in", at: 200, params: { duration: 1400, amount: 40 } },
-  { layer: "App section", preset: "rise-in", at: 600, stagger: { delay: 180, order: "selection" }, params: { duration: 1e3, distance: 24 } },
-  { layer: "Incoming", preset: "rise-in", at: CALL, params: { duration: 1e3, distance: 30 } },
-  { layer: "Ask card", preset: "blur-in", at: ASK, params: { duration: 1200, amount: 30 } },
-  { layer: "Call", preset: "pulse", at: CLOSE + beat(1), params: { duration: 1600, amount: 0.05 } }
-];
-var counts = [
-  { layer: "Limit figure", at: DRAG, duration: DRAG_LEN, counter: { from: 2e3, to: 500, prefix: "$" } },
-  { layer: "Kept figure", at: DENY + 300, duration: beat(2), counter: { from: VITRINE.keptBefore, to: VITRINE.keptAfter, prefix: "$" } }
-];
-var swaps = [captionSwap(["Pick the agent to cap.", "Set its limit per call.", "Over the limit? Ask first.", "Spend panes, live in Vitrine."], 0, S.duration - 30, { stagger: 60, in: 320, out: 240, rise: 14 })];
-var style_glass_feature_demo_default = defineTemplate({
-  id: "motion-saas-style-glass-feature-demo",
-  meta: {
-    name: NAME,
-    description: "A 17-second feature demo in the glass look: a pointer sets a spend limit for an AI agent on a pane of smoked glass over a slowly moving aurora. It picks the agent while the camera eases in, drags the per-call limit as the figure resolves from $2,000 to $500, turns on approval in Slack, then the next $4,800 refund is stopped, an approval request drifts up out of depth and the pointer denies it while the kept figure counts. Step line, travelling highlight, music and burned-in captions. 9:16 with square and 16:9 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "glass", "glassmorphism", "aurora", "shader", "ai", "security", "agents", "b2b", "feature", "demo", "tutorial", "pointer", "counter", "captions", "music", "audio", "tiktok", "shorts"],
-    platforms: ["tiktok", "instagram", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "video"],
-    useCases: ["changelog", "education", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit(NAME, preset("ig-story"));
-    k.quantizeGeometry = true;
-    glassBrand(k);
-    ts(k, "Step 24", code(24));
-    ts(k, "Hook 60", display(60));
-    ts(k, "Hook 48", display(48));
-    ts(k, "View 22", label(22));
-    ts(k, "Label 21", label(21));
-    ts(k, "Agent 22", code(22, 500));
-    ts(k, "Ui 23", body(23, 500));
-    ts(k, "Ui 21", body(21, 400));
-    ts(k, "Tool 22", code(22));
-    ts(k, "Verdict 22", code(22, 600));
-    ts(k, "Figure 64", figure(64));
-    ts(k, "Figure 32", figure(32));
-    ts(k, "Small btn 22", display(22));
-    ts(k, "Caption 34", display(34, { lead: 1.3 }));
-    ts(k, "Button 30", display(30));
-    glassButton(k, "Call", { style: "Button 30", label: "Try Spend panes free", pad: [22, 36] });
-    const sheet = reelSheet(k, S, { name: "Feature demo", gap: 12, justify: "SPACE_BETWEEN" });
-    const sky = aurora(k, sheet, { duration: S.duration });
-    swell(k, sky, CALL, 1400, 4e3);
-    const depth = board(k, sheet, PANE_ART.w, PANE_ART.h, 1.05, "Depth", { absolute: { x: 36, y: 1440 } });
-    passThrough(k, paneArt(k, depth, { name: "Pane art" }), CALL - 1200, { travel: 2100 });
-    float2(k, k.node(depth).parentId, S.duration, { amp: 7, phase: 0.1 });
-    const hookPlate = pane(k, sheet, { gap: 12, padding: { top: 30, right: 40, bottom: 34, left: 40 }, name: "Hook plate" });
-    const stepLine = k.text(hookPlate, STEPS[3], { style: "Step 24", color: "stop", name: "Step line" });
-    k.text(hookPlate, "Cap what any agent can spend.", { style: "Hook 60", color: "onGlass", name: "Hook" });
-    sheen(k, hookPlate, WIN.w, 220, [CLOSE]);
-    const stage = k.stack(sheet, { width: WIN.w, height: WIN.h, clip: true, radius: 30, name: "Stage" });
-    const lens = k.frame(stage, { x: 0, y: 0, width: WIN.w, height: WIN.h }, { name: "Lens" });
-    const cam = k.frame(lens, { x: 0, y: 0, width: WIN.w, height: WIN.h }, { name: "Camera" });
-    const win = pane(k, cam, { width: WIN.w, height: WIN.h, radius: 30, absolute: { x: 0, y: 0 }, name: "App" });
-    const top = k.stack(win, { direction: "HORIZONTAL", align: "CENTER", justify: "SPACE_BETWEEN", padding: { top: 20, right: 28, bottom: 20, left: 28 }, name: "Title row" });
-    const tl = k.stack(top, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", gap: 12, name: "Title left" });
-    k.ellipse(tl, 12, "stop", { name: "Pane dot" });
-    k.text(tl, "Spend pane", { style: "View 22", color: "onGlass", autoWidth: true, name: "View title" });
-    k.text(top, "Panes \u203A Spend", { style: "View 22", color: "glassMuted", autoWidth: true, name: "View path" });
-    k.rect(win, "FILL", 1, k.tint("rim", 0.14), { name: "Title rule" });
-    const bodyCol = k.stack(win, { gap: 22, padding: { top: 22, right: 28, bottom: 24, left: 28 }, name: "App body" });
-    const a = k.stack(bodyCol, { gap: 10, name: "App section" });
-    k.text(a, "AGENT", { style: "Label 21", color: "glassMuted", name: "Section label" });
-    const agents = k.stack(a, { direction: "HORIZONTAL", gap: 12, name: "Agents" });
-    for (const name of AGENTS) {
-      const c2 = chip(k, agents, name, { style: "Agent 22", name: name === "refund-agent" ? "Picked agent" : "Agent chip", pad: [12, 18], radius: 16, alpha: 0.5 });
-      void c2;
-    }
-    const b = k.stack(bodyCol, { gap: 10, name: "App section" });
-    const bHead = k.stack(b, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "MAX", name: "Limit head" });
-    const bl = k.stack(bHead, { gap: 4, width: "HUG", name: "Limit words" });
-    k.text(bl, "LIMIT PER CALL", { style: "Label 21", color: "glassMuted", autoWidth: true, name: "Section label" });
-    k.text(bl, "Refunds, credits and transfers", { style: "Ui 21", color: "glassMuted", autoWidth: true, name: "Limit scope" });
-    k.text(bHead, "$500", { style: "Figure 64", color: "onGlass", width: 220, align: "RIGHT", name: "Limit figure" });
-    const track = k.stack(b, { height: SLIDER.knob, name: "Slider" });
-    k.rect(track, SLIDER.w, 8, k.tint("rim", 0.16), { name: "Slider track", radius: 4, absolute: { x: 0, y: (SLIDER.knob - 8) / 2 } });
-    const fill = k.rect(track, SLIDER.w, 8, "pass", { name: "Slider fill", radius: 4, absolute: { x: 0, y: (SLIDER.knob - 8) / 2 } });
-    k.patch(fill, { scaleX: SLIDER.to, anchorX: 0 });
-    const knob = k.ellipse(track, SLIDER.knob, "onGlass", { name: "Slider knob", absolute: { x: Math.round(SLIDER.w * SLIDER.to - SLIDER.knob / 2), y: 0 }, effects: [{ type: "DROP_SHADOW", color: k.color("pass", 0.7), offset: { x: 0, y: 0 }, blur: 16, spread: 0, visible: true }] });
-    const ticks = k.stack(b, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Slider ticks" });
-    for (const t of ["$0", "$1,250", "$2,500"]) k.text(ticks, t, { style: "Ui 21", color: "glassMuted", autoWidth: true, name: "Tick" });
-    const c = k.stack(bodyCol, { direction: "HORIZONTAL", align: "CENTER", justify: "SPACE_BETWEEN", name: "App section" });
-    const cw = k.stack(c, { gap: 2, width: "HUG", name: "Toggle words" });
-    k.text(cw, "Ask #payments-ops first", { style: "Ui 23", color: "onGlass", autoWidth: true, name: "Toggle label" });
-    k.text(cw, "Over the limit, the call waits for a person", { style: "Ui 21", color: "glassMuted", autoWidth: true, name: "Toggle note" });
-    const sw = k.stack(c, { width: 76, height: 42, radius: 21, fill: k.tint("rim", 0.16), name: "Toggle" });
-    const swOn = k.rect(sw, 76, 42, "pass", { name: "Toggle on", radius: 21, absolute: { x: 0, y: 0 } });
-    const swKnob = k.ellipse(sw, 34, "onGlass", { name: "Toggle knob", absolute: { x: 38, y: 4 } });
-    k.rect(bodyCol, "FILL", 1, k.tint("rim", 0.14), { name: "Section rule" });
-    const d = k.stack(bodyCol, { gap: 12, name: "Next call" });
-    const inc = k.stack(d, { direction: "HORIZONTAL", align: "CENTER", gap: 14, height: 56, padding: { top: 0, right: 14, bottom: 0, left: 14 }, radius: 14, fill: k.tint("stop", 0.1), name: "Incoming" });
-    k.ellipse(inc, 12, "stop", { name: "Verdict dot" });
-    k.text(inc, `${VITRINE.tool}  ${VITRINE.amount}`, { style: "Tool 22", color: "onGlass", width: "FILL", name: "Call tool" });
-    k.text(inc, "stopped \xB7 Spend", { style: "Verdict 22", color: "stop", autoWidth: true, name: "Incoming verdict" });
-    const ask = pane(k, d, { gap: 14, padding: 20, radius: 22, alpha: 0.72, lift: 1.4, name: "Ask card" });
-    const askTop = k.stack(ask, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Ask top" });
-    k.text(askTop, "#payments-ops \xB7 Vitrine", { style: "Label 21", color: "glassMuted", autoWidth: true, name: "Ask from" });
-    const kept = k.stack(askTop, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", name: "Kept" });
-    k.text(kept, "kept this week", { style: "Ui 21", color: "glassMuted", autoWidth: true, name: "Kept label" });
-    k.text(kept, "$61,240", { style: "Figure 32", color: "onGlass", width: 150, align: "RIGHT", name: "Kept figure" });
-    k.text(ask, "refund-agent wants to refund $4,800 to Lumen Outfitters. Your limit is $500 a call.", { style: "Ui 21", color: "onGlass", name: "Ask words" });
-    const btns = k.stack(ask, { direction: "HORIZONTAL", gap: 12, name: "Ask buttons" });
-    const approve = k.stack(btns, { direction: "HORIZONTAL", width: "HUG", radius: 999, padding: { top: 10, right: 20, bottom: 10, left: 20 }, fill: k.tint("rim", 0.12), name: "Approve" });
-    k.text(approve, "Approve once", { style: "Small btn 22", color: "onGlass", autoWidth: true, name: "Approve words" });
-    const deny = k.stack(btns, { direction: "HORIZONTAL", width: "HUG", radius: 999, padding: { top: 10, right: 20, bottom: 10, left: 20 }, fill: "primary", name: "Deny" });
-    k.text(deny, "Deny", { style: "Small btn 22", color: "onPrimary", autoWidth: true, name: "Deny words" });
-    const denied = k.text(btns, "Denied by Mara \xB7 nothing sent", { style: "Ui 21", color: "pass", autoWidth: true, name: "Denied" });
-    captionStrip(k, sheet, swaps[0].words[0], { style: "Caption 34", fill: k.tint("glass", 0.72), ink: "onGlass", radius: 26, pad: [20, 28], effects: glassFx(k, { lift: 0.6 }) });
-    const call = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Close row" });
-    k.instance(call, "Call", { Label: "Try Spend panes free" }, { name: "Call" });
-    const site = pane(k, call, { width: "HUG", radius: 999, padding: { top: 14, right: 24, bottom: 14, left: 24 }, lift: 0.4, frost: 14, alpha: 0.7, name: "Site plate" });
-    k.text(site, "{{brand.site}}", { style: "Step 24", color: "onGlass", autoWidth: true, name: "Site" });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    for (const c2 of k.named(cam, "Picked agent")) k.rect(c2, k.node(c2).width, k.node(c2).height, [], { name: "Pick ring", radius: 16, absolute: { x: 0, y: 0 }, stroke: { color: "pass", width: 2.5, align: "INSIDE" } });
-    const at = (name) => {
-      const r = boxesOf(k, cam, [name])[0];
-      return { x: Math.round(r.x + r.width / 2), y: Math.round(r.y + r.height / 2), box: r };
-    };
-    const pick = at("Picked agent"), knobAt = at("Slider knob"), tog = at("Toggle"), den = at("Deny");
-    const sliderBox = at("Slider").box;
-    const fromX = Math.round(sliderBox.x + SLIDER.w * SLIDER.from), toX = Math.round(sliderBox.x + SLIDER.w * SLIDER.to);
-    const REST = { x: 560, y: WIN.h - 60 };
-    const p = pointer(k, cam, { ...REST, size: 64, fill: "onGlass", edge: "glass", ring: "pass" });
-    glide(k, p, [
-      { t: APP + 600, dx: 0, dy: 0 },
-      { t: PICK, dx: pick.x - REST.x + 10, dy: pick.y - REST.y + 6 },
-      { t: DRAG - 300, dx: fromX - REST.x, dy: knobAt.y - REST.y + 4 },
-      { t: DRAG + DRAG_LEN, dx: toX - REST.x, dy: knobAt.y - REST.y + 4 },
-      { t: TOGGLE, dx: tog.x - REST.x + 14, dy: tog.y - REST.y + 6 },
-      { t: DENY, dx: den.x - REST.x + 6, dy: den.y - REST.y + 6 },
-      { t: CLOSE, dx: 0, dy: 0 }
-    ]);
-    clicks(k, p, [PICK, DRAG - 200, TOGGLE, DENY]);
-    k.patch(p.arrow, { opacity: 0 });
-    k.animate(p.arrow, "opacity", [{ t: APP + 400, v: 0, ease: ease.inOut("sine") }, { t: APP + 1e3, v: 1, ease: ease.hold }, { t: CLOSE - 600, v: 1, ease: ease.inOut("sine") }, { t: CLOSE, v: 0 }]);
-    choreograph(k, sheet, { stepLine, hookPlate, stage, fill, knob, swOn, swKnob, denied, approve, deny, sliderX: sliderBox.x });
-    const SHOTS = [
-      // Pushes no further than the window's 26 px inner margin allows, centred across, so no word is cut at a side.
-      { t: PICK - beat(1), duration: 1400, zoom: 1.06, x: WIN.w / 2, y: pick.y + 40 },
-      { t: DRAG - beat(1), duration: 1400, zoom: 1.06, x: WIN.w / 2, y: knobAt.y - 30 },
-      { t: TOGGLE - 600, duration: 1200, zoom: 1.06, x: WIN.w / 2, y: tog.y },
-      { t: CALL - 400, duration: 1600, zoom: 1 }
-    ];
-    camera(k, cam, WIN.w, WIN.h, SHOTS);
-    k.variants(sheet, [
-      { preset: "ig-post", adjust: (kit, id) => {
-        kit.patch(id, { itemSpacing: 14, counterAxisSpacing: 14, padding: { top: 52, right: 140, bottom: 52, left: 140 }, counterAxisAlignItems: "CENTER" });
-        fitAurora(kit, id);
-        hide(kit, id, ["Step line", "Depth stage"]);
-        restyle(kit, id, "Hook", "Hook 48");
-        const s = 0.74;
-        for (const st of kit.named(id, "Stage")) kit.patch(st, { width: Math.round(WIN.w * s), height: Math.round(WIN.h * s) });
-        for (const l of kit.named(id, "Lens")) kit.patch(l, { scaleX: s, scaleY: s, anchorX: 0, anchorY: 0 });
-      } },
-      wideCut(660, (kit, id, right) => {
-        fitAurora(kit, id);
-        kit.patch(id, { primaryAxisAlignItems: "MIN" });
-        for (const d2 of kit.named(id, "Depth stage")) kit.patch(d2, { x: 70, y: 560 });
-        reboard(kit, id, "Depth", 0.74);
-        const s = Math.min(right.width / WIN.w, right.height / WIN.h);
-        float(kit, id, "Stage", right.x + Math.round((right.width - WIN.w * s) / 2), right.y + Math.round((right.height - WIN.h * s) / 2), { scale: s });
-      })
-    ]);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-function choreograph(k, sheet, o) {
-  k.animate(o.stepLine, "text.content", [{ t: 0, v: STEPS[0], ease: ease.hold }, { t: DRAG - beat(1), v: STEPS[1], ease: ease.hold }, { t: CALL - beat(1), v: STEPS[2], ease: ease.hold }, { t: CLOSE, v: STEPS[3] }]);
-  surface(k, o.hookPlate, 0, { from: 0.94, duration: 1400 });
-  surface(k, o.stage, APP, { from: 0.9, duration: 1800 });
-  float2(k, o.hookPlate, S.duration, { amp: 4, phase: 0.6 });
-  float2(k, o.stage, S.duration, { amp: 5, phase: 0.3 });
-  for (const id of k.named(sheet, "Pick ring")) k.animate(id, "opacity", [{ t: 0, v: 0, ease: ease.hold }, { t: PICK, v: 0, ease: ease.out("cubic") }, { t: PICK + 500, v: 1 }]);
-  const dx = SLIDER.w * (SLIDER.from - SLIDER.to);
-  k.animate(o.knob, "translateX", [{ t: DRAG, v: Math.round(dx), ease: ease.out("cubic") }, { t: DRAG + DRAG_LEN, v: 0 }]);
-  k.animate(o.fill, "scaleX", [{ t: DRAG, v: SLIDER.from, ease: ease.out("cubic") }, { t: DRAG + DRAG_LEN, v: SLIDER.to }]);
-  k.animate(o.swOn, "opacity", [{ t: TOGGLE, v: 0, ease: ease.inOut("sine") }, { t: TOGGLE + 500, v: 1 }]);
-  k.animate(o.swKnob, "translateX", [{ t: TOGGLE, v: -34, ease: ease.inOut("sine") }, { t: TOGGLE + 500, v: 0 }]);
-  k.animate(o.approve, "opacity", [{ t: DENY + 200, v: 1, ease: ease.inOut("sine") }, { t: DENY + 900, v: 0.4 }]);
-  k.animate(o.denied, "text.content", [{ t: 0, v: "Waiting for a person\u2026", ease: ease.hold }, { t: DENY + 500, v: "Denied by Mara \xB7 nothing sent" }]);
-  k.animate(o.denied, "opacity", [{ t: DENY + 200, v: 1, ease: ease.inOut("sine") }, { t: DENY + 450, v: 0, ease: ease.hold }, { t: DENY + 500, v: 0, ease: ease.out("cubic") }, { t: DENY + 1300, v: 1 }]);
-  for (const id of k.named(sheet, "Incoming verdict")) k.animate(id, "text.content", [{ t: 0, v: "checking\u2026", ease: ease.hold }, { t: CALL + 900, v: "stopped \xB7 Spend" }]);
-  for (const id of k.named(sheet, "Ask card")) sheen(k, id, WIN.w - 56, 200, [DENY + 600]);
-}
-
-export {
-  style_glass_feature_demo_default
-};

package/dist/chunks/chunk-LEODQIGC.js

@@ -1,226 +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 {
-  climbStars,
-  drawOrbit,
-  fitStarfield,
-  gantry,
-  gantryBox,
-  lamps,
-  layPad,
-  laySmoke,
-  moon,
-  orbit,
-  orbitBox,
-  pad,
-  place,
-  planet,
-  planetBox,
-  readout,
-  rocket,
-  smoke,
-  spaceBrand,
-  standRocket,
-  starfield
-} from "./chunk-TKI2ABTD.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  trackInfo
-} from "./chunk-JVSY2RRT.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-KOAJ6HD2.js";
-import {
-  MUSIC_HASH
-} from "./chunk-QYD2DX5P.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-4G7VHQUV.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion/space-opera-countdown-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var TRACK = trackInfo("trailer");
-var beat = (n) => Math.round(n * TRACK.beatMs);
-var DURATION = beat(32);
-var IGNITION = beat(12);
-var LIFTOFF = beat(16);
-var SEPARATION = beat(22);
-var ORBIT = beat(24);
-var CALL = beat(26);
-var TICK = TRACK.beatMs * 2;
-var LINES = [
-  "Our 1.0 ships when this clock hits zero.",
-  "14 pre-flight checks. Every one is green.",
-  "Flags armed. Rollback standing by.",
-  "We have lift-off: Perigee 1.0 is live.",
-  "Run your next release from mission control."
-];
-var CHAIN = { layer: "Caption", words: LINES, stagger: 40, in: 300, out: 220, unit: "word", rise: 26 };
-var lead = (hold) => swapTimes({ ...CHAIN, at: 0, hold })[3].enters;
-var HOLD = Math.floor((LIFTOFF - lead(0)) / 3);
-var swaps = [{ ...CHAIN, hold: HOLD, at: LIFTOFF - lead(HOLD) }];
-var counts = [
-  { layer: "Clock", at: 0, duration: LIFTOFF, counter: { from: 8, to: 0, prefix: "T\u201300:00:0", value: 3 }, tick: TICK },
-  { layer: "Plus clock", at: LIFTOFF, duration: TICK * 7, counter: { from: 0, to: 7, prefix: "T+00:00:0" }, tick: TICK },
-  { layer: "Checks figure", at: beat(2), duration: beat(9), counter: { from: 0, to: 14, suffix: "/14" }, ease: ease.linear },
-  { layer: "Altitude figure", at: LIFTOFF, duration: beat(15), counter: { from: 0, to: 408, suffix: " km" }, ease: ease.linear },
-  { layer: "Velocity figure", at: LIFTOFF, duration: beat(15), counter: { from: 0, to: 27600, separator: "," } }
-];
-var cues = [
-  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Console", preset: "rise-in", at: 0, params: { duration: 500 } },
-  { layer: "Smoke", preset: "scale-in", at: IGNITION, params: { duration: beat(4) } },
-  { layer: "Rocket body", preset: "shake", at: IGNITION, params: { duration: beat(4), distance: 7 } },
-  { layer: "Status", preset: "flash", at: IGNITION, params: { duration: 800 } },
-  { layer: "Clock row", preset: "pulse", at: LIFTOFF, params: { duration: 600, amount: 0.08 } },
-  { layer: "Rocket body", preset: "shake", at: SEPARATION, params: { duration: 500, distance: 5 } },
-  { layer: "Call", preset: "rise-in", at: CALL, params: { duration: 500 } },
-  { layer: "Site", preset: "fade-in", at: CALL + beat(1), params: { duration: 500 } },
-  { layer: "Call", preset: "pulse", at: beat(30), params: { duration: 700, amount: 0.05 } }
-];
-var ROCKET = { h: 560 };
-var GANTRY = { h: 560 };
-var PLANET = { r: 200 };
-var ORBITS = { rx: 440, ry: 150 };
-var PAD = { w: 1080, depth: 890 };
-var SMOKE = { w: 860 };
-var STORY = { h: 1920, horizon: 1030, cx: 500, scale: 1, planet: { x: 860, y: 720, scale: 1 }, moon: { x: 130, y: 560 } };
-var space_opera_countdown_reel_default = defineTemplate({
-  id: "motion-space-opera-countdown-reel",
-  meta: {
-    name: "Space opera launch countdown reel",
-    description: "A 19-second launch-day reel that treats a 1.0 as the launch it is: a clock ticks down from T-minus eight over a rocket on its pad, pre-flight checks count to 14 of 14, the engine lights, and at zero the pad drops away, altitude and velocity count up on a mission-control console, the booster parts and an orbit draws round a ringed planet as the offer rises. Painted like a pulp paperback cover in rust, mustard, teal and cream; the lift-off lands on the music\u2019s drop (made by PopCraft, CC0), with burned-in captions. 9:16 with 1:1 and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "space opera", "space", "rocket", "launch", "countdown", "lift-off", "retro", "pulp", "mission control", "planet", "counter", "saas", "reel", "captions", "music", "audio"],
-    platforms: ["instagram", "tiktok", "youtube", "linkedin", "x"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["launch", "countdown", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit("Space opera launch countdown reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    spaceBrand(k);
-    k.textStyle("Eyebrow 26", { size: 26, fontWeight: 700, letterSpacing: 5, lineHeight: 34, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Clock 132", { ...MONO, size: 132, fontWeight: 800, letterSpacing: -5, lineHeight: 140, textAlign: "CENTER" });
-    k.textStyle("Clock 108", { ...MONO, size: 108, fontWeight: 800, letterSpacing: -4, lineHeight: 116, textAlign: "CENTER" });
-    k.textStyle("Console 18", { ...MONO, size: 18, fontWeight: 700, letterSpacing: 2.5, lineHeight: 24, textCase: "UPPER" });
-    k.textStyle("Readout label 16", { ...MONO, size: 16, fontWeight: 600, letterSpacing: 2, lineHeight: 22, textCase: "UPPER" });
-    k.textStyle("Readout 40", { ...MONO, size: 40, fontWeight: 800, letterSpacing: -1.5, lineHeight: 46 });
-    k.textStyle("Caption 38", { ...SERIF, size: 38, fontWeight: 800, letterSpacing: -0.6, lineHeight: 46 });
-    k.textStyle("Caption 32", { ...SERIF, size: 32, fontWeight: 800, letterSpacing: -0.4, lineHeight: 40 });
-    k.textStyle("Button 28", { size: 28, fontWeight: 800, lineHeight: 36 });
-    k.textStyle("Site 24", { ...MONO, size: 24, fontWeight: 600, lineHeight: 32 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 28", label: "Start your countdown, free", pad: [18, 30], radius: 10 });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Countdown reel");
-    k.flowSheet(sheet, 0, verticalPadding(), "paper", "SPACE_BETWEEN", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: [{ id: "a1", mediaHash: MUSIC_HASH.trailer, name: `${TRACK.title} (${TRACK.bpm} BPM, made by PopCraft, CC0)`, start: 0, in: 0, out: DURATION, lane: 0, fadeOut: 1200 }] });
-    starfield(k, sheet, { w: 1080, h: 1920, loopMs: DURATION });
-    moon(k, sheet, 0, 0, 64);
-    planet(k, sheet, PLANET);
-    orbit(k, sheet, ORBITS);
-    pad(k, sheet, { ...PAD, cx: STORY.cx, loopMs: DURATION, foreground: true });
-    gantry(k, sheet, { ...GANTRY, loopMs: DURATION });
-    rocket(k, sheet, { ...ROCKET, loopMs: DURATION });
-    smoke(k, sheet, { ...SMOKE, loopMs: DURATION });
-    const stage = (kit, id, s) => {
-      if (s.h < 1920) for (const n of kit.named(id, "Foreground")) kit.patch(n, { visible: false });
-      const one2 = (name) => kit.named(id, name)[0];
-      fitStarfield(kit, id, { w: 1080, h: s.h, loopMs: DURATION });
-      kit.patch(one2("Moon"), { x: s.moon.x - 32, y: s.moon.y - 32, width: 64, height: 64 });
-      place(kit, one2("Planet"), planetBox(PLANET), s.planet.x, s.planet.y, s.planet.scale);
-      place(kit, one2("Orbit"), orbitBox(ORBITS), s.planet.x, s.planet.y, s.planet.scale);
-      layPad(kit, one2("Pad"), PAD, s.horizon, s.h === 1080 ? { dusk: 380, beams: false } : {});
-      const deck = s.horizon - 10;
-      const gb = gantryBox(GANTRY);
-      place(kit, one2("Gantry"), gb, s.cx - s.scale * (ROCKET.h * 0.1 + gb.w / 2), deck - s.scale * gb.h / 2, s.scale);
-      standRocket(kit, one2("Rocket"), ROCKET, s.cx, deck, s.scale);
-      laySmoke(kit, one2("Smoke"), SMOKE, s.cx, s.horizon + (s.h === 1920 ? 120 : 26), s.scale);
-    };
-    stage(k, sheet, STORY);
-    const top = k.stack(sheet, { gap: 6, align: "CENTER", name: "Top" });
-    k.text(top, "{{brand.name}} 1.0 \xB7 launch day", { style: "Eyebrow 26", color: "onPaper", name: "Eyebrow" });
-    const row = k.stack(top, { height: 140, clip: true, name: "Clock row" });
-    const clock = k.text(row, "T\u201300:00:08", { style: "Clock 132", color: "text", name: "Clock", absolute: { x: 0, y: 0 } });
-    const plus = k.text(row, "T+00:00:07", { style: "Clock 132", color: "text", name: "Plus clock", absolute: { x: 0, y: 150 } });
-    const console = k.stack(sheet, { fill: "card", radius: 22, padding: { top: 24, right: 30, bottom: 28, left: 30 }, gap: 16, name: "Console", stroke: { color: "ink", width: 3, align: "INSIDE" }, effects: [{ type: "DROP_SHADOW", color: { r: 0, g: 0.04, b: 0.05, a: 0.5 }, offset: { x: 0, y: 14 }, blur: 36, spread: 0, visible: true }] });
-    const head = k.stack(console, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Console head" });
-    const left = k.stack(head, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", name: "Console name" });
-    lamps(k, left, 18);
-    k.text(left, "Mission control", { style: "Console 18", color: "onCard", autoWidth: true, name: "Console title" });
-    k.text(head, "Go for launch", { style: "Console 18", color: "onCard", autoWidth: true, name: "Status" });
-    k.rect(console, "FILL", 3, "ink", { name: "Console rule" });
-    const telemetry = k.stack(console, { direction: "HORIZONTAL", gap: 20, name: "Telemetry" });
-    const styles = { label: "Readout label 16", value: "Readout 40" };
-    readout(k, telemetry, { name: "Checks", label: "Checks green", value: "14/14", styles });
-    readout(k, telemetry, { name: "Altitude", label: "Altitude", value: "408 km", styles });
-    readout(k, telemetry, { name: "Velocity", label: "Velocity km/h", value: "27,600", styles });
-    k.rect(console, "FILL", 3, "ink", { name: "Console rule" });
-    const says = k.stack(console, { height: 92, justify: "CENTER", name: "Caption box" });
-    k.text(says, LINES[0], { style: "Caption 38", color: "onCard", name: "Caption" });
-    const foot = k.stack(console, { direction: "HORIZONTAL", gap: 20, align: "CENTER", name: "Foot" });
-    k.instance(foot, "Button", { Label: "Start your countdown, free" }, { name: "Call" });
-    k.text(foot, "{{brand.site}}", { style: "Site 24", color: "onCard", name: "Site" });
-    if (swapTimes(swaps[0]).at(-1).gone > DURATION) throw new Error("space opera reel: the captions run past the music");
-    for (const id of [clock, plus]) k.animate(id, "translateY", [{ t: 0, v: 0, ease: ease.hold }, { t: LIFTOFF - 60, v: 0, ease: ease.out("expo") }, { t: LIFTOFF + 200, v: -150 }]);
-    const one = (name) => k.named(sheet, name)[0];
-    k.animate(one("Plume"), "opacity", [{ t: 0, v: 0, ease: ease.hold }, { t: IGNITION, v: 0, ease: ease.out("cubic") }, { t: IGNITION + 300, v: 1, ease: ease.hold }, { t: SEPARATION, v: 1, ease: ease.out("cubic") }, { t: SEPARATION + 300, v: 0 }]);
-    k.animate(one("Rocket"), "translateY", [{ t: 0, v: 0, ease: ease.hold }, { t: LIFTOFF, v: 0, ease: ease.inOut("cubic") }, { t: LIFTOFF + beat(5), v: -70, ease: ease.inOut("sine") }, { t: DURATION, v: -100 }]);
-    for (const name of ["Pad", "Gantry", "Smoke"]) k.animate(one(name), "translateY", [{ t: 0, v: 0, ease: ease.hold }, { t: LIFTOFF, v: 0, ease: ease.named("cubic", "in") }, { t: LIFTOFF + beat(6), v: 1500 }]);
-    climbStars(k, sheet, LIFTOFF, DURATION, 400, ease.inOut("sine"));
-    k.animate(one("Planet"), "translateY", [{ t: 0, v: 0, ease: ease.hold }, { t: LIFTOFF, v: 0, ease: ease.inOut("sine") }, { t: DURATION, v: 90 }]);
-    k.animate(one("Orbit"), "translateY", [{ t: 0, v: 0, ease: ease.hold }, { t: LIFTOFF, v: 0, ease: ease.inOut("sine") }, { t: DURATION, v: 90 }]);
-    k.animate(one("Moon"), "translateY", [{ t: 0, v: 0, ease: ease.hold }, { t: LIFTOFF, v: 0, ease: ease.inOut("sine") }, { t: DURATION, v: 50 }]);
-    const booster = one("Booster");
-    k.animate(booster, "translateY", [{ t: 0, v: 0, ease: ease.hold }, { t: SEPARATION, v: 0, ease: ease.named("quad", "in") }, { t: SEPARATION + beat(6), v: 1100 }]);
-    k.animate(booster, "rotation", [{ t: 0, v: 0, ease: ease.hold }, { t: SEPARATION, v: 0, ease: ease.linear }, { t: SEPARATION + beat(6), v: -9 }]);
-    k.animate(one("Upper plume"), "opacity", [{ t: 0, v: 0, ease: ease.hold }, { t: SEPARATION + 150, v: 0, ease: ease.out("cubic") }, { t: SEPARATION + 450, v: 1 }]);
-    drawOrbit(k, one("Orbit"), ORBIT, ORBIT + beat(5), ease.inOut("cubic"));
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    k.variants(sheet, feedVariants({ post: 44, portrait: 60 }, {
-      post: (kit, id) => {
-        for (const name of ["Clock", "Plus clock"]) for (const n of kit.named(id, name)) kit.restyle(n, "Clock 108");
-        for (const n of kit.named(id, "Clock row")) kit.patch(n, { height: 116 });
-        for (const n of kit.named(id, "Plus clock")) kit.patch(n, { y: 150 });
-        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 32");
-        for (const n of kit.named(id, "Caption box")) kit.patch(n, { height: 80 });
-        for (const n of kit.named(id, "Console")) kit.patch(n, { itemSpacing: 12, padding: { top: 18, right: 26, bottom: 20, left: 26 } });
-        stage(kit, id, { h: 1080, horizon: 640, cx: 420, scale: 0.6, planet: { x: 850, y: 400, scale: 0.72 }, moon: { x: 110, y: 300 } });
-      },
-      portrait: (kit, id) => stage(kit, id, { h: 1350, horizon: 830, cx: 480, scale: 0.84, planet: { x: 860, y: 540, scale: 0.9 }, moon: { x: 130, y: 400 } })
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  space_opera_countdown_reel_default
-};