@popcraft/kit 0.29.0 → 0.30.0

package/dist/chunks/chunk-OLNJXCCF.js

@@ -1,256 +0,0 @@
-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 {
-  sceneLengths,
-  type,
-  withSound
-} from "./chunk-FTDYIEB4.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  bed
-} from "./chunk-42LEBOKV.js";
-import {
-  hardShadow
-} from "./chunk-M6VTXO6F.js";
-import {
-  logoBadge,
-  pill
-} from "./chunk-LEKU2ZW3.js";
-import {
-  box
-} from "./chunk-6RCDZU4R.js";
-import {
-  into,
-  playScenes,
-  sceneSheets
-} from "./chunk-OCLWCJDP.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset
-} from "./chunk-OFAIOFJQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/scenes/saas-film-bright-trailer.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var B = bed("tension", 44);
-var { beat } = B;
-var ON = [0, 4, 8, 12, 16, 20, 24, 30, 36];
-var NOTES = ["Launch moves to 14 November, after the audit.", "Pricing needs the annual toggle before then.", "Marek owns the migration script. Ines reviews."];
-var TASKS = [["Move the launch date to 14 Nov", "Ines", "Fri"], ["Add the annual toggle to pricing", "Jo", "Mon"], ["Write the migration script", "Marek", "Wed"], ["Send the recap to Parcelhaus", "Auto", "Now"]];
-var FILED = [["Tracker", "4 issues created", "red"], ["Wiki", "Notes page published", "lime"], ["Team chat", "Recap posted in #parcelhaus", "sky"]];
-var STICKIES = [[0, 50, -6, "lime", "Write up the call"], [250, 0, 5, "sky", "Who took notes?"], [500, 70, -3, "card", "Chase Marek"], [120, 290, 4, "card", "Send the recap"], [390, 310, -5, "lime", "Update the tracker"]];
-var scenes = [
-  { sheet: "The call ends", cues: [
-    { layer: "Brand row", preset: "fade-in", at: 0, params: { duration: 250 } },
-    { layer: "Line one", preset: "words-in", at: 0, params: { duration: 420, amount: 70 } },
-    { layer: "Call tile", preset: "pop-in", at: 0, params: { duration: 320 } },
-    { layer: "Hang up", preset: "pulse", at: beat(1), params: { duration: 400, amount: 0.14 } },
-    { layer: "Call tile", preset: "drop-out", at: beat(2), params: { duration: 380 } }
-  ] },
-  { sheet: "The work starts", cues: [
-    { layer: "Line two", preset: "words-in", at: 0, params: { duration: 420, amount: 70 } },
-    { layer: "Sticky", preset: "drop-in", at: 60, params: { duration: 360 }, stagger: { delay: 150 } }
-  ] },
-  { sheet: "Who writes it up", cues: [
-    { layer: "Line three", preset: "words-in", at: 0, params: { duration: 420, amount: 70 } },
-    { layer: "Blank page", preset: "slide-in", at: 0, params: { duration: 420, direction: "right" } },
-    { layer: "Caret", preset: "flash", at: beat(1), params: { duration: 900 } },
-    { layer: "Caret", preset: "flash", at: beat(3) - 200, params: { duration: 600 } }
-  ] },
-  { sheet: "Notes", cues: [
-    { layer: "Notes words", preset: "slide-in", at: 0, params: { duration: 420, direction: "left" } },
-    { layer: "Notes card", preset: "rise-in", at: 0, params: { duration: 480 } },
-    { layer: "Wave", preset: "wipe-in", at: beat(0.5), params: { duration: beat(1.5), direction: "right" } },
-    { layer: "Note", preset: "rise-in", at: beat(1.5), params: { duration: 380 }, stagger: { delay: Math.round(beat(1)) } }
-  ] },
-  { sheet: "Tasks", cues: [
-    { layer: "Tasks words", preset: "slide-in", at: 0, params: { duration: 420, direction: "left" } },
-    { layer: "Tasks card", preset: "rise-in", at: 0, params: { duration: 480 } },
-    { layer: "Task", preset: "slide-in", at: beat(0.5), params: { duration: 380, direction: "right" }, stagger: { delay: Math.round(beat(0.5)) } },
-    { layer: "Tick", preset: "pop-in", at: beat(2.5), params: { duration: 260 }, stagger: { delay: Math.round(beat(0.5)) } }
-  ] },
-  { sheet: "Filed", transition: into("WHIP_RIGHT", 300), cues: [
-    { layer: "Filed words", preset: "words-in", at: 200, params: { duration: 420, amount: 60 } },
-    { layer: "Destination", preset: "pop-in", at: beat(1), params: { duration: 360 }, stagger: { delay: Math.round(beat(1)) } },
-    { layer: "Filed tick", preset: "pop-in", at: beat(1.5), params: { duration: 260 }, stagger: { delay: Math.round(beat(1)) } }
-  ] },
-  { sheet: "Hours back", transition: into("ZOOM_THROUGH", 320), cues: [
-    { layer: "Hours figure", preset: "pop-in", at: 150, params: { duration: 420 } },
-    { layer: "Hours label", preset: "rise-in", at: beat(1.5), params: { duration: 420 } },
-    { layer: "Clock", preset: "scale-in", at: 100, params: { duration: 700 } }
-  ], counts: [{ layer: "Hours figure", at: 150, duration: beat(2), counter: { from: 0, to: 11, suffix: " hours" } }] },
-  { sheet: "No more", cues: [
-    { layer: ["No one", "No two", "No three"], preset: "slide-in", at: 0, params: { duration: 300, direction: "left" }, stagger: { delay: Math.round(beat(1)), order: "selection" } },
-    { layer: "Marker", preset: "wipe-in", at: 150, params: { duration: 260, direction: "right" }, stagger: { delay: Math.round(beat(1)) } }
-  ] },
-  { sheet: "End card", cues: [
-    { layer: "End logo", preset: "pop-in", at: 0, params: { duration: 380 } },
-    { layer: "End name", preset: "letters-in", at: 80, params: { duration: 420, amount: 30 } },
-    { layer: "End line", preset: "rise-in", at: beat(1), params: { duration: 420 } },
-    { layer: "End button", preset: "pop-in", at: beat(2), params: { duration: 380 } },
-    { layer: "End button", preset: "pulse", at: beat(3), params: { duration: 480, amount: 0.07 } },
-    { layer: "End button", preset: "pulse", at: beat(5), params: { duration: 480, amount: 0.07 } },
-    { layer: "Burst", preset: "scale-in", at: 0, params: { duration: 600 } }
-  ] }
-];
-var LENGTHS = sceneLengths(ON.map((b) => beat(b)), B.duration, scenes);
-var GROUNDS = ["paper", "primary", "ink", "paper", "accent", "paper", "primary", "paper", "ink"];
-var PAD = { top: 72, right: 110, bottom: 72, left: 110 };
-var CW = 1920 - PAD.left - PAD.right;
-var CH = 1080 - PAD.top - PAD.bottom;
-var tick = (s) => ({ closed: false, points: [{ x: s * 0.18, y: s * 0.52 }, { x: s * 0.42, y: s * 0.76 }, { x: s * 0.84, y: s * 0.26 }] });
-var saas_film_bright_trailer_default = defineTemplate({
-  id: "motion-saas-film-bright-trailer",
-  meta: {
-    name: "SaaS film: product trailer, bright and fast",
-    description: "A 22-second product trailer on a light ground: black poster type, vermilion and lime, nine scenes cut hard on the beat. Three kinetic lines set up the problem, three product UI cards (notes, tasks, where they are filed) show the answer, a figure counts, and the end card pops. 1920\xD71080, with music",
-    category: "animation",
-    tags: ["animation", "saas", "saas film", "trailer", "product trailer", "kinetic type", "fast cuts", "bright", "light", "ui cards", "scenes", "music", "audio", "16:9", "launch"],
-    platforms: ["youtube", "x", "linkedin", "web", "product-hunt"],
-    formats: ["video", "ad", "intro", "demo"],
-    useCases: ["launch", "announcement", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { scenes },
-  build() {
-    const k = new Kit("SaaS film: product trailer, bright and fast", preset("video-1080p"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#FBF8F1", text: "#0C0C0C", onPaper: "#D62E12", primary: "#FF4127", onPrimary: "#170400", accent: "#C6F135", onAccent: "#131A00", card: "#FFFFFF", onCard: "#0C0C0C" },
-      { name: "Clipnote" }
-    );
-    k.palette({ ink: "#0C0C0C", onInk: "#FBF8F1", lime: "#C6F135", red: "#FF4127", sky: "#BFE3FF", faint: "#5E5E58", line: "#E7E2D6", field: "#F4F0E6", done: "#12A150", onDone: "#FFFFFF" });
-    const made = /* @__PURE__ */ new Set();
-    const T = (name, px, o = {}) => type(k, made, name, px, o);
-    const giant = (px) => T("Giant", px, { fontWeight: 900, leading: 0.9, tracking: -0.055 });
-    const big = T("Big", 150, { fontWeight: 900, leading: 0.96, tracking: -0.05 });
-    const title = T("Card title", 38, { fontWeight: 800, tracking: -0.02, leading: 1.2 });
-    const line = T("Card line", 34, { fontWeight: 500, leading: 1.3, tracking: -0.01 });
-    const strong = T("Card strong", 30, { fontWeight: 700, leading: 1.3, tracking: -0.015 });
-    const small = T("Card small", 22, { fontWeight: 600, leading: 1.3 });
-    const label = T("Label", 20, { fontWeight: 800, tracking: 0.14, leading: 1.2 });
-    const mono = T("Mono", 24, { fontWeight: 700, leading: 1.2, ...MONO });
-    const edge = { color: "ink", width: 4, align: "INSIDE" };
-    pill(k, "Button", { fill: "accent", ink: "onAccent", style: T("Button", 44, { fontWeight: 900, tracking: -0.03, leading: 1.15 }), label: "clipnote.example", pad: [24, 44], radius: 20 });
-    pill(k, "Who", { fill: "sky", ink: "ink", style: small, label: "Ines", pad: [6, 14], radius: 8 });
-    const sheets = sceneSheets(k, "video-1080p", scenes.map((s) => s.sheet));
-    sheets.forEach((id, i) => {
-      k.flowSheet(id, 28, PAD, GROUNDS[i], "MAX", "MIN");
-      k.timeline(id, { duration: LENGTHS[i], fps: 30 });
-    });
-    const [ends, starts, who, notes, tasks, filed, hours, noMore, end] = sheets;
-    const card = (parent, name, w, h, at) => k.stack(parent, { width: w, height: h, gap: 26, fill: "card", radius: 28, padding: 40, stroke: edge, effects: [hardShadow(k, "ink", 14, 14)], name, ...at ? { absolute: at } : {} });
-    const brand = k.stack(ends, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Brand row", absolute: { x: PAD.left, y: PAD.top } });
-    logoBadge(k, brand, { fill: "primary", size: 40, radius: 14 });
-    k.text(brand, "{{brand.name}}", { style: T("Brand", 40, { fontWeight: 900, tracking: -0.03 }), color: "text", autoWidth: true, name: "Brand name" });
-    const call = card(ends, "Call tile", 760, "HUG", { x: 1920 - PAD.right - 770, y: PAD.top });
-    const faces = k.stack(call, { direction: "HORIZONTAL", gap: 16, name: "Faces" });
-    for (const [fill, dot] of [["sky", "ink"], ["lime", "ink"], ["field", "red"]]) {
-      const face = k.stack(faces, { height: 190, fill, radius: 18, justify: "CENTER", align: "CENTER", name: "Face" });
-      k.ellipse(face, 84, dot, { name: "Head" });
-    }
-    const bar = k.stack(call, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Call bar" });
-    k.text(bar, "Kickoff \xB7 42:07", { style: mono, color: "onCard", autoWidth: true, name: "Call time" });
-    const hang = k.stack(bar, { width: "HUG", fill: "red", radius: 14, padding: { top: 10, right: 22, bottom: 10, left: 22 }, name: "Hang up" });
-    k.text(hang, "Leave", { style: small, color: "ink", autoWidth: true, name: "Hang up label" });
-    k.text(ends, "The call ends.", { style: giant(280), color: "text", name: "Line one", width: 1300 });
-    const pile = k.stack(starts, { width: 780, height: 560, name: "Pile", absolute: { x: 1920 - PAD.right - 800, y: 60 } });
-    for (const [x, y, turn, fill, words] of STICKIES) {
-      const note = k.stack(pile, { width: 270, height: 220, fill, padding: 24, stroke: edge, effects: [hardShadow(k, "ink", 10, 10)], name: "Sticky", absolute: { x, y } });
-      k.text(note, words, { style: strong, color: "ink", name: "Sticky words" });
-      k.patch(note, { rotation: turn });
-    }
-    k.text(starts, "The work starts.", { style: giant(280), color: "onPrimary", name: "Line two", width: 1200 });
-    const page = card(who, "Blank page", 560, 720, { x: 1920 - PAD.right - 560, y: 180 });
-    k.text(page, "Untitled notes", { style: title, color: "faint", name: "Page title" });
-    k.rect(page, "FILL", 4, "line", { name: "Page rule" });
-    k.rect(page, 6, 56, "red", { name: "Caret" });
-    for (let i = 0; i < 6; i++) k.rect(page, "FILL", 4, "line", { name: "Page line" });
-    k.patch(page, { itemSpacing: 44 });
-    k.text(who, "Who writes it up?", { style: giant(250), color: "onInk", name: "Line three", width: 1150 });
-    const product = (sheet, name, lines, ink) => {
-      const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 70, align: "CENTER", height: CH, name: "Layout" });
-      const words = k.stack(row, { width: 720, gap: 0, name: `${name} words` });
-      for (const [chars, color] of lines) k.text(words, chars, { style: big, color: color || ink, name: "Words" });
-      return card(row, `${name} card`, CW - 720 - 70, "HUG");
-    };
-    const notesCard = product(notes, "Notes", [["Clipnote", "onPaper"], ["writes the notes.", ""]], "text");
-    const head = k.stack(notesCard, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Card head" });
-    const rec = k.stack(head, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", name: "Recording" });
-    k.ellipse(rec, 20, "red", { name: "Rec dot" });
-    k.text(rec, "Kickoff with Parcelhaus", { style: title, color: "onCard", autoWidth: true, name: "Call name" });
-    k.text(head, "42 min", { style: mono, color: "faint", autoWidth: true, name: "Call length" });
-    const wave = k.stack(notesCard, { height: 110, fill: "field", radius: 14, clip: true, name: "Wave" });
-    const WW = CW - 720 - 70 - 80;
-    k.vector(wave, WW, 110, Array.from({ length: Math.floor((WW - 24) / 14) }, (_, i) => {
-      const h = 12 + Math.round(52 * Math.abs(Math.sin(i * 0.9) * Math.cos(i * 0.31)));
-      return box(16 + i * 14, 55 - h * 0.75, 7, h * 1.5);
-    }), "ink", { name: "Wave bars", absolute: { x: 0, y: 0 } });
-    k.text(notesCard, "SUMMARY", { style: label, color: "faint", name: "Summary label" });
-    for (const n of NOTES) {
-      const item = k.stack(notesCard, { direction: "HORIZONTAL", gap: 16, name: "Note" });
-      k.rect(item, 16, 16, "red", { name: "Bullet", radius: 4 });
-      k.text(item, n, { style: line, color: "onCard", name: "Note words" });
-    }
-    const tasksCard = product(tasks, "Tasks", [["Pulls out", ""], ["the tasks.", ""]], "onAccent");
-    k.text(tasksCard, "4 tasks found", { style: title, color: "onCard", name: "Tasks title" });
-    for (const [task, owner, due] of TASKS) {
-      const item = k.stack(tasksCard, { direction: "HORIZONTAL", gap: 18, align: "CENTER", fill: "field", radius: 14, padding: { top: 22, right: 22, bottom: 22, left: 20 }, name: "Task" });
-      const check = k.stack(item, { width: 40, height: 40, fill: "done", radius: 10, name: "Check" });
-      k.vector(check, 40, 40, [tick(40)], "onDone", { name: "Tick", strokeWidth: 5, absolute: { x: 0, y: 0 } });
-      k.text(item, task, { style: strong, color: "ink", name: "Task words" });
-      k.instance(item, "Who", { Label: owner }, { name: "Owner" });
-      k.text(item, due, { style: mono, color: "faint", autoWidth: true, name: "Due" });
-    }
-    k.patch(filed, { primaryAxisAlignItems: "CENTER", itemSpacing: 56 });
-    k.text(filed, "Files them where you work.", { style: giant(170), color: "text", name: "Filed words" });
-    const places = k.stack(filed, { direction: "HORIZONTAL", gap: 34, name: "Destinations" });
-    for (const [name, what, fill] of FILED) {
-      const d = card(places, "Destination", (CW - 68) / 3, "HUG");
-      const top = k.stack(d, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Destination top" });
-      const icon = k.stack(top, { width: 120, height: 120, fill, radius: 22, stroke: edge, justify: "CENTER", align: "CENTER", name: "Icon" });
-      k.rect(icon, 52, 52, "ink", { name: "Glyph", radius: name === "Team chat" ? 18 : name === "Wiki" ? 4 : 10 });
-      const ok = k.stack(top, { width: 64, height: 64, fill: "done", radius: 32, name: "Filed tick" });
-      k.vector(ok, 64, 64, [tick(64)], "onDone", { name: "Filed mark", strokeWidth: 6, absolute: { x: 0, y: 0 } });
-      k.text(d, name, { style: T("Destination", 56, { fontWeight: 900, tracking: -0.035, leading: 1.1 }), color: "onCard", name: "Destination name" });
-      k.text(d, what, { style: line, color: "faint", name: "Destination line" });
-    }
-    k.ellipse(hours, 620, k.tint("onPrimary", 1e-3), { name: "Clock", stroke: { color: "onPrimary", width: 26, align: "INSIDE" }, absolute: { x: 1920 - 620 - 40, y: -140 }, opacity: 0.3 });
-    k.text(hours, "11 hours", { style: giant(360), color: "onPrimary", name: "Hours figure" });
-    k.text(hours, "back every week, for each person on the call.", { style: T("Lede", 64, { fontWeight: 700, tracking: -0.03, leading: 1.15 }), color: "onPrimary", name: "Hours label" });
-    k.patch(noMore, { itemSpacing: 0, primaryAxisAlignItems: "CENTER" });
-    [["No one", "No notes."], ["No two", "No recap."], ["No three", "No chasing."]].forEach(([name, words], i) => {
-      const row = k.stack(noMore, { width: "HUG", name });
-      const marker = k.rect(row, 10, 86, "accent", { name: "Marker", absolute: { x: -14, y: 150 } });
-      const line3 = k.text(row, words, { style: giant(290), color: i === 2 ? "onPaper" : "text", autoWidth: true, name: "No words" });
-      k.patch(marker, { width: Math.round(k.finish().nodes[line3].width) + 28 });
-    });
-    k.patch(end, { counterAxisAlignItems: "CENTER", primaryAxisAlignItems: "CENTER", itemSpacing: 30 });
-    const burst = k.star(end, 1500, "lime", { name: "Burst", absolute: { x: 210, y: -210 }, opacity: 0.1 });
-    k.patch(burst, { pointCount: 16, innerRadius: 0.82, rotation: 0 });
-    logoBadge(k, end, { fill: "primary", size: 96, radius: 34, name: "End logo" });
-    k.text(end, "{{brand.name}}", { style: T("End", 200, { fontWeight: 900, leading: 0.9, tracking: -0.06, textAlign: "CENTER" }), color: "onInk", name: "End name" });
-    k.text(end, "Try it on your next call.", { style: T("End line", 60, { fontWeight: 700, tracking: -0.03, leading: 1.15, textAlign: "CENTER" }), color: "onInk", name: "End line" });
-    k.instance(end, "Button", { Label: "clipnote.example" }, { name: "End button" });
-    playScenes(k, "comp-bright-trailer", "Product trailer, bright and fast", sheets, scenes, "paper");
-    k.setCover(ends);
-    return withSound(k.finish(), { "comp-bright-trailer": B.audio });
-  }
-});
-
-export {
-  saas_film_bright_trailer_default
-};

package/dist/chunks/chunk-OOKBDASM.js

@@ -1,150 +0,0 @@
-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 {
-  brand,
-  caption,
-  captionCues,
-  column,
-  glow,
-  rig,
-  sizes,
-  stage,
-  typeStep
-} from "./chunk-T5EUIGII.js";
-import {
-  key
-} from "./chunk-OTE5FUDA.js";
-import {
-  deviceShadow
-} from "./chunk-IGV5QPFA.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset
-} from "./chunk-OFAIOFJQ.js";
-import {
-  ease
-} from "./chunk-MFBWT2Y7.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/motion3d/feature-flip.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 1e4;
-var FPS = 30;
-var SIZES = ["video-square", "video-1080p"];
-var FEATURES = [
-  ["Budgets", "A monthly budget per category, with a nudge before you go over."],
-  ["Bills", "Every bill and subscription, with a reminder three days out."],
-  ["Goals", "Save toward a trip or a laptop and watch it fill."],
-  ["Insights", "See where it went, by week, month or merchant."],
-  ["Split", "Split any purchase with friends in two taps."],
-  ["Widgets", "Your balance and budgets on your Home Screen."],
-  ["Face ID", "Only you can open your money."],
-  ["Offline", "Works without signal and syncs when you\u2019re back."],
-  ["Export", "CSV and PDF statements for tax time."]
-];
-var FLIP_AT = 1600;
-var BACK_AT = 6600;
-var WAVE = 130;
-var TURN = 800;
-var CAPTION = { name: "Headline", title: "Everything your money needs." };
-var CUES = [...captionCues(CAPTION, 200), { layer: "Headline", preset: "fade-out", at: 9300, params: { duration: 500 } }];
-function build(k, sheet, s) {
-  k.nameSheet(sheet, `Feature flip wall \xB7 ${preset(s.preset).name}`);
-  glow(k, sheet, "primary", Math.round(1200 * s.u), s.W / 2, s.H * 0.58, 0.45);
-  const scene = stage(k, sheet, s, { duration: DURATION, fps: FPS, perspective: 2600 * s.u });
-  const cols = s.wide ? 4 : 3, rows = s.wide ? 2 : 3;
-  const tile = s.wide ? { w: 360, h: 300 } : { w: 262, h: 236 };
-  const gap = Math.round(24 * s.u);
-  const W = cols * tile.w + (cols - 1) * gap, H = rows * tile.h + (rows - 1) * gap;
-  const col = column(s, 120);
-  const top = Math.round((s.wide ? 200 : 190) * s.u);
-  const grid = rig(k, scene, s, "Grid", W, H, s.W / 2, top + (s.H - top - 60 * s.u) / 2);
-  k.patch(grid, { rotateX: 8 });
-  k.behave(grid, "rotateY", [{ kind: "sine", amp: 4, freq: 0.1 }]);
-  const pad = Math.round(26 * s.u);
-  const faceName = `Feature tile ${tile.w}`, backName = `Feature detail ${tile.w}`;
-  if (!k.hasComponent(faceName)) {
-    const name = `Tile ${Math.round(44 * s.u)}`;
-    k.textStyle(name, { size: Math.round(44 * s.u), fontWeight: 800, letterSpacing: -1, lineHeight: Math.round(50 * s.u) });
-    k.textStyle("Tile detail 20", { size: 20, fontWeight: 500, lineHeight: 27 });
-    const label = typeStep(k, s, "label");
-    k.component(faceName, {
-      width: tile.w,
-      height: tile.h,
-      fill: "primary",
-      radius: 30,
-      padding: pad,
-      justify: "SPACE_BETWEEN",
-      effects: [deviceShadow(0.3, 20, 50)],
-      description: "The front of a feature tile: its number and its name.",
-      props: { Number: "01", Feature: FEATURES[0][0] }
-    }, (id) => {
-      k.propText(id, "Number", { style: label, color: "onPrimary" });
-      k.propText(id, "Feature", { style: name, color: "onPrimary" });
-    });
-    k.component(backName, {
-      width: tile.w,
-      height: tile.h,
-      fill: "surface",
-      radius: 30,
-      padding: pad,
-      gap: 10,
-      justify: "CENTER",
-      effects: [deviceShadow(0.3, 20, 50)],
-      description: "The back of a feature tile: what the feature does.",
-      props: { Feature: FEATURES[0][0], Detail: FEATURES[0][1] }
-    }, (id) => {
-      k.propText(id, "Feature", { style: label, color: "primary" });
-      k.propText(id, "Detail", { style: "Tile detail 20", color: "onScreen" });
-    });
-  }
-  FEATURES.slice(0, cols * rows).forEach(([title, text], i) => {
-    const c = i % cols, r = Math.floor(i / cols);
-    const g = k.group(grid, { x: c * (tile.w + gap), y: r * (tile.h + gap), width: tile.w, height: tile.h }, { name: title });
-    const face = k.instance(g, faceName, { Number: String(i + 1).padStart(2, "0"), Feature: title }, { name: "Face" });
-    k.patch(face, { z: 1 });
-    const back = k.instance(g, backName, { Feature: title, Detail: text }, { name: "Back" });
-    k.patch(back, { z: -1, rotateY: 180 });
-    const d = (c + r) * WAVE;
-    key(k, g, "rotateY", [[FLIP_AT + d, 0, ease.inOut("cubic")], [FLIP_AT + d + TURN, 180, ease.hold], [BACK_AT + d, 180, ease.inOut("cubic")], [BACK_AT + d + TURN, 360]]);
-    key(k, g, "z", [[FLIP_AT + d, 0, ease.out("cubic")], [FLIP_AT + d + TURN / 2, 120, ease.inOut("cubic")], [FLIP_AT + d + TURN, 0, ease.hold], [BACK_AT + d, 0, ease.out("cubic")], [BACK_AT + d + TURN / 2, 120, ease.inOut("cubic")], [BACK_AT + d + TURN, 0]]);
-    if (c + r < (cols + rows - 2) / 2) k.patch(g, { rotateY: 180 });
-  });
-  caption(k, sheet, s, { ...CAPTION, step: "subtitle", width: col.width, align: "CENTER", at: { x: col.x, y: Math.round(70 * s.u) } });
-  k.cues(sheet, CUES);
-}
-var feature_flip_default = defineTemplate({
-  id: "motion-3d-feature-flip",
-  meta: {
-    name: "Feature flip wall",
-    description: "A grid of feature tiles in your colour flips over in a 3D wave to show what each feature does on its back, holds, and flips home \u2014 a 10-second loop at 30 fps, square (nine features) and 16:9 (eight), for launch and feature videos",
-    category: "animation",
-    tags: ["animation", "3d", "features", "grid", "flip", "cards", "app", "launch", "loop"],
-    platforms: ["instagram", "linkedin", "x", "youtube", "web"],
-    formats: ["post", "video", "ad"],
-    useCases: ["launch", "announcement"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues: CUES },
-  build() {
-    const k = new Kit("Feature flip wall", preset(SIZES[0]));
-    brand(k, "dark");
-    const [cover] = sizes(k, SIZES, (sheet, s) => build(k, sheet, s));
-    k.setCover(cover);
-    return k.finish();
-  }
-});
-
-export {
-  feature_flip_default
-};

package/dist/chunks/chunk-OPJ5OHQU.js

@@ -1,238 +0,0 @@
-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 {
-  init_variables,
-  unbindItemColor
-} from "./chunk-FREAHUVP.js";
-import {
-  asPath,
-  init_properties,
-  propertyFor,
-  readPath,
-  writePath
-} from "./chunk-HJCL5HTJ.js";
-import {
-  init_values,
-  isValueOf,
-  sameValue
-} from "./chunk-5X7A23T7.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-import {
-  __esm
-} from "./chunk-LJSVREWM.js";
-
-// lib/document/instances.ts
-function splitVirtualId(id) {
-  if (!id.includes("::")) return null;
-  const parts = id.split("::");
-  return { hostId: parts[0], childId: parts[parts.length - 1], ownerId: parts[parts.length - 2], parts };
-}
-function chainNode(nodes, parts, i) {
-  let overrides = {};
-  let node;
-  for (let k = 0; k <= i; k++) {
-    const raw = nodes[parts[k]];
-    if (!raw) return null;
-    node = k === 0 ? raw : { ...raw, ...overrides[raw.id] };
-    if (node.type === "INSTANCE") overrides = { ...node.overrides || {}, ...overrides };
-  }
-  return node ? { node, overrides } : null;
-}
-function effectiveComponentProperties(nodes, parts) {
-  let props = {};
-  for (let i = 0; i < parts.length - 1; i++) {
-    const c = chainNode(nodes, parts, i);
-    if (!c || c.node.type !== "INSTANCE") continue;
-    props = { ...props, ...c.node.componentProperties || {} };
-  }
-  return props;
-}
-function nestedInstanceProperties(nodes, host, nestedId) {
-  const nested = nodes[nestedId];
-  const over = host.overrides?.[nestedId];
-  return { ...nested?.componentProperties || {}, ...over?.componentProperties || {} };
-}
-function exposedNestedInstances(nodes, componentId) {
-  const out = [];
-  const walk = (id, depth) => {
-    const n = nodes[id];
-    if (!n || depth > 32) return;
-    if (n.type === "INSTANCE") {
-      const inst = n;
-      const component = nodes[inst.mainComponentId];
-      if (inst.isExposedInstance && component?.type === "COMPONENT") {
-        const set = component.parentId ? nodes[component.parentId] : void 0;
-        const definitions = set?.type === "COMPONENT_SET" ? set.componentPropertyDefinitions : component.componentPropertyDefinitions;
-        out.push({ instance: inst, component, definitions: definitions || {} });
-      }
-      return;
-    }
-    for (const c of n.childIds || []) walk(c, depth + 1);
-  };
-  for (const c of nodes[componentId]?.childIds || []) walk(c, 0);
-  return out;
-}
-function nestedInstancePropertyPatch(host, nestedId, name, value) {
-  const existing = host.overrides?.[nestedId] || {};
-  return { overrides: { ...host.overrides || {}, [nestedId]: { ...existing, componentProperties: { ...existing.componentProperties || {}, [name]: value } } } };
-}
-function componentDefinitions(nodes, componentId) {
-  const c = nodes[componentId];
-  if (!c || c.type !== "COMPONENT") return NO_DEFS;
-  const set = c.parentId ? nodes[c.parentId] : void 0;
-  return (set?.type === "COMPONENT_SET" ? set.componentPropertyDefinitions : c.componentPropertyDefinitions) ?? NO_DEFS;
-}
-function owningComponent(nodes, id) {
-  for (let n = nodes[id]; n; n = n.parentId ? nodes[n.parentId] : void 0) if (n.type === "COMPONENT") return n;
-  return void 0;
-}
-function propertyDefaults(defs) {
-  let out = defaultsMemo.get(defs);
-  if (!out) {
-    out = {};
-    for (const name in defs) out[name] = defs[name].defaultValue;
-    defaultsMemo.set(defs, out);
-  }
-  return out;
-}
-function fitsPath(path, v) {
-  const prop = propertyFor(asPath(path));
-  return !!prop && v !== void 0 && isValueOf(prop.valueType, v);
-}
-function boundValue(key, prop, values) {
-  const b = key.bind;
-  if (!b || !values) return key.v;
-  let v = values[b.prop];
-  if (typeof v === "number") v = v * (b.mul ?? 1) + (b.add ?? 0);
-  return v !== void 0 && isValueOf(prop.valueType, v) ? v : key.v;
-}
-function withPropertyPaths(node, values) {
-  if (!values) return node;
-  const paths = node.componentPropertyPaths;
-  let out = node;
-  if (paths) {
-    for (const path in paths) {
-      const v = values[paths[path]];
-      if (!fitsPath(path, v)) continue;
-      out = unbindItemColor(writePath(out, asPath(path), v), path);
-    }
-  }
-  return withRestBindings(out, values);
-}
-function hasBinding(track) {
-  let b = boundTracks.get(track);
-  if (b === void 0) {
-    b = track.keys.some((k) => !!k.bind);
-    boundTracks.set(track, b);
-  }
-  return b;
-}
-function withRestBindings(node, values) {
-  const tracks = node.motion?.tracks;
-  if (!tracks) return node;
-  let out = node;
-  for (const path in tracks) {
-    const track = tracks[path];
-    if (!track || !hasBinding(track)) continue;
-    const keys = track.keys;
-    if (!keys.some((k) => k.bind && values[k.bind.prop] !== void 0)) continue;
-    if (node.componentPropertyPaths?.[path]) continue;
-    const prop = propertyFor(asPath(path));
-    if (!prop) continue;
-    const rest = readPath(node, asPath(path));
-    let key;
-    for (const k of keys) if (k.bind && rest !== void 0 && sameValue(k.v, rest)) key = k;
-    if (!key) continue;
-    const v = boundValue(key, prop, values);
-    if (!sameValue(v, rest)) out = prop.valueType === "color" ? unbindItemColor(writePath(out, asPath(path), v), path) : writePath(out, asPath(path), v);
-  }
-  return out;
-}
-function isInputPath(node, path, values) {
-  if (!values) return false;
-  if (path === "text.content") {
-    const ref = node.componentPropertyReferences?.characters;
-    return !!ref && typeof values[ref] === "string";
-  }
-  const name = node.componentPropertyPaths?.[path];
-  return !!name && fitsPath(path, values[name]);
-}
-function instanceChildPatch(nodes, virtualId, props) {
-  const v = splitVirtualId(virtualId);
-  if (!v) return null;
-  const host = nodes[v.hostId];
-  if (!host || host.type !== "INSTANCE") return null;
-  const child = nodes[v.childId];
-  if (!child) return null;
-  const rest = { ...props };
-  let overrides = { ...host.overrides || {} };
-  let componentProperties = host.componentProperties;
-  const refs = child.componentPropertyReferences || {};
-  const setProperty = (name, value) => {
-    if (v.ownerId === v.hostId) componentProperties = { ...componentProperties || {}, [name]: value };
-    else overrides = nestedInstancePropertyPatch({ ...host, overrides }, v.ownerId, name, value).overrides;
-  };
-  for (const { prop, ref } of BOUND) {
-    const name = refs[ref];
-    if (!name || !(prop in rest)) continue;
-    const value = rest[prop];
-    delete rest[prop];
-    setProperty(name, value);
-  }
-  const paths = child.componentPropertyPaths;
-  if (paths) {
-    const edited = { ...child, ...rest };
-    for (const path in paths) {
-      if (!(path.split(/[.[]/, 1)[0] in rest)) continue;
-      const value = readPath(edited, asPath(path));
-      if (value !== void 0 && !Array.isArray(value) && fitsPath(path, value) && !sameValue(value, readPath(child, asPath(path)))) setProperty(paths[path], value);
-    }
-  }
-  const norm = (v2) => JSON.stringify(v2 == null || Array.isArray(v2) && v2.length === 0 ? null : v2);
-  for (const k of Object.keys(rest)) {
-    if (norm(rest[k]) === norm(child[k])) delete rest[k];
-  }
-  if (Object.keys(rest).length) overrides[v.childId] = { ...overrides[v.childId] || {}, ...rest };
-  const patch = { overrides };
-  if (componentProperties !== host.componentProperties) patch.componentProperties = componentProperties;
-  return { hostId: v.hostId, patch };
-}
-var NO_DEFS, defaultsMemo, boundTracks, BOUND;
-var init_instances = __esm({
-  "lib/document/instances.ts"() {
-    init_define_POPCRAFT_COMPONENT_IDS();
-    init_properties();
-    init_values();
-    init_variables();
-    NO_DEFS = {};
-    defaultsMemo = /* @__PURE__ */ new WeakMap();
-    boundTracks = /* @__PURE__ */ new WeakMap();
-    BOUND = [
-      { prop: "characters", ref: "characters" },
-      { prop: "visible", ref: "visible" }
-    ];
-  }
-});
-
-export {
-  splitVirtualId,
-  effectiveComponentProperties,
-  nestedInstanceProperties,
-  exposedNestedInstances,
-  nestedInstancePropertyPatch,
-  componentDefinitions,
-  owningComponent,
-  propertyDefaults,
-  fitsPath,
-  boundValue,
-  withPropertyPaths,
-  isInputPath,
-  instanceChildPatch,
-  init_instances
-};