@popcraft/kit 0.29.0 → 0.31.0

package/dist/chunks/chunk-6AEB24YZ.js

@@ -0,0 +1,45 @@
+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 {
+  style_maximal_landing_default
+} from "./chunk-Q4ZDKXV5.js";
+import {
+  style_maximal_pricing_default
+} from "./chunk-22ALSAUF.js";
+import {
+  style_maximal_announcement_default
+} from "./chunk-ASTGMJ5S.js";
+import {
+  style_maximal_link_preview_default
+} from "./chunk-BBFJWGSR.js";
+import {
+  style_maximal_milestone_default
+} from "./chunk-ZMFWL54Z.js";
+import {
+  style_maximal_testimonial_default
+} from "./chunk-RRHTIONH.js";
+import {
+  style_maximal_feature_demo_default
+} from "./chunk-VC5RMGXC.js";
+import {
+  style_maximal_launch_reel_default
+} from "./chunk-RJK7KNJF.js";
+import {
+  style_maximal_header_default
+} from "./chunk-P7LCH4Q6.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/saas/style-maximal.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [style_maximal_launch_reel_default, style_maximal_feature_demo_default, style_maximal_landing_default, style_maximal_pricing_default, style_maximal_announcement_default, style_maximal_milestone_default, style_maximal_testimonial_default, style_maximal_header_default, style_maximal_link_preview_default];
+var style_maximal_default = pack;
+
+export {
+  style_maximal_default
+};

package/dist/chunks/chunk-6BMMHDIR.js

@@ -0,0 +1,133 @@
+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 {
+  DEAL,
+  MARQUEE,
+  fitShopfront,
+  marquee,
+  neonBrand,
+  puddle,
+  shopfront
+} from "./chunk-6W5XSVSX.js";
+import {
+  rainPaths
+} from "./chunk-NSF4CXZC.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  board,
+  patchAll,
+  put,
+  reboard,
+  restyle
+} from "./chunk-YHBAWSDX.js";
+import {
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/black-friday-neon-ads.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Black Friday neon display ad set";
+var SCALE = 0.62;
+var black_friday_neon_ads_default = defineTemplate({
+  id: "social-black-friday-neon-display-ads",
+  meta: {
+    name: NAME,
+    description: "Display ads for a SaaS Black Friday sale, drawn as a shopfront at night: a fully lit neon SALE sign with the discount in amber and an arrow of bulbs on a rainy brick wall, its reflection in the wet street, the offer, the code behind glass and a button. 1200 \xD7 628 and 1200 \xD7 1200, with 4:5 and LinkedIn cuts",
+    category: "social",
+    tags: ["black friday", "cyber monday", "sale", "ad", "display ad", "google ads", "saas", "neon", "neon sign", "shopfront", "night", "pricing", "annual plan", "discount code"],
+    platforms: ["web", "facebook", "linkedin", "instagram"],
+    formats: ["ad", "banner", "post", "portrait-post"],
+    useCases: ["sale", "pricing"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("ad-landscape"));
+    k.quantizeGeometry = true;
+    neonBrand(k, { name: DEAL.product, offer: "Lights on.\nPrices down.", pitch: `Every annual plan ${DEAL.off}% off until Monday midnight. ${DEAL.pitch}` }, ["paper", "text", "onPaper", "primary", "onPrimary", "accent", "onAccent", "card", "onCard", "cardMuted"]);
+    k.textStyle("Tag 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1, lineHeight: 22 });
+    k.textStyle("Display 64", { size: 64, fontWeight: 900, letterSpacing: -2.4, lineHeight: 64 });
+    k.textStyle("Display 104", { size: 104, fontWeight: 900, letterSpacing: -4, lineHeight: 102, textAlign: "CENTER" });
+    k.textStyle("Pitch 20", { size: 20, fontWeight: 500, lineHeight: 28 });
+    k.textStyle("Pitch 28", { size: 28, fontWeight: 500, lineHeight: 38, textAlign: "CENTER" });
+    k.textStyle("Code 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 1, lineHeight: 28 });
+    k.textStyle("Code 32", { ...MONO, size: 32, fontWeight: 800, letterSpacing: 1, lineHeight: 40 });
+    k.textStyle("Button 22", { size: 22, fontWeight: 800, lineHeight: 28 });
+    pill(k, "Tag", { fill: "accent", ink: "onAccent", style: "Tag 16", label: "BLACK FRIDAY \xB7 ENDS MON 30 NOV", pad: [6, 12], radius: 4 });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 22", label: `Get ${DEAL.off}% off`, pad: [16, 28], radius: 10 });
+    k.textStyle("Tag 24", { ...MONO, size: 24, fontWeight: 800, letterSpacing: 1.4, lineHeight: 30 });
+    k.textStyle("Button 32", { size: 32, fontWeight: 800, lineHeight: 40 });
+    pill(k, "Tag large", { fill: "accent", ink: "onAccent", style: "Tag 24", label: "BLACK FRIDAY \xB7 ENDS MON 30 NOV", pad: [9, 18], radius: 5 });
+    pill(k, "Button large", { fill: "primary", ink: "onPrimary", style: "Button 32", label: `Get ${DEAL.off}% off`, pad: [22, 40], radius: 12 });
+    const sheet = k.sheet;
+    const STREET = 560;
+    k.flowSheet(sheet, 0, { top: 40, right: 56, bottom: 628 - STREET + 20, left: 48 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    shopfront(k, sheet, { street: STREET, u: 0.7 });
+    k.vector(sheet, 1200, 628, rainPaths(1200, 628, 6, 20, 60, 0.22), "ice", { name: "Rain", strokeWidth: 2, opacity: 0.12, absolute: { x: 0, y: 0 } });
+    const ad = k.stack(sheet, { direction: "HORIZONTAL", gap: 44, align: "CENTER", name: "Ad" });
+    const sign = marquee(k, board(k, ad, MARQUEE.w, MARQUEE.h, SCALE, "Sign board"), {});
+    const copy = k.stack(ad, { gap: 16, name: "Copy" });
+    k.instance(copy, "Tag", { Label: "BLACK FRIDAY \xB7 ENDS MON 30 NOV" }, { name: "Dates" });
+    k.text(copy, "{{brand.offer}}", { style: "Display 64", color: "text", name: "Offer" });
+    k.text(copy, "{{brand.pitch}}", { style: "Pitch 20", color: "onPaper", name: "Pitch" });
+    const act = k.stack(copy, { direction: "HORIZONTAL", gap: 14, align: "CENTER", wrap: true, name: "Act" });
+    const code = k.stack(act, { direction: "HORIZONTAL", width: "HUG", fill: "card", radius: 10, padding: { top: 14, right: 20, bottom: 14, left: 20 }, stroke: { color: "steelEdge", width: 3, align: "INSIDE" }, name: "Code plate" });
+    k.text(code, `CODE ${DEAL.code}`, { style: "Code 22", color: "amber", autoWidth: true, name: "Code" });
+    k.instance(act, "Button", { Label: `Get ${DEAL.off}% off` }, { name: "Buy button" });
+    const at = (x0, s) => Math.round(x0 + k.node(sign.sale.frame).x * s);
+    const pool = puddle(k, sheet, sign.sale.w, sign.sale.h, sign.sale.paths, "red", { t: 19, name: "Sale puddle", absolute: { x: at(48, SCALE), y: STREET + 8 }, squash: 0.5, opacity: 0.5, blur: 8 });
+    k.patch(pool, { scaleX: SCALE, scaleY: SCALE, anchorX: 0, anchorY: 0 });
+    const tall = (kit, id, w, h, street, s) => {
+      fitShopfront(kit, id, { street, u: 0.9 });
+      patchAll(kit, id, "Rain", { x: 0, y: 0, width: w, height: h, paths: rainPaths(w, h, 6, 30, 80, 0.22) });
+      patchAll(kit, id, "Ad", { layoutMode: "VERTICAL", itemSpacing: 36, counterAxisAlignItems: "CENTER" });
+      patchAll(kit, id, "Copy", { layoutSizingHorizontal: "FILL", counterAxisAlignItems: "CENTER", itemSpacing: 22 });
+      patchAll(kit, id, "Act", { primaryAxisAlignItems: "CENTER" });
+      reboard(kit, id, "Sign board", s);
+      restyle(kit, id, "Offer", "Display 104");
+      restyle(kit, id, "Pitch", "Pitch 28");
+      restyle(kit, id, "Code", "Code 32");
+      for (const [name, comp] of [["Dates", "Tag large"], ["Buy button", "Button large"]]) for (const n of kit.named(id, name)) kit.patch(n, { mainComponentId: kit.componentIdOf(comp) });
+      patchAll(kit, id, "Code plate", { padding: { top: 20, right: 28, bottom: 20, left: 28 } });
+      const sx = Math.round((w - MARQUEE.w * s) / 2);
+      put(kit, id, "Sale puddle", Math.round(sx + k.node(sign.sale.frame).x * s), street + 12, { scaleX: s, scaleY: s * 0.8 });
+    };
+    k.variants(sheet, [
+      { preset: "ad-square", adjust: (kit, id) => {
+        kit.patch(id, { padding: { top: 64, right: 72, bottom: 150, left: 72 }, primaryAxisAlignItems: "CENTER" });
+        tall(kit, id, 1200, 1200, 1076, 1.08);
+      } },
+      { preset: "ig-portrait", adjust: (kit, id) => {
+        kit.patch(id, { padding: { top: 64, right: 64, bottom: 150, left: 64 }, primaryAxisAlignItems: "CENTER" });
+        tall(kit, id, 1080, 1350, 1226, 1.1);
+      } },
+      { preset: "linkedin-post", adjust: (kit, id) => {
+        fitShopfront(kit, id, { street: STREET - 1, u: 0.7 });
+        put(kit, id, "Rain", 0, 0, { width: 1200, height: 627 });
+      } }
+    ]);
+    return k.finish();
+  }
+});
+
+export {
+  black_friday_neon_ads_default
+};

package/dist/chunks/chunk-6CCYEZ3Z.js

@@ -0,0 +1,340 @@
+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 {
+  scanPaths
+} from "./chunk-NSF4CXZC.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  blackShadow
+} from "./chunk-M6VTXO6F.js";
+import {
+  box
+} from "./chunk-6RCDZU4R.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/saas/style-terminal-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SHARD = {
+  name: "Shardline",
+  site: "shardline.example",
+  cli: "shard",
+  version: "1.0",
+  pitch: "Split your test suite across 64 machines. A 14 minute CI run comes back in 52 seconds.",
+  tests: 2418,
+  runners: 64,
+  region: "us-east-2",
+  before: "14m08s",
+  after: "52.3s",
+  saved: "13m16s",
+  install: "npx shard init",
+  run: "shard run --runners 64",
+  /** A month per seat; a year is billed at the second figure a month. */
+  team: 20,
+  teamYear: 16,
+  scale: 60,
+  scaleYear: 48,
+  freeMinutes: "2,000"
+};
+var DARK = {
+  paper: "#090C0A",
+  text: "#E4F1E7",
+  onPaper: "#A9C6B1",
+  primary: "#3BE37D",
+  onPrimary: "#03150A",
+  card: "#0E1310",
+  onCard: "#E4F1E7",
+  cardMuted: "#97B6A0"
+};
+var DARK_SCENERY = { green: "#3BE37D", red: "#FF6F61", cyan: "#5AD6E8", amber: "#FFC753", line: "#1B261F", edge: "#2F4236", well: "#060807", scan: "#000000", ink: "#03150A" };
+var LIGHT = {
+  paper: "#F1EFE6",
+  text: "#121712",
+  onPaper: "#3F4B42",
+  primary: "#0B7A38",
+  onPrimary: "#F2FFF6",
+  card: "#FBFAF5",
+  onCard: "#121712",
+  cardMuted: "#4D5B51"
+};
+var LIGHT_SCENERY = { green: "#0B7A38", red: "#C3352A", cyan: "#0B7787", amber: "#8F5B00", line: "#DCD9CD", edge: "#B5B1A1", well: "#E9E6DA", scan: "#000000", ink: "#F2FFF6" };
+function termBrand(k, fields, o = {}) {
+  k.brand({ ...o.light ? LIGHT : DARK }, { name: SHARD.name, site: SHARD.site, ...fields });
+  k.palette({ ...o.light ? LIGHT_SCENERY : DARK_SCENERY });
+}
+function mono(k, name, size, o = {}) {
+  k.textStyle(name, { ...MONO, size, fontWeight: o.weight ?? 500, lineHeight: Math.round(size * (o.lead ?? 1.5)), letterSpacing: o.spacing ?? 0 });
+  return name;
+}
+var cell = (size) => size * 0.6;
+var gridDots = (w, h, cw, lh) => {
+  const out = [];
+  for (let y = lh; y < h; y += lh) for (let x = cw; x < w; x += cw * 2) out.push(box(Math.round(x), Math.round(y), 2, 2));
+  return out;
+};
+function ground(k, sheet, w, h, o = {}) {
+  k.vector(sheet, w, h, gridDots(w, h, o.cw ?? 24, o.lh ?? 40), k.tint("text", 0.09), { name: "Cell grid", absolute: { x: 0, y: 0 } });
+}
+function scan(k, sheet, opacity = 0.16) {
+  const { width: w, height: h } = k.node(sheet);
+  k.vector(sheet, w, h, scanPaths(w, h), "scan", { name: "Scanlines", opacity, absolute: { x: 0, y: 0 } });
+}
+function fitGround(k, sheet, o = {}) {
+  const { width: w, height: h } = k.node(sheet);
+  for (const id of k.named(sheet, "Cell grid")) k.patch(id, { x: 0, y: 0, width: w, height: h, paths: gridDots(w, h, o.cw ?? 24, o.lh ?? 40) });
+  for (const id of k.named(sheet, "Scanlines")) k.patch(id, { x: 0, y: 0, width: w, height: h, paths: scanPaths(w, h) });
+}
+function minimap(k, parent, o) {
+  const cw = o.cw ?? 14, lh = o.lh ?? 28, h = o.rows * lh;
+  const f = k.frame(parent, { x: o.x, y: o.y, width: o.width, height: h }, { name: o.name ?? "Minimap", clip: true });
+  let s = o.seed ?? 7;
+  const r = () => {
+    s = s * 16807 % 2147483647;
+    return s / 2147483647;
+  };
+  const dim = [], lit = [], key = [];
+  const cols = Math.floor(o.width / cw);
+  for (let i = 0; i < o.rows * 2; i++) {
+    let x = Math.floor(r() * 4) * 2;
+    const words = 1 + Math.floor(r() * 5);
+    for (let w = 0; w < words && x < cols - 2; w++) {
+      const len = Math.min(cols - x, 2 + Math.floor(r() * 9));
+      const p = box(x * cw, i * lh + lh * 0.3, len * cw - cw * 0.4, lh * 0.4);
+      (w === 0 ? key : r() > 0.8 ? lit : dim).push(p);
+      x += len + 1;
+    }
+  }
+  k.vector(f, o.width, h * 2, dim, k.tint("text", 0.13), { name: "Code marks", absolute: { x: 0, y: 0 } });
+  k.vector(f, o.width, h * 2, key, k.tint("cyan", 0.32), { name: "Code keys", absolute: { x: 0, y: 0 } });
+  k.vector(f, o.width, h * 2, lit, k.tint("primary", 0.4), { name: "Code lit", absolute: { x: 0, y: 0 } });
+  if (o.scroll) {
+    const steps2 = Math.floor(o.scroll.duration / o.scroll.every);
+    for (const id of k.named(f, "Code marks").concat(k.named(f, "Code keys"), k.named(f, "Code lit"))) {
+      k.animate(id, "translateY", Array.from({ length: steps2 + 1 }, (_, i) => ({ t: i * o.scroll.every, v: -(i % o.rows * lh), ...i < steps2 ? { ease: ease.hold } : {} })));
+    }
+  }
+  return f;
+}
+function tuiBox(k, parent, o) {
+  const wt = o.weight ?? 2, half = wt / 2, inset = o.inset ?? 12;
+  const frame = k.stack(parent, { width: o.w, height: o.h, name: o.name ?? "Box", ...o.absolute ? { absolute: o.absolute } : {} });
+  if (o.fill) k.rect(frame, o.w, o.h, o.fill, { name: "Box ground", absolute: { x: 0, y: 0 } });
+  const top = inset + 6;
+  const lw = o.label ? (o.labelWidth ?? 0) + 24 : 0;
+  const ry = top;
+  const paths = [{ closed: false, points: [
+    { x: inset + 24 + lw, y: ry },
+    { x: o.w - inset - half, y: ry },
+    { x: o.w - inset - half, y: o.h - inset - half },
+    { x: inset + half, y: o.h - inset - half },
+    { x: inset + half, y: ry },
+    { x: inset + 24, y: ry }
+  ] }];
+  k.vector(frame, o.w, o.h, paths, [], { name: "Box line", absolute: { x: 0, y: 0 }, stroke: { color: o.color ?? "edge", width: wt, cap: "NONE", join: "MITER" } });
+  if (o.label) k.text(frame, o.label, { style: o.style, color: o.ink ?? "cardMuted", autoWidth: true, name: "Box label", absolute: { x: inset + 36, y: 0 } });
+  const pad = o.pad ?? 24;
+  const body = k.stack(frame, { width: o.w - inset * 2 - pad * 2, gap: o.gap ?? 0, absolute: { x: inset + pad, y: top + pad }, name: "Box body" });
+  return { frame, body };
+}
+function dashRule(k, parent, w, o = {}) {
+  const cw = o.cw ?? 14;
+  return k.vector(parent, w, o.weight ?? 2, [{ closed: false, points: [{ x: 0, y: (o.weight ?? 2) / 2 }, { x: w, y: (o.weight ?? 2) / 2 }] }], [], { name: o.name ?? "Rule", stroke: { color: o.color ?? "edge", width: o.weight ?? 2, dash: [cw * 0.7, cw * 0.3], cap: "NONE" }, ...o.absolute ? { absolute: o.absolute } : {} });
+}
+function termLine(k, parent, segs, o) {
+  const row = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", gap: o.gap ?? 0, name: o.name ?? "Line", ...o.height ? { height: o.height } : {} });
+  for (const s of segs) {
+    if (s.tag) {
+      const t = k.stack(row, { direction: "HORIZONTAL", width: "HUG", fill: s.c ?? "green", padding: { top: 0, right: 8, bottom: 0, left: 8 }, name: s.name ?? "Tag" });
+      k.text(t, s.t, { style: o.style, color: s.tag, autoWidth: true, name: `${s.name ?? "Tag"} words` });
+    } else if (s.width) k.text(row, s.t, { style: o.style, color: s.c ?? "onCard", width: s.width, name: s.name ?? "Words" });
+    else k.text(row, s.t, { style: o.style, color: s.c ?? "onCard", autoWidth: true, name: s.name ?? "Words" });
+  }
+  return row;
+}
+function promptLine(k, parent, command, o) {
+  const row = k.stack(parent, { direction: "HORIZONTAL", gap: 0, align: "CENTER", name: o.name ?? "Prompt line" });
+  if (o.dir) k.text(row, `${o.dir} `, { style: o.style, color: "cyan", autoWidth: true, name: "Prompt dir" });
+  k.text(row, "$ ", { style: o.style, color: "green", autoWidth: true, name: "Prompt sign" });
+  const box2 = k.stack(row, { width: o.width, height: Math.round(o.size * 1.5), name: "Command box" });
+  k.text(box2, command, { style: o.style, color: "onCard", width: o.width, name: o.text ?? "Command" });
+  k.rect(box2, Math.round(cell(o.size)), Math.round(o.size * 1.2), "primary", { name: o.caret ?? "Command caret", absolute: { x: 0, y: 0 } });
+  return row;
+}
+function cursor(k, parent, size, o = {}) {
+  return k.rect(parent, Math.round(cell(size)), Math.round(size * 1.2), o.role ?? "primary", { name: o.name ?? "Cursor", ...o.absolute ? { absolute: o.absolute } : {} });
+}
+function blinking(k, id, freq) {
+  k.patch(id, { opacity: 0.5 });
+  k.behave(id, "opacity", [{ kind: "sine", amp: 12, freq }, { kind: "clamp", min: 0, max: 1 }]);
+}
+var SPIN = ["[|]", "[/]", "[-]", "[\\]"];
+function spinner(k, id, from, to, o = {}) {
+  const every = o.every ?? 100, keys = [];
+  if (o.before !== void 0 && from > 0) keys.push({ t: 0, v: o.before, ease: ease.hold });
+  for (let t = from, i = 0; t < to; t += every, i++) keys.push({ t, v: SPIN[i % SPIN.length], ease: ease.hold });
+  k.animate(id, "text.content", [...keys, { t: to, v: o.done ?? "[+]" }]);
+}
+function steps(k, id, values) {
+  k.animate(id, "text.content", values.map(([t, v], i) => i < values.length - 1 ? { t, v, ease: ease.hold } : { t, v }));
+}
+function clockFrames(at, duration, fromS, toS, n) {
+  const fmt = (s) => `${String(Math.floor(s / 60)).padStart(2, "0")}:${String(Math.round(s % 60)).padStart(2, "0")}`;
+  return Array.from({ length: n + 1 }, (_, i) => {
+    const u = i / n, e = 1 - (1 - u) ** 3;
+    return [Math.round(at + duration * u), fmt(Math.round(fromS + (toS - fromS) * e))];
+  });
+}
+function blocks(k, parent, o) {
+  const w = Math.round(o.cells * o.cw);
+  const bar = k.stack(parent, { width: w, height: o.h, name: o.name ?? "Bar" });
+  const dots = [];
+  for (let y = 2; y < o.h - 1; y += 4) for (let x = 1; x < w; x += 4) dots.push(box(x, y, 2, 2));
+  k.vector(bar, w, o.h, dots, k.tint("cardMuted", 0.45), { name: "Bar track", absolute: { x: 0, y: 0 } });
+  for (let i = 0; i < o.cells; i++) k.rect(bar, Math.ceil(o.cw), o.h, o.role ?? "green", { name: "Block", absolute: { x: Math.round(i * o.cw), y: 0 } });
+  return bar;
+}
+function runnerGrid(k, parent, o) {
+  const rows = Math.ceil(o.n / o.cols), w = o.cols * (o.size + o.gap) - o.gap, h = rows * (o.size + o.gap) - o.gap;
+  const f = k.stack(parent, { width: w, height: h, name: o.name ?? "Runners" });
+  const cells = [];
+  for (let i = 0; i < o.n; i++) cells.push(box(i % o.cols * (o.size + o.gap), Math.floor(i / o.cols) * (o.size + o.gap), o.size, o.size));
+  k.vector(f, w, h, cells, "line", { name: "Runner slots", absolute: { x: 0, y: 0 } });
+  const order = Array.from({ length: o.n }, (_, i) => i);
+  let s = o.seed ?? 11;
+  for (let i = order.length - 1; i > 0; i--) {
+    s = s * 16807 % 2147483647;
+    const j = s % (i + 1);
+    [order[i], order[j]] = [order[j], order[i]];
+  }
+  for (const i of order) k.rect(f, o.size, o.size, "green", { name: "Runner", absolute: { x: i % o.cols * (o.size + o.gap), y: Math.floor(i / o.cols) * (o.size + o.gap) } });
+  return f;
+}
+var lift = (y = 30, blur = 80, a = 0.6) => blackShadow(a, y, blur);
+function termWindow(k, parent, o) {
+  const bar = o.bar ?? 52, pad = o.pad ?? 28;
+  const win = k.stack(parent, { width: o.w, height: o.h, fill: "card", radius: 6, clip: true, stroke: { color: "edge", width: 2, align: "INSIDE" }, name: o.name ?? "Terminal", ...o.shadow === false ? {} : { effects: [lift()] }, ...o.absolute ? { absolute: o.absolute } : {} });
+  const top = k.stack(win, { direction: "HORIZONTAL", height: bar, fill: "well", align: "CENTER", justify: "SPACE_BETWEEN", padding: { top: 0, right: 20, bottom: 0, left: 0 }, name: "Title strip" });
+  const tab = k.stack(top, { direction: "HORIZONTAL", width: "HUG", height: bar, fill: "card", align: "CENTER", gap: 12, padding: { top: 0, right: 20, bottom: 0, left: 20 }, name: "Tab" });
+  k.rect(tab, 10, 10, "green", { name: "Tab mark" });
+  k.text(tab, o.left, { style: o.style, color: "onCard", autoWidth: true, name: "Tab title" });
+  if (o.right) k.text(top, o.right, { style: o.style, color: "cardMuted", autoWidth: true, name: "Shell" });
+  k.rect(win, "FILL", 2, "edge", { name: "Title rule" });
+  const body = k.stack(win, { height: o.h - bar - 2, padding: pad, gap: o.gap ?? 0, clip: true, name: "Session" });
+  return { win, body, bar };
+}
+function lockup(k, parent, o) {
+  const row = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", gap: Math.round(o.size * 0.45), align: "CENTER", name: o.name ?? "Lockup" });
+  const tile = k.stack(row, { width: "HUG", fill: "primary", radius: 2, padding: Math.round(o.size * 0.18), name: "Logo tile" });
+  k.logo(tile, o.size, o.size);
+  const words = k.stack(row, { direction: "HORIZONTAL", width: "HUG", gap: 4, align: "CENTER", name: "Brand words" });
+  k.text(words, "{{brand.name}}", { style: o.style, color: o.ink ?? "text", autoWidth: true, name: "Brand name" });
+  if (o.cursor !== false) k.rect(words, Math.round(o.size * 0.42), Math.round(o.size * 0.72), "primary", { name: "Brand cursor" });
+  return row;
+}
+var M = (size, weight, lead, spacing = 0) => ({ ...MONO, size, fontWeight: weight, lineHeight: Math.round(size * lead), letterSpacing: spacing });
+var WEB_TYPE = {
+  "Nav 15": M(15, 500, 1.5),
+  "Brand 18": M(18, 700, 1.4),
+  "Button 15": M(15, 700, 1.5),
+  "Label 13": M(13, 500, 1.5, 0.5),
+  "Term 15": M(15, 500, 1.6),
+  "Term 13": M(13, 500, 1.6),
+  "Display 60": M(60, 800, 1.1, -2.4),
+  "Display 50": M(50, 800, 1.1, -2),
+  "Display 40": M(40, 800, 1.12, -1.4),
+  "Display 32": M(32, 800, 1.15, -1),
+  "Section 36": M(36, 700, 1.2, -1),
+  "Section 30": M(30, 700, 1.2, -0.8),
+  "Section 24": M(24, 700, 1.25, -0.5),
+  "Lead 18": M(18, 400, 1.6),
+  "Lead 16": M(16, 400, 1.6),
+  "Body 15": M(15, 400, 1.6),
+  "Small 13": M(13, 400, 1.6),
+  "Figure 64": M(64, 800, 1.05, -2),
+  "Figure 44": M(44, 800, 1.05, -1.4),
+  "Quote 24": M(24, 500, 1.5, -0.3),
+  "Quote 18": M(18, 500, 1.5),
+  "Price 40": M(40, 800, 1.1, -1.2),
+  "Price 32": M(32, 800, 1.1, -1)
+};
+var WEB_STEPS = {
+  "Display 60": { laptop: "Display 50", tablet: "Display 50", mobile: "Display 32" },
+  "Section 36": { tablet: "Section 30", mobile: "Section 24" },
+  "Lead 18": { mobile: "Lead 16" },
+  "Figure 64": { mobile: "Figure 44" },
+  "Quote 24": { mobile: "Quote 18" },
+  "Price 40": { mobile: "Price 32" }
+};
+function sectionHead(k, parent, o) {
+  const head = k.stack(parent, { gap: 14, name: o.name });
+  k.text(head, `## ${o.label}`, { style: o.s("Label 13"), color: "onPaper", name: `${o.name} label` });
+  k.text(head, o.title, { style: o.s(o.titleStyle ?? "Section 36"), color: "text", name: `${o.name} title` });
+  if (o.body) k.text(head, o.body, { style: o.s("Body 15"), color: "onPaper", name: `${o.name} body` });
+  return head;
+}
+function marquee(k, parent, o) {
+  const period = o.names.length * o.item;
+  const strip = k.stack(parent, { direction: "HORIZONTAL", height: o.height, clip: true, name: o.name ?? "Marquee" });
+  const n = Math.floor(o.duration / o.every);
+  o.names.forEach((label, i) => {
+    const cellId = k.stack(strip, { direction: "HORIZONTAL", width: o.item, height: o.height, align: "CENTER", absolute: { x: 0, y: 0 }, name: "Wordmark" });
+    k.text(cellId, `[ ${label} ]`, { style: o.style, color: "onPaper", autoWidth: true, name: "Wordmark name" });
+    const at = (j) => {
+      const raw = i * o.item - j * o.step;
+      return ((raw + o.item) % period + period) % period - o.item;
+    };
+    k.patch(cellId, { translateX: at(0) });
+    k.animate(cellId, "translateX", Array.from({ length: n + 1 }, (_, j) => ({ t: j * o.every, v: at(j), ...j < n ? { ease: ease.hold } : {} })));
+  });
+  return strip;
+}
+function panel(k, parent, o) {
+  const p = k.stack(parent, { width: o.width ?? "FILL", fill: "card", stroke: { color: "edge", width: 2, align: "INSIDE" }, radius: 4, clip: true, name: o.name });
+  const head = k.stack(p, { direction: "HORIZONTAL", fill: "well", align: "CENTER", gap: 10, padding: { top: 8, right: 16, bottom: 8, left: 16 }, name: "Panel head" });
+  k.rect(head, 8, 8, "green", { name: "Panel mark" });
+  k.text(head, o.label, { style: o.style, color: "cardMuted", name: "Panel label" });
+  k.rect(p, "FILL", 2, "edge", { name: "Panel rule" });
+  const body = k.stack(p, { padding: o.pad ?? 20, gap: o.gap ?? 0, name: "Panel body" });
+  return { panel: p, body };
+}
+
+export {
+  SHARD,
+  termBrand,
+  mono,
+  cell,
+  ground,
+  scan,
+  fitGround,
+  minimap,
+  tuiBox,
+  dashRule,
+  termLine,
+  promptLine,
+  cursor,
+  blinking,
+  SPIN,
+  spinner,
+  steps,
+  clockFrames,
+  blocks,
+  runnerGrid,
+  lift,
+  termWindow,
+  lockup,
+  WEB_TYPE,
+  WEB_STEPS,
+  sectionHead,
+  marquee,
+  panel
+};

package/dist/chunks/chunk-6CE3I35W.js

@@ -0,0 +1,105 @@
+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 {
+  frameRange,
+  targetSize
+} from "./chunk-ENA4K3ZQ.js";
+import {
+  audible,
+  targetSound
+} from "./chunk-2ZBIYAVY.js";
+import {
+  TIMELINE_FPS
+} from "./chunk-6YRHCDDT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// lib/io/video/plan.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var FORMAT_EXTENSION = { mp4: "mp4", webm: "webm", gif: "gif", png: "zip", lottie: "json", dotlottie: "lottie" };
+var FORMAT_MIME = { mp4: "video/mp4", webm: "video/webm", gif: "image/gif", png: "application/zip", lottie: "application/json", dotlottie: "application/zip" };
+var FORMAT_LABEL = { mp4: "MP4 video", webm: "WebM video", gif: "GIF", png: "PNG sequence (zip)", lottie: "Lottie (JSON)", dotlottie: "dotLottie" };
+var isLottieFormat = (f) => f === "lottie" || f === "dotlottie";
+var EXPORT_FPS = TIMELINE_FPS;
+var GIF_MAX_FPS = 50;
+var GIF_DEFAULT_FPS = 30;
+var RESOLUTION_EDGE = { "720p": 720, "1080p": 1080, "4k": 2160 };
+var MAX_EXPORT_SIDE = 8192;
+var GIF_MAX_TOTAL_PIXELS = 2e9;
+var BITS_PER_PIXEL = { low: 0.04, medium: 0.07, high: 0.1, "very-high": 0.16 };
+var CODEC_EFFICIENCY = { vp9: 0.7, av1: 0.6, hevc: 0.65 };
+function videoBitrate(s, codec = "avc") {
+  if (s.bitrate && s.bitrate > 0) return Math.round(s.bitrate);
+  const rate = 30 * Math.pow(s.fps / 30, 0.75);
+  const bits = s.width * s.height * rate * BITS_PER_PIXEL[s.quality ?? "high"] * (CODEC_EFFICIENCY[codec] ?? 1);
+  return Math.round(Math.min(1e8, Math.max(5e5, bits)));
+}
+var evenSize = (n) => Math.max(2, Math.floor(n) - Math.floor(n) % 2);
+function outputSize(source, preset, scale = 1, even = false) {
+  const k = preset === "source" ? scale : RESOLUTION_EDGE[preset] / Math.max(1, Math.min(source.width, source.height));
+  const round = even ? evenSize : (n) => Math.max(1, Math.round(n));
+  return { width: round(source.width * k), height: round(source.height * k) };
+}
+function targetHasAudio(doc, target) {
+  return audible(targetSound(doc, target));
+}
+var exportAudioRange = (range) => [range.start, range.start + range.count * 1e3 / range.fps];
+function targetName(doc, target) {
+  return (target.kind === "composition" ? doc.compositions?.[target.compositionId]?.name : doc.nodes[target.frameId]?.name) || "animation";
+}
+function exportFileName(name, format) {
+  const base = name.trim().replace(/\.(mp4|webm|gif|zip|json|lottie)$/i, "").replace(/[\\/:*?"<>|\u0000-\u001f]+/g, "-").replace(/^[-.\s]+|[-.\s]+$/g, "") || "animation";
+  return `${base}.${FORMAT_EXTENSION[format]}`;
+}
+function planAnimationExport(doc, req) {
+  const { target, format } = req;
+  const source = targetSize(doc, target);
+  const own = frameRange(doc, target, req.range ?? "work");
+  if (!source || !own) throw new Error(target.kind === "composition" ? "That composition no longer exists." : "That frame no longer exists.");
+  if (target.kind === "composition" && !doc.compositions?.[target.compositionId]?.clips.length) throw new Error("This composition has no scenes yet: add frames to it first.");
+  const fps = req.fps ?? (format === "gif" ? Math.min(own.fps, GIF_DEFAULT_FPS) : own.fps);
+  if (format === "gif" && fps > GIF_MAX_FPS) throw new Error(`A GIF plays at ${GIF_MAX_FPS} fps at most; pick a lower frame rate or export video.`);
+  const range = frameRange(doc, target, req.range ?? "work", fps);
+  const video = format === "mp4" || format === "webm";
+  const { width, height } = isLottieFormat(format) ? outputSize(source, "source", 1) : outputSize(source, req.resolution ?? "source", req.scale ?? 1, video);
+  if (!isLottieFormat(format) && (width > MAX_EXPORT_SIDE || height > MAX_EXPORT_SIDE)) throw new Error(`${width}\xD7${height} is larger than a frame can be rendered (${MAX_EXPORT_SIDE} px a side); pick a smaller size.`);
+  if (format === "gif" && range.count * width * height > GIF_MAX_TOTAL_PIXELS) {
+    throw new Error(`A ${width}\xD7${height} GIF of ${range.count} frames would be far too large; export MP4 or WebM, or a smaller size or rate.`);
+  }
+  return {
+    format,
+    target,
+    range,
+    width,
+    height,
+    ...video ? { quality: req.quality ?? "high", ...req.bitrate ? { bitrate: req.bitrate } : {} } : {},
+    ...video && req.audio !== false && targetHasAudio(doc, target) ? { audio: true } : {},
+    ...format === "gif" ? { gif: { palette: "global", dither: "none", loop: true, ...req.gif } } : {}
+  };
+}
+
+export {
+  FORMAT_EXTENSION,
+  FORMAT_MIME,
+  FORMAT_LABEL,
+  isLottieFormat,
+  EXPORT_FPS,
+  GIF_MAX_FPS,
+  GIF_DEFAULT_FPS,
+  RESOLUTION_EDGE,
+  MAX_EXPORT_SIDE,
+  GIF_MAX_TOTAL_PIXELS,
+  videoBitrate,
+  evenSize,
+  outputSize,
+  targetHasAudio,
+  exportAudioRange,
+  targetName,
+  exportFileName,
+  planAnimationExport
+};

package/dist/chunks/chunk-6CVPVVA3.js

@@ -0,0 +1,23 @@
+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 {
+  BLUE_HOUR
+} from "./chunk-NQWVWH6D.js";
+import {
+  adSet
+} from "./chunk-6MQXGMKX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/festival-presale-jazz-ads.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var festival_presale_jazz_ads_default = adSet(BLUE_HOUR);
+
+export {
+  festival_presale_jazz_ads_default
+};