@popcraft/kit 0.26.1 → 0.28.0

package/dist/chunks/chunk-SN6Z5LZR.js

@@ -0,0 +1,217 @@
+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 {
+  aiAvailability,
+  effectiveChatModel,
+  effectiveEmbeddingModel,
+  markImageModelUnavailable,
+  useAiStore
+} from "./chunk-6XGGSKFB.js";
+import {
+  activeHyperyTeamId
+} from "./chunk-OPXRIMO6.js";
+import {
+  accessToken
+} from "./chunk-ZTNA7M3C.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// lib/ai/client.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/hypery/client.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/hypery/shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var HYPERY_TEAM_HEADER = "x-hypery-active-organization-id";
+
+// lib/hypery/client.ts
+async function hyperyRequestHeaders() {
+  const token = await accessToken();
+  if (!token) return null;
+  const headers = new Headers({ authorization: `Bearer ${token}` });
+  const team = activeHyperyTeamId();
+  if (team) headers.set(HYPERY_TEAM_HEADER, team);
+  return headers;
+}
+
+// lib/ai/image-models.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var IMAGE_FAVORITES = [
+  { id: "google/gemini-3.1-flash-image", label: "Nano Banana 2", vector: "option", edits: true, description: "Fast, balanced image generation and editing that follows detailed instructions. Can also write and edit SVG." },
+  { id: "google/gemini-3-pro-image", label: "Nano Banana Pro", vector: "option", edits: true, description: "Studio-quality images, legible text and precise edits. Can also write and edit SVG." },
+  { id: "google/gemini-3.1-flash-lite-image", label: "Nano Banana 2 Lite", vector: "option", edits: true, description: "Google\u2019s fastest image model for quick iterations and edits. Can also write and edit SVG." },
+  { id: "google/gemini-2.5-flash-image", label: "Nano Banana", vector: "option", edits: true, description: "The original Nano Banana: conversational image generation and editing. Can also write and edit SVG." },
+  { id: "recraft/recraft-v4.1", label: "Recraft V4.1", vector: "option", description: "Natural photorealism, dreamy gradients and new illustration styles; reads short prompts well. Vector output available." },
+  { id: "recraft/recraft-v4.1-pro", label: "Recraft V4.1 Pro", vector: "option", description: "Recraft V4.1 at higher resolution, for detailed final artwork. Vector output available." },
+  { id: "recraft/recraft-v4.1-utility", label: "Recraft V4.1 Utility", vector: "option", description: "Restrained look: flat lighting, front-facing composition and simple scenes \u2014 good for assets and product shots. Vector output available." },
+  { id: "recraft/recraft-v4.1-utility-pro", label: "Recraft V4.1 Utility Pro", vector: "option", description: "Recraft V4.1 Utility at higher resolution. Vector output available." },
+  { id: "recraft/recraft-v4", label: "Recraft V4", vector: "option", description: "Strong photorealism and distinctive lighting and composition; original characters for illustration. Vector output available." },
+  { id: "recraft/recraft-v4-pro", label: "Recraft V4 Pro", vector: "option", description: "Recraft V4 at higher resolution. Vector output available." },
+  { id: "recraft/recraft-v3", label: "Recraft V3", vector: "option", description: "Photorealism and accurate text rendering, including text placed at specific positions. Vector output available." },
+  { id: "recraft/recraft-v2", label: "Recraft V2", vector: "option", description: "Anatomy-accurate images with minimalist icon and illustration styles. Vector output available." }
+];
+var IMAGE_ACTIONS = {
+  removeBackground: { id: "recraft-ai/recraft-remove-background", label: "Remove background", svg: false, description: "Cuts the subject out onto a transparent background." },
+  vectorize: { id: "recraft-ai/recraft-vectorize", label: "Vectorize", svg: true, description: "Traces the image into editable SVG layers." },
+  crispUpscale: { id: "recraft-ai/recraft-crisp-upscale", label: "Crisp upscale", svg: false, description: "Sharper, cleaner, higher-resolution copy." },
+  creativeUpscale: { id: "recraft-ai/recraft-creative-upscale", label: "Creative upscale", svg: false, description: "Upscales while adding fine detail." }
+};
+var normalizeModelId = (id) => id.trim().toLowerCase().replace(/^recraft-ai\//, "recraft/");
+var favoriteById = (id) => IMAGE_FAVORITES.find((f) => normalizeModelId(f.id) === normalizeModelId(id));
+function vectorSupport(id) {
+  const fav = favoriteById(id);
+  if (fav) return fav.vector;
+  if (/-svg$|vector/i.test(id)) return "always";
+  return /^recraft\//i.test(normalizeModelId(id)) || CHAT_IMAGE_MODEL.test(id) ? "option" : void 0;
+}
+var modelEditsImages = (id) => favoriteById(id)?.edits ?? CHAT_IMAGE_MODEL.test(id);
+var IMAGE_PROVIDER = "vercel";
+var CHAT_IMAGE_MODEL = /^google\/gemini-/i;
+var ASPECT_SIZES = {
+  "1:1": { width: 1024, height: 1024 },
+  "4:3": { width: 1152, height: 896 },
+  "3:4": { width: 896, height: 1152 },
+  "16:9": { width: 1344, height: 768 },
+  "9:16": { width: 768, height: 1344 },
+  "3:2": { width: 1216, height: 832 },
+  "2:3": { width: 832, height: 1216 }
+};
+function sizeForAspect(aspect) {
+  const s = ASPECT_SIZES[aspect] ?? ASPECT_SIZES["1:1"];
+  return { aspect: ASPECT_SIZES[aspect] ? aspect : "1:1", ...s };
+}
+
+// lib/ai/client.ts
+var AiClientError = class extends Error {
+  constructor(message, code, status) {
+    super(message);
+    this.code = code;
+    this.status = status;
+  }
+};
+var needsReauth = (e) => e instanceof AiClientError && (e.code === "ai_reauth" || e.code === "ai_scope" || e.code === "unauthenticated");
+function ensureAvailable() {
+  const a = aiAvailability();
+  if (!a.ok) throw new AiClientError(a.message, a.reason, 0);
+}
+async function aiFetch(path, init = {}) {
+  ensureAvailable();
+  const headers = await hyperyRequestHeaders();
+  if (!headers) throw new AiClientError("Sign in with Hypery to use AI features.", "signed-out", 401);
+  if (init.json !== void 0) headers.set("content-type", "application/json");
+  let res;
+  try {
+    res = await fetch(path, { method: init.method ?? (init.json !== void 0 ? "POST" : "GET"), headers, body: init.json === void 0 ? void 0 : JSON.stringify(init.json), signal: init.signal });
+  } catch (e) {
+    if (e?.name === "AbortError") throw e;
+    throw new AiClientError(navigator.onLine ? "Could not reach the server." : "You are offline \u2014 AI features need a connection.", "network", 0);
+  }
+  if (!res.ok) {
+    const data = await res.json().catch(() => null);
+    throw new AiClientError(data?.error?.message ?? `AI request failed (HTTP ${res.status}).`, data?.error?.code ?? "error", res.status);
+  }
+  return res;
+}
+function requireChatModel() {
+  const m = effectiveChatModel();
+  if (!m) throw new AiClientError("Pick a chat model in AI settings first.", "no_model", 0);
+  return m;
+}
+async function loadChatCatalog(force = false) {
+  const st = useAiStore.getState();
+  if (!aiAvailability().ok || st.catalogLoading || st.catalog && !force) return;
+  useAiStore.setState({ catalogLoading: true, catalogError: null });
+  try {
+    const data = await (await aiFetch("/api/ai/models")).json();
+    useAiStore.setState({ catalog: data });
+  } catch (e) {
+    useAiStore.setState({ catalogError: e.message });
+  } finally {
+    useAiStore.setState({ catalogLoading: false });
+  }
+}
+async function loadAudioCatalog() {
+  const st = useAiStore.getState();
+  if (!aiAvailability().ok || st.audioModelsLoading || st.audioModels) return;
+  useAiStore.setState({ audioModelsLoading: true });
+  try {
+    const data = await (await aiFetch("/api/ai/models?kind=audio")).json();
+    useAiStore.setState({ audioModels: data.models.map((m) => m.id) });
+  } catch {
+  } finally {
+    useAiStore.setState({ audioModelsLoading: false });
+  }
+}
+async function loadImageCatalog(search = "", force = false) {
+  const st = useAiStore.getState();
+  if (!aiAvailability().ok || st.imagesLoading || st.images && !force && !search) return;
+  useAiStore.setState({ imagesLoading: true, imagesError: null });
+  try {
+    const q = new URLSearchParams({ kind: "image" });
+    if (search.trim()) q.set("search", search.trim());
+    const data = await (await aiFetch(`/api/ai/models?${q}`)).json();
+    useAiStore.setState({ images: data });
+  } catch (e) {
+    useAiStore.setState({ imagesError: e.message });
+  } finally {
+    useAiStore.setState({ imagesLoading: false });
+  }
+}
+async function requestDesign(opts, signal) {
+  const res = await aiFetch("/api/ai/generate", { json: { ...opts, model: requireChatModel() }, signal });
+  return (await res.json()).design;
+}
+async function requestEmbeddings(values, signal) {
+  const model = effectiveEmbeddingModel();
+  if (!model) throw new AiClientError("Pick an embedding model in AI settings first.", "no_model", 0);
+  const res = await aiFetch("/api/ai/embed", { json: { values, model }, signal });
+  return { model, embeddings: (await res.json()).embeddings };
+}
+async function imageResponse(res) {
+  const blob = await res.blob();
+  return { blob, mime: res.headers.get("content-type") ?? blob.type, modelId: res.headers.get("x-ai-model") ?? "" };
+}
+async function requestImage(model, req, signal) {
+  try {
+    const res = await aiFetch("/api/ai/image", { json: { model: model.id, provider: IMAGE_PROVIDER, ...req }, signal });
+    return await imageResponse(res);
+  } catch (e) {
+    if (e instanceof AiClientError && e.code === "ai_model") markImageModelUnavailable(model.id);
+    throw e;
+  }
+}
+async function requestImageAction(action, imageDataUrl, signal) {
+  const res = await aiFetch("/api/ai/image", { json: { action, image: imageDataUrl }, signal });
+  return imageResponse(res);
+}
+async function requestAudio(req, signal) {
+  const res = await aiFetch("/api/ai/audio", { json: req, signal });
+  const blob = await res.blob();
+  return { blob, mime: res.headers.get("content-type") ?? blob.type, modelId: res.headers.get("x-ai-model") ?? "" };
+}
+
+export {
+  HYPERY_TEAM_HEADER,
+  IMAGE_ACTIONS,
+  vectorSupport,
+  modelEditsImages,
+  sizeForAspect,
+  AiClientError,
+  needsReauth,
+  aiFetch,
+  loadChatCatalog,
+  loadAudioCatalog,
+  loadImageCatalog,
+  requestDesign,
+  requestEmbeddings,
+  requestImage,
+  requestImageAction,
+  requestAudio
+};

package/dist/chunks/chunk-SQWWCPWW.js

@@ -0,0 +1,172 @@
+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 {
+  DEAL,
+  board as board2,
+  boardHead,
+  change,
+  chart,
+  fitListings,
+  floorBrand,
+  ledWell,
+  listings,
+  row,
+  stamp,
+  tape
+} from "./chunk-P67UFSRZ.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  board,
+  put,
+  reboard,
+  restyle
+} from "./chunk-QLV6445V.js";
+import {
+  glow
+} from "./chunk-HVK5T4I5.js";
+import {
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-WBZ6O2YF.js";
+import {
+  Kit,
+  preset
+} from "./chunk-MTD3UAQT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/black-friday-ticker-ads.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Black Friday ticker display ad set";
+var CHART = { w: 424, h: 170 };
+var black_friday_ticker_ads_default = defineTemplate({
+  id: "social-black-friday-ticker-display-ads",
+  meta: {
+    name: NAME,
+    description: "Display ads for a SaaS Black Friday sale, drawn as a trading floor: the offer in heavy serif on salmon newspaper paper, a ticker tape of the plans, and an LED board with the crashed annual price, its 60% fall and a candlestick chart off a cliff. 1200 \xD7 628 and 1200 \xD7 1200, with 4:5 and LinkedIn cuts",
+    category: "social",
+    tags: ["black friday", "cyber monday", "sale", "ad", "display ad", "google ads", "saas", "stock ticker", "trading floor", "chart", "pricing", "annual plan"],
+    platforms: ["web", "facebook", "linkedin", "instagram"],
+    formats: ["ad", "banner", "post", "portrait-post"],
+    useCases: ["sale", "pricing"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("ad-landscape"));
+    k.quantizeGeometry = true;
+    floorBrand(k, { name: DEAL.product, symbol: DEAL.symbol, offer: "Our prices crashed. Buy the dip.", pitch: `Every annual plan ${DEAL.off}% off. ${DEAL.pitch}` }, ["paper", "text", "onPaper", "primary", "onPrimary", "accent", "onAccent", "card", "onCard", "cardMuted"]);
+    k.textStyle("Tape 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 0.8, lineHeight: 24 });
+    k.textStyle("Marker 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1, lineHeight: 22 });
+    k.textStyle("Display 54", { ...SERIF, size: 54, fontWeight: 900, letterSpacing: -1.8, lineHeight: 56 });
+    k.textStyle("Display 96", { ...SERIF, size: 96, fontWeight: 900, letterSpacing: -3.2, lineHeight: 94 });
+    k.textStyle("Figure 130", { ...MONO, size: 130, fontWeight: 800, letterSpacing: -4, lineHeight: 138, fontFeatures: { tnum: 1 } });
+    k.textStyle("Display 112", { ...SERIF, size: 112, fontWeight: 900, letterSpacing: -3.8, lineHeight: 108 });
+    k.textStyle("Pitch 22", { size: 22, fontWeight: 500, lineHeight: 30 });
+    k.textStyle("Pitch 30", { size: 30, fontWeight: 500, lineHeight: 40 });
+    k.textStyle("Button 22", { size: 22, fontWeight: 800, lineHeight: 28 });
+    k.textStyle("Label 16", { ...MONO, size: 16, fontWeight: 700, letterSpacing: 1.2, lineHeight: 20 });
+    k.textStyle("Label 22", { ...MONO, size: 22, fontWeight: 700, letterSpacing: 2, lineHeight: 28 });
+    k.textStyle("Figure 96", { ...MONO, size: 96, fontWeight: 800, letterSpacing: -3, lineHeight: 104, fontFeatures: { tnum: 1 } });
+    k.textStyle("Figure 180", { ...MONO, size: 180, fontWeight: 800, letterSpacing: -6, lineHeight: 190, fontFeatures: { tnum: 1 } });
+    k.textStyle("Change 28", { ...MONO, size: 28, fontWeight: 800, lineHeight: 32 });
+    k.textStyle("Change 56", { ...MONO, size: 56, fontWeight: 800, lineHeight: 62 });
+    k.textStyle("Axis 16", { ...MONO, size: 16, fontWeight: 700, lineHeight: 20 });
+    k.textStyle("Row 16", { ...MONO, size: 16, fontWeight: 700, lineHeight: 22, fontFeatures: { tnum: 1 } });
+    k.textStyle("Row 30", { ...MONO, size: 30, fontWeight: 700, lineHeight: 40, fontFeatures: { tnum: 1 } });
+    k.textStyle("Stamp 16", { ...MONO, size: 16, fontWeight: 800, letterSpacing: 1, lineHeight: 18 });
+    k.textStyle("Stamp 24", { ...MONO, size: 24, fontWeight: 800, letterSpacing: 1.4, lineHeight: 28 });
+    k.textStyle("Marker 24", { ...MONO, size: 24, fontWeight: 800, letterSpacing: 1.4, lineHeight: 30 });
+    k.textStyle("Button 32", { size: 32, fontWeight: 800, lineHeight: 38 });
+    pill(k, "Marker", { fill: "accent", ink: "onAccent", style: "Marker 16", label: "BLACK FRIDAY \xB7 ENDS MON 30 NOV", pad: [6, 12], radius: 3 });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 22", label: `Buy the dip, ${DEAL.off}% off`, pad: [14, 28], radius: 8 });
+    pill(k, "Marker large", { fill: "accent", ink: "onAccent", style: "Marker 24", label: "BLACK FRIDAY \xB7 ENDS MON 30 NOV", pad: [9, 18], radius: 4 });
+    pill(k, "Button large", { fill: "primary", ink: "onPrimary", style: "Button 32", label: `Buy the dip, ${DEAL.off}% off`, pad: [22, 40], radius: 12 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, { top: 92, right: 56, bottom: 44, left: 56 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    listings(k, sheet, 1200, 628, { u: 0.8 });
+    glow(k, sheet, { x: 220, y: 200, w: 1200, role: "light", alpha: 0.2, name: "Page light" });
+    tape(k, sheet, { item: 372, height: 52, style: "Tape 20", width: 1200, absolute: { x: 0, y: 0 }, offset: 40, span: 1200 });
+    const ad = k.stack(sheet, { direction: "HORIZONTAL", gap: 52, align: "CENTER", name: "Ad" });
+    const copy = k.stack(ad, { gap: 18, name: "Copy" });
+    k.instance(copy, "Marker", { Label: "BLACK FRIDAY \xB7 ENDS MON 30 NOV" }, { name: "Dates" });
+    k.text(copy, "{{brand.offer}}", { style: "Display 54", color: "text", name: "Offer" });
+    k.text(copy, "{{brand.pitch}}", { style: "Pitch 22", color: "onPaper", name: "Pitch" });
+    k.instance(copy, "Button", { Label: `Buy the dip, ${DEAL.off}% off` }, { name: "Buy button" });
+    const b = board2(k, ad, { width: 480, pad: 28, gap: 12, radius: 22, u: 0.8 });
+    boardHead(k, b, { label: "{{brand.symbol}}.TEAM \xB7 ANNUAL", note: "BLACK FRIDAY", style: "Label 16", lamp: 10 });
+    const main = k.stack(b, { gap: 12, name: "Board main" });
+    ledWell(k, main, { height: 126, step: 5, weight: 1, pad: 18, align: "SPACE_BETWEEN", name: "Price well" }, (well) => {
+      k.text(well, `$${DEAL.teamNow}`, { style: "Figure 96", color: "led", autoWidth: true, name: "Price figure" });
+      const side = k.stack(well, { width: "HUG", gap: 4, align: "MAX", name: "Change" });
+      change(k, side, `${DEAL.off}%`, { style: "Change 28", size: 20, name: "Fall", glow: 8 });
+      k.text(side, `LIST $${DEAL.teamWas}`, { style: "Label 16", color: "cardMuted", autoWidth: true, name: "List price" });
+    });
+    const c = chart(k, board(k, main, CHART.w, CHART.h, 1, "Chart board"), { ...CHART, u: 0.6, was: `$${DEAL.teamWas}`, now: `$${DEAL.teamNow}`, style: "Axis 16", absolute: { x: 0, y: 0 } });
+    row(k, b, "YOU KEEP, THIS YEAR", `$${DEAL.teamWas - DEAL.teamNow}`, { style: "Row 16", color: "onCard", figureColor: "led", name: "Keep row" });
+    stamp(k, c.frame, "SELL-OFF", { style: "Stamp 24", pad: [5, 12], rotation: 5, absolute: { x: c.room.x - 8, y: c.room.y - 2 } });
+    const tall = (kit, id, w, h) => {
+      fitListings(kit, id);
+      put(kit, id, "Tape", 0, 0, { width: w });
+      put(kit, id, "Page light", w * 0.2 - 600, h * 0.2 - 600);
+      for (const n of kit.named(id, "Ad")) kit.patch(n, { layoutMode: "VERTICAL", itemSpacing: 40, counterAxisSpacing: 40, counterAxisAlignItems: "MIN", primaryAxisAlignItems: "MIN" });
+      for (const n of kit.named(id, "Copy")) kit.patch(n, { layoutSizingHorizontal: "FILL", itemSpacing: 20, counterAxisSpacing: 20 });
+      restyle(kit, id, "Pitch", "Pitch 30");
+      for (const [name, comp] of [["Dates", "Marker large"], ["Buy button", "Button large"]]) for (const n of kit.named(id, name)) kit.patch(n, { mainComponentId: kit.componentIdOf(comp) });
+      restyle(kit, id, "Stamp words", "Stamp 16");
+      for (const n of kit.named(id, "Board")) kit.patch(n, { layoutSizingHorizontal: "FILL", padding: { top: 36, right: 36, bottom: 36, left: 36 }, itemSpacing: 18, counterAxisSpacing: 18 });
+      restyle(kit, id, "Fall figure", "Change 56");
+      restyle(kit, id, "List price", "Label 22");
+      for (const name of ["Board label", "Board note"]) restyle(kit, id, name, "Label 22");
+      for (const name of ["Keep row label", "Keep row figure"]) restyle(kit, id, name, "Row 30");
+    };
+    k.variants(sheet, [
+      {
+        // The square: the price beside its chart.
+        preset: "ad-square",
+        adjust: (kit, id) => {
+          kit.patch(id, { padding: { top: 108, right: 72, bottom: 56, left: 72 }, primaryAxisAlignItems: "CENTER" });
+          tall(kit, id, 1200, 1200);
+          restyle(kit, id, "Offer", "Display 112");
+          restyle(kit, id, "Price figure", "Figure 130");
+          for (const n of kit.named(id, "Board main")) kit.patch(n, { layoutMode: "HORIZONTAL", itemSpacing: 18, counterAxisSpacing: 18 });
+          for (const n of kit.named(id, "Price well")) kit.patch(n, { layoutMode: "VERTICAL", height: 230, primaryAxisAlignItems: "CENTER", counterAxisAlignItems: "CENTER", itemSpacing: 6, padding: { top: 0, right: 0, bottom: 0, left: 0 } });
+          for (const n of kit.named(id, "Change")) kit.patch(n, { counterAxisAlignItems: "CENTER" });
+          reboard(kit, id, "Chart board", 1.35);
+        }
+      },
+      {
+        preset: "ig-portrait",
+        adjust: (kit, id) => {
+          kit.patch(id, { padding: { top: 92, right: 64, bottom: 44, left: 64 }, primaryAxisAlignItems: "CENTER" });
+          tall(kit, id, 1080, 1350);
+          restyle(kit, id, "Offer", "Display 96");
+          restyle(kit, id, "Price figure", "Figure 180");
+          for (const n of kit.named(id, "Price well")) kit.patch(n, { height: 200, padding: { top: 0, right: 28, bottom: 0, left: 28 } });
+          reboard(kit, id, "Chart board", 2.07);
+        }
+      },
+      { preset: "linkedin-post", adjust: (kit, id) => {
+        fitListings(kit, id, 0.8);
+        put(kit, id, "Tape", 0, 0, { width: 1200 });
+      } }
+    ]);
+    return k.finish();
+  }
+});
+
+export {
+  black_friday_ticker_ads_default
+};

package/dist/chunks/chunk-STPXOQIS.js

@@ -0,0 +1,187 @@
+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 {
+  CLAY_FPS,
+  arrives,
+  clayBall,
+  clayBrand,
+  clayCloud,
+  clayFx,
+  claySet,
+  claySun,
+  fitClaySet,
+  fitLooseClay,
+  hop,
+  land,
+  looseClay,
+  pip,
+  pipBox,
+  scaleAt,
+  weekBeads
+} from "./chunk-ATQX7RI5.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  outro,
+  pill,
+  postVariants
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-WBZ6O2YF.js";
+import {
+  Kit,
+  preset
+} from "./chunk-MTD3UAQT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/claymation-streak-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 7e3;
+var OUT = 5800;
+var EVERY = 400;
+var SCENE = { w: 700, h: 470, ground: 440 };
+var WEEK = { bead: 96, step: 140 };
+var PIP = 300;
+var MEDAL = 216;
+var SQUARE = {
+  set: { w: 1080, h: 1080, horizon: 600, u: 1 },
+  scene: { x: 384, ground: 828, f: 1 },
+  week: { x: 72, y: 884, f: 1 },
+  sun: { x: 850, y: 60, f: 1.1 },
+  cloud: { x: 884, y: 318, f: 0.7 },
+  loose: [[60, 690, 30, "clayPink"], [230, 770, 44, "clayGreen"], [1040, 850, 36, "clayBlue"], [330, 650, 22, "clayYellow"], [150, 840, 26, "clayBlue"], [1030, 660, 24, "clayGreen"]]
+};
+var PORTRAIT = {
+  set: { w: 1080, h: 1350, horizon: 780, u: 1 },
+  scene: { x: 300, ground: 1030, f: 1.1 },
+  week: { x: 72, y: 1120, f: 1 },
+  sun: { x: 868, y: 40, f: 1 },
+  cloud: { x: 50, y: 650, f: 1 },
+  loose: [[60, 890, 30, "clayPink"], [200, 990, 44, "clayGreen"], [1030, 1090, 36, "clayBlue"], [300, 850, 22, "clayYellow"], [120, 1080, 26, "clayBlue"], [1020, 850, 24, "clayGreen"]]
+};
+var STORY = {
+  set: { w: 1080, h: 1920, horizon: 1010, u: 1 },
+  scene: { x: 100, ground: 1250, f: 1.28 },
+  week: { x: 146, y: 1310, f: 0.842 },
+  sun: { x: 60, y: 46, f: 1 },
+  cloud: { x: 800, y: 560, f: 1 },
+  // Under the week the table runs on to the near edge (where the apps lay their own buttons): clay waiting for next week.
+  loose: [[60, 1100, 30, "clayPink"], [90, 1270, 44, "clayGreen"], [1030, 1280, 36, "clayBlue"], [1e3, 1080, 22, "clayYellow"], [330, 1650, 90, "clayBlue"], [700, 1760, 110, "clayYellow"], [560, 1570, 50, "clayGreen"], [880, 1590, 40, "clayPink"], [200, 1540, 34, "clayYellow"]],
+  near: [{ x: -100, y: 1690 }, { x: 850, y: 1720 }]
+};
+function arrange(k, id, l) {
+  fitClaySet(k, id, l.set);
+  for (const s of k.named(id, "Scene")) scaleAt(k, s, l.scene.x, l.scene.ground - SCENE.ground * l.scene.f, l.scene.f);
+  for (const s of k.named(id, "Week")) scaleAt(k, s, l.week.x, l.week.y, l.week.f);
+  for (const s of k.named(id, "Sun")) scaleAt(k, s, l.sun.x, l.sun.y, l.sun.f);
+  for (const s of k.named(id, "Cloud")) scaleAt(k, s, l.cloud.x, l.cloud.y, l.cloud.f);
+  fitLooseClay(k, id, l.loose);
+  k.named(id, "Near clay").forEach((c, i) => k.patch(c, l.near?.[i] ? { ...l.near[i], visible: true } : { visible: false }));
+}
+var DAYS = Array.from({ length: 7 }, (_, i) => `Bead ${i + 1}`);
+var counts = [{ layer: "Medal figure", at: 0, duration: EVERY * 6, counter: { from: 1, to: 7 }, tick: EVERY }];
+var cues = [
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 400 } },
+  { layer: "Headline", preset: "pop-in", at: 0, params: { duration: 420 } },
+  // The figure is pressed in with the first bead, so it can be smoothed away at the end instead of snapping 7 to 1.
+  { layer: "Medal figure", preset: "fade-in", at: 0, params: { duration: 300 } },
+  { layer: "Says", preset: "rise-in", at: 500, params: { duration: 500 } },
+  { layer: "Call", preset: "pop-in", at: 900, params: { duration: 450 } },
+  { layer: "Medal", preset: "wobble", at: 3300, params: { duration: 900 } },
+  { layer: "Headline", preset: "pulse", at: 4400, params: { duration: 700, amount: 0.04 } },
+  // Stop motion: Monday's bead is on the table from the first frame; the other six are put down one by one.
+  { ...arrives(DAYS.slice(1), EVERY), stagger: { delay: EVERY, order: "selection" } },
+  // The loop: the words leave, and the beads are picked back up, Sunday first.
+  outro(["Eyebrow", "Headline", "Says", "Call", "Medal figure"], OUT),
+  outro(DAYS.slice(1), OUT + 100, { preset: "pop-out", gap: 100, duration: 300 })
+];
+var claymation_streak_post_default = defineTemplate({
+  id: "motion-claymation-streak-post",
+  meta: {
+    name: "Clay streak post (animated)",
+    description: "A seven-second looping stop-motion post modelled in clay about the day a habit usually dies: seven beads land along a table one by one, the figure pressed into a clay medal counts with them to 7, and the mascot hops \u2014 held poses, squash and stretch, thumbprints. Square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "claymation", "clay", "plasticine", "stop motion", "mascot", "streak", "habit tracker", "onboarding", "encouragement", "counter", "family", "saas", "post", "playful"],
+    platforms: ["instagram", "threads", "linkedin", "x", "tiktok"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["onboarding", "milestone", "tips"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit("Clay streak post", preset("ig-post"));
+    k.quantizeGeometry = true;
+    clayBrand(k);
+    k.textStyle("Eyebrow 24", { size: 24, fontWeight: 800, letterSpacing: 4, lineHeight: 30, textCase: "UPPER" });
+    k.textStyle("Display 112", { size: 112, fontWeight: 900, letterSpacing: -5, lineHeight: 104 });
+    k.textStyle("Display 96", { size: 96, fontWeight: 900, letterSpacing: -4, lineHeight: 92 });
+    k.textStyle("Says 32", { ...SERIF, size: 32, fontStyle: "italic", fontWeight: 500, lineHeight: 42 });
+    k.textStyle("Medal 110", { size: 110, fontWeight: 900, letterSpacing: -4, lineHeight: 110, textAlign: "CENTER" });
+    k.textStyle("Day 26", { ...MONO, size: 26, fontWeight: 800, lineHeight: 30, textAlign: "CENTER" });
+    k.textStyle("Chip 26", { size: 26, fontWeight: 800, lineHeight: 32 });
+    pill(k, "Chip", { fill: "primary", ink: "onPrimary", style: "Chip 26", label: "Start a streak, free", pad: [14, 30] });
+    k.patch(k.componentIdOf("Chip"), { effects: clayFx(60) });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Streak post");
+    k.flowSheet(sheet, 0, 72, "paper", "MIN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: CLAY_FPS });
+    claySet(k, sheet, SQUARE.set);
+    claySun(k, sheet, 100, { x: 0, y: 0 }, { boil: 1e3 });
+    clayCloud(k, sheet, 220, { x: 0, y: 0 }, { seed: 1, boil: 1e3 });
+    looseClay(k, sheet, STORY.loose);
+    const scene = k.frame(sheet, { x: 0, y: 0, width: SCENE.w, height: SCENE.h }, { name: "Scene" });
+    const mascot = pip(k, scene, { s: PIP, absolute: { x: SCENE.w - pipBox(PIP).w, y: SCENE.ground - pipBox(PIP).footY }, look: -0.9, lookY: 0.9, loopMs: DURATION, blinkAt: [1500, 5e3] });
+    const medal = k.frame(scene, { x: 20, y: SCENE.ground - MEDAL - 62, width: MEDAL + 20, height: MEDAL + 70 }, { name: "Medal" });
+    const ribbon = (x, lean) => ({ closed: true, points: [{ x, y: 0 }, { x: x + 46, y: 0 }, { x: x + 46 + lean, y: 96 }, { x: x + lean, y: 96 }] });
+    k.vector(medal, MEDAL + 20, 100, [ribbon(50, 34), ribbon(140, -34)], "clayBlue", { name: "Ribbon", absolute: { x: 0, y: 0 }, effects: clayFx(46) });
+    const disc = k.frame(medal, { x: 10, y: 62, width: MEDAL, height: MEDAL }, { name: "Medal disc" });
+    clayBall(k, disc, MEDAL, "clayYellow", { name: "Medal clay", seed: 91, absolute: { x: 0, y: 0 } });
+    k.ellipse(disc, MEDAL - 44, k.tint("shine", 1e-3), { name: "Medal ring", stroke: { color: "dent", width: 5 }, opacity: 0.22, absolute: { x: 22, y: 22 } });
+    const figure = k.stack(disc, { width: MEDAL, height: MEDAL, align: "CENTER", justify: "CENTER", name: "Medal face", absolute: { x: 0, y: 0 } });
+    k.text(figure, "7", { style: "Medal 110", color: "clayInk", autoWidth: true, name: "Medal figure" });
+    const { beads } = weekBeads(k, sheet, { bead: WEEK.bead, step: WEEK.step, style: "Day 26", absolute: { x: 0, y: 0 } });
+    for (const [d, color, seed] of [[330, "clayPink", 71], [300, "clayGreen", 72]]) k.patch(clayBall(k, sheet, d, color, { name: "Near clay", h: d * 0.82, seed, absolute: { x: 0, y: 0 } }), { effects: clayFx(d) });
+    const top = k.stack(sheet, { gap: 18, name: "Top" });
+    k.text(top, "{{brand.site}} \xB7 streaks made of clay", { style: "Eyebrow 24", color: "onPaper", name: "Eyebrow" });
+    k.text(top, "Day 7 is the hard one.", { style: "Display 112", color: "text", width: 760, name: "Headline" });
+    k.text(top, "So on day seven Pip presses your kid a medal. No guilt, no red crosses: a missed day just leaves a gap to fill.", { style: "Says 32", color: "onPaper", width: 560, name: "Says" });
+    k.instance(top, "Chip", { Label: "Start a streak, free" }, { name: "Call" });
+    arrange(k, sheet, SQUARE);
+    beads.forEach((b, i) => {
+      if (i) land(k, b, i * EVERY, { from: 80 });
+    });
+    hop(k, k.named(mascot, "Pip body")[0], EVERY * 6 + 300, 64);
+    hop(k, k.named(mascot, "Pip body")[0], EVERY * 6 + 1300, 40);
+    land(k, disc, EVERY * 6 + 100);
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    k.variants(sheet, postVariants({ portrait: 72 }, {
+      portrait: (kit, id) => arrange(kit, id, PORTRAIT),
+      vertical: (kit, id) => {
+        for (const n of kit.named(id, "Headline")) {
+          kit.restyle(n, "Display 96");
+          kit.patch(n, { width: 640 });
+        }
+        arrange(kit, id, STORY);
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  claymation_streak_post_default
+};

package/dist/chunks/chunk-SVFNQSI3.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 {
+  bauhaus_landing_default
+} from "./chunk-BLA5AWJL.js";
+import {
+  bauhaus_drift_post_default
+} from "./chunk-7GTL6FY6.js";
+import {
+  bauhaus_link_preview_default
+} from "./chunk-Y76UUTKY.js";
+import {
+  bauhaus_pricing_post_default
+} from "./chunk-57SYLF3L.js";
+import {
+  bauhaus_launch_reel_default
+} from "./chunk-GG3OC3YD.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/themes/bauhaus.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [bauhaus_launch_reel_default, bauhaus_landing_default, bauhaus_drift_post_default, bauhaus_pricing_post_default, bauhaus_link_preview_default];
+var bauhaus_default = pack;
+
+export {
+  bauhaus_default
+};