@popcraft/kit 0.31.0 → 0.32.0

package/dist/chunks/chunk-3BEYE2JO.js

@@ -1,106 +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 {
-  DEAL,
-  backSlip,
-  line,
-  receipt,
-  tearLine,
-  tillBrand,
-  two
-} from "./chunk-VW57C5RZ.js";
-import {
-  EMAIL_FPS,
-  HEADER,
-  ticker
-} from "./chunk-572QBW5I.js";
-import {
-  pill
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/email/black-friday-header.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 6e3;
-var ITEM = 300;
-var RATE = ITEM * 1e3 / DURATION;
-var TICKS = 5;
-var cues = [
-  { layer: "Total", preset: "pulse", at: 600, params: { duration: 700, amount: 0.06 } },
-  { layer: "Open button", preset: "wobble", at: 2400, params: { duration: 700 } },
-  { layer: "Total", preset: "pulse", at: 4200, params: { duration: 700, amount: 0.06 } }
-];
-var counts = [
-  // Rests at the figure it starts from: the first frame, and a still, read the time left as it was set.
-  { layer: "Clock row amount", at: 0, duration: TICKS * 1e3, tick: 1e3, counter: { from: DEAL.seconds, to: DEAL.seconds - TICKS, value: DEAL.seconds, prefix: `${DEAL.days}D ${two(DEAL.hours)}:${two(DEAL.minutes)}:` } }
-];
-var black_friday_header_default = defineTemplate({
-  id: "email-black-friday-header",
-  meta: {
-    name: "Black Friday sale email header (animated GIF)",
-    description: "A 600 \xD7 300 animated header for a SaaS Black Friday email: the offer, the deadline, the button and a receipt with the old price struck through are all on the first frame (for Outlook), then a ticker runs, the sale clock ticks and the total swells. A 6-second GIF",
-    category: "email",
-    tags: ["email", "gif", "animated", "header", "banner", "black friday", "cyber monday", "sale", "saas", "receipt", "countdown"],
-    platforms: ["email"],
-    formats: ["email", "banner"],
-    useCases: ["sale", "countdown"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts },
-  build() {
-    const k = new Kit("Black Friday sale email header", HEADER);
-    k.quantizeGeometry = true;
-    tillBrand(k, { name: DEAL.product, offer: "Half off every annual plan.", when: `Black Friday to Cyber Monday. Ends ${DEAL.ends}.` }, ["primary", "onPrimary", "accent", "onAccent", "card", "onCard", "cardMuted"]);
-    const mono = { fontFamily: "JetBrains Mono" };
-    k.textStyle("Ticker 13", { ...mono, size: 13, fontWeight: 800, letterSpacing: 1, lineHeight: 16 });
-    k.textStyle("Offer 34", { size: 34, fontWeight: 900, letterSpacing: -1.2, lineHeight: 36 });
-    k.textStyle("When 14", { size: 14, fontWeight: 500, lineHeight: 20 });
-    k.textStyle("Button 15", { size: 15, fontWeight: 800, lineHeight: 18 });
-    k.textStyle("Shop 15", { ...mono, size: 15, fontWeight: 800, lineHeight: 20 });
-    k.textStyle("Slip 13", { ...mono, size: 13, fontWeight: 600, lineHeight: 18, fontFeatures: { tnum: 1 } });
-    k.textStyle("Total 40", { ...mono, size: 40, fontWeight: 800, letterSpacing: -1.2, lineHeight: 46, fontFeatures: { tnum: 1 } });
-    pill(k, "Button", { fill: "accent", ink: "onAccent", style: "Button 15", label: "Open the receipt", pad: [9, 18], radius: 4 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, { top: 30, right: 24, bottom: 0, left: 28 }, "primary", "MIN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
-    ticker(k, sheet, { label: "BLACK FRIDAY \xB7 50% OFF ANNUAL", item: ITEM, height: 30, fill: "accent", ink: "onAccent", style: "Ticker 13", rate: RATE });
-    backSlip(k, sheet, { x: 392, y: 78, width: 230, height: 300, rotation: 7, u: 0.36 });
-    const main = k.stack(sheet, { direction: "HORIZONTAL", height: "FILL", gap: 28, name: "Main" });
-    const copy = k.stack(main, { height: "FILL", gap: 10, justify: "CENTER", name: "Copy" });
-    k.text(copy, "{{brand.offer}}", { style: "Offer 34", color: "onPrimary", name: "Offer" });
-    k.text(copy, "{{brand.when}}", { style: "When 14", color: "onPrimary", name: "When" });
-    k.instance(copy, "Button", { Label: "Open the receipt" }, { name: "Open button" });
-    const { body } = receipt(k, main, { width: 252, pad: { top: 14, right: 16, bottom: 12, left: 16 }, gap: 6, tooth: 12, depth: 7, shadow: 0.4 });
-    k.text(body, "{{brand.name}}", { style: "Shop 15", color: "onCard", name: "Shop" });
-    line(k, body, "TEAM, 12 MONTHS", `$${DEAL.teamWas}`, { style: "Slip 13", amountColor: "cardMuted", struck: true, name: "Was row", gap: 6 });
-    line(k, body, "BLACK FRIDAY", "\u221250%", { style: "Slip 13", name: "Discount row", gap: 6 });
-    tearLine(k, body, { dash: 6, gap: 4, weight: 2 });
-    const total = k.stack(body, { name: "Total" });
-    k.text(total, "TOTAL, FOR THE YEAR", { style: "Slip 13", color: "cardMuted", name: "Total label" });
-    k.text(total, `$${DEAL.teamNow}`, { style: "Total 40", color: "onCard", name: "Total figure" });
-    tearLine(k, body, { dash: 6, gap: 4, weight: 2 });
-    line(k, body, "ENDS IN", `${DEAL.days}D ${two(DEAL.hours)}:${two(DEAL.minutes)}:${DEAL.seconds}`, { style: "Slip 13", name: "Clock row", gap: 6 });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    return k.finish();
-  }
-});
-
-export {
-  black_friday_header_default
-};

package/dist/chunks/chunk-3E6KGWGF.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-KOVMGESL.js";
-import {
-  pill
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.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-3EHNPIQT.js

@@ -1,97 +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 {
-  art,
-  sizes
-} from "./chunk-K5ZFL46S.js";
-import {
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/print/printshop-flyer-garage-sale.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var printshop_flyer_garage_sale_default = defineTemplate({
-  id: "print-printshop-flyer-garage-sale",
-  meta: {
-    name: "Garage sale flyer",
-    description: "A loud garage or yard sale flyer, readable from across the street: a yellow sheet under a red-and-white awning, GARAGE SALE in heavy capitals with price tags swinging off it, the days in a black band, the address and what is on the tables. The tags are one component. A4 and US Letter",
-    category: "flyer",
-    tags: ["flyer", "garage sale", "yard sale", "moving sale", "rummage sale", "neighbourhood", "community", "retro", "bold", "a4", "letter", "print"],
-    platforms: ["print"],
-    formats: ["flyer"],
-    useCases: ["sale", "event", "announcement"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  build() {
-    const k = new Kit("Garage sale flyer", preset("a4"));
-    k.brand(
-      { paper: "#FFD23F", text: "#16130F", onPaper: "#3A3226", primary: "#16130F", onPrimary: "#FFD23F", accent: "#E0352B", onAccent: "#FFFFFF", card: "#FFFBF0", onCard: "#16130F" },
-      { name: "Larkspur Court", address: "14 Larkspur Court, off Elm Road", phone: "(503) 555-0110" }
-    );
-    k.palette({ awning: "#E0352B", awningLight: "#FFFBF0", string: "#16130F", shade: "#E8B92A" });
-    k.textStyle("Title 128", { size: 128, fontWeight: 900, letterSpacing: -5.6, lineHeight: 110 });
-    k.textStyle("Kicker 20", { size: 20, fontWeight: 900, letterSpacing: 3, lineHeight: 24 });
-    k.textStyle("When 34", { size: 34, fontWeight: 900, letterSpacing: -0.8, lineHeight: 38 });
-    k.textStyle("Hours 20", { size: 20, fontWeight: 700, lineHeight: 26 });
-    k.textStyle("Where 28", { size: 28, fontWeight: 800, letterSpacing: -0.4, lineHeight: 32 });
-    k.textStyle("Item 19", { ...SERIF, size: 19, fontWeight: 400, fontStyle: "italic", lineHeight: 27 });
-    k.textStyle("Tag 34", { size: 34, fontWeight: 900, letterSpacing: -1, lineHeight: 36 });
-    k.textStyle("Foot 15", { size: 15, fontWeight: 800, letterSpacing: 1.6, lineHeight: 20 });
-    k.component("Price tag", { width: 116, padding: { top: 30, right: 12, bottom: 16, left: 12 }, radius: 10, fill: "card", align: "CENTER", stroke: { color: "text", width: 3 }, props: { Price: "$5" } }, (id) => {
-      k.ellipse(id, 12, "paper", { name: "Hole", absolute: { x: 52, y: 10 }, stroke: { color: "text", width: 2 } });
-      k.propText(id, "Price", { style: "Tag 34", color: "onCard", autoWidth: true, align: "CENTER" });
-    });
-    sizes(k, ["a4", "us-letter"], ({ sheet, W, H, B }) => {
-      const P = 64;
-      k.flowSheet(sheet, 20, { top: 286, right: P, bottom: 62, left: P }, "paper", "MIN", "MIN");
-      const sq = (x, y, w, h) => ({ closed: true, points: [{ x, y }, { x: x + w, y }, { x: x + w, y: y + h }, { x, y: y + h }] });
-      const scallop = (x) => ({ closed: true, points: [{ x, y: 78 }, { x: x + 30, y: 78 }, { x: x + 15, y: 102, handleIn: { x: x + 30, y: 94 }, handleOut: { x, y: 94 } }] });
-      const xs = Array.from({ length: Math.ceil((W + B * 2) / 30) + 1 }, (_, i) => -B + i * 30).filter((x) => x + 30 <= W + B + 0.01);
-      art(k, sheet, W, H, B, [sq(-B, -B, W + B * 2, 78 + B)], "awningLight", { name: "Awning cloth" });
-      art(k, sheet, W, H, B, xs.filter((_, i) => i % 2 === 0).map((x) => sq(x, -B, 30, 78 + B)), "awning", { name: "Awning stripes" });
-      art(k, sheet, W, H, B, xs.filter((_, i) => i % 2 === 0).map(scallop), "awning", { name: "Scallops, red" });
-      art(k, sheet, W, H, B, xs.filter((_, i) => i % 2 === 1).map(scallop), "awningLight", { name: "Scallops, cream" });
-      const tags = [[W - 200, 124, 8, "$5"], [W - 340, 156, -6, "50\xA2"], [W - 480, 120, 5, "$1"]];
-      art(k, sheet, W, H, B, tags.map(([x, y]) => ({ closed: false, points: [{ x: x + 58, y: 100 }, { x: x + 58, y: y + 16 }] })), "string", { name: "Strings", strokeWidth: 2 });
-      for (const [x, y, r, price] of tags) {
-        const t = k.instance(sheet, "Price tag", { Price: price }, { name: "Price tag", absolute: { x, y } });
-        k.patch(t, { rotation: r });
-      }
-      k.text(sheet, "3 FAMILIES \xB7 1 STREET", { style: "Kicker 20", color: "text", width: W * 0.5, name: "Kicker" });
-      k.text(sheet, "GARAGE\nSALE", { style: "Title 128", color: "text", width: "FILL", name: "Title" });
-      const band = k.stack(sheet, { gap: 4, padding: { top: 22, right: 28, bottom: 22, left: 28 }, fill: "primary", radius: 6, name: "When" });
-      k.text(band, "SATURDAY 9 & SUNDAY 10 MAY", { style: "When 34", color: "onPrimary", width: "FILL", name: "Days" });
-      k.text(band, "8 am \u2013 2 pm, rain or shine", { style: "Hours 20", color: "onPrimary", width: "FILL", name: "Hours" });
-      k.text(sheet, "{{brand.address}}", { style: "Where 28", color: "text", width: "FILL", name: "Address" });
-      const cols = k.stack(sheet, { direction: "HORIZONTAL", gap: 32, name: "Tables" });
-      for (const items of ["Kids\u2019 bikes and a balance bike\nA box of 70s vinyl\nPower tools, barely used\nBaby clothes 0\u20132 yrs", "A sofa that deserves better\nBoard games, all pieces counted\nGarden chairs and a grill\nBooks at 4 for $1"]) {
-        const t = k.text(cols, items, { style: "Item 19", color: "text", width: "FILL", name: "Items" });
-        void t;
-      }
-      const sp = k.stack(sheet, { name: "Space" });
-      k.patch(sp, { layoutSizingVertical: "FILL" });
-      k.rect(sheet, "FILL", 3, "text", { name: "Rule" });
-      k.text(sheet, "CASH OR VENMO \xB7 NO EARLY BIRDS, PLEASE \xB7 EVERYTHING MUST GO", { style: "Foot 15", color: "text", width: "FILL", name: "Foot" });
-    });
-    return k.finish();
-  }
-});
-
-export {
-  printshop_flyer_garage_sale_default
-};

package/dist/chunks/chunk-3ERQONC4.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-YAIUTBXU.js";
-import {
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  verticalPadding
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.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
-};