@popcraft/kit 0.53.7 → 0.53.9

package/dist/chunks/chunk-CJFKPWKC.js

@@ -1,209 +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 {
-  fitGraveyard,
-  graveyard,
-  halloweenBrand,
-  headstone,
-  middleRidge,
-  nearRidge,
-  nightSky,
-  plant,
-  recutStone,
-  sheetGhost
-} from "./chunk-ZJDLBUEJ.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset
-} from "./chunk-4G7VHQUV.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/web/halloween-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var LOOP = 6e3;
-var DEPARTED = [
-  ["2019 \u2013 2026", "FINAL_v7_REAL.xlsx", "Ran payroll for 41 people. Nobody knew which tab was true. Survived by a typed table with its full history."],
-  ["2021 \u2013 2025", "Dave\u2019s macro", "Only Dave understood it, and Dave left in March. Survived by an automation anyone on the team can read."],
-  ["2023 \u2013 2026", "Copy of Copy of Pricing", "Fourteen duplicates, three of them emailed to customers. Survived by one source, with permissions."],
-  ["2020 \u2013 2026", "The 3 a.m. VLOOKUP", "Returned #N/A the night before the board meeting. Survived by relations that cannot dangle."]
-];
-var yard = (w) => {
-  const u = w / 950, h = Math.round(w * 1.12), near = h * 0.84;
-  return graveyard({ w, h, near, u, loopMs: LOOP, front: h - 6 * u }, {
-    far: near - 150 * u,
-    mid: near - 76 * u,
-    moon: { x: w * 0.56, y: near - 500 * u, size: 560 * u },
-    tree: { x: w * 0.1, size: 480 * u },
-    starsTop: 10 * u
-  });
-};
-var cues = [
-  { layer: "Offer bar", preset: "drop-in", at: 0, params: { duration: 600 } },
-  { layer: "Nav", preset: "fade-in", at: 100, params: { duration: 700 } },
-  { layer: "Eyebrow", preset: "fade-in", at: 300, params: { duration: 700 } },
-  { layer: "Headline", preset: "blur-in", at: 350, params: { duration: 1e3, amount: 22 } },
-  { layer: "Visual", preset: "fade-in", at: 400, params: { duration: 900 } },
-  { layer: "Lead", preset: "rise-in", at: 900, params: { duration: 800 } },
-  { layer: "Stone", preset: "rise-in", at: 1e3, params: { duration: 800 } },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1300, params: { duration: 700 }, stagger: { delay: 140 } },
-  { layer: "Ghost", preset: "rise-in", at: 1900, params: { duration: 900 } },
-  { layer: "Proof", preset: "fade-in", at: 2e3, params: { duration: 800 } },
-  { layer: "Ghost", preset: "wobble", at: 3600, params: { duration: 900 } }
-];
-var halloween_landing_default = defineTemplate({
-  id: "web-halloween-landing",
-  meta: {
-    name: "Halloween landing page",
-    description: "A seasonal landing page for a product that kills a spreadsheet: an offer bar, a hero where a headstone rises in a cut-paper graveyard and the ghost of the sheet bobs before a harvest moon, the recently departed as a ruled column of obituaries, and the Halloween offer \u2014 at desktop, laptop, tablet and phone widths",
-    category: "web",
-    tags: ["halloween", "landing page", "hero", "website", "saas", "graveyard", "headstone", "ghost", "cut paper", "offer", "animation", "responsive", "seasonal", "serif"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["sale", "launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Halloween landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    halloweenBrand(k);
-    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Brand 22", { ...SERIF, size: 22, fontWeight: 900, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Bar 15", { size: 15, fontWeight: 700, lineHeight: 22, textAlign: "CENTER" });
-    k.textStyle("Eyebrow 14", { size: 14, fontWeight: 700, letterSpacing: 4, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Display 80", { ...SERIF, size: 80, fontWeight: 900, letterSpacing: -2.6, lineHeight: 82 });
-    k.textStyle("Display 66", { ...SERIF, size: 66, fontWeight: 900, letterSpacing: -2, lineHeight: 70 });
-    k.textStyle("Display 56", { ...SERIF, size: 56, fontWeight: 900, letterSpacing: -1.6, lineHeight: 60 });
-    k.textStyle("Display 40", { ...SERIF, size: 40, fontWeight: 900, letterSpacing: -1, lineHeight: 44 });
-    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 32 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 27 });
-    k.textStyle("Proof 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Section 44", { ...SERIF, size: 44, fontWeight: 900, letterSpacing: -1.2, lineHeight: 50 });
-    k.textStyle("Section 32", { ...SERIF, size: 32, fontWeight: 900, letterSpacing: -0.8, lineHeight: 38 });
-    k.textStyle("Years 17", { ...MONO, size: 17, fontWeight: 500, lineHeight: 30 });
-    k.textStyle("Departed 24", { ...MONO, size: 24, fontWeight: 800, letterSpacing: -0.6, lineHeight: 32 });
-    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Small 14", { size: 14, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Lies 16", { size: 16, fontWeight: 800, letterSpacing: 5, lineHeight: 22, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Deceased 28", { ...MONO, size: 28, fontWeight: 800, letterSpacing: -0.8, lineHeight: 36, textAlign: "CENTER" });
-    k.textStyle("Dates 22", { ...SERIF, size: 22, fontWeight: 700, lineHeight: 28, textAlign: "CENTER" });
-    k.textStyle("Epitaph 19", { ...SERIF, size: 19, fontStyle: "italic", fontWeight: 500, lineHeight: 26, textAlign: "CENTER" });
-    k.textStyle("Lies 12", { size: 12, fontWeight: 800, letterSpacing: 3, lineHeight: 16, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Deceased 18", { ...MONO, size: 18, fontWeight: 800, letterSpacing: -0.5, lineHeight: 24, textAlign: "CENTER" });
-    k.textStyle("Dates 15", { ...SERIF, size: 15, fontWeight: 700, lineHeight: 20, textAlign: "CENTER" });
-    k.textStyle("Epitaph 13", { ...SERIF, size: 13, fontStyle: "italic", fontWeight: 500, lineHeight: 18, textAlign: "CENTER" });
-    k.textStyle("Ref 13", { ...MONO, size: 13, fontWeight: 800, lineHeight: 16 });
-    buttons(k, { style: "Button 16", pad: [15, 26], radius: 8 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 64, top: 24 });
-    k.timeline(sheet, { duration: LOOP, fps: 30 });
-    const bar = k.stack(sheet, { fill: "primary", radius: 8, padding: { top: 10, right: 20, bottom: 10, left: 20 }, align: "CENTER", name: "Offer bar" });
-    k.text(bar, "No tricks this Halloween: 31% off your first year with code RIP31. Ends at midnight, 31 October.", { style: "Bar 15", color: "onPrimary", name: "Offer bar text" });
-    nav(k, sheet, { links: ["Obituaries", "Importer", "Pricing", "Changelog"], cta: "Dig the first plot", style: "Nav 16", brandStyle: "Brand 22" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 72, align: "CENTER", name: "Hero" });
-    const copy = k.stack(hero, { gap: 26, name: "Copy" });
-    k.text(copy, "For the workbook that runs your company", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
-    k.text(copy, "Give your spreadsheet a decent burial.", { style: "Display 80", color: "text", name: "Headline" });
-    k.text(copy, "Plot imports the workbook everyone is afraid to touch and turns it into a real database: typed tables, permissions, an audit log, and forms your team cannot break. The file gets a headstone. You get your weekends back.", { style: "Lead 20", color: "onPaper", name: "Lead" });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: "Dig the first plot" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "Read an obituary" }, { name: "CTA quiet" });
-    k.text(copy, "4,812 spreadsheets laid to rest \xB7 median import 4 min 10 s", { style: "Proof 15", color: "onPaper", name: "Proof" });
-    const W = 540;
-    const g = yard(W);
-    const visual = k.stack(hero, { width: W, height: g.h, fill: "card", radius: 20, clip: true, name: "Visual" });
-    nightSky(k, visual, g);
-    middleRidge(k, visual, g);
-    headstone(k, visual, {
-      w: 348,
-      name: "Stone",
-      absolute: { x: 0, y: 0 },
-      u: g.u * 1.3,
-      pad: 22,
-      gap: 8,
-      foot: 40,
-      rule: 2,
-      lines: [{ text: "Here lies", style: "Lies 16", name: "Here lies" }, { text: "FINAL_v7_REAL.xlsx", style: "Deceased 28", name: "Deceased" }, { text: "2019 \u2013 2026", style: "Dates 22", name: "Dates" }, { text: "Nobody knew which tab was true.", style: "Epitaph 19", name: "Epitaph" }]
-    });
-    sheetGhost(k, visual, { w: 124, style: "Ref 13", u: g.u * 1.3, absolute: { x: 0, y: 0 }, loopMs: LOOP, cycles: 3 });
-    nearRidge(k, visual, g);
-    const stand = (kit, id, y) => {
-      for (const s of kit.named(id, "Stone")) plant(kit, s, y.w * 0.44, y.near, 30 * y.u * 1.3);
-      const stone = kit.node(kit.named(id, "Stone")[0]);
-      for (const gh of kit.named(id, "Ghost")) kit.patch(gh, { x: Math.round(Math.min(y.w - 132, stone.x + stone.width - 40)), y: Math.round(stone.y - 110) });
-    };
-    stand(k, visual, g);
-    const departed = k.stack(sheet, { gap: 0, name: "Departed" });
-    k.text(departed, "Recently departed", { style: "Section 44", color: "text", name: "Departed title" });
-    k.stack(departed, { height: 28, name: "Gap" });
-    for (const [years, name, account] of DEPARTED) {
-      k.rect(departed, "FILL", 1, "accent", { name: "Rule", opacity: 0.5 });
-      const row = k.stack(departed, { direction: "HORIZONTAL", gap: 32, padding: { top: 24, right: 0, bottom: 24, left: 0 }, name: "Obituary" });
-      k.text(row, years, { style: "Years 17", color: "onPaper", width: 140, name: "Years" });
-      k.text(row, name, { style: "Departed 24", color: "text", width: 340, name: "Departed name" });
-      k.text(row, account, { style: "Body 18", color: "onPaper", name: "Account" });
-    }
-    k.rect(departed, "FILL", 1, "accent", { name: "Rule", opacity: 0.5 });
-    const band = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", justify: "SPACE_BETWEEN", fill: "card", radius: 12, stroke: { color: "accent", width: 1 }, padding: 48, name: "Band" });
-    const pitch = k.stack(band, { gap: 10, name: "Band copy" });
-    k.text(pitch, "No tricks. 31% off your first year.", { style: "Section 32", color: "onCard", name: "Band title" });
-    k.text(pitch, "Use RIP31 before midnight on 31 October. Import as many workbooks as you like; you pay when the first one is buried.", { style: "Body 18", color: "onCard", name: "Band text" });
-    k.instance(band, "Button", { Label: "Claim the treat" }, { name: "Band button" });
-    k.text(sheet, "\xA9 2026 Plot Labs \xB7 Security \xB7 Changelog \xB7 Status", { style: "Small 14", color: "onPaper", name: "Footer" });
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Band", "Obituary"],
-      restyle: {
-        "Display 80": { laptop: "Display 66", tablet: "Display 56", mobile: "Display 40" },
-        "Lead 20": { mobile: "Lead 17" },
-        "Section 44": { mobile: "Section 32" }
-      },
-      gap: { tablet: 56, mobile: 44 },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 48 });
-        if (size === "tablet" || size === "mobile") {
-          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 44, counterAxisAlignItems: "CENTER" });
-          for (const n of kit.named(id, "Band")) kit.patch(n, { itemSpacing: 24, padding: { top: 32, right: 24, bottom: 32, left: 24 } });
-        }
-        if (size === "tablet" || size === "mobile") for (const n of kit.named(id, "Obituary")) kit.patch(n, { itemSpacing: 6 });
-        const y = size === "mobile" ? yard(335) : g;
-        for (const box of kit.named(id, "Visual")) {
-          kit.patch(box, { layoutSizingHorizontal: "FIXED", width: y.w, height: y.h });
-          if (size !== "mobile") continue;
-          fitGraveyard(kit, box, y);
-          for (const s of kit.named(box, "Stone")) recutStone(kit, s, "round", 214, { u: y.u * 1.3, pad: 16 });
-          for (const [name, style] of [["Here lies", "Lies 12"], ["Deceased", "Deceased 18"], ["Dates", "Dates 15"], ["Epitaph", "Epitaph 13"]]) for (const n of kit.named(box, name)) kit.restyle(n, style);
-          stand(kit, box, y);
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  halloween_landing_default
-};

package/dist/chunks/chunk-CL45UKU2.js

@@ -1,77 +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 {
-  standardStore
-} from "./chunk-UYMFNEM6.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/web/shop-marginalia.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var PRODUCTS = [
-  { title: "The Weight of Rivers", handle: "the-weight-of-rivers", price: "\xA318.99", image: "ma-book1", tags: "fiction", description: "A novel of three sisters and the dam that drowned their village, told across fifty years. Our book of the month." },
-  { title: "Small Hours", handle: "small-hours", price: "\xA310.99", image: "ma-book2", tags: "essays", description: "Essays on insomnia, night shifts and the city after midnight." },
-  { title: "A Map of the Tides", handle: "a-map-of-the-tides", price: "\xA322.00", image: "ma-book3", tags: "nature", description: "A natural history of the coastline, with forty hand-drawn charts." },
-  { title: "Field Notes", handle: "field-notes", price: "\xA39.99", image: "ma-book4", tags: "poetry", description: "Poems written on walks across one year in the Fens." },
-  { title: "The Long Table", handle: "the-long-table", price: "\xA328.00", image: "ma-book5", tags: "food", description: "Recipes and stories from a family restaurant that fed a town for sixty years." },
-  { title: "Learning to Swim", handle: "learning-to-swim", price: "\xA312.99", image: "ma-book6", tags: "memoir", description: "A memoir about taking up wild swimming at sixty." }
-];
-var shop_marginalia_default = defineTemplate({
-  id: "web-shop-marginalia",
-  meta: {
-    name: "Marginalia bookshop",
-    description: "An independent bookshop\u2019s store in cream and ink with a literary serif: the headline typed in, tall book covers, staff picks in a carousel, categories, a page per book with add to cart and a cart with checkout. Publishes as a Next.js Commerce store selling your Shopify products. Desktop, tablet and phone",
-    category: "storefront",
-    tags: ["ecommerce", "shop", "store", "storefront", "shopify", "next.js commerce", "product page", "cart", "books", "bookshop", "editorial", "literary", "serif", "independent", "website", "responsive", "animation"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["sale", "launch"],
-    created: "2026-10-09",
-    updated: "2026-10-09"
-  },
-  breakpoints: true,
-  build: () => standardStore({
-    name: "Marginalia bookshop",
-    brand: { paper: "#F6F1E7", text: "#1E1B16", onPaper: "#625A4E", primary: "#8B2E1F", onPrimary: "#FBF6EC", card: "#FFFDF8", onCard: "#1E1B16", cardMuted: "#625A4E", tint: "#ECE4D4", onTint: "#1E1B16", tintMuted: "#625A4E", line: "#DCD2BF" },
-    fields: { name: "Marginalia Books", email: "shop@marginalia.books" },
-    styles: {
-      "Wordmark 26": { size: 26, fontFamily: "Libre Caslon Text", fontWeight: 700, letterSpacing: -0.3, lineHeight: 30 },
-      "Nav 15": { size: 15, fontFamily: "EB Garamond", fontWeight: 500, lineHeight: 22 },
-      "Display 80": { size: 80, fontFamily: "Libre Caslon Text", fontWeight: 400, letterSpacing: -1.6, lineHeight: 84 },
-      "Display 46": { size: 46, fontFamily: "Libre Caslon Text", fontWeight: 400, letterSpacing: -0.6, lineHeight: 52 },
-      "Section 32": { size: 32, fontFamily: "Libre Caslon Text", fontWeight: 400, lineHeight: 38 },
-      "Title 17": { size: 17, fontFamily: "EB Garamond", fontWeight: 600, lineHeight: 23 },
-      "Price 16": { size: 16, fontFamily: "EB Garamond", fontWeight: 400, lineHeight: 22 },
-      "Body 18": { size: 18, fontFamily: "EB Garamond", fontWeight: 400, lineHeight: 29 },
-      "Small 14": { size: 14, fontWeight: 500, letterSpacing: 0.6, lineHeight: 20 },
-      "Button 15": { size: 15, fontWeight: 600, letterSpacing: 0.4, lineHeight: 22 }
-    },
-    type: { wordmark: "Wordmark 26", nav: "Nav 15", display: "Display 80", displaySmall: "Display 46", section: "Section 32", title: "Title 17", price: "Price 16", body: "Body 18", small: "Small 14", button: "Button 15" },
-    products: PRODUCTS,
-    categories: [{ title: "Fiction", handle: "fiction", description: "Novels the staff have pressed into customers\\u2019 hands." }, { title: "Essays", handle: "essays", description: "Short, sharp and true." }, { title: "Poetry", handle: "poetry", description: "Small books for long evenings." }, { title: "Nature", handle: "nature", description: "The world outside, written well." }],
-    carousel: "Staff picks this month",
-    menu: [["New in", "/search"], ["Fiction", "/search/fiction"], ["Poetry", "/search/poetry"]],
-    hero: { kicker: "INDEPENDENT SINCE 1987 \xB7 NORWICH", headline: "Books chosen by people who have read them", lead: "Every book on our shelves has been read by one of the five of us. Ask us anything; we will find you something.", cta: "Browse new arrivals", image: "ma-hero", layout: "stacked" },
-    story: { title: "Staff picks, written in the margins", body: "Each book we recommend comes with a card from the bookseller who loved it. We will post one with your order.", image: "ma-book1" },
-    promise: ["Free UK delivery over \xA325 \xB7 wrapped in brown paper", "Signed copies where we can get them"],
-    newsletter: { title: "The margin", body: "A monthly letter of what we are reading, and invitations to our events." },
-    legal: "Prices include VAT.",
-    card: "plain",
-    motion: "editorial",
-    float: false,
-    ratio: 1.5,
-    radius: 2
-  })
-});
-
-export {
-  shop_marginalia_default
-};

package/dist/chunks/chunk-CLBYGBDU.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-YUJ6YBZ6.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-3YQOE5KZ.js";
-import {
-  hide,
-  patchAll
-} from "./chunk-LWSZATOL.js";
-import {
-  shadow
-} from "./chunk-YORIY3BT.js";
-import {
-  logoBadge,
-  pill
-} from "./chunk-KOAJ6HD2.js";
-import {
-  box
-} from "./chunk-EJLCQVQK.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset
-} from "./chunk-4G7VHQUV.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.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
-};

package/dist/chunks/chunk-CLH7EX2Z.js

@@ -1,93 +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 {
-  deck,
-  heatBrand,
-  parasols,
-  pool
-} from "./chunk-GM6ZZCTH.js";
-import {
-  MONO
-} from "./chunk-AXAAXHZF.js";
-import {
-  pill
-} from "./chunk-KOAJ6HD2.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset
-} from "./chunk-4G7VHQUV.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/social/summer-heatwave-link-preview.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var summer_heatwave_link_preview_default = defineTemplate({
-  id: "social-summer-heatwave-link-preview",
-  meta: {
-    name: "Summer heatwave link preview",
-    description: "A 1200 \xD7 630 link preview for a summer campaign: \u201CGone swimming. App\u2019s fine.\u201D in heavy capitals, the product in two mono lines and the summer pass as a seal, beside a lido seen from above at noon where the product\u2019s jobs swim lengths in named lanes \u2014 hot sand, pool water, parasols and hard shadows",
-    category: "social",
-    tags: ["summer", "heatwave", "lido", "pool", "link preview", "open graph", "og image", "out of office", "summer sale", "saas", "seasonal"],
-    platforms: ["web", "x", "linkedin", "facebook"],
-    formats: ["og-image"],
-    useCases: ["sale", "launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit("Summer heatwave link preview", preset("og-image"));
-    k.quantizeGeometry = true;
-    heatBrand(k, { tagline: "Gone swimming. App\u2019s fine." });
-    k.textStyle("Eyebrow 20", { size: 20, fontWeight: 800, letterSpacing: 4, lineHeight: 28, textCase: "UPPER" });
-    k.textStyle("Display 92", { size: 92, fontWeight: 900, letterSpacing: -4, lineHeight: 82, textCase: "UPPER" });
-    k.textStyle("Facts 20", { ...MONO, size: 20, fontWeight: 500, lineHeight: 30 });
-    k.textStyle("Seal 20", { size: 20, fontWeight: 800, lineHeight: 26 });
-    k.textStyle("Lane 16", { ...MONO, size: 16, fontWeight: 700, lineHeight: 20, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Number 22", { ...MONO, size: 22, fontWeight: 800, lineHeight: 24, textAlign: "CENTER" });
-    pill(k, "Seal", { fill: "primary", ink: "onPrimary", style: "Seal 20", label: "Summer pass: three months free", pad: [10, 22] });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 20, { top: 60, right: 590, bottom: 60, left: 72 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    const s = {
-      w: 1200,
-      h: 630,
-      u: 0.74,
-      loopMs: 6e3,
-      still: true,
-      pool: { x: 664, y: 176, w: 510, h: 700, lanes: 3 },
-      blocks: { labels: ["Uptime", "Alerts", "Tickets"], style: "Lane 16", num: "Number 22", h: 72 },
-      swimmers: [
-        { lane: 0, phase: 0.42, laps: 1, cap: "capA", suit: "suitA", skin: "skinA" },
-        { lane: 1, phase: 0.2, laps: 1, cap: "capB", suit: "suitC", skin: "skinB" },
-        { lane: 2, phase: 0.5, laps: 1, cap: "capC", suit: "suitB", skin: "skinA" }
-      ],
-      rings: [{ x: 420, y: 390, size: 110 }],
-      parasols: [{ x: 1150, y: 600, r: 150, sun: true }, { x: 610, y: 600, r: 104 }],
-      towels: [{ x: 770, y: -60, w: 84, h: 150, alt: true }, { x: 1030, y: -40, w: 84, h: 130 }],
-      loungers: [{ x: 880, y: -110, w: 84 }],
-      flipflops: { x: 720, y: 60 },
-      steps: { x: 622, y: 420, n: 5, dx: -3, dy: -52 }
-    };
-    deck(k, sheet, s);
-    pool(k, sheet, s);
-    parasols(k, sheet, s);
-    k.text(sheet, "{{brand.name}} \xB7 On-call autopilot", { style: "Eyebrow 20", color: "text", name: "Eyebrow" });
-    k.text(sheet, "{{brand.tagline}}", { style: "Display 92", color: "text", name: "Headline" });
-    k.text(sheet, "Restarts what falls over. Answers the easy tickets. Whistles only when it must.", { style: "Facts 20", color: "onPaper", name: "Facts" });
-    k.instance(sheet, "Seal", { Label: "Summer pass: three months free" }, { name: "Seal" });
-    return k.finish();
-  }
-});
-
-export {
-  summer_heatwave_link_preview_default
-};

package/dist/chunks/chunk-CLQ3FUJI.js

@@ -1,51 +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 {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-import {
-  __export
-} from "./chunk-LJSVREWM.js";
-
-// templates/src/shared/motion.ts
-var motion_exports = {};
-__export(motion_exports, {
-  HOLD: () => HOLD,
-  appear: () => appear,
-  blink: () => blink,
-  cutOff: () => cutOff,
-  cutOn: () => cutOn,
-  drawOn: () => drawOn,
-  hz: () => hz
-});
-init_define_POPCRAFT_COMPONENT_IDS();
-var hz = (cycles, loopMs) => cycles * 1e3 / loopMs;
-var HOLD = { kind: "hold" };
-var SNAP = 100;
-var cutOn = (layer, at, gap) => ({ layer, preset: "fade-in", at: at - SNAP, params: { duration: SNAP, ease: HOLD }, ...gap ? { stagger: { delay: gap, order: "selection" } } : {} });
-var cutOff = (layer, at, gap) => ({ layer, preset: "fade-out", at: at - SNAP, params: { duration: SNAP, ease: HOLD }, ...gap ? { stagger: { delay: gap, order: "selection" } } : {} });
-var blink = (layer, at, duration = 1e3) => ({ layer, preset: "flash", at, params: { duration, ease: HOLD } });
-function drawOn(k, id, at, duration) {
-  k.animate(id, "trim.end", [{ t: at, v: 0, ease: ease.inOut("cubic") }, { t: at + duration, v: 1 }]);
-}
-function appear(k, id, at, fade = 160, to = 1) {
-  k.animate(id, "opacity", [{ t: at, v: 0, ease: ease.linear }, { t: at + fade, v: to }]);
-}
-
-export {
-  hz,
-  HOLD,
-  cutOn,
-  cutOff,
-  blink,
-  drawOn,
-  appear,
-  motion_exports
-};