@popcraft/kit 0.53.7 → 0.53.8

package/dist/chunks/chunk-CVNZ5O4F.js

@@ -1,104 +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 {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset
-} from "./chunk-4G7VHQUV.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/web/page-404.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var SUGGESTIONS = ["New arrivals", "Staff picks", "Book club", "Gift cards"];
-var BOOKS = [[220, 34, "primary"], [188, 30, "accent"], [236, 38, "secondary"], [204, 32, "primary"]];
-var page_404_default = defineTemplate({
-  id: "web-404",
-  meta: {
-    name: "404 page",
-    description: "A friendly not-found page for a bookshop: a big 404, what happened in plain words, a search box and four ways back \u2014 desktop, laptop, tablet and phone",
-    category: "web",
-    tags: ["404", "error page", "not found", "website", "bookshop", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: [],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  breakpoints: true,
-  build() {
-    const k = new Kit("404 page", preset("web-desktop"));
-    k.brand(
-      { paper: "#FBF7F0", text: "#2B2118", onPaper: "#6B5B4B", primary: "#7A2E2E", onPrimary: "#FFFFFF", accent: "#A65E16", secondary: "#35524A", card: "#FFFFFF", onCard: "#2B2118", cardMuted: "#7A6A5A" },
-      { name: "Marginalia Books" }
-    );
-    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: 600, lineHeight: 24 });
-    k.textStyle("Code 200", { size: 200, fontWeight: 900, letterSpacing: -8, lineHeight: 200 });
-    k.textStyle("Code 140", { size: 140, fontWeight: 900, letterSpacing: -6, lineHeight: 140 });
-    k.textStyle("Code 104", { size: 104, fontWeight: 900, letterSpacing: -4, lineHeight: 104 });
-    k.textStyle("Headline 48", { size: 48, fontWeight: 800, letterSpacing: -1.2, lineHeight: 56 });
-    k.textStyle("Headline 32", { size: 32, fontWeight: 800, letterSpacing: -0.8, lineHeight: 40 });
-    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 28 });
-    k.textStyle("Body 16", { size: 16, fontWeight: 400, lineHeight: 24 });
-    k.textStyle("Field 16", { size: 16, fontWeight: 400, lineHeight: 24 });
-    k.textStyle("Chip 15", { size: 15, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Footer 14", { size: 14, fontWeight: 400, lineHeight: 20 });
-    buttons(k, { style: "Button 16" });
-    k.component("Chip", { direction: "HORIZONTAL", width: "HUG", fill: "card", radius: 999, stroke: { color: "onPaper", width: 1 }, padding: { top: 10, right: 18, bottom: 10, left: 18 }, props: { Label: "New arrivals" } }, (id) => {
-      k.propText(id, "Label", { style: "Chip 15", color: "onCard", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 72, top: 32, spread: true });
-    nav(k, sheet, { links: ["New arrivals", "Staff picks", "Events", "Visit us"], cta: "Order online", style: "Nav 16", brandStyle: "Brand 20" });
-    const main = k.stack(sheet, { direction: "HORIZONTAL", gap: 80, align: "CENTER", padding: { top: 48, right: 0, bottom: 48, left: 0 }, name: "Main" });
-    const art = k.stack(main, { width: "HUG", gap: 24, align: "CENTER", name: "Art" });
-    k.text(art, "404", { style: "Code 200", color: "accent", width: 420, align: "CENTER", name: "Code" });
-    const books = k.stack(art, { width: "HUG", gap: 6, align: "CENTER", name: "Books" });
-    BOOKS.forEach(([w, h, role], i) => k.rect(books, w, h, role, { radius: 4, name: `Book ${i + 1}` }));
-    const copy = k.stack(main, { gap: 24, name: "Copy" });
-    k.text(copy, "This page is checked out.", { style: "Headline 48", color: "text", name: "Headline" });
-    k.text(copy, "The page you were looking for has been moved, renamed, or borrowed by another reader. Search the shelves, or start from one of these.", { style: "Body 18", color: "onPaper", name: "Explain" });
-    const search = k.stack(copy, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Search" });
-    const field = k.stack(search, { direction: "HORIZONTAL", fill: "card", radius: 10, stroke: { color: "onPaper", width: 1 }, padding: { top: 14, right: 16, bottom: 14, left: 16 }, name: "Field" });
-    k.text(field, "Title, author or ISBN", { style: "Field 16", color: "cardMuted", name: "Placeholder" });
-    k.instance(search, "Button", { Label: "Search" }, { name: "Search button" });
-    const chips = k.stack(copy, { direction: "HORIZONTAL", gap: 10, wrap: true, name: "Suggestions" });
-    for (const s of SUGGESTIONS) k.instance(chips, "Chip", { Label: s }, { name: "Suggestion" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", gap: 16, name: "Footer" });
-    k.text(foot, "214 Harbour Street, Portland, Maine \xB7 Open every day, 9 am to 8 pm", { style: "Footer 14", color: "onPaper", name: "Address" });
-    k.text(foot, "hello@marginaliabooks.com", { style: "Footer 14", color: "onPaper", autoWidth: true, name: "Email" });
-    webResponsive(k, sheet, {
-      stack: ["Main", "Footer"],
-      stackMobile: ["Search"],
-      restyle: { "Code 200": { laptop: "Code 140", tablet: "Code 140", mobile: "Code 104" }, "Headline 48": { mobile: "Headline 32" }, "Body 18": { mobile: "Body 16" } },
-      hide: { mobile: ["Nav links"] },
-      gap: { tablet: 48, mobile: 40 },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") for (const n of kit.named(id, "Main")) kit.patch(n, { itemSpacing: 64 });
-        if (size === "tablet" || size === "mobile") for (const n of kit.named(id, "Main")) kit.patch(n, { itemSpacing: 32, padding: { top: 16, right: 0, bottom: 16, left: 0 } });
-        for (const n of kit.named(id, "Code")) kit.patch(n, { width: size === "mobile" ? 240 : 320 });
-        if (size === "mobile") for (const n of kit.named(id, "Books")) for (const b of kit.node(n).childIds) kit.patch(b, { width: Math.round(kit.node(b).width * 0.7) });
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  page_404_default
-};

package/dist/chunks/chunk-CWSAOWXY.js

@@ -1,291 +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 {
-  sizeOf
-} from "./chunk-LWSZATOL.js";
-import {
-  noise
-} from "./chunk-YORIY3BT.js";
-import {
-  DEG,
-  box,
-  pt
-} from "./chunk-EJLCQVQK.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/themes/bauhaus-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var LOWER = { textCase: "LOWER" };
-var WERK = { product: "formwerk", site: "formwerk.example" };
-var COLORS = {
-  paper: "#F0E8D6",
-  text: "#17140F",
-  onPaper: "#4B453B",
-  primary: "#D12A1C",
-  onPrimary: "#FFF8EA",
-  secondary: "#1C469F",
-  onSecondary: "#FFF8EA",
-  accent: "#F1B80E",
-  onAccent: "#17140F",
-  card: "#FAF5E8",
-  onCard: "#17140F"
-};
-function bauhausBrand(k, fields = {}) {
-  k.brand(COLORS, { name: WERK.product, site: WERK.site, ...fields });
-}
-var grain = (amount = 0.06, size = 3) => [noise({ id: "grain", amount, size, seed: 19, density: 0.45 })];
-var cast = (k, depth = 10, alpha = 0.24) => [{ type: "DROP_SHADOW", color: k.color("text", alpha), offset: { x: Math.round(depth * 0.4), y: depth }, blur: Math.round(depth * 1.8), spread: 0, visible: true }];
-var arcPoints = (cx, cy, r, from, to, steps) => Array.from({ length: steps + 1 }, (_, i) => {
-  const a = (from + (to - from) * i / steps) * DEG;
-  return pt(cx + r * Math.cos(a), cy + r * Math.sin(a));
-});
-var shapeOpts = (k, o, fallback) => ({ name: o.name ?? fallback, absolute: o.at, ...o.opacity !== void 0 ? { opacity: o.opacity } : {}, ...o.shadow ? { effects: cast(k, o.shadow) } : {} });
-var airPaint = (k, o) => [k.gradient({ from: "text", to: "text", angle: o.airAngle ?? 55, fromOpacity: 0, toOpacity: o.air ?? 0.3 })];
-function disc(k, parent, d, role, o) {
-  const id = k.ellipse(parent, d, role, shapeOpts(k, o, "Disc"));
-  if (o.air) k.ellipse(parent, d, airPaint(k, o), { name: `${o.name ?? "Disc"} air`, absolute: o.at });
-  return id;
-}
-function block(k, parent, w, h, role, o) {
-  const id = k.rect(parent, w, h, role, shapeOpts(k, o, "Block"));
-  if (o.air) k.rect(parent, w, h, airPaint(k, o), { name: `${o.name ?? "Block"} air`, absolute: o.at });
-  return id;
-}
-function bar(k, parent, w, h, role, deg, o) {
-  const id = k.rect(parent, w, h, role, shapeOpts(k, o, "Bar"));
-  k.patch(id, { rotation: deg });
-  return id;
-}
-function triangle(k, parent, w, h, role, o) {
-  const points = o.kind === "right" ? [pt(0, 0), pt(w, h), pt(0, h)] : o.kind === "down" ? [pt(0, 0), pt(w, 0), pt(w / 2, h)] : [pt(w / 2, 0), pt(w, h), pt(0, h)];
-  const id = k.vector(parent, w, h, [{ closed: true, points }], role, shapeOpts(k, o, "Triangle"));
-  if (o.air) k.vector(parent, w, h, [{ closed: true, points }], airPaint(k, o), { name: `${o.name ?? "Triangle"} air`, absolute: o.at });
-  return id;
-}
-function quarter(k, parent, r, role, o) {
-  const [cx, cy, from] = { tl: [0, 0, 0], tr: [r, 0, 90], br: [r, r, 180], bl: [0, r, 270] }[o.corner];
-  const points = [pt(cx, cy), ...arcPoints(cx, cy, r, from, from + 90, 40)];
-  const id = k.vector(parent, r, r, [{ closed: true, points }], role, shapeOpts(k, o, "Quarter"));
-  if (o.air) k.vector(parent, r, r, [{ closed: true, points }], airPaint(k, o), { name: `${o.name ?? "Quarter"} air`, absolute: o.at });
-  return id;
-}
-function half(k, parent, d, role, o) {
-  const r = d / 2, down = o.kind === "down";
-  const points = down ? arcPoints(r, 0, r, 0, 180, 60) : arcPoints(r, r, r, 180, 360, 60);
-  return k.vector(parent, d, r, [{ closed: true, points }], role, shapeOpts(k, o, "Half"));
-}
-function rings(k, parent, d, n, o) {
-  const R = d / 2, from = o.from ?? 0, to = o.to ?? 360, whole = to - from >= 360;
-  const paths = Array.from({ length: n }, (_, i) => {
-    const points = arcPoints(R, R, R - i * (o.gap ?? 18) - (o.weight ?? 2) / 2, from, to, 72);
-    return { closed: whole, points: whole ? points.slice(0, -1) : points };
-  });
-  return k.vector(parent, d, d, paths, o.role ?? "text", { ...shapeOpts(k, o, "Rings"), strokeWidth: o.weight ?? 2 });
-}
-function stripes(k, parent, w, h, n, role, o) {
-  const columns = o.kind === "columns", t = (columns ? w : h) / (2 * n - 1);
-  const paths = Array.from({ length: n }, (_, i) => columns ? box(i * 2 * t, 0, t, h) : box(0, i * 2 * t, w, t));
-  return k.vector(parent, w, h, paths, role, shapeOpts(k, o, "Stripes"));
-}
-function dotGrid(k, parent, cols, rows, pitch, r, o) {
-  const paths = [];
-  for (let j = 0; j < rows; j++) for (let i = 0; i < cols; i++) paths.push({ closed: false, points: [pt(r + i * pitch, r + j * pitch), pt(r + i * pitch + 0.01, r + j * pitch)] });
-  return k.vector(parent, (cols - 1) * pitch + 2 * r, (rows - 1) * pitch + 2 * r, paths, o.role ?? "text", { ...shapeOpts(k, o, "Dots"), strokeWidth: 2 * r });
-}
-function hatch(k, parent, w, h, pitch, o) {
-  const paths = [];
-  for (let c = pitch; c < w + h; c += pitch) {
-    const a = c <= h ? pt(0, c) : pt(c - h, h), b = c <= w ? pt(c, 0) : pt(w, c - w);
-    paths.push({ closed: false, points: [a, b] });
-  }
-  return k.vector(parent, w, h, paths, o.role ?? "text", { ...shapeOpts(k, o, "Hatch"), strokeWidth: o.weight ?? 2 });
-}
-var rule = (k, parent, weight = 8, role = "text", name = "Rule") => k.rect(parent, "FILL", weight, role, { name });
-function put(k, root, name, x, y, show = true) {
-  for (const base of [name, `${name} air`]) for (const id of k.named(root, base)) k.patch(id, { x, y, visible: show });
-}
-function move(k, id, path, from, to, at, step) {
-  k.animate(id, path, [{ t: at, v: from, ease: ease.inOut("cubic") }, { t: at + step, v: to }]);
-}
-function appear(k, id, at, out, fade = 120) {
-  k.animate(id, "opacity", [{ t: at, v: 0, ease: ease.linear }, { t: at + fade, v: 1, ...out !== void 0 ? { ease: ease.hold } : {} }, ...out !== void 0 ? [{ t: out, v: 1, ease: ease.linear }, { t: out + 240, v: 0 }] : []]);
-}
-var SYSTEM = { width: 800, height: 500 };
-function system(k, parent, o) {
-  const id = k.stack(parent, { width: SYSTEM.width, height: SYSTEM.height, name: "Diagram" });
-  const f = o.film;
-  const when = (p) => f?.at[p];
-  const step = f?.step ?? 0;
-  const on = (p, ...ids) => {
-    const t = when(p);
-    if (t !== void 0) for (const x of ids) appear(k, x, t, f.out);
-  };
-  const arcs = rings(k, id, 304, 2, { at: { x: -2, y: -2 }, name: "Compass", weight: 3, gap: 16, from: 20, to: 290 });
-  on("rings", arcs);
-  if (when("rings") !== void 0) move(k, arcs, "rotation", -220, 0, when("rings"), step * 2);
-  hatch(k, id, 170, 120, 14, { at: { x: 630, y: 378 }, name: "Hatching", opacity: 0.55 });
-  dotGrid(k, id, 6, 3, 20, 3, { at: { x: 4, y: 440 }, name: "Dot field" });
-  const wire = (p, name, x, y, w, h, share = [0, 1]) => {
-    const across = w > h;
-    const r = k.rect(id, w, h, "text", { name, absolute: { x, y } });
-    k.patch(r, across ? { anchorX: 0 } : { anchorY: 0 });
-    const t = when(p);
-    if (t !== void 0) {
-      appear(k, r, t + step * share[0], f.out, 40);
-      move(k, r, across ? "scaleX" : "scaleY", 0, 1, t + step * share[0], step * share[1]);
-    }
-    return r;
-  };
-  wire("wireA", "Wire a", 250, 136, 300, 28);
-  wire("wireB", "Wire b", 626, 240, 28, 140);
-  wire("wireC", "Wire c", 136, 250, 28, 164, [0, 0.5]);
-  wire("wireC", "Wire c turn", 136, 386, 214, 28, [0.5, 0.5]);
-  wire("wireD", "Wire d", 480, 411, 112, 28);
-  wire("wireE", "Wire e", 392, 100, 16, 40);
-  const token = k.rect(id, 16, 16, "accent", { name: "Token", absolute: { x: 470, y: 142 } });
-  if (when("token") !== void 0) {
-    const t0 = when("token"), end = f.out ?? t0 + step * 16;
-    appear(k, token, t0, f.out);
-    const trips = Math.max(1, Math.floor((end - t0) / (step * 2)));
-    k.animate(token, "translateX", Array.from({ length: trips }, (_, i) => [{ t: t0 + i * step * 2, v: -200, ease: ease.inOut("cubic") }, { t: t0 + i * step * 2 + step, v: 46, ease: ease.hold }]).flat());
-  }
-  const api = k.frame(id, { x: 40, y: 40, width: 220, height: 220 }, { name: "Api" });
-  disc(k, api, 220, "primary", { at: { x: 0, y: 0 }, name: "Api disc", air: 0.34, shadow: 12 });
-  k.text(api, "api", { style: o.label, color: "onPrimary", width: 220, align: "CENTER", name: "Api label", absolute: { x: 0, y: 98 } });
-  on("api", api);
-  if (when("api") !== void 0) move(k, api, "translateX", -460, 0, when("api"), step);
-  const store = k.frame(id, { x: 540, y: 50, width: 200, height: 200 }, { name: "Store" });
-  const square = block(k, store, 200, 200, "secondary", { at: { x: 0, y: 0 }, name: "Store square", air: 0.36, airAngle: 70, shadow: 12 });
-  const rows = [152, 132, 96].map((w, i) => k.rect(store, w, 6, "onSecondary", { name: "Store row", opacity: 0.85, absolute: { x: 24, y: 138 + i * 16 } }));
-  const storeLabel = k.text(store, "store", { style: o.label, color: "onSecondary", width: 200, align: "CENTER", name: "Store label", absolute: { x: 0, y: 62 } });
-  on("store", store);
-  if (when("store") !== void 0) {
-    const t = when("store");
-    move(k, store, "translateX", 420, 0, t, step);
-    for (const s of [square, ...k.named(store, "Store square air")]) move(k, s, "rotation", 90, 0, t, step);
-    for (const r of [...rows, storeLabel]) appear(k, r, t + step, void 0, 160);
-  }
-  const queue = k.frame(id, { x: 300, y: 280, width: 230, height: 200 }, { name: "Queue" });
-  const tri = triangle(k, queue, 230, 200, "accent", { at: { x: 0, y: 0 }, name: "Queue triangle", air: 0.22, airAngle: 80, shadow: 12 });
-  const waiting = [0, 1, 2, 3].map((i) => k.rect(queue, 12, 12, "onAccent", { name: "Message", absolute: { x: 70 + i * 26, y: 172 } }));
-  const queueLabel = k.text(queue, "queue", { style: o.label, color: "onAccent", width: 230, align: "CENTER", name: "Queue label", absolute: { x: 0, y: 128 } });
-  on("queue", queue);
-  if (when("queue") !== void 0) {
-    const t = when("queue");
-    move(k, queue, "translateY", 300, 0, t, step);
-    for (const s of [tri, ...k.named(queue, "Queue triangle air")]) move(k, s, "rotation", -120, 0, t, step);
-    appear(k, queueLabel, t + step, void 0, 160);
-    waiting.forEach((m, i) => appear(k, m, t + step + i * (step / 4), void 0, 60));
-  }
-  const worker = k.frame(id, { x: 585, y: 370, width: 110, height: 110 }, { name: "Worker" });
-  disc(k, worker, 110, "text", { at: { x: 0, y: 0 }, name: "Worker disc", shadow: 10 });
-  k.ellipse(worker, 90, [], { name: "Worker ring", stroke: { color: "paper", width: 2 }, absolute: { x: 10, y: 10 } });
-  k.text(worker, "worker", { style: o.note, color: "paper", width: 110, align: "CENTER", name: "Worker label", absolute: { x: 0, y: 45 } });
-  on("worker", worker);
-  if (when("worker") !== void 0) for (const axis of ["scaleX", "scaleY"]) k.animate(worker, axis, [{ t: when("worker"), v: 0, ease: ease.back(2.2) }, { t: when("worker") + step, v: 1 }]);
-  const cache = k.frame(id, { x: 358, y: 16, width: 84, height: 84 }, { name: "Cache" });
-  const cacheSquare = block(k, cache, 84, 84, "secondary", { at: { x: 0, y: 0 }, name: "Cache square", air: 0.36, airAngle: 70, shadow: 8 });
-  const cacheLabel = k.text(cache, "cache", { style: o.note, color: "onSecondary", width: 84, align: "CENTER", name: "Cache label", absolute: { x: 0, y: 32 } });
-  on("cache", cache);
-  if (when("cache") !== void 0) {
-    const t = when("cache");
-    move(k, cache, "translateY", -240, 0, t, step);
-    for (const s of [cacheSquare, ...k.named(cache, "Cache square air")]) move(k, s, "rotation", -180, 0, t, step);
-    appear(k, cacheLabel, t + step, void 0, 160);
-  }
-  const notes = [
-    k.text(id, "http \xB7 14 req/s", { style: o.note, color: "text", width: 260, align: "CENTER", name: "Note", absolute: { x: 270, y: 174 } }),
-    k.text(id, "sql", { style: o.note, color: "text", width: 60, name: "Note", absolute: { x: 666, y: 296 } }),
-    k.text(id, "publishes", { style: o.note, color: "text", width: 130, name: "Note", absolute: { x: 146, y: 424 } })
-  ];
-  const tn = when("notes");
-  if (tn !== void 0) notes.forEach((n, i) => appear(k, n, tn + i * (step / 2), f.out, 160));
-  return id;
-}
-function restage(k, root, scale) {
-  for (const s of k.named(root, "Stage")) k.patch(s, { width: Math.round(SYSTEM.width * scale), height: Math.round(SYSTEM.height * scale) });
-  for (const d of k.named(root, "Diagram")) k.patch(d, { layoutPositioning: "ABSOLUTE", x: Math.round(-SYSTEM.width / 2 * (1 - scale)), y: Math.round(-SYSTEM.height / 2 * (1 - scale)), scaleX: scale, scaleY: scale });
-}
-function alphabet(k, parent, size, o) {
-  const gap = o.gap ?? Math.round(size * 0.4), span = size * 3 + gap * 2;
-  const id = k.frame(parent, { x: o.at.x, y: o.at.y, width: o.row ? span : size, height: o.row ? size : span }, { name: o.name ?? "Alphabet" });
-  const spot = (i) => o.row ? { x: i * (size + gap), y: 0 } : { x: 0, y: i * (size + gap) };
-  k.ellipse(id, size, "primary", { name: "Alphabet circle", absolute: spot(0) });
-  k.rect(id, size, size, "secondary", { name: "Alphabet square", absolute: spot(1) });
-  triangle(k, id, size, size, "accent", { at: spot(2), name: "Alphabet triangle" });
-  return id;
-}
-function poster(k, sheet) {
-  const at = { x: 0, y: 0 };
-  disc(k, sheet, 620, "accent", { at, name: "Sun", air: 0.3 });
-  const topBar = bar(k, sheet, 700, 40, "text", -24, { at, name: "Top bar" });
-  stripes(k, sheet, 260, 124, 6, "secondary", { at, name: "Top stripes" });
-  k.rect(sheet, 84, 84, "primary", { name: "Top square", absolute: at });
-  dotGrid(k, sheet, 5, 3, 22, 3.5, { at, name: "Top dots" });
-  k.rect(sheet, 18, 330, "primary", { name: "Side bar", absolute: at });
-  alphabet(k, sheet, 40, { at });
-  rings(k, sheet, 900, 5, { at, name: "Board rings", weight: 2, gap: 44, opacity: 0.22 });
-  quarter(k, sheet, 430, "secondary", { at, corner: "bl", name: "Foot quarter", air: 0.4, airAngle: 20 });
-  disc(k, sheet, 270, "primary", { at, name: "Foot disc", air: 0.34, shadow: 14 });
-  triangle(k, sheet, 420, 400, "text", { at, kind: "up", name: "Foot triangle" });
-  stripes(k, sheet, 520, 60, 3, "accent", { at, name: "Foot stripes" });
-  const footBar = bar(k, sheet, 760, 30, "text", -24, { at, name: "Foot bar" });
-  dotGrid(k, sheet, 7, 4, 24, 4, { at, name: "Foot dots" });
-  return { topBar, footBar };
-}
-function furnish(k, sheet) {
-  const { w, h } = sizeOf(k, sheet);
-  const tall = h > 1500;
-  for (const id of k.named(sheet, "Background")) k.patch(id, { x: 0, y: 0, width: w, height: h });
-  put(k, sheet, "Sun", tall ? w - 400 : w - 250, tall ? -330 : -440);
-  put(k, sheet, "Top bar", 500, 44, tall);
-  put(k, sheet, "Top stripes", 64, 70, tall);
-  put(k, sheet, "Top square", 356, 70, tall);
-  put(k, sheet, "Top dots", 470, 154, tall);
-  put(k, sheet, "Side bar", tall ? 76 : 20, tall ? 300 : 150);
-  put(k, sheet, "Alphabet", w - 104, tall ? 560 : 300, tall);
-  put(k, sheet, "Board rings", w - 560, tall ? 560 : h - 760);
-  put(k, sheet, "Foot quarter", 0, h - 430, tall);
-  put(k, sheet, "Foot disc", 300, h - 350, tall);
-  put(k, sheet, "Foot triangle", w - 420, h - 400, tall);
-  put(k, sheet, "Foot stripes", 500, h - 96, tall);
-  put(k, sheet, "Foot bar", 180, h - 250, tall);
-  put(k, sheet, "Foot dots", 560, h - 330, tall);
-}
-
-export {
-  LOWER,
-  WERK,
-  bauhausBrand,
-  grain,
-  cast,
-  disc,
-  block,
-  bar,
-  triangle,
-  quarter,
-  half,
-  rings,
-  stripes,
-  dotGrid,
-  hatch,
-  rule,
-  put,
-  move,
-  appear,
-  SYSTEM,
-  system,
-  restage,
-  alphabet,
-  poster,
-  furnish
-};

package/dist/chunks/chunk-CXC2MZKM.js

@@ -1,172 +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 {
-  BEAT_LOOP_MS
-} from "./chunk-SHE5X7E5.js";
-import {
-  logoBadge,
-  pill,
-  verticalPadding
-} from "./chunk-KOAJ6HD2.js";
-import {
-  BEAT_LOOP_HASH,
-  shippedWav
-} from "./chunk-QYD2DX5P.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset
-} from "./chunk-4G7VHQUV.js";
-import {
-  sceneSequence
-} from "./chunk-PLZLKHOI.js";
-import {
-  ONSET_LABEL,
-  setOnsetMarkers
-} from "./chunk-GFBUI5Q4.js";
-import {
-  detectOnsets
-} from "./chunk-EGSRWLGD.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/social/promo-beat-drop.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var PASSES = 2;
-var BEATS_PER_SCENE = 4;
-function loopOnsets() {
-  const { channels, sampleRate } = shippedWav(BEAT_LOOP_HASH);
-  return detectOnsets(channels, sampleRate).onsets;
-}
-function promoOnsets() {
-  const one = loopOnsets();
-  return Array.from({ length: PASSES }, (_, p) => one.map((t) => p * BEAT_LOOP_MS + t)).flat();
-}
-function sceneCuts(onsets) {
-  return onsets.filter((_, i) => i % BEATS_PER_SCENE === 0);
-}
-function sceneCues(scene, beats) {
-  const b = (i) => beats[Math.min(i, beats.length - 1)];
-  switch (scene) {
-    case 0:
-      return [
-        { layer: "Logo badge", preset: "pop-in", at: b(0), params: { duration: 450 } },
-        { layer: "Word new", preset: "pop-in", at: b(1), params: { duration: 400, amount: 0.5 } },
-        { layer: "Word drop", preset: "pop-in", at: b(2), params: { duration: 400, amount: 0.5 } },
-        { layer: "When", preset: "rise-in", at: b(3), params: { duration: 400 } }
-      ];
-    case 1:
-      return [
-        { layer: "Product photo", preset: "scale-in", at: b(0), params: { duration: 450 } },
-        { layer: "Product name", preset: "rise-in", at: b(1), params: { duration: 400 } },
-        { layer: "Price", preset: "pop-in", at: b(2), params: { duration: 400 } },
-        { layer: "Price", preset: "pulse", at: b(3), params: { duration: 450, amount: 0.06 } }
-      ];
-    case 2:
-      return [
-        { layer: "Feature", preset: "slide-in", at: b(0), params: { duration: 380, direction: "right" }, stagger: { delay: beats[1] - beats[0], order: "index" } },
-        { layer: "Features title", preset: "fade-in", at: b(0), params: { duration: 300 } }
-      ];
-    default:
-      return [
-        { layer: "Headline", preset: "pop-in", at: b(0), params: { duration: 450 } },
-        { layer: "Shop button", preset: "rise-in", at: b(1), params: { duration: 400 } },
-        { layer: "Handle", preset: "fade-in", at: b(2), params: { duration: 300 } },
-        { layer: "Shop button", preset: "pulse", at: b(3), params: { duration: 450, amount: 0.07 } }
-      ];
-  }
-}
-var promo_beat_drop_default = defineTemplate({
-  id: "motion-promo-beat-drop",
-  meta: {
-    name: "Beat drop promo",
-    description: "An 8-second vertical product drop cut to the beat: four scenes over a 120 BPM loop (made by PopCraft, CC0), every cut and every entrance on a detected beat \u2014 onset markers you can re-run on your own track",
-    category: "animation",
-    tags: ["animation", "music", "beat", "audio", "reel", "tiktok", "shorts", "promo", "product drop", "scenes"],
-    platforms: ["instagram", "tiktok", "youtube"],
-    formats: ["reel", "short", "story", "ad"],
-    useCases: ["launch", "sale"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  build() {
-    const k = new Kit("Beat drop promo", preset("ig-story"));
-    k.brand(
-      { primary: "#111014", onPrimary: "#FFFFFF", accent: "#FF3D7F", onAccent: "#FFFFFF", paper: "#FFF4E8", text: "#111014", onText: "#FFF4E8", onPaper: "#5B5560", muted: "#F2D8C9" },
-      { product: "Aero runner 2", price: "$129", when: "Friday \xB7 10 am", handle: "@yourbrand" }
-    );
-    k.textStyle("Mega 220", { size: 220, fontWeight: 900, letterSpacing: -8, lineHeight: 210, textAlign: "CENTER" });
-    k.textStyle("Headline 96", { size: 96, fontWeight: 900, letterSpacing: -3, lineHeight: 100, textAlign: "CENTER" });
-    k.textStyle("Title 64", { size: 64, fontWeight: 800, letterSpacing: -1, lineHeight: 72, textAlign: "CENTER" });
-    k.textStyle("Feature 52", { size: 52, fontWeight: 700, lineHeight: 60 });
-    k.textStyle("Body 40", { size: 40, fontWeight: 500, lineHeight: 48, textAlign: "CENTER" });
-    k.textStyle("Button 40", { size: 40, fontWeight: 800, lineHeight: 48 });
-    pill(k, "Button", { fill: "accent", ink: "onAccent", style: "Button 40", label: "Shop the drop", pad: [26, 60] });
-    const onsets = promoOnsets();
-    const cuts = sceneCuts(onsets);
-    const end = PASSES * BEAT_LOOP_MS;
-    const sheets = [];
-    const names = ["Drop", "Product", "Features", "Call to action"];
-    names.forEach((name, i) => {
-      const id = i === 0 ? k.sheet : k.addSheet(preset("ig-story"), name);
-      k.nameSheet(id, name);
-      const from = cuts[i], to = cuts[i + 1] ?? end;
-      k.flowSheet(id, 40, verticalPadding(), i % 2 ? "paper" : "primary", "CENTER", "CENTER");
-      k.patch(id, { clipsContent: true });
-      k.timeline(id, { duration: to - from, fps: 30 });
-      sheets.push(id);
-    });
-    const [drop, product, features, cta] = sheets;
-    logoBadge(k, drop, { fill: "accent", size: 88 });
-    k.text(drop, "NEW", { style: "Mega 220", color: "onPrimary", name: "Word new" });
-    const tag = k.stack(drop, { width: "HUG", fill: "accent", radius: 40, padding: { top: 8, right: 40, bottom: 16, left: 40 }, name: "Word drop" });
-    k.text(tag, "DROP", { style: "Mega 220", color: "onAccent", name: "Drop word" });
-    k.text(drop, "{{brand.when}}", { style: "Body 40", color: "onPrimary", name: "When" });
-    k.photo(product, 760, 760, { radius: 56, ground: "muted", name: "Product photo" });
-    k.text(product, "{{brand.product}}", { style: "Title 64", color: "text", name: "Product name" });
-    k.text(product, "{{brand.price}}", { style: "Headline 96", color: "accent", name: "Price" });
-    k.text(features, "Why it flies", { style: "Title 64", color: "onPrimary", name: "Features title" });
-    const list = k.stack(features, { gap: 28, width: 760, name: "Features" });
-    for (const line of ["Carbon plate", "198 g a shoe", "Recycled knit", "Ships free"]) k.text(list, `+  ${line}`, { style: "Feature 52", color: "onPrimary", name: "Feature" });
-    k.text(cta, "Get yours first", { style: "Headline 96", color: "text", name: "Headline" });
-    k.instance(cta, "Button", { Label: "Shop the drop" }, { name: "Shop button" });
-    k.text(cta, "{{brand.handle}}", { style: "Body 40", color: "onPaper", name: "Handle" });
-    sheets.forEach((id, i) => {
-      const from = cuts[i], to = cuts[i + 1] ?? end;
-      k.cues(id, sceneCues(i, onsets.filter((t) => t >= from && t < to).map((t) => t - from)));
-    });
-    k.setCover(drop);
-    const doc = k.finish();
-    let comp = sceneSequence(doc.nodes, { id: "comp-beat-drop", name: "Beat drop promo", frames: sheets, fps: 30, background: k.color("primary") });
-    comp = {
-      ...comp,
-      audio: Array.from({ length: PASSES }, (_, p) => ({
-        id: `a${p + 1}`,
-        mediaHash: BEAT_LOOP_HASH,
-        name: "Pop Drop (120 BPM loop, CC0)",
-        start: p * BEAT_LOOP_MS,
-        in: 0,
-        out: BEAT_LOOP_MS,
-        lane: 0,
-        ...p === PASSES - 1 ? { fadeOut: 1e3 } : {}
-      }))
-    };
-    comp = setOnsetMarkers(comp, onsets);
-    if (comp.clips.some((c, i) => c.start !== cuts[i])) throw new Error("beat drop: a scene does not start on its downbeat marker");
-    if (comp.markers?.some((m) => m.label !== ONSET_LABEL)) throw new Error("beat drop: stray markers");
-    return { ...doc, compositions: { [comp.id]: comp } };
-  }
-});
-
-export {
-  promoOnsets,
-  sceneCuts,
-  promo_beat_drop_default
-};