@popcraft/kit 0.26.0 → 0.27.0

package/dist/chunks/chunk-YHJ2I4YG.js

@@ -0,0 +1,164 @@
+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 {
+  assemble,
+  avatarSlice,
+  bentoBrand,
+  cellBox,
+  chartSlice,
+  disassemble,
+  drawChart,
+  fitAvatars,
+  fitChart,
+  grot,
+  lockup,
+  placePost,
+  tile,
+  tileLabel
+} from "./chunk-54AACP3R.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  Kit,
+  preset
+} from "./chunk-6QHAQLJ4.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/style-bento-milestone.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Bento SaaS milestone post";
+var DURATION = 9e3;
+var TILES = ["Figure tile", "Team tile", "Notes tile", "Chart tile", "Thanks tile"];
+var TEAMS = [0.4, 1.1, 2, 3.2, 4.1, 5.8, 7.5, 9.9, 12.4, 15.8, 19, 22.6, 26.9, 31.2, 36, 41];
+var LAYOUT = {
+  "ig-post": {
+    grid: { x: 44, y: 44, w: 992, h: 992, cols: 4, rows: 4, gap: 16 },
+    pad: 28,
+    figure: "Figure 150",
+    cells: { "Figure tile": { c: 0, r: 0, cw: 3, rh: 2 }, "Team tile": { c: 3, r: 0, cw: 1, rh: 1 }, "Notes tile": { c: 3, r: 1, cw: 1, rh: 1 }, "Chart tile": { c: 0, r: 2, cw: 3, rh: 2 }, "Thanks tile": { c: 3, r: 2, cw: 1, rh: 2 } }
+  },
+  "ig-portrait": {
+    grid: { x: 44, y: 44, w: 992, h: 1262, cols: 4, rows: 5, gap: 16 },
+    pad: 30,
+    figure: "Figure 180",
+    cells: { "Figure tile": { c: 0, r: 0, cw: 4, rh: 2 }, "Team tile": { c: 0, r: 2, cw: 1, rh: 1 }, "Notes tile": { c: 1, r: 2, cw: 1, rh: 1 }, "Thanks tile": { c: 2, r: 2, cw: 2, rh: 1 }, "Chart tile": { c: 0, r: 3, cw: 4, rh: 2 } }
+  },
+  "ig-story": {
+    grid: { x: 64, y: 250, w: 952, h: 1606, cols: 4, rows: 8, gap: 16 },
+    pad: 30,
+    figure: "Figure 180",
+    rail: 940,
+    wordless: ["Team tile"],
+    cells: { "Figure tile": { c: 0, r: 0, cw: 4, rh: 2 }, "Notes tile": { c: 0, r: 2, cw: 2, rh: 2 }, "Thanks tile": { c: 2, r: 2, cw: 2, rh: 2 }, "Chart tile": { c: 0, r: 4, cw: 4, rh: 2 }, "Team tile": { c: 0, r: 6, cw: 4, rh: 2 } }
+  }
+};
+var cues = [
+  assemble(TILES, 0, 90, 600),
+  { layer: "Figure line", preset: "words-in", at: 1500, params: { duration: 600 } },
+  { layer: "Face", preset: "slide-in", at: 900, stagger: { delay: 90, order: "selection" }, params: { direction: "left", duration: 420 } },
+  { layer: "Face", preset: "pulse", at: 4800, stagger: { delay: 80, order: "selection" }, params: { duration: 400, amount: 0.08 } },
+  { layer: "Next", preset: "pulse", at: 5600, params: { duration: 800, amount: 0.06 } },
+  { layer: [...TILES], preset: "pulse", at: 6600, stagger: { delay: 60, order: "selection" }, params: { duration: 600, amount: 0.02 } },
+  disassemble(TILES, 8100, 50, 420)
+];
+var counts = [
+  { layer: "Teams figure", at: 500, duration: 2800, counter: { from: 0, to: 41e3, separator: "," } },
+  { layer: "Notes figure", at: 1200, duration: 2e3, counter: { from: 0, to: 1, decimals: 1, suffix: "M" } }
+];
+var style_bento_milestone_default = defineTemplate({
+  id: "motion-saas-style-bento-milestone",
+  meta: {
+    name: NAME,
+    description: "An animated milestone post in the bento grid look: tiles assemble around a lime hero tile where the figure counts to 41,000 teams, a night tile's month-by-month line draws itself up to this month, a million meeting notes count, the team pulses and a white tile thanks people and names the next mark; then the tiles leave back to the bare ground, so it loops. Nine seconds, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "saas", "bento", "bento grid", "tiles", "ai", "productivity", "milestone", "metric", "counter", "chart", "stats", "thank you", "post", "loop"],
+    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["milestone", "announcement", "stats"],
+    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;
+    bentoBrand(k);
+    grot(k, "Label 22", 22, { weight: 500, lead: 1.3 });
+    grot(k, "Brand 28", 28, { weight: 700, lead: 1.1, spacing: -0.02 });
+    for (const [n, sz] of [["Figure 180", 180], ["Figure 150", 150]]) grot(k, n, sz, { weight: 700, lead: 0.95, spacing: -0.06 });
+    grot(k, "Line 30", 30, { weight: 600, lead: 1.2, spacing: -0.02 });
+    grot(k, "Stat 120", 120, { weight: 700, lead: 1, spacing: -0.05 });
+    grot(k, "Stat 64", 64, { weight: 700, lead: 1, spacing: -0.05 });
+    grot(k, "Ui 22", 22, { weight: 500, lead: 1.3 });
+    grot(k, "Next 26", 26, { weight: 700, lead: 1.2, spacing: -0.02 });
+    pill(k, "Next", { fill: "night", ink: "onNight", style: "Next 26", label: "Next: 100k", pad: [10, 18] });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Milestone");
+    k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    const L = LAYOUT["ig-post"], g = L.grid;
+    const fig = tile(k, sheet, g, L.cells["Figure tile"], { name: "Figure tile", surface: "primary", pad: L.pad });
+    tileLabel(k, fig, "Milestone", { style: "Label 22", surface: "primary", size: 22, right: "October 2026", name: "Figure label" });
+    const fb = k.stack(fig, { gap: 8, name: "Figure body" });
+    k.text(fb, "41,000", { style: L.figure, color: "onPrimary", width: "FILL", name: "Teams figure" });
+    k.text(fb, "teams now plan their week with Tessera", { style: "Line 30", color: "onPrimary", width: "FILL", name: "Figure line" });
+    const tm = tile(k, sheet, g, L.cells["Team tile"], { name: "Team tile", surface: "sand", pad: L.pad });
+    tileLabel(k, tm, "All of you", { style: "Label 22", surface: "sand", size: 22, name: "Team label" });
+    avatarSlice(k, tm, { d: 60, n: 4, ring: "sand", overlap: 0.4 });
+    const no = tile(k, sheet, g, L.cells["Notes tile"], { name: "Notes tile", surface: "sky", pad: L.pad });
+    tileLabel(k, no, "Meeting notes", { style: "Label 22", surface: "sky", size: 22 });
+    k.text(no, "1.0M", { style: "Stat 64", color: "onSky", width: "FILL", name: "Notes figure" });
+    const ch = tile(k, sheet, g, L.cells["Chart tile"], { name: "Chart tile", surface: "night", pad: L.pad });
+    tileLabel(k, ch, "Teams, month by month", { style: "Label 22", surface: "night", size: 22, right: "Since launch", name: "Chart label" });
+    chartSlice(k, ch, { w: 100, h: 100, ink: "onNight", weight: 6, values: TEAMS, max: 44 });
+    const th = tile(k, sheet, g, L.cells["Thanks tile"], { name: "Thanks tile", surface: "card", pad: L.pad });
+    lockup(k, th, { size: 36, style: "Brand 28", ink: "onCard" });
+    k.text(th, "Thank you for every plan you let it make.", { style: "Ui 22", color: "onCard", width: "FILL", name: "Thanks words" });
+    k.instance(th, "Next", { Label: "Next: 100k" }, { name: "Next" });
+    const fit = (kit, root, size) => {
+      const l = LAYOUT[size];
+      placePost(kit, root, l.grid, l.cells, { pad: l.pad, rail: l.rail });
+      for (const id of kit.named(root, "Teams figure")) kit.restyle(id, l.figure);
+      if (size === "ig-story") for (const id of kit.named(root, "Notes figure")) kit.restyle(id, "Stat 120");
+      for (const n of l.wordless ?? []) for (const t2 of kit.named(root, n)) {
+        kit.patch(t2, { primaryAxisAlignItems: "CENTER", counterAxisAlignItems: "CENTER" });
+        for (const id of kit.named(t2, "Team label")) kit.patch(id, { visible: false });
+      }
+      const inner = (n) => {
+        const b = cellBox(l.grid, l.cells[n]);
+        const over = l.rail ? Math.max(0, b.x + b.w - l.pad - l.rail) : 0;
+        return { w: b.w - 2 * l.pad - over, h: b.h - 2 * l.pad };
+      };
+      const c = inner("Chart tile");
+      fitChart(kit, root, c.w, c.h - 48, "Chart", TEAMS, 44);
+      const t = inner("Team tile"), tw = !(l.wordless ?? []).includes("Team tile");
+      fitAvatars(kit, root, Math.min(tw ? 72 : 150, t.h - (tw ? 44 : 0), Math.round(t.w / 2.8)), 0.4);
+    };
+    fit(k, sheet, "ig-post");
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    drawChart(k, sheet, 700, 3e3);
+    k.variants(sheet, [
+      { preset: "ig-portrait", adjust: (kit, id) => fit(kit, id, "ig-portrait") },
+      { preset: "ig-story", adjust: (kit, id) => fit(kit, id, "ig-story") }
+    ]);
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  style_bento_milestone_default
+};

package/dist/chunks/chunk-YHP27F72.js

@@ -0,0 +1,53 @@
+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 {
+  portfolio_flip_wall_default
+} from "./chunk-6DW47UUS.js";
+import {
+  portfolio_index_list_default
+} from "./chunk-Y7RIDQCI.js";
+import {
+  portfolio_photographer_default
+} from "./chunk-2DIUPOKV.js";
+import {
+  portfolio_reel_carousel_default
+} from "./chunk-QO36H4KI.js";
+import {
+  portfolio_sketchbook_default
+} from "./chunk-I5QX5MLP.js";
+import {
+  portfolio_studio_grid_default
+} from "./chunk-3PQTPXTD.js";
+import {
+  portfolio_architect_default
+} from "./chunk-E7E7YEHN.js";
+import {
+  portfolio_card_deck_default
+} from "./chunk-EMAFPS3U.js";
+import {
+  portfolio_case_folio_default
+} from "./chunk-INKJRB7A.js";
+import {
+  portfolio_cube_gallery_default
+} from "./chunk-LAHSBNS4.js";
+import {
+  portfolio_depth_tunnel_default
+} from "./chunk-RTLHQOM3.js";
+import {
+  portfolio_editorial_default
+} from "./chunk-VDNB6BVC.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/web/portfolios.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var PORTFOLIOS = [portfolio_studio_grid_default, portfolio_case_folio_default, portfolio_index_list_default, portfolio_photographer_default, portfolio_editorial_default, portfolio_sketchbook_default, portfolio_cube_gallery_default, portfolio_flip_wall_default, portfolio_depth_tunnel_default, portfolio_card_deck_default, portfolio_reel_carousel_default, portfolio_architect_default];
+
+export {
+  PORTFOLIOS
+};

package/dist/chunks/chunk-YHWRHA6C.js

@@ -0,0 +1,53 @@
+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 {
+  slideshow
+} from "./chunk-KFHZUY3Y.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/slideshow/memorial.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var story = {
+  id: "motion-slideshow-memorial",
+  song: "keepsake",
+  meta: {
+    name: "In loving memory tribute",
+    description: "A gentle one-minute tribute for a memorial or celebration of life: an opening card with the name and the years, chapter cards, slow dissolves and dips to the shade cut on the beats of a hymn-like piano piece (made by PopCraft, CC0), long unhurried holds, and a closing card. Photos are CC0 flowers and candlelight from Wikimedia Commons; drop your own on any frame.",
+    tags: ["animation", "slideshow", "memorial", "tribute", "funeral", "celebration of life", "photo", "music", "scenes", "ken burns", "video"],
+    platforms: ["youtube", "facebook"],
+    formats: ["video", "post"],
+    useCases: ["event"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  brand: { paper: "#F4F1EC", onPaper: "#33363B", accent: "#8C9A8A", shade: "#15181B", onPhoto: "#FFFFFF", leak: "#F6D7A7" },
+  fields: { names: "Margaret Ellen Hayes", date: "1941 \u2013 2026" },
+  scenes: [
+    { kind: "title", name: "Opening", photo: "memorial-00", kicker: "In loving memory of", beats: 8, move: "up" },
+    { kind: "chapter", name: "Chapter 1", kicker: "She loved", title: "Her garden", beats: 4 },
+    { kind: "photo", name: "First to bloom", photo: "memorial-01", caption: "Every spring, the first to bloom", beats: 4, move: "right" },
+    { kind: "photo", name: "By name", photo: "memorial-05", layout: "matted", caption: "She knew every one by name", beats: 4, move: "in" },
+    { kind: "photo", name: "Gentle hands", photo: "memorial-03", caption: "Gentle hands", beats: 6, move: "in", anchor: [0.4, 0.5] },
+    { kind: "dip", name: "Dip 1", to: "shade", beats: 1 },
+    { kind: "chapter", name: "Chapter 2", kicker: "She taught us", title: "To look closer", beats: 4 },
+    { kind: "photo", name: "Wonder", photo: "memorial-07", caption: "Stillness, and then wonder", beats: 4, move: "left", focus: 0.62 },
+    { kind: "photo", name: "The coast", photo: "memorial-02", caption: "The coast path she walked each morning", beats: 6, move: "right" },
+    { kind: "photo", name: "Lantern", photo: "memorial-04", layout: "matted", caption: "A light for the way home", beats: 4, move: "up" },
+    { kind: "dip", name: "Dip 2", to: "shade", beats: 1 },
+    { kind: "photo", name: "With us", photo: "memorial-06", caption: "We carry you with us", beats: 6, move: "in" },
+    { kind: "photo", name: "Always", photo: "memorial-08", layout: "matted", caption: "Always", beats: 4, move: "in" },
+    { kind: "end", name: "Ending", kicker: "Forever in our hearts" }
+  ]
+};
+var memorial_default = slideshow(story);
+
+export {
+  story,
+  memorial_default
+};

package/dist/chunks/chunk-YI7AYYKO.js

@@ -0,0 +1,77 @@
+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 {
+  FOOL,
+  foolBrand,
+  halftone,
+  rays,
+  stage,
+  stageStyles
+} from "./chunk-FLC2AW3S.js";
+import {
+  MONO
+} from "./chunk-X23ZWFW2.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  Kit,
+  preset
+} from "./chunk-6QHAQLJ4.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/april-fools-link-preview.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var april_fools_link_preview_default = defineTemplate({
+  id: "social-april-fools-link-preview",
+  meta: {
+    name: "April Fools box shot link preview",
+    description: "A 1200 \xD7 630 link preview for an April Fools fake feature, played straight: the announcement in a heavy italic, its specification in one mono line, and a TV-studio box shot of the product on floppy disk with a starburst price at its shoulder, disks leaning on the box and a seal that says it was seen at 2:47 in the morning",
+    category: "social",
+    tags: ["april fools", "april 1", "prank", "fake feature", "link preview", "open graph", "og image", "infomercial", "box shot", "floppy disk", "starburst", "retro", "saas"],
+    platforms: ["web", "x", "linkedin", "facebook"],
+    formats: ["og-image"],
+    useCases: ["announcement", "launch"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("April Fools box shot link preview", preset("og-image"));
+    k.quantizeGeometry = true;
+    foolBrand(k, { name: FOOL.product }, ["primary", "onPrimary", "secondary", "onSecondary", "accent", "onAccent", "card", "onCard", "cardMuted"]);
+    stageStyles(k);
+    k.textStyle("Marker 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1, lineHeight: 22 });
+    k.textStyle("Brand 26", { size: 26, fontWeight: 800, letterSpacing: -0.4, lineHeight: 32 });
+    k.textStyle("Display 88", { size: 88, fontWeight: 900, fontStyle: "italic", letterSpacing: -4, lineHeight: 82 });
+    k.textStyle("Facts 19", { ...MONO, size: 19, fontWeight: 600, lineHeight: 28 });
+    pill(k, "Marker", { fill: "secondary", ink: "onSecondary", style: "Marker 16", label: "NEW \xB7 AS SEEN AT 2:47 AM", pad: [6, 12], radius: 3 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 18, { top: 60, right: 600, bottom: 60, left: 64 }, "primary", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    rays(k, sheet, { cx: 860, cy: 380, r: 1100, ink: "onPrimary", opacity: 0.08 });
+    k.rect(sheet, 1200, 300, [k.gradient({ from: "shadow", to: "shadow", fromOpacity: 0, toOpacity: 0.6, angle: 90 })], { name: "Floor", absolute: { x: 0, y: 330 } });
+    halftone(k, sheet, { x: 0, y: 630, dx: 1, dy: -1, size: 300, step: 22, ink: "onPrimary" });
+    stage(k, sheet, { x: 566, y: 14, scale: 0.67 }, { title: "The Floppy\nDisk Edition" });
+    const brand = k.stack(sheet, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Brand" });
+    k.logo(brand, 34, 34);
+    k.text(brand, "{{brand.name}}", { style: "Brand 26", color: "onPrimary", name: "Brand name" });
+    k.text(sheet, "Now on\nfloppy disk.", { style: "Display 88", color: "onPrimary", name: "Headline" });
+    k.text(sheet, "The whole app on 1,474 disks.\n29.5 kg, delivered by courier.", { style: "Facts 19", color: "onPrimary", name: "Facts" });
+    k.instance(sheet, "Marker", { Label: "NEW \xB7 AS SEEN AT 2:47 AM" }, { name: "Marker" });
+    return k.finish();
+  }
+});
+
+export {
+  april_fools_link_preview_default
+};

package/dist/chunks/chunk-YIVOJEIX.js

@@ -0,0 +1,66 @@
+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 {
+  bytesOf
+} from "./chunk-PUUCE4NS.js";
+import {
+  api
+} from "./chunk-R3RPQEL2.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// lib/client/cloud/sites.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/sites/upload.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+async function sha256(bytes) {
+  const digest = await crypto.subtle.digest("SHA-256", bytes);
+  return [...new Uint8Array(digest)].map((b) => b.toString(16).padStart(2, "0")).join("");
+}
+async function publishFiles(via, files, opts = {}) {
+  const entries = await Promise.all(files.map(async (f) => ({ ...f, hash: await sha256(f.bytes) })));
+  const manifest = Object.fromEntries(entries.map((e) => [e.path, { hash: e.hash, size: e.bytes.length }]));
+  const first = await via.manifest({ slug: opts.slug, files: manifest });
+  const byHash = new Map(entries.map((e) => [e.hash, e]));
+  let done = 0;
+  opts.onProgress?.(0, first.missing.length);
+  const queue = [...first.missing];
+  await Promise.all(Array.from({ length: Math.min(4, queue.length) }, async () => {
+    for (let hash = queue.shift(); hash; hash = queue.shift()) {
+      const e = byHash.get(hash);
+      await via.upload(hash, e.path, e.bytes);
+      opts.onProgress?.(++done, first.missing.length);
+    }
+  }));
+  return await via.manifest({ slug: opts.slug, files: manifest, commit: true });
+}
+
+// lib/client/cloud/sites.ts
+var siteStatus = (key) => api(`/api/sites${key ? `/${key}` : ""}?t=${Date.now()}`);
+var setSiteVersion = (key, version) => api(`/api/sites/${key}`, { method: "PATCH", json: { currentVersion: version } });
+var workspaceSites = (workspaceId) => api(`/api/workspaces/${encodeURIComponent(workspaceId)}/sites?t=${Date.now()}`);
+var deleteSite = (key) => api(`/api/sites/${key}`, { method: "DELETE" });
+var renameSite = (key, slug) => api(`/api/sites/${key}`, { method: "PATCH", json: { slug } });
+function publishSite(key, files, opts = {}) {
+  return publishFiles({
+    manifest: (body) => api(`/api/sites/${key}/publish`, { method: "POST", json: body }),
+    upload: async (hash, path, bytes) => {
+      await api(`/api/sites/${key}/blobs/${hash}?path=${encodeURIComponent(path)}`, { method: "PUT", body: bytes, headers: { "content-type": "application/octet-stream" } });
+    }
+  }, files.map((f) => ({ path: f.path, bytes: bytesOf(f) })), opts);
+}
+
+export {
+  siteStatus,
+  setSiteVersion,
+  workspaceSites,
+  deleteSite,
+  renameSite,
+  publishSite
+};

package/dist/chunks/chunk-YOII6SJF.js

@@ -0,0 +1,197 @@
+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 {
+  OFFER,
+  blankCoupon,
+  burst,
+  couponBrand,
+  fitPinked,
+  fitRays,
+  heroCoupon,
+  masthead,
+  pinked,
+  rays,
+  scissors,
+  smallCoupons,
+  snip,
+  stamp,
+  sticker
+} from "./chunk-DEFIDHH4.js";
+import {
+  MONO
+} from "./chunk-X23ZWFW2.js";
+import {
+  captionStrip,
+  captionSwap
+} from "./chunk-C7BYFVZT.js";
+import {
+  bed
+} from "./chunk-52GCV7N5.js";
+import {
+  cutOff
+} from "./chunk-RXG7T7TH.js";
+import {
+  hide,
+  put,
+  restyle
+} from "./chunk-QLV6445V.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  Kit,
+  preset
+} from "./chunk-6QHAQLJ4.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/motion/black-friday-coupons-deal-reel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var { beat, duration: DURATION, audio: music } = bed("tension", 28);
+var cues = [
+  { layer: "Headline", preset: "drop-in", at: beat(0), params: { duration: 350 } },
+  { layer: "Hero coupon", preset: "drop-in", at: beat(0), params: { duration: 400 } },
+  // The drop: the coupon is cut free.
+  { layer: "Hero coupon", preset: "shake", at: beat(4), params: { duration: 400, distance: 16 } },
+  { layer: "Burst", preset: "pop-in", at: beat(4), params: { duration: 350 } },
+  cutOff("Scissors", beat(4.75)),
+  { layer: "Sticker", preset: "pop-in", at: beat(5), params: { duration: 300 } },
+  { layer: "Shop coupon", preset: "drop-in", at: beat(6), params: { duration: 320 } },
+  { layer: "Setup coupon", preset: "drop-in", at: beat(7), params: { duration: 320 } },
+  { layer: "Stub code", preset: "pulse", at: beat(12), params: { duration: 500, amount: 0.12 } },
+  { layer: "Button", preset: "pop-in", at: beat(14), params: { duration: 400 } },
+  { layer: "Stamp", preset: "pop-in", at: beat(18), params: { duration: 260 } },
+  { layer: "Burst", preset: "pulse", at: beat(20), params: { duration: 500, amount: 0.08 } },
+  { layer: "Button", preset: "pulse", at: beat(24), params: { duration: 500, amount: 0.06 } }
+];
+var counts = [
+  // The price falls over two beats and lands on the third.
+  { layer: "Hero figure", at: beat(4), duration: beat(2), counter: { from: OFFER.starterWas, to: OFFER.starterNow, prefix: "$" } }
+];
+var swaps = [captionSwap(["Black Friday: clip this coupon.", "Every annual plan, half off.", `Paste ${OFFER.code} at the checkout.`, "Valid until midnight on Monday."], 0, DURATION, { stagger: 60, in: 300, out: 250, rise: 30 })];
+var NAME = "Black Friday coupon deal reel";
+var black_friday_coupons_deal_reel_default = defineTemplate({
+  id: "motion-black-friday-coupons-deal-reel",
+  meta: {
+    name: NAME,
+    description: "A 14-second vertical sale video drawn as a supermarket coupon circular: scissors snip a clip-out coupon free on the beat, its annual price counts down 50%, a starburst and a price-gun sticker slap on, two more coupons are dealt and a REDEEMED stamp lands, on newsprint in flyer red and yellow. Music, burned-in captions, 9:16 with square, 4:5 and 16:9 cuts",
+    category: "animation",
+    tags: ["animation", "black friday", "cyber monday", "sale", "saas", "coupon", "voucher", "promo code", "flyer", "circular", "scissors", "price drop", "counter", "audio", "music", "captions", "reel"],
+    platforms: ["instagram", "tiktok", "youtube", "x", "linkedin"],
+    formats: ["reel", "short", "story", "post", "portrait-post", "video", "ad"],
+    useCases: ["sale", "pricing"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, swaps },
+  build() {
+    const k = new Kit(NAME, preset("ig-story"));
+    k.quantizeGeometry = true;
+    couponBrand(k, { name: OFFER.product, site: OFFER.site, code: OFFER.code });
+    k.textStyle("Mast 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 1.6, lineHeight: 28 });
+    k.textStyle("Headline 128", { size: 128, fontWeight: 900, letterSpacing: -6, lineHeight: 112 });
+    k.textStyle("Headline 100", { size: 100, fontWeight: 900, letterSpacing: -4.6, lineHeight: 88 });
+    k.textStyle("Headline 168", { size: 168, fontWeight: 900, letterSpacing: -8, lineHeight: 146 });
+    k.textStyle("Band 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 1.4, lineHeight: 28 });
+    k.textStyle("Band 18", { ...MONO, size: 18, fontWeight: 800, letterSpacing: 1, lineHeight: 24 });
+    k.textStyle("Plan 28", { size: 28, fontWeight: 700, letterSpacing: -0.4, lineHeight: 34 });
+    k.textStyle("Figure 136", { size: 136, fontWeight: 900, letterSpacing: -6, lineHeight: 126, fontFeatures: { tnum: 1 } });
+    k.textStyle("Figure 88", { size: 88, fontWeight: 900, letterSpacing: -4, lineHeight: 84, fontFeatures: { tnum: 1 } });
+    k.textStyle("Side 26", { ...MONO, size: 26, fontWeight: 800, lineHeight: 32 });
+    k.textStyle("Side 20", { ...MONO, size: 20, fontWeight: 800, lineHeight: 26 });
+    k.textStyle("Fine 18", { ...MONO, size: 18, fontWeight: 600, letterSpacing: 0.4, lineHeight: 24 });
+    k.textStyle("Code 34", { ...MONO, size: 34, fontWeight: 800, letterSpacing: 1, lineHeight: 40 });
+    k.textStyle("Burst 84", { size: 84, fontWeight: 900, letterSpacing: -4, lineHeight: 78 });
+    k.textStyle("Burst 34", { size: 34, fontWeight: 900, letterSpacing: 2, lineHeight: 36 });
+    k.textStyle("Sticker 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.4, lineHeight: 24 });
+    k.textStyle("Sticker 54", { ...MONO, size: 54, fontWeight: 800, letterSpacing: -2, lineHeight: 56 });
+    k.textStyle("Stamp 36", { ...MONO, size: 36, fontWeight: 800, letterSpacing: 3, lineHeight: 40 });
+    k.textStyle("Caption 38", { size: 38, fontWeight: 800, letterSpacing: -0.6, lineHeight: 46, textAlign: "CENTER" });
+    k.textStyle("Button 34", { size: 34, fontWeight: 800, lineHeight: 42 });
+    pill(k, "Clip button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: `Clip it at ${OFFER.link}`, pad: [22, 44], radius: 10 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 22, verticalPadding(), "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30, audio: music });
+    rays(k, sheet, 1080, 1920, { fy: 0.26 });
+    pinked(k, sheet, 1080, 170, { tooth: 40 });
+    blankCoupon(k, sheet, { x: -150, y: 1500, width: 700, height: 360, rotation: -9, name: "Fan left", seed: 3 });
+    blankCoupon(k, sheet, { x: 520, y: 1470, width: 700, height: 360, rotation: 11, name: "Fan right", seed: 9, kraft: true });
+    blankCoupon(k, sheet, { x: 170, y: 1600, width: 740, height: 380, rotation: 2, name: "Fan middle", seed: 14 });
+    const top = k.stack(sheet, { gap: 22, name: "Top" });
+    const copy = k.stack(top, { gap: 16, name: "Copy" });
+    masthead(k, copy, { style: "Mast 22" });
+    k.text(copy, "CLIP IT\n& SAVE.", { style: "Headline 128", color: "text", name: "Headline" });
+    burst(k, copy, 256, [[`${OFFER.off}%`, "Burst 84"], ["OFF", "Burst 34"]], { rotation: 9, absolute: { x: 520, y: 22 } });
+    const coupons = k.stack(top, { gap: 20, name: "Coupons" });
+    const hero = heroCoupon(k, coupons, { pad: 24, gap: 8, stub: 216, bars: 92, figureWidth: 352, styles: { band: "Band 22", pitch: "Plan 28", figure: "Figure 136", side: "Side 26", fine: "Fine 18", code: "Code 34" } });
+    const cutter = scissors(k, hero.cut, 170, { absolute: { x: -40, y: -48 } });
+    stamp(k, hero.cut, "REDEEMED", { style: "Stamp 36", pad: [6, 16], rotation: -13, absolute: { x: 528, y: 196 } });
+    smallCoupons(k, coupons, { gap: 20, pad: 18, styles: { band: "Band 18", figure: "Figure 88", side: "Side 20", fine: "Fine 18" } });
+    sticker(k, coupons, [["YOU SAVE", "Sticker 20"], [`$${OFFER.starterWas - OFFER.starterNow}`, "Sticker 54"]], { rotation: -8, pad: [10, 22], absolute: { x: 610, y: -44 } });
+    const close = k.stack(sheet, { gap: 22, align: "CENTER", name: "Close" });
+    captionStrip(k, close, swaps[0].words[0], { style: "Caption 38", fill: "text", ink: "paper", radius: 6, pad: [14, 24] });
+    k.instance(close, "Clip button", { Label: `Clip it at ${OFFER.link}` }, { name: "Button" });
+    k.counts(sheet, counts);
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    snip(k, cutter, { at: beat(0.5), steps: 7, every: beat(0.5), distance: 660 });
+    const feed = (kit, id, w, h, band) => {
+      fitRays(kit, id, 0.5, 0.26);
+      fitPinked(kit, id, w, band, 0, { tooth: 40 });
+      hide(kit, id, ["Fan left", "Fan right", "Fan middle"]);
+      void h;
+    };
+    k.variants(sheet, [
+      ...feedVariants({ post: 48, portrait: 72 }, {
+        // The square: every coupon and the sticker, under a shorter headline.
+        post: (kit, id) => {
+          feed(kit, id, 1080, 1080, 44);
+          kit.patch(id, { padding: { top: 64, right: 56, bottom: 28, left: 56 }, itemSpacing: 14 });
+          restyle(kit, id, "Headline", "Headline 100");
+          for (const name of ["Top", "Coupons", "Close"]) for (const n of kit.named(id, name)) kit.patch(n, { itemSpacing: 14 });
+          for (const n of kit.named(id, "Copy")) kit.patch(n, { itemSpacing: 10 });
+          put(kit, id, "Burst", 560, 30);
+          put(kit, id, "Sticker", 770, -40);
+        },
+        portrait: (kit, id) => {
+          feed(kit, id, 1080, 1350, 56);
+          kit.patch(id, { padding: { top: 92, right: 72, bottom: 48, left: 72 }, itemSpacing: 20 });
+          put(kit, id, "Burst", 600, 30);
+          put(kit, id, "Sticker", 740, -44);
+        }
+      }),
+      {
+        // 16:9: the words on the left, the coupons beside them, the caption and the button along the foot.
+        preset: "video-1080p",
+        adjust: (kit, id) => {
+          feed(kit, id, 1920, 1080, 56);
+          kit.patch(id, { padding: { top: 96, right: 110, bottom: 60, left: 110 }, itemSpacing: 28 });
+          for (const n of kit.named(id, "Top")) kit.patch(n, { layoutMode: "HORIZONTAL", itemSpacing: 70, counterAxisAlignItems: "CENTER" });
+          for (const n of kit.named(id, "Coupons")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 860 });
+          for (const n of kit.named(id, "Close")) kit.patch(n, { layoutMode: "HORIZONTAL", itemSpacing: 28, counterAxisAlignItems: "CENTER" });
+          restyle(kit, id, "Headline", "Headline 168");
+          for (const n of kit.named(id, "Burst")) kit.patch(n, { layoutPositioning: "AUTO" });
+          for (const n of kit.named(id, "Copy")) kit.patch(n, { itemSpacing: 20 });
+          put(kit, id, "Sticker", 670, -44);
+        }
+      }
+    ]);
+    return k.finish();
+  }
+});
+
+export {
+  black_friday_coupons_deal_reel_default
+};

package/dist/chunks/chunk-YPESQICC.js

@@ -0,0 +1,38 @@
+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 {
+  defineDeck
+} from "./chunk-BD2BHE7M.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/slides/agenda.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var agenda_default = defineDeck({
+  id: "motion-slide-agenda",
+  meta: {
+    name: "Animated agenda",
+    description: "A 16:9 agenda slide whose numbered items slide in one after another \u2014 a staggered running order for a meeting or talk",
+    category: "animation",
+    tags: ["animation", "agenda", "stagger", "slides", "meeting", "presentation"],
+    platforms: ["slides"],
+    formats: ["slide-deck"],
+    useCases: ["planning", "report"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  colors: { accent: "#9C2C77", onAccent: "#FFFFFF", paper: "#FFFFFF", text: "#1E1B2E", onPaper: "#57536B" },
+  fields: { company: "Tidewater Credit Union" },
+  slides: [
+    { kind: "agenda", name: "Agenda", heading: "Today\u2019s all-hands", items: ["Where the quarter landed", "Member stories from the branches", "The new mobile app, live", "Branch hours from January", "Your questions"] }
+  ]
+});
+
+export {
+  agenda_default
+};