@popcraft/kit 0.24.3 → 0.26.0

package/dist/chunks/chunk-IYEFSYUS.js

@@ -1,83 +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 {
-  standardPortfolio
-} from "./chunk-6643XXAW.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/portfolio-photographer.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var WORK = [
-  { title: "Dawn Nets", client: "Lake Inle, Myanmar", year: "2026", kind: "Series \xB7 18 photographs", cover: "photo-00", summary: "Fishermen on a lake that is shrinking, photographed before the sun burns the mist off.", story: "Three mornings with the same crew, from four to seven. The lake has lost a third of its surface in ten years; the nets are the same as their grandfathers\u2019.", credits: "Commissioned by Field Journal magazine" },
-  { title: "Doorways", client: "Lisbon, Portugal", year: "2026", kind: "Series \xB7 24 photographs", cover: "photo-01", summary: "Neighbours in the doorways of Alfama, the last hour of light.", story: "A year of evenings on the same three streets, printing each portrait and bringing it back the next week.", credits: "Personal work \xB7 exhibited at Galeria Rua, 2026" },
-  { title: "Salt Road", client: "Salar de Uyuni, Bolivia", year: "2025", kind: "Series \xB7 12 photographs", cover: "photo-02", summary: "The trucks that cross the salt flats, and the people who drive them.", story: "Four days riding along with a salt cooperative. The red truck is Don El\xEDas\u2019s, thirty years old and still the fastest.", credits: "Commissioned by Atlas Weekly" },
-  { title: "The Jump", client: "Split, Croatia", year: "2025", kind: "Single", cover: "photo-03", summary: "Summer, a pier, and every boy in the town taking turns.", story: "One frame from an afternoon of hundreds. It became the cover of the city\u2019s tourism report, which the boys found very funny.", credits: "Personal work" },
-  { title: "Night Market", client: "Taichung, Taiwan", year: "2024", kind: "Series \xB7 20 photographs", cover: "photo-04", summary: "Steam, bulbs and the families who run the stalls till two.", story: "Shot without flash on a single fixed lens, so the light is the market\u2019s own.", credits: "Commissioned by Table Travel" },
-  { title: "Shade", client: "Erg Chebbi, Morocco", year: "2024", kind: "Series \xB7 9 photographs", cover: "photo-05", summary: "Camels resting in the shadow of a mud-brick wall at noon.", story: "Part of a longer story on caravans that now carry tourists more than salt.", credits: "Commissioned by Field Journal magazine" },
-  { title: "Switchbacks", client: "Stelvio Pass, Italy", year: "2024", kind: "Single", cover: "photo-06", summary: "Forty-eight hairpin bends and the storm that came up them.", story: "Waited three days for the cloud; got twenty minutes of it.", credits: "Personal work \xB7 print edition of 30" },
-  { title: "Washing Lines", client: "Naples, Italy", year: "2023", kind: "Series \xB7 15 photographs", cover: "photo-07", summary: "Laundry strung between the apartment blocks of the Quartieri Spagnoli.", story: "Every line belongs to a family I met; each picture is captioned with their names.", credits: "Personal work" },
-  { title: "First Snow", client: "Hokkaido, Japan", year: "2023", kind: "Single", cover: "photo-08", summary: "A lone horse in a field, the evening the first snow fell.", story: "The farmer said she always stands there the first night. She did.", credits: "Personal work" },
-  { title: "The Tailor", client: "Accra, Ghana", year: "2023", kind: "Series \xB7 10 photographs", cover: "photo-09", summary: "Mr Asante at his machine, in the light of his only window.", story: "Forty years on the same street; the series follows one suit from bolt to fitting.", credits: "Commissioned by Maker Quarterly" },
-  { title: "Tea Terraces", client: "Munnar, India", year: "2022", kind: "Series \xB7 14 photographs", cover: "photo-10", summary: "Pickers on the terraced hills before the fog lifts.", story: "Made with the pickers\u2019 union for its centenary book.", credits: "Commissioned by the Kannan Devan Workers\u2019 Union" },
-  { title: "Long Shadow", client: "Valpara\xEDso, Chile", year: "2022", kind: "Single", cover: "photo-11", summary: "A cyclist, a pastel wall and the last of the afternoon.", story: "From a walk with no plan, which is how most of these start.", credits: "Personal work" }
-];
-var portfolio_photographer_default = defineTemplate({
-  id: "web-portfolio-photographer",
-  meta: {
-    name: "Photographer portfolio",
-    description: "A documentary photographer\u2019s portfolio: the pictures first, three across and close together on a light page, each opening its story \u2014 the place, the series, what it is about \u2014 and an about page with commissions. The pictures are a collection you edit as a table. Desktop, tablet and phone",
-    category: "web",
-    tags: ["portfolio", "photography", "photographer", "documentary", "travel", "gallery", "cms", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["portfolio"],
-    created: "2026-10-05",
-    updated: "2026-10-05"
-  },
-  breakpoints: true,
-  build: () => standardPortfolio({
-    name: "Photographer",
-    brand: { paper: "#FAFAF7", text: "#1A1A18", onPaper: "#64645E", primary: "#1A1A18", onPrimary: "#FAFAF7", card: "#FAFAF7", line: "#E3E2DC" },
-    fields: { name: "Lena Moreau", email: "studio@lenamoreau.photo" },
-    styles: {
-      "Wordmark 17": { size: 17, fontWeight: 600, letterSpacing: 0.4, lineHeight: 24 },
-      "Small 13": { size: 13, fontWeight: 500, letterSpacing: 0.3, lineHeight: 18 },
-      "Meta 13": { size: 13, fontWeight: 400, lineHeight: 18 },
-      "Title 15": { size: 15, fontWeight: 500, lineHeight: 22 },
-      "Lead 22": { size: 22, fontWeight: 400, letterSpacing: -0.2, lineHeight: 32 },
-      "Body 17": { size: 17, fontWeight: 400, lineHeight: 28 },
-      "Display 40": { size: 40, fontWeight: 500, letterSpacing: -1, lineHeight: 48 },
-      "Display 30": { size: 30, fontWeight: 500, letterSpacing: -0.6, lineHeight: 38 }
-    },
-    type: { wordmark: "Wordmark 17", small: "Small 13", meta: "Meta 13", title: "Title 15", lead: "Lead 22", body: "Body 17", display: "Display 40", displaySmall: "Display 30" },
-    projects: WORK,
-    side: 64,
-    links: [["work", "Photographs"], ["studio", "About"]],
-    lead: { headline: "Photographs of people at work, and the places they work in.", intro: "Lena Moreau is a documentary photographer based in Marseille, on assignment for magazines and NGOs since 2014.", width: 860 },
-    grid: { cols: 3, gap: 10, ratio: 0.8, radius: 0, meta: "{{item.client}}, {{item.year}}" },
-    project: { ratio: 0.66, kicker: "Series", more: { cols: 4, ratio: 0.8, label: "More photographs" } },
-    studio: {
-      statement: "I photograph slowly, and I go back.",
-      about: "Most of my stories take a year or more: I return to the same people, print what I made and give it to them. I work on assignment for magazines and NGOs, and teach a summer workshop in Marseille.",
-      picture: "photo-10",
-      ratio: 0.42,
-      services: ["Editorial assignments", "NGO and foundation reports", "Print editions", "Workshops"],
-      clients: "Field Journal, Atlas Weekly, Table Travel, Maker Quarterly and the Kannan Devan Workers\u2019 Union.",
-      contact: "Represented in Europe by Agence Lumen."
-    },
-    elsewhere: "Instagram \xB7 Agence Lumen"
-  })
-});
-
-export {
-  portfolio_photographer_default
-};

package/dist/chunks/chunk-IYF2U3DB.js

@@ -1,183 +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 {
-  FAILED,
-  LIVE,
-  framing,
-  lights,
-  machinedBrand,
-  rack,
-  shopLight
-} from "./chunk-PCUQWCMI.js";
-import {
-  phrases
-} from "./chunk-IUS4DYSG.js";
-import {
-  key
-} from "./chunk-FAAVZ2GX.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-YKXCPYWJ.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  focalFromPerspective,
-  init_transform3d
-} from "./chunk-7ECF2YL5.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/machined-hero.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_transform3d();
-var DURATION = 7e3;
-var FAIL = 1400;
-var HOP = 2400;
-var OUT = 3300;
-var VIEW = { w: 620, h: 600 };
-var SPECS = [["Failover, p95", "38 ms"], ["Providers, one endpoint", "14"], ["Tokens saved by cache", "31%"], ["Uptime, last 90 days", "99.995%"]];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Eyebrow", preset: "rise-in", at: 100 },
-  { layer: "Headline", preset: "rise-in", at: 220, params: { duration: 700 } },
-  { layer: "Lead", preset: "rise-in", at: 380 },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 520, stagger: { delay: 100 } },
-  { layer: "Proof", preset: "fade-in", at: 800, params: { duration: 500 } },
-  { layer: "Rack window", preset: "scale-in", at: 200, params: { duration: 800, amount: 0.94 } },
-  { layer: "Spec", preset: "rise-in", at: 1e3, stagger: { delay: 110 } }
-];
-var pose = (w, h) => ({ cx: w * 0.57, cy: h * 0.46, scale: Math.min(w / 620, h / 540) * 0.54 });
-var machined_hero_default = defineTemplate({
-  id: "web-machined-hero",
-  meta: {
-    name: "Machined hardware web hero",
-    description: "An animated landing-page hero for developer infrastructure: the headline rises in beside a window into a server rack, where the product sits as a brushed-aluminium unit in real 3D. It slides out on its rails, a port lamp goes red, the route hops to the next upstream and a band of light crosses the metal; the unit\u2019s rating plate under it carries the numbers. Desktop, laptop, tablet and phone widths",
-    category: "web",
-    tags: ["machined", "hardware", "rack", "server", "3d", "shader", "brushed metal", "aluminium", "industrial", "developer", "infrastructure", "ai", "gateway", "hero", "landing page", "website", "animation", "responsive", "saas"],
-    platforms: ["web"],
-    formats: ["page", "banner"],
-    useCases: ["launch", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Machined hardware web hero", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    machinedBrand(k, { card: "#1B1E22", onCard: "#F4F1EB", cardMuted: "#B7B3AA" });
-    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Brand 20", { size: 20, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Eyebrow 14", { ...MONO, size: 14, fontWeight: 600, letterSpacing: 1.4, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Display 72", { size: 72, fontWeight: 800, letterSpacing: -2.8, lineHeight: 74 });
-    k.textStyle("Display 60", { size: 60, fontWeight: 800, letterSpacing: -2.2, lineHeight: 62 });
-    k.textStyle("Display 50", { size: 50, fontWeight: 800, letterSpacing: -1.6, lineHeight: 54 });
-    k.textStyle("Display 38", { size: 38, fontWeight: 800, letterSpacing: -1, lineHeight: 42 });
-    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 31 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Proof 14", { ...MONO, size: 14, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Spec label 13", { ...MONO, size: 13, fontWeight: 500, letterSpacing: 0.8, lineHeight: 18, textCase: "UPPER" });
-    k.textStyle("Spec value 34", { size: 34, fontWeight: 800, letterSpacing: -1, lineHeight: 40 });
-    buttons(k, { style: "Button 16", pad: [15, 24], radius: 8 });
-    const sheet = k.sheet;
-    shopLight(k, sheet, 1440, 1024, { x: 0.72, y: 0.36, reach: 0.6, glow: 0.12, shadow: 0.35, grain: 0 });
-    page(k, sheet, { gap: 56, top: 32, paper: "background" });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    nav(k, sheet, { links: ["Routing", "Cache", "Guardrails", "Pricing", "Docs"], cta: "Get an API key", style: "Nav 16", brandStyle: "Brand 20" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 56, align: "CENTER", padding: { top: 36, right: 0, bottom: 20, left: 0 }, name: "Hero" });
-    const copy = k.stack(hero, { gap: 24, name: "Copy" });
-    const eyebrow = k.stack(copy, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Eyebrow" });
-    k.rect(eyebrow, 28, 6, "primary", { radius: 2, name: "Eyebrow mark" });
-    k.text(eyebrow, "BH-1 model gateway \xB7 now GA", { style: "Eyebrow 14", color: "onBackground", name: "Eyebrow line" });
-    k.text(copy, "The model went down. Your app didn\u2019t.", { style: "Display 72", color: "text", name: "Headline" });
-    k.text(copy, "{{brand.name}} is one endpoint in front of every model provider. When an upstream times out, traffic moves to the next healthy one in 38 ms, and your users never see the error.", { style: "Lead 20", color: "onBackground", name: "Lead" });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: "Get an API key" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "Read the failover docs" }, { name: "CTA quiet" });
-    const proof = k.stack(copy, { direction: "HORIZONTAL", gap: 20, wrap: true, name: "Proof" });
-    k.text(proof, "$ curl api.{{brand.site}}/v1/chat", { style: "Proof 14", color: "onBackground", autoWidth: true, name: "Proof call" });
-    k.text(proof, "# 200 OK in 38 ms", { style: "Proof 14", color: "onBackground", autoWidth: true, name: "Proof answer" });
-    const visual = k.stack(hero, { width: "HUG", name: "Visual" });
-    const win = k.stack(visual, { width: VIEW.w, height: VIEW.h, radius: 18, fill: "panel", clip: true, name: "Rack window", stroke: { color: "panelEdge", width: 2, align: "INSIDE" } });
-    const scene = k.group(win, { x: 0, y: 0, width: VIEW.w, height: VIEW.h }, { name: "Scene", absolute: true });
-    const s = { preset: "web-desktop", W: VIEW.w, H: VIEW.h, u: 0.5, tall: false, wide: false };
-    k.scene3d(scene, { camera: { focalLength: focalFromPerspective(1500, VIEW.w) }, lights: lights(s) });
-    const P = pose(VIEW.w, VIEW.h);
-    const R = rack(k, scene, s, { ...P, rotateX: -15, rotateY: -26, above: 4, below: 4, out: 300, glint: 0.55 });
-    const plate = k.stack(sheet, { direction: "HORIZONTAL", fill: "card", radius: 14, name: "Rating plate", stroke: { color: "panelEdge", width: 2, align: "INSIDE" } });
-    for (const [label, value] of SPECS) {
-      const cell = k.stack(plate, { gap: 6, padding: { top: 22, right: 26, bottom: 24, left: 26 }, name: "Spec", stroke: { color: "panelEdge", width: 1, align: "INSIDE" } });
-      k.text(cell, label, { style: "Spec label 13", color: "cardMuted", name: "Spec label" });
-      k.text(cell, value, { style: "Spec value 34", color: "onCard", name: "Spec value" });
-    }
-    const F = R.face;
-    key(k, R.unit, "z", [[0, 0, ease.hold], [OUT, 0, ease.out("expo")], [OUT + 1e3, 300]]);
-    key(k, R.rack, "rotateY", [[0, -14, ease.inOut("sine")], [OUT, -18, ease.inOut("cubic")], [OUT + 1400, -26, ease.inOut("sine")], [DURATION, -29]]);
-    key(k, R.rack, "rotateX", [[0, 0, ease.hold], [OUT + 450, 0, ease.inOut("cubic")], [OUT + 1800, -15]]);
-    key(k, F.faults[FAILED], "opacity", [[0, 0, ease.hold], [FAIL, 1, ease.hold], [FAIL + 110, 0, ease.hold], [FAIL + 220, 1, ease.hold], [FAIL + 330, 0, ease.hold], [FAIL + 440, 1]]);
-    key(k, F.markers[FAILED], "opacity", [[0, 1, ease.hold], [HOP, 0]]);
-    key(k, F.markers[LIVE], "opacity", [[0, 0, ease.hold], [HOP, 1]]);
-    phrases(k, F.route, [[0, "upstream-02"], [HOP, "upstream-03"]], { fade: 90, rise: 0 });
-    phrases(k, F.latency, [[0, "41 ms"], [FAIL, "timeout"], [HOP, "38 ms"]], { fade: 90, rise: 0 });
-    phrases(k, F.status, [[0, "All upstreams healthy"], [FAIL, "Upstream-02 is down"], [HOP, "Failover in 38 ms"]], { fade: 90, rise: 0 });
-    k.animateShader(F.finish, "glint", [{ t: 300, v: -0.5, ease: ease.inOut("sine") }, { t: HOP + 400, v: 1.5, ease: ease.hold }, { t: OUT + 600, v: -0.5, ease: ease.inOut("sine") }, { t: DURATION, v: 0.55 }]);
-    k.animateShader(R.lidFinish, "glint", [{ t: OUT, v: 0, ease: ease.inOut("sine") }, { t: DURATION, v: 0.7 }]);
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero"],
-      gap: { laptop: 40, tablet: 44, mobile: 40 },
-      stackMobile: ["Rating plate"],
-      restyle: { "Display 72": { laptop: "Display 60", tablet: "Display 50", mobile: "Display 38" }, "Lead 20": { mobile: "Lead 17" } },
-      tweak: (kit, id, size) => {
-        for (const n of kit.named(id, "Shop light")) {
-          const f = kit.node(id);
-          kit.patch(n, { x: 0, y: 0, width: f.width, height: Math.max(f.height, 1024) });
-        }
-        if (size === "laptop") for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 40, padding: { top: 20, right: 0, bottom: 8, left: 0 } });
-        if (size === "tablet") {
-          const [first] = kit.named(id, "Nav link");
-          if (first) kit.patch(first, { visible: false });
-          for (const n of kit.named(id, "Nav links")) kit.patch(n, { itemSpacing: 22 });
-          for (const n of kit.named(id, "Nav right")) kit.patch(n, { itemSpacing: 24 });
-        }
-        for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: size === "tablet" || size === "mobile" ? "FILL" : "HUG" });
-        const w = size === "laptop" ? 520 : size === "tablet" ? 672 : size === "mobile" ? 335 : VIEW.w;
-        const h = size === "laptop" ? 500 : size === "tablet" ? 460 : size === "mobile" ? 300 : VIEW.h;
-        for (const n of kit.named(id, "Rack window")) kit.patch(n, { width: w, height: h, layoutSizingHorizontal: "FIXED" });
-        for (const n of kit.named(id, "Scene")) kit.patch(n, { width: w, height: h });
-        const q = pose(w, h);
-        for (const sc of kit.named(id, "Scene")) for (const n of kit.named(sc, "Rack")) kit.patch(n, framing(kit, sc, n, q));
-        if (size === "tablet") for (const n of kit.named(id, "Rating plate")) {
-          kit.patch(n, { layoutWrap: "WRAP" });
-          for (const c of kit.named(n, "Spec")) kit.patch(c, { layoutSizingHorizontal: "FIXED", width: kit.node(n).width / 2 });
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  machined_hero_default
-};

package/dist/chunks/chunk-IYJMEWFX.js

@@ -1,231 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  BUNKER,
-  COIN_FACE,
-  INVADER,
-  OCTO,
-  SHIP,
-  SQUID,
-  TROPHY,
-  UFO,
-  arcadeBrand,
-  backdrop,
-  hardShadow,
-  march,
-  overlay,
-  refit,
-  sprite,
-  spriteInks
-} from "./chunk-SHBMEL5W.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  bed
-} from "./chunk-52GCV7N5.js";
-import {
-  HOLD,
-  blink,
-  cutOff,
-  cutOn
-} from "./chunk-PMVMC75G.js";
-import {
-  bloom
-} from "./chunk-HVK5T4I5.js";
-import {
-  feedVariants,
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-IUUXJSAI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion/arcade-high-score.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var B = bed("chiptune", 36);
-var LENGTH = B.duration;
-var beat = B.beat;
-var BEAT_MS = beat(1);
-var COLS = 7;
-var LANDS = beat(8);
-var SHOT = BEAT_MS / 2;
-var SHOTS_FROM = beat(16);
-var SHOTS = 3 * COLS;
-var CLEAR = beat(28);
-var counts = [
-  { layer: "Figure", at: beat(1), duration: LANDS - beat(1), counter: { from: 0, to: 1e3, separator: "," }, tick: 100 }
-];
-var swaps = [
-  { layer: "Caption", words: ["A new high score for Coinop.", "1,000 teams now bill with us.", "Metered billing in one API call.", "Insert coin. Your first $10K free."], at: 200, hold: 2750, stagger: 40, in: 200, out: 150, unit: "word", rise: 10 }
-];
-var cues = [
-  { layer: "Banner text", preset: "typewriter", at: 0, params: { duration: 450 } },
-  { layer: "Banner", preset: "pulse", at: LANDS, params: { duration: 400, amount: 0.06, ease: HOLD } },
-  cutOn("Claim", LANDS),
-  cutOn("Trophy", LANDS, BEAT_MS),
-  blink("Banner", beat(10), 800),
-  // The swarm is shot away, an invader every half beat. The far row goes first, so the rows a shorter sheet keeps
-  // (the ones nearest the cannon) are the last to go at every size.
-  cutOff("Invader high", SHOTS_FROM, SHOT),
-  cutOff("Invader mid", SHOTS_FROM + COLS * SHOT, SHOT),
-  cutOff("Invader low", SHOTS_FROM + 2 * COLS * SHOT, SHOT),
-  // The field is empty: STAGE CLEAR cuts on where the swarm was, and the coin is asked for.
-  cutOn("Stage clear", CLEAR),
-  blink("Stage clear", CLEAR + BEAT_MS, 800),
-  blink("CTA", beat(12), 800),
-  blink("CTA", beat(30), 800),
-  blink("CTA", beat(33), 800)
-];
-var FIELDS = {
-  story: { top: 440, bottom: 480, ufo: 70, swarm: 156, clear: 236, rows: 3, bunkers: 1486, cannon: 1626, ground: 1730, extras: 1784 },
-  portrait: { top: 286, bottom: 176, ufo: 28, swarm: 104, clear: 148, rows: 2, bunkers: null, cannon: 1206, ground: 1290, extras: null },
-  post: { top: 110, bottom: 104, ufo: null, swarm: 24, clear: 16, rows: 1, bunkers: null, cannon: 996, ground: 1066, extras: null }
-};
-var ROW_NAMES = ["Swarm high", "Swarm mid", "Swarm low"];
-var show = (k, sheet, name, on) => {
-  for (const id of k.named(sheet, name)) k.patch(id, { visible: on });
-};
-function placeField(k, sheet, f, side) {
-  k.patch(sheet, { padding: { top: f.top, right: side, bottom: f.bottom, left: side } });
-  const y = (name, at) => {
-    show(k, sheet, name, at !== null);
-    if (at !== null) for (const id of k.named(sheet, name)) k.patch(id, { y: at });
-  };
-  y("UFO", f.ufo);
-  y("Swarm", f.swarm);
-  ROW_NAMES.forEach((name, i) => {
-    show(k, sheet, name, i >= 3 - f.rows);
-    for (const id of k.named(sheet, name)) k.patch(id, { y: (i - (3 - f.rows)) * 88 });
-  });
-  y("Stage clear", f.clear);
-  y("Bunkers", f.bunkers);
-  y("Cannon", f.cannon);
-  y("Ground", f.ground);
-  y("Ground dashes", f.ground + 16);
-  y("Lives", f.extras);
-  y("Coins", f.extras);
-}
-var arcade_high_score_default = defineTemplate({
-  id: "motion-arcade-high-score",
-  meta: {
-    name: "Arcade high score reel",
-    description: "A 14-second milestone reel as an arcade high-score screen: over a starfield a swarm marches and is shot away while, in the score window, NEW HIGH SCORE types on, the figure ticks up to 1,000 on the beat, INSERT COIN blinks over the address and STAGE CLEAR cuts on when the field is empty. Burned-in captions and a chiptune. 9:16 with square and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "arcade", "8-bit", "pixel art", "retro", "milestone", "high score", "saas", "build in public", "reel", "captions", "music"],
-    platforms: ["tiktok", "instagram", "youtube", "linkedin", "x"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["milestone", "stats", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit("Arcade high score reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    arcadeBrand(k, { claim: "paying teams run their billing on Coinop", url: "coinop.example/start" });
-    k.textStyle("HUD 26", { size: 26, fontWeight: 800, letterSpacing: 2, lineHeight: 34, textCase: "UPPER", ...MONO });
-    k.textStyle("Banner 44", { size: 44, fontWeight: 800, letterSpacing: 2, lineHeight: 56, ...MONO });
-    k.textStyle("Figure 270", { size: 270, fontWeight: 800, letterSpacing: -9, lineHeight: 254, textAlign: "CENTER", ...MONO });
-    k.textStyle("Figure 190", { size: 190, fontWeight: 800, letterSpacing: -6, lineHeight: 180, textAlign: "CENTER", ...MONO });
-    k.textStyle("Claim 42", { size: 42, fontWeight: 700, letterSpacing: -0.5, lineHeight: 52, textAlign: "CENTER" });
-    k.textStyle("Caption 30", { size: 30, fontWeight: 600, lineHeight: 40, textAlign: "CENTER", ...MONO });
-    k.textStyle("Button 40", { size: 40, fontWeight: 800, letterSpacing: 2, lineHeight: 48, ...MONO });
-    k.textStyle("Url 30", { size: 30, fontWeight: 600, lineHeight: 38, textAlign: "CENTER", ...MONO });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 40", label: "INSERT COIN", pad: [20, 34], radius: 0 });
-    const sheet = k.sheet;
-    const W = k.node(sheet).width;
-    k.flowSheet(sheet, 0, 0, "paper", "CENTER", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: LENGTH, fps: 30, audio: B.audio });
-    backdrop(k, sheet);
-    const ufo = sprite(k, sheet, UFO, 8, "accent", { name: "UFO", absolute: { x: -160, y: 0 } });
-    k.patch(ufo, { effects: [bloom(k, "accent", 30)] });
-    const pitch = 132;
-    const swarm = k.frame(sheet, { x: (W - (COLS - 1) * pitch - 96) / 2, y: 0, width: (COLS - 1) * pitch + 96, height: 3 * 88 }, { name: "Swarm" });
-    const kinds = [{ rows: SQUID, color: "text", name: "Invader high" }, { rows: INVADER, color: "accent", name: "Invader mid" }, { rows: OCTO, color: "lit", name: "Invader low" }];
-    kinds.forEach((kind, r) => {
-      const row = k.frame(swarm, { x: 0, y: r * 88, width: (COLS - 1) * pitch + 96, height: 64 }, { name: ROW_NAMES[r] });
-      for (let c = 0; c < COLS; c++) sprite(k, row, kind.rows, 8, kind.color, { name: kind.name, absolute: { x: c * pitch + (96 - kind.rows[0].length * 8) / 2, y: 0 } });
-    });
-    const clear = k.stack(sheet, { width: 560, align: "CENTER", fill: "lit", padding: { top: 14, right: 20, bottom: 14, left: 20 }, effects: [hardShadow(k, "accent", 10)], name: "Stage clear", absolute: { x: (W - 560) / 2, y: 0 } });
-    k.text(clear, "STAGE CLEAR", { style: "Banner 44", color: "onLit", autoWidth: true, name: "Stage clear text" });
-    const bunkers = k.frame(sheet, { x: 0, y: 0, width: W, height: 72 }, { name: "Bunkers" });
-    for (let i = 0; i < 4; i++) sprite(k, bunkers, BUNKER, 8, "lit", { name: "Bunker", absolute: { x: 116 + i * 240, y: 0 } });
-    const cannon = k.frame(sheet, { x: (W - 110) / 2, y: 0, width: 110, height: 60 }, { name: "Cannon" });
-    const bolt = k.rect(cannon, 10, 44, "accent", { name: "Bolt", absolute: { x: 50, y: -52 }, effects: [bloom(k, "accent", 18, 0.9)] });
-    sprite(k, cannon, SHIP, 10, "text", { name: "Ship", absolute: { x: 0, y: 0 } });
-    k.rect(sheet, W, 8, "lit", { name: "Ground", absolute: { x: 0, y: 0 } });
-    k.vector(sheet, W, 8, Array.from({ length: Math.ceil(W / 48) }, (_, i) => ({ points: [{ x: i * 48, y: 0 }, { x: i * 48 + 24, y: 0 }, { x: i * 48 + 24, y: 8 }, { x: i * 48, y: 8 }], closed: true })), "lit", { name: "Ground dashes", opacity: 0.5, absolute: { x: 0, y: 0 } });
-    const lives = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 16, name: "Lives", absolute: { x: 64, y: 0 } });
-    for (let i = 0; i < 3; i++) sprite(k, lives, SHIP, 6, "text", { name: "Life" });
-    const coins = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 12, name: "Coins", absolute: { x: W - 64 - 3 * 48 - 24, y: 0 } });
-    for (let i = 0; i < 3; i++) spriteInks(k, coins, COIN_FACE, 6, { "#": "text", o: "primary" }, { name: "Credit" });
-    const win = k.stack(sheet, { fill: "card", stroke: { color: "text", width: 6, align: "INSIDE", join: "MITER" }, effects: [hardShadow(k, "accent", 18)], name: "Window" });
-    const bar = k.stack(win, { direction: "HORIZONTAL", gap: 24, fill: "primary", padding: { top: 16, right: 30, bottom: 16, left: 30 }, name: "HUD" });
-    k.text(bar, "1UP {{brand.name}}", { style: "HUD 26", color: "onPrimary", name: "Player" });
-    k.text(bar, "Stage: month 14", { style: "HUD 26", color: "onPrimary", align: "RIGHT", name: "Stage" });
-    const body = k.stack(win, { gap: 20, padding: { top: 30, right: 30, bottom: 34, left: 30 }, align: "CENTER", name: "Score" });
-    const head = k.stack(body, { direction: "HORIZONTAL", width: "HUG", gap: 22, align: "CENTER", name: "Banner row" });
-    sprite(k, head, TROPHY, 5, "onCard", { name: "Trophy" });
-    const banner = k.stack(head, { direction: "HORIZONTAL", width: "HUG", fill: "accent", padding: { top: 8, right: 22, bottom: 8, left: 22 }, name: "Banner" });
-    k.text(banner, "NEW HIGH SCORE", { style: "Banner 44", color: "onAccent", autoWidth: true, name: "Banner text" });
-    sprite(k, head, TROPHY, 5, "onCard", { name: "Trophy" });
-    k.text(body, "1,000", { style: "Figure 270", color: "onCard", name: "Figure", effects: [hardShadow(k, "accent", 9), bloom(k, "onCard", 36, 0.45)] });
-    k.text(body, "{{brand.claim}}", { style: "Claim 42", color: "onCard", name: "Claim" });
-    const strip = k.stack(body, { fill: "paper", padding: { top: 18, right: 16, bottom: 18, left: 16 }, name: "Caption strip" });
-    k.text(strip, swaps[0].words[0], { style: "Caption 30", color: "text", name: "Caption" });
-    const cta = k.stack(body, { direction: "HORIZONTAL", width: "HUG", gap: 20, align: "CENTER", name: "CTA" });
-    spriteInks(k, cta, COIN_FACE, 8, { "#": "onCard", o: "primary" }, { name: "Coin" });
-    k.instance(cta, "Button", { Label: "INSERT COIN" }, { name: "Coin button" });
-    k.text(body, "{{brand.url}}", { style: "Url 30", color: "onCard", name: "Url" });
-    overlay(k, sheet);
-    placeField(k, sheet, FIELDS.story, 110);
-    if (swapTimes(swaps[0]).at(-1).gone > LENGTH) throw new Error("arcade high score: the captions run past the music");
-    march(k, swarm, { from: 0, until: LENGTH - BEAT_MS, step: BEAT_MS, dx: 24 });
-    march(k, cannon, { from: 0, until: LENGTH - BEAT_MS, step: BEAT_MS, dx: 132 });
-    k.animate(bolt, "translateY", [
-      ...Array.from({ length: SHOTS }, (_, i) => [0, 1, 2, 3, 4].map((s) => ({ t: SHOTS_FROM + i * SHOT - 160 + s * 40, v: -s * 320, ease: HOLD }))).flat(),
-      { t: SHOTS_FROM + SHOTS * SHOT - 160, v: 0 }
-    ]);
-    const crossing = (from) => Array.from({ length: 18 }, (_, i) => ({ t: from + i * SHOT, v: i * 80, ease: HOLD }));
-    k.animate(ufo, "translateX", [...crossing(beat(2)), ...crossing(beat(22)), { t: beat(22) + 18 * SHOT, v: 18 * 80 }]);
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    const smaller = (kit, id) => {
-      for (const n of kit.named(id, "Figure")) kit.restyle(n, "Figure 190");
-      for (const n of kit.named(id, "Stage clear")) kit.patch(n, { padding: { top: 8, right: 20, bottom: 8, left: 20 } });
-      for (const n of kit.named(id, "Score")) kit.patch(n, { itemSpacing: 14, counterAxisSpacing: 14, padding: { top: 22, right: 30, bottom: 24, left: 30 } });
-    };
-    k.variants(sheet, feedVariants({ post: 0, portrait: 0 }, {
-      post: (kit, id) => {
-        smaller(kit, id);
-        placeField(kit, id, FIELDS.post, 90);
-        refit(kit, id);
-      },
-      portrait: (kit, id) => {
-        placeField(kit, id, FIELDS.portrait, 96);
-        refit(kit, id);
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  arcade_high_score_default
-};

package/dist/chunks/chunk-IYSJTSGD.js

@@ -1,80 +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 {
-  bar,
-  bob,
-  card,
-  saasUi
-} from "./chunk-7LUGSIMT.js";
-import {
-  E,
-  arc,
-  sparkle
-} from "./chunk-SAI52TVK.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/lottie/saas-ui-empty-search.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var saas_ui_empty_search_default = saasUi({
-  slug: "empty-search",
-  role: "empty-state",
-  size: "spot",
-  duration: 4e3,
-  loop: true,
-  title: "empty state: no search results",
-  description: "The empty state for a search that found nothing: a magnifier sweeps down the faded result rows, each dimming as the lens passes, and its question mark tilts as it comes back empty \u2014 a four-second seamless loop, 800\xD7600",
-  tags: ["empty state", "search", "no results", "not found", "illustration"],
-  build(l) {
-    l.circle(l.sheet, 400, 300, 258, "soft", { name: "Backdrop" });
-    const floor = l.rect(l.sheet, 220, 522, 360, 20, "accent", { radius: 10, name: "Floor shadow", opacity: 0.16 });
-    l.keys(floor, "scaleX", [[0, 1, E.inOut], [2e3, 0.92, E.inOut], [4e3, 1]]);
-    const c = card(l, l.sheet, 150, 104, 400, 380, "Results");
-    l.rect(c, 24, 24, 352, 56, "paper", { radius: 28, name: "Search field", stroke: { color: "line", width: 2 } });
-    l.ring(c, 56, 50, 10, "mute", 4, { name: "Field icon" });
-    l.line(c, [[64, 58], [71, 65]], "mute", 4, { name: "Field icon handle" });
-    bar(l, c, 88, 43, 132, 14, "ink", { name: "Query" });
-    l.rect(c, 296, 38, 64, 28, "soft", { radius: 14, name: "Result count" });
-    bar(l, c, 312, 47, 32, 10, "accent", { name: "Result count value" });
-    const caret = l.rect(c, 228, 38, 4, 24, "accent", { radius: 2, name: "Caret" });
-    l.opacity(caret, [[0, 1, E.hold], [500, 0, E.hold], [1e3, 1, E.hold], [1500, 0, E.hold], [2e3, 1, E.hold], [2500, 0, E.hold], [3e3, 1, E.hold], [3500, 0, E.hold], [4e3, 1]]);
-    for (let i = 0; i < 3; i++) {
-      const row = l.box(c, 24, 104 + i * 88, 352, 72, "Ghost result");
-      l.rect(row, 0, 0, 352, 72, "paper", { radius: 18, name: "Row ground" });
-      l.rect(row, 14, 14, 44, 44, "line", { radius: 14, name: "Row icon" });
-      bar(l, row, 74, 20, [176, 208, 150][i], 14, "line", { name: "Row title" });
-      bar(l, row, 74, 42, [112, 92, 128][i], 10, "line", { name: "Row detail" });
-      const t = 350 + i * 420;
-      l.opacity(row, [[0, 1, E.hold], [t, 1, E.inOut], [t + 380, 0.35, E.inOut], [t + 1500, 1, E.hold], [4e3, 1]]);
-    }
-    const lens = l.box(l.sheet, 420, 150, 260, 260, "Magnifier");
-    l.circle(lens, 106, 116, 92, "ink", { name: "Lens shadow", opacity: 0.1 });
-    l.line(lens, [[150, 150], [222, 222]], "ink", 30, { name: "Handle" });
-    l.line(lens, [[196, 196], [222, 222]], "accent", 30, { name: "Grip" });
-    l.circle(lens, 100, 100, 84, "white", { name: "Glass", opacity: 0.82 });
-    l.ring(lens, 100, 100, 84, "ink", 18, { name: "Rim" });
-    l.line(lens, arc(100, 100, 60, -70, -20), "line", 8, { name: "Glint" });
-    const mark = l.box(lens, 60, 52, 80, 100, "Nothing found");
-    l.line(mark, [...arc(40, 30, 20, -90, 140), { x: 40, y: 64 }], "accent", 12, { name: "Question hook" });
-    l.circle(mark, 40, 86, 8, "accent", { name: "Question dot" });
-    l.keys(lens, "translateX", [[0, 0, E.inOut], [1700, -150, E.hold], [2300, -150, E.inOut], [3700, 0, E.hold], [4e3, 0]]);
-    l.keys(lens, "translateY", [[0, 0, E.inOut], [1700, 150, E.hold], [2300, 150, E.inOut], [3700, 0, E.hold], [4e3, 0]]);
-    l.keys(lens, "rotation", [[0, 0, E.inOut], [850, -9, E.inOut], [1700, 0, E.inOut], [2e3, 5, E.inOut], [2300, 0, E.inOut], [3e3, 8, E.inOut], [3700, 0, E.hold], [4e3, 0]]);
-    l.keys(mark, "rotation", [[0, 0, E.hold], [1700, 0, E.out], [1850, -16, E.inOut], [2050, 12, E.inOut], [2300, 0, E.hold], [3700, 0, E.out], [3800, -8, E.inOut], [4e3, 0]]);
-    l.scale(mark, [[0, 1, E.hold], [1700, 1, E.pop], [1900, 1.16, E.inOut], [2300, 1, E.hold], [4e3, 1]]);
-    const star = l.shape(l.sheet, sparkle(148, 150, 18), "gold", { name: "Sparkle" });
-    l.scale(star, [[0, 1, E.inOut], [2e3, 0.55, E.inOut], [4e3, 1]]);
-    bob(l, l.ring(l.sheet, 668, 468, 15, "accent", 6, { name: "Loop", opacity: 0.5 }), 12, 150);
-    bob(l, l.circle(l.sheet, 112, 356, 10, "success", { name: "Dot" }), 10, -250);
-    bob(l, l.circle(l.sheet, 690, 128, 8, "accent", { name: "Dot", opacity: 0.6 }), 8, 300);
-  }
-});
-
-export {
-  saas_ui_empty_search_default
-};

package/dist/chunks/chunk-JACOXD6S.js

@@ -1,23 +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 {
-  STREET
-} from "./chunk-NYGBLPEV.js";
-import {
-  countdownStory
-} from "./chunk-JNPDG5B4.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion/festival-presale-street-countdown.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var festival_presale_street_countdown_default = countdownStory(STREET);
-
-export {
-  festival_presale_street_countdown_default
-};