@popcraft/kit 0.24.3 → 0.26.0

package/dist/chunks/chunk-HJQU5POV.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 {
+  psychedelic_landing_default
+} from "./chunk-LUFQLTSZ.js";
+import {
+  psychedelic_link_preview_default
+} from "./chunk-3YFJ5CDS.js";
+import {
+  psychedelic_lineup_post_default
+} from "./chunk-JGEUCDS4.js";
+import {
+  psychedelic_gig_reel_default
+} from "./chunk-L2EAL33W.js";
+import {
+  psychedelic_header_default
+} from "./chunk-2WAL6YCH.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/themes/psychedelic.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [psychedelic_gig_reel_default, psychedelic_landing_default, psychedelic_lineup_post_default, psychedelic_header_default, psychedelic_link_preview_default];
+var psychedelic_default = pack;
+
+export {
+  psychedelic_default
+};

package/dist/chunks/chunk-HKFNGEB3.js

@@ -0,0 +1,123 @@
+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 {
+  keyEverySize,
+  sourceLine
+} from "./chunk-D7HNJPT7.js";
+import {
+  titleSafe
+} from "./chunk-AFOQTZPR.js";
+import {
+  donutSlice
+} from "./chunk-T3CX2LLT.js";
+import {
+  logoBadge,
+  outro
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/data/donut.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SHARES = [
+  { name: "Meals", label: "Food on the table", pct: 64, color: "s1" },
+  { name: "Delivery", label: "Van runs to 38 pantries", pct: 17, color: "s2" },
+  { name: "Kitchen", label: "Community kitchen", pct: 11, color: "s3" },
+  { name: "Running", label: "Rent, fuel and admin", pct: 8, color: "s4" }
+];
+var D = 600;
+var SOURCE = "Harbor Food Bank annual accounts, 2025\u201326";
+var SLICE_AT = 500;
+var SLICE_GAP = 220;
+var counts = SHARES.map((s, i) => ({ layer: `${s.name} share`, at: SLICE_AT + 150 + i * SLICE_GAP, duration: 900, counter: { from: 0, to: s.pct, suffix: "%" } }));
+var cues = [
+  { layer: "Logo", preset: "pop-in", at: 0 },
+  { layer: "Title", preset: "words-in", at: 100, params: { duration: 600, amount: 70 } },
+  { layer: "Slice", preset: "pop-in", at: SLICE_AT, params: { duration: 650, amount: 0.4 }, stagger: { delay: SLICE_GAP } },
+  { layer: "Centre", preset: "fade-in", at: SLICE_AT + 300 },
+  { layer: "Row", preset: "slide-in", at: SLICE_AT + 150, params: { direction: "right", distance: 80 }, stagger: { delay: SLICE_GAP } },
+  { layer: "Source", preset: "fade-in", at: 2400 },
+  outro(["Logo", "Title", "Slice", "Centre", "Row", "Source"], 7400)
+];
+var donut_default = defineTemplate({
+  id: "motion-chart-donut",
+  meta: {
+    name: "Animated donut chart",
+    description: "Where a food bank\u2019s \xA310 goes: four slices burst out from the centre in turn while the legend slides in and each share counts to its percentage \u2014 8.5 seconds, 16:9 with a 4:5 cut",
+    category: "animation",
+    tags: ["animation", "data", "chart", "donut chart", "pie", "nonprofit", "counter"],
+    platforms: ["linkedin", "instagram", "facebook", "slides"],
+    formats: ["video", "portrait-post", "slide-deck"],
+    useCases: ["stats", "report"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit("Animated donut chart", preset("video-1080p"));
+    k.brand(
+      { paper: "#F3F7F4", text: "#10302A", onPaper: "#48625B", s1: "#1F7A5C", s2: "#F2B134", s3: "#E4572E", s4: "#6C8EAD", card: "#FFFFFF", onCard: "#10302A", badge: "#1F7A5C" },
+      { title: "Where your \xA310 goes" }
+    );
+    k.textStyle("Title 80", { size: 80, fontWeight: 900, letterSpacing: -2, lineHeight: 88 });
+    k.textStyle("Centre 96", { size: 96, fontWeight: 900, letterSpacing: -3, lineHeight: 100, textAlign: "CENTER" });
+    k.textStyle("Centre label 28", { size: 28, fontWeight: 600, lineHeight: 34, textAlign: "CENTER" });
+    k.textStyle("Share 56", { size: 56, fontWeight: 900, letterSpacing: -1, lineHeight: 64 });
+    k.textStyle("Row label 34", { size: 34, fontWeight: 600, lineHeight: 42 });
+    k.textStyle("Source 24", { size: 24, fontWeight: 500, lineHeight: 30 });
+    sourceLine(k, { dot: "s1", ink: "onPaper", style: "Source 24", text: SOURCE });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 48, titleSafe(), "paper", "SPACE_BETWEEN", "MIN");
+    k.timeline(sheet, { duration: 8500, fps: 30 });
+    const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 28, align: "CENTER", name: "Header" });
+    logoBadge(k, head, { fill: "badge", size: 56, name: "Logo" });
+    k.text(head, "{{brand.title}}", { style: "Title 80", color: "text", name: "Title", width: "FILL" });
+    const body = k.stack(sheet, { direction: "HORIZONTAL", gap: 120, align: "CENTER", justify: "CENTER", name: "Body" });
+    const donut = k.stack(body, { width: D, height: D, justify: "CENTER", align: "CENTER", name: "Donut" });
+    const slices = k.stack(donut, { width: D, height: D, name: "Slices", absolute: { x: 0, y: 0 } });
+    let from = 0;
+    for (const s of SHARES) {
+      const to = from + s.pct / 100;
+      k.vector(slices, D, D, [donutSlice(D, from, to)], s.color, { name: "Slice", absolute: { x: 0, y: 0 } });
+      from = to;
+    }
+    const centre = k.stack(donut, { width: 340, height: 340, radius: 170, fill: "paper", gap: 4, align: "CENTER", justify: "CENTER", name: "Centre" });
+    k.text(centre, "\xA310", { style: "Centre 96", color: "text", name: "Gift" });
+    k.text(centre, "every gift", { style: "Centre label 28", color: "onPaper", name: "Gift label" });
+    const legend = k.stack(body, { width: 760, gap: 20, name: "Legend" });
+    for (const s of SHARES) {
+      const row = k.stack(legend, { direction: "HORIZONTAL", gap: 24, align: "CENTER", fill: "card", radius: 24, padding: { top: 18, right: 28, bottom: 18, left: 28 }, name: "Row" });
+      k.rect(row, 28, 28, s.color, { radius: 8, name: "Swatch" });
+      k.text(row, `${s.pct}%`, { style: "Share 56", color: "onCard", name: `${s.name} share`, width: 150 });
+      k.text(row, s.label, { style: "Row label 34", color: "onCard", name: `${s.name} label`, width: "FILL" });
+    }
+    k.instance(sheet, "Source line", { Source: SOURCE }, { name: "Source" });
+    keyEverySize(k, sheet, [{
+      preset: "ig-portrait",
+      adjust: (kit, id) => {
+        kit.patch(id, { padding: { top: 80, right: 72, bottom: 80, left: 72 }, primaryAxisAlignItems: "CENTER", itemSpacing: 40, counterAxisSpacing: 40 });
+        for (const b of kit.named(id, "Body")) kit.patch(b, { layoutMode: "VERTICAL", itemSpacing: 40, counterAxisSpacing: 40 });
+        for (const l of kit.named(id, "Legend")) kit.patch(l, { width: 936, itemSpacing: 12 });
+        for (const r of kit.named(id, "Row")) kit.patch(r, { padding: { top: 10, right: 24, bottom: 10, left: 24 } });
+        for (const d of kit.named(id, "Donut")) kit.patch(d, { scaleX: 1, scaleY: 1 });
+      }
+    }], cues, counts);
+    return k.finish();
+  }
+});
+
+export {
+  donut_default
+};

package/dist/chunks/chunk-HKXNKW7E.js

@@ -0,0 +1,101 @@
+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 {
+  PIGEON,
+  addressLines,
+  desk,
+  envelope,
+  fitStage,
+  petals,
+  postmark,
+  stage,
+  stamp,
+  valentinesBrand,
+  waxSeal
+} from "./chunk-DEWOJ7FJ.js";
+import {
+  EMAIL_FPS,
+  HEADER
+} from "./chunk-O24FY473.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit
+} from "./chunk-T3SGRYUX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/email/valentines-header.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 4800;
+var STAGE = { w: 760, h: 700 };
+var cues = [
+  { layer: "Seal", preset: "pulse", at: 900, params: { duration: 800, amount: 0.08 } },
+  { layer: "Second stamp", preset: "wobble", at: 1900, params: { duration: 800 } },
+  { layer: "Button", preset: "pulse", at: 3200, params: { duration: 800, amount: 0.06 } }
+];
+var valentines_header_default = defineTemplate({
+  id: "email-valentines-header",
+  meta: {
+    name: "Valentine email header (animated GIF)",
+    description: "A 600 \xD7 300 animated header for a Valentine\u2019s two-for-one email: the offer, the code and the button are all on the first frame (for Outlook), beside an airmail envelope with two pigeon stamps, a 14 February postmark and a wax seal; then petals rock, the second stamp wobbles and the seal swells \u2014 a seamless 4.8-second GIF loop",
+    category: "email",
+    tags: ["email", "gif", "animated", "header", "banner", "valentine", "valentines day", "offer", "two for one", "airmail", "wax seal", "saas", "seasonal"],
+    platforms: ["email"],
+    formats: ["email", "banner"],
+    useCases: ["sale", "newsletter", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Valentine email header", HEADER);
+    k.quantizeGeometry = true;
+    valentinesBrand(k, { offer: "Two for one,\nfor two." });
+    k.textStyle("Eyebrow 12", { size: 12, fontWeight: 700, letterSpacing: 2.4, lineHeight: 16, textCase: "UPPER" });
+    k.textStyle("Offer 40", { ...SERIF, size: 40, fontWeight: 900, letterSpacing: -1.2, lineHeight: 42 });
+    k.textStyle("Account 14", { size: 14, fontWeight: 500, lineHeight: 21 });
+    k.textStyle("Button 14", { size: 14, fontWeight: 800, lineHeight: 20 });
+    k.textStyle("Mark 30", { ...MONO, size: 30, fontWeight: 800, letterSpacing: 2, lineHeight: 36, textAlign: "CENTER" });
+    k.textStyle("Value 44", { ...SERIF, size: 44, fontWeight: 900, lineHeight: 46, textAlign: "CENTER" });
+    pill(k, "Button pill", { fill: "primary", ink: "onPrimary", style: "Button 14", label: "Invite a teammate", pad: [9, 20], radius: 5 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 9, { top: 24, right: 300, bottom: 24, left: 30 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
+    desk(k, sheet, { x: 0.74, y: 0.5 }, 0.6);
+    const st = stage(k, sheet, { ...STAGE, name: "Desk", absolute: { x: 0, y: 0 } });
+    const env = envelope(k, st, { x: 20, y: 110, w: 720, h: 480, tilt: -6, band: 30 });
+    stamp(k, env, { x: 330, y: 62, w: 150, style: "Value 44", value: "14", name: "First stamp", tilt: -3 });
+    stamp(k, env, { x: 500, y: 70, w: 150, style: "Value 44", value: "14", name: "Second stamp", tilt: 5, field: "inkRed" });
+    postmark(k, env, { x: 150, y: 96, size: 200, style: "Mark 30", tilt: -10, waves: 0 });
+    addressLines(k, env, { x: 90, y: 330, w: 330, gap: 44 });
+    waxSeal(k, st, { x: 500, y: 400, size: 230, tilt: -12 });
+    petals(k, st, [[40, 40, 80, 30], [650, 20, 70, -40], [300, 610, 76, 110], [0, 520, 60, -70]], { loopMs: DURATION });
+    fitStage(k, st, STAGE.w, STAGE.h, 0.4, 452, 150);
+    k.text(sheet, "Until 14 February", { style: "Eyebrow 12", color: "onPaper", name: "Eyebrow" });
+    k.text(sheet, "{{brand.offer}}", { style: "Offer 40", color: "text", name: "Offer" });
+    k.text(sheet, `Bring a teammate to {{brand.name}}: their seat is free for a year with code ${PIGEON.code}.`, { style: "Account 14", color: "onPaper", name: "Account" });
+    k.instance(sheet, "Button pill", { Label: "Invite a teammate" }, { name: "Button" });
+    k.cues(sheet, cues);
+    return k.finish();
+  }
+});
+
+export {
+  valentines_header_default
+};

package/dist/chunks/chunk-HL4M53ZR.js

@@ -0,0 +1,143 @@
+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 {
+  disc,
+  draw,
+  maple,
+  mapleVeins,
+  polyP,
+  rectPath,
+  redraw,
+  restyleAll,
+  scaleGaps
+} from "./chunk-AISWLDDO.js";
+import {
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  verticalPadding
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/holidays-thanksgiving-pie-orders-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Thanksgiving pie orders post";
+function pie(cx, cy, r) {
+  const crimp = polyP(Array.from({ length: 72 }, (_, i) => {
+    const a = i * Math.PI / 36, rr = r * (i % 2 ? 0.93 : 1);
+    return { x: cx + Math.cos(a) * rr, y: cy + Math.sin(a) * rr };
+  }));
+  const strips = [], under = [];
+  const inner = r * 0.8, sw = r * 0.11;
+  for (let i = -3; i <= 3; i++) {
+    const o = i * inner / 3.6, half = Math.sqrt(Math.max(0, inner * inner - o * o));
+    strips.push(rectPath(cx + o - sw / 2, cy - half, sw, half * 2));
+    under.push(rectPath(cx - half, cy + o - sw / 2, half * 2, sw));
+  }
+  const vents = [0, 1, 2, 3].map((i) => disc(cx + Math.cos(i * Math.PI / 2 + 0.78) * r * 0.42, cy + Math.sin(i * Math.PI / 2 + 0.78) * r * 0.42, r * 0.03));
+  return { tin: [disc(cx, cy, r * 1.08)], crust: [crimp], filling: [disc(cx, cy, inner)], under, strips, vents };
+}
+function art(w, h, safe = { top: 0, bottom: 0 }) {
+  const s = w / 1080, B = 0;
+  const clothTop = h - 230 * s - safe.bottom;
+  const checks = [], checks2 = [];
+  const sz = 46 * s;
+  for (let y = clothTop, row = 0; y < h + sz; y += sz, row++) for (let x = -B, col = 0; x < w + sz; x += sz, col++) {
+    if ((row + col) % 2 === 0) checks.push(rectPath(x, y, sz, sz));
+    if (row % 2 === 0 && col % 2 === 0) checks2.push(rectPath(x, y, sz, sz));
+  }
+  const p = pie(w - 250 * s, clothTop + 20 * s, 230 * s);
+  const leaves = [[0.06, 0.05, 80, 0.4], [0.88, 0.09, 140, -0.6], [0.76, 0.24, 96, 1.4], [0.95, 0.33, 110, 2.4], [0.8, 0.45, 84, -1], [0.93, 0.56, 70, 0.9], [0.74, 0.62, 56, 2], [0.42, 0.04, 54, -0.3]].map(([x, y, sz2, t]) => ({ m: maple(w * x, safe.top * 0.4 + h * y, sz2 * s, t), v: mapleVeins(w * x, safe.top * 0.4 + h * y, sz2 * s, t) }));
+  return [
+    { name: "Cloth", paths: checks, color: "gingham", o: { opacity: 0.55 } },
+    { name: "Cloth weave", paths: checks2, color: "gingham", o: { opacity: 0.5 } },
+    { name: "Pie shadow", paths: [disc(w - 236 * s, clothTop + 44 * s, 250 * s)], color: "shadow", o: { opacity: 0.25 } },
+    { name: "Pie tin", paths: p.tin, color: "tin" },
+    { name: "Pie crust", paths: p.crust, color: "crust" },
+    { name: "Pie filling", paths: p.filling, color: "filling" },
+    { name: "Lattice under", paths: p.under, color: "crustDeep" },
+    { name: "Lattice", paths: p.strips, color: "crust" },
+    { name: "Lattice edges", paths: p.strips, color: "crustDeep", o: { strokeWidth: 2 * s, opacity: 0.6 } },
+    ...leaves.map((l) => ({ name: "Leaf", paths: l.m, color: "rust" })),
+    ...leaves.map((l) => ({ name: "Leaf veins", paths: l.v, color: "rustDeep", o: { strokeWidth: 2 * s } }))
+  ];
+}
+var holidays_thanksgiving_pie_orders_post_default = defineTemplate({
+  id: "social-holidays-thanksgiving-pie-orders-post",
+  meta: {
+    name: NAME,
+    description: "A neighbourhood bakery\u2019s Thanksgiving pie-order post in a warm retro style: a lattice pie from above on a gingham cloth, maple leaves blowing across a mustard ground, \u201CPie orders close Sunday\u201D in a heavy serif, four pies with prices and the pick-up day. 4:5 for the feed and 9:16 for stories",
+    category: "social",
+    tags: ["thanksgiving", "bakery", "pie", "pre-order", "pumpkin pie", "small business", "autumn", "fall", "retro", "gingham", "instagram", "story", "post"],
+    platforms: ["instagram", "facebook"],
+    formats: ["portrait-post", "story"],
+    useCases: ["sale", "announcement"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("ig-portrait"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#E9B44C", text: "#3A1F10", onPaper: "#8A3412", primary: "#9C3D17", onPrimary: "#FFF6E5", line: "#C98F2C" },
+      { name: "Rise & Shine Bakery", site: "riseandshinebakes.com" }
+    );
+    k.palette({ gingham: "#B5442A", tin: "#B9B3A8", crust: "#F3C77A", crustDeep: "#C98A3A", filling: "#A94A1E", shadow: "#5E3518", rust: "#B4512A", rustDeep: "#7E3216" });
+    k.textStyle("Kicker 26", { size: 26, fontWeight: 800, letterSpacing: 5, lineHeight: 34 });
+    k.textStyle("Title 100", { ...SERIF, size: 100, fontWeight: 800, letterSpacing: -2.6, lineHeight: 96 });
+    k.textStyle("Pie 32", { ...SERIF, size: 32, fontWeight: 600, lineHeight: 40 });
+    k.textStyle("Price 32", { size: 32, fontWeight: 800, lineHeight: 40, fontFeatures: { tnum: 1 } });
+    k.textStyle("Body 27", { size: 27, fontWeight: 500, lineHeight: 36 });
+    k.component("Pie line", { direction: "HORIZONTAL", gap: 20, width: 620, justify: "SPACE_BETWEEN", padding: { top: 10, right: 0, bottom: 10, left: 0 }, props: { Pie: "Pie", Price: "$0" } }, (id) => {
+      k.propText(id, "Pie", { style: "Pie 32", color: "text", autoWidth: true, name: "Pie name" });
+      k.propText(id, "Price", { style: "Price 32", color: "onPaper", autoWidth: true, name: "Pie price" });
+    });
+    const sheet = k.sheet;
+    const { width: W, height: H } = k.node(sheet);
+    k.flowSheet(sheet, 0, { top: 150, right: 376, bottom: 260, left: 84 }, "paper", "MIN", "MIN");
+    draw(k, sheet, art(W, H));
+    k.text(sheet, "THANKSGIVING PIES", { style: "Kicker 26", color: "onPaper", width: "FILL", name: "Kicker" });
+    k.stack(sheet, { height: 16, name: "Gap" });
+    k.text(sheet, "Pie orders close Sunday", { style: "Title 100", color: "text", width: "FILL", name: "Title" });
+    k.stack(sheet, { height: 28, name: "Gap" });
+    const list = k.stack(sheet, { width: 620, name: "Pies" });
+    for (const [i, [n, p]] of [["Classic pumpkin", "$28"], ["Apple crumble", "$30"], ["Bourbon pecan", "$34"], ["Sweet potato", "$28"]].entries()) {
+      k.instance(list, "Pie line", { Pie: n, Price: p }, { name: "Pie line", width: "FILL" });
+      if (i < 3) k.rect(list, "FILL", 2, "line", { name: "Rule" });
+    }
+    k.stack(sheet, { height: 24, name: "Gap" });
+    k.text(sheet, "Order by Sunday 22 November, pick up Wednesday 25th, 7 am \u2013 6 pm. {{brand.site}}", { style: "Body 27", color: "text", width: "FILL", name: "Body" });
+    k.textStyle("Title 112", { ...SERIF, size: 112, fontWeight: 800, letterSpacing: -3, lineHeight: 106 });
+    const story = {
+      preset: "ig-story",
+      adjust: (kit, id) => {
+        const { width: w, height: h } = kit.node(id);
+        const safe = verticalPadding(84);
+        redraw(kit, id, art(w, h, { top: safe.top - 84, bottom: 0 }));
+        kit.patch(id, { padding: { top: safe.top + 120, right: w - safe.left - 620, bottom: safe.bottom, left: safe.left } });
+        restyleAll(kit, id, [["Title", "Title 112"]]);
+        scaleGaps(kit, id, 1.3);
+      }
+    };
+    k.variants(sheet, [story]);
+    return k.finish();
+  }
+});
+
+export {
+  holidays_thanksgiving_pie_orders_post_default
+};

package/dist/chunks/chunk-HMDWUWJW.js

@@ -0,0 +1,101 @@
+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 {
+  burst,
+  clearConfetti,
+  confetti,
+  newYearBrand,
+  nightCity,
+  tower,
+  towerHeight
+} from "./chunk-DZB4BJS5.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/new-year-link-preview.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var TOWER = {
+  w: 520,
+  u: 0.7,
+  mastRise: 70,
+  boards: [
+    { name: "Shipped", figure: "214", label: "features shipped" },
+    { name: "Uptime", figure: "99.98%", label: "uptime, all year" },
+    { name: "Hours", figure: "1,260,000", label: "hours handed back" }
+  ],
+  boardH: 82,
+  gap: 9,
+  signH: 118,
+  ball: 112,
+  figW: 204,
+  styles: { figure: "Figure 40", label: "Label 17", year: "Year 80", lastYear: "Last year 32", signLabel: "Sign label 16" }
+};
+var new_year_link_preview_default = defineTemplate({
+  id: "social-new-year-link-preview",
+  meta: {
+    name: "New Year ball-drop link preview",
+    description: "A 1200 \xD7 630 link preview for a year in review or a New Year offer: the promise in a heavy serif, the year in one mono line and the offer as a seal, beside a ball-drop tower of lit sign boards with the year\u2019s figures, the old year struck out and the new one lit, under rockets and confetti",
+    category: "social",
+    tags: ["new year", "link preview", "open graph", "og image", "year in review", "ball drop", "confetti", "fireworks", "stats", "saas", "seasonal", "serif"],
+    platforms: ["web", "x", "linkedin", "facebook"],
+    formats: ["og-image"],
+    useCases: ["stats", "sale", "milestone"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("New Year ball-drop link preview", preset("og-image"));
+    k.quantizeGeometry = true;
+    newYearBrand(k, { tagline: "New year, new stack." });
+    k.textStyle("Eyebrow 20", { size: 20, fontWeight: 700, letterSpacing: 4, lineHeight: 28, textCase: "UPPER" });
+    k.textStyle("Display 88", { ...SERIF, size: 88, fontWeight: 900, letterSpacing: -3, lineHeight: 86 });
+    k.textStyle("Facts 20", { ...MONO, size: 20, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Seal 20", { size: 20, fontWeight: 800, lineHeight: 26 });
+    k.textStyle("Figure 40", { ...MONO, size: 40, fontWeight: 800, letterSpacing: -1.3, lineHeight: 46 });
+    k.textStyle("Label 17", { size: 17, fontWeight: 600, lineHeight: 21 });
+    k.textStyle("Year 80", { ...SERIF, size: 80, fontWeight: 900, letterSpacing: -2.2, lineHeight: 80 });
+    k.textStyle("Last year 32", { ...SERIF, size: 32, fontWeight: 700, letterSpacing: -0.6, lineHeight: 36 });
+    k.textStyle("Sign label 16", { size: 16, fontWeight: 700, letterSpacing: 2, lineHeight: 20, textCase: "UPPER" });
+    pill(k, "Seal", { fill: "primary", ink: "onPrimary", style: "Seal 20", label: "2 months free on annual until midnight, 1 January", pad: [10, 20], radius: 6 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 20, { top: 60, right: 600, bottom: 120, left: 68 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    nightCity(k, sheet, { w: 1200, h: 630, horizon: 560, u: 0.7, starsTop: 12, loopMs: 6e3, rise: 0.5 }, { still: true });
+    burst(k, sheet, { cx: 1060, cy: 100, r: 110, u: 0.7 });
+    burst(k, sheet, { cx: 770, cy: 70, r: 70, u: 0.7, role: "rose" });
+    burst(k, sheet, { cx: 560, cy: 110, r: 56, u: 0.7, role: "ice" });
+    burst(k, sheet, { cx: 930, cy: 40, r: 44, u: 0.7, role: "goldPale" });
+    confetti(k, sheet, { w: 1200, h: 630, n: 56, u: 0.72, still: true, seed: 9 });
+    tower(k, sheet, TOWER, { absolute: { x: 636, y: 560 - towerHeight(TOWER) + 26 } });
+    k.text(sheet, "{{brand.name}} \xB7 {{brand.lastYear}} in review", { style: "Eyebrow 20", color: "onPaper", name: "Eyebrow" });
+    k.text(sheet, "{{brand.tagline}}", { style: "Display 88", color: "text", name: "Headline" });
+    k.text(sheet, "214 features. 99.98% uptime. 1.26M hours handed back.", { style: "Facts 20", color: "onPaper", name: "Facts" });
+    k.instance(sheet, "Seal", { Label: "2 months free on annual until midnight, 1 January" }, { name: "Seal" });
+    clearConfetti(k, sheet, ["Eyebrow", "Headline", "Facts", "Seal", "Tower"], { pad: 14 });
+    return k.finish();
+  }
+});
+
+export {
+  new_year_link_preview_default
+};

package/dist/chunks/chunk-HMGAJTTK.js

@@ -0,0 +1,74 @@
+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 {
+  lockup,
+  stingVariants
+} from "./chunk-TKRFY54G.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  hex,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  ease
+} from "./chunk-6DWY3DOQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/stings/sting-shimmer.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var cues = [
+  { layer: "Mark", preset: "scale-in", at: 0, params: { duration: 700, amount: 0.7 } },
+  { layer: "Wordmark", preset: "fade-in", at: 500, params: { duration: 700 } },
+  { layer: "Tagline", preset: "rise-in", at: 900 }
+];
+var SHIMMER = { from: 1400, to: 2400, start: [0, 0.1, 0.2], end: [0.8, 0.9, 1], glint: 0.7 };
+var sting_shimmer_default = defineTemplate({
+  id: "motion-sting-shimmer",
+  meta: {
+    name: "Logo sting \u2014 shimmer",
+    description: "A 4-second logo sting: the tile scales up and a band of light sweeps across it (keyed gradient stops) as the name fades in \u2014 square, 16:9 and 9:16",
+    category: "animation",
+    tags: ["animation", "logo", "sting", "intro", "brand", "shimmer", "gradient"],
+    platforms: ["youtube", "instagram", "tiktok", "linkedin"],
+    formats: ["logo-sting", "intro", "video", "post", "story"],
+    useCases: ["brand-intro", "launch"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues },
+  build() {
+    const k = new Kit("Logo sting \u2014 shimmer", preset("video-square"));
+    k.brand({ paper: "#14110B", text: "#F5E9C8", onPaper: "#C9B98F", primary: "#B8892B" }, { name: "Aurum", tagline: "Jewellery made to be handed down" });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 40, 120, "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: 4e3, fps: 30 });
+    const { mark } = lockup(k, sheet, { ownTile: true });
+    k.patch(mark, { clipsContent: true });
+    const size = 220 + 2 * Math.round(220 * 0.2);
+    const clear = hex("#FFFFFF", 0), light = hex("#FFFFFF", SHIMMER.glint);
+    const band = { type: "GRADIENT_LINEAR", opacity: 1, visible: true, gradientStops: [{ position: SHIMMER.start[0], color: clear }, { position: SHIMMER.start[1], color: light }, { position: SHIMMER.start[2], color: clear }], gradientHandlePositions: [{ x: 0, y: 0.2 }, { x: 1, y: 0.8 }, { x: 0.2, y: 1 }] };
+    const glint = k.stack(mark, { width: size, height: size, fill: [band], radius: Math.round(220 * 0.28), name: "Glint", absolute: { x: 0, y: 0 } });
+    k.patch(glint, { opacity: 0 });
+    const { from, to } = SHIMMER;
+    SHIMMER.start.forEach((p, i) => k.animate(glint, `fills[#0].gradientStops[#${i}].position`, [{ t: from, v: p, ease: ease.inOut("sine") }, { t: to, v: SHIMMER.end[i] }]));
+    k.animate(glint, "opacity", [{ t: from - 150, v: 0, ease: ease.linear }, { t: from, v: 1, ease: ease.linear }, { t: to, v: 1, ease: ease.linear }, { t: to + 150, v: 0 }]);
+    k.cues(sheet, cues);
+    k.variants(sheet, stingVariants());
+    return k.finish();
+  }
+});
+
+export {
+  SHIMMER,
+  sting_shimmer_default
+};

package/dist/chunks/chunk-HN5S47VT.js

@@ -0,0 +1,74 @@
+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 {
+  outro,
+  pill,
+  postVariants
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/post-sale.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var CONTENT = ["Tag", "Offer panel", "What", "Until"];
+var cues = [
+  { layer: "Tag", preset: "drop-in", at: 100 },
+  { layer: "Offer panel", preset: "scale-in", at: 250, params: { duration: 700, ease: { kind: "ease", name: "back-out", param: 1.4 }, amount: 0.3 } },
+  { layer: ["What", "Until"], preset: "rise-in", at: 800, stagger: { delay: 150 } },
+  { layer: "Offer", preset: "pulse", at: 2300, params: { amount: 0.06 } },
+  outro(CONTENT, 4900)
+];
+var post_sale_default = defineTemplate({
+  id: "motion-social-sale",
+  meta: {
+    name: "Sale post (animated)",
+    description: "The sale post in motion: the offer panel scales up with a little overshoot and swells, then what it covers and when it ends rise in \u2014 six seconds, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "sale", "offer", "instagram", "post", "retail", "weekend"],
+    platforms: ["instagram", "facebook", "pinterest", "threads"],
+    formats: ["post", "portrait-post", "story", "ad"],
+    useCases: ["sale"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Sale post (animated)", preset("ig-post"));
+    k.brand(
+      { paper: "#F1F5EC", text: "#1D2B1F", onPaper: "#4E5E4F", primary: "#2F5D3A", onPrimary: "#FFFFFF", accent: "#F7B267", onAccent: "#1D2B1F" },
+      { offer: "Buy 2, get 1 free", what: "Every houseplant in a 4\u20136 inch pot", until: "This weekend only \xB7 Saturday and Sunday, 9 am \u2013 5 pm" }
+    );
+    k.textStyle("Offer 124", { size: 124, fontWeight: 900, letterSpacing: -4, lineHeight: 124, textAlign: "CENTER" });
+    k.textStyle("What 48", { size: 48, fontWeight: 800, letterSpacing: -1, lineHeight: 56, textAlign: "CENTER" });
+    k.textStyle("Until 32", { size: 32, fontWeight: 500, lineHeight: 42, textAlign: "CENTER" });
+    k.textStyle("Tag 26", { size: 26, fontWeight: 800, letterSpacing: 3, lineHeight: 32 });
+    pill(k, "Tag pill", { fill: "accent", ink: "onAccent", style: "Tag 26", label: "WEEKEND SALE" });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 32, 80, "paper", "CENTER", "CENTER");
+    k.timeline(sheet, { duration: 6e3, fps: 30 });
+    k.instance(sheet, "Tag pill", { Label: "WEEKEND SALE" }, { name: "Tag" });
+    const panel = k.stack(sheet, { fill: "primary", radius: 44, align: "CENTER", padding: { top: 44, right: 40, bottom: 52, left: 40 }, name: "Offer panel" });
+    k.text(panel, "{{brand.offer}}", { style: "Offer 124", color: "onPrimary", name: "Offer" });
+    k.text(sheet, "{{brand.what}}", { style: "What 48", color: "text", name: "What" });
+    k.text(sheet, "{{brand.until}}", { style: "Until 32", color: "onPaper", name: "Until" });
+    k.cues(sheet, cues);
+    k.variants(sheet, postVariants({ portrait: 88 }));
+    return k.finish();
+  }
+});
+
+export {
+  post_sale_default
+};