@popcraft/kit 0.29.0 → 0.30.0

package/dist/chunks/chunk-CEUH436H.js

@@ -0,0 +1,105 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  art,
+  disc,
+  sizes
+} from "./chunk-7UZPG5OF.js";
+import {
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/print/printshop-poster-live-music.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var box = (x, y, w, h) => ({ closed: true, points: [{ x, y }, { x: x + w, y }, { x: x + w, y: y + h }, { x, y: y + h }] });
+var printshop_poster_live_music_default = defineTemplate({
+  id: "print-printshop-poster-live-music",
+  meta: {
+    name: "Live music night poster",
+    description: "A screen-print style gig poster for a live music night at a pub, caf\xE9 or hall: a halftone moon rising behind a stack of speaker cabinets, the night\u2019s name huge in two inks, the bill as a running order of acts, the door time, the price and the venue. The acts are one component. 11 \xD7 17 in",
+    category: "poster",
+    tags: ["poster", "gig poster", "live music", "open mic", "band", "concert", "pub", "music night", "halftone", "screen print", "retro", "tabloid", "11x17", "print"],
+    platforms: ["print"],
+    formats: ["poster"],
+    useCases: ["event", "announcement"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Live music night poster", preset("tabloid"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#14110F", text: "#F3E9D2", onPaper: "#F3E9D2", primary: "#F3E9D2", onPrimary: "#14110F", accent: "#FF5A36", onAccent: "#14110F" },
+      { name: "The Crown & Anchor", address: "22 Station Road, Hebden Bridge HX7 8AD", website: "crownandanchorhebden.co.uk" }
+    );
+    k.palette({ moon: "#F2B33D", moonDot: "#FF5A36", cab: "#2A2420", cabEdge: "#3D3530", cone: "#14110F", coneRim: "#5A4E46", glow: "#3A1F18" });
+    k.textStyle("Night 170", { size: 170, fontWeight: 900, letterSpacing: -9, lineHeight: 140 });
+    k.textStyle("Kicker 22", { size: 22, fontWeight: 900, letterSpacing: 5, lineHeight: 28 });
+    k.textStyle("Act 44", { size: 44, fontWeight: 900, letterSpacing: -1.6, lineHeight: 46 });
+    k.textStyle("Time 22", { size: 22, fontWeight: 800, letterSpacing: 1, lineHeight: 46 });
+    k.textStyle("Genre 22", { ...SERIF, size: 22, fontWeight: 400, fontStyle: "italic", lineHeight: 28 });
+    k.textStyle("Info 30", { size: 30, fontWeight: 900, letterSpacing: -0.8, lineHeight: 36 });
+    k.textStyle("Foot 18", { size: 18, fontWeight: 700, letterSpacing: 1.6, lineHeight: 24 });
+    k.component("Act", { width: 912, direction: "HORIZONTAL", gap: 24, align: "MIN", padding: { top: 14, right: 0, bottom: 14, left: 0 }, stroke: { color: "text", width: 2, align: "INSIDE" }, props: { Time: "9:45", Act: "THE SALT MARSH", Genre: "Five-piece folk with a fiddle and a grudge" } }, (id) => {
+      k.propText(id, "Time", { style: "Time 22", color: "text", width: 90 });
+      const w = k.stack(id, { gap: 2, name: "Words" });
+      k.patch(w, { layoutSizingHorizontal: "FILL" });
+      k.propText(w, "Act", { style: "Act 44", color: "text", width: "FILL" });
+      k.propText(w, "Genre", { style: "Genre 22", color: "text", width: "FILL" });
+    });
+    sizes(k, ["tabloid"], ({ sheet, W, H, B }) => {
+      const P = 72;
+      k.flowSheet(sheet, 26, { top: 560, right: P, bottom: 64, left: P }, "paper", "MIN", "MIN");
+      const mx = W * 0.62, my = 300, mr = 250;
+      const dots = [];
+      for (let y = my - mr; y <= my + mr; y += 18) for (let x = mx - mr; x <= mx + mr; x += 18) {
+        const d = Math.hypot(x - mx, y - my) / mr;
+        if (d > 1) continue;
+        const r = 8.6 * (1 - d * d * 0.7);
+        if (y - r < -B) continue;
+        dots.push(disc(Math.round(x * 10) / 10, Math.round(y * 10) / 10, Math.round(r * 10) / 10));
+      }
+      art(k, sheet, W, H, B, dots, "moon", { name: "Halftone moon" });
+      const cabs = [[-B, 250, 300, 260], [40, 60, 220, 190], [-B, 512, 360, 40]];
+      art(k, sheet, W, H, B, cabs.slice(0, 2).map(([x, y, w, h]) => box(x, y, w, h)), "cab", { name: "Cabinets" });
+      art(k, sheet, W, H, B, cabs.slice(0, 2).map(([x, y, w, h]) => box(x + 8, y + 8, w - 16, h - 16)), "cabEdge", { name: "Cabinet edges", strokeWidth: 3 });
+      const cones = [[150, 140, 62], [130, 330, 86], [130, 455, 40]];
+      art(k, sheet, W, H, B, cones.map(([x, y, r]) => disc(x, y, r)), "coneRim", { name: "Cone rims" });
+      art(k, sheet, W, H, B, cones.map(([x, y, r]) => disc(x, y, r * 0.84)), "cone", { name: "Cones" });
+      art(k, sheet, W, H, B, cones.map(([x, y, r]) => disc(x, y, r * 0.24)), "coneRim", { name: "Dust caps" });
+      k.text(sheet, "FRIDAY 20 NOVEMBER \xB7 DOORS 8 PM", { style: "Kicker 22", color: "text", width: "FILL", name: "Kicker" });
+      k.text(sheet, "LIVE\nAT THE\nCROWN", { style: "Night 170", color: "text", width: "FILL", name: "Night" });
+      const bill = k.stack(sheet, { gap: 0, name: "Bill" });
+      for (const [t, a, g] of [["8:30", "NELL OKONJO", "Songs for a broken accordion"], ["9:15", "THE SALT MARSH", "Five-piece folk with a fiddle and a grudge"], ["10:15", "VELVET GOLDMINE CLUB", "Glam covers until they stop us"]]) k.instance(bill, "Act", { Time: t, Act: a, Genre: g }, { width: "FILL", name: "Act" });
+      const sp = k.stack(sheet, { name: "Space" });
+      k.patch(sp, { layoutSizingVertical: "FILL" });
+      const info = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, justify: "SPACE_BETWEEN", align: "MAX", name: "Info" });
+      const ticket = k.stack(info, { gap: 0, padding: { top: 16, right: 22, bottom: 16, left: 22 }, fill: "accent", width: "HUG", name: "Price" });
+      k.text(ticket, "\xA38 ON THE DOOR", { style: "Info 30", color: "onAccent", autoWidth: true, name: "Price text" });
+      const where = k.stack(info, { gap: 2, name: "Where" });
+      k.patch(where, { layoutSizingHorizontal: "FILL" });
+      k.text(where, "{{brand.name}}", { style: "Info 30", color: "text", width: "FILL", align: "RIGHT", name: "Venue" });
+      k.text(where, "{{brand.address}}", { style: "Foot 18", color: "text", width: "FILL", align: "RIGHT", name: "Address" });
+    });
+    return k.finish();
+  }
+});
+
+export {
+  printshop_poster_live_music_default
+};

package/dist/chunks/chunk-CGLFDWFM.js

@@ -0,0 +1,99 @@
+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,
+  burst,
+  fadeAt,
+  ping,
+  popAt,
+  progress,
+  round,
+  saasUi,
+  tickMark
+} from "./chunk-X4HN5LP7.js";
+import {
+  E,
+  roundRect
+} from "./chunk-SRSUY2WG.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/lottie/saas-ui-file-upload.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var saas_ui_file_upload_default = saasUi({
+  slug: "file-upload",
+  role: "loader",
+  size: "spot",
+  duration: 4500,
+  loop: true,
+  title: "file upload",
+  description: "An upload from drop to done: a document lifts off and slips behind a cloud, the progress bar fills in uneven pushes the way a real upload does, and a green tick lands with a small burst before the next file comes up \u2014 a 4.5-second seamless loop, 800\xD7600",
+  tags: ["upload", "file", "cloud", "progress", "import"],
+  build(l) {
+    const IN = 1600, DONE = 2900, RESET = 3900;
+    l.circle(l.sheet, 400, 300, 258, "soft", { name: "Backdrop" });
+    for (const [x, turn, o] of [[286, -9, 0.55], [394, 8, 0.75]]) {
+      const w = l.box(l.sheet, x, 420, 118, 150, "Waiting file");
+      l.rect(w, 0, 0, 118, 150, "surface", { radius: 16, name: "Waiting page", opacity: o, stroke: { color: "line", width: 2 } });
+      bar(l, w, 20, 30, 62, 9, "line", { name: "Waiting line" });
+      bar(l, w, 20, 50, 44, 9, "line", { name: "Waiting line" });
+      l.k.patch(w, { rotation: turn });
+      l.keys(w, "translateY", [[0, 0, E.hold], [IN - 300, 0, E.out], [IN, -10, E.inOut], [IN + 500, 0, E.hold]]);
+    }
+    const doc = l.box(l.sheet, 338, 388, 124, 156, "Document");
+    l.rect(doc, 8, 14, 108, 150, "ink", { radius: 16, name: "Document shadow", opacity: 0.08 });
+    l.shape(doc, [...roundRect(0, 0, 124, 156, 16).slice(0, 1), { x: 88, y: 0 }, { x: 124, y: 36 }, ...roundRect(0, 0, 124, 156, 16).slice(3)], "surface", { name: "Page", stroke: { color: "line", width: 2 } });
+    l.shape(doc, [{ x: 88, y: 0 }, { x: 124, y: 36 }, { x: 100, y: 36, handleOut: { x: 92, y: 36 } }, { x: 88, y: 24, handleIn: { x: 88, y: 32 } }], "soft", { name: "Fold" });
+    l.rect(doc, 20, 26, 40, 40, "accent", { radius: 10, name: "File type" });
+    for (const [y, w] of [[84, 84], [104, 64], [124, 76]]) bar(l, doc, 20, y, w, 9, "line", { name: "Page line" });
+    l.opacity(doc, [[0, 0, E.hold], [80, 0, E.out], [420, 1, E.hold], [IN - 250, 1, E.in], [IN, 0, E.hold]]);
+    l.keys(doc, "translateY", [[0, 46, E.hold], [80, 46, E.out], [560, 0, E.inOut], [880, 16, E.in], [IN, -236, E.hold], [IN + 200, 46, E.hold]]);
+    l.scale(doc, [[0, 1, E.hold], [880, 1, E.in], [IN, 0.5, E.hold], [IN + 200, 1, E.hold]]);
+    l.keys(doc, "rotation", [[0, -5, E.hold], [80, -5, E.out], [560, 0, E.inOut], [880, 4, E.in], [IN, 0, E.hold], [IN + 200, -5, E.hold]]);
+    ping(l, l.sheet, 400, 194, 60, "success", DONE + 40, { to: 2.2, dur: 800 });
+    burst(l, l.sheet, 400, 194, { n: 10, r0: 70, r1: 190, t: DONE + 80, size: 9, start: 18, dur: 800 });
+    const cloud = l.box(l.sheet, 196, 72, 408, 264, "Cloud");
+    const outline = (dy) => [
+      { pts: roundRect(0, 116 + dy, 408, 148, 74), closed: true },
+      { pts: round(150, 124 + dy, 92), closed: true },
+      { pts: round(262, 108 + dy, 108), closed: true }
+    ];
+    l.vector(cloud, outline(16), "ink", { name: "Cloud shadow", opacity: 0.08 });
+    l.vector(cloud, outline(0), "surface", { name: "Cloud face" });
+    l.pivot(cloud, 0.5, 0.8);
+    l.keys(cloud, "scaleY", [[0, 1, E.hold], [IN - 120, 1, E.out], [IN + 60, 0.93, E.pop], [IN + 480, 1, E.hold], [DONE, 1, E.out], [DONE + 140, 1.04, E.inOut], [DONE + 560, 1, E.hold]]);
+    l.keys(cloud, "scaleX", [[0, 1, E.hold], [IN - 120, 1, E.out], [IN + 60, 1.05, E.pop], [IN + 480, 1, E.hold], [DONE, 1, E.out], [DONE + 140, 1.05, E.inOut], [DONE + 560, 1, E.hold]]);
+    l.keys(cloud, "translateY", [[0, 0, E.inOut], [1125, -7, E.inOut], [2250, 0, E.inOut], [3375, -7, E.inOut], [4500, 0]]);
+    const arrow = l.box(cloud, 174, 78, 60, 76, "Uploading");
+    l.line(arrow, [[30, 70], [30, 12]], "accent", 12, { name: "Arrow shaft" });
+    l.line(arrow, [[8, 30], [30, 8], [52, 30]], "accent", 12, { name: "Arrow head" });
+    l.k.patch(arrow, { scaleX: 0, scaleY: 0 });
+    l.scale(arrow, [[0, 1, E.hold], [DONE - 120, 1, E.in], [DONE + 60, 0, E.hold], [RESET + 150, 0, E.pop], [RESET + 500, 1, E.hold]]);
+    l.keys(arrow, "translateY", [[0, 0, E.hold], [IN, 0, E.out], [IN + 240, -14, E.inOut], [IN + 520, 0, E.out], [IN + 760, -14, E.inOut], [IN + 1040, 0, E.hold]]);
+    const ok = l.box(cloud, 152, 64, 104, 104, "Uploaded");
+    l.circle(ok, 52, 52, 52, "success", { name: "Uploaded disc" });
+    drawTick(tickMark(l, ok, 52, 52, 2.5, "white", 13));
+    popAt(l, ok, DONE, RESET - 100, 400);
+    const { track, fill } = progress(l, cloud, 94, 196, 220, 14, "accent");
+    const at = (f) => -220 * (1 - f);
+    l.keys(fill, "translateX", [[0, at(0), E.hold], [IN, at(0), E.out], [IN + 300, at(0.34), E.inOut], [IN + 560, at(0.42), E.out], [IN + 900, at(0.81), E.inOut], [DONE - 80, 0, E.hold], [RESET + 160, 0, E.in], [RESET + 480, at(0), E.hold]]);
+    fadeAt(l, bar(l, track, 0, 0, 220, 14, "success", { name: "Progress complete" }), DONE - 80, 240, 1, RESET - 100);
+    for (const [x, t] of [[372, IN - 500], [404, IN - 380], [432, IN - 260]]) {
+      const d = l.circle(l.sheet, x, 420, 6, "accent", { name: "Speck", opacity: 0 });
+      l.keys(d, "translateY", [[0, 0, E.hold], [t, 0, E.in], [t + 520, -110, E.hold]]);
+      l.opacity(d, [[0, 0, E.hold], [t, 0, E.out], [t + 120, 0.8, E.in], [t + 520, 0, E.hold]]);
+    }
+    function drawTick(id) {
+      l.keys(id, "trim.end", [[0, 0, E.hold], [DONE + 120, 0, E.out], [DONE + 440, 1, E.hold], [RESET + 200, 0, E.hold]]);
+    }
+  }
+});
+
+export {
+  saas_ui_file_upload_default
+};

package/dist/chunks/chunk-CHOXN3SQ.js

@@ -0,0 +1,208 @@
+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 {
+  SERVICES,
+  SPANWISE,
+  SPIKE_TAIL,
+  body,
+  code,
+  dataBrand,
+  display,
+  figure,
+  heatMap,
+  label,
+  lockup,
+  panel,
+  rowSeries,
+  sparkPath,
+  ts
+} from "./chunk-G3YVVHCF.js";
+import {
+  hide,
+  restyle
+} from "./chunk-YHBAWSDX.js";
+import {
+  postVariants
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/style-data-announcement.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Data SaaS announcement post";
+var LOOP = 8e3;
+var SCAN = 900;
+var SETTLE = 2900;
+var BACK = 7100;
+var ROW_H = 66;
+var DEPLOYS = [
+  ["13:41", "search", "v2.9.0", "4%"],
+  ["13:58", "cart", "v7.1.4", "11%"],
+  ["14:02", "payments-gw", "v4.18.2", "92%", true],
+  ["14:10", "auth", "v3.3.1", "2%"]
+];
+var MATCH = DEPLOYS.findIndex((d) => d[4]);
+var cues = [
+  { layer: "Cause tag", preset: "pulse", at: SETTLE + 200, params: { duration: 800, amount: 0.08 } },
+  { layer: "Strip cell", preset: "pulse", at: 3600, stagger: { delay: 40, order: "selection" }, params: { duration: 600, amount: 0.3 } },
+  { layer: "Anomaly figure", preset: "pulse", at: 400, params: { duration: 800, amount: 0.04 } }
+];
+var style_data_announcement_default = defineTemplate({
+  id: "social-saas-style-data-announcement",
+  meta: {
+    name: NAME,
+    description: "An eight-second looping announcement post in a data-dense enterprise look for a new observability feature, change correlation: the message from the first frame over a console panel, an anomaly with its sparkline off the scale beside the last half hour of deploys, a cobalt scan bar that runs down them and settles on the cause as the match ticks to 92%, and latency cells lighting in a travelling wave. Square with 4:5 and 9:16 cuts",
+    category: "social",
+    tags: ["social", "post", "announcement", "feature", "launch", "saas", "data", "dashboard", "enterprise", "observability", "devops", "table", "loop", "animation", "instagram", "linkedin"],
+    platforms: ["instagram", "linkedin", "x", "threads"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["announcement", "launch", "changelog"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit(NAME, preset("ig-post"));
+    k.quantizeGeometry = true;
+    dataBrand(k);
+    ts(k, "Brand 30", display(30));
+    ts(k, "New 20", label(20));
+    ts(k, "Head 70", display(70, { lead: 1.04 }));
+    ts(k, "Head 62", display(62, { lead: 1.05 }));
+    ts(k, "Panel 18", label(18));
+    ts(k, "Svc 26", code(26, 600));
+    ts(k, "Mono 20", code(20));
+    ts(k, "Mono 22", code(22));
+    ts(k, "Fig 56", figure(56));
+    ts(k, "Fig 22", figure(22, 600));
+    ts(k, "Delta 20", figure(20, 600));
+    ts(k, "Tag 16", label(16));
+    ts(k, "Foot 24", body(24, 500));
+    ts(k, "Site 24", code(24));
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Announcement");
+    k.flowSheet(sheet, 28, 72, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: LOOP, fps: 30 });
+    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top row" });
+    lockup(k, top, { size: 48, style: "Brand 30" });
+    const nw = k.stack(top, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", radius: 6, padding: { top: 8, right: 14, bottom: 8, left: 14 }, fill: "card", stroke: { color: "line", width: 1, align: "INSIDE" }, name: "New chip" });
+    const live = k.ellipse(nw, 10, "up", { name: "Live dot" });
+    k.text(nw, `NEW IN ${SPANWISE.version} \xB7 CHANGE CORRELATION`, { style: "New 20", color: "onCard", autoWidth: true, name: "New words" });
+    k.text(sheet, "Every anomaly now names\nthe deploy behind it.", { style: "Head 70", color: "text", name: "Headline" });
+    const con = panel(k, sheet, { direction: "HORIZONTAL", name: "Console" });
+    const an = k.stack(con, { width: 340, gap: 8, padding: 24, name: "Anomaly card" });
+    k.text(an, "ANOMALY \xB7 14:02:49", { style: "Panel 18", color: "down", name: "Anomaly label" });
+    k.text(an, SPANWISE.service, { style: "Svc 26", color: "onCard", name: "Anomaly service" });
+    k.text(an, `${SPANWISE.region} \xB7 p99`, { style: "Mono 20", color: "cardMuted", name: "Anomaly region" });
+    k.text(an, "2,340 ms", { style: "Fig 56", color: "onCard", name: "Anomaly figure" });
+    k.text(an, "\u2191 12.9\xD7 in 38 s", { style: "Delta 20", color: "down", name: "Anomaly delta" });
+    const sw = 292, sh = 70;
+    const vals = rowSeries(SERVICES.find((s) => s.anomaly));
+    const calm = vals.slice(0, vals.length - SPIKE_TAIL.length);
+    const lo = Math.min(...calm) * 0.9, hi = Math.max(...calm) * 1.12;
+    const sparkBox = k.frame(an, { x: 0, y: 0, width: sw, height: sh }, { name: "Spark box", clip: true });
+    k.patch(sparkBox, { layoutPositioning: "AUTO" });
+    const calmW = sw * ((calm.length - 1) / (vals.length - 1));
+    k.vector(sparkBox, calmW, sh, [sparkPath(calm, calmW, sh, lo, hi)], [], { name: "Sparkline", absolute: { x: 0, y: 0 }, stroke: { color: "heat", width: 2.5 } });
+    const tail = [calm[calm.length - 1], ...SPIKE_TAIL].map((v, j) => ({ x: j / SPIKE_TAIL.length * (sw - calmW), y: Math.max(1, Math.min(sh, sh - (v - lo) / (hi - lo) * sh)) }));
+    k.vector(sparkBox, sw - calmW, sh, [{ closed: false, points: tail }], [], { name: "Spike", absolute: { x: calmW, y: 0 }, stroke: { color: "down", width: 3 } });
+    k.rect(con, 1, 10, "line", { name: "Split" });
+    const dl = k.stack(con, { width: "FILL", name: "Deploys" });
+    const dh = k.stack(dl, { direction: "HORIZONTAL", height: 52, align: "CENTER", justify: "SPACE_BETWEEN", padding: { top: 0, right: 22, bottom: 0, left: 22 }, fill: "well", name: "Deploys head" });
+    k.text(dh, "DEPLOYS, LAST 30 MIN", { style: "Panel 18", color: "cardMuted", autoWidth: true, name: "Deploys title" });
+    k.text(dh, "MATCH", { style: "Panel 18", color: "cardMuted", autoWidth: true, name: "Match title" });
+    const body_ = k.frame(dl, { x: 0, y: 0, width: 576, height: DEPLOYS.length * ROW_H }, { name: "Deploy rows" });
+    k.patch(body_, { layoutPositioning: "AUTO", layoutSizingHorizontal: "FILL" });
+    const scan = k.rect(body_, 576, ROW_H, k.tint("primary", 0.2), { name: "Scan bar", absolute: { x: 0, y: MATCH * ROW_H } });
+    k.rect(body_, 4, ROW_H, "primary", { name: "Scan edge", absolute: { x: 0, y: MATCH * ROW_H } });
+    let matchFig = "";
+    DEPLOYS.forEach(([t, svc, ver, m, hit], i) => {
+      const r = k.stack(body_, { direction: "HORIZONTAL", width: 576, height: ROW_H, gap: 16, align: "CENTER", padding: { top: 0, right: 22, bottom: 0, left: 22 }, name: "Deploy row", absolute: { x: 0, y: i * ROW_H } });
+      k.rect(r, 576, 1, "rule", { name: "Row rule", absolute: { x: 0, y: ROW_H - 1 } });
+      k.text(r, t, { style: "Mono 20", color: "cardMuted", autoWidth: true, name: "Deploy time" });
+      const w = k.stack(r, { direction: "HORIZONTAL", width: "FILL", gap: 8, align: "CENTER", name: "Deploy words" });
+      k.text(w, `${svc} ${ver}`, { style: "Mono 22", color: "onCard", autoWidth: true, name: "Deploy name" });
+      if (hit) {
+        const tag = k.stack(w, { direction: "HORIZONTAL", width: "HUG", fill: "down", radius: 4, padding: { top: 2, right: 6, bottom: 2, left: 6 }, name: "Cause tag" });
+        k.text(tag, "CAUSE", { style: "Tag 16", color: "well", autoWidth: true, name: "Cause word" });
+      }
+      const f = k.text(r, m, { style: "Fig 22", color: hit ? "onCard" : "cardMuted", width: 96, align: "RIGHT", name: hit ? "Match figure" : "Deploy match" });
+      if (hit) matchFig = f;
+    });
+    const sb = k.stack(dl, { padding: { top: 14, right: 22, bottom: 16, left: 22 }, name: "Strip box" });
+    const st = heatMap(k, sb, { cols: 36, rows: 1, cell: 21, gap: 3, seed: 5, name: "Strip" });
+    for (const c of st.cells) k.patch(c, { name: "Strip cell" });
+    k.patch(st.root, { width: 22 * 24 - 3, clipsContent: true });
+    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Foot" });
+    k.text(foot, "Live today on Business and Enterprise.", { style: "Foot 24", color: "onPaper", autoWidth: true, name: "Foot line" });
+    k.component("Site pill", { direction: "HORIZONTAL", width: "HUG", radius: 6, align: "CENTER", padding: { top: 10, right: 16, bottom: 10, left: 16 }, fill: "card", stroke: { color: "line", width: 1, align: "INSIDE" }, props: { Label: "{{brand.site}}" } }, (id) => {
+      k.propText(id, "Label", { style: "Site 24", color: "onCard", autoWidth: true });
+    });
+    k.instance(foot, "Site pill", { Label: `{{brand.site}}/${SPANWISE.version}` }, { name: "Site" });
+    k.cues(sheet, cues);
+    const dy = (row) => (row - MATCH) * ROW_H;
+    for (const id of [scan, ...k.named(body_, "Scan edge")]) k.animate(id, "translateY", [
+      { t: 0, v: dy(0), ease: ease.hold },
+      { t: SCAN, v: dy(0), ease: ease.inOut("cubic") },
+      { t: SCAN + 700, v: dy(1), ease: ease.hold },
+      { t: SCAN + 1100, v: dy(1), ease: ease.out("back") },
+      { t: SETTLE, v: dy(MATCH), ease: ease.hold },
+      { t: BACK, v: dy(MATCH), ease: ease.inOut("cubic") },
+      { t: LOOP, v: dy(0) }
+    ]);
+    const strip = (keys) => {
+      delete keys[keys.length - 1].ease;
+      return keys;
+    };
+    for (const id of k.named(body_, "Deploy match")) {
+      const v = k.node(id);
+      k.animate(id, "text.content", strip([{ t: 0, v: v.characters, ease: ease.hold }, { t: BACK, v: v.characters, ease: ease.hold }, { t: LOOP, v: v.characters }]));
+    }
+    k.animate(matchFig, "text.content", strip([{ t: 0, v: "\u2014", ease: ease.hold }, { t: SETTLE - 300, v: "41%", ease: ease.hold }, { t: SETTLE - 200, v: "67%", ease: ease.hold }, { t: SETTLE - 100, v: "85%", ease: ease.hold }, { t: SETTLE, v: "92%", ease: ease.hold }, { t: BACK + 150, v: "\u2014" }]));
+    k.patch(matchFig, { characters: "92%" });
+    k.animate(live, "opacity", strip(Array.from({ length: 17 }, (_, i) => ({ t: i * 500, v: i % 2 ? 0.3 : 1, ease: ease.hold }))));
+    k.variants(sheet, postVariants({ portrait: 72, vertical: 96 }, {
+      portrait: (kit, id) => {
+        restyle(kit, id, "Headline", "Head 70");
+      },
+      vertical: (kit, id) => {
+        restyle(kit, id, "Headline", "Head 62");
+        kit.patch(id, { primaryAxisAlignItems: "MIN", itemSpacing: 40 });
+        for (const c of kit.named(id, "Console")) kit.patch(c, { layoutMode: "VERTICAL" });
+        for (const a of kit.named(id, "Anomaly card")) kit.patch(a, { layoutSizingHorizontal: "FILL" });
+        hide(kit, id, ["Split"]);
+        for (const name of ["Deploy row", "Scan bar", "Row rule"]) for (const n of kit.named(id, name)) kit.patch(n, { width: 800 });
+        ts(kit, "Mono 26", code(26));
+        ts(kit, "Fig 26", figure(26, 600));
+        restyle(kit, id, "Deploy name", "Mono 26");
+        restyle(kit, id, "Match figure", "Fig 26");
+        restyle(kit, id, "Deploy match", "Fig 26");
+        for (const r of kit.named(id, "Strip")) kit.patch(r, { width: Math.floor((800 - 44 + 3) / 24) * 24 - 3 });
+        heatMap(kit, id, { cols: 36, rows: 14, cell: 26, gap: 4, hotRow: 5, hotCol: 30, name: "Heat foot", absolute: { x: 2, y: 1474 }, dim: 0.85 });
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  style_data_announcement_default
+};

package/dist/chunks/chunk-CHWB4U2K.js

@@ -0,0 +1,33 @@
+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 {
+  autumn_harvest_landing_default
+} from "./chunk-CAMZPMB7.js";
+import {
+  autumn_harvest_link_preview_default
+} from "./chunk-7DIFO56V.js";
+import {
+  autumn_harvest_thanks_post_default
+} from "./chunk-ZFUNZPIN.js";
+import {
+  autumn_harvest_year_reel_default
+} from "./chunk-SBEKJIPH.js";
+import {
+  autumn_harvest_header_default
+} from "./chunk-S4P43PZI.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/autumn-harvest.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [autumn_harvest_year_reel_default, autumn_harvest_landing_default, autumn_harvest_thanks_post_default, autumn_harvest_header_default, autumn_harvest_link_preview_default];
+var autumn_harvest_default = pack;
+
+export {
+  autumn_harvest_default
+};

package/dist/chunks/chunk-CITKZJUF.js

@@ -0,0 +1,109 @@
+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 {
+  logoBadge,
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  into,
+  playScenes,
+  sceneSheets
+} from "./chunk-L6NNGCPO.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-2P7ISWIA.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/scenes/carousel-video.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var TIPS = [
+  { title: "Turn the thermostat down 1\xB0C", body: "Most homes stay just as comfortable at 19\u201320\xB0C.", save: 90 },
+  { title: "Draught-proof doors and windows", body: "Strips and a letterbox brush cost less than a takeaway.", save: 45 },
+  { title: "Four-minute showers", body: "A timer on the tile keeps everyone honest.", save: 50 },
+  { title: "Wash at 30\xB0C", body: "Today\u2019s detergents clean just as well cooler.", save: 25 },
+  { title: "Switch off standby", body: "One smart plug for the TV corner does most of it.", save: 55 }
+];
+var tipCues = () => [
+  { layer: "Number", preset: "pop-in", at: 100 },
+  { layer: "Tip title", preset: "words-in", at: 250, params: { duration: 550, amount: 60 } },
+  { layer: "Tip body", preset: "fade-in", at: 800 },
+  { layer: "Saving", preset: "rise-in", at: 900 }
+];
+var scenes = [
+  { sheet: "Cover", cues: [
+    { layer: "Logo", preset: "pop-in", at: 0 },
+    { layer: "Cover title", preset: "lines-in", at: 200, params: { duration: 650, amount: 220 } },
+    { layer: "Swipe", preset: "fade-in", at: 1200 }
+  ] },
+  ...TIPS.map((t, i) => ({
+    sheet: `Tip ${i + 1}`,
+    transition: into("PUSH_FROM_RIGHT", 450),
+    cues: tipCues(),
+    counts: [{ layer: "Saving figure", at: 900, duration: 900, counter: { from: 0, to: t.save, prefix: "\xA3" } }]
+  }))
+];
+var carousel_video_default = defineTemplate({
+  id: "motion-carousel-video",
+  meta: {
+    name: "Carousel to video",
+    description: "Six 4:5 carousel cards \u2014 five winter energy-saving habits with what each saves \u2014 that also play as one video: each card animates, and swipe-style pushes join them, about 11 seconds",
+    category: "animation",
+    tags: ["animation", "carousel", "video", "scenes", "tips", "energy", "home", "advice"],
+    platforms: ["instagram", "linkedin", "facebook"],
+    formats: ["carousel", "video", "portrait-post", "reel"],
+    useCases: ["tips", "education"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { scenes },
+  build() {
+    const k = new Kit("Carousel to video", preset("ig-portrait"));
+    k.brand(
+      { paper: "#FFF6E5", text: "#1E2A3A", onPaper: "#4F5B6B", primary: "#2A6FDB", onPrimary: "#FFFFFF", accent: "#2A6FDB", card: "#1E2A3A", onCard: "#FFD166", badge: "#2A6FDB" },
+      { name: "Warm Homes Advice", handle: "@warmhomesadvice" }
+    );
+    k.textStyle("Cover 110", { size: 110, fontWeight: 900, letterSpacing: -4, lineHeight: 114 });
+    k.textStyle("Number 150", { size: 150, fontWeight: 900, letterSpacing: -6, lineHeight: 150 });
+    k.textStyle("Tip 80", { size: 80, fontWeight: 900, letterSpacing: -2, lineHeight: 86 });
+    k.textStyle("Body 40", { size: 40, fontWeight: 500, lineHeight: 52 });
+    k.textStyle("Saving 64", { size: 64, fontWeight: 900, letterSpacing: -2, lineHeight: 70 });
+    k.textStyle("Saving label 30", { size: 30, fontWeight: 600, lineHeight: 38 });
+    k.textStyle("Swipe 34", { size: 34, fontWeight: 800, lineHeight: 42 });
+    pill(k, "Swipe chip", { fill: "primary", ink: "onPrimary", style: "Swipe 34", label: "Swipe for the five  \u2192", pad: [16, 36] });
+    const ids = sceneSheets(k, "ig-portrait", scenes.map((s) => s.sheet));
+    ids.forEach((id, i) => {
+      k.flowSheet(id, 36, 96, "paper", i === 0 ? "CENTER" : "SPACE_BETWEEN", "MIN");
+      k.timeline(id, { duration: i === 0 ? 2200 : 2200, fps: 30 });
+    });
+    logoBadge(k, ids[0], { fill: "badge", size: 80, name: "Logo" });
+    k.text(ids[0], "5 ways to cut\nyour energy bill\nthis winter", { style: "Cover 110", color: "text", name: "Cover title" });
+    k.instance(ids[0], "Swipe chip", { Label: "Swipe for the five  \u2192" }, { name: "Swipe" });
+    TIPS.forEach((t, i) => {
+      const id = ids[i + 1];
+      k.text(id, `0${i + 1}`, { style: "Number 150", color: "accent", name: "Number" });
+      const copy = k.stack(id, { gap: 24, name: "Copy" });
+      k.text(copy, t.title, { style: "Tip 80", color: "text", name: "Tip title" });
+      k.text(copy, t.body, { style: "Body 40", color: "onPaper", name: "Tip body" });
+      const saving = k.stack(id, { fill: "card", radius: 32, padding: { top: 24, right: 36, bottom: 28, left: 36 }, gap: 2, name: "Saving" });
+      k.text(saving, `\xA3${t.save}`, { style: "Saving 64", color: "onCard", name: "Saving figure" });
+      k.text(saving, "a year, roughly, for a typical home", { style: "Saving label 30", color: "onCard", name: "Saving label" });
+    });
+    playScenes(k, "comp-carousel", "Carousel to video", ids, scenes, "paper");
+    k.setCover(ids[0]);
+    return k.finish();
+  }
+});
+
+export {
+  carousel_video_default
+};