@popcraft/kit 0.53.6 → 0.53.8

package/dist/chunks/chunk-WZYOBAKF.js

@@ -0,0 +1,164 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  blindsWindow,
+  castLight,
+  fitCastLight,
+  fitWindow,
+  noirBrand,
+  stamp
+} from "./chunk-77N6RFED.js";
+import {
+  fitRain,
+  rain
+} from "./chunk-BNSR5M6U.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-AXAAXHZF.js";
+import {
+  captionSwap
+} from "./chunk-3YQOE5KZ.js";
+import {
+  bed
+} from "./chunk-KHGNV7UQ.js";
+import {
+  hide
+} from "./chunk-LWSZATOL.js";
+import {
+  feedVariants,
+  pill,
+  verticalPadding
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-RCJYCZMT.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PN2PTI35.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/motion/noir-case-reel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var MUSIC = bed("noirJazz", 18);
+var DURATION = MUSIC.duration;
+var beat = MUSIC.beat;
+var swaps = [
+  captionSwap(["It left quietly. Nobody saw it.", "Gumshoe read every invoice since January.", "214 renewals failed. Nobody retried them.", "Recovered by Friday. The case: closed."], beat(2), DURATION, { stagger: 50, in: 350, out: 250, rise: 28 })
+];
+var counts = [
+  { layer: "Figure", at: beat(9), duration: beat(3), counter: { from: 0, to: 41200, prefix: "$", separator: "," } }
+];
+var cues = [
+  { layer: "Hook", preset: "typewriter", at: 0, params: { duration: 900 } },
+  { layer: "Docket", preset: "fade-in", at: 0, params: { duration: 500 } },
+  { layer: "Cast light", preset: "fade-in", at: 200, params: { duration: 1400 } },
+  { layer: "Window", preset: "fade-in", at: beat(1), params: { duration: 1100 } },
+  { layer: "Ledger", preset: "rise-in", at: beat(4), params: { duration: 700 } },
+  { layer: "Recovered", preset: "fade-in", at: beat(8), params: { duration: 500 } },
+  { layer: "Stamp", preset: "pop-in", at: beat(12), params: { duration: 320, amount: 0.5 } },
+  { layer: "Window", preset: "shake", at: beat(12) + 120, params: { duration: 420, distance: 14 } },
+  { layer: "Call", preset: "rise-in", at: beat(14), params: { duration: 600 } },
+  { layer: "Site", preset: "fade-in", at: beat(15), params: { duration: 600 } },
+  { layer: "Call", preset: "pulse", at: beat(16), params: { duration: 700, amount: 0.05 } }
+];
+var noir_case_reel_default = defineTemplate({
+  id: "motion-noir-case-reel",
+  meta: {
+    name: "Noir case reel",
+    description: "A 12-second launch reel as a film-noir case: the missing money is typed on in the first second, a rainy office window with a man in a hat comes out of the dark behind venetian blinds, a hard-boiled voice-over runs as burned-in captions, the recovered figure counts up and CASE CLOSED is stamped across the glass, over brushes, a walking bass and a muted trumpet (made by PopCraft, CC0) \u2014 9:16 with 1:1 and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "noir", "film noir", "detective", "venetian blinds", "rain", "black and white", "launch", "saas", "reel", "captions", "music", "jazz", "audio", "typewriter"],
+    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
+    formats: ["reel", "short", "story", "post", "portrait-post"],
+    useCases: ["launch", "announcement", "stats"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, swaps },
+  build() {
+    const k = new Kit("Noir case reel", preset("ig-story"));
+    k.quantizeGeometry = true;
+    noirBrand(k, { hook: "$41,200 walked out last\xA0month." });
+    k.textStyle("Docket 22", { ...MONO, size: 22, fontWeight: 700, letterSpacing: 3, lineHeight: 28, textCase: "UPPER" });
+    k.textStyle("Display 92", { ...SERIF, size: 92, fontWeight: 900, letterSpacing: -2.6, lineHeight: 94 });
+    k.textStyle("Display 68", { ...SERIF, size: 68, fontWeight: 900, letterSpacing: -1.8, lineHeight: 70 });
+    k.textStyle("Caption 40", { ...SERIF, size: 40, fontStyle: "italic", fontWeight: 500, lineHeight: 50 });
+    k.textStyle("Caption 30", { ...SERIF, size: 30, fontStyle: "italic", fontWeight: 500, lineHeight: 38 });
+    k.textStyle("Figure 104", { ...MONO, size: 104, fontWeight: 800, letterSpacing: -4, lineHeight: 104 });
+    k.textStyle("Figure 76", { ...MONO, size: 76, fontWeight: 800, letterSpacing: -3, lineHeight: 76 });
+    k.textStyle("Stamp 54", { size: 54, fontWeight: 900, letterSpacing: 4, lineHeight: 58, textCase: "UPPER" });
+    k.textStyle("Button 30", { size: 30, fontWeight: 800, lineHeight: 38 });
+    k.textStyle("Site 24", { ...MONO, size: 24, fontWeight: 600, lineHeight: 32 });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 30", label: "Open your first case", pad: [20, 34], radius: 4 });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Case reel");
+    k.flowSheet(sheet, 30, verticalPadding(), "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
+    castLight(k, sheet, 1080, 1920, { bars: 11, opacity: 0.075 });
+    rain(k, sheet, 1080, 1920, { color: "text", opacity: 0.07, rate: 640, seed: 41, count: 26, len: 52, name: "Room rain" });
+    const ledger = k.stack(sheet, { width: 760, gap: 16, fill: "card", radius: 2, padding: { top: 26, right: 30, bottom: 30, left: 30 }, absolute: { x: 96, y: 1552 }, name: "Ledger" });
+    k.rect(ledger, 300, 14, "onCard", { name: "Ledger head" });
+    k.rect(ledger, "FILL", 2, "onCard", { name: "Ledger rule" });
+    for (const [label, value, ringed] of [[230, 120, false], [270, 60, false], [140, 30, false], [190, 130, true]]) {
+      const line = k.stack(ledger, { direction: "HORIZONTAL", gap: 0, align: "CENTER", name: "Ledger line" });
+      const lab = k.stack(line, { width: 330, name: "Ledger label" });
+      k.rect(lab, label, 10, "onCard", { name: "Typed bar", opacity: 0.7 });
+      k.rect(line, value, 10, ringed ? "primary" : "onCard", { name: "Typed bar", opacity: ringed ? 1 : 0.7 });
+    }
+    k.patch(ledger, { rotation: -3 });
+    const docket = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Docket" });
+    k.text(docket, "Case no. 0417", { style: "Docket 22", color: "onPaper", autoWidth: true, name: "Docket case" });
+    k.text(docket, "{{brand.name}} \xB7 2:14 a.m.", { style: "Docket 22", color: "onPaper", autoWidth: true, name: "Docket hour" });
+    k.text(sheet, "{{brand.hook}}", { style: "Display 92", color: "text", name: "Hook" });
+    const w = k.node(sheet).width - 2 * verticalPadding().left;
+    const win = blindsWindow(k, sheet, w, 540, { rate: 480, slats: 13 });
+    stamp(k, win, "Case closed", { style: "Stamp 54", solid: true, turn: -7, absolute: { x: 40, y: 250 } });
+    k.text(sheet, swaps[0].words[0], { style: "Caption 40", color: "text", name: "Caption" });
+    const found = k.stack(sheet, { gap: 6, name: "Recovered" });
+    k.text(found, "Recovered in 11 days", { style: "Docket 22", color: "onPaper", name: "Figure label" });
+    k.text(found, "$41,200", { style: "Figure 104", color: "text", name: "Figure" });
+    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, align: "CENTER", name: "Foot" });
+    k.instance(foot, "Button", { Label: "Open your first case" }, { name: "Call" });
+    k.text(foot, "{{brand.site}}", { style: "Site 24", color: "onPaper", autoWidth: true, name: "Site" });
+    k.counts(sheet, counts);
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    const refit = (kit, id, width, height, stampAt) => {
+      fitWindow(kit, id, width, height, { slats: Math.round(height / 42) });
+      for (const st of kit.named(id, "Stamp")) kit.patch(st, stampAt);
+      fitCastLight(kit, id, { bars: 11 });
+      fitRain(kit, id, { name: "Room rain", seed: 41, count: 26, len: 52 });
+    };
+    k.variants(sheet, feedVariants({ post: 56, portrait: 64 }, {
+      post: (kit, id) => {
+        hide(kit, id, ["Ledger"]);
+        kit.patch(id, { itemSpacing: 18, counterAxisSpacing: 18 });
+        for (const h of kit.named(id, "Hook")) kit.restyle(h, "Display 68");
+        for (const c of kit.named(id, "Caption")) kit.restyle(c, "Caption 30");
+        for (const f of kit.named(id, "Figure")) kit.restyle(f, "Figure 76");
+        refit(kit, id, 968, 430, { x: 40, y: 190 });
+      },
+      portrait: (kit, id) => {
+        hide(kit, id, ["Ledger"]);
+        for (const h of kit.named(id, "Hook")) kit.restyle(h, "Display 68");
+        refit(kit, id, 952, 520, { x: 40, y: 240 });
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  noir_case_reel_default
+};

package/dist/chunks/chunk-WZZIFINI.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 {
+  summer_heatwave_landing_default
+} from "./chunk-NRJSKCS2.js";
+import {
+  summer_heatwave_link_preview_default
+} from "./chunk-XB6BHDRK.js";
+import {
+  summer_heatwave_lolly_post_default
+} from "./chunk-CM7R4XUW.js";
+import {
+  summer_heatwave_lido_reel_default
+} from "./chunk-DGVSHODN.js";
+import {
+  summer_heatwave_header_default
+} from "./chunk-IDYKUYIG.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/themes/summer-heatwave.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [summer_heatwave_lido_reel_default, summer_heatwave_landing_default, summer_heatwave_lolly_post_default, summer_heatwave_header_default, summer_heatwave_link_preview_default];
+var summer_heatwave_default = pack;
+
+export {
+  summer_heatwave_default
+};

package/dist/chunks/chunk-X2SEPJLV.js

@@ -0,0 +1,23 @@
+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 {
+  BLUE_HOUR
+} from "./chunk-ZPZPDMGT.js";
+import {
+  countdownStory
+} from "./chunk-JRBSHUCQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/motion/festival-presale-jazz-countdown.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var festival_presale_jazz_countdown_default = countdownStory(BLUE_HOUR);
+
+export {
+  festival_presale_jazz_countdown_default
+};

package/dist/chunks/chunk-X2YNETIB.js

@@ -0,0 +1,127 @@
+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 {
+  LOGO_PLACEHOLDERS
+} from "./chunk-PN2PTI35.js";
+import {
+  settlePayload
+} from "./chunk-JSTIX5CV.js";
+import {
+  createFrame,
+  createGroup,
+  createRectangle,
+  init_scene_graph
+} from "./chunk-OVUOQJPW.js";
+import {
+  createSolidPaint,
+  init_types
+} from "./chunk-ALV6EOJF.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/migrations/brand-media.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+init_scene_graph();
+init_types();
+var INSERTS = {
+  "popcraft.print-letterhead-classic": [{ kind: "logo-beside", path: ["Furniture", "Header", "Text"], side: "before", size: 32, gap: 12 }],
+  "popcraft.web-landing": [{ kind: "logo-beside", path: ["Nav", "Text"], side: "before", size: 32, gap: 12 }],
+  "popcraft.print-menu-lunch": [{ kind: "logo", path: ["Header"], index: 0, size: 56 }],
+  "popcraft.print-poster-event": [{ kind: "logo", path: ["Background", "Footer"], index: 1, size: 88 }],
+  "popcraft.print-business-card-bold": [{ kind: "logo", path: ["Layout", "Band"], index: 1, size: 40 }],
+  "popcraft.social-announcement": [{ kind: "logo-beside", path: ["Badge"], side: "after", size: 72, gap: 24, spread: true }],
+  "popcraft.social-event": [{ kind: "logo-beside", path: ["Badge"], side: "after", size: 72, gap: 24, spread: true }],
+  "popcraft.social-product": [{ kind: "photo", path: ["Art"], ground: "accent" }]
+};
+function find(nodes, rootId, path) {
+  let cur = nodes[rootId];
+  for (const name of path) cur = cur?.childIds.map((id) => nodes[id]).find((n) => n?.name === name);
+  return cur;
+}
+var inside = (nodes, rootId, test) => {
+  const n = nodes[rootId];
+  return !!n && (test(n) || n.childIds.some((c) => inside(nodes, c, test)));
+};
+var add = (nodes, node, parentId, index) => {
+  nodes[node.id] = { ...node, parentId };
+  const parent = nodes[parentId];
+  const kids = [...parent.childIds];
+  kids.splice(Math.min(index, kids.length), 0, node.id);
+  nodes[parentId] = { ...parent, childIds: kids };
+};
+function logo(id, size) {
+  const base = createRectangle({ id, name: "{{brand.logo}}", x: 0, y: 0, width: size, height: size, fills: [], strokes: [], layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED" });
+  return { ...base, type: "IMAGE", imageUrl: LOGO_PLACEHOLDERS.tile, scaleMode: "FIT" };
+}
+var brandMedia = {
+  id: "brand-media",
+  description: "brand logo layers and photo frames where the designs have a place for them",
+  apply(t) {
+    const specs = INSERTS[t.meta.id];
+    if (!specs) return t;
+    const nodes = { ...t.payload.nodes };
+    const vars = t.payload.variables ?? {};
+    const sheets = (t.payload.pages ?? []).flatMap((p) => p.rootIds).filter((id) => nodes[id]?.type === "FRAME");
+    let changed = false;
+    for (const sheetId of sheets) for (const spec of specs) {
+      const target = find(nodes, sheetId, spec.path);
+      if (!target?.parentId) continue;
+      if (spec.kind === "photo") {
+        if (inside(nodes, target.id, (n) => !!n.isPhotoFrame)) continue;
+        const ground = Object.values(vars).find((v) => v.name === `brand/${spec.ground}`);
+        if (!ground) continue;
+        const color = Object.values(ground.valuesByMode)[0];
+        const fill = () => [{ ...createSolidPaint(color), boundVariables: { color: ground.id } }];
+        const group = { ...createGroup([]), id: `${target.id}-photo`, name: "Photo frame", x: 0, y: 0, width: target.width, height: target.height, isMaskGroup: true, isPhotoFrame: true, layoutPositioning: "ABSOLUTE" };
+        add(nodes, group, target.id, 0);
+        add(nodes, createRectangle({ id: `${group.id}-mask`, name: "Mask", x: 0, y: 0, width: target.width, height: target.height, fills: fill(), strokes: [], isMask: true, maskType: "ALPHA", layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED" }), group.id, 0);
+        add(nodes, createRectangle({ id: `${group.id}-art`, name: "Photo", x: 0, y: 0, width: target.width, height: target.height, fills: fill(), strokes: [], layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED" }), group.id, 1);
+        changed = true;
+        continue;
+      }
+      const holder = spec.kind === "logo" ? target : nodes[target.parentId];
+      if (inside(nodes, holder.id, (n) => n.name === "{{brand.logo}}")) continue;
+      if (spec.kind === "logo") {
+        add(nodes, logo(`${target.id}-logo`, spec.size), target.id, spec.index);
+        changed = true;
+        continue;
+      }
+      const parent = nodes[target.parentId];
+      const at = parent.childIds.indexOf(target.id);
+      const row = createFrame({
+        id: `${target.id}-row`,
+        name: "Lockup",
+        x: target.x,
+        y: target.y,
+        width: spec.spread ? parent.width - (parent.padding?.left ?? 0) - (parent.padding?.right ?? 0) : 1,
+        height: Math.max(target.height, spec.size),
+        fills: [],
+        strokes: [],
+        clipsContent: false,
+        layoutMode: "HORIZONTAL",
+        itemSpacing: spec.gap,
+        counterAxisSpacing: 0,
+        padding: { top: 0, right: 0, bottom: 0, left: 0 },
+        primaryAxisAlignItems: spec.spread ? "SPACE_BETWEEN" : "MIN",
+        counterAxisAlignItems: "CENTER",
+        layoutSizingHorizontal: spec.spread ? "FILL" : "HUG",
+        layoutSizingVertical: "HUG"
+      });
+      nodes[target.parentId] = { ...parent, childIds: parent.childIds.filter((id) => id !== target.id) };
+      add(nodes, { ...row, childIds: [] }, parent.id, at);
+      add(nodes, { ...target, x: 0, y: 0 }, row.id, 0);
+      add(nodes, logo(`${target.id}-logo`, spec.size), row.id, spec.side === "before" ? 0 : 1);
+      changed = true;
+    }
+    return changed ? { ...t, payload: settlePayload({ ...t.payload, nodes }) } : t;
+  }
+};
+
+export {
+  brandMedia
+};

package/dist/chunks/chunk-X7CK6A7S.js

@@ -0,0 +1,41 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  defineDeck
+} from "./chunk-7F7S2HJO.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/slides/webinar.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var webinar_default = defineDeck({
+  id: "slides-webinar",
+  meta: {
+    name: "Webinar deck",
+    description: "A bright deck built to be read over a video call \u2014 the agenda builds point by point on click",
+    category: "presentation",
+    tags: ["webinar", "talk", "deck", "builds"],
+    platforms: ["slides"],
+    formats: ["slide-deck"],
+    useCases: ["livestream", "education"],
+    created: "2026-09-23",
+    updated: "2026-09-29"
+  },
+  colors: { primary: "#312E81", onPrimary: "#FFFFFF", accent: "#B45309", onAccent: "#FFFFFF", paper: "#FFFFFF", text: "#312E81", onPaper: "#4F46E5" },
+  fields: { company: "Brightside", title: "Auto layout, properly", lead: "Forty minutes, no slides about slides" },
+  slides: [
+    { kind: "title", name: "Title slide", kicker: "LIVE SESSION", title: "{{brand.title}}", lead: "{{brand.lead}}" },
+    { kind: "points", name: "We will cover", heading: "We will cover", points: ["Hug, fill and fixed \u2014 and when each is wrong", "Nesting without building a matryoshka", "The three constraints that replace fifty frames"] },
+    { kind: "stats", name: "Format", heading: "Format", stats: [{ figure: "40", label: "minutes" }, { figure: "3", label: "live rebuilds" }, { figure: "\u221E", label: "questions" }] },
+    { kind: "closing", name: "Closing", title: "Thanks for coming.", line: "{{brand.company}}", ground: "accent" }
+  ]
+});
+
+export {
+  webinar_default
+};

package/dist/chunks/chunk-XB53KT75.js

@@ -0,0 +1,53 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  STOREFRONT_TARGET_IDS
+} from "./chunk-KATP7TSA.js";
+import {
+  isNode3D,
+  lottieSupport
+} from "./chunk-WDTDXX5I.js";
+import {
+  facetsOf
+} from "./chunk-YAKKNMNR.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// lib/templates/capabilities.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function firstComposition(t) {
+  const roots = new Set(t.payload.variants[0].rootIds);
+  return Object.values(t.payload.compositions ?? {}).find((c) => c.clips.length && roots.has(c.clips[0].frameId));
+}
+function templateCapabilities(t) {
+  const out = {};
+  if (Object.values(t.payload.nodes).some((n) => n && isNode3D(n))) out.threeD = true;
+  if (Object.values(t.payload.collections ?? {}).some((c) => c.schema === "commerce.product")) out.storefronts = [...STOREFRONT_TARGET_IDS];
+  if (t.meta.animated) {
+    const comp = firstComposition(t);
+    const frameId = t.payload.variants[0]?.rootIds[0];
+    const target = comp ? { kind: "composition", compositionId: comp.id } : frameId ? { kind: "frame", frameId } : null;
+    if (target && lottieSupport({ nodes: t.payload.nodes, compositions: t.payload.compositions }, target).ok) out.lottie = true;
+  }
+  return out;
+}
+function storedFacets(t) {
+  let caps = {};
+  try {
+    caps = templateCapabilities(t);
+  } catch {
+    caps = {};
+  }
+  return { ...facetsOf({ ...t.meta, lottie: void 0, threeD: void 0, storefronts: void 0 }), ...caps };
+}
+
+export {
+  firstComposition,
+  templateCapabilities,
+  storedFacets
+};

package/dist/chunks/chunk-XB6BHDRK.js

@@ -0,0 +1,93 @@
+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 {
+  deck,
+  heatBrand,
+  parasols,
+  pool
+} from "./chunk-JPVYQOQU.js";
+import {
+  MONO
+} from "./chunk-AXAAXHZF.js";
+import {
+  pill
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-RCJYCZMT.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PN2PTI35.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/social/summer-heatwave-link-preview.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var summer_heatwave_link_preview_default = defineTemplate({
+  id: "social-summer-heatwave-link-preview",
+  meta: {
+    name: "Summer heatwave link preview",
+    description: "A 1200 \xD7 630 link preview for a summer campaign: \u201CGone swimming. App\u2019s fine.\u201D in heavy capitals, the product in two mono lines and the summer pass as a seal, beside a lido seen from above at noon where the product\u2019s jobs swim lengths in named lanes \u2014 hot sand, pool water, parasols and hard shadows",
+    category: "social",
+    tags: ["summer", "heatwave", "lido", "pool", "link preview", "open graph", "og image", "out of office", "summer sale", "saas", "seasonal"],
+    platforms: ["web", "x", "linkedin", "facebook"],
+    formats: ["og-image"],
+    useCases: ["sale", "launch", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit("Summer heatwave link preview", preset("og-image"));
+    k.quantizeGeometry = true;
+    heatBrand(k, { tagline: "Gone swimming. App\u2019s fine." });
+    k.textStyle("Eyebrow 20", { size: 20, fontWeight: 800, letterSpacing: 4, lineHeight: 28, textCase: "UPPER" });
+    k.textStyle("Display 92", { size: 92, fontWeight: 900, letterSpacing: -4, lineHeight: 82, textCase: "UPPER" });
+    k.textStyle("Facts 20", { ...MONO, size: 20, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Seal 20", { size: 20, fontWeight: 800, lineHeight: 26 });
+    k.textStyle("Lane 16", { ...MONO, size: 16, fontWeight: 700, lineHeight: 20, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Number 22", { ...MONO, size: 22, fontWeight: 800, lineHeight: 24, textAlign: "CENTER" });
+    pill(k, "Seal", { fill: "primary", ink: "onPrimary", style: "Seal 20", label: "Summer pass: three months free", pad: [10, 22] });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 20, { top: 60, right: 590, bottom: 60, left: 72 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    const s = {
+      w: 1200,
+      h: 630,
+      u: 0.74,
+      loopMs: 6e3,
+      still: true,
+      pool: { x: 664, y: 176, w: 510, h: 700, lanes: 3 },
+      blocks: { labels: ["Uptime", "Alerts", "Tickets"], style: "Lane 16", num: "Number 22", h: 72 },
+      swimmers: [
+        { lane: 0, phase: 0.42, laps: 1, cap: "capA", suit: "suitA", skin: "skinA" },
+        { lane: 1, phase: 0.2, laps: 1, cap: "capB", suit: "suitC", skin: "skinB" },
+        { lane: 2, phase: 0.5, laps: 1, cap: "capC", suit: "suitB", skin: "skinA" }
+      ],
+      rings: [{ x: 420, y: 390, size: 110 }],
+      parasols: [{ x: 1150, y: 600, r: 150, sun: true }, { x: 610, y: 600, r: 104 }],
+      towels: [{ x: 770, y: -60, w: 84, h: 150, alt: true }, { x: 1030, y: -40, w: 84, h: 130 }],
+      loungers: [{ x: 880, y: -110, w: 84 }],
+      flipflops: { x: 720, y: 60 },
+      steps: { x: 622, y: 420, n: 5, dx: -3, dy: -52 }
+    };
+    deck(k, sheet, s);
+    pool(k, sheet, s);
+    parasols(k, sheet, s);
+    k.text(sheet, "{{brand.name}} \xB7 On-call autopilot", { style: "Eyebrow 20", color: "text", name: "Eyebrow" });
+    k.text(sheet, "{{brand.tagline}}", { style: "Display 92", color: "text", name: "Headline" });
+    k.text(sheet, "Restarts what falls over. Answers the easy tickets. Whistles only when it must.", { style: "Facts 20", color: "onPaper", name: "Facts" });
+    k.instance(sheet, "Seal", { Label: "Summer pass: three months free" }, { name: "Seal" });
+    return k.finish();
+  }
+});
+
+export {
+  summer_heatwave_link_preview_default
+};