@popcraft/kit 0.44.0 → 0.45.0

package/dist/chunks/chunk-L7DZTKJN.js

@@ -1,152 +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,
-  confetti,
-  disc,
-  draw,
-  perBand,
-  polyP,
-  redraw,
-  restyleAll,
-  scaleGaps,
-  sparkle,
-  streamer
-} from "./chunk-27HTCTA4.js";
-import {
-  SERIF
-} from "./chunk-5OTEBTMU.js";
-import {
-  verticalPadding
-} from "./chunk-IL2F4BKM.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  Kit,
-  preset
-} from "./chunk-E3A22XSE.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/social/holidays-new-years-eve-shop-hours.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "New Year\u2019s Eve shop holiday hours post";
-var HOURS = [
-  ["Wed 23 Dec", "10 am \u2013 8 pm"],
-  ["Thu 24 Dec", "10 am \u2013 4 pm"],
-  ["Fri 25 Dec", "Closed"],
-  ["Sat 26 Dec", "12 \u2013 6 pm"],
-  ["Wed 30 Dec", "10 am \u2013 8 pm"],
-  ["Thu 31 Dec", "10 am \u2013 6 pm"],
-  ["Fri 1 Jan", "Closed"]
-];
-function bottle(x, y, s, tilt) {
-  const c = Math.cos(tilt), sn = Math.sin(tilt);
-  const p = (u, v) => ({ x: x + (u * c - v * sn) * s, y: y + (u * sn + v * c) * s });
-  const glass = [polyP([p(-0.16, 0), p(0.16, 0), p(0.16, -0.5), p(0.06, -0.68), p(0.05, -0.92), p(-0.05, -0.92), p(-0.06, -0.68), p(-0.16, -0.5)])];
-  const foil = [polyP([p(-0.058, -0.74), p(0.058, -0.74), p(0.05, -0.94), p(-0.05, -0.94)])];
-  const label = [polyP([p(-0.16, -0.16), p(0.16, -0.16), p(0.16, -0.38), p(-0.16, -0.38)])];
-  const tip = p(0, -1.18);
-  const cork = [polyP([{ x: tip.x - 0.035 * s, y: tip.y - 0.05 * s }, { x: tip.x + 0.035 * s, y: tip.y - 0.05 * s }, { x: tip.x + 0.045 * s, y: tip.y + 0.05 * s }, { x: tip.x - 0.045 * s, y: tip.y + 0.05 * s }])];
-  const spray = [0, 1, 2, 3, 4, 5, 6, 7].map((i) => {
-    const q = p((i % 2 ? 1 : -1) * (0.04 + i * 0.012), -0.98 - i * 0.03);
-    return disc(q.x, q.y, (0.014 + i % 3 * 6e-3) * s);
-  });
-  return { glass, foil, label, cork, spray };
-}
-function art(w, h, safe = { top: 0, bottom: 0 }) {
-  const s = w / 1080, B = 0;
-  const b = bottle(w - 120 * s, h - 70 * s - safe.bottom * 0.3, 470 * s, -0.36);
-  const keep = { x: 60 * s, y: 60 * s + safe.top, w: 700 * s, h: h - 120 * s - safe.top - safe.bottom };
-  const bands = bandsAround(w, h, keep, B);
-  const st = [streamer({ x: w * 0.62, y: -10 }, w * 0.5, 0.5, 18 * s, 3.5), streamer({ x: w * 0.78, y: -10 }, w * 0.4, 1.05, 16 * s, 3), streamer({ x: -10, y: h - 40 * s }, w * 0.4, -0.12, 14 * s, 2.5)];
-  return [
-    ...perBand("Confetti", "yellow", bands, (r, i) => confetti(r.w, r.h, Math.round(r.w * r.h / (9e3 * s * s)), 90 + i, 22 * s).bars.map((p) => ({ ...p, points: p.points.map((q) => ({ x: q.x + r.x, y: q.y + r.y })) }))),
-    ...perBand("Confetti dots", "coral", bands, (r, i) => confetti(r.w, r.h, Math.round(r.w * r.h / (14e3 * s * s)), 120 + i, 22 * s).dots.map((p) => ({ ...p, points: p.points.map((q) => ({ ...q, x: q.x + r.x, y: q.y + r.y, ...q.handleIn ? { handleIn: { x: q.handleIn.x + r.x, y: q.handleIn.y + r.y } } : {}, ...q.handleOut ? { handleOut: { x: q.handleOut.x + r.x, y: q.handleOut.y + r.y } } : {} })) }))),
-    { name: "Streamers", paths: st.slice(0, 2), color: "coral", o: { strokeWidth: 7 * s } },
-    { name: "Streamers", paths: st.slice(2), color: "mint", o: { strokeWidth: 7 * s } },
-    { name: "Bottle", paths: b.glass, color: "bottle" },
-    { name: "Bottle label", paths: b.label, color: "cream" },
-    { name: "Bottle foil", paths: b.foil, color: "yellow" },
-    { name: "Cork", paths: b.cork, color: "cork" },
-    { name: "Spray", paths: b.spray, color: "cream" },
-    { name: "Pop", paths: [sparkle(w - 140 * s, h - 700 * s - safe.bottom * 0.3, 40 * s), sparkle(w - 290 * s, h - 660 * s - safe.bottom * 0.3, 26 * s)], color: "yellow" }
-  ];
-}
-var holidays_new_years_eve_shop_hours_default = defineTemplate({
-  id: "social-holidays-new-years-eve-shop-hours",
-  meta: {
-    name: NAME,
-    description: "A holiday-hours post for a neighbourhood wine shop, Christmas to New Year: confetti and streamers on deep teal, a bottle popping its cork, \u201CPop in before you pop the cork\u201D in big heavy type, every day\u2019s hours with the closed days marked, and the sparkling-wine offer in a yellow pill. 4:5 for the feed and 9:16 for stories",
-    category: "social",
-    tags: ["new year\u2019s eve", "new year", "holiday hours", "opening hours", "wine shop", "small business", "shop", "champagne", "sale", "confetti", "instagram", "story", "post"],
-    platforms: ["instagram", "facebook"],
-    formats: ["portrait-post", "story"],
-    useCases: ["announcement", "sale"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit(NAME, preset("ig-portrait"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#0C4A47", text: "#FFF7E6", onPaper: "#F5C443", primary: "#F5C443", onPrimary: "#0C2E2C" },
-      { name: "Cork & Crate", site: "corkandcrate.co" }
-    );
-    k.palette({ yellow: "#F5C443", coral: "#F2725E", mint: "#8FDCC2", cream: "#FFF7E6", bottle: "#14302C", cork: "#C99A5B", line: "#2E6B66" });
-    k.textStyle("Kicker 26", { ...SERIF, size: 34, fontWeight: 400, fontStyle: "italic", lineHeight: 40 });
-    k.textStyle("Title 96", { size: 96, fontWeight: 900, letterSpacing: -3.6, lineHeight: 92 });
-    k.textStyle("Day 30", { size: 30, fontWeight: 700, lineHeight: 38, fontFeatures: { tnum: 1 } });
-    k.textStyle("Hours 30", { ...SERIF, size: 30, fontWeight: 400, lineHeight: 38, fontFeatures: { tnum: 1 } });
-    k.textStyle("Pill 28", { size: 28, fontWeight: 800, lineHeight: 34 });
-    k.textStyle("Foot 24", { size: 24, fontWeight: 600, letterSpacing: 1, lineHeight: 30 });
-    k.component("Hours row", { direction: "HORIZONTAL", gap: 20, width: 620, justify: "SPACE_BETWEEN", padding: { top: 9, right: 0, bottom: 9, left: 0 }, props: { Day: "Mon 1 Jan", Hours: "9 \u2013 5" } }, (id) => {
-      k.propText(id, "Day", { style: "Day 30", color: "text", autoWidth: true, name: "Day" });
-      k.propText(id, "Hours", { style: "Hours 30", color: "text", autoWidth: true, name: "Hours" });
-    });
-    const sheet = k.sheet;
-    const { width: W, height: H } = k.node(sheet);
-    k.flowSheet(sheet, 0, { top: 84, right: 340, bottom: 70, left: 84 }, "paper", "CENTER", "MIN");
-    draw(k, sheet, art(W, H));
-    k.text(sheet, "Holiday hours at {{brand.name}}", { style: "Kicker 26", color: "onPaper", width: "FILL", name: "Kicker" });
-    k.stack(sheet, { height: 22, name: "Gap" });
-    k.text(sheet, "Pop in before you pop the cork", { style: "Title 96", color: "text", width: "FILL", name: "Title" });
-    k.stack(sheet, { height: 34, name: "Gap" });
-    const list = k.stack(sheet, { width: 620, name: "Hours" });
-    for (const [i, [d, hrs]] of HOURS.entries()) {
-      k.instance(list, "Hours row", { Day: d, Hours: hrs }, { name: "Hours row", width: "FILL" });
-      if (i < HOURS.length - 1) k.rect(list, "FILL", 2, "line", { name: "Rule" });
-    }
-    k.stack(sheet, { height: 34, name: "Gap" });
-    const pill = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", padding: { top: 16, right: 28, bottom: 16, left: 28 }, radius: 40, fill: "primary", name: "Offer" });
-    k.text(pill, "15% off any six bottles of bubbly, to 31 Dec", { style: "Pill 28", color: "onPrimary", autoWidth: true, name: "Offer text" });
-    k.stack(sheet, { height: 26, name: "Gap" });
-    k.text(sheet, "1408 Elm Street \xB7 {{brand.site}}", { style: "Foot 24", color: "onPaper", width: "FILL", name: "Foot" });
-    k.textStyle("Title 116", { size: 106, fontWeight: 900, letterSpacing: -4, lineHeight: 100 });
-    k.textStyle("Kicker 40", { ...SERIF, size: 40, fontWeight: 400, fontStyle: "italic", lineHeight: 48 });
-    const story = {
-      preset: "ig-story",
-      adjust: (kit, id) => {
-        const { width: w, height: h } = kit.node(id);
-        const safe = verticalPadding(84);
-        redraw(kit, id, art(w, h, { top: safe.top - 84, bottom: safe.bottom - 84 }));
-        kit.patch(id, { padding: { top: safe.top, right: 260, bottom: safe.bottom + 160, left: safe.left } });
-        restyleAll(kit, id, [["Title", "Title 116"], ["Kicker", "Kicker 40"]]);
-        scaleGaps(kit, id, 1.25);
-      }
-    };
-    k.variants(sheet, [story]);
-    return k.finish();
-  }
-});
-
-export {
-  holidays_new_years_eve_shop_hours_default
-};

package/dist/chunks/chunk-LAZ7KCXF.js

@@ -1,139 +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 {
-  ARIAL,
-  MAIL_W,
-  callToAction,
-  finishMail,
-  mailButton,
-  mailFooter,
-  mailHeader,
-  mailRow,
-  mailSheet,
-  section,
-  swell
-} from "./chunk-QYSOZ3EN.js";
-import {
-  burstPath,
-  dotPaths,
-  tick
-} from "./chunk-Y6DFTJFC.js";
-import {
-  hardShadow
-} from "./chunk-PCZTQVV6.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  Kit,
-  preset
-} from "./chunk-E3A22XSE.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/email/saas-mail-launch.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 5e3;
-var HEADER_H = 420;
-var TEETH = 18;
-var cues = [
-  { layer: "Draft flag", preset: "pulse", at: 900, params: { duration: 700, amount: 0.08 } },
-  { layer: "Sticker words", preset: "wobble", at: 2600, params: { duration: 800 } }
-];
-var THINGS = [
-  ["LISTENS", "Joins the call, or reads the recording", "Zoom, Meet and Teams. If you would rather have no bot in the room, upload the recording afterwards."],
-  ["DRAFTS", "Writes the follow-up before you stand up", "Decisions, owners and dates, in your own tone, waiting in Gmail or Outlook for you to edit and send."],
-  ["CHASES", "Nudges an owner when a date slips", "One quiet reminder on the due day. Nothing at all if the task is already ticked."]
-];
-var saas_mail_launch_default = defineTemplate({
-  id: "email-saas-mail-launch",
-  meta: {
-    name: "SaaS lifecycle email: launch announcement",
-    description: `A whole 600 px launch email in a neo-brutalist look: "It's live." on a yellow field with a turning sticker and the product's one hero in a hard-shadowed window, then the three things it does and a single button. The header loops for five seconds (export it as a GIF); the body is table-safe type`,
-    category: "email",
-    tags: ["email", "saas", "lifecycle", "launch", "announcement", "product launch", "neo-brutalist", "animated", "gif", "html"],
-    platforms: ["email"],
-    formats: ["email"],
-    useCases: ["launch", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("SaaS lifecycle email: launch announcement", preset("email-body"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#FFFDF4", text: "#111111", onPaper: "#3F3B33", primary: "#FFD21F", onPrimary: "#111111", accent: "#FF5C8A", onAccent: "#111111" },
-      { company: "Minutely", address: "18 Shoreditch High St, London E1 6JE" }
-    );
-    k.palette({ edge: "#111111", onEdge: "#FFFDF4", card: "#FFFFFF", onCard: "#111111", soft: "#55524A", wash: "#F3EFE2", mint: "#8DE8C2" });
-    k.textStyle("Live 108", { size: 108, fontWeight: 900, letterSpacing: -6, lineHeight: 100 });
-    k.textStyle("Kicker 13", { size: 13, fontWeight: 800, letterSpacing: 1.5, lineHeight: 16 });
-    k.textStyle("Sticker 20", { size: 20, fontWeight: 900, letterSpacing: -0.5, lineHeight: 20, textAlign: "CENTER" });
-    k.textStyle("UI title 15", { size: 15, fontWeight: 800, lineHeight: 20 });
-    k.textStyle("UI 13", { size: 13, fontWeight: 500, lineHeight: 19 });
-    k.textStyle("UI label 12", { size: 12, fontWeight: 800, letterSpacing: 1, lineHeight: 14 });
-    k.textStyle("Heading 28", { ...ARIAL, size: 28, fontWeight: 700, lineHeight: 34 });
-    k.textStyle("Body 16", { ...ARIAL, size: 16, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Verb 13", { ...ARIAL, size: 13, fontWeight: 700, letterSpacing: 1.5, lineHeight: 16 });
-    k.textStyle("Thing 18", { ...ARIAL, size: 18, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Small 15", { ...ARIAL, size: 15, fontWeight: 400, lineHeight: 23 });
-    k.textStyle("Button 17", { ...ARIAL, size: 17, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Fine 13", { ...ARIAL, size: 13, fontWeight: 400, lineHeight: 19 });
-    mailButton(k, "Mail button", { fill: "accent", ink: "onAccent", style: "Button 17", label: "Try it on your next meeting", width: 320, height: 56 });
-    const sheet = mailSheet(k, { paper: "paper", duration: DURATION });
-    const head = mailHeader(k, sheet, HEADER_H, "primary");
-    k.vector(head, MAIL_W, HEADER_H, dotPaths(MAIL_W, HEADER_H, 20, 3), "edge", { name: "Dots", absolute: { x: 0, y: 0 }, opacity: 0.16 });
-    const kicker = k.stack(head, { direction: "HORIZONTAL", width: "HUG", fill: "edge", padding: { top: 6, right: 12, bottom: 6, left: 12 }, name: "Kicker", absolute: { x: 36, y: 34 } });
-    k.text(kicker, "{{brand.company}} 1.0 \xB7 2 OCTOBER 2026", { style: "Kicker 13", color: "onEdge", autoWidth: true, name: "Kicker words" });
-    k.text(head, "It\u2019s live.", { style: "Live 108", color: "onPrimary", width: 520, name: "Live", absolute: { x: 30, y: 66 } });
-    const sticker = k.stack(head, { width: 132, height: 132, align: "CENTER", justify: "CENTER", name: "Sticker", absolute: { x: 438, y: 26 } });
-    const teeth = k.vector(sticker, 132, 132, [burstPath(132, TEETH, 0.13)], "accent", { name: "Sticker teeth", stroke: { color: "edge", width: 3, align: "CENTER" }, effects: [hardShadow(k, "edge", 5, 5)], absolute: { x: 0, y: 0 } });
-    k.behave(teeth, "rotation", [{ kind: "spin", rate: 360 / TEETH * 1e3 / DURATION }]);
-    k.text(sticker, "OPEN\nTO ALL", { style: "Sticker 20", color: "onAccent", name: "Sticker words" });
-    const win = k.stack(head, { width: 528, fill: "card", stroke: { color: "edge", width: 3, align: "INSIDE" }, effects: [hardShadow(k, "edge", 9, 9)], name: "Window", absolute: { x: 36, y: 196 } });
-    const bar = k.stack(win, { direction: "HORIZONTAL", align: "CENTER", justify: "SPACE_BETWEEN", fill: "edge", padding: { top: 10, right: 14, bottom: 10, left: 14 }, name: "Window bar" });
-    k.text(bar, "Design review \xB7 Thu 1 Oct \xB7 32 min", { style: "UI label 12", color: "onEdge", autoWidth: true, name: "Meeting" });
-    const flag = k.stack(bar, { direction: "HORIZONTAL", width: "HUG", gap: 6, align: "CENTER", fill: "mint", padding: { top: 4, right: 9, bottom: 4, left: 8 }, name: "Draft flag" });
-    tick(k, flag, 12, "edge");
-    k.text(flag, "DRAFT READY", { style: "UI label 12", color: "onCard", autoWidth: true, name: "Flag words" });
-    const mail = k.stack(win, { padding: { top: 16, right: 20, bottom: 40, left: 20 }, gap: 8, name: "Draft" });
-    k.text(mail, "To: Priya, Marcus, Jun     Subject: What we decided on checkout", { style: "UI 13", color: "soft", name: "To" });
-    k.rect(mail, "FILL", 2, "edge", { name: "Draft rule" });
-    k.text(mail, "Three decisions from today:", { style: "UI title 15", color: "onCard", name: "Draft opening" });
-    for (const [who, what] of [["Priya", "ships the one-page checkout to 10% of traffic by Friday 9 Oct"], ["Marcus", "pulls refund reasons for September before Tuesday"], ["Jun", "books the pricing review for the week of the 12th"]]) {
-      const row = k.stack(mail, { direction: "HORIZONTAL", gap: 10, align: "MIN", name: "Draft line" });
-      const tagBox = k.stack(row, { direction: "HORIZONTAL", width: 64, justify: "CENTER", fill: "wash", padding: { top: 2, right: 0, bottom: 2, left: 0 }, stroke: { color: "edge", width: 1.5, align: "INSIDE" }, name: "Owner" });
-      k.text(tagBox, who, { style: "UI label 12", color: "onCard", autoWidth: true, name: "Owner name" });
-      k.text(row, what, { style: "UI 13", color: "onCard", name: "Decision" });
-    }
-    swell(k, win, "translateY", { amp: 4, loopMs: DURATION, cycles: 1 });
-    const intro = section(k, sheet, { name: "Intro", pad: [40, 40, 12, 40], gap: 12 });
-    k.text(intro, "{{brand.company}} is open to everyone today.", { style: "Heading 28", color: "text", name: "Heading" });
-    k.text(intro, "For eight months, 340 beta teams have left meetings with the follow-up already written. From today there is no waitlist: connect a calendar and it starts with your next call.", { style: "Body 16", color: "onPaper", name: "Intro words" });
-    const things = section(k, sheet, { name: "What it does", pad: [16, 40, 12, 40], gap: 20 });
-    for (const [verb, title, note] of THINGS) {
-      const row = mailRow(k, things, { name: "Thing", gap: 18 });
-      const cell = k.stack(row, { width: 104, name: "Verb cell" });
-      const block = k.stack(cell, { fill: "primary", padding: { top: 10, right: 0, bottom: 10, left: 0 }, name: "Verb block" });
-      k.text(block, verb, { style: "Verb 13", color: "onPrimary", align: "CENTER", name: "Verb" });
-      const words = k.stack(row, { width: "FILL", gap: 4, name: "Thing words" });
-      k.text(words, title, { style: "Thing 18", color: "text", name: "Thing title" });
-      k.text(words, note, { style: "Small 15", color: "onPaper", name: "Thing note" });
-    }
-    callToAction(k, sheet, { button: "Mail button", label: "Try it on your next meeting", pad: [28, 40, 36, 40], note: "Free for ten meetings a month. No card, and nothing is sent without you pressing send.", noteStyle: "Small 15", noteInk: "onPaper" });
-    mailFooter(k, sheet, { style: "Fine 13", ink: "onPaper", rule: "text", why: "You are getting this because you asked to hear when {{brand.company}} launched." });
-    k.cues(sheet, cues);
-    return finishMail(k, sheet);
-  }
-});
-
-export {
-  saas_mail_launch_default
-};

package/dist/chunks/chunk-LBVEUD7A.js

@@ -1,173 +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 {
-  reelCuts,
-  reelSheet,
-  section
-} from "./chunk-7LZFBGFD.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-WO4SSPCC.js";
-import {
-  hide,
-  patchAll
-} from "./chunk-T3XFQJUI.js";
-import {
-  shadow
-} from "./chunk-PCZTQVV6.js";
-import {
-  logoBadge,
-  pill
-} from "./chunk-IL2F4BKM.js";
-import {
-  box
-} from "./chunk-YKX2GS6X.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  Kit,
-  preset
-} from "./chunk-E3A22XSE.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/motion/saas-changelog-drop.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("launch", 0, 5);
-var { beat } = S;
-var ITEM = [2, 6, 10];
-var swaps = [captionSwap(["Dark mode is here.", "Replies that fill themselves.", "Your tickets, as CSV.", "Live for everyone today."], beat(1.5), S.duration - 30)];
-var counts = [{ layer: "Fixes figure", at: beat(13), duration: beat(2), counter: { from: 0, to: 14, prefix: "+" } }];
-var cues = [
-  { layer: "Brand row", preset: "fade-in", at: 0, params: { duration: 250 } },
-  { layer: "Version tile", preset: "pop-in", at: 0, params: { duration: 350 } },
-  { layer: "Version", preset: "pulse", at: beat(1), params: { duration: 500, amount: 0.05 } },
-  { layer: "Caption strip", preset: "fade-in", at: beat(1.5), params: { duration: 250 } },
-  { layer: "Dark tile", preset: "pop-in", at: beat(ITEM[0]), params: { duration: 380 } },
-  { layer: "Knob", preset: "slide-in", at: beat(ITEM[0] + 1), params: { duration: 300, direction: "left", distance: 64 } },
-  { layer: "Replies tile", preset: "pop-in", at: beat(ITEM[1]), params: { duration: 380 } },
-  { layer: "Filled reply", preset: "rise-in", at: beat(ITEM[1] + 1), params: { duration: 350 } },
-  { layer: "Export tile", preset: "pop-in", at: beat(ITEM[2]), params: { duration: 380 } },
-  { layer: "Export arrow", preset: "drop-in", at: beat(ITEM[2] + 1), params: { duration: 400 } },
-  { layer: "Fixes tile", preset: "pop-in", at: beat(13), params: { duration: 380 } },
-  { layer: "Call", preset: "pop-in", at: beat(16), params: { duration: 400 } },
-  { layer: "Call", preset: "pulse", at: beat(18), params: { duration: 600, amount: 0.05 } }
-];
-var saas_changelog_drop_default = defineTemplate({
-  id: "motion-saas-changelog-drop",
-  meta: {
-    name: "SaaS short: changelog drop",
-    description: "A 10-second \u201Cshipped this week\u201D reel in a bento look: the version lands first on a cobalt tile, then three items stamp into tiles of their own on the beat, each with a small drawing of the feature, and a fixes tile counts up. Music, burned-in captions, 9:16 with square and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "changelog", "release notes", "shipped", "bento", "tiles", "product update", "captions", "music", "audio", "reel", "tiktok", "shorts", "build in public"],
-    platforms: ["x", "linkedin", "tiktok", "instagram", "youtube"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["changelog", "announcement", "launch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit("SaaS short: changelog drop", preset("ig-story"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#E6E9ED", text: "#11141A", onText: "#FFFFFF", onPaper: "#48505E", primary: "#1447E6", onPrimary: "#FFFFFF", accent: "#FFD23F", onAccent: "#2A1F00", card: "#FFFFFF", onCard: "#11141A" },
-      { name: "Orbitdesk", version: "v2.4", site: "orbitdesk.example/new" }
-    );
-    k.palette({ night: "#14161C", onNight: "#F4F6F8", nightMuted: "#AEB6C2", track: "#2B303A", moon: "#FFE38A", mint: "#BDEBD2", onMint: "#0C2B1D", sheetLine: "#7CCBA4", bubble: "#EDF0F3", cardMuted: "#566070", shade: "#5B6472" });
-    const mono = { fontFamily: "JetBrains Mono" };
-    k.textStyle("Version 168", { size: 168, fontWeight: 900, letterSpacing: -9, lineHeight: 150 });
-    k.textStyle("Shipped 34", { size: 34, fontWeight: 800, letterSpacing: -0.8, lineHeight: 38 });
-    k.textStyle("Tile 40", { size: 40, fontWeight: 800, letterSpacing: -1.3, lineHeight: 42 });
-    k.textStyle("Tile note 24", { size: 24, fontWeight: 500, letterSpacing: -0.2, lineHeight: 30 });
-    k.textStyle("Mono 22", { ...mono, size: 22, fontWeight: 600, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Fixes 96", { size: 96, fontWeight: 900, letterSpacing: -5, lineHeight: 92, fontFeatures: { tnum: 1 } });
-    k.textStyle("Brand 28", { size: 28, fontWeight: 700, letterSpacing: -0.4, lineHeight: 34 });
-    k.textStyle("Caption 40", { size: 40, fontWeight: 800, letterSpacing: -1, lineHeight: 48 });
-    k.textStyle("Button 32", { size: 32, fontWeight: 800, letterSpacing: -0.6, lineHeight: 40 });
-    pill(k, "Button", { fill: "text", ink: "onText", style: "Button 32", label: "Read the changelog: orbitdesk.example/new", pad: [20, 34] });
-    const lift = [shadow(k, "shade", 0.16, 14, 34)];
-    const R = 38;
-    const sheet = reelSheet(k, S, { name: "Changelog drop", gap: 16 });
-    const ghost = (x, y, w, h) => k.rect(sheet, w, h, k.tint("text", 0.06), { name: "Empty tile", radius: R, absolute: { x, y } });
-    ghost(140, -60, 380, 270);
-    ghost(536, -60, 404, 270);
-    ghost(956, -60, 300, 270);
-    ghost(140, 1500, 250, 230);
-    ghost(406, 1500, 534, 230);
-    ghost(956, 1500, 300, 230);
-    ghost(140, 1746, 520, 230);
-    ghost(676, 1746, 264, 230);
-    ghost(-140, 660, 264, 320);
-    ghost(956, 590, 300, 250);
-    ghost(956, 856, 300, 250);
-    const brand = k.stack(sheet, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Brand row" });
-    logoBadge(k, brand, { fill: "primary", size: 28, radius: 12 });
-    k.text(brand, "{{brand.name}} changelog \xB7 2 Oct 2026", { style: "Brand 28", color: "text", name: "Brand name" });
-    const rowA = k.stack(sheet, { direction: "HORIZONTAL", gap: 16, height: 330, name: "Row A" });
-    const version = k.stack(rowA, { width: 410, height: "FILL", fill: "primary", radius: R, padding: 32, justify: "SPACE_BETWEEN", effects: lift, name: "Version tile" });
-    k.text(version, "Shipped this week", { style: "Shipped 34", color: "onPrimary", name: "Shipped" });
-    k.text(version, "{{brand.version}}", { style: "Version 168", color: "onPrimary", name: "Version" });
-    const dark = k.stack(rowA, { height: "FILL", fill: "night", radius: R, padding: 30, gap: 8, clip: true, effects: lift, name: "Dark tile" });
-    k.text(dark, "Dark mode", { style: "Tile 40", color: "onNight", name: "Dark title" });
-    k.text(dark, "Follows your system, or not.", { style: "Tile note 24", color: "nightMuted", name: "Dark note" });
-    k.ellipse(dark, 150, "moon", { name: "Moon", absolute: { x: 236, y: 190 } });
-    k.ellipse(dark, 150, "night", { name: "Moon shade", absolute: { x: 190, y: 160 } });
-    k.rect(dark, 136, 72, "track", { name: "Switch", radius: 36, absolute: { x: 30, y: 226 } });
-    k.ellipse(dark, 56, "onNight", { name: "Knob", absolute: { x: 102, y: 234 } });
-    const replies = k.stack(sheet, { height: 270, fill: "card", radius: R, padding: 30, gap: 8, effects: lift, name: "Replies tile" });
-    k.text(replies, "Saved replies with variables", { style: "Tile 40", color: "onCard", name: "Replies title" });
-    k.text(replies, "Write it once. It fills in the name, the order, the date.", { style: "Tile note 24", color: "cardMuted", name: "Replies note" });
-    const draft = k.stack(replies, { direction: "HORIZONTAL", width: "HUG", fill: "bubble", radius: 18, padding: { top: 12, right: 20, bottom: 12, left: 20 }, name: "Draft reply", absolute: { x: 30, y: 136 } });
-    k.text(draft, "Hi {first_name}, refund sent for #{order}.", { style: "Mono 22", color: "onCard", autoWidth: true, name: "Draft words" });
-    const filled = k.stack(replies, { direction: "HORIZONTAL", width: "HUG", fill: "primary", radius: 18, padding: { top: 12, right: 20, bottom: 12, left: 20 }, name: "Filled reply", absolute: { x: 166, y: 196 } });
-    k.text(filled, "Hi Priya, refund sent for #48213.", { style: "Mono 22", color: "onPrimary", autoWidth: true, name: "Filled words" });
-    const rowC = k.stack(sheet, { direction: "HORIZONTAL", gap: 16, height: 250, name: "Row C" });
-    const csv = k.stack(rowC, { height: "FILL", fill: "mint", radius: R, padding: 30, gap: 8, clip: true, effects: lift, name: "Export tile" });
-    k.text(csv, "CSV export, one click", { style: "Tile 40", color: "onMint", width: 300, name: "Export title" });
-    k.text(csv, "Every ticket, every field.", { style: "Tile note 24", color: "onMint", width: 300, name: "Export note" });
-    const cells = [];
-    for (let r = 0; r < 6; r++) for (let c = 0; c < 3; c++) cells.push(box(c * 62, r * 34, 56, 28));
-    k.vector(csv, 186, 204, cells, "sheetLine", { name: "Sheet", absolute: { x: 340, y: 64 } });
-    k.vector(csv, 60, 70, [{ closed: true, points: [{ x: 20, y: 0 }, { x: 40, y: 0 }, { x: 40, y: 36 }, { x: 60, y: 36 }, { x: 30, y: 70 }, { x: 0, y: 36 }, { x: 20, y: 36 }] }], "onMint", { name: "Export arrow", absolute: { x: 252, y: 166 } });
-    const fixes = k.stack(rowC, { width: 250, height: "FILL", fill: "accent", radius: R, padding: 30, justify: "SPACE_BETWEEN", effects: lift, name: "Fixes tile" });
-    k.text(fixes, "+14", { style: "Fixes 96", color: "onAccent", name: "Fixes figure" });
-    k.text(fixes, "fixes, most of them yours", { style: "Tile note 24", color: "onAccent", name: "Fixes note" });
-    captionStrip(k, sheet, swaps[0].words[0], { style: "Caption 40", fill: "card", ink: "onCard", radius: 26, pad: [16, 28], effects: lift });
-    k.instance(sheet, "Button", { Label: "Read the changelog: {{brand.site}}" }, { name: "Call" });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    k.variants(sheet, reelCuts({ post: 40, portrait: 80 }, {
-      post: (kit, id) => {
-        kit.patch(id, { itemSpacing: 12, counterAxisSpacing: 12, padding: { top: 44, right: 100, bottom: 44, left: 100 } });
-        hide(kit, id, ["Brand row"]);
-        patchAll(kit, id, "Row A", { height: 276 });
-        patchAll(kit, id, "Moon", { x: 272, y: 146 });
-        patchAll(kit, id, "Moon shade", { x: 226, y: 116 });
-        patchAll(kit, id, "Switch", { y: 176 });
-        patchAll(kit, id, "Knob", { y: 184 });
-        patchAll(kit, id, "Row C", { height: 232 });
-        patchAll(kit, id, "Sheet", { x: 376 });
-        patchAll(kit, id, "Export arrow", { x: 288, y: 148 });
-      },
-      portrait: (kit, id) => {
-        kit.patch(id, { padding: { top: 70, right: 140, bottom: 70, left: 140 } });
-      }
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  saas_changelog_drop_default
-};