@popcraft/kit 0.53.7 → 0.53.8

package/dist/chunks/chunk-JATD6CVG.js

@@ -1,175 +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 {
-  KITTY,
-  blink,
-  chip,
-  coin,
-  fillJar,
-  fitSoftGround,
-  hop,
-  jar,
-  lockup,
-  mochi,
-  pastelBrand,
-  pastelButton,
-  pillow,
-  pillowCard,
-  popUp,
-  puffy,
-  softGround,
-  springIn,
-  ts,
-  well
-} from "./chunk-RXOLGFHM.js";
-import {
-  hide,
-  put,
-  restyle
-} from "./chunk-LWSZATOL.js";
-import {
-  postVariants
-} from "./chunk-KOAJ6HD2.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/social/style-pastel-announcement.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Pastel SaaS announcement post";
-var DURATION = 8e3;
-var ON = 1500;
-var FLY = 2100;
-var LAND = 2800;
-var OUT = 6500;
-var CONTENT = ["Brand row", "New chip", "Hook", "Round card", "Jar side", "Foot"];
-var cues = [
-  { layer: "Brand row", preset: "fade-in", at: 100, params: { duration: 400 } },
-  springIn("New chip", 300),
-  { layer: "Hook", preset: "words-in", at: 250, params: { duration: 520, amount: 70 } },
-  springIn("Round card", 800, { from: 0.5 }),
-  springIn("Jar side", 1e3, { from: 0.5 }),
-  { layer: "Switch on", preset: "fade-in", at: ON, params: { duration: 200 } },
-  springIn("Spare chip", LAND + 300),
-  { layer: "Foot", preset: "rise-in", at: 1300, params: { duration: 500 } },
-  { layer: "Button", preset: "pulse", at: 4400, params: { duration: 800, amount: 0.05 } },
-  { layer: [...CONTENT].reverse(), preset: "pop-out", at: OUT, params: { duration: 360 }, stagger: { delay: 90, order: "selection" } }
-];
-var counts = [
-  { layer: "Jar figure", at: LAND, duration: 1100, ease: ease.out("cubic"), counter: { from: 1839.4, to: KITTY.jar.saved, decimals: 2, prefix: "$" } }
-];
-var style_pastel_announcement_default = defineTemplate({
-  id: "motion-saas-style-pastel-announcement",
-  meta: {
-    name: NAME,
-    description: "An animated feature announcement in the pastel soft UI look: the headline springs in word by word, a purchase card bounces on and its round-up switch slides on, a coin arcs into a glass jar that sloshes up on a spring as its figure counts, and a round cat mascot hops; then it all pops away to the bare ground so it loops. Eight seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "pastel", "soft ui", "playful", "mascot", "announcement", "feature", "release", "changelog", "fintech", "consumer app", "counter", "post", "loop"],
-    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["announcement", "changelog", "launch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-post"));
-    k.quantizeGeometry = true;
-    pastelBrand(k, { hook: "Spare change, now saved." });
-    pastelButton(k, "Call", { style: ts(k, "title", 28), label: "Turn on round-ups", pad: [18, 30], d: 1 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 34, 80, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    softGround(k, sheet, 1080, 1080, { loop: DURATION, seed: 13, sparkles: 6 });
-    for (const n of k.named(sheet, "Blob 1")) k.patch(n, { x: -420, y: -460 });
-    const m = mochi(k, sheet, 230, { absolute: { x: 830, y: 880 } });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top" });
-    lockup(k, top, { size: 34, style: ts(k, "title", 34) });
-    chip(k, top, `New in ${KITTY.version}`, { style: ts(k, "title", 24), fill: "butter", name: "New chip", pad: [12, 24] });
-    k.text(sheet, "{{brand.hook}}", { style: ts(k, "display", 112), color: "text", name: "Hook" });
-    const body = k.stack(sheet, { direction: "HORIZONTAL", gap: 30, align: "CENTER", name: "Body" });
-    const rc = pillowCard(k, body, { width: 560, padding: 32, gap: 20, radius: 44, depth: 1.2, name: "Round card" });
-    const head = k.stack(rc, { direction: "HORIZONTAL", gap: 18, align: "CENTER", name: "Round head" });
-    const cup = k.stack(head, { width: 76, height: 76, radius: 24, fill: "peach", align: "CENTER", justify: "CENTER", effects: puffy(1.2), name: "Cup tile" });
-    k.rect(cup, 30, 34, "milk", { radius: 8, name: "Cup", stroke: { color: "ink", width: 3.5 } });
-    const what = k.stack(head, { gap: 2, name: "Round words" });
-    k.text(what, "Flat white", { style: ts(k, "title", 34), color: "onCard", name: "Round title" });
-    k.text(what, "Card \xB7 rounded to $4.00", { style: ts(k, "body", 22), color: "cardMuted", name: "Round sub" });
-    k.text(head, "$3.40", { style: ts(k, "figure", 38), color: "onCard", autoWidth: true, name: "Round amount" });
-    const sw = k.stack(rc, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", fill: "paper", radius: 26, padding: { top: 14, right: 16, bottom: 14, left: 22 }, effects: well(0.6), name: "Switch row" });
-    k.text(sw, "Round up into Lisbon", { style: ts(k, "soft", 24), color: "text", autoWidth: true, name: "Switch label" });
-    const tr = k.stack(sw, { direction: "HORIZONTAL", width: 84, height: 48, radius: 999, fill: "track", effects: well(1), name: "Switch" });
-    k.rect(tr, 84, 48, "leaf", { radius: 999, name: "Switch on", absolute: { x: 0, y: 0 } });
-    const knob = k.ellipse(tr, 38, "milk", { name: "Switch knob", absolute: { x: 41, y: 5 }, effects: pillow(0.4) });
-    chip(k, rc, `+$${KITTY.roundUp.toFixed(2)} saved to Lisbon in May`, { style: ts(k, "soft", 22), fill: "mint", name: "Spare chip", pad: [10, 20] });
-    const side = k.stack(body, { width: 330, gap: 12, align: "CENTER", name: "Jar side" });
-    const holder = k.stack(side, { width: 190, height: 250, name: "Jar holder" });
-    const j = jar(k, holder, { w: 190, h: 250, level: 0.62, absolute: { x: 0, y: 0 }, loop: DURATION });
-    const tag = pillowCard(k, side, { width: "HUG", gap: 2, padding: { top: 14, right: 24, bottom: 16, left: 24 }, radius: 30, align: "CENTER", depth: 0.7, name: "Jar tag" });
-    k.text(tag, "$1,840.00", { style: ts(k, "figure", 40), color: "onCard", width: 210, align: "CENTER", name: "Jar figure" });
-    k.text(tag, KITTY.jar.what, { style: ts(k, "soft", 22), color: "cardMuted", autoWidth: true, name: "Jar name" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 20, align: "CENTER", name: "Foot" });
-    k.instance(foot, "Call", { Label: "Turn on round-ups" }, { name: "Button" });
-    const site = k.stack(foot, { direction: "HORIZONTAL", width: "HUG", fill: "card", radius: 999, padding: { top: 14, right: 22, bottom: 14, left: 22 }, name: "Site pill" });
-    k.text(site, "{{brand.site}}", { style: ts(k, "soft", 24), color: "onCard", autoWidth: true, name: "Site" });
-    const flyer = coin(k, sheet, 70, { name: "Spare coin", absolute: { x: 905, y: 460 } });
-    k.patch(flyer, { opacity: 0 });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    k.animate(knob, "translateX", [{ t: ON, v: -36, ease: ease.back(2.2) }, { t: ON + 420, v: 0 }]);
-    k.animate(flyer, "opacity", [{ t: FLY - 1, v: 0, ease: ease.hold }, { t: FLY, v: 1, ease: ease.hold }, { t: LAND - 80, v: 1, ease: ease.linear }, { t: LAND, v: 0 }]);
-    k.animate(flyer, "translateX", [{ t: FLY, v: -350, ease: ease.inOut("sine") }, { t: LAND, v: 0 }]);
-    k.animate(flyer, "translateY", [{ t: FLY, v: -40, ease: ease.out("quad") }, { t: FLY + 350, v: -230, ease: ease.named("quad", "in") }, { t: LAND, v: 0 }]);
-    k.animate(flyer, "rotation", [{ t: FLY, v: 0, ease: ease.linear }, { t: LAND, v: 300 }]);
-    fillJar(k, j, LAND, 1200, 0.5, 0.62);
-    popUp(k, m, 600, 260);
-    blink(k, m, [1700, 4200, 5600]);
-    hop(k, m, [LAND + 50], 70);
-    k.animate(m.root, "translateY", [{ t: OUT + 400, v: 0, ease: ease.named("back", "in") }, { t: OUT + 900, v: 260 }]);
-    k.variants(sheet, postVariants({ portrait: 80, vertical: 96 }, {
-      portrait: (kit, id) => {
-        fitSoftGround(kit, id, { loop: DURATION, seed: 13, sparkles: 6 });
-        for (const n of kit.named(id, "Blob 1")) kit.patch(n, { x: -420, y: -460 });
-        restyle(kit, id, "Hook", ts(kit, "display", 120));
-        put(kit, id, "Mochi", 830, 1150);
-        put(kit, id, "Spare coin", 905, 640);
-      },
-      vertical: (kit, id) => {
-        fitSoftGround(kit, id, { loop: DURATION, seed: 13, sparkles: 6 });
-        for (const n of kit.named(id, "Blob 1")) kit.patch(n, { x: -460, y: -300 });
-        kit.patch(id, { primaryAxisAlignItems: "MIN", itemSpacing: 28, counterAxisSpacing: 28 });
-        for (const n of kit.named(id, "Jar holder")) {
-          kit.patch(n, { width: 238, height: 313 });
-          for (const j2 of kit.named(n, "Jar")) kit.patch(j2, { scaleX: 1.25, scaleY: 1.25, anchorX: 0, anchorY: 0 });
-        }
-        restyle(kit, id, "Hook", ts(kit, "display", 104));
-        for (const n of kit.named(id, "Body")) kit.patch(n, { layoutMode: "VERTICAL", itemSpacing: 30, counterAxisAlignItems: "CENTER" });
-        for (const n of kit.named(id, "Round card")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        put(kit, id, "Mochi", 425, 1680);
-        for (const n of kit.named(id, "Mochi")) kit.patch(n, { scaleX: 1.7, scaleY: 1.7 });
-        hide(kit, id, ["Spare coin"]);
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  style_pastel_announcement_default
-};

package/dist/chunks/chunk-JBLUNTQ5.js

@@ -1,304 +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 {
-  Kit,
-  preset
-} from "./chunk-4G7VHQUV.js";
-import {
-  presetPaint,
-  shaderPreset
-} from "./chunk-Y7TG6HTD.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/game/shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var W = 1920;
-var H = 1080;
-function gameKit(name, presetId = "game-1080p") {
-  const k = new Kit(name, preset(presetId));
-  k.quantizeGeometry = true;
-  k.doc = { ...k.doc, settings: { ...k.doc.settings, showAdvance: { on: "click" }, showLoop: false } };
-  return k;
-}
-var vn = (k, id) => {
-  const v = k.doc.variables?.[id];
-  if (!v) throw new Error(`no variable ${id}`);
-  return v.name;
-};
-function gameVar(k, collection, name, type, value) {
-  const id = k.variable(collection, name, type, value);
-  return { id, n: vn(k, id) };
-}
-var SHEET_COLUMNS = 4;
-function screen(k, name, o) {
-  const id = o.first ? k.sheet : k.addScreen(name);
-  k.nameSheet(id, name);
-  const page = k.doc.nodes[k.pageId];
-  const index = page.childIds.filter((c) => k.doc.nodes[c]?.type === "FRAME").indexOf(id);
-  const f = k.node(id);
-  k.patch(id, { x: index % SHEET_COLUMNS * (f.width + 120), y: Math.floor(index / SHEET_COLUMNS) * (f.height + 200) });
-  k.patch(id, {
-    fills: o.fills ?? k.paint(o.ground),
-    clipsContent: true,
-    layoutMode: "VERTICAL",
-    padding: { top: 0, right: 0, bottom: 0, left: 0 },
-    itemSpacing: 0,
-    primaryAxisAlignItems: "MIN",
-    counterAxisAlignItems: "MIN",
-    layoutSizingHorizontal: "FIXED",
-    layoutSizingVertical: "FIXED"
-  });
-  k.timeline(id, { duration: o.duration ?? 4e3, fps: 30 });
-  return id;
-}
-function box(k, parent, x, y, w, h, o = {}) {
-  return k.stack(parent, { ...o, width: w, height: h, absolute: { x, y } });
-}
-function label(k, parent, text, style, color, x, y, o = {}) {
-  return k.text(parent, text, { style, color, absolute: { x, y }, ...o.w ? { width: o.w } : { autoWidth: true }, ...o.align ? { align: o.align } : {}, ...o.name ? { name: o.name } : {}, ...o.effects ? { effects: o.effects } : {} });
-}
-function readout(k, parent, expression, rest, style, color, x, y, o = {}) {
-  const id = label(k, parent, rest, style, color, x, y, { w: o.w ?? 200, align: o.align, name: o.name ?? "Readout", effects: o.effects });
-  k.bindExpression(id, "characters", expression);
-  return id;
-}
-function shaderLayer(k, parent, shader, params, o = {}) {
-  const p = shaderPreset(shader);
-  if (!p) throw new Error(`no shader preset "${shader}"`);
-  const f = k.node(parent);
-  const fill = presetPaint({ id: "f1", type: "SHADER", visible: true, opacity: 1 }, p, params);
-  return k.rect(parent, o.w ?? f.width, o.h ?? f.height, [fill], { name: o.name ?? `${shader} backdrop`, absolute: { x: o.x ?? 0, y: o.y ?? 0 }, ...o.opacity !== void 0 ? { opacity: o.opacity } : {} });
-}
-var set = Kit.set;
-var when = Kit.when;
-var go = Kit.go;
-var back = () => Kit.go(null, "DISSOLVE", { navigation: "BACK", duration: 250 });
-var close = () => Kit.go(null, "INSTANT", { navigation: "CLOSE" });
-var overlay = (frame) => Kit.go(frame, "DISSOLVE", { navigation: "OVERLAY", duration: 200, overlay: { overlayPosition: "CENTER" } });
-function onAll(k, id, actions, o = {}) {
-  for (const a of actions) k.on(id, a, o);
-}
-var FOCUS_GLIDE = 140;
-function menu(k, screenId, items, o) {
-  const n = items.length;
-  const f = o.focus.n;
-  const ih = o.itemHeight ?? o.pitch - 12;
-  const w = o.horizontal ? o.width * n + o.pitch * (n - 1) : o.width;
-  const h = o.horizontal ? ih : o.pitch * (n - 1) + ih;
-  const list = box(k, screenId, o.x, o.y, w, h, { name: o.name ?? "Menu" });
-  items.forEach((it, i) => {
-    const x = o.horizontal ? i * (o.width + o.pitch) : 0;
-    const y = o.horizontal ? 0 : i * o.pitch;
-    const item = box(k, list, x, y, o.horizontal ? o.width : w, ih, { name: "Menu item" });
-    const plate = k.rect(item, o.horizontal ? o.width : w, ih, typeof o.plate === "string" ? o.plate : o.plate, { name: "Focus plate", radius: o.radius ?? 0, absolute: { x: 0, y: 0 } });
-    const near = `max(0, 1 - abs(${f} - ${i}))`;
-    k.bindExpression(plate, "opacity", near);
-    const lx = o.marker ? 64 : 28;
-    const t = label(k, item, it.label, o.style, o.color, lx, 0, { name: "Item label" });
-    const tn = k.node(t);
-    k.patch(t, { y: Math.round((ih - tn.height) / 2) });
-    k.bindExpression(t, "opacity", `0.62 + 0.38 * ${near}`);
-    if (o.nudge !== 0) k.bindExpression(t, "translateX", `${near} * ${o.nudge ?? 14}`);
-    if (o.marker) {
-      const z = o.marker.size ?? 22, my = Math.round(ih / 2);
-      const m = poly(k, item, [[24, my - z / 2], [24 + z * 0.8, my], [24, my + z / 2]], o.marker.color, { name: "Focus marker" });
-      k.bindExpression(m, "opacity", near);
-      k.bindExpression(m, "translateX", `(${near} - 1) * 12`);
-    }
-    if (it.hint) {
-      const hint = label(k, item, it.hint, o.hintStyle ?? o.style, o.color, lx, 0, { name: "Item hint", w: 360, align: "RIGHT" });
-      k.patch(hint, { x: (o.horizontal ? o.width : w) - 388, y: Math.round((ih - k.node(hint).height) / 2) });
-      k.bindExpression(hint, "opacity", `0.72 + 0.28 * ${near}`);
-    }
-    onAll(k, item, [set(o.focus.id, { value: i, glide: FOCUS_GLIDE }), ...o.onFocus?.(i) ?? []], { trigger: "MOUSE_ENTER" });
-    onAll(k, item, it.actions);
-  });
-  const guard = (c) => o.guard ? `(${o.guard}) && ${c}` : c;
-  const next = o.horizontal ? ["ArrowRight", "d"] : ["ArrowDown", "s"];
-  const prev = o.horizontal ? ["ArrowLeft", "a"] : ["ArrowUp", "w"];
-  const focused = o.onFocus ? [when(items.map((_, i) => ({ if: `${f} == ${i}`, then: o.onFocus(i) })))] : [];
-  for (const key of next) k.on(list, when([{ if: guard("true"), then: [set(o.focus.id, { expression: `(${f} + 1) % ${n}`, glide: FOCUS_GLIDE }), ...focused] }]), { key });
-  for (const key of prev) k.on(list, when([{ if: guard("true"), then: [set(o.focus.id, { expression: `(${f} + ${n - 1}) % ${n}`, glide: FOCUS_GLIDE }), ...focused] }]), { key });
-  const choose = when(items.map((it, i) => ({ if: guard(`${f} == ${i}`), then: it.actions })));
-  for (const key of ["Enter", " "]) k.on(list, choose, { key });
-  if (o.escape) for (const a of o.escape) k.on(list, a, { key: "Escape" });
-  return list;
-}
-function slider(k, parent, o) {
-  const min = o.min ?? 0, max = o.max ?? 100, step = o.step ?? 10;
-  const v = o.variable.n;
-  const trackX = 360, trackW = o.width - trackX - 200;
-  const row = box(k, parent, o.x, o.y, o.width, 56, { name: `${o.label} slider` });
-  label(k, row, o.label, o.labelStyle, o.ink, 0, 12, { name: "Setting name" });
-  const minus = box(k, row, trackX - 60, 8, 40, 40, { name: "Step down", radius: 20, stroke: { color: o.track, width: 2 }, align: "CENTER", justify: "CENTER" });
-  k.text(minus, "\u2212", { style: o.valueStyle, color: o.ink, autoWidth: true, name: "Minus" });
-  const plus = box(k, row, trackX + trackW + 20, 8, 40, 40, { name: "Step up", radius: 20, stroke: { color: o.track, width: 2 }, align: "CENTER", justify: "CENTER" });
-  k.text(plus, "+", { style: o.valueStyle, color: o.ink, autoWidth: true, name: "Plus" });
-  const track = box(k, row, trackX, 22, trackW, 12, { name: "Track", radius: 6, fill: o.track });
-  const frac = `clamp((${v} - ${min}) / ${max - min}, 0, 1)`;
-  const fill = k.rect(track, trackW, 12, o.fill, { name: "Fill", radius: 6, absolute: { x: 0, y: 0 } });
-  k.bindExpression(fill, "width", `${frac} * ${trackW}`);
-  const knob = k.ellipse(row, 28, o.knob, { name: "Knob", absolute: { x: trackX - 14, y: 14 } });
-  k.bindExpression(knob, "x", `${trackX - 14} + ${frac} * ${trackW}`);
-  const notches = Math.round((max - min) / step);
-  for (let i = 0; i <= notches; i++) {
-    const hit = box(k, row, trackX + i / notches * trackW - trackW / notches / 2, 8, trackW / notches, 40, { name: "Notch" });
-    k.on(hit, set(o.variable.id, { value: min + i * step, glide: o.glide ?? 160 }));
-  }
-  readout(k, row, `round(${v}) + "${o.suffix ?? ""}"`, `${k.doc.variables?.[o.variable.id]?.valuesByMode["Mode 1"]}${o.suffix ?? ""}`, o.valueStyle, o.ink, trackX + trackW + 80, 12, { w: 120, align: "RIGHT", name: "Value" });
-  const down = set(o.variable.id, { expression: `max(${min}, ${v} - ${step})`, glide: o.glide ?? 160 });
-  const up = set(o.variable.id, { expression: `min(${max}, ${v} + ${step})`, glide: o.glide ?? 160 });
-  k.on(minus, down);
-  k.on(plus, up);
-  if (o.focus) {
-    const here = `${o.focus.n} == ${o.focus.index}`;
-    for (const key of ["ArrowLeft", "a"]) k.on(row, when([{ if: here, then: [down] }]), { key });
-    for (const key of ["ArrowRight", "d"]) k.on(row, when([{ if: here, then: [up] }]), { key });
-  }
-  return row;
-}
-function toggleComponent(k, o) {
-  if (k.hasComponent("Toggle")) return;
-  k.variantSet("Toggle", "State", ["Off", "On"], { direction: "HORIZONTAL", width: 132, height: 40, gap: 12, align: "CENTER", description: "A switch: click (or Enter while its row is focused) to flip the variable it drives; the knob glides across." }, (state, id) => {
-    const track = k.stack(id, { direction: "HORIZONTAL", width: 68, height: 36, radius: 18, padding: 4, fill: state === "On" ? o.on : o.track, justify: state === "On" ? "MAX" : "MIN", align: "CENTER", name: "Track" });
-    k.ellipse(track, 28, o.knob, { name: "Knob" });
-    k.text(id, state === "On" ? "ON" : "OFF", { style: o.stateStyle, color: o.ink, autoWidth: true, name: "State word" });
-  });
-}
-function toggle(k, parent, o) {
-  const row = box(k, parent, o.x, o.y, o.width, 56, { name: `${o.label} toggle` });
-  label(k, row, o.label, o.labelStyle, o.ink, 0, 12, { name: "Setting name" });
-  const on = k.doc.variables?.[o.variable.id]?.valuesByMode["Mode 1"] === 1;
-  const sw = k.instance(row, on ? "Toggle/On" : "Toggle/Off", {}, { name: "Switch", absolute: { x: 300, y: 8 } });
-  const flip = [set(o.variable.id, { expression: `1 - ${o.variable.n}` }), when([{ if: `${o.variable.n} == 1`, then: [k.changeAction("Toggle/On", 220, "EASE_IN_OUT")] }, { then: [k.changeAction("Toggle/Off", 220, "EASE_IN_OUT")] }])];
-  onAll(k, sw, flip);
-  if (o.focus) k.on(sw, when([{ if: `${o.focus.n} == ${o.focus.index}`, then: flip }]), { key: "Enter" });
-  return row;
-}
-function keybind(k, parent, o) {
-  const row = box(k, parent, o.x, o.y, o.width, 56, { name: `${o.action} binding` });
-  label(k, row, o.action, o.labelStyle, o.ink, 0, 12, { name: "Action name" });
-  const cap = box(k, row, 300, 4, 180, 48, { name: "Key cap", radius: 8, fill: o.cap, align: "CENTER", justify: "CENTER" });
-  const key = k.text(cap, String(k.doc.variables?.[o.variable.id]?.valuesByMode["Mode 1"] ?? ""), { style: o.capStyle, color: o.onCap, width: 172, align: "CENTER", name: "Key" });
-  k.bindExpression(key, "characters", `${o.rebind.n} == "${o.slot}" ? "PRESS A KEY" : ${o.variable.n}`);
-  const ring = k.rect(row, 188, 56, o.listening, { name: "Listening ring", radius: 12, absolute: { x: 296, y: 0 }, opacity: 0.35 });
-  k.bindExpression(ring, "visible", `${o.rebind.n} == "${o.slot}"`);
-  k.on(row, set(o.rebind.id, { value: o.slot }));
-  if (o.focus) k.on(row, when([{ if: `${o.focus.n} == ${o.focus.index} && ${o.rebind.n} == ""`, then: [set(o.rebind.id, { value: o.slot })] }]), { key: "Enter" });
-  return row;
-}
-function rebindListener(k, screenId, rebind, slots) {
-  k.on(screenId, when([
-    { if: `${rebind.n} != "" && $key == "Escape"`, then: [set(rebind.id, { value: "" })] },
-    ...slots.map((s) => ({ if: `${rebind.n} == "${s.slot}" && $key != "Enter"`, then: [set(s.variable.id, { expression: `$key == " " ? "SPACE" : upper($key)` }), set(rebind.id, { value: "" })] }))
-  ]), { key: "*" });
-}
-function bar(k, parent, o) {
-  const frame = box(k, parent, o.x, o.y, o.w, o.h, { name: o.name ?? "Bar", radius: o.radius ?? 0, fill: o.back, clip: true });
-  const width = (e) => `clamp((${e}) / (${o.max}), 0, 1) * ${o.w}`;
-  const place = (id, e) => {
-    k.bindExpression(id, "width", width(e));
-    if (o.fromRight) k.bindExpression(id, "x", `${o.w} - ${width(e)}`);
-  };
-  const name = o.name ?? "Bar";
-  if (o.chip) place(k.rect(frame, o.w, o.h, o.chip.color, { name: `${name} chip`, radius: o.radius ?? 0, absolute: { x: 0, y: 0 } }), o.chip.expression);
-  place(k.rect(frame, o.w, o.h, o.fill, { name: `${name} fill`, radius: o.radius ?? 0, absolute: { x: 0, y: 0 } }), o.value);
-  return frame;
-}
-function oneShot(k, name, o, build) {
-  const state = o.state ?? "Hit";
-  return k.variantSet(name, "State", ["Idle", state], { width: o.width, height: o.height, description: o.description }, build, (s) => s === state ? { timeline: { duration: o.duration } } : {});
-}
-var keys = (k, id, path, ks) => k.animate(id, path, ks);
-function drift(k, id, path, amp, freq, phase = 0) {
-  k.behave(id, path, [{ kind: "sine", amp, freq, phase }]);
-}
-function spin(k, id, rate) {
-  k.behave(id, "rotation", [{ kind: "spin", rate }]);
-}
-function glow(k, role, blur, a = 0.9) {
-  return { id: `g${blur}`, type: "DROP_SHADOW", color: k.color(role, a), offset: { x: 0, y: 0 }, blur, spread: 0, visible: true, showBehindTransparent: true };
-}
-function focusColumn(k, parent, o) {
-  const f = o.focus.n;
-  const plate = k.rect(parent, o.w, o.pitch - 8, o.plate, { name: "Row focus", radius: o.radius ?? 8, absolute: { x: o.x, y: o.y } });
-  k.bindExpression(plate, "y", `${o.y} + ${f} * ${o.pitch}`);
-  const g = (c) => o.guard ? `(${o.guard}) && ${c}` : c;
-  for (const key of ["ArrowDown", "s"]) k.on(parent, when([{ if: g("true"), then: [set(o.focus.id, { expression: `(${f} + 1) % ${o.count}`, glide: FOCUS_GLIDE })] }]), { key });
-  for (const key of ["ArrowUp", "w"]) k.on(parent, when([{ if: g("true"), then: [set(o.focus.id, { expression: `(${f} + ${o.count - 1}) % ${o.count}`, glide: FOCUS_GLIDE })] }]), { key });
-  if (o.escape) k.on(parent, when([{ if: g("true"), then: o.escape }]), { key: "Escape" });
-  return plate;
-}
-function focusRow(k, row, focus, index) {
-  k.on(row, set(focus.id, { value: index, glide: FOCUS_GLIDE }), { trigger: "MOUSE_ENTER" });
-}
-function poly(k, parent, pts, color, o = {}) {
-  const xs = pts.map((p) => p[0]), ys = pts.map((p) => p[1]);
-  const x0 = Math.min(...xs), y0 = Math.min(...ys);
-  const w = Math.max(1, Math.max(...xs) - x0), h = Math.max(1, Math.max(...ys) - y0);
-  const path = { closed: o.closed ?? o.stroke === void 0, points: pts.map(([x, y]) => ({ x: x - x0, y: y - y0 })) };
-  return k.vector(parent, w, h, [path], color, { name: o.name ?? "Shape", absolute: { x: x0, y: y0 }, ...o.stroke !== void 0 ? { strokeWidth: o.stroke } : {}, ...o.opacity !== void 0 ? { opacity: o.opacity } : {}, ...o.effects ? { effects: o.effects } : {} });
-}
-var blurFx = (radius) => ({ id: `b${radius}`, type: "LAYER_BLUR", radius, visible: true });
-function arcPoints(cx, cy, r, a0, a1, steps = 48) {
-  const out = [];
-  for (let i = 0; i <= steps; i++) {
-    const a = a0 + (a1 - a0) * i / steps;
-    out.push([cx + Math.cos(a) * r, cy + Math.sin(a) * r]);
-  }
-  return out;
-}
-function sector(k, parent, cx, cy, outer, inner, a0, a1, color, o = {}) {
-  const pts = inner > 0 ? [...arcPoints(cx, cy, outer, a0, a1), ...arcPoints(cx, cy, inner, a1, a0)] : [[cx, cy], ...arcPoints(cx, cy, outer, a0, a1)];
-  return poly(k, parent, pts, color, { name: o.name ?? "Sector", opacity: o.opacity, effects: o.effects });
-}
-function arc(k, parent, cx, cy, r, a0, a1, color, width, o = {}) {
-  return poly(k, parent, arcPoints(cx, cy, r, a0, a1), color, { name: o.name ?? "Arc", stroke: width, closed: false, opacity: o.opacity, effects: o.effects });
-}
-
-export {
-  W,
-  H,
-  gameKit,
-  vn,
-  gameVar,
-  SHEET_COLUMNS,
-  screen,
-  box,
-  label,
-  readout,
-  shaderLayer,
-  set,
-  when,
-  go,
-  back,
-  close,
-  overlay,
-  onAll,
-  FOCUS_GLIDE,
-  menu,
-  slider,
-  toggleComponent,
-  toggle,
-  keybind,
-  rebindListener,
-  bar,
-  oneShot,
-  keys,
-  drift,
-  spin,
-  glow,
-  focusColumn,
-  focusRow,
-  poly,
-  blurFx,
-  arcPoints,
-  sector,
-  arc
-};

package/dist/chunks/chunk-JCGSTIA7.js

@@ -1,151 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  SHARD,
-  blinking,
-  cell,
-  cursor,
-  fitGround,
-  ground,
-  lockup,
-  minimap,
-  mono,
-  scan,
-  spinner,
-  termBrand,
-  termLine,
-  termWindow
-} from "./chunk-EO4LNCIK.js";
-import {
-  cutOff,
-  cutOn,
-  hz
-} from "./chunk-CLQ3FUJI.js";
-import {
-  pill,
-  postVariants
-} from "./chunk-KOAJ6HD2.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/social/style-terminal-announcement.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Terminal SaaS announcement post";
-var DURATION = 7e3;
-var SIZE = 28;
-var CW = cell(SIZE);
-var FAIL = 1500;
-var RETRY = 1900;
-var PASS = 2700;
-var QUAR = 3200;
-var GREEN = 3900;
-var OUT = 6e3;
-var CONTENT = ["Top row", "Kicker", "Headline", "Line", "Fail line", "Retry line", "Quarantine line", "Record line", "Green line", "Foot"];
-var cues = [
-  cutOn("Top row", 100),
-  cutOn("Kicker", 160),
-  { layer: "Headline", preset: "typewriter", at: 200, params: { duration: 800 } },
-  { layer: "Line", preset: "typewriter", at: 1e3, params: { duration: 700 } },
-  cutOn("Stage", 300),
-  cutOn("Run line", 600),
-  cutOn("Fail line", FAIL),
-  cutOn("Retry line", RETRY),
-  cutOn("Quarantine line", QUAR),
-  cutOn("Record line", QUAR + 200),
-  cutOn("Green line", GREEN),
-  { layer: "Pass", preset: "flash", at: GREEN + 40, params: { duration: 400, ease: ease.hold } },
-  cutOn("Foot", 1200),
-  cutOff([...CONTENT].reverse(), OUT, 70),
-  cutOff("Run line", OUT + 700),
-  cutOff("Stage", OUT + 760)
-];
-var style_terminal_announcement_default = defineTemplate({
-  id: "motion-saas-style-terminal-announcement",
-  meta: {
-    name: NAME,
-    description: "An animated release post in the terminal look: the headline types out on a near-black character grid, then a terminal shows the feature working: a failing test, a spinner while it is retried, a pass, the test quarantined with its record, and a green build. Every line cuts off, last first, to a blinking cursor, so it loops. Seven seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "terminal", "monospace", "cli", "developer tools", "announcement", "release", "changelog", "feature", "typewriter", "post", "loop"],
-    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["announcement", "changelog", "launch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-post"));
-    k.quantizeGeometry = true;
-    termBrand(k, { headline: "Flaky tests, quarantined." });
-    const term = mono(k, "Term 28", SIZE, { lead: 1.5 });
-    mono(k, "Brand 32", 32, { weight: 700, lead: 1.2 });
-    mono(k, "Label 24", 24, { weight: 500, lead: 1.4 });
-    mono(k, "Headline 96", 96, { weight: 800, lead: 1.08, spacing: -3 });
-    mono(k, "Line 30", 30, { weight: 500, lead: 1.4 });
-    mono(k, "Headline 104", 104, { weight: 800, lead: 1.08, spacing: -3 });
-    mono(k, "Line 36", 36, { weight: 500, lead: 1.4 });
-    mono(k, "Button 24", 24, { weight: 700, lead: 1.3 });
-    pill(k, "Call", { fill: "primary", ink: "onPrimary", style: "Button 24", label: `$ ${SHARD.cli} upgrade`, pad: [12, 20], radius: 4 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 30, 72, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    ground(k, sheet, 1080, 1080, { cw: 18, lh: 36 });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top row" });
-    lockup(k, top, { size: 32, style: "Brand 32" });
-    const tag = k.stack(top, { direction: "HORIZONTAL", width: "HUG", padding: { top: 4, right: 12, bottom: 4, left: 12 }, stroke: { color: "edge", width: 2, align: "INSIDE" }, name: "Version" });
-    k.text(tag, `${SHARD.cli} 1.1 changelog`, { style: "Label 24", color: "onPaper", autoWidth: true, name: "Version words" });
-    const words = k.stack(sheet, { gap: 16, name: "Words" });
-    k.text(words, "## new in 1.1", { style: "Label 24", color: "onPaper", name: "Kicker" });
-    k.text(words, "{{brand.headline}}", { style: "Headline 96", color: "text", name: "Headline" });
-    k.text(words, "A test that fails, then passes on retry, is set aside. Your build stays green; you get the list.", { style: "Line 30", color: "onPaper", name: "Line" });
-    const t = termWindow(k, sheet, { w: 936, h: 384, left: "~/acme/checkout", right: "shard run", style: "Label 24", name: "Stage", pad: 22, gap: 2, bar: 48 });
-    termLine(k, t.body, [{ t: "$ ", c: "green" }, { t: `${SHARD.run} --quarantine`, c: "onCard" }], { style: term, name: "Run line" });
-    termLine(k, t.body, [{ t: "FAIL", c: "red", tag: "ink", name: "Fail" }, { t: " cart/tax.spec.ts", c: "cyan" }, { t: " rounding  1/3", c: "cardMuted" }], { style: term, name: "Fail line" });
-    const retry = termLine(k, t.body, [{ t: "[+]", c: "green", width: Math.ceil(CW * 3), name: "Spin retry" }, { t: " retried on runner 41: ", c: "onCard" }, { t: "passed 2/3", c: "green" }], { style: term, name: "Retry line" });
-    termLine(k, t.body, [{ t: "QUAR", c: "amber", tag: "ink", name: "Quar" }, { t: " cart/tax.spec.ts set aside", c: "amber" }], { style: term, name: "Quarantine line" });
-    termLine(k, t.body, [{ t: "     flaked 3 of the last 40 runs on main", c: "cardMuted" }], { style: term, name: "Record line" });
-    const green = k.stack(t.body, { direction: "HORIZONTAL", align: "CENTER", name: "Green line" });
-    termLine(k, green, [{ t: "PASS", c: "green", tag: "ink", name: "Pass" }, { t: " 2,417 passed", c: "green" }, { t: "  1 quarantined ", c: "amber" }], { style: term, name: "Green words" });
-    blinking(k, cursor(k, green, SIZE, { name: "Cursor" }), hz(14, DURATION));
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Foot" });
-    k.instance(foot, "Call", { Label: `$ ${SHARD.cli} upgrade` }, { name: "Upgrade" });
-    k.text(foot, "{{brand.site}}/changelog", { style: "Label 24", color: "onPaper", autoWidth: true, name: "Link" });
-    scan(k, sheet);
-    k.cues(sheet, cues);
-    spinner(k, k.named(retry, "Spin retry")[0], RETRY, PASS);
-    k.variants(sheet, postVariants({ portrait: 72, vertical: 96 }, {
-      portrait: (kit, id) => {
-        fitGround(kit, id, { cw: 18, lh: 36 });
-      },
-      vertical: (kit, id) => {
-        fitGround(kit, id, { cw: 18, lh: 36 });
-        for (const n of kit.named(id, "Stage")) kit.patch(n, { width: 800, height: 410 });
-        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Headline 104");
-        for (const n of kit.named(id, "Line")) kit.restyle(n, "Line 36");
-        minimap(kit, id, { x: 140, y: 1500, width: 800, rows: 15, seed: 31, scroll: { duration: DURATION, every: 500 } });
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  style_terminal_announcement_default
-};