@popcraft/kit 0.29.0 → 0.31.0

package/dist/chunks/chunk-SSCXM5SQ.js

@@ -1,125 +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 {
-  confirms
-} from "./chunk-GLTYKT6F.js";
-import {
-  BREAKPOINTS,
-  webResponsive
-} from "./chunk-TF2MO3UA.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset
-} from "./chunk-OFAIOFJQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/web/coming-soon-page.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var COUNT = [["18", "days"], ["07", "hours"], ["42", "minutes"], ["09", "seconds"]];
-var coming_soon_page_default = defineTemplate({
-  id: "web-coming-soon",
-  meta: {
-    name: "Coming soon page",
-    description: "A coming-soon page with a countdown to opening day and a working email sign-up: a real form that thanks the visitor in place and, with a database attached, saves every address \u2014 desktop, laptop, tablet and phone",
-    category: "web",
-    tags: ["coming soon", "countdown", "launch", "landing page", "waitlist", "form", "sign-up", "database", "cafe", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["countdown", "launch", "event"],
-    created: "2026-09-29",
-    updated: "2026-10-02"
-  },
-  breakpoints: true,
-  build() {
-    const k = new Kit("Coming soon page", preset("web-desktop"));
-    k.brand(
-      { paper: "#1C1511", text: "#F6EEE4", onPaper: "#C9B8A6", primary: "#D9793A", onPrimary: "#1C1511", card: "#2A201A", onCard: "#F6EEE4", cardMuted: "#BCA995", field: "#FFFFFF", onField: "#5E5148", line: "#4A3B31" },
-      { name: "Ember & Oak", tagline: "Coffee roasters" }
-    );
-    k.textStyle("Brand 22", { size: 22, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Tagline 14", { size: 14, fontWeight: 600, letterSpacing: 1.2, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Eyebrow 16", { size: 16, fontWeight: 700, letterSpacing: 1.4, lineHeight: 24, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Display 64", { size: 64, fontWeight: 800, letterSpacing: -2, lineHeight: 70, textAlign: "CENTER" });
-    k.textStyle("Display 44", { size: 44, fontWeight: 800, letterSpacing: -1.2, lineHeight: 50, textAlign: "CENTER" });
-    k.textStyle("Display 34", { size: 34, fontWeight: 800, letterSpacing: -0.8, lineHeight: 40, textAlign: "CENTER" });
-    k.textStyle("Lead 19", { size: 19, fontWeight: 400, lineHeight: 30, textAlign: "CENTER" });
-    k.textStyle("Lead 16", { size: 16, fontWeight: 400, lineHeight: 25, textAlign: "CENTER" });
-    k.textStyle("Count 56", { size: 56, fontWeight: 800, letterSpacing: -1.5, lineHeight: 60, textAlign: "CENTER" });
-    k.textStyle("Count 36", { size: 36, fontWeight: 800, letterSpacing: -1, lineHeight: 40, textAlign: "CENTER" });
-    k.textStyle("Unit 14", { size: 14, fontWeight: 600, letterSpacing: 0.8, lineHeight: 20, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Unit 12", { size: 12, fontWeight: 600, letterSpacing: 0.4, lineHeight: 16, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Field 16", { size: 16, fontWeight: 400, lineHeight: 24 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Note 14", { size: 14, fontWeight: 400, lineHeight: 20, textAlign: "CENTER" });
-    k.textStyle("Footer 14", { size: 14, fontWeight: 400, lineHeight: 20 });
-    k.variantSet("Countdown unit", "Size", ["Large", "Small"], {
-      gap: 4,
-      fill: "card",
-      radius: 16,
-      stroke: { color: "line", width: 1 },
-      props: { Value: "18", Unit: "days" },
-      description: "One unit of a countdown: the number and what it counts."
-    }, (size, id) => {
-      k.propText(id, "Value", { style: size === "Large" ? "Count 56" : "Count 36", color: "onCard" });
-      k.propText(id, "Unit", { style: size === "Large" ? "Unit 14" : "Unit 12", color: "cardMuted" });
-    }, (size) => size === "Large" ? { width: 132, padding: { top: 22, right: 8, bottom: 18, left: 8 } } : { width: 76, padding: { top: 14, right: 4, bottom: 12, left: 4 } });
-    k.component("Button", { direction: "HORIZONTAL", width: "HUG", fill: "primary", radius: 10, align: "CENTER", padding: { top: 14, right: 24, bottom: 14, left: 24 }, props: { Label: "Tell me when you open" } }, (id) => {
-      k.propText(id, "Label", { style: "Button 16", color: "onPrimary", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    const bp = BREAKPOINTS.desktop;
-    k.flowSheet(sheet, 48, { top: 48, right: bp.side, bottom: 40, left: bp.side }, "paper", "SPACE_BETWEEN", "CENTER");
-    k.patch(sheet, { layoutSizingVertical: "HUG", minHeight: bp.viewport, clipsContent: true });
-    const brand = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", name: "Brand" });
-    const tile = k.stack(brand, { direction: "HORIZONTAL", width: "HUG", fill: "primary", radius: 12, padding: 8, name: "Logo tile" });
-    k.logo(tile, 32, 32);
-    const names = k.stack(brand, { width: "HUG", name: "Names" });
-    k.text(names, "{{brand.name}}", { style: "Brand 22", color: "text", autoWidth: true, name: "Brand name" });
-    k.text(names, "{{brand.tagline}}", { style: "Tagline 14", color: "onPaper", autoWidth: true, name: "Brand tagline" });
-    const main = k.stack(sheet, { gap: 28, align: "CENTER", name: "Main" });
-    k.text(main, "Opening Saturday, 18 October", { style: "Eyebrow 16", color: "text", name: "Eyebrow" });
-    k.text(main, "Our first caf\xE9 is coming to Alder Street.", { style: "Display 64", color: "text", width: 900, name: "Headline" });
-    k.text(main, "Espresso from beans we roast behind the counter, sourdough from the bakery next door, and a long table for anyone who wants to stay a while.", { style: "Lead 19", color: "onPaper", width: 720, name: "Lead" });
-    const count = k.stack(main, { direction: "HORIZONTAL", width: "HUG", gap: 16, padding: { top: 12, right: 0, bottom: 12, left: 0 }, name: "Countdown" });
-    for (const [v, u] of COUNT) k.instance(count, "Countdown unit/Large", { Value: v, Unit: u }, { name: "Unit" });
-    const form = k.stack(main, { direction: "HORIZONTAL", width: 560, gap: 10, align: "CENTER", name: "Sign-up" });
-    const field = k.stack(form, { direction: "HORIZONTAL", fill: "field", radius: 10, padding: { top: 14, right: 16, bottom: 14, left: 16 }, name: "Field" });
-    k.text(field, "Your email address", { style: "Field 16", color: "onField", name: "Placeholder" });
-    const send = k.instance(form, "Button", { Label: "Tell me when you open" }, { name: "Sign-up button" });
-    k.patch(field, { control: { kind: "INPUT", name: "email", inputType: "email", required: true } });
-    k.patch(send, { control: { kind: "BUTTON", buttonType: "submit" } });
-    k.text(main, "One email on opening day, and nothing else.", { style: "Note 14", color: "onPaper", name: "Promise" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", gap: 16, name: "Footer" });
-    k.text(foot, "112 Alder Street, Asheville \xB7 Open 7 am to 6 pm, every day", { style: "Footer 14", color: "onPaper", name: "Address" });
-    k.text(foot, "@emberandoak", { style: "Footer 14", color: "onPaper", autoWidth: true, name: "Handle" });
-    webResponsive(k, sheet, {
-      stack: ["Footer"],
-      stackMobile: ["Sign-up"],
-      restyle: { "Display 64": { laptop: "Display 44", tablet: "Display 44", mobile: "Display 34" }, "Lead 19": { mobile: "Lead 16" } },
-      top: { tablet: 40, mobile: 32 },
-      tweak: (kit, id, size) => {
-        for (const n of [...kit.named(id, "Headline"), ...kit.named(id, "Lead")]) if (size !== "laptop") kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        if (size === "tablet" || size === "mobile") for (const n of kit.named(id, "Sign-up")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        if (size === "mobile") {
-          for (const n of kit.named(id, "Countdown")) kit.patch(n, { itemSpacing: 8 });
-          for (const n of kit.named(id, "Unit")) kit.patch(n, { mainComponentId: kit.componentIdOf("Countdown unit/Small"), width: 76 });
-        }
-      }
-    });
-    confirms(k, main, form, { title: "You are on the list.", body: "One email on opening day, with the hours and what is on the counter. See you on Alder Street.", titleStyle: "Display 34", bodyStyle: "Lead 19", align: "CENTER" });
-    return k.finish();
-  }
-});
-
-export {
-  coming_soon_page_default
-};

package/dist/chunks/chunk-SSG5E7SQ.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 {
-  HARVEST,
-  almanacRule,
-  fallLeaves,
-  farFields,
-  field,
-  fitChart,
-  fitField,
-  fitLeaves,
-  growBars,
-  harvestBrand,
-  label,
-  leaves,
-  ledgerLine,
-  nearField,
-  strew,
-  wheatChart
-} from "./chunk-XWJDDXRL.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  outro,
-  pill,
-  postVariants
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset
-} from "./chunk-OFAIOFJQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/social/autumn-harvest-thanks-post.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 7500;
-var land = (h, near, sun, birds) => field({ w: 1080, h, near, loopMs: DURATION }, { sun, birds, pumpkins: [[0.975, 0.9], [0.86, 0.62]] });
-var SHEAF = { x: 720, base: 962, width: 330, height: 430, values: [100, 78], tags: ["", ""], tagStyle: "Figure 34" };
-var litter = (h, near, corner) => [
-  { x: corner.x, y: corner.y, size: 120, turn: 48, tone: "rust", oak: true },
-  ...strew(31, 9, { x0: 60, x1: 1020, y0: near + 100, y1: Math.max(near + 120, h - 50) }, [76, 124]),
-  ...strew(43, 3, { x0: 420, x1: 700, y0: near - 120, y1: near - 40 }, [60, 90])
-];
-var LEDGER = [
-  { name: "Sent", item: "Invoices you sent", counter: { from: 0, to: HARVEST.invoices, separator: "," } },
-  { name: "On time", item: "Paid on time", counter: { from: 0, to: HARVEST.onTime, suffix: "%" } },
-  { name: "Sooner", item: "Days sooner than in 2025", counter: { from: 0, to: HARVEST.sooner } }
-];
-var counts = LEDGER.map((l, i) => ({ layer: l.name, at: 1300 + i * 320, duration: 1500, counter: l.counter }));
-var cues = [
-  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Headline", preset: "words-in", at: 100, params: { duration: 650 } },
-  // A leaf is unseen until it starts to fall, so the loop's first frame is its last.
-  { layer: "Leaf", preset: "fade-in", at: 300, params: { duration: 200 }, stagger: { delay: 260 } },
-  { layer: "Packet", preset: "rise-in", at: 700, params: { duration: 700 } },
-  { layer: "Ledger line", preset: "fade-in", at: 1200, params: { duration: 450 }, stagger: { delay: 320 } },
-  { layer: "Sign-off", preset: "fade-in", at: 2500, params: { duration: 600 } },
-  { layer: "Foot", preset: "fade-in", at: 2800, params: { duration: 600 } },
-  { layer: "Packet", preset: "pulse", at: 4600, params: { duration: 800, amount: 0.03 } },
-  // The leaves blow off and the words leave; the wheat goes back into the ground (`growBars`), so the loop regrows it.
-  { layer: "Leaf", preset: "fade-out", at: 6700, params: { duration: 350 }, stagger: { delay: 25 } },
-  outro(["Eyebrow", "Headline", "Packet", "Foot"], 6700)
-];
-var autumn_harvest_thanks_post_default = defineTemplate({
-  id: "motion-autumn-harvest-thanks-post",
-  meta: {
-    name: "Autumn harvest thank-you post (animated)",
-    description: "An end-of-season thank-you to customers: \u201CThank you for a good year.\u201D over a linocut field, with the year\u2019s ledger filling in on a seed-packet label (each figure counting up), a sheaf of wheat growing before a low sun and leaves falling and settling in the furrows \u2014 a seven-and-a-half-second loop, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "autumn", "harvest", "fall", "thank you", "gratitude", "thanksgiving", "year in review", "almanac", "linocut", "seed packet", "ledger", "counter", "leaves", "saas", "post", "seasonal", "loop"],
-    platforms: ["instagram", "linkedin", "x", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["milestone", "stats", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit("Autumn harvest thank-you post (animated)", preset("ig-post"));
-    k.quantizeGeometry = true;
-    harvestBrand(k, { thanks: "Thank you for a good year." });
-    k.textStyle("Eyebrow 24", { size: 24, fontWeight: 700, letterSpacing: 5, lineHeight: 32, textCase: "UPPER" });
-    k.textStyle("Display 128", { ...SERIF, size: 128, fontWeight: 900, letterSpacing: -4.4, lineHeight: 118 });
-    k.textStyle("Band 18", { size: 18, fontWeight: 800, letterSpacing: 4, lineHeight: 24, textCase: "UPPER" });
-    k.textStyle("Item 28", { ...SERIF, size: 28, fontWeight: 600, lineHeight: 36 });
-    k.textStyle("Figure 34", { ...MONO, size: 34, fontWeight: 800, letterSpacing: -1, lineHeight: 40 });
-    k.textStyle("Sign-off 22", { ...SERIF, size: 22, fontStyle: "italic", fontWeight: 500, lineHeight: 30 });
-    k.textStyle("Foot 26", { size: 26, fontWeight: 600, lineHeight: 34 });
-    k.textStyle("Seal 24", { ...MONO, size: 24, fontWeight: 700, lineHeight: 32 });
-    pill(k, "Seal", { fill: "primary", ink: "onPrimary", style: "Seal 24", label: "bushel.example/2026", pad: [9, 20], radius: 6 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, 72, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    const g = land(1080, 950, { x: 850, y: 640, size: 400 }, { x: 760, y: 420 });
-    farFields(k, sheet, g);
-    wheatChart(k, sheet, SHEAF);
-    for (const t of k.named(sheet, "Tag")) k.patch(t, { visible: false });
-    nearField(k, sheet, g);
-    const top = k.stack(sheet, { gap: 16, name: "Top" });
-    k.text(top, "{{brand.name}} almanac \xB7 end of the season", { style: "Eyebrow 24", color: "onPaper", name: "Eyebrow" });
-    almanacRule(k, top, { width: "FILL" });
-    k.text(top, "{{brand.thanks}}", { style: "Display 128", color: "text", name: "Headline" });
-    const packet = label(k, sheet, { width: 680, band: "Packed for 31,412 freelancers", bandStyle: "Band 18", name: "Packet", gap: 14 });
-    for (const l of LEDGER) ledgerLine(k, packet.body, { item: l.item, figure: "0", itemStyle: "Item 28", figureStyle: "Figure 34", figureName: l.name });
-    k.text(packet.body, "You did the work. We only chased the invoices.", { style: "Sign-off 22", color: "inkSoft", name: "Sign-off" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 22, align: "CENTER", name: "Foot" });
-    k.instance(foot, "Seal", { Label: "{{brand.site}}/2026" }, { name: "Seal" });
-    k.text(foot, "From the six of us at {{brand.name}}.", { style: "Foot 26", color: "label", name: "Sender" });
-    k.counts(sheet, counts);
-    k.finish();
-    const corner = (kit, id) => {
-      const p = kit.node(kit.named(id, "Packet")[0]);
-      return { x: p.x + p.width - 20, y: p.y + 4 };
-    };
-    leaves(k, sheet, litter(1080, g.near, corner(k, sheet)));
-    growBars(k, sheet, 500, 260, 1e3, { at: 6700, duration: 500 });
-    fallLeaves(k, sheet, { at: 300, gap: 260, duration: 2600 });
-    k.cues(sheet, cues);
-    k.variants(sheet, postVariants({ portrait: 80 }, {
-      portrait: (kit, id) => {
-        const y = land(1350, 1200, { x: 840, y: 860, size: 430 }, { x: 800, y: 560 });
-        fitField(kit, id, y);
-        fitChart(kit, id, SHEAF, { x: 700, base: 1212, scale: 1.1 });
-        kit.finish();
-        fitLeaves(kit, id, litter(1350, y.near, corner(kit, id)));
-      },
-      vertical: (kit, id) => {
-        for (const n of kit.named(id, "Foot")) kit.patch(n, { layoutMode: "VERTICAL", counterAxisAlignItems: "MIN", itemSpacing: 14 });
-        for (const n of kit.named(id, "Sender")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        const y = land(1920, 1360, { x: 800, y: 1010, size: 460 }, { x: 700, y: 720 });
-        fitField(kit, id, y);
-        fitChart(kit, id, SHEAF, { x: 640, base: 1372, scale: 1.2 });
-        kit.finish();
-        fitLeaves(kit, id, litter(1920, y.near, corner(kit, id)));
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  autumn_harvest_thanks_post_default
-};

package/dist/chunks/chunk-SU6OEK47.js

@@ -1,183 +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 {
-  TESSERA,
-  assemble,
-  avatarSlice,
-  bentoBrand,
-  calendarSlice,
-  cellBox,
-  chartSlice,
-  disassemble,
-  drawChart,
-  fillWeek,
-  fitAvatars,
-  fitCalendar,
-  fitChart,
-  fitSwitch,
-  flip,
-  grot,
-  placePost,
-  switchSlice,
-  tile,
-  tileLabel
-} from "./chunk-BGH5ILEK.js";
-import {
-  pill
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset
-} from "./chunk-OFAIOFJQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/social/style-bento-announcement.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Bento SaaS announcement post";
-var DURATION = 9e3;
-var TILES = ["News tile", "Switch tile", "Stat tile", "Week tile", "Follow tile", "Chart tile", "Team tile"];
-var FOLLOW = ["Dana: checklist", "Priya: hiring", "Marco: pricing"];
-var LAYOUT = {
-  "ig-post": {
-    grid: { x: 44, y: 44, w: 992, h: 992, cols: 4, rows: 4, gap: 16 },
-    pad: 26,
-    head: "Head 60",
-    stat: "Stat 64",
-    cells: { "News tile": { c: 0, r: 0, cw: 3, rh: 2 }, "Switch tile": { c: 3, r: 0, cw: 1, rh: 1 }, "Stat tile": { c: 3, r: 1, cw: 1, rh: 1 }, "Week tile": { c: 0, r: 2, cw: 2, rh: 2 }, "Follow tile": { c: 2, r: 2, cw: 2, rh: 1 }, "Chart tile": { c: 2, r: 3, cw: 1, rh: 1 }, "Team tile": { c: 3, r: 3, cw: 1, rh: 1 } }
-  },
-  "ig-portrait": {
-    grid: { x: 44, y: 44, w: 992, h: 1262, cols: 4, rows: 5, gap: 16 },
-    pad: 28,
-    head: "Head 60",
-    stat: "Stat 64",
-    cells: { "News tile": { c: 0, r: 0, cw: 3, rh: 2 }, "Switch tile": { c: 3, r: 0, cw: 1, rh: 1 }, "Team tile": { c: 3, r: 1, cw: 1, rh: 1 }, "Week tile": { c: 0, r: 2, cw: 2, rh: 3 }, "Follow tile": { c: 2, r: 2, cw: 2, rh: 2 }, "Stat tile": { c: 2, r: 4, cw: 1, rh: 1 }, "Chart tile": { c: 3, r: 4, cw: 1, rh: 1 } }
-  },
-  "ig-story": {
-    grid: { x: 64, y: 250, w: 952, h: 1606, cols: 4, rows: 8, gap: 16 },
-    pad: 30,
-    head: "Head 76",
-    stat: "Stat 80",
-    rail: 940,
-    wordless: ["Chart tile", "Team tile"],
-    cells: { "News tile": { c: 0, r: 0, cw: 4, rh: 2 }, "Stat tile": { c: 0, r: 2, cw: 2, rh: 2 }, "Switch tile": { c: 2, r: 2, cw: 2, rh: 1 }, "Team tile": { c: 2, r: 3, cw: 2, rh: 1 }, "Week tile": { c: 0, r: 4, cw: 2, rh: 2 }, "Follow tile": { c: 2, r: 4, cw: 2, rh: 2 }, "Chart tile": { c: 0, r: 6, cw: 4, rh: 2 } }
-  }
-};
-var cues = [
-  assemble(TILES, 0, 80, 600),
-  { layer: "Headline", preset: "words-in", at: 450, params: { duration: 700 } },
-  { layer: "Follow row", preset: "slide-in", at: 1800, stagger: { delay: 200, order: "selection" }, params: { direction: "left", duration: 420 } },
-  { layer: "Face", preset: "pulse", at: 4200, stagger: { delay: 80, order: "selection" }, params: { duration: 400, amount: 0.08 } },
-  { layer: "Call", preset: "pulse", at: 5600, params: { duration: 800, amount: 0.06 } },
-  { layer: [...TILES], preset: "pulse", at: 6600, stagger: { delay: 60, order: "selection" }, params: { duration: 600, amount: 0.02 } },
-  disassemble(TILES, 8100, 40, 420)
-];
-var counts = [{ layer: "Stat figure", at: 1500, duration: 1800, counter: { from: 0, to: TESSERA.saved, decimals: 1, suffix: " h" } }];
-var style_bento_announcement_default = defineTemplate({
-  id: "motion-saas-style-bento-announcement",
-  meta: {
-    name: NAME,
-    description: "An animated release post in the bento grid look: rounded tiles assemble into an uneven grid around a night tile with the news, then each lives (a switch flips on, a week fills, hours count up, follow-ups slide in, a focus line draws) before the tiles leave in reverse to the bare ground, so it loops. Nine seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "bento", "bento grid", "tiles", "dashboard", "ai", "productivity", "announcement", "release", "feature", "counter", "chart", "post", "loop"],
-    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["announcement", "changelog", "launch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-post"));
-    k.quantizeGeometry = true;
-    bentoBrand(k);
-    grot(k, "Label 22", 22, { weight: 500, lead: 1.3 });
-    grot(k, "Head 76", 76, { weight: 700, lead: 1.04, spacing: -0.04 });
-    grot(k, "Head 60", 60, { weight: 700, lead: 1.04, spacing: -0.04 });
-    grot(k, "Ui 22", 22, { weight: 500, lead: 1.3 });
-    grot(k, "Day 18", 18, { weight: 600, lead: 1.3 });
-    for (const [n, sz] of [["Stat 80", 80], ["Stat 64", 64]]) grot(k, n, sz, { weight: 700, lead: 1, spacing: -0.05 });
-    grot(k, "Button 24", 24, { weight: 700, lead: 1.2 });
-    pill(k, "Call", { fill: "primary", ink: "onPrimary", style: "Button 24", label: "Try it free", pad: [14, 26] });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Announcement");
-    k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    const L = LAYOUT["ig-post"], g = L.grid;
-    const news = tile(k, sheet, g, L.cells["News tile"], { name: "News tile", surface: "night", pad: L.pad });
-    tileLabel(k, news, `${TESSERA.name} ${TESSERA.version}`, { style: "Label 22", surface: "night", size: 22, right: "Out today", name: "News label" });
-    k.text(news, `${TESSERA.feature} plans your week before Monday.`, { style: L.head, color: "onNight", width: "FILL", name: "Headline" });
-    const call = k.stack(news, { direction: "HORIZONTAL", gap: 18, align: "CENTER", name: "Call row" });
-    k.instance(call, "Call", { Label: "Try it free" }, { name: "Call" });
-    k.text(call, "{{brand.site}}", { style: "Ui 22", color: "nightMuted", autoWidth: true, name: "Site" });
-    const sw = tile(k, sheet, g, L.cells["Switch tile"], { name: "Switch tile", surface: "mint", pad: L.pad });
-    tileLabel(k, sw, TESSERA.feature, { style: "Label 22", surface: "mint", size: 22 });
-    switchSlice(k, sw, { w: 120, ink: "onMint" });
-    const st = tile(k, sheet, g, L.cells["Stat tile"], { name: "Stat tile", surface: "primary", pad: L.pad });
-    tileLabel(k, st, "Back weekly", { style: "Label 22", surface: "primary", size: 22 });
-    k.text(st, `${TESSERA.saved} h`, { style: L.stat, color: "onPrimary", width: 180, name: "Stat figure" });
-    const wk = tile(k, sheet, g, L.cells["Week tile"], { name: "Week tile", surface: "card", pad: L.pad, justify: "MIN" });
-    tileLabel(k, wk, "This week", { style: "Label 22", surface: "card", size: 22, right: `${TESSERA.focus} focus`, name: "Week label" });
-    calendarSlice(k, wk, { w: 100, h: 100, day: "Day 18", ink: "onCard", radius: 7 });
-    const fo = tile(k, sheet, g, L.cells["Follow tile"], { name: "Follow tile", surface: "rose", pad: L.pad, justify: "MIN", gap: 8 });
-    tileLabel(k, fo, `${TESSERA.followUps} drafted`, { style: "Label 22", surface: "rose", size: 22 });
-    for (const f of FOLLOW) {
-      const row = k.stack(fo, { direction: "HORIZONTAL", gap: 10, align: "CENTER", fill: k.tint("card", 0.6), radius: 14, padding: { top: 6, right: 12, bottom: 6, left: 12 }, name: "Follow row" });
-      k.ellipse(row, 10, "night", { name: "Follow dot" });
-      k.text(row, f, { style: "Ui 22", color: "onRose", width: "FILL", name: "Follow words" });
-    }
-    const ch = tile(k, sheet, g, L.cells["Chart tile"], { name: "Chart tile", surface: "sky", pad: L.pad });
-    tileLabel(k, ch, "Focus hours", { style: "Label 22", surface: "sky", size: 22, name: "Chart label" });
-    chartSlice(k, ch, { w: 100, h: 100, ink: "onSky", weight: 5 });
-    const tm = tile(k, sheet, g, L.cells["Team tile"], { name: "Team tile", surface: "sand", pad: L.pad });
-    tileLabel(k, tm, "In sync", { style: "Label 22", surface: "sand", size: 22, name: "Team label" });
-    avatarSlice(k, tm, { d: 60, n: 4, ring: "sand", overlap: 0.4 });
-    const fit = (kit, root, size) => {
-      const l = LAYOUT[size];
-      placePost(kit, root, l.grid, l.cells, { pad: l.pad, rail: l.rail });
-      for (const id of kit.named(root, "Headline")) kit.restyle(id, l.head);
-      for (const id of kit.named(root, "Stat figure")) kit.restyle(id, l.stat);
-      for (const n of l.wordless ?? []) for (const t2 of kit.named(root, n)) for (const name of ["Chart label", "Team label"]) for (const id of kit.named(t2, name)) kit.patch(id, { visible: false });
-      for (const n of l.wordless ?? []) for (const t2 of kit.named(root, n)) kit.patch(t2, { primaryAxisAlignItems: "CENTER", counterAxisAlignItems: "CENTER" });
-      const inner = (n) => {
-        const b = cellBox(l.grid, l.cells[n]);
-        const over = l.rail && !(l.wordless ?? []).includes(n) ? Math.max(0, b.x + b.w - l.pad - l.rail) : 0;
-        return { w: b.w - 2 * l.pad - over, h: b.h - 2 * l.pad };
-      };
-      const w = inner("Week tile");
-      fitCalendar(kit, root, w.w, w.h - 30 - 14 - 24 - 12);
-      const c = inner("Chart tile"), words = !(l.wordless ?? []).includes("Chart tile");
-      fitChart(kit, root, c.w, Math.min(c.h - (words ? 44 : 0), Math.round(c.w * 0.7)));
-      const s = inner("Switch tile");
-      fitSwitch(kit, root, Math.min(140, s.w, Math.round((s.h - 44) / 0.56)));
-      const t = inner("Team tile"), tw = !(l.wordless ?? []).includes("Team tile");
-      fitAvatars(kit, root, Math.min(tw ? 72 : 120, t.h - (tw ? 44 : 0), Math.round(t.w / 2.6)), 0.4);
-    };
-    fit(k, sheet, "ig-post");
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    flip(k, sheet, [1300]);
-    fillWeek(k, sheet, 1100, 80);
-    drawChart(k, sheet, 1500, 2600);
-    k.variants(sheet, [
-      { preset: "ig-portrait", adjust: (kit, id) => fit(kit, id, "ig-portrait") },
-      { preset: "ig-story", adjust: (kit, id) => fit(kit, id, "ig-story") }
-    ]);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_bento_announcement_default
-};

package/dist/chunks/chunk-SUURAI6Z.js

@@ -1,134 +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 {
-  bauble,
-  disc,
-  draw,
-  holly,
-  polyP,
-  printVariant,
-  snowflake,
-  specksIn,
-  starPath
-} from "./chunk-YAIUTBXU.js";
-import {
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset
-} from "./chunk-OFAIOFJQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/print/holidays-christmas-gift-tags.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Christmas gift tags sticker sheet";
-var PAD = { top: 54, right: 60, bottom: 40, left: 60 };
-var D = 196;
-var MOTIFS = ["Tree", "Bauble", "Snowflake", "Holly"];
-var LOOK = {
-  Tree: { ground: "tagGreen", ink: "cream", art: "pineLight", art2: "gold", words: "cream" },
-  Bauble: { ground: "tagRed", ink: "cream", art: "gold", art2: "cream", words: "cream" },
-  Snowflake: { ground: "tagCream", ink: "red", art: "red", art2: "green", words: "red" },
-  Holly: { ground: "tagCream", ink: "green", art: "green", art2: "red", words: "green" }
-};
-function motif(m, cx, cy) {
-  const L = LOOK[m];
-  if (m === "Tree") {
-    const tiers = [0, 1, 2].map((i) => polyP([{ x: cx, y: cy - 38 + i * 17 }, { x: cx + 22 + i * 10, y: cy - 8 + i * 19 }, { x: cx - 22 - i * 10, y: cy - 8 + i * 19 }]));
-    return [
-      { name: "Tree", paths: tiers, color: L.art },
-      { name: "Trunk", paths: [polyP([{ x: cx - 5, y: cy + 30 }, { x: cx + 5, y: cy + 30 }, { x: cx + 5, y: cy + 40 }, { x: cx - 5, y: cy + 40 }])], color: "bark" },
-      { name: "Top star", paths: [starPath(cx, cy - 40, 9, 3.8)], color: L.art2 },
-      { name: "Lights", paths: [[-8, -18], [9, -10], [-16, 2], [8, 8], [-4, 20], [20, 24], [-24, 26], [2, -2]].map(([x, y]) => disc(cx + x, cy + y, 2.8)), color: L.art2 },
-      { name: "Garland", paths: [[-14, -4, 16, -12], [-22, 14, 26, 6], [-30, 34, 32, 26]].map(([a, b, c, d]) => ({ closed: false, points: [{ x: cx + a, y: cy + b }, { x: cx + c, y: cy + d, handleIn: { x: cx + (a + c) / 2, y: cy + (b + d) / 2 + 7 } }] })), color: L.ink, o: { strokeWidth: 1.2, opacity: 0.8 } }
-    ];
-  }
-  if (m === "Bauble") {
-    const b = bauble(cx, cy - 48, 34, { string: 2 });
-    return [
-      { name: "Bauble", paths: b.body, color: L.art },
-      { name: "Bauble shade", paths: b.shade, color: "goldDeep", o: { opacity: 0.5 } },
-      { name: "Bauble bands", paths: b.band, color: L.art2, o: { strokeWidth: 2 } },
-      { name: "Bauble cap", paths: b.cap, color: "goldDeep" },
-      { name: "Bauble shine", paths: b.shine, color: L.art2, o: { opacity: 0.7 } }
-    ];
-  }
-  if (m === "Snowflake") return [
-    { name: "Snowflake", paths: snowflake(cx, cy, 40), color: L.art, o: { strokeWidth: 3.2 } },
-    { name: "Snow dots", paths: [0, 1, 2, 3, 4, 5].map((i) => disc(cx + Math.cos(i * Math.PI / 3 + Math.PI / 6) * 30, cy + Math.sin(i * Math.PI / 3 + Math.PI / 6) * 30, 2.6)), color: L.art2 },
-    { name: "Snowflake heart", paths: [disc(cx, cy, 5)], color: L.art2 }
-  ];
-  return [
-    { name: "Holly", paths: [holly({ x: cx - 4, y: cy + 4 }, 48, Math.PI + 0.45), holly({ x: cx + 4, y: cy + 4 }, 48, -0.45), holly({ x: cx, y: cy + 6 }, 34, Math.PI / 2 + 0.1)], color: L.art },
-    { name: "Berries", paths: [disc(cx - 7, cy - 2, 7), disc(cx + 7, cy - 3, 7), disc(cx, cy + 9, 7)], color: L.art2 }
-  ];
-}
-function paper(w, h) {
-  const B = 12;
-  return [0, 1, 2, 3].map((i) => {
-    const band = { x: -B, y: -B + (h + 2 * B) * i / 4, w: w + 2 * B, h: (h + 2 * B) / 4 };
-    return { name: "Fibre", paths: specksIn(band, 260, 21 + i, 2.2), color: "fibre", o: { opacity: 0.45 } };
-  });
-}
-var holidays_christmas_gift_tags_default = defineTemplate({
-  id: "print-holidays-christmas-gift-tags",
-  meta: {
-    name: NAME,
-    description: "Twelve round Christmas gift tags on one sheet, to print on sticker paper or card and cut out: a layered pine tree, a striped bauble, a snowflake and a sprig of holly in red, green and cream, each with a stitched ring and \u201CTo\u201D and \u201CFrom\u201D lines. One component set, so a colour change reaches every tag. US Letter on kraft paper with bleed, and an A4 copy",
-    category: "sticker",
-    tags: ["christmas", "gift tags", "labels", "stickers", "sticker sheet", "presents", "wrapping", "printable", "holly", "snowflake", "kraft", "diy", "print"],
-    platforms: ["print"],
-    formats: ["card"],
-    useCases: ["greeting"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit(NAME, preset("us-letter"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#E6D6BC", text: "#4A2B1E", onPaper: "#7A2E25", primary: "#A3312A", onPrimary: "#FFF6E8" },
-      { name: "From the Lindqvist house" }
-    );
-    k.palette({ tagRed: "#A3312A", tagGreen: "#2F5A43", tagCream: "#FBF4E6", red: "#A3312A", green: "#2F5A43", cream: "#FBF4E6", gold: "#D9B356", goldDeep: "#8E6C25", pineLight: "#7FAE86", bark: "#6B4A33", fibre: "#9C7F57" });
-    k.textStyle("Head 30", { ...SERIF, size: 30, fontWeight: 600, fontStyle: "italic", letterSpacing: -0.4, lineHeight: 34 });
-    k.textStyle("Note 11", { size: 11, fontWeight: 500, letterSpacing: 0.4, lineHeight: 16 });
-    k.textStyle("Tag 13", { ...SERIF, size: 13, fontWeight: 600, fontStyle: "italic", lineHeight: 17 });
-    k.textStyle("Tag word 9", { size: 9, fontWeight: 700, letterSpacing: 2.2, lineHeight: 12 });
-    k.variantSet("Gift tag", "Design", MOTIFS, { width: D, height: D, radius: D / 2, padding: { top: 110, right: 30, bottom: 18, left: 30 }, gap: 4, align: "CENTER", props: { Greeting: "Merry Christmas", To: "To: ____________", From: "From: __________" } }, (m, id) => {
-      const L = LOOK[m];
-      k.vector(id, D - 16, D - 16, [disc((D - 16) / 2, (D - 16) / 2, (D - 16) / 2)], [], { name: "Stitch", absolute: { x: 8, y: 8 }, stroke: { color: L.words, width: 1.4, dash: [5, 4] }, opacity: 0.8 });
-      draw(k, id, motif(m, D / 2, 64));
-      k.propText(id, "Greeting", { style: "Tag 13", color: L.words, align: "CENTER", width: "FILL", name: "Greeting" });
-      k.propText(id, "To", { style: "Tag word 9", color: L.words, align: "CENTER", width: "FILL", name: "To" });
-      k.propText(id, "From", { style: "Tag word 9", color: L.words, align: "CENTER", width: "FILL", name: "From" });
-    }, (m) => ({ fill: LOOK[m].ground }));
-    const sheet = k.sheet;
-    const { width: W, height: H } = k.node(sheet);
-    k.flowSheet(sheet, 18, PAD, "paper", "MIN", "CENTER");
-    draw(k, sheet, paper(W, H));
-    k.text(sheet, "Merry & bright gift tags", { style: "Head 30", color: "text", align: "CENTER", width: "FILL", name: "Title" });
-    const grid = k.stack(sheet, { direction: "HORIZONTAL", wrap: true, gap: 22, width: "FILL", justify: "CENTER", name: "Tags" });
-    k.patch(grid, { counterAxisSpacing: 22 });
-    const greet = ["Merry Christmas", "Joy to you", "Ho ho ho", "Season\u2019s greetings", "Peace & joy", "Merry Christmas", "With love", "Don\u2019t peek!", "Happy holidays", "Be merry", "Noel", "For you, with love"];
-    greet.forEach((g, i) => k.instance(grid, `Gift tag/${MOTIFS[i % 4]}`, { Greeting: g }, { name: "Gift tag" }));
-    k.text(sheet, "Print on full-sheet sticker paper or card and cut round the stitched ring \xB7 {{brand.name}}", { style: "Note 11", color: "text", align: "CENTER", width: "FILL", name: "Note" });
-    k.variants(sheet, [printVariant("a4", { art: paper, pad: PAD, masterWidth: W })]);
-    return k.finish();
-  }
-});
-
-export {
-  holidays_christmas_gift_tags_default
-};