@popcraft/kit 0.29.0 → 0.31.0

package/dist/chunks/chunk-IXYFMMDG.js

@@ -0,0 +1,108 @@
+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 {
+  calendar,
+  calendarSize,
+  hills,
+  holidayBrand,
+  lights,
+  parcels
+} from "./chunk-S2ICND2E.js";
+import {
+  snow
+} from "./chunk-NSF4CXZC.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/winter-holidays-link-preview.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var CALENDAR = {
+  cols: 4,
+  w: 104,
+  h: 108,
+  gap: 9,
+  pad: 12,
+  u: 0.62,
+  title: "Twelve days of {{brand.name}}",
+  styles: { num: "Door 28", title: "Board title 16" },
+  doors: [
+    { n: 7, icon: "heart" },
+    { n: 2, icon: "star" },
+    { n: 11, icon: "candle" },
+    { n: 4, icon: "receipt" },
+    { n: 9, icon: "tree" },
+    { n: 1, icon: "envelope" },
+    { n: 6, icon: "mug" },
+    { n: 12, icon: "gift" },
+    { n: 3, icon: "star" },
+    { n: 10, icon: "mug" },
+    { n: 5, icon: "candle" },
+    { n: 8, icon: "heart" }
+  ],
+  open: [1, 2, 3, 4, 12]
+};
+var winter_holidays_link_preview_default = defineTemplate({
+  id: "social-winter-holidays-link-preview",
+  meta: {
+    name: "Holiday gift-a-plan link preview",
+    description: "A 1200 \xD7 630 link preview for a holiday gift offer: the promise in a heavy serif, the gift in one mono line and the deadline as a seal, beside a paper advent calendar standing in the snow with five of its twelve wrapped doors open on warm niches, a string of bulbs overhead and parcels in the snow",
+    category: "social",
+    tags: ["holiday", "winter", "link preview", "open graph", "og image", "gift", "gift a plan", "advent calendar", "snow", "saas", "seasonal", "serif"],
+    platforms: ["web", "x", "linkedin", "facebook"],
+    formats: ["og-image"],
+    useCases: ["sale", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Holiday gift-a-plan link preview", preset("og-image"));
+    k.quantizeGeometry = true;
+    holidayBrand(k, { tagline: "Give a freelancer their Sundays back." });
+    k.textStyle("Eyebrow 20", { size: 20, fontWeight: 700, letterSpacing: 4, lineHeight: 28, textCase: "UPPER" });
+    k.textStyle("Display 72", { ...SERIF, size: 72, fontWeight: 900, letterSpacing: -2.4, lineHeight: 74 });
+    k.textStyle("Facts 20", { ...MONO, size: 20, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Seal 20", { size: 20, fontWeight: 800, lineHeight: 26 });
+    k.textStyle("Door 28", { ...SERIF, size: 28, fontWeight: 900, letterSpacing: -0.6, lineHeight: 30 });
+    k.textStyle("Board title 16", { size: 16, fontWeight: 700, letterSpacing: 2.4, lineHeight: 20, textCase: "UPPER" });
+    pill(k, "Seal", { fill: "primary", ink: "onPrimary", style: "Seal 20", label: "Order by 23 December", pad: [10, 20], radius: 6 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 20, { top: 80, right: 580, bottom: 120, left: 68 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    lights(k, sheet, { w: 1200, y: 6, u: 0.7, swags: 3 });
+    snow(k, sheet, { w: 1200, h: 630, n: 70, u: 0.7, depth: "far" });
+    hills(k, sheet, { w: 1200, h: 630, top: 590, u: 0.7 });
+    const size = calendarSize(CALENDAR);
+    calendar(k, sheet, CALENDAR, { absolute: { x: 1200 - size.w - 70, y: 96 } });
+    parcels(k, sheet, { x: 396, base: 624, u: 0.6 });
+    snow(k, sheet, { w: 1200, h: 630, n: 14, u: 0.7, depth: "near" });
+    k.text(sheet, "{{brand.name}} \xB7 Holiday gifting", { style: "Eyebrow 20", color: "onPaper", name: "Eyebrow" });
+    k.text(sheet, "{{brand.tagline}}", { style: "Display 72", color: "text", name: "Headline" });
+    k.text(sheet, "A year of invoicing and books, wrapped. $96.", { style: "Facts 20", color: "onPaper", name: "Facts" });
+    k.instance(sheet, "Seal", { Label: "Order by 23 December" }, { name: "Seal" });
+    return k.finish();
+  }
+});
+
+export {
+  winter_holidays_link_preview_default
+};

package/dist/chunks/chunk-IYF7OK2Z.js

@@ -0,0 +1,226 @@
+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,
+  PLANS,
+  burst,
+  codePlate,
+  coin,
+  fitTable,
+  flip,
+  microprint,
+  planPanels,
+  prizePanel,
+  scratch,
+  scratchBrand,
+  shine,
+  spareTicket,
+  sparkle,
+  sweep,
+  table,
+  ticket,
+  ticketHead,
+  twinkle
+} from "./chunk-UKZAWO4R.js";
+import {
+  MONO
+} from "./chunk-PFCHOCEN.js";
+import {
+  captionStrip,
+  captionSwap
+} from "./chunk-ERLSOXU6.js";
+import {
+  bed
+} from "./chunk-42LEBOKV.js";
+import {
+  hide,
+  patchAll,
+  put,
+  reboard,
+  restyle
+} from "./chunk-YHBAWSDX.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion/black-friday-scratch-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: 300 } },
+  { layer: "Ticket", preset: "drop-in", at: beat(0), params: { duration: 300 } },
+  // The drop: the panel is bare.
+  { layer: "Ticket", preset: "shake", at: beat(4), params: { duration: 400, distance: 14 } },
+  { layer: "Burst", preset: "pop-in", at: beat(4), params: { duration: 350 } },
+  { layer: "Match line", preset: "fade-in", at: beat(5), params: { duration: 300 } },
+  { layer: "Code plate", preset: "pop-in", at: beat(10), params: { duration: 350 } },
+  { layer: "Button", preset: "pop-in", at: beat(12), params: { duration: 400 } },
+  { layer: "Code", preset: "pulse", at: beat(16), params: { duration: 500, amount: 0.12 } },
+  { 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 prize counts up as the last of the latex goes, and lands a beat after the drop.
+  { layer: "Prize figure", at: beat(3), duration: beat(2), counter: { from: 10, to: OFFER.off, suffix: "% OFF" } },
+  // Each plan's price falls to half as its window is scratched.
+  ...PLANS.map((p, i) => ({ layer: `${p.id} figure`, at: beat(6 + i), duration: beat(1.5), counter: { from: p.was, to: p.now, prefix: "$" } }))
+];
+var swaps = [captionSwap(["Black Friday: scratch this card.", "Three plans. Every one wins.", "Every annual plan, half off.", `Use ${OFFER.code} by Monday midnight.`], 0, DURATION, { stagger: 60, in: 300, out: 250, rise: 30 })];
+var NAME = "Black Friday scratch card deal reel";
+var PANEL = { w: 734, h: 240 };
+var WINDOW = { w: 234, h: 160, gap: 16 };
+var black_friday_scratch_deal_reel_default = defineTemplate({
+  id: "motion-black-friday-scratch-deal-reel",
+  meta: {
+    name: NAME,
+    description: "A 14-second vertical sale video drawn as a lottery scratch card that cannot lose: a gold coin scrapes the silver latex off a green foil card through the ticking and the drop reveals 50% OFF, a WINNER burst lands, then three match-three windows are scratched and each annual price counts down to half. Music, burned-in captions, 9:16 with square, 4:5 and 16:9 layouts",
+    category: "animation",
+    tags: ["animation", "black friday", "cyber monday", "sale", "saas", "scratch card", "lottery", "ticket", "coin", "reveal", "promo code", "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;
+    scratchBrand(k, { name: OFFER.product, site: OFFER.site, code: OFFER.code });
+    k.textStyle("Headline 132", { size: 132, fontWeight: 900, letterSpacing: -6, lineHeight: 108 });
+    k.textStyle("Headline 150", { size: 150, fontWeight: 900, letterSpacing: -7, lineHeight: 130 });
+    k.textStyle("Headline 80", { size: 80, fontWeight: 900, letterSpacing: -3.4, lineHeight: 80 });
+    k.textStyle("Caption 34", { size: 34, fontWeight: 800, letterSpacing: -0.5, lineHeight: 42, textAlign: "CENTER" });
+    k.textStyle("Head 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.4, lineHeight: 26 });
+    k.textStyle("Label 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 2.4, lineHeight: 26, textAlign: "CENTER" });
+    k.textStyle("Prize 124", { size: 124, fontWeight: 900, letterSpacing: -6, lineHeight: 116, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
+    k.textStyle("Prize side 26", { ...MONO, size: 26, fontWeight: 800, letterSpacing: 2, lineHeight: 32, textAlign: "CENTER" });
+    k.textStyle("Window label 18", { ...MONO, size: 18, fontWeight: 800, letterSpacing: 2, lineHeight: 24, textAlign: "CENTER" });
+    k.textStyle("Window 72", { size: 72, fontWeight: 900, letterSpacing: -3, lineHeight: 74, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
+    k.textStyle("Window was 18", { ...MONO, size: 18, fontWeight: 700, lineHeight: 24, textAlign: "CENTER" });
+    k.textStyle("Match 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.6, lineHeight: 26, textAlign: "CENTER" });
+    k.textStyle("Code label 18", { ...MONO, size: 18, fontWeight: 800, letterSpacing: 1.6, lineHeight: 24 });
+    k.textStyle("Code 34", { ...MONO, size: 34, fontWeight: 800, letterSpacing: 1.4, lineHeight: 40 });
+    k.textStyle("Terms 17", { ...MONO, size: 19, fontWeight: 700, letterSpacing: 0, lineHeight: 24, textAlign: "CENTER" });
+    k.textStyle("Burst 46", { size: 46, fontWeight: 900, letterSpacing: -1, lineHeight: 46 });
+    k.textStyle("Burst 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.6, lineHeight: 26 });
+    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, "Scratch button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: `Scratch yours at ${OFFER.link}`, pad: [22, 40], radius: 14 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 14, verticalPadding(), "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30, audio: music });
+    table(k, sheet, 1080, 1920, { fy: 0.42 });
+    spareTicket(k, sheet, { x: -120, y: 1500, width: 640, height: 400, rotation: -10, name: "Spare left" });
+    spareTicket(k, sheet, { x: 560, y: 1470, width: 640, height: 400, rotation: 12, name: "Spare right" });
+    spareTicket(k, sheet, { x: 210, y: 1590, width: 660, height: 410, rotation: 3, name: "Spare middle" });
+    const top = k.stack(sheet, { gap: 14, name: "Top" });
+    const words = k.stack(top, { name: "Words" });
+    k.text(words, "SCRATCH\n& SAVE.", { style: "Headline 132", color: "text", name: "Headline" });
+    const card = ticket(k, top, { pad: 22, gap: 14 });
+    ticketHead(k, card.body, { style: "Head 20", ribbon: 22 });
+    const prize = prizePanel(k, card.body, { ...PANEL, coin: 124, figureWidth: 560, styles: { label: "Label 20", figure: "Prize 124", side: "Prize side 26" } });
+    k.text(card.body, "MATCH 3 PLANS \xB7 EVERY ONE IS A WINNER", { style: "Match 20", color: "foil", name: "Match line" });
+    const windows = planPanels(k, card.body, { ...WINDOW, figureWidth: 210, styles: { label: "Window label 18", figure: "Window 72", side: "Window was 18" } });
+    const smalls = windows.map((w) => coin(k, w.board, 76, { name: "Window coin", absolute: { x: WINDOW.w - 76 - 10, y: WINDOW.h - 76 - 10 }, opacity: 0 }));
+    codePlate(k, card.body, { labelStyle: "Code label 18", codeStyle: "Code 34", pad: [8, 24], width: "FILL" });
+    const terms = k.stack(card.body, { gap: 8, name: "Terms" });
+    microprint(k, terms, "foil", { opacity: 0.7 });
+    k.text(terms, `ODDS OF SAVING: 1 IN 1. PRIZE: ${OFFER.off}% OFF A YEAR OF ANY PLAN. GAME CLOSES ${OFFER.ends.toUpperCase()}.`, { style: "Terms 17", color: "cardMuted", name: "Odds" });
+    const light = shine(k, card.ticket);
+    burst(k, top, 236, [["WINNER", "Burst 46"], ["ODDS: 1 IN 1", "Burst 20"]], { rotation: 10, gap: 2, absolute: { x: 570, y: 90 } });
+    const glints = [[36, 300, 54], [690, 250, 40], [300, 214, 34], [742, 640, 46], [60, 700, 38]].map(([x, y, s]) => sparkle(k, top, s, { absolute: { x, y } }));
+    const close = k.stack(sheet, { gap: 20, align: "CENTER", name: "Close" });
+    captionStrip(k, close, swaps[0].words[0], { style: "Caption 38", fill: "paper", ink: "text", radius: 10, pad: [14, 24], stroke: { color: "primary", width: 3, align: "INSIDE" } });
+    k.instance(close, "Scratch button", { Label: `Scratch yours at ${OFFER.link}` }, { name: "Button" });
+    k.counts(sheet, counts);
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    scratch(k, prize.panel, { at: beat(0.5), duration: beat(3.5), coin: prize.coin });
+    flip(k, prize.coin, beat(4), { turns: 2, half: 90 });
+    flip(k, prize.coin, beat(18), { turns: 1, half: 160 });
+    windows.forEach((w, i) => scratch(k, w, { at: beat(6 + i), duration: beat(0.8), coin: smalls[i], show: true, seed: 31 + i }));
+    glints.forEach((g, i) => {
+      for (const b of [4.5 + i * 0.5, 13 + i, 21 + i]) twinkle(k, g, beat(b), 700);
+    });
+    sweep(k, light, beat(4), 800, 800);
+    sweep(k, light, beat(14), 800, 900);
+    sweep(k, light, beat(22), 800, 900);
+    const feed = (kit, id, fy) => {
+      fitTable(kit, id, { fy });
+      hide(kit, id, ["Spare left", "Spare right", "Spare middle"]);
+    };
+    k.variants(sheet, [
+      ...feedVariants({ post: 48, portrait: 64 }, {
+        // The square: the headline on one line, the card under it at full width, the code beside the button.
+        post: (kit, id) => {
+          feed(kit, id, 0.5);
+          kit.patch(id, { padding: { top: 40, right: 60, bottom: 24, left: 60 }, itemSpacing: 12 });
+          patchAll(kit, id, "Top", { itemSpacing: 100 });
+          patchAll(kit, id, "Headline", { characters: "SCRATCH & SAVE." });
+          restyle(kit, id, "Headline", "Headline 80");
+          patchAll(kit, id, "Ticket body", { itemSpacing: 12, padding: { top: 18, right: 22, bottom: 18, left: 22 } });
+          reboard(kit, id, "Prize", 894 / PANEL.w);
+          for (const p of PLANS) reboard(kit, id, `${p.id} window`, (894 - 2 * WINDOW.gap) / 3 / WINDOW.w);
+          hide(kit, id, ["Terms"]);
+          put(kit, id, "Burst", 764, -36);
+          patchAll(kit, id, "Close", { itemSpacing: 12 });
+        },
+        portrait: (kit, id) => {
+          feed(kit, id, 0.45);
+          kit.patch(id, { padding: { top: 44, right: 64, bottom: 28, left: 64 }, itemSpacing: 12 });
+          patchAll(kit, id, "Top", { itemSpacing: 84 });
+          patchAll(kit, id, "Headline", { characters: "SCRATCH & SAVE." });
+          restyle(kit, id, "Headline", "Headline 80");
+          patchAll(kit, id, "Ticket body", { itemSpacing: 12, padding: { top: 26, right: 26, bottom: 26, left: 26 } });
+          reboard(kit, id, "Prize", 878 / PANEL.w);
+          for (const p of PLANS) reboard(kit, id, `${p.id} window`, (878 - 2 * WINDOW.gap) / 3 / WINDOW.w);
+          put(kit, id, "Burst", 756, -30);
+        }
+      }),
+      {
+        // 16:9: the words, the caption and the button on the left, the card beside them.
+        preset: "video-1080p",
+        adjust: (kit, id) => {
+          feed(kit, id, 0.5);
+          fitTable(kit, id, { fx: 0.7, fy: 0.5 });
+          kit.patch(id, { padding: { top: 70, right: 110, bottom: 70, left: 110 }, itemSpacing: 0, counterAxisAlignItems: "MIN", primaryAxisAlignItems: "CENTER" });
+          for (const n of kit.named(id, "Top")) kit.patch(n, { layoutMode: "HORIZONTAL", itemSpacing: 70, counterAxisAlignItems: "CENTER", layoutSizingHorizontal: "FILL" });
+          restyle(kit, id, "Headline", "Headline 150");
+          for (const n of kit.named(id, "Ticket")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 924 });
+          patchAll(kit, id, "Ticket body", { itemSpacing: 16, padding: { top: 26, right: 26, bottom: 26, left: 26 } });
+          reboard(kit, id, "Prize", 850 / PANEL.w);
+          for (const p of PLANS) reboard(kit, id, `${p.id} window`, (850 - 2 * WINDOW.gap) / 3 / WINDOW.w);
+          kit.patch(id, { primaryAxisAlignItems: "MIN", padding: { top: 290, right: 110, bottom: 70, left: 110 }, itemSpacing: 56 });
+          for (const n of kit.named(id, "Ticket")) kit.patch(n, { layoutPositioning: "ABSOLUTE", x: 1920 - 110 - 110 - 924, y: 134 - 290 });
+          for (const n of kit.named(id, "Close")) kit.patch(n, { width: 770, layoutSizingHorizontal: "FIXED", counterAxisAlignItems: "MIN" });
+          restyle(kit, id, "Caption", "Caption 34");
+          put(kit, id, "Burst", 580, 500);
+        }
+      }
+    ]);
+    return k.finish();
+  }
+});
+
+export {
+  black_friday_scratch_deal_reel_default
+};

package/dist/chunks/chunk-IZFT6WHR.js

@@ -0,0 +1,45 @@
+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 {
+  style_data_landing_default
+} from "./chunk-EKHOAL4B.js";
+import {
+  style_data_pricing_default
+} from "./chunk-I226Y4C5.js";
+import {
+  style_data_announcement_default
+} from "./chunk-BGR5WOWO.js";
+import {
+  style_data_link_preview_default
+} from "./chunk-NFDVSIX2.js";
+import {
+  style_data_milestone_default
+} from "./chunk-BL3RXZCH.js";
+import {
+  style_data_testimonial_default
+} from "./chunk-QEYMOYNX.js";
+import {
+  style_data_feature_demo_default
+} from "./chunk-SQ3MOXRL.js";
+import {
+  style_data_launch_reel_default
+} from "./chunk-RRY426DS.js";
+import {
+  style_data_header_default
+} from "./chunk-V5NM5KTY.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/saas/style-data.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [style_data_launch_reel_default, style_data_feature_demo_default, style_data_landing_default, style_data_pricing_default, style_data_announcement_default, style_data_milestone_default, style_data_testimonial_default, style_data_header_default, style_data_link_preview_default];
+var style_data_default = pack;
+
+export {
+  style_data_default
+};

package/dist/chunks/chunk-J2W2Y5CR.js

@@ -0,0 +1,95 @@
+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 {
+  gild,
+  initial,
+  manuscriptBrand,
+  ruling,
+  seal,
+  snail,
+  vellum,
+  vine
+} from "./chunk-NCPP7DAG.js";
+import {
+  EMAIL_FPS,
+  HEADER
+} from "./chunk-572QBW5I.js";
+import {
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/email/manuscript-chronicle-header.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 4800;
+var cues = [
+  { layer: "Figure", preset: "pulse", at: 1200, params: { duration: 900, amount: 0.035 } },
+  { layer: "Button", preset: "pulse", at: 3200, params: { duration: 800, amount: 0.06 } }
+];
+var manuscript_chronicle_header_default = defineTemplate({
+  id: "email-manuscript-chronicle-header",
+  meta: {
+    name: "Manuscript chronicle email header (animated GIF)",
+    description: "A 600 \xD7 300 animated header for a changelog or newsletter kept as a chronicle on vellum: the issue, the headline and the button are all on the first frame (for Outlook), then light crosses a gilded initial, a snail walks the ivy border and the headline swells \u2014 a seamless 4.8-second GIF loop",
+    category: "email",
+    tags: ["email", "gif", "animated", "header", "banner", "manuscript", "illuminated", "medieval", "vellum", "gold leaf", "changelog", "chronicle", "newsletter", "saas", "serif"],
+    platforms: ["email"],
+    formats: ["email", "banner"],
+    useCases: ["changelog", "newsletter", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Manuscript chronicle email header", HEADER);
+    k.quantizeGeometry = true;
+    manuscriptBrand(k);
+    k.textStyle("Issue 12", { size: 12, fontWeight: 700, letterSpacing: 2.5, lineHeight: 16, textCase: "UPPER" });
+    k.textStyle("Figure 36", { ...SERIF, size: 36, fontWeight: 900, letterSpacing: -1, lineHeight: 38 });
+    k.textStyle("Account 15", { ...SERIF, size: 15, fontWeight: 400, lineHeight: 21 });
+    k.textStyle("Button 14", { size: 14, fontWeight: 800, lineHeight: 18 });
+    k.textStyle("Initial 92", { ...SERIF, size: 92, fontWeight: 900, lineHeight: 92, textAlign: "CENTER" });
+    k.textStyle("Seal 26", { ...SERIF, size: 26, fontWeight: 900, lineHeight: 26, textAlign: "CENTER" });
+    pill(k, "Button pill", { fill: "primary", ink: "onPrimary", style: "Button 14", label: "Read the chronicle", pad: [9, 20], radius: 4 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 9, { top: 26, right: 44, bottom: 44, left: 206 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
+    vellum(k, sheet);
+    ruling(k, sheet, { x: 196, y: 38, w: 370, rows: 10, pitch: 24, weight: 1, overrun: 30 });
+    const box = { x: 0, y: 0, width: 600, height: 300 };
+    vine(k, k.frame(sheet, box, { name: "Left border" }), { x: 30, y: -14, length: 330, dir: "down", amp: 11, waves: 2.5, u: 0.55 });
+    vine(k, k.frame(sheet, box, { name: "Foot border" }), { x: 64, y: 278, length: 520, dir: "right", amp: 9, waves: 4.5, u: 0.5, side: -1 });
+    initial(k, sheet, 128, "C", "Initial 92", { absolute: { x: 58, y: 44 } });
+    seal(k, sheet, 54, "Q", "Seal 26", { absolute: { x: 95, y: 184 } });
+    const crawler = snail(k, sheet, { x: 480, y: 271, size: 20 });
+    k.text(sheet, "The {{brand.name}} chronicle \xB7 No. XII", { style: "Issue 12", color: "onPaper", name: "Issue" });
+    k.text(sheet, "Chapter VII is written.", { style: "Figure 36", color: "text", name: "Figure" });
+    k.text(sheet, "Sources in the margin, a scribe four times faster, and stale pages that confess. Here is what changed this month.", { style: "Account 15", color: "onPaper", name: "Account" });
+    k.instance(sheet, "Button pill", { Label: "Read the chronicle" }, { name: "Button" });
+    k.cues(sheet, cues);
+    gild(k, sheet, 300, 800);
+    k.behave(crawler, "translateX", [{ kind: "sine", amp: 26, freq: 1e3 / DURATION, phase: 0 }]);
+    return k.finish();
+  }
+});
+
+export {
+  manuscript_chronicle_header_default
+};

package/dist/chunks/chunk-J2XMHCOF.js

@@ -0,0 +1,80 @@
+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 {
+  safePadding
+} from "./chunk-QVURWCH2.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/motion/countdown.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var countdown_default = defineTemplate({
+  id: "motion-countdown",
+  meta: {
+    name: "Countdown 3-2-1",
+    description: "Three, two, one, GO: the number swaps on every beat and pops, the disc pulses with it \u2014 a four-second countdown post at 30 fps",
+    category: "animation",
+    tags: ["animation", "countdown", "event", "instagram"],
+    platforms: ["instagram", "tiktok", "youtube"],
+    formats: ["post", "story", "reel"],
+    useCases: ["countdown", "event", "launch"],
+    created: "2026-09-28",
+    updated: "2026-09-28"
+  },
+  build() {
+    const k = new Kit("Countdown 3-2-1", preset("ig-post"));
+    k.brand({ primary: "#111111", accent: "#FFD600", onPrimary: "#FFD600", onAccent: "#111111", paper: "#FAFAF7", muted: "#6E6E73" }, { caption: "Doors open in" });
+    k.textStyle("Caption 44", { size: 44, fontWeight: 600, lineHeight: 56, textAlign: "CENTER" });
+    k.textStyle("Count 360", { size: 360, fontWeight: 900, letterSpacing: -12, lineHeight: 380 });
+    k.textStyle("Tag 30", { size: 30, fontWeight: 700, lineHeight: 36 });
+    k.component("Event tag", { direction: "HORIZONTAL", width: "HUG", fill: "primary", radius: 999, align: "CENTER", padding: { top: 12, right: 28, bottom: 12, left: 28 }, props: { Label: "Launch night" } }, (id) => {
+      k.propText(id, "Label", { style: "Tag 30", color: "onPrimary", autoWidth: true });
+    });
+    const beats = ["3", "2", "1", "GO"];
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 24, 96, "paper", "CENTER", "CENTER");
+    k.timeline(sheet, { duration: 4e3, fps: 30, markers: beats.map((label, i) => ({ id: `m${i + 1}`, t: i * 1e3, label })) });
+    const caption = k.text(sheet, "{{brand.caption}}", { style: "Caption 44", color: "muted", name: "Caption" });
+    const disc = k.stack(sheet, { width: 560, height: 560, fill: "accent", radius: 280, clip: true, justify: "CENTER", align: "CENTER", name: "Disc" });
+    const count = k.text(disc, "3", { style: "Count 360", color: "onAccent", width: "FILL", align: "CENTER", name: "Count" });
+    const tag = k.instance(sheet, "Event tag", { Label: "Launch night" });
+    k.animate(caption, "opacity", [{ t: 0, v: 0, ease: ease.out("cubic") }, { t: 400, v: 1, ease: ease.hold }, { t: 3e3, v: 0 }]);
+    k.animate(count, "text.content", beats.map((v, i) => ({ t: i * 1e3, v })));
+    const pop = beats.flatMap((b, i) => {
+      const last = i === beats.length - 1;
+      return [{ t: i * 1e3, v: last ? 1.2 : 1.4, ease: ease.back(1.9) }, { t: i * 1e3 + (last ? 500 : 400), v: last ? 0.8 : 1, ...last ? {} : { ease: ease.hold } }];
+    });
+    const pulse = beats.flatMap((_, i) => {
+      const last = i === beats.length - 1;
+      return [{ t: i * 1e3, v: 0.9, ease: ease.out("cubic") }, { t: i * 1e3 + 300, v: last ? 1.08 : 1, ...last ? {} : { ease: ease.hold } }];
+    });
+    for (const axis of ["scaleX", "scaleY"]) {
+      k.animate(count, axis, pop);
+      k.animate(disc, axis, pulse);
+    }
+    k.animate(tag, "translateY", [{ t: 0, v: 60, ease: ease.out("expo") }, { t: 600, v: 0 }]);
+    k.variants(sheet, [
+      { preset: "ig-story", adjust: (kit, id) => kit.patch(id, { padding: safePadding("ig-story", 1080, 1920, { top: 96, right: 96, bottom: 96, left: 96 }) }) }
+    ]);
+    return k.finish();
+  }
+});
+
+export {
+  countdown_default
+};

package/dist/chunks/chunk-J65CSSWM.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 {
+  gothic_landing_default
+} from "./chunk-ALFYZCGL.js";
+import {
+  gothic_feature_post_default
+} from "./chunk-4BPKUDBB.js";
+import {
+  gothic_link_preview_default
+} from "./chunk-S2QZMHP2.js";
+import {
+  gothic_launch_reel_default
+} from "./chunk-LE76E2QH.js";
+import {
+  gothic_header_default
+} from "./chunk-2UNKDIN3.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/gothic.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [gothic_launch_reel_default, gothic_landing_default, gothic_feature_post_default, gothic_header_default, gothic_link_preview_default];
+var gothic_default = pack;
+
+export {
+  gothic_default
+};