@popcraft/kit 0.53.3 → 0.53.5

package/dist/chunks/chunk-5HIBULR6.js

@@ -1,156 +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 {
-  FIGURES,
-  LABEL,
-  board,
-  earthDayBrand,
-  fall,
-  fitGround,
-  flag,
-  groundContours,
-  intensity,
-  laySection,
-  plate,
-  section
-} from "./chunk-SXLZ6ZX5.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  reboard
-} from "./chunk-LWSZATOL.js";
-import {
-  outro,
-  pill,
-  postVariants
-} from "./chunk-KOAJ6HD2.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion/earth-day-pledge-post.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 9200;
-var OUT = 8200;
-var DAY = 1.5;
-var WAS = 0.75;
-var NOW = 0.55;
-var grams = (u) => Math.round(intensity(u, DAY));
-var BOARD = { width: 952, height: 478 };
-var SECTION = { width: 912, height: 392 };
-var counts = [
-  { layer: "After figure", at: 4300, duration: 1400, counter: { from: FIGURES.before, to: FIGURES.after, suffix: " t" } }
-];
-var cues = [
-  { layer: "Strip", preset: "fade-in", at: 0, params: { duration: 400 } },
-  // The board and the counted figure come up under their own animation, so the outro can take them away whole.
-  { layer: "Board", preset: "fade-in", at: 0, params: { duration: 200 } },
-  { layer: "After figure", preset: "fade-in", at: 0, params: { duration: 300 } },
-  { layer: "Was plate", preset: "pop-in", at: 1500, params: { duration: 300 } },
-  { layer: ["Flag 1", "Flag 2", "Flag 3"], preset: "drop-in", at: 1700, params: { duration: 380, distance: 60 }, stagger: { delay: 130, order: "selection" } },
-  { layer: "Now plate", preset: "pop-in", at: 4e3, params: { duration: 300 } },
-  { layer: "Note", preset: "fade-in", at: 5e3, params: { duration: 500 } },
-  { layer: "Pledge cell", preset: "pulse", at: 5900, params: { duration: 700, amount: 0.05 } },
-  { layer: "Call", preset: "pulse", at: 6500, params: { duration: 700, amount: 0.06 } },
-  outro(["Strip", "Board", "After figure", "Note"], OUT, { gap: 80 })
-];
-var earth_day_pledge_post_default = defineTemplate({
-  id: "motion-earth-day-pledge-post",
-  meta: {
-    name: "Earth Day pledge post (animated)",
-    description: "A climate pledge with a date on it and the working under it: the headline is the target, and under it a day of grid carbon is cut in section as a hillside whose strata build from the clean valley floor up to the dirty evening ridge; three survey flags walk down the slope from where the jobs used to run to where they run now, and the footprint counts down from 412 t to 287 beside the pledge. Just over nine seconds, looping, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "earth day", "climate", "sustainability", "pledge", "carbon", "footprint", "strata", "cross-section", "topographic", "cut paper", "counter", "data", "saas", "post", "seasonal"],
-    platforms: ["linkedin", "x", "instagram", "threads"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["announcement", "stats", "report"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit("Earth Day pledge post (animated)", preset("ig-post"));
-    k.quantizeGeometry = true;
-    earthDayBrand(k, { hook: "Under 200 t by Earth Day 2027." });
-    k.textStyle("Strip 20", { ...LABEL, size: 20, fontWeight: 700, letterSpacing: 1.5, lineHeight: 26 });
-    k.textStyle("Hook 88", { ...SERIF, size: 88, fontWeight: 700, letterSpacing: -2.8, lineHeight: 88 });
-    k.textStyle("Tick 16", { ...LABEL, size: 16, fontWeight: 700, letterSpacing: 1, lineHeight: 20 });
-    k.textStyle("Scale 16", { ...MONO, size: 16, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Plate 18", { ...MONO, size: 18, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Cell 16", { ...LABEL, size: 16, fontWeight: 700, letterSpacing: 1, lineHeight: 20 });
-    k.textStyle("Cell 44", { ...MONO, size: 44, fontWeight: 800, letterSpacing: -1.5, lineHeight: 46 });
-    k.textStyle("Note 24", { size: 24, fontWeight: 500, lineHeight: 32 });
-    k.textStyle("Button 22", { size: 22, fontWeight: 700, lineHeight: 28 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 22", label: "Read the numbers", pad: [18, 24], radius: 8 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 16, 64, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    groundContours(k, sheet, 1080, 1080, { days: 5, opacity: 0.13 });
-    const top = k.stack(sheet, { gap: 10, name: "Top" });
-    const strip = k.stack(top, { direction: "HORIZONTAL", gap: 16, justify: "SPACE_BETWEEN", name: "Strip" });
-    k.text(strip, "{{brand.name}} \xB7 Earth Day 2026 \xB7 the pledge", { style: "Strip 20", color: "onPaper", name: "Strip name" });
-    k.text(strip, "Section A\u2013B", { style: "Strip 20", color: "onPaper", autoWidth: true, name: "Strip sheet" });
-    k.text(top, "{{brand.hook}}", { style: "Hook 88", color: "text", name: "Hook" });
-    const row = k.stack(sheet, { direction: "HORIZONTAL", justify: "CENTER", name: "Drawing row" });
-    const bd = board(k, row, BOARD.width, BOARD.height, "Board");
-    const sheetOfCard = k.stack(bd, { width: BOARD.width, height: BOARD.height, gap: 10, padding: { top: 18, right: 20, bottom: 18, left: 20 }, fill: "card", radius: 8, effects: [fall(k, 40, 0.3, 16, 0)], name: "Section plate", absolute: { x: 0, y: 0 } });
-    k.text(sheetOfCard, "One Tuesday of our grid, in section \xB7 g CO2 per kWh", { style: "Tick 16", color: "onCard", name: "Section title" });
-    const sec = section(k, sheetOfCard, SECTION.width, SECTION.height, { d: DAY, left: 54, bottom: 40, top: 780 }, { label: "Scale 16" });
-    const [wx, wy] = sec.at(WAS), [nx, ny] = sec.at(NOW);
-    plate(k, sec.id, `Was ${grams(WAS)} g at 18:00`, { width: 226, height: 38, style: "Plate 18", name: "Was plate", absolute: { x: Math.min(Math.round(wx - 113), SECTION.width - 232), y: Math.round(wy - 104) } });
-    plate(k, sec.id, `Now ${grams(NOW)} g at 13:00`, { width: 226, height: 38, style: "Plate 18", name: "Now plate", absolute: { x: Math.round(nx - 113), y: Math.round(ny - 150) } });
-    const flags = [-0.022, 0, 0.022].map((off, i) => flag(k, sec, WAS + off, { name: `Flag ${i + 1}`, size: 50, move: { to: NOW + off * 1.6, at: 2500 + i * 170, duration: 1300 } }));
-    const bottom = k.stack(sheet, { gap: 14, name: "Bottom" });
-    const ledger = k.stack(bottom, { direction: "HORIZONTAL", height: 96, stroke: { color: "text", width: 2, align: "INSIDE", join: "MITER" }, name: "Ledger strip" });
-    const cell = (label, value, name, fill) => {
-      const c = k.stack(ledger, { height: "FILL", gap: 2, justify: "CENTER", padding: { top: 6, right: 18, bottom: 6, left: 18 }, stroke: { color: "text", width: 1, align: "INSIDE", join: "MITER" }, ...fill ? { fill } : {}, name: fill ? "Pledge cell" : "Ledger cell" });
-      k.text(c, label, { style: "Cell 16", color: fill ? "onPrimary" : "onPaper", name: "Cell label" });
-      k.text(c, value, { style: "Cell 44", color: fill ? "onPrimary" : "text", name });
-    };
-    cell("2024, measured", `${FIGURES.before} t`, "Before figure");
-    cell("2025, measured", `${FIGURES.after} t`, "After figure");
-    cell("2027, pledged", `<${FIGURES.pledge} t`, "Pledge figure", "primary");
-    const foot = k.stack(bottom, { direction: "HORIZONTAL", gap: 20, align: "CENTER", name: "Foot" });
-    k.text(foot, "No offsets, no trees. If we miss, the page will say so.", { style: "Note 24", color: "onPaper", name: "Note" });
-    k.instance(foot, "Button", { Label: "Read the numbers" }, { name: "Call" });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    laySection(k, sec, 150, 130);
-    void flags;
-    const refit = (kit, id) => {
-      const f = kit.node(id);
-      fitGround(kit, id, f.width, f.height, { days: 5 * f.height / 1080 });
-    };
-    k.variants(sheet, postVariants({ portrait: 72 }, {
-      portrait: (kit, id) => {
-        reboard(kit, id, "Board", 0.98);
-        refit(kit, id);
-      },
-      vertical: (kit, id) => {
-        reboard(kit, id, "Board", 0.84);
-        for (const n of kit.named(id, "Foot")) kit.patch(n, { layoutMode: "VERTICAL", counterAxisAlignItems: "MIN", itemSpacing: 14 });
-        refit(kit, id);
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  earth_day_pledge_post_default
-};

package/dist/chunks/chunk-5HLJ5RDN.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 {
-  bandsAround,
-  bauble,
-  disc,
-  doubleRule,
-  draw,
-  flourishComponent,
-  holly,
-  perBand,
-  pine,
-  printVariant,
-  snowflake,
-  specksIn,
-  sprig,
-  starPath
-} from "./chunk-YVN7SFQ7.js";
-import {
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/print/holidays-christmas-eve-invitation.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Christmas Eve open house invitation";
-var PAD = { top: 292, right: 48, bottom: 84, left: 48 };
-function art(w, h) {
-  const s = w / 480, B = 14 * s;
-  const garland = [
-    pine({ x: -B - 10 * s, y: 18 * s }, { x: w * 0.25, y: 58 * s }, { x: w * 0.52, y: 26 * s }, { needle: 30 * s, seed: 3, density: 1.4 }),
-    pine({ x: w + B + 10 * s, y: 14 * s }, { x: w * 0.74, y: 62 * s }, { x: w * 0.46, y: 30 * s }, { needle: 30 * s, seed: 5, density: 1.4 }),
-    pine({ x: w * 0.3, y: -B - 6 * s }, { x: w * 0.4, y: 40 * s }, { x: w * 0.6, y: 18 * s }, { needle: 22 * s, seed: 9, density: 0.9 }),
-    pine({ x: -B, y: 50 * s }, { x: w * 0.12, y: 76 * s }, { x: w * 0.3, y: 54 * s }, { needle: 24 * s, seed: 12, density: 0.8 }),
-    pine({ x: w + B, y: 52 * s }, { x: w * 0.86, y: 80 * s }, { x: w * 0.68, y: 56 * s }, { needle: 24 * s, seed: 14, density: 0.8 })
-  ];
-  const beads = [0.06, 0.2, 0.35, 0.5, 0.64, 0.8, 0.94].map((x, i) => disc(w * x, (44 + (i % 2 ? 14 : 2)) * s, (i % 3 ? 4.5 : 6) * s));
-  const hang = [[0.13, 70, 34, "red"], [0.27, 128, 26, "gold"], [0.42, 64, 22, "gold"], [0.58, 150, 38, "red"], [0.74, 82, 28, "gold"], [0.88, 136, 22, "red"]];
-  const gold = hang.filter((b) => b[3] === "gold").map(([x, l, r]) => bauble(w * x, 30 * s, r * s, { string: l * s }));
-  const red = hang.filter((b) => b[3] === "red").map(([x, l, r]) => bauble(w * x, 30 * s, r * s, { string: l * s }));
-  const all = [...gold, ...red];
-  const flake = (list) => list.flatMap(([x, y, r], i) => snowflake(w * x, h * y, r * s, i * 0.3));
-  const keep = { x: 40 * s, y: 286 * s, w: w - 80 * s, h: h - 330 * s };
-  const foot = h - 30 * s;
-  const hl = [holly({ x: w / 2 - 6 * s, y: foot }, 50 * s, Math.PI + 0.12), holly({ x: w / 2 + 6 * s, y: foot }, 50 * s, -0.12), holly({ x: w / 2 - 4 * s, y: foot + 4 * s }, 36 * s, Math.PI - 0.45), holly({ x: w / 2 + 4 * s, y: foot + 4 * s }, 36 * s, 0.45)];
-  const berries = [disc(w / 2 - 7 * s, foot - 2 * s, 6 * s), disc(w / 2 + 7 * s, foot - 3 * s, 6 * s), disc(w / 2, foot + 7 * s, 6 * s)];
-  const mist = sprig({ x: -B, y: h * 0.99 }, { x: w * 0.02, y: h * 0.95 }, { x: w * 0.08, y: h * 0.955 }, { leaves: 5, size: 18 * s, seed: 2 });
-  const mist2 = sprig({ x: w + B, y: h * 0.99 }, { x: w * 0.98, y: h * 0.95 }, { x: w * 0.92, y: h * 0.955 }, { leaves: 5, size: 18 * s, seed: 4 });
-  return [
-    ...perBand("Snow", "snow", bandsAround(w, h, keep, B), (b, i) => specksIn(b, 700 * s * s, 7 + i, 2.4 * s), { opacity: 0.35 }),
-    { name: "Snowflakes", paths: flake([[0.05, 0.5, 9], [0.06, 0.74, 7]]), color: "snow", o: { strokeWidth: 1.2 * s, opacity: 0.5 } },
-    { name: "Snowflakes", paths: flake([[0.95, 0.56, 8], [0.94, 0.8, 10]]), color: "snow", o: { strokeWidth: 1.2 * s, opacity: 0.5 } },
-    { name: "Threads", paths: all.flatMap((b) => b.string), color: "gold", o: { strokeWidth: 1 * s, opacity: 0.9 } },
-    { name: "Gold baubles", paths: gold.flatMap((b) => b.body), color: "gold" },
-    { name: "Red baubles", paths: red.flatMap((b) => b.body), color: "red" },
-    { name: "Bauble shade", paths: all.flatMap((b) => b.shade), color: "ink", o: { opacity: 0.22 } },
-    { name: "Bauble bands", paths: all.flatMap((b) => b.band), color: "cream", o: { strokeWidth: 1.4 * s, opacity: 0.75 } },
-    { name: "Bauble shine", paths: all.flatMap((b) => b.shine), color: "snow", o: { opacity: 0.55 } },
-    { name: "Bauble caps", paths: all.flatMap((b) => b.cap), color: "goldDeep" },
-    { name: "Pine stems", paths: garland.map((g) => g.stem), color: "bark", o: { strokeWidth: 2.4 * s } },
-    { name: "Pine dark", paths: garland.flatMap((g) => g.dark), color: "pine", o: { strokeWidth: 2.2 * s } },
-    { name: "Pine light", paths: garland.flatMap((g) => g.light), color: "pineLight", o: { strokeWidth: 2 * s } },
-    { name: "Garland beads", paths: beads, color: "red" },
-    { name: "Frame", paths: doubleRule(w, h, 16 * s, 5 * s), color: "gold", o: { strokeWidth: 0.8 * s, opacity: 0.7 } },
-    { name: "Corner leaves", paths: mist.dark, color: "pineLight", o: { opacity: 0.8 } },
-    { name: "Corner leaves", paths: mist2.dark, color: "pineLight", o: { opacity: 0.8 } },
-    { name: "Holly", paths: hl, color: "pineLight" },
-    { name: "Holly berries", paths: berries, color: "red" }
-  ];
-}
-var holidays_christmas_eve_invitation_default = defineTemplate({
-  id: "print-holidays-christmas-eve-invitation",
-  meta: {
-    name: NAME,
-    description: "A printed invitation to a family Christmas Eve open house: gold and red baubles hang from a pine garland over a forest-green card dusted with snow, with the invitation set below in a cream serif, gold small capitals and a sprig of holly. 5 \xD7 7 inches with bleed, and an A6 copy",
-    category: "invitation",
-    tags: ["christmas", "christmas eve", "holiday party", "open house", "family", "baubles", "ornaments", "pine", "holly", "invitation", "print", "card", "winter"],
-    platforms: ["print"],
-    formats: ["card"],
-    useCases: ["invitation", "event"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit(NAME, preset("invitation-5x7"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#163A2E", text: "#F8F0DE", onPaper: "#E2C47A", primary: "#B83A30", onPrimary: "#FFF6E8" },
-      { name: "The Okafor family" }
-    );
-    k.palette({ gold: "#D8B356", goldDeep: "#9C7A2E", red: "#B83A30", cream: "#F8F0DE", pine: "#2D6247", pineLight: "#5E9470", bark: "#5A4632", snow: "#FFFFFF", ink: "#06140F" });
-    k.textStyle("Kicker 11", { size: 11, fontWeight: 600, letterSpacing: 3.6, lineHeight: 16 });
-    k.textStyle("Title 60", { ...SERIF, size: 60, fontWeight: 400, fontStyle: "italic", letterSpacing: -1.4, lineHeight: 60 });
-    k.textStyle("Host 22", { ...SERIF, size: 22, fontWeight: 400, lineHeight: 28 });
-    k.textStyle("When 15", { ...SERIF, size: 15, fontWeight: 700, letterSpacing: 0.2, lineHeight: 21 });
-    k.textStyle("Body 12", { ...SERIF, size: 12, fontWeight: 400, lineHeight: 17 });
-    k.textStyle("Rsvp 10", { size: 10, fontWeight: 600, letterSpacing: 1.6, lineHeight: 15 });
-    const sheet = k.sheet;
-    const { width: W, height: H } = k.node(sheet);
-    k.flowSheet(sheet, 0, PAD, "paper", "MIN", "CENTER");
-    k.rect(sheet, W + 28, 300, [k.gradient({ from: "gold", to: "gold", kind: "RADIAL", fromOpacity: 0.2, toOpacity: 0, handles: [{ x: 0.5, y: 0.45 }, { x: 1, y: 0.45 }, { x: 0.5, y: 1.1 }] })], { name: "Glow", absolute: { x: -14, y: -14 } });
-    draw(k, sheet, art(W, H));
-    const c = { align: "CENTER", width: "FILL" };
-    k.text(sheet, "YOU\u2019RE INVITED TO SPEND", { style: "Kicker 11", color: "onPaper", ...c, name: "Kicker" });
-    k.stack(sheet, { height: 8, name: "Gap" });
-    k.text(sheet, "Christmas Eve", { style: "Title 60", color: "text", ...c, name: "Title" });
-    k.text(sheet, "with {{brand.name}}", { style: "Host 22", color: "text", ...c, name: "Host" });
-    k.stack(sheet, { height: 12, name: "Gap" });
-    flourishComponent(k, "Star rule", "onPaper", starPath(0, 0, 10, 4.2), { rule: 34 });
-    k.instance(sheet, "Star rule", {}, { name: "Divider" });
-    k.stack(sheet, { height: 12, name: "Gap" });
-    k.text(sheet, "Thursday 24 December \xB7 from 6 pm", { style: "When 15", color: "onPaper", ...c, name: "When" });
-    k.text(sheet, "418 Linden Avenue, Oak Park", { style: "Body 12", color: "text", ...c, name: "Where" });
-    k.stack(sheet, { height: 12, name: "Gap" });
-    k.text(sheet, "Carols round the piano at eight, jollof, mince pies and mulled cider all evening. Bring the little ones, and a jumper you\u2019re not proud of.", { style: "Body 12", color: "text", ...c, name: "Body" });
-    k.stack(sheet, { height: 12, name: "Gap" });
-    k.text(sheet, "RSVP TO NGOZI BY 18 DECEMBER \xB7 (708) 555-0148", { style: "Rsvp 10", color: "onPaper", ...c, name: "Rsvp" });
-    k.textStyle("Title 50", { ...SERIF, size: 50, fontWeight: 400, fontStyle: "italic", letterSpacing: -1.2, lineHeight: 50 });
-    k.textStyle("Host 18", { ...SERIF, size: 18, fontWeight: 400, lineHeight: 23 });
-    k.textStyle("When 13", { ...SERIF, size: 13, fontWeight: 700, lineHeight: 18 });
-    k.textStyle("Body 10.5", { ...SERIF, size: 10.5, fontWeight: 400, lineHeight: 15 });
-    k.textStyle("Rsvp 8.5", { size: 8.5, fontWeight: 600, letterSpacing: 1.2, lineHeight: 13 });
-    k.textStyle("Kicker 9.5", { size: 9.5, fontWeight: 600, letterSpacing: 3, lineHeight: 14 });
-    k.variants(sheet, [printVariant("a6", {
-      art,
-      pad: PAD,
-      masterWidth: W,
-      styles: [["Title", "Title 50"], ["Host", "Host 18"], ["When", "When 13"], ["Where", "Body 10.5"], ["Body", "Body 10.5"], ["Rsvp", "Rsvp 8.5"], ["Kicker", "Kicker 9.5"]]
-    })]);
-    return k.finish();
-  }
-});
-
-export {
-  holidays_christmas_eve_invitation_default
-};

package/dist/chunks/chunk-5HVOF5QD.js

@@ -1,81 +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 {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion/app-icon-sting.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var land = ease.bezier(0.3, 0, 0.2, 1);
-var app_icon_sting_default = defineTemplate({
-  id: "motion-app-icon-sting",
-  meta: {
-    name: "App icon sting",
-    description: "A three-second app intro: the icon is thrown in on a curved motion path, lands squashing on its bottom edge and bounces back, then the name, the line and a staggered row of dots follow \u2014 1080\xD71080 at 60 fps",
-    category: "animation",
-    tags: ["animation", "app", "intro", "logo", "motion path"],
-    platforms: ["instagram"],
-    formats: ["intro", "logo-sting"],
-    useCases: ["brand-intro"],
-    created: "2026-09-28",
-    updated: "2026-09-29"
-  },
-  build() {
-    const k = new Kit("App icon sting", preset("ig-post"));
-    k.brand({ primary: "#0F1B3D", accent: "#FFB547", paper: "#F7F3EA", muted: "#8E9BC4", glyph: "#0F1B3D", onPrimary: "#F7F3EA" });
-    k.textStyle("App name 96", { size: 96, fontWeight: 800, lineHeight: 104, letterSpacing: -3 });
-    k.textStyle("Line 36", { size: 36, fontWeight: 500, lineHeight: 46 });
-    const shadow = { type: "DROP_SHADOW", color: { r: 0, g: 0, b: 0, a: 0.35 }, offset: { x: 0, y: 24 }, blur: 48, spread: 0, visible: true };
-    k.component("App icon", { width: 220, height: 220, justify: "CENTER", align: "CENTER", fill: "accent", radius: 56, effects: [shadow] }, (id) => {
-      k.ellipse(id, 96, "glyph", { name: "Glyph" });
-    });
-    k.component("Dot", { width: 22, height: 22, fill: "muted", radius: 11 }, () => {
-    });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 24, { top: 96, right: 72, bottom: 150, left: 72 }, "primary", "MAX", "CENTER");
-    k.timeline(sheet, { duration: 3e3, fps: 60 });
-    const icon = k.instance(sheet, "App icon", {}, { name: "Icon", absolute: { x: 430, y: 250 } });
-    k.patch(icon, { anchorY: 1 });
-    k.animate(icon, "x", [{ t: 0, v: -260, ease: land }, { t: 700, v: 430 }]);
-    k.animate(icon, "y", [{ t: 0, v: 1e3, ease: land }, { t: 700, v: 250 }]);
-    k.pathTangent(icon, 0, "out", [260, -620]);
-    k.pathTangent(icon, 700, "in", [-120, -260]);
-    k.animate(icon, "rotation", [{ t: 0, v: -40, ease: land }, { t: 700, v: 0 }]);
-    k.animate(icon, "scaleY", [{ t: 700, v: 1, ease: ease.out("quad") }, { t: 790, v: 0.72, ease: ease.back(2.2) }, { t: 1150, v: 1 }]);
-    k.animate(icon, "scaleX", [{ t: 700, v: 1, ease: ease.out("quad") }, { t: 790, v: 1.18, ease: ease.back(2.2) }, { t: 1150, v: 1 }]);
-    k.behave(icon, "translateY", [{ kind: "bounce", amp: -46, freq: 2.2, decay: 1.1, start: 1150 }]);
-    const rise = (id, delay) => {
-      k.animate(id, "opacity", [{ t: 0, v: 0, ease: land }, { t: 500, v: 1 }]);
-      k.animate(id, "translateY", [{ t: 0, v: 40, ease: land }, { t: 600, v: 0 }]);
-      k.delay(id, delay);
-    };
-    rise(k.text(sheet, "Northstar", { style: "App name 96", color: "onPrimary", align: "CENTER", name: "Name" }), 900);
-    rise(k.text(sheet, "Plan the week in one look", { style: "Line 36", color: "muted", align: "CENTER", name: "Line" }), 1050);
-    const dots = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 18, padding: { top: 12, right: 0, bottom: 0, left: 0 }, clip: true, name: "Dots" });
-    for (let i = 0; i < 5; i++) {
-      const dot = k.instance(dots, "Dot", {}, { name: "Dot" });
-      for (const axis of ["scaleX", "scaleY"]) k.animate(dot, axis, [{ t: 0, v: 0, ease: ease.back(2) }, { t: 350, v: 1 }]);
-    }
-    k.delay(dots, 1300);
-    k.stagger(dots, 70);
-    return k.finish();
-  }
-});
-
-export {
-  app_icon_sting_default
-};

package/dist/chunks/chunk-5JGZ6QQR.js

@@ -1,73 +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 {
-  safePadding
-} from "./chunk-EMVFY3SD.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion/logo-reveal.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var logo_reveal_default = defineTemplate({
-  id: "motion-logo-reveal",
-  meta: {
-    name: "Logo reveal",
-    description: "A three-second brand intro: the mark pops, the name rises, the line fades in \u2014 press Play in Animate",
-    category: "animation",
-    tags: ["animation", "logo", "intro", "brand"],
-    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
-    formats: ["post", "story", "intro", "logo-sting"],
-    useCases: ["brand-intro"],
-    created: "2026-09-28",
-    updated: "2026-09-28"
-  },
-  build() {
-    const k = new Kit("Logo reveal", preset("ig-post"));
-    k.brand({ text: "#14161F", accent: "#FF5A36", paper: "#FFF8F0", muted: "#6B6F7B" }, { name: "Northwind", tagline: "Coffee roasted the day it ships" });
-    k.textStyle("Wordmark 128", { size: 128, fontWeight: 800, letterSpacing: -4, lineHeight: 140, textAlign: "CENTER" });
-    k.textStyle("Tagline 40", { size: 40, fontWeight: 500, lineHeight: 52, textAlign: "CENTER" });
-    k.component("Logo mark", { direction: "HORIZONTAL", width: "HUG" }, (id) => {
-      k.ellipse(id, 180, "accent", { name: "Dot" });
-      k.logo(id, 108, 108, { absolute: { x: 36, y: 36 } });
-    });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 36, 96, "paper", "CENTER", "CENTER");
-    k.timeline(sheet, { duration: 3e3, fps: 30 });
-    const mark = k.instance(sheet, "Logo mark");
-    const word = k.text(sheet, "{{brand.name}}", { style: "Wordmark 128", color: "text", name: "Wordmark" });
-    const tag = k.text(sheet, "{{brand.tagline}}", { style: "Tagline 40", color: "muted", name: "Tagline" });
-    for (const axis of ["scaleX", "scaleY"]) k.animate(mark, axis, [{ t: 0, v: 0, ease: ease.back(1.9) }, { t: 700, v: 1 }]);
-    k.animate(mark, "opacity", [{ t: 0, v: 0, ease: ease.linear }, { t: 160, v: 1 }]);
-    k.delay(word, 450);
-    k.animate(word, "translateY", [{ t: 0, v: 90, ease: ease.out("expo") }, { t: 800, v: 0 }]);
-    k.animate(word, "opacity", [{ t: 0, v: 0, ease: ease.out("cubic") }, { t: 400, v: 1 }]);
-    k.delay(tag, 1300);
-    k.animate(tag, "opacity", [{ t: 0, v: 0, ease: ease.out("cubic") }, { t: 600, v: 1 }]);
-    k.animate(tag, "translateY", [{ t: 0, v: 24, ease: ease.out("cubic") }, { t: 600, v: 0 }]);
-    k.variants(sheet, [
-      { preset: "ig-portrait" },
-      // A story is covered top and bottom by the app: keep the lockup inside what every vertical app leaves clear.
-      { preset: "ig-story", adjust: (kit, id) => kit.patch(id, { padding: safePadding("ig-story", 1080, 1920, { top: 96, right: 96, bottom: 96, left: 96 }) }) }
-    ]);
-    return k.finish();
-  }
-});
-
-export {
-  logo_reveal_default
-};

package/dist/chunks/chunk-5KNAKBS4.js

@@ -1,115 +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 {
-  logoBadge,
-  pill,
-  verticalPadding
-} from "./chunk-KOAJ6HD2.js";
-import {
-  into,
-  playScenes,
-  sceneSheets
-} from "./chunk-AEEWD2JG.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/scenes/story-hotel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var PLACES = [
-  { sheet: "Rooms", line: "Eleven rooms, every one facing the water", tag: "SLEEP" },
-  { sheet: "Kitchen", line: "Breakfast from the harbour, dinner by the fire", tag: "EAT" },
-  { sheet: "Walk", line: "The coast path starts at our gate", tag: "WALK" }
-];
-var placeCues = () => [
-  { layer: "Picture", preset: "push-in", at: 0, params: { duration: 2300, amount: 0.06 } },
-  { layer: "Tag", preset: "drop-in", at: 300 },
-  { layer: "Line", preset: "words-in", at: 450, params: { duration: 550, amount: 70 } }
-];
-var scenes = [
-  { sheet: "Welcome", cues: [
-    { layer: "Logo", preset: "fade-in", at: 0, params: { duration: 600 } },
-    { layer: "Hotel", preset: "letters-in", at: 250, params: { duration: 600, amount: 45 } },
-    { layer: "Offer line", preset: "rise-in", at: 1e3 }
-  ] },
-  { sheet: "Rooms", transition: into("IRIS", 700, { center: { x: 0.5, y: 0.4 } }), cues: placeCues() },
-  { sheet: "Kitchen", transition: into("PUSH_FROM_RIGHT", 500), cues: placeCues() },
-  { sheet: "Walk", transition: into("PUSH_FROM_RIGHT", 500), cues: placeCues() },
-  { sheet: "Book", transition: into("DISSOLVE", 600), cues: [
-    { layer: "Was", preset: "fade-in", at: 100 },
-    { layer: "Price", preset: "pop-in", at: 300, params: { duration: 600, amount: 0.5 } },
-    { layer: "Includes", preset: "rise-in", at: 900 },
-    { layer: "Book button", preset: "pop-in", at: 1300 },
-    { layer: "Book button", preset: "pulse", at: 2100, params: { amount: 0.06 } }
-  ], counts: [{ layer: "Price", at: 300, duration: 1200, counter: { from: 420, to: 298, prefix: "\xA3" } }] }
-];
-var story_hotel_default = defineTemplate({
-  id: "motion-story-ad-hotel",
-  meta: {
-    name: "Seaside hotel story ad (5 scenes)",
-    description: "A five-scene 9:16 story ad for a small hotel\u2019s winter break: the welcome, three photo scenes (rooms, kitchen, coast path) and the offer with its price counting down \u2014 iris, pushes and a dissolve between them, about 10 seconds",
-    category: "animation",
-    tags: ["animation", "story", "ad", "scenes", "transitions", "hotel", "travel", "photo"],
-    platforms: ["instagram", "tiktok", "facebook"],
-    formats: ["story", "ad", "reel"],
-    useCases: ["sale", "event"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { scenes },
-  build() {
-    const k = new Kit("Seaside hotel story ad", preset("ig-story"));
-    k.brand(
-      { paper: "#0F2E3D", text: "#F6F1E7", onPaper: "#B8CCD3", sand: "#EFE4D2", onSand: "#0F2E3D", primary: "#E07A5F", onPrimary: "#0F2E3D", muted: "#3E6273", badge: "#1C4557" },
-      { hotel: "The Saltings", offer: "Two winter nights by the sea", includes: "Two nights, breakfast and one dinner for two \xB7 Nov\u2013Feb" }
-    );
-    k.textStyle("Hotel 150", { size: 150, fontFamily: "Source Serif 4", fontWeight: 700, letterSpacing: -4, lineHeight: 156, textAlign: "CENTER" });
-    k.textStyle("Offer 56", { size: 56, fontWeight: 700, lineHeight: 64, textAlign: "CENTER" });
-    k.textStyle("Tag 30", { size: 30, fontWeight: 800, letterSpacing: 6, lineHeight: 36 });
-    k.textStyle("Line 64", { size: 64, fontWeight: 800, letterSpacing: -1, lineHeight: 72, textAlign: "CENTER" });
-    k.textStyle("Was 40", { size: 40, fontWeight: 600, lineHeight: 48, textAlign: "CENTER" });
-    k.textStyle("Price 220", { size: 220, fontWeight: 900, letterSpacing: -8, lineHeight: 220, textAlign: "CENTER" });
-    k.textStyle("Includes 40", { size: 40, fontWeight: 500, lineHeight: 52, textAlign: "CENTER" });
-    k.textStyle("Button 44", { size: 44, fontWeight: 800, lineHeight: 52 });
-    pill(k, "Tag", { fill: "primary", ink: "onPrimary", style: "Tag 30", label: "SLEEP", pad: [12, 28] });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 44", label: "Book your nights", pad: [28, 64] });
-    const ids = sceneSheets(k, "ig-story", scenes.map((s) => s.sheet));
-    const length = [2300, 2300, 2300, 2300, 3200];
-    ids.forEach((id, i) => {
-      k.flowSheet(id, 40, verticalPadding(), i === 4 ? "sand" : "paper", "CENTER", "CENTER");
-      k.timeline(id, { duration: length[i], fps: 30 });
-    });
-    const [welcome, , , , book] = ids;
-    logoBadge(k, welcome, { fill: "badge", size: 88, name: "Logo" });
-    k.text(welcome, "{{brand.hotel}}", { style: "Hotel 150", color: "text", name: "Hotel" });
-    k.text(welcome, "{{brand.offer}}", { style: "Offer 56", color: "onPaper", name: "Offer line" });
-    PLACES.forEach((p, i) => {
-      const id = ids[i + 1];
-      k.photo(id, 888, 720, { radius: 40, ground: "muted", name: "Picture" });
-      k.instance(id, "Tag", { Label: p.tag }, { name: "Tag" });
-      k.text(id, p.line, { style: "Line 64", color: "text", name: "Line" });
-    });
-    k.text(book, "Was \xA3420 for two", { style: "Was 40", color: "onSand", name: "Was" });
-    k.text(book, "\xA3298", { style: "Price 220", color: "onSand", name: "Price" });
-    k.text(book, "{{brand.includes}}", { style: "Includes 40", color: "onSand", name: "Includes" });
-    k.instance(book, "Button", { Label: "Book your nights" }, { name: "Book button" });
-    playScenes(k, "comp-story", "Seaside hotel story ad", ids, scenes, "paper");
-    k.setCover(welcome);
-    return k.finish();
-  }
-});
-
-export {
-  story_hotel_default
-};