@popcraft/kit 0.24.2 → 0.25.0

package/dist/chunks/chunk-Q67L2B7C.js

@@ -0,0 +1,166 @@
+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 {
+  dotGrid,
+  reelCuts,
+  reelSheet,
+  section
+} from "./chunk-UD3JVCFG.js";
+import {
+  tickPath
+} from "./chunk-YNOCYFZ4.js";
+import {
+  captionStrip,
+  captionSwap
+} from "./chunk-C7BYFVZT.js";
+import {
+  hide,
+  patchAll,
+  restyle
+} from "./chunk-QLV6445V.js";
+import {
+  hardShadow
+} from "./chunk-HVK5T4I5.js";
+import {
+  logoBadge,
+  pill
+} from "./chunk-EK5CFFJO.js";
+import {
+  box
+} from "./chunk-BNVLVZUT.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/motion/saas-hook-features.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var S = section("launch", 11, 5);
+var { beat } = S;
+var FEATURES = [
+  { title: "One question at a time", note: "People finish what feels short.", fill: "card", ink: "onCard", from: "left" },
+  { title: "Every answer autosaves", note: "Close the tab. Nothing is lost.", fill: "mint", ink: "onMint", from: "right" },
+  { title: "Straight into your CRM", note: "HubSpot, Attio, Sheets. No Zap.", fill: "accent", ink: "onAccent", from: "left" }
+];
+var swaps = [captionSwap(["Long forms lose people.", "Ask one thing first.", "Every answer saves itself.", "Leads reach your CRM.", "Build yours in minutes."], beat(1), S.duration - 30)];
+var cues = [
+  { layer: "Hook top", preset: "pop-in", at: 0, params: { duration: 280 } },
+  { layer: "Hook block", preset: "drop-in", at: 250, params: { duration: 300 } },
+  { layer: "Hook end", preset: "pop-in", at: 520, params: { duration: 300 } },
+  { layer: "Burst", preset: "scale-in", at: 0, params: { duration: 500 } },
+  { layer: "Hook block", preset: "wobble", at: beat(2), params: { duration: 600, amount: 5 } },
+  { layer: "Caption strip", preset: "rise-in", at: beat(1), params: { duration: 300 } },
+  ...FEATURES.map((f, i) => ({ layer: `Feature ${i + 1}`, preset: "slide-in", at: beat(4 + i * 4), params: { duration: 380, direction: f.from } })),
+  ...FEATURES.map((_, i) => ({ layer: `Feature ${i + 1}`, preset: "shake", at: beat(4 + i * 4) + 380, params: { duration: 320, distance: 10 } })),
+  { layer: "Call row", preset: "pop-in", at: beat(16), params: { duration: 400 } },
+  { layer: "Call row", preset: "pulse", at: beat(17.5), params: { duration: 500, amount: 0.05 } },
+  { layer: "Call row", preset: "pulse", at: beat(19), params: { duration: 500, amount: 0.05 } }
+];
+var saas_hook_features_default = defineTemplate({
+  id: "motion-saas-hook-features",
+  meta: {
+    name: "SaaS short: hook and three features",
+    description: "A 10-second neo-brutalist reel: a blunt question lands in the first second, three feature blocks slam in on the downbeats (each its own colour and drawing), and the call to action pops. Music, burned-in captions, 9:16 with square and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "saas", "hook", "features", "neo-brutalist", "brutalism", "bold", "captions", "music", "audio", "reel", "tiktok", "shorts", "ad"],
+    platforms: ["tiktok", "instagram", "youtube", "x", "linkedin"],
+    formats: ["reel", "short", "story", "post", "portrait-post", "ad"],
+    useCases: ["launch", "announcement", "tips"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, swaps },
+  build() {
+    const k = new Kit("SaaS short: hook and three features", preset("ig-story"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#FFE03A", text: "#0D0D0D", primary: "#FF4F9A", onPrimary: "#0D0D0D", accent: "#2447F0", onAccent: "#FFFFFF", card: "#FFFFFF", onCard: "#0D0D0D" },
+      { name: "Punchform", site: "punchform.example" }
+    );
+    k.palette({ ink: "#0D0D0D", onInk: "#FFFFFF", mint: "#7CF2C0", onMint: "#0D0D0D", field: "#FFF6C2" });
+    k.textStyle("Hook 100", { size: 100, fontWeight: 900, letterSpacing: -4, lineHeight: 98, textCase: "UPPER" });
+    k.textStyle("Hook 76", { size: 76, fontWeight: 900, letterSpacing: -3, lineHeight: 74, textCase: "UPPER" });
+    k.textStyle("Feature 46", { size: 46, fontWeight: 900, letterSpacing: -1.6, lineHeight: 48 });
+    k.textStyle("Note 28", { size: 28, fontWeight: 600, lineHeight: 34 });
+    k.textStyle("Caption 40", { size: 40, fontWeight: 800, letterSpacing: -0.8, lineHeight: 48 });
+    k.textStyle("Button 34", { size: 34, fontWeight: 900, letterSpacing: -0.6, lineHeight: 42 });
+    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: "Build one free at punchform.example", pad: [20, 30], radius: 0 });
+    const rule = { color: "ink", width: 6, align: "INSIDE", join: "MITER" };
+    const sheet = reelSheet(k, S, { name: "Hook and features", gap: 22 });
+    dotGrid(k, sheet, "ink", { step: 36, size: 5, opacity: 0.1 });
+    const burst = k.star(sheet, 420, "accent", { name: "Burst", absolute: { x: 800, y: -40 } });
+    k.patch(burst, { rotation: 14, pointCount: 12, innerRadius: 0.72 });
+    const form = k.frame(sheet, { x: 140, y: 1500, width: 900, height: 440 }, { name: "Long form" });
+    [0, 1, 2].forEach((i) => {
+      k.rect(form, i === 2 ? 520 : 800, 96, "field", { name: "Empty field", stroke: rule, effects: [hardShadow(k, "ink", 10, 10)], absolute: { x: i * 34, y: i * 136 } });
+      k.rect(form, 6, 52, "ink", { name: "Caret", absolute: { x: i * 34 + 30, y: i * 136 + 22 }, opacity: i === 0 ? 1 : 0.25 });
+    });
+    const hook = k.stack(sheet, { gap: 8, name: "Hook" });
+    k.text(hook, "Still using a", { style: "Hook 100", color: "text", name: "Hook top" });
+    const block = k.stack(hook, { width: "HUG", fill: "primary", stroke: rule, effects: [hardShadow(k, "ink", 10, 10)], padding: { top: 6, right: 22, bottom: 12, left: 22 }, name: "Hook block" });
+    k.text(block, "23-field", { style: "Hook 100", color: "onPrimary", autoWidth: true, name: "Hook number" });
+    k.text(hook, "form?", { style: "Hook 100", color: "text", name: "Hook end" });
+    FEATURES.forEach((f, i) => {
+      const card = k.stack(sheet, { direction: "HORIZONTAL", gap: 22, align: "CENTER", fill: f.fill, stroke: rule, effects: [hardShadow(k, "ink", 10, 10)], padding: { top: 38, right: 28, bottom: 42, left: 30 }, name: `Feature ${i + 1}` });
+      const words = k.stack(card, { gap: 6, name: "Feature words" });
+      k.text(words, f.title, { style: "Feature 46", color: f.ink, name: "Feature title" });
+      k.text(words, f.note, { style: "Note 28", color: f.ink, name: "Feature note" });
+      const art = k.stack(card, { width: 170, height: 112, name: "Feature drawing" });
+      if (i === 0) {
+        k.rect(art, 170, 62, "field", { name: "Field", stroke: { ...rule, width: 5 }, absolute: { x: 0, y: 0 } });
+        k.rect(art, 5, 34, "ink", { name: "Field caret", absolute: { x: 18, y: 14 } });
+        k.vector(art, 170, 16, [0, 1, 2, 3, 4, 5, 6].map((n) => box(n * 25, 0, 20, 16)), "ink", { name: "Steps", absolute: { x: 0, y: 86 }, opacity: 0.22 });
+        k.vector(art, 170, 16, [0, 1, 2].map((n) => box(n * 25, 0, 20, 16)), "primary", { name: "Steps done", absolute: { x: 0, y: 86 } });
+      } else if (i === 1) {
+        ;
+        [0, 1, 2].forEach((n) => {
+          k.rect(art, 124, 26, "card", { name: "Answer", stroke: { ...rule, width: 4 }, absolute: { x: 0, y: n * 42 } });
+          k.vector(art, 30, 22, [tickPath(30, 22)], "ink", { name: "Saved tick", strokeWidth: 7, absolute: { x: 138, y: n * 42 + 2 } });
+        });
+      } else {
+        const cells = [];
+        for (let r = 0; r < 4; r++) for (let c = 0; c < 3; c++) cells.push(box(c * 58, r * 29, 52, 23));
+        k.vector(art, 170, 112, cells, "card", { name: "CRM rows", absolute: { x: 0, y: 0 }, opacity: 0.35 });
+        k.vector(art, 170, 23, [0, 1, 2].map((c) => box(c * 58, 0, 52, 23)), "primary", { name: "New row", absolute: { x: 0, y: 29 }, stroke: { ...rule, width: 3 } });
+      }
+    });
+    captionStrip(k, sheet, swaps[0].words[0], { style: "Caption 40", fill: "ink", ink: "onInk", pad: [16, 26] });
+    const call = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 0, align: "CENTER", stroke: { ...rule, align: "OUTSIDE" }, effects: [hardShadow(k, "ink", 10, 10)], name: "Call row" });
+    logoBadge(k, call, { fill: "ink", size: 42, pad: 20, radius: 0 });
+    k.instance(call, "Button", { Label: "Build one free at {{brand.site}}" }, { name: "Call" });
+    k.swaps(sheet, swaps);
+    k.cues(sheet, cues);
+    k.variants(sheet, reelCuts({ post: 40, portrait: 80 }, {
+      post: (kit, id) => {
+        kit.patch(id, { itemSpacing: 16, counterAxisSpacing: 16, padding: { top: 44, right: 72, bottom: 50, left: 72 } });
+        hide(kit, id, ["Long form"]);
+        patchAll(kit, id, "Hook", { itemSpacing: 4, counterAxisSpacing: 4 });
+        for (const n of ["Hook top", "Hook number", "Hook end"]) restyle(kit, id, n, "Hook 76");
+        patchAll(kit, id, "Hook block", { padding: { top: 4, right: 16, bottom: 8, left: 16 } });
+        patchAll(kit, id, "Burst", { x: 740, y: -110 });
+        for (let i = 1; i <= 3; i++) patchAll(kit, id, `Feature ${i}`, { padding: { top: 22, right: 28, bottom: 26, left: 30 } });
+      },
+      portrait: (kit, id) => {
+        kit.patch(id, { itemSpacing: 22, counterAxisSpacing: 22, padding: { top: 64, right: 140, bottom: 64, left: 140 } });
+        hide(kit, id, ["Long form"]);
+      }
+    }));
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  saas_hook_features_default
+};

package/dist/chunks/chunk-Q6VPPKMZ.js

@@ -0,0 +1,86 @@
+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 {
+  trackInfo
+} from "./chunk-SQCPEGOZ.js";
+import {
+  MUSIC_HASH,
+  shippedWav
+} from "./chunk-AXTNNHMG.js";
+import {
+  hex
+} from "./chunk-T3SGRYUX.js";
+import {
+  contrastRatio
+} from "./chunk-U4LTVSLE.js";
+import {
+  analyzeAudio
+} from "./chunk-3KX7WU34.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/music/shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function onColor(surface, candidates, ratio = 4.5) {
+  const s = hex(surface);
+  const pick = candidates.find((c) => contrastRatio(hex(c), s) >= ratio);
+  if (pick) return pick;
+  return contrastRatio(hex("#000000"), s) >= contrastRatio(hex("#FFFFFF"), s) ? "#000000" : "#FFFFFF";
+}
+function songClips(id, passes, fadeOut = 900) {
+  const info = trackInfo(id);
+  const n = Math.ceil(passes - 1e-9);
+  return Array.from({ length: n }, (_, p) => ({
+    id: `a${p + 1}`,
+    mediaHash: MUSIC_HASH[id],
+    name: `${info.title}${info.bpm ? ` (${info.bpm} BPM` : " ("}, made by PopCraft, CC0)`,
+    start: Math.round(p * info.durationMs * 1e3) / 1e3,
+    in: 0,
+    out: Math.round(Math.min(1, passes - p) * info.durationMs * 1e3) / 1e3,
+    lane: 0,
+    ...p === n - 1 && fadeOut ? { fadeOut } : {}
+  }));
+}
+var songLength = (id, passes) => Math.round(trackInfo(id).durationMs * passes);
+function withSong(k, sheet, id, passes, fadeOut) {
+  k.timeline(sheet, { duration: songLength(id, passes), fps: 30, audio: songClips(id, passes, fadeOut) });
+}
+var beatMemo = /* @__PURE__ */ new Map();
+function trackBeats(id) {
+  let b = beatMemo.get(id);
+  if (!b) {
+    const { channels, sampleRate } = shippedWav(MUSIC_HASH[id]);
+    b = [...analyzeAudio(channels, sampleRate).beats].map((t) => Math.round(t));
+    beatMemo.set(id, b);
+  }
+  return b;
+}
+function songBeats(id, passes) {
+  const one = trackBeats(id), len = trackInfo(id).durationMs;
+  return Array.from({ length: Math.ceil(passes - 1e-9) }, (_, p) => one.map((t) => Math.round(p * len + t))).flat().filter((t) => t < len * passes);
+}
+var SCRIM = 0.74;
+function scrim(k, parent, role, o = {}, alpha = SCRIM) {
+  return k.stack(parent, { radius: 36, padding: { top: 24, right: 32, bottom: 24, left: 32 }, align: "CENTER", ...o, fill: k.tint(role, alpha) });
+}
+function hexOf(c) {
+  const h = (v) => Math.round(Math.max(0, Math.min(1, v)) * 255).toString(16).padStart(2, "0");
+  return `#${h(c.r)}${h(c.g)}${h(c.b)}`;
+}
+
+export {
+  onColor,
+  songClips,
+  songLength,
+  withSong,
+  trackBeats,
+  songBeats,
+  SCRIM,
+  scrim,
+  hexOf
+};

package/dist/chunks/chunk-Q7NND4P2.js

@@ -0,0 +1,147 @@
+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 {
+  PANE_ART,
+  aurora,
+  body,
+  chip,
+  code,
+  display,
+  figure,
+  fitAurora,
+  float,
+  glassBrand,
+  label,
+  lockup,
+  pane,
+  paneArt,
+  passThrough,
+  sheen,
+  sitePill,
+  surface,
+  ts
+} from "./chunk-CMA6K4JA.js";
+import {
+  portraitSlot
+} from "./chunk-UD3JVCFG.js";
+import {
+  board,
+  restyle
+} from "./chunk-QLV6445V.js";
+import {
+  outro,
+  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/style-glass-testimonial.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Glass SaaS testimonial post";
+var DURATION = 9e3;
+var QUOTE = '"Our refund agent tried to send $48,200 in one afternoon. Vitrine stopped every call over $500 and asked us in Slack. We lost nothing."';
+var WORDS_AT = 500;
+var WORDS_LEN = 3600;
+var LANDED = WORDS_AT + WORDS_LEN;
+var cues = [
+  { layer: "Quote plate", preset: "blur-in", at: 0, params: { duration: 1e3, amount: 24 } },
+  { layer: "Quote", preset: "words-in", at: WORDS_AT, params: { duration: WORDS_LEN } },
+  { layer: "Person", preset: "blur-in", at: LANDED - 400, params: { duration: 1200, amount: 20 } },
+  { layer: "Kept plate", preset: "rise-in", at: LANDED + 200, params: { duration: 1e3, distance: 20 } },
+  // The glass clears again before the end, so a feed's replay starts on the aurora it ends on.
+  outro(["Quote plate", "Person", "Kept plate"], DURATION - 1e3, { gap: 120, duration: 600 })
+];
+var counts = [{ layer: "Kept figure", at: LANDED + 300, duration: 1600, counter: { from: 0, to: 48200, prefix: "$" } }];
+var style_glass_testimonial_default = defineTemplate({
+  id: "social-saas-style-glass-testimonial",
+  meta: {
+    name: NAME,
+    description: "A nine-second testimonial post in the glass look: a customer quote arrives word by word on smoked glass over a slow aurora, then the photo slot and name drift up out of depth and the money that never left resolves on a counter. A travelling highlight, long eases. Square with 4:5 and 9:16 cuts, with a photo slot",
+    category: "social",
+    tags: ["social", "post", "testimonial", "quote", "customer", "review", "saas", "glass", "glassmorphism", "aurora", "shader", "ai", "security", "photo", "animation", "linkedin", "instagram"],
+    platforms: ["linkedin", "instagram", "x", "threads"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["testimonial", "quote", "case-study"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts },
+  build() {
+    const k = new Kit(NAME, preset("ig-post"));
+    k.quantizeGeometry = true;
+    glassBrand(k);
+    ts(k, "Brand 30", display(30));
+    ts(k, "Kicker 24", code(24));
+    ts(k, "Quote 56", display(56, { lead: 1.2 }));
+    ts(k, "Quote 66", display(66, { lead: 1.18 }));
+    ts(k, "Name 30", display(30));
+    ts(k, "Role 24", body(24));
+    ts(k, "Label 20", label(20));
+    ts(k, "Figure 44", figure(44));
+    ts(k, "Site 24", code(24));
+    sitePill(k, { style: "Site 24", label: "{{brand.site}}" });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Testimonial");
+    k.flowSheet(sheet, 24, 64, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    aurora(k, sheet, { duration: DURATION });
+    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top row" });
+    lockup(k, top, { size: 48, style: "Brand 30" });
+    chip(k, top, "Customer story", { style: "Kicker 24", dot: "pass", name: "Story chip", pad: [10, 18] });
+    const qp = pane(k, sheet, { padding: { top: 40, right: 44, bottom: 44, left: 44 }, radius: 34, name: "Quote plate" });
+    k.text(qp, QUOTE, { style: "Quote 56", color: "onGlass", name: "Quote" });
+    sheen(k, qp, 952, 480, [LANDED]);
+    const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 20, align: "MAX", name: "Person row" });
+    const person = pane(k, row, { direction: "HORIZONTAL", gap: 20, align: "CENTER", width: "FILL", padding: 16, radius: 28, alpha: 0.7, name: "Person" });
+    portraitSlot(k, person, 132, 132, { radius: 20, ground: "glass", skin: "glassMuted", top: "ocean", halo: "teal", name: "Portrait", photo: "Customer photo" });
+    const who = k.stack(person, { gap: 4, width: "FILL", name: "Who" });
+    k.text(who, "Mara Lindqvist", { style: "Name 30", color: "onGlass", name: "Name" });
+    k.text(who, "Head of Platform Security, Halden Pay", { style: "Role 24", color: "glassMuted", name: "Role" });
+    const kept = pane(k, row, { gap: 4, width: "HUG", padding: { top: 18, right: 24, bottom: 18, left: 24 }, radius: 28, alpha: 0.7, name: "Kept plate" });
+    k.text(kept, "KEPT", { style: "Label 20", color: "glassMuted", autoWidth: true, name: "Kept label" });
+    k.text(kept, "$48,200", { style: "Figure 44", color: "stop", width: 200, name: "Kept figure" });
+    const foot = paneArt(k, board(k, sheet, PANE_ART.w, PANE_ART.h, 1.08, "Foot board", { absolute: { x: 22, y: 1420 } }), { name: "Foot art" });
+    passThrough(k, foot, 2600, { travel: 2400 });
+    k.instance(sheet, "Site pill", { Label: "{{brand.site}}" }, { name: "Site plate" });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    surface(k, qp, 0, { from: 0.95, duration: 1400 });
+    float(k, qp, DURATION, { amp: 3, phase: 0.4 });
+    float(k, person, DURATION, { amp: 4, phase: 0.1 });
+    k.variants(sheet, postVariants({ portrait: 72, vertical: 96 }, {
+      portrait: (kit, id) => {
+        fitAurora(kit, id);
+        restyle(kit, id, "Quote", "Quote 66");
+        for (const b of kit.named(id, "Foot board stage")) kit.patch(b, { visible: false });
+      },
+      vertical: (kit, id) => {
+        fitAurora(kit, id);
+        restyle(kit, id, "Quote", "Quote 66");
+        kit.patch(id, { primaryAxisAlignItems: "SPACE_BETWEEN" });
+        for (const n of kit.named(id, "Person row")) kit.patch(n, { layoutMode: "VERTICAL", counterAxisAlignItems: "MIN" });
+        for (const n of kit.named(id, "Person")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
+      }
+    }));
+    for (const b of k.named(sheet, "Foot board stage")) k.patch(b, { visible: false });
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  style_glass_testimonial_default
+};

package/dist/chunks/chunk-QAPCYOYS.js

@@ -0,0 +1,78 @@
+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 {
+  restyleAll,
+  storyCut,
+  titleSafe
+} from "./chunk-AFOQTZPR.js";
+import {
+  logoBadge,
+  outro,
+  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/kinetic/lines.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var cues = [
+  { layer: "Logo", preset: "fade-in", at: 0 },
+  { layer: "Lines", preset: "lines-in", at: 300, params: { duration: 700, amount: 320 } },
+  { layer: "Dish", preset: "fade-in", at: 1700, params: { duration: 500 } },
+  { layer: "Recipe chip", preset: "pop-in", at: 2e3 },
+  { layer: "Lines", preset: "lines-out", at: 5400, params: { duration: 450, amount: 120 } },
+  outro(["Logo", "Dish", "Recipe chip"], 5600)
+];
+var lines_default = defineTemplate({
+  id: "motion-kinetic-lines",
+  meta: {
+    name: "Line-by-line reveal",
+    description: "A recipe sold in three short lines, each rising in on its own beat, then the dish and a \u201Crecipe in bio\u201D chip \u2014 7 seconds, 16:9 with a 9:16 story cut",
+    category: "animation",
+    tags: ["animation", "kinetic type", "lines", "food", "recipe", "reel"],
+    platforms: ["instagram", "tiktok", "youtube", "pinterest"],
+    formats: ["video", "story", "reel", "short"],
+    useCases: ["tips", "announcement"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Line-by-line reveal", preset("video-1080p"));
+    k.brand(
+      { paper: "#1E3A2F", text: "#F5F0E6", onPaper: "#BCD2C4", accent: "#F2C14E", onAccent: "#1E3A2F", card: "#2C5242" },
+      { dish: "Lemon, garlic and chilli spaghetti \xB7 Pantry Club" }
+    );
+    k.textStyle("Lines 136", { size: 136, fontWeight: 900, letterSpacing: -4, lineHeight: 144, textAlign: "CENTER" });
+    k.textStyle("Lines 120", { size: 120, fontWeight: 900, letterSpacing: -3, lineHeight: 128, textAlign: "CENTER" });
+    k.textStyle("Dish 42", { size: 42, fontWeight: 600, lineHeight: 52, textAlign: "CENTER" });
+    k.textStyle("Chip 32", { size: 32, fontWeight: 800, letterSpacing: 2, lineHeight: 40 });
+    pill(k, "Chip", { fill: "accent", ink: "onAccent", style: "Chip 32", label: "RECIPE IN BIO", pad: [14, 34] });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 36, titleSafe(), "paper", "CENTER", "CENTER");
+    k.timeline(sheet, { duration: 7e3, fps: 30 });
+    logoBadge(k, sheet, { fill: "card", size: 64, name: "Logo" });
+    k.text(sheet, "Three ingredients.\nTen minutes.\nOne pan.", { style: "Lines 136", color: "text", name: "Lines" });
+    k.text(sheet, "{{brand.dish}}", { style: "Dish 42", color: "onPaper", name: "Dish" });
+    k.instance(sheet, "Chip", { Label: "RECIPE IN BIO" }, { name: "Recipe chip" });
+    k.cues(sheet, cues);
+    k.variants(sheet, storyCut((kit, id) => restyleAll(kit, id, ["Lines"], "Lines 120")));
+    return k.finish();
+  }
+});
+
+export {
+  lines_default
+};