@popcraft/kit 0.53.4 → 0.53.6

package/dist/chunks/chunk-YD2MKC7X.js

@@ -1,180 +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 {
-  WRECK,
-  caseBrand,
-  caseLid,
-  caseType,
-  fitCaseLid,
-  laminate,
-  placeTapeList,
-  tapeList,
-  tapeRoll
-} from "./chunk-DJE6HUUO.js";
-import {
-  pruneStyles
-} from "./chunk-5XCBGNIO.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-3YQOE5KZ.js";
-import {
-  bed
-} from "./chunk-KHGNV7UQ.js";
-import {
-  hardShadow
-} from "./chunk-YORIY3BT.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion/tour-tickets-wreck-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var T = WRECK;
-var { beat, duration: DURATION, audio: music } = bed(T.track, 30);
-var plain = T.dates.filter((d) => d.status !== "new").length;
-var cues = [
-  // The hook: the name is sprayed on the first beat, the tour under it on the off-beat.
-  { layer: "Title", preset: "wipe-in", at: beat(0), params: { duration: 380, direction: "right" } },
-  { layer: "Tour line", preset: "drop-in", at: beat(0.5), params: { duration: 300, distance: 30 } },
-  // The dates: a strip a beat, slapped down with a little overshoot.
-  { layer: "Strip", preset: "drop-in", at: beat(1.5), params: { duration: 260, distance: 46 }, stagger: { delay: beat(1) } },
-  // Three nights sell out: a stamp on each half beat, and the lid jolts.
-  { layer: "Sold stamp", preset: "drop-in", at: beat(1.5 + plain + 0.5), params: { duration: 180, distance: 24 }, stagger: { delay: beat(0.5) } },
-  { layer: "Lid", preset: "shake", at: beat(1.5 + plain + 0.5), params: { duration: 700, distance: 8 } },
-  // Second nights are added: fluorescent strips land in the gaps.
-  { layer: "New strip", preset: "drop-in", at: beat(15), params: { duration: 260, distance: 60 }, stagger: { delay: beat(1) } },
-  { layer: "Strip tag", preset: "pulse", at: beat(18), params: { duration: 540, amount: 0.12 }, stagger: { delay: 90 } },
-  // The presale laminate swings up, and its code is pushed on the downbeats after.
-  { layer: "Laminate", preset: "rise-in", at: beat(1), params: { duration: 540, distance: 420 } },
-  { layer: "Laminate", preset: "wobble", at: beat(20), params: { duration: 1090, amount: 3 } },
-  { layer: "Code", preset: "pulse", at: beat(23), params: { duration: 540, amount: 0.08 } },
-  { layer: "Code", preset: "pulse", at: beat(27), params: { duration: 540, amount: 0.08 } },
-  // The last bars keep moving with the music: the sold-out blocks hit again, the new dates flash, the name thumps and the lid rattles.
-  { layer: "Sold stamp", preset: "shake", at: beat(22), params: { duration: 540, distance: 6 }, stagger: { delay: beat(0.5) } },
-  { layer: "Strip tag", preset: "pulse", at: beat(24), params: { duration: 540, amount: 0.12 }, stagger: { delay: 90 } },
-  { layer: "Title", preset: "pulse", at: beat(25), params: { duration: 540, amount: 0.05 } },
-  { layer: "Lid", preset: "shake", at: beat(26), params: { duration: 540, distance: 6 } },
-  { layer: "Laminate", preset: "wobble", at: beat(28), params: { duration: 1090, amount: 3 } }
-];
-var swaps = [captionSwap(["The Weatherproof tour is here.", "Three nights gone in hours.", "Manchester and London: second nights.", "Fan presale: Tuesday, 10am GMT."], 0, DURATION, { stagger: 60, in: 280, out: 220, rise: 26 })];
-var NAME = `Tour tickets announcement reel: ${T.act}`;
-function lay(k, id, w, h) {
-  const at = (name, x, y, more = {}) => {
-    for (const n of k.named(id, name)) k.patch(n, { x, y, ...more });
-    if (name === "Title box" && more.width) for (const t of k.named(id, "Title")) k.patch(t, { width: more.width });
-  };
-  const scaled = (name, x, y, s, r = 0) => at(name, x, y, { scaleX: s, scaleY: s, anchorX: 0, anchorY: 0, rotation: r });
-  let list;
-  if (w === 1080 && h === 1920) {
-    at("Title box", 140, 250, { width: 800 });
-    at("Tour line", 140, 462, { width: 800 });
-    list = { x: 146, y: 528, scale: 0.985, gap: 14, cols: 2, colGap: 20, shape: "short" };
-    at("Caption strip", 140, 1060, { width: 800 });
-    scaled("Laminate", 272, 1140, 0.9, 2);
-    at("Roll cream", 36, 1500);
-    at("Roll orange", 846, 1620);
-  } else if (w === h) {
-    at("Title box", 70, 64, { width: 600 });
-    at("Tour line", 70, 252, { width: 600 });
-    list = { x: 74, y: 420, scale: 0.98, gap: 14, cols: 2, colGap: 20, shape: "short" };
-    at("Caption strip", 70, 968, { width: 940 });
-    scaled("Laminate", 714, 52, 0.5, 2);
-    at("Roll cream", 860, 520);
-    at("Roll orange", 930, 900);
-  } else if (h > w) {
-    at("Title box", 70, 72, { width: 600 });
-    at("Tour line", 70, 292, { width: 600 });
-    list = { x: 76, y: 480, scale: 1.13, gap: 14, cols: 2, colGap: 20, shape: "short" };
-    at("Caption strip", 70, 1118, { width: 940 });
-    at("Leg two", 70, 1212, { visible: true, width: 940 });
-    scaled("Laminate", 700, 56, 0.54, 2);
-    at("Roll cream", 880, 560);
-    at("Roll orange", 940, 1180);
-  } else {
-    at("Title box", 120, 96, { width: 720 });
-    at("Tour line", 120, 360, { width: 720 });
-    list = { x: 904, y: 100, scale: 1.12, gap: 14, cols: 2, colGap: 20, shape: "short" };
-    at("Caption strip", 904, 712, { width: 896 });
-    at("Leg two", 904, 812, { visible: true, width: 896 });
-    scaled("Laminate", 150, 430, 0.76, 2);
-    at("Roll cream", 640, 820);
-    at("Roll orange", 1780, 900);
-  }
-  placeTapeList(k, id, T.dates, list);
-}
-var tour_tickets_wreck_reel_default = defineTemplate({
-  id: "motion-tour-tickets-wreck-reel",
-  meta: {
-    name: NAME,
-    description: "A 16-second vertical tour announcement for an arena rock band, drawn as the lid of a flight case: the name sprayed through a stencil on the first beat, ten arena dates slapped down on strips of console tape one city a beat, SOLD OUT blocks sprayed across three nights, two fluorescent NEW DATE strips added, and the fan-club presale laminate with its date and code. Fuzz-guitar music, burned-in captions, 9:16 with 1:1, 4:5 and 16:9",
-    category: "animation",
-    tags: ["animation", "tour", "tickets", "concert", "arena", "rock", "band", "tour dates", "sold out", "presale", "announcement", "road case", "flight case", "audio", "music", "captions", "reel"],
-    platforms: ["instagram", "tiktok", "youtube", "facebook", "x"],
-    formats: ["reel", "short", "story", "post", "portrait-post", "video"],
-    useCases: ["announcement", "event", "presale"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, swaps },
-  build() {
-    const k = new Kit(NAME, preset("ig-story"));
-    k.quantizeGeometry = true;
-    caseBrand(k, { name: "HALCYON WRECK" });
-    caseType(k);
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: music });
-    const lid = k.frame(sheet, { x: 0, y: 0, width: 1080, height: 1920 }, { name: "Lid" });
-    k.patch(lid, { layoutPositioning: "ABSOLUTE" });
-    caseLid(k, lid, 1080, 1920);
-    tapeRoll(k, lid, 220, "card", { x: 0, y: 0, name: "Roll cream" });
-    tapeRoll(k, lid, 170, "primary", { x: 0, y: 0, name: "Roll orange" });
-    const tb = k.stack(lid, { width: 800, name: "Title box", absolute: { x: 0, y: 0 } });
-    k.text(tb, "{{brand.name}}", { style: "Stencil 118", color: "text", width: "FILL", name: "Title", effects: [hardShadow(k, "primary", 7, 7)] });
-    k.text(lid, `${T.tour.toUpperCase()} \xB7 WORLD TOUR ${T.year}`, { style: "Tour 30", color: "text", width: 800, name: "Tour line", absolute: { x: 0, y: 0 } });
-    const leg = k.stack(lid, { direction: "HORIZONTAL", gap: 16, align: "CENTER", fill: "card", radius: 4, padding: { top: 12, right: 18, bottom: 12, left: 18 }, name: "Leg two", absolute: { x: 0, y: 0 } });
-    k.text(leg, T.leg2.label, { style: "Label 22", color: "onCard", autoWidth: true, name: "Leg label" });
-    k.text(leg, `${T.leg2.when}: ${T.leg2.cities.join(", ")}`, { style: "Label 18", color: "onCard", name: "Leg cities", width: "FILL" });
-    k.patch(leg, { visible: false });
-    tapeList(k, lid, T.dates, { x: 0, y: 0, scale: 1, gap: 14, cols: 2, shape: "short" });
-    captionStrip(k, lid, swaps[0].words[0], { style: "Caption 36", fill: "card", ink: "onCard", width: 800, radius: 4, pad: [12, 20] });
-    for (const n of k.named(lid, "Caption strip")) k.patch(n, { layoutPositioning: "ABSOLUTE" });
-    laminate(k, lid, T);
-    lay(k, lid, 1080, 1920);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    const size = (kit, id, w, h, title) => {
-      if (title) for (const t of kit.named(id, "Title")) kit.restyle(t, title);
-      for (const l of kit.named(id, "Lid")) {
-        kit.patch(l, { x: 0, y: 0, width: w, height: h });
-        fitCaseLid(kit, l, w, h);
-        lay(kit, l, w, h);
-      }
-    };
-    k.variants(sheet, [
-      { preset: "ig-post", adjust: (kit, id) => size(kit, id, 1080, 1080, "Stencil 92") },
-      { preset: "ig-portrait", adjust: (kit, id) => size(kit, id, 1080, 1350) },
-      { preset: "video-1080p", adjust: (kit, id) => size(kit, id, 1920, 1080) }
-    ]);
-    pruneStyles(k);
-    return k.finish();
-  }
-});
-
-export {
-  tour_tickets_wreck_reel_default
-};

package/dist/chunks/chunk-YFGWK35C.js

@@ -1,272 +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 {
-  SERVICES,
-  SPANWISE,
-  body,
-  code,
-  dataBrand,
-  dataButton,
-  display,
-  extendSparks,
-  figure,
-  filterChip,
-  heatMap,
-  kpiRow,
-  label,
-  lockup,
-  panel,
-  rangePicker,
-  resort,
-  servicesTable,
-  sortedByP99,
-  spikeRow,
-  ts,
-  widenConsole
-} from "./chunk-QMU6HJDZ.js";
-import {
-  camera,
-  float,
-  reelCuts,
-  reelSheet,
-  section,
-  wideCut
-} from "./chunk-YUJ6YBZ6.js";
-import {
-  clicks,
-  glide,
-  pointer
-} from "./chunk-2PJUAVAE.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-3YQOE5KZ.js";
-import {
-  hide,
-  restyle
-} from "./chunk-LWSZATOL.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion/style-data-launch-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("tension", 0, 8);
-var { beat } = S;
-var NAME = "Data SaaS launch reel";
-var WIN = { w: 800, h: 680 };
-var ROW_H = 60;
-var ROWS = 150;
-var SPIKE = beat(8);
-var PUSH = beat(9);
-var SORT = beat(14);
-var FIX = beat(20);
-var CLOSE = beat(24);
-var HOOKS = ["Checkout just got 13\xD7 slower.", "Spanwise flagged it in 38 seconds.", "See the regression before your customers do."];
-var KICKERS = [`${SPANWISE.service} \xB7 ${SPANWISE.region} \xB7 ${SPANWISE.at}`, `cause: ${SPANWISE.deploy}, deployed 14:02:11`, `${SPANWISE.name} ${SPANWISE.version} \xB7 observability at scale`];
-var ROWS_SHOWN = SERVICES.slice(0, 6);
-var TABLE_TOP = 56 + 1 + 52 + 116 + 1 + 36 + 1;
-var ANOMALY = ROWS_SHOWN.findIndex((s) => s.anomaly);
-var SHOTS = [
-  { t: PUSH, duration: 700, zoom: 1.4, x: 286, y: TABLE_TOP + ANOMALY * ROW_H + ROW_H / 2 },
-  { t: beat(13), duration: 700, zoom: 1 }
-];
-var cues = [
-  { layer: "Brand row", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Hook", preset: "words-in", at: 0, params: { duration: 650 } },
-  { layer: "Hook kicker", preset: "typewriter", at: 150, params: { duration: 700 } },
-  { layer: ["Service row", "Anomaly row"], preset: "slide-in", at: ROWS, stagger: { delay: 90, order: "selection" }, params: { direction: "left", distance: 60, duration: 450 } },
-  { layer: "Heat cell", preset: "fade-in", at: 100, stagger: { delay: 4, order: "selection" }, params: { duration: 260 } },
-  { layer: "Hot cell", preset: "pop-in", at: SPIKE, stagger: { delay: 70, order: "selection" }, params: { duration: 360 } },
-  { layer: "Sort chip", preset: "pop-in", at: SORT, params: { duration: 420 } },
-  { layer: "Toast", preset: "pulse", at: beat(17), params: { duration: 800, amount: 0.03 } },
-  { layer: "Call", preset: "pulse", at: CLOSE + beat(2), params: { duration: 1600, amount: 0.05 } }
-];
-var counts = [
-  { layer: "Requests figure", at: ROWS, duration: beat(6), counter: { from: 48.1, to: 52.6, decimals: 1, suffix: "k" } },
-  { layer: "Apdex figure", at: SPIKE, duration: beat(2), counter: { from: 0.97, to: 0.81, decimals: 2, value: 0.96 } }
-];
-var swaps = [captionSwap(["Checkout went 13\xD7 slower, instantly.", "Spanwise flagged it in seconds.", "It named the guilty deploy.", "Rolled back before customers noticed."], 0, S.duration - 30, { stagger: 50, in: 240, out: 180, rise: 10 })];
-var style_data_launch_reel_default = defineTemplate({
-  id: "motion-saas-style-data-launch-reel",
-  meta: {
-    name: NAME,
-    description: "A 16-second launch video in a data-dense enterprise look for an observability platform: a live services console with sparklines in every row, KPI tiles that tick and a heat map that lights cell by cell. A checkout service spikes from 182 ms to 2,340 ms, the row is flagged and the camera pushes in, a sort by p99 slides the rows to new places and a rollback brings it back. Semantic colour only, tabular figures, music and burned-in captions. 9:16 with square, 4:5 and 16:9 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "data", "dashboard", "enterprise", "observability", "devops", "b2b", "table", "heat map", "sparkline", "launch", "reel", "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;
-    dataBrand(k);
-    ts(k, "Brand 30", display(30));
-    ts(k, "Live 18", label(18));
-    ts(k, "Kicker 22", code(22));
-    ts(k, "Hook 60", display(60, { lead: 1.08 }));
-    ts(k, "Hook 50", display(50, { lead: 1.08 }));
-    ts(k, "Hook 68", display(68, { lead: 1.08 }));
-    ts(k, "Panel 20", label(20));
-    ts(k, "Panel sub 18", code(18));
-    ts(k, "Chip 18", code(18));
-    ts(k, "Head 16", label(16));
-    ts(k, "Name 22", code(22));
-    ts(k, "Sub 17", code(17));
-    ts(k, "Cell 22", figure(22, 500));
-    ts(k, "Kpi fig 36", figure(36));
-    ts(k, "Delta 17", figure(17, 600));
-    ts(k, "Toast 19", body(19, 500));
-    ts(k, "Caption 34", display(34, { lead: 1.3 }));
-    ts(k, "Button 28", display(28));
-    ts(k, "Site 22", code(22));
-    dataButton(k, "Call", { style: "Button 28", label: "Start a 14-day trial", pad: [20, 32] });
-    dataButton(k, "Mini", { style: "Panel sub 18", label: "Roll back", pad: [8, 14] });
-    const sheet = reelSheet(k, S, { name: "Launch reel", gap: 22, justify: "MIN" });
-    heatMap(k, sheet, { cols: 36, rows: 14, cell: 26, gap: 4, hotRow: 4, hotCol: 28, name: "Heat foot", absolute: { x: 2, y: 1474 }, dim: 0.85 });
-    const brandRow = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Brand row" });
-    lockup(k, brandRow, { size: 44, style: "Brand 30" });
-    const live = k.stack(brandRow, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", name: "Live" });
-    const liveDot = k.ellipse(live, 10, "up", { name: "Live dot" });
-    k.text(live, `LIVE \xB7 ${SPANWISE.regions} REGIONS`, { style: "Live 18", color: "onPaper", autoWidth: true, name: "Live words" });
-    const hookBox = k.stack(sheet, { gap: 10, name: "Hook box" });
-    const kicker = k.text(hookBox, KICKERS[0], { style: "Kicker 22", color: "onPaper", name: "Hook kicker" });
-    const hook = k.text(hookBox, HOOKS[0], { style: "Hook 60", color: "text", name: "Hook" });
-    const stage = k.stack(sheet, { width: WIN.w, height: WIN.h, clip: true, radius: 10, name: "Stage" });
-    const cam = k.frame(stage, { x: 0, y: 0, width: WIN.w, height: WIN.h }, { name: "Camera" });
-    const win = panel(k, cam, { width: WIN.w, height: WIN.h, name: "Console", absolute: { x: 0, y: 0 } });
-    const bar = k.stack(win, { direction: "HORIZONTAL", height: 56, align: "CENTER", justify: "SPACE_BETWEEN", padding: { top: 0, right: 20, bottom: 0, left: 20 }, name: "Title bar" });
-    const tl = k.stack(bar, { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", name: "Title left" });
-    k.text(tl, "SERVICES", { style: "Panel 20", color: "onCard", autoWidth: true, name: "Panel title" });
-    k.text(tl, `prod \xB7 ${SPANWISE.services.toLocaleString("en-US")} services`, { style: "Panel sub 18", color: "cardMuted", autoWidth: true, name: "Panel sub" });
-    rangePicker(k, bar, "Last 15 min", { style: "Chip 18" });
-    k.rect(win, "FILL", 1, "line", { name: "Bar rule" });
-    const chips = k.stack(win, { direction: "HORIZONTAL", height: 52, gap: 8, align: "CENTER", padding: { top: 0, right: 20, bottom: 0, left: 20 }, name: "Chips" });
-    filterChip(k, chips, "env", "prod", { style: "Chip 18" });
-    filterChip(k, chips, "team", "commerce", { style: "Chip 18" });
-    filterChip(k, chips, "region", "all", { style: "Chip 18" });
-    filterChip(k, chips, "sort", "p99 \u2193", { style: "Chip 18", on: true, name: "Sort chip" });
-    const kpis = kpiRow(k, win, [
-      { label: "REQUESTS/S", value: "52.6k", delta: "\u2191 3.1% vs 1 h", tone: "up", name: "Requests figure" },
-      { label: "ERROR RATE", value: "0.42%", delta: "steady", tone: "warn", name: "Errors figure" },
-      { label: "P99, CHECKOUT", value: "182 ms", delta: "steady", tone: "warn", name: "P99 figure" },
-      { label: "APDEX", value: "0.96", delta: "target 0.94", tone: "up", name: "Apdex figure" }
-    ], { labelStyle: "Head 16", figStyle: "Kpi fig 36", deltaStyle: "Delta 17", figW: 164 });
-    for (const t of k.named(kpis.row, "Kpi tile")) k.patch(t, { height: 116 });
-    k.rect(win, "FILL", 1, "line", { name: "Kpi rule bottom" });
-    const table = servicesTable(k, win, { w: WIN.w, rowH: ROW_H, rows: ROWS_SHOWN, cols: ["service", "p99", "err", "trend", "state"], widths: { p99: 124, err: 92, trend: 168, state: 16 }, styles: { head: "Head 16", name: "Name 22", sub: "Sub 17", fig: "Cell 22" }, sortCaret: true });
-    k.rect(win, "FILL", 1, "line", { name: "Toast rule" });
-    const toast = k.stack(win, { direction: "HORIZONTAL", height: 56, gap: 12, align: "CENTER", justify: "SPACE_BETWEEN", padding: { top: 0, right: 20, bottom: 0, left: 20 }, fill: "well", name: "Toast" });
-    const toastWords = k.text(toast, "Rolled back at 14:06 \xB7 checkout-api p99 182 ms", { style: "Toast 19", color: "onCard", width: 560, name: "Toast words" });
-    k.instance(toast, "Mini", { Label: "Roll back" }, { name: "Roll back" });
-    captionStrip(k, sheet, swaps[0].words[0], { style: "Caption 34", fill: "card", ink: "onCard", radius: 10, pad: [18, 26], stroke: { color: "line", width: 1, align: "INSIDE" } });
-    const call = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Close row" });
-    k.instance(call, "Call", { Label: "Start a 14-day trial" }, { name: "Call" });
-    k.text(call, "{{brand.site}}", { style: "Site 22", color: "onPaper", autoWidth: true, name: "Site" });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    extendSparks(k, table.rows, ROWS, beat(7));
-    const anomaly = table.rows[ANOMALY];
-    spikeRow(k, anomaly, SPIKE, { recover: FIX, loop: true });
-    resort(k, table.rows, sortedByP99(ROWS_SHOWN), ROW_H, SORT + 200, { duration: 650 });
-    if (table.caret) k.animate(table.caret, "opacity", [{ t: SORT, v: 0, ease: ease.out("cubic") }, { t: SORT + 300, v: 1 }]);
-    const redDot = k.ellipse(k.node(anomaly.dot).parentId, 10, "down", { name: "Down dot", absolute: { x: 6, y: Math.round(ROW_H / 2 - 5) } });
-    k.patch(k.node(anomaly.dot).parentId, { primaryAxisAlignItems: "MAX" });
-    k.animate(redDot, "opacity", [{ t: SPIKE, v: 0, ease: ease.hold }, { t: SPIKE + 1, v: 1, ease: ease.hold }, { t: FIX + 400, v: 1, ease: ease.inOut("sine") }, { t: FIX + 700, v: 0 }]);
-    k.patch(redDot, { opacity: 0 });
-    const p99Fig = k.named(win, "P99 figure")[0], p99Delta = k.named(win, "P99 figure delta")[0];
-    const errFig = k.named(win, "Errors figure")[0], errDelta = k.named(win, "Errors figure delta")[0];
-    const ticks = (_id, vals, at, step = 90) => vals.map((v, i) => ({ t: at + i * step, v, ease: ease.hold }));
-    const strip = (keys) => {
-      delete keys[keys.length - 1].ease;
-      return keys;
-    };
-    k.animate(p99Fig, "text.content", strip([...ticks(p99Fig, ["182 ms", "390 ms", "860 ms", "1,480 ms", "2,340 ms"], SPIKE + 60), ...ticks(p99Fig, ["1,720 ms", "940 ms", "410 ms", "236 ms", "182 ms"], FIX)]));
-    k.patch(p99Fig, { characters: "182 ms" });
-    k.animate(p99Delta, "text.content", strip([{ t: 0, v: "steady", ease: ease.hold }, { t: SPIKE + 300, v: "\u2191 12.9\xD7 at 14:02", ease: ease.hold }, { t: FIX + 400, v: "down from 2,340 at 14:06" }]));
-    k.patch(p99Delta, { characters: "down from 2,340 at 14:06" });
-    k.animate(errFig, "text.content", strip([...ticks(errFig, ["0.42%", "0.9%", "1.6%", "1.9%"], SPIKE + 120), ...ticks(errFig, ["1.2%", "0.6%", "0.44%"], FIX + 60)]));
-    k.patch(errFig, { characters: "0.44%" });
-    k.animate(errDelta, "text.content", strip([{ t: 0, v: "steady", ease: ease.hold }, { t: SPIKE + 300, v: "\u2191 4.5\xD7 at 14:02", ease: ease.hold }, { t: FIX + 400, v: "down from 1.9% at 14:06" }]));
-    k.patch(errDelta, { characters: "down from 1.9% at 14:06" });
-    const ALARM = [SPIKE + 300, FIX + 400];
-    const redTwin = (amber, words) => {
-      const tile = k.node(amber).parentId;
-      const red = k.text(tile, words, { style: "Delta 17", color: "down", autoWidth: true, name: "Alarm delta", absolute: { x: 18, y: 84 } });
-      const swap = (on, off) => [{ t: ALARM[0] - 1, v: off, ease: ease.hold }, { t: ALARM[0], v: on, ease: ease.hold }, { t: ALARM[1] - 1, v: on, ease: ease.hold }, { t: ALARM[1], v: off }];
-      k.animate(red, "opacity", swap(1, 0));
-      k.animate(red, "text.content", [{ t: ALARM[0] - 1, v: "", ease: ease.hold }, { t: ALARM[0], v: words, ease: ease.hold }, { t: ALARM[1], v: "" }]);
-      k.patch(red, { characters: "" });
-      k.animate(amber, "opacity", swap(0, 1));
-    };
-    redTwin(p99Delta, "\u2191 12.9\xD7 at 14:02");
-    redTwin(errDelta, "\u2191 4.5\xD7 at 14:02");
-    k.animate(toastWords, "text.content", strip([
-      { t: 0, v: "No regressions in the last 15 min", ease: ease.hold },
-      { t: SPIKE + 900, v: `Likely cause: ${SPANWISE.deploy}, 38 s before`, ease: ease.hold },
-      { t: FIX + 300, v: "Rolled back at 14:06 \xB7 checkout-api p99 182 ms" }
-    ]));
-    k.animate(hook, "text.content", strip([{ t: 0, v: HOOKS[0], ease: ease.hold }, { t: beat(10), v: HOOKS[1], ease: ease.hold }, { t: CLOSE, v: HOOKS[2] }]));
-    k.animate(kicker, "text.content", strip([{ t: 0, v: KICKERS[0], ease: ease.hold }, { t: beat(10), v: KICKERS[1], ease: ease.hold }, { t: CLOSE, v: KICKERS[2] }]));
-    for (const id of [hook, kicker]) k.animate(id, "opacity", [
-      { t: beat(10) - 300, v: 1, ease: ease.out("cubic") },
-      { t: beat(10) - 40, v: 0, ease: ease.hold },
-      { t: beat(10), v: 0, ease: ease.out("cubic") },
-      { t: beat(10) + 400, v: 1, ease: ease.hold },
-      { t: CLOSE - 300, v: 1, ease: ease.out("cubic") },
-      { t: CLOSE - 40, v: 0, ease: ease.hold },
-      { t: CLOSE, v: 0, ease: ease.out("cubic") },
-      { t: CLOSE + 400, v: 1 }
-    ]);
-    k.animate(liveDot, "opacity", strip(Array.from({ length: S.beats + 1 }, (_, i) => ({ t: beat(i), v: i % 2 ? 0.35 : 1, ease: ease.hold }))));
-    const hand = pointer(k, cam, { x: 736, y: 652, size: 40, fill: "onCard", edge: "well", ring: "primary" });
-    glide(k, hand, [{ t: beat(18), dx: 160, dy: 120 }, { t: FIX - 200, dx: 0, dy: 0 }]);
-    clicks(k, hand, [FIX - 100]);
-    camera(k, cam, WIN.w, WIN.h, SHOTS);
-    k.variants(sheet, [...reelCuts({ post: 48, portrait: 60 }, {
-      post: (kit, id) => {
-        kit.patch(id, { itemSpacing: 18, counterAxisSpacing: 18, padding: { top: 44, right: 40, bottom: 44, left: 40 } });
-        hide(kit, id, ["Heat foot", "Brand row"]);
-        widenConsole(kit, id, 200);
-        for (const n of ["Pointer", "Click ring"]) for (const h of kit.named(id, n)) kit.patch(h, { x: kit.node(h).x + 200 });
-        restyle(kit, id, "Hook", "Hook 50");
-      },
-      portrait: (kit, id) => {
-        kit.patch(id, { itemSpacing: 26, counterAxisSpacing: 26, padding: { top: 64, right: 140, bottom: 64, left: 140 }, primaryAxisAlignItems: "SPACE_BETWEEN" });
-        hide(kit, id, ["Heat foot"]);
-      }
-    }), wideCut(700, (kit, id, right) => {
-      kit.patch(id, { primaryAxisAlignItems: "MIN" });
-      const s = Math.min(right.width / WIN.w, right.height / WIN.h, 1.2);
-      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 });
-      for (const h of kit.named(id, "Heat foot")) kit.patch(h, { x: 110, y: 640, scaleX: 0.65, scaleY: 0.65, anchorX: 0, anchorY: 0 });
-      restyle(kit, id, "Hook", "Hook 68");
-    })]);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_data_launch_reel_default
-};

package/dist/chunks/chunk-YGJURMCD.js

@@ -1,122 +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,
-  blocks,
-  cell,
-  cursor,
-  fitGround,
-  ground,
-  lockup,
-  mono,
-  runnerGrid,
-  scan,
-  termBrand,
-  termLine,
-  termWindow
-} from "./chunk-EO4LNCIK.js";
-import {
-  board,
-  reboard,
-  restyle
-} from "./chunk-LWSZATOL.js";
-import {
-  pill
-} from "./chunk-KOAJ6HD2.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/social/style-terminal-link-preview.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Terminal SaaS link preview";
-var TERM = { w: 520, h: 420 };
-var SIZE = 18;
-var CW = cell(SIZE);
-var style_terminal_link_preview_default = defineTemplate({
-  id: "social-saas-style-terminal-link-preview",
-  meta: {
-    name: NAME,
-    description: "A link preview in the terminal look: the promise in heavy monospace on a near-black character grid, one line on what the product is, the install command, and a terminal beside it with a finished test run, runner cells lit and PASS in inverse video. 1200 \xD7 630, with a 1280 \xD7 640 GitHub social preview and a 1600 \xD7 900 X post",
-    category: "social",
-    tags: ["link preview", "open graph", "og image", "github", "saas", "terminal", "monospace", "cli", "developer tools", "product", "launch"],
-    platforms: ["web", "x", "linkedin", "facebook", "github"],
-    formats: ["og-image", "post"],
-    useCases: ["launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit(NAME, preset("og-image"));
-    k.quantizeGeometry = true;
-    termBrand(k, { tagline: "CI in 52 seconds." });
-    const term = mono(k, "Term 18", SIZE, { lead: 1.5 });
-    mono(k, "Brand 30", 30, { weight: 700, lead: 1.2 });
-    mono(k, "Display 76", 76, { weight: 800, lead: 1.05, spacing: -3 });
-    mono(k, "Display 104", 104, { weight: 800, lead: 1.05, spacing: -4 });
-    mono(k, "Sub 22", 22, { weight: 500, lead: 1.5 });
-    mono(k, "Sub 30", 30, { weight: 500, lead: 1.5 });
-    mono(k, "Site 20", 20, { weight: 500, lead: 1.3 });
-    mono(k, "Tag 22", 22, { weight: 700, lead: 1.3 });
-    mono(k, "Label 16", 16, { weight: 500, lead: 1.3 });
-    pill(k, "Tag", { fill: "primary", ink: "onPrimary", style: "Tag 22", label: `$ ${SHARD.install}`, pad: [10, 18], radius: 4 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, { top: 56, right: 56, bottom: 56, left: 64 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    ground(k, sheet, 1200, 630, { cw: 18, lh: 36 });
-    const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 44, align: "CENTER", name: "Row" });
-    const copy = k.stack(row, { gap: 22, name: "Copy" });
-    lockup(k, copy, { size: 30, style: "Brand 30", name: "Lockup" });
-    k.text(copy, "{{brand.tagline}}", { style: "Display 76", color: "text", name: "Headline" });
-    k.text(copy, "Your tests, split across 64 machines by timing. Fourteen minutes of CI, now 52 seconds.", { style: "Sub 22", color: "onPaper", name: "Sub" });
-    const foot = k.stack(copy, { direction: "HORIZONTAL", gap: 28, align: "CENTER", wrap: true, name: "Foot" });
-    k.instance(foot, "Tag", { Label: `$ ${SHARD.install}` }, { name: "Call" });
-    k.text(foot, "{{brand.site}}", { style: "Site 20", color: "onPaper", autoWidth: true, name: "Site" });
-    const product = board(k, row, TERM.w, TERM.h, 1, "Product");
-    const t = termWindow(k, product, { w: TERM.w, h: TERM.h, left: "~/acme/checkout", right: "zsh", style: "Label 16", bar: 40, pad: 20, gap: 6, absolute: { x: 0, y: 0 } });
-    termLine(k, t.body, [{ t: "$ ", c: "green" }, { t: SHARD.run, c: "onCard" }], { style: term, name: "Run line" });
-    termLine(k, t.body, [{ t: "[+]", c: "green" }, { t: " 64 runners up", c: "onCard" }, { t: ` ${SHARD.region}`, c: "cyan" }], { style: term, name: "Up line" });
-    const prog = k.stack(t.body, { direction: "HORIZONTAL", align: "CENTER", gap: Math.round(CW), padding: { top: 4, right: 0, bottom: 4, left: 0 }, name: "Progress line" });
-    blocks(k, prog, { cells: 18, cw: CW, h: 18 });
-    k.text(prog, "100%", { style: term, color: "amber", width: Math.ceil(4 * CW), name: "Percent" });
-    runnerGrid(k, t.body, { n: 64, cols: 16, size: 20, gap: 6 });
-    termLine(k, t.body, [{ t: "PASS", c: "green", tag: "ink", name: "Pass" }, { t: " 2,418 passed", c: "green" }, { t: `  ${SHARD.after}`, c: "amber" }], { style: term, name: "Pass line" });
-    termLine(k, t.body, [{ t: `was ${SHARD.before} on one machine`, c: "cardMuted" }], { style: term, name: "Was line" });
-    const idle = k.stack(t.body, { direction: "HORIZONTAL", align: "CENTER", name: "Idle line" });
-    k.text(idle, "$ ", { style: term, color: "green", autoWidth: true, name: "Prompt sign" });
-    cursor(k, idle, SIZE, { name: "Cursor" });
-    scan(k, sheet, 0.12);
-    k.variants(sheet, [
-      { preset: "github-social", adjust: (kit, id) => {
-        fitGround(kit, id, { cw: 18, lh: 36 });
-        reboard(kit, id, "Product", 1.04);
-      } },
-      { preset: "x-post", adjust: (kit, id) => {
-        kit.patch(id, { padding: { top: 80, right: 80, bottom: 80, left: 96 } });
-        fitGround(kit, id, { cw: 18, lh: 36 });
-        for (const n of kit.named(id, "Row")) kit.patch(n, { itemSpacing: 64 });
-        for (const n of kit.named(id, "Copy")) kit.patch(n, { itemSpacing: 30 });
-        reboard(kit, id, "Product", 1.36);
-        restyle(kit, id, "Headline", "Display 104");
-        restyle(kit, id, "Sub", "Sub 30");
-      } }
-    ]);
-    return k.finish();
-  }
-});
-
-export {
-  style_terminal_link_preview_default
-};