@popcraft/kit 0.31.0 → 0.32.0

package/dist/chunks/chunk-K4RXT6XM.js

@@ -1,76 +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 {
-  Kit
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/web/forms.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function formStyles(k, o = {}) {
-  k.textStyle("Label 14", { size: 14, fontWeight: 600, lineHeight: 20 });
-  k.textStyle("Field 16", { size: 16, fontWeight: 400, lineHeight: 24 });
-  if (o.thanks !== false) k.textStyle("Thanks 24", { size: 24, fontWeight: 800, letterSpacing: -0.4, lineHeight: 30 });
-  if (o.help) k.textStyle("Help 13", { size: 13, fontWeight: 400, lineHeight: 18 });
-}
-var BOX = { direction: "HORIZONTAL", fill: "field", radius: 10, stroke: { color: "line", width: 1 }, padding: { top: 13, right: 16, bottom: 13, left: 16 } };
-function field(k, parent, o) {
-  const wrap = o.label ? k.stack(parent, { gap: 6, name: `${o.label} field` }) : parent;
-  if (o.label) k.text(wrap, o.label, { style: "Label 14", color: o.card ? "onCard" : "text", name: "Label" });
-  const box = k.stack(wrap, { ...BOX, ...o.multiline ? { height: 120 } : {}, name: o.label ? "Input" : "Field" });
-  k.text(box, o.placeholder, { style: "Field 16", color: "onField", name: "Placeholder" });
-  k.patch(box, { control: { kind: o.multiline ? "TEXTAREA" : "INPUT", name: o.name, ...o.type ? { inputType: o.type } : {}, ...o.required ? { required: true } : {} } });
-  if (o.help) k.text(wrap, o.help, { style: "Help 13", color: o.card ? "cardMuted" : "onPaper", name: "Help" });
-  return box;
-}
-function select(k, parent, o) {
-  const wrap = k.stack(parent, { gap: 6, name: `${o.label} field` });
-  k.text(wrap, o.label, { style: "Label 14", color: o.card ? "onCard" : "text", name: "Label" });
-  const box = k.stack(wrap, { ...BOX, justify: "SPACE_BETWEEN", align: "CENTER", name: "Select" });
-  k.text(box, o.options[0], { style: "Field 16", color: "onField", name: "Value" });
-  k.patch(box, { control: { kind: "SELECT", name: o.name, options: o.options.map((v) => ({ value: v, label: v })), ...o.required ? { required: true } : {} } });
-  return box;
-}
-function checkbox(k, parent, o) {
-  const on = k.variable("Form", o.name, "BOOLEAN", !!o.checked);
-  const row = k.stack(parent, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: `${o.label} option` });
-  const box = k.stack(row, { direction: "HORIZONTAL", width: 22, height: 22, radius: 6, fill: "field", stroke: { color: "line", width: 1 }, align: "CENTER", justify: "CENTER", name: "Box" });
-  const tick = k.rect(box, 12, 12, "primary", { radius: 3, name: "Tick" });
-  k.bindVariable(tick, "visible", on);
-  k.text(row, o.label, { style: "Field 16", color: o.card ? "onCard" : "text", name: "Option label" });
-  k.patch(row, { control: { kind: "CHECKBOX", name: o.name, value: o.value ?? "yes", variableId: on, ...o.checked ? { checked: true } : {} } });
-  return row;
-}
-function submit(k, parent, label, o = {}) {
-  const id = k.instance(parent, "Button", { Label: label }, { name: o.name ?? "Send button", ...o.width ? { width: o.width } : {} });
-  k.patch(id, { control: { kind: "BUTTON", buttonType: "submit" } });
-  return id;
-}
-function confirms(k, parent, formId, o) {
-  const sent = k.variable("Form", "sent", "BOOLEAN", false);
-  const done = k.stack(parent, { gap: 12, align: o.align ?? "MIN", name: "Thank you" });
-  const mark = k.stack(done, { direction: "HORIZONTAL", width: 52, height: 52, radius: 26, fill: "primary", align: "CENTER", justify: "CENTER", name: "Done mark" });
-  k.vector(mark, 24, 18, [{ closed: false, points: [{ x: 2, y: 9 }, { x: 9, y: 16 }, { x: 22, y: 2 }] }], "onPrimary", { name: "Tick", strokeWidth: 3.5 });
-  k.text(done, o.title, { style: o.titleStyle, color: o.card ? "onCard" : "text", name: "Thank you title" });
-  k.text(done, o.body, { style: o.bodyStyle, color: o.card ? "cardMuted" : "onPaper", name: "Thank you body" });
-  k.bindVariable(done, "visible", sent);
-  k.patch(done, { visible: false });
-  k.bindExpression(formId, "visible", "sent == false");
-  k.patch(formId, { control: { kind: "FORM", onSubmit: Kit.set(sent, { value: true }) } });
-  return done;
-}
-
-export {
-  formStyles,
-  field,
-  select,
-  checkbox,
-  submit,
-  confirms
-};

package/dist/chunks/chunk-K4UVU44T.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 {
-  ballPasses,
-  ballTravel,
-  burst,
-  clearConfetti,
-  confetti,
-  fitCity,
-  fitConfetti,
-  newYearBrand,
-  nightCity,
-  tower,
-  towerHeight
-} from "./chunk-WQTIZDXH.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  bed
-} from "./chunk-42LEBOKV.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  ease
-} from "./chunk-YYQUCS6P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/motion/new-year-ball-drop-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MUSIC = bed("festive", 34);
-var beat = MUSIC.beat;
-var DURATION = MUSIC.duration;
-var MIDNIGHT = beat(26);
-var BOARDS = [
-  { name: "Shipped", figure: "214", label: "features shipped", counter: { from: 0, to: 214 } },
-  { name: "Uptime", figure: "99.98%", label: "uptime, all year", counter: { from: 90, to: 99.98, decimals: 2, suffix: "%" } },
-  { name: "Teams", figure: "38,400", label: "teams on board", counter: { from: 1e4, to: 38400, separator: "," } },
-  { name: "Hours", figure: "1,260,000", label: "hours handed back", counter: { from: 1e6, to: 126e4, separator: "," } }
-];
-var TOWER = {
-  w: 800,
-  u: 1,
-  boards: BOARDS,
-  boardH: 104,
-  gap: 12,
-  signH: 162,
-  ball: 170,
-  figW: 304,
-  loopMs: DURATION,
-  glow: 0.45,
-  styles: { figure: "Figure 58", label: "Label 26", year: "Year 112", lastYear: "Last year 46", signLabel: "Sign label 20" }
-};
-var LINES = [
-  "Our year, in four numbers, before midnight.",
-  "214 features shipped. Most were your idea.",
-  "99.98% uptime. We remember that one Tuesday.",
-  "38,400 teams stopped chasing invoices by hand.",
-  "1.26 million hours handed back to you.",
-  "New year, new stack."
-];
-var CHAIN = { layer: "Caption", words: LINES, stagger: 30, in: 300, out: 200, unit: "word", rise: 26 };
-var lead = (hold) => swapTimes({ ...CHAIN, at: 0, hold })[5].enters;
-var HOLD = Math.floor((MIDNIGHT - 150 - lead(0)) / 5);
-var swaps = [{ ...CHAIN, hold: HOLD, at: MIDNIGHT - lead(HOLD) }];
-var SAID = swapTimes(swaps[0]);
-var passes = BOARDS.map((_, i) => SAID[i + 1].enters);
-var counts = BOARDS.map((b, i) => ({ layer: `${b.name} figure`, at: passes[i], duration: 1700, counter: b.counter }));
-var cues = [
-  { layer: "Clock pill", preset: "fade-in", at: 0, params: { duration: 250 } },
-  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Headline", preset: "words-in", at: 0, params: { duration: 500 } },
-  { layer: BOARDS.map((b) => `${b.name} board`), preset: "rise-in", at: 100, params: { duration: 500 }, stagger: { delay: 90, order: "selection" } },
-  { layer: "Year sign", preset: "rise-in", at: 460, params: { duration: 500 } },
-  ...BOARDS.map((b, i) => ({ layer: `${b.name} board`, preset: "pulse", at: passes[i], params: { duration: 500, amount: 0.035 } })),
-  { layer: "Strike", preset: "wipe-in", at: MIDNIGHT, params: { duration: 300, direction: "right" } },
-  { layer: "Year", preset: "pop-in", at: MIDNIGHT, params: { duration: 500 } },
-  { layer: "Ball", preset: "pulse", at: MIDNIGHT, params: { duration: 700, amount: 0.12 } },
-  { layer: "Confetti", preset: "fade-in", at: MIDNIGHT, params: { duration: 500 } },
-  { layer: "Burst", preset: "scale-in", at: MIDNIGHT, params: { duration: 700 }, stagger: { delay: beat(1) } },
-  { layer: "Call", preset: "rise-in", at: MIDNIGHT + beat(2), params: { duration: 500 } },
-  { layer: "Site", preset: "fade-in", at: MIDNIGHT + beat(3), params: { duration: 500 } },
-  { layer: "Burst", preset: "fade-out", at: MIDNIGHT + beat(2.5), params: { duration: 700 }, stagger: { delay: beat(1) } },
-  { layer: "Call", preset: "pulse", at: MIDNIGHT + beat(6), params: { duration: 800, amount: 0.05 } }
-];
-var night = (h, horizon) => ({ w: 1080, h, horizon, u: 1, starsTop: 20, loopMs: DURATION });
-var SHOWER = { w: 1080, h: 1920, n: 84, u: 1, loopMs: DURATION };
-var WORDS = ["Top", "Tower", "Foot"];
-var ROCKETS = [
-  { cx: 850, cy: 150, r: 200, role: "gold" },
-  { cx: 230, cy: 120, r: 130, role: "rose" },
-  { cx: 1010, cy: 600, r: 150, role: "ice" },
-  { cx: 560, cy: 70, r: 100, role: "goldPale" },
-  { cx: 50, cy: 760, r: 130, role: "gold" }
-];
-var new_year_ball_drop_reel_default = defineTemplate({
-  id: "motion-new-year-ball-drop-reel",
-  meta: {
-    name: "New Year ball-drop reel",
-    description: "A 19-second year in review for a SaaS, told as a ball drop: a ball of champagne-gold light comes down a tower past four lit sign boards whose figures count up as it passes (features shipped, uptime, teams, hours saved), a clock ticks the last seconds, and at midnight the old year is struck out, the new one lights, rockets burst, confetti falls and the annual-plan offer rises. Music (made by PopCraft, CC0) and burned-in captions. 9:16 with 1:1 and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "new year", "year in review", "ball drop", "countdown", "midnight", "confetti", "fireworks", "counter", "stats", "saas", "reel", "captions", "music", "audio", "seasonal"],
-    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["stats", "milestone", "sale", "countdown"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit("New Year ball-drop reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    newYearBrand(k);
-    k.textStyle("Clock 30", { ...MONO, size: 30, fontWeight: 800, lineHeight: 38 });
-    k.textStyle("Eyebrow 24", { size: 24, fontWeight: 700, letterSpacing: 3.5, lineHeight: 32, textCase: "UPPER" });
-    k.textStyle("Headline 76", { ...SERIF, size: 76, fontWeight: 900, letterSpacing: -2.2, lineHeight: 80 });
-    k.textStyle("Headline 48", { ...SERIF, size: 48, fontWeight: 900, letterSpacing: -1.2, lineHeight: 54 });
-    k.textStyle("Figure 58", { ...MONO, size: 58, fontWeight: 800, letterSpacing: -2, lineHeight: 64 });
-    k.textStyle("Label 26", { size: 26, fontWeight: 600, lineHeight: 31 });
-    k.textStyle("Year 112", { ...SERIF, size: 112, fontWeight: 900, letterSpacing: -3, lineHeight: 112 });
-    k.textStyle("Last year 46", { ...SERIF, size: 46, fontWeight: 700, letterSpacing: -1, lineHeight: 50 });
-    k.textStyle("Sign label 20", { size: 20, fontWeight: 700, letterSpacing: 3, lineHeight: 26, textCase: "UPPER" });
-    k.textStyle("Caption 42", { size: 42, fontWeight: 700, letterSpacing: -0.5, lineHeight: 52, textAlign: "CENTER" });
-    k.textStyle("Caption 32", { size: 32, fontWeight: 700, letterSpacing: -0.3, lineHeight: 40, textAlign: "CENTER" });
-    k.textStyle("Button 32", { size: 32, fontWeight: 800, lineHeight: 40 });
-    k.textStyle("Site 26", { size: 26, fontWeight: 600, letterSpacing: 1, lineHeight: 34, textAlign: "CENTER" });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 32", label: "Go annual: 2 months free", pad: [22, 40], radius: 10 });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Ball-drop reel");
-    k.flowSheet(sheet, 0, verticalPadding(), "paper", "SPACE_BETWEEN", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
-    nightCity(k, sheet, night(1920, 1140));
-    for (const r of ROCKETS) burst(k, sheet, r);
-    confetti(k, sheet, SHOWER);
-    const top = k.stack(sheet, { gap: 18, name: "Top" });
-    const brow = k.stack(top, { direction: "HORIZONTAL", gap: 18, align: "CENTER", name: "Brow" });
-    const clock = k.stack(brow, { width: "HUG", fill: "primary", radius: 8, padding: { top: 8, right: 16, bottom: 8, left: 16 }, name: "Clock pill" });
-    const hands = k.text(clock, "00:00:00", { style: "Clock 30", color: "onPrimary", autoWidth: true, name: "Clock" });
-    k.text(brow, "{{brand.name}} \xB7 {{brand.lastYear}} in review", { style: "Eyebrow 24", color: "onPaper", name: "Eyebrow" });
-    k.text(top, "Our whole year, before the ball lands.", { style: "Headline 76", color: "text", name: "Headline" });
-    const block = tower(k, sheet, TOWER);
-    const foot = k.stack(sheet, { gap: 16, align: "CENTER", name: "Foot" });
-    k.text(foot, LINES[0], { style: "Caption 42", color: "champagne", name: "Caption" });
-    k.instance(foot, "Button", { Label: "Go annual: 2 months free" }, { name: "Call" });
-    k.text(foot, "Until midnight, 1 January \xB7 {{brand.site}}", { style: "Site 26", color: "champagne", name: "Site" });
-    if (SAID.at(-1).gone > DURATION) throw new Error("new year reel: the captions run past the music");
-    const travel = ballTravel(TOWER);
-    for (const b of k.named(block, "Ball")) k.animate(b, "translateY", [
-      { t: 0, v: -travel, ease: ease.hold },
-      ...BOARDS.map((_, i) => ({ t: passes[i], v: -travel * (1 - ballPasses(TOWER, i)), ease: ease.linear })),
-      { t: MIDNIGHT - 1100, v: -travel * 0.12, ease: ease.out("bounce") },
-      { t: MIDNIGHT, v: 0 }
-    ]);
-    const ticks = [];
-    for (let s = Math.floor(MIDNIGHT / 1e3); s >= 1; s--) ticks.push({ t: MIDNIGHT - s * 1e3, v: `23:59:${60 - s}`, ease: ease.hold });
-    k.animate(hands, "text.content", [{ t: 0, v: `23:59:${60 - Math.ceil(MIDNIGHT / 1e3)}`, ease: ease.hold }, ...ticks, { t: MIDNIGHT, v: "00:00:00", ease: ease.hold }]);
-    clearConfetti(k, sheet, WORDS);
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    const scenery = (kit, id, h, horizon) => {
-      fitCity(kit, id, night(h, horizon));
-      fitConfetti(kit, id, SHOWER);
-      clearConfetti(kit, id, WORDS);
-      kit.named(id, "Burst").forEach((b, i) => {
-        const r = ROCKETS[i], s = h / 1920;
-        kit.patch(b, { x: r.cx - r.r, y: Math.round(r.cy > 400 ? r.cy * s : r.r * (h < 1200 ? -0.45 : -0.2)) - r.r });
-      });
-    };
-    k.variants(sheet, feedVariants({ post: 48, portrait: 72 }, {
-      post: (kit, id) => {
-        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Headline 48");
-        for (const n of kit.named(id, "Top")) kit.patch(n, { itemSpacing: 8 });
-        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 32");
-        for (const n of kit.named(id, "Foot")) kit.patch(n, { itemSpacing: 12 });
-        for (const n of kit.named(id, "Site")) kit.patch(n, { visible: false });
-        scenery(kit, id, 1080, 870);
-      },
-      portrait: (kit, id) => scenery(kit, id, 1350, 1020)
-    }));
-    k.setCover(sheet);
-    if (towerHeight(TOWER) > 700) throw new Error("new year reel: the tower is taller than the square cut has room for");
-    return k.finish();
-  }
-});
-
-export {
-  new_year_ball_drop_reel_default
-};

package/dist/chunks/chunk-K5ZFL46S.js

@@ -1,261 +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 {
-  encodeQr
-} from "./chunk-XC4GHNMZ.js";
-import {
-  DEG,
-  circle3,
-  curve3,
-  pt3,
-  smooth
-} from "./chunk-6RCDZU4R.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_page_presets,
-  presetPx
-} from "./chunk-XBVMM6ZD.js";
-import {
-  init_units,
-  toPx
-} from "./chunk-5XSI3MNX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/themes/printshop-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_page_presets();
-init_units();
-var portraitOf = (p) => ({ ...p, width: p.height, height: p.width });
-function businessCard(name, o, setup, draw) {
-  const first = o.portrait ? portraitOf(preset(o.portrait)) : preset("business-card-eu");
-  const k = new Kit(name, first);
-  setup(k);
-  const sizes2 = o.portrait ? [first] : [first, preset("business-card-us")];
-  sizes2.forEach((p, i) => {
-    const px = presetPx(p);
-    const size = { preset: p.id, W: px.width, H: px.height, B: px.bleed };
-    const front = i === 0 ? k.sheet : k.addSheet(p, "Front");
-    k.nameSheet(front, sizes2.length > 1 ? `Front \xB7 ${p.id === "business-card-us" ? "US" : "EU"}` : "Front");
-    const back = k.addSheet(p, "Back");
-    k.nameSheet(back, sizes2.length > 1 ? `Back \xB7 ${p.id === "business-card-us" ? "US" : "EU"}` : "Back");
-    for (const s of [front, back]) k.patch(s, { clipsContent: false });
-    draw(k, { front, back, size });
-  });
-  return k;
-}
-function cardParts(k, o) {
-  const align = o.align ?? "MIN";
-  const textAlign = align === "CENTER" ? "CENTER" : align === "MAX" ? "RIGHT" : "LEFT";
-  k.component("Person", { gap: o.personGap ?? 2, width: "HUG", align, props: { Name: "Name", Title: "Title" } }, (id) => {
-    k.propText(id, "Name", { style: o.name, color: o.nameColor, autoWidth: true, align: textAlign });
-    k.propText(id, "Title", { style: o.title, color: o.titleColor, autoWidth: true, align: textAlign });
-  });
-  k.component("Contact line", { direction: "HORIZONTAL", gap: o.gap ?? 6, width: "HUG", align: "CENTER", props: { Label: "T", Value: "{{brand.phone}}" } }, (id) => {
-    const l = k.propText(id, "Label", { style: o.label, color: o.labelColor, autoWidth: !o.labelWidth, ...o.labelWidth ? { width: o.labelWidth } : {} });
-    void l;
-    k.propText(id, "Value", { style: o.value, color: o.valueColor, autoWidth: true });
-  });
-}
-function contactLines(k, parent, labels = ["T", "E", "W"], gap = 3, align = "MIN") {
-  const s = k.stack(parent, { gap, width: "HUG", align, name: "Contact" });
-  k.instance(s, "Contact line", { Label: labels[0], Value: "{{brand.phone}}" }, { name: "Phone" });
-  k.instance(s, "Contact line", { Label: labels[1], Value: "{{brand.email}}" }, { name: "Email" });
-  k.instance(s, "Contact line", { Label: labels[2], Value: "{{brand.website}}" }, { name: "Website" });
-  return s;
-}
-function qrCode(k, parent, size, data, role, o = {}) {
-  const m = encodeQr(data, "M");
-  const cell = size / m.size;
-  const paths = [];
-  m.modules.forEach((row, y) => row.forEach((on, x) => {
-    if (on) paths.push({ closed: true, points: [pt3(x * cell, y * cell), pt3((x + 1) * cell, y * cell), pt3((x + 1) * cell, (y + 1) * cell), pt3(x * cell, (y + 1) * cell)] });
-  }));
-  return k.vector(parent, size, size, paths, role, { name: o.name ?? "QR code" });
-}
-function folded(k, kind) {
-  const p = preset(kind);
-  const px = presetPx(p);
-  const unit = p.unit;
-  const widths = kind === "trifold-a4" ? [100, 100, 97] : kind === "trifold-letter" ? [3.6875, 3.6875, 3.625] : [5.5, 5.5];
-  const inside = widths.map((w) => toPx(w, unit));
-  const outside = kind === "bifold-letter" ? inside : [inside[2], inside[0], inside[1]];
-  const out = k.sheet;
-  k.nameSheet(out, "Outside");
-  const ins = k.addSheet(p, "Inside");
-  for (const s of [out, ins]) k.patch(s, { clipsContent: false });
-  const page = k.node(k.pageId);
-  const keep = (page.guides ?? []).filter((g) => g.kind !== "FOLD");
-  const at = (sheet, panels2) => panels2.slice(0, -1).map((_, i) => ({ id: `fold-${sheet}-${i}`, axis: "X", kind: "FOLD", pos: k.node(sheet).x + panels2.slice(0, i + 1).reduce((a, b) => a + b, 0) }));
-  k.patch(k.pageId, { guides: [...keep, ...at(out, outside), ...at(ins, inside)] });
-  return { sheets: { outside: out, inside: ins }, W: px.width, H: px.height, B: px.bleed, M: px.margin, outside, inside };
-}
-function panels(k, sheet, widths, H, B, o) {
-  k.flowSheet(sheet, 0, 0, "paper");
-  let x = 0;
-  widths.forEach((w, i) => {
-    const role = o.grounds?.[i];
-    if (role) {
-      const x0 = i === 0 ? -B : x, x1 = i === widths.length - 1 ? x + w + B : x + w;
-      k.rect(sheet, x1 - x0, H + B * 2, role, { name: `${o.names[i]} ground`, absolute: { x: x0, y: -B } });
-    }
-    x += w;
-  });
-  const row = k.stack(sheet, { direction: "HORIZONTAL", height: H, name: "Panels" });
-  return widths.map((w, i) => k.stack(row, { width: w, height: "FILL", gap: o.gap, padding: o.pad, justify: o.justify?.[i] ?? "MIN", name: o.names[i] }));
-}
-var panelX = (widths) => widths.map((_, i) => widths.slice(0, i).reduce((a, b) => a + b, 0));
-function foldMarks(k, sheet, panelWidths, H, B, role) {
-  let x = 0;
-  for (const w of panelWidths.slice(0, -1)) {
-    x += w;
-    k.rect(sheet, 0.75, B, role, { name: "Fold mark", absolute: { x: x - 0.375, y: -B } });
-    k.rect(sheet, 0.75, B, role, { name: "Fold mark", absolute: { x: x - 0.375, y: H } });
-  }
-}
-function bleedRect(k, sheet, W, H, B, role, name = "Ground") {
-  return k.rect(sheet, W + B * 2, H + B * 2, role, { name, absolute: { x: -B, y: -B } });
-}
-function art(k, sheet, W, H, B, paths, role, o = {}) {
-  const xs = [], ys = [];
-  for (const p of paths) for (const q of p.points) for (const h of [q, q.handleIn, q.handleOut]) if (h) {
-    xs.push(h.x);
-    ys.push(h.y);
-  }
-  const pad = (o.strokeWidth ?? 0) / 2;
-  let x0 = Math.min(...xs) - pad, y0 = Math.min(...ys) - pad, x1 = Math.max(...xs) + pad, y1 = Math.max(...ys) + pad;
-  if (x0 < 0) x0 = -B;
-  if (y0 < 0) y0 = -B;
-  if (x1 > W) x1 = W + B;
-  if (y1 > H) y1 = H + B;
-  x0 = Math.max(x0, -B);
-  y0 = Math.max(y0, -B);
-  x1 = Math.min(x1, W + B);
-  y1 = Math.min(y1, H + B);
-  const mv = (v) => ({ x: v.x - x0, y: v.y - y0 });
-  const at = o.origin ?? { x: 0, y: 0 };
-  const shifted = paths.map((p) => ({ ...p, points: p.points.map((q) => ({ ...q, ...mv(q), ...q.handleIn ? { handleIn: mv(q.handleIn) } : {}, ...q.handleOut ? { handleOut: mv(q.handleOut) } : {} })) }));
-  return k.vector(sheet, x1 - x0, y1 - y0, shifted, role, { name: o.name ?? "Art", absolute: { x: x0 - at.x, y: y0 - at.y }, ...o.opacity !== void 0 ? { opacity: o.opacity } : {}, ...o.strokeWidth !== void 0 ? { strokeWidth: o.strokeWidth } : {} });
-}
-var rot = (x, y, a) => ({ x: x * Math.cos(a) - y * Math.sin(a), y: x * Math.sin(a) + y * Math.cos(a) });
-function leaf(x, y, len, w, deg) {
-  const a = deg * DEG;
-  const at = (u, v) => {
-    const p = rot(u, v, a);
-    return { x: x + p.x, y: y + p.y };
-  };
-  const base = at(0, 0), tip = at(len, 0);
-  const h = (u, v) => at(u, v);
-  return { closed: true, points: [
-    { ...pt3(base.x, base.y), handleIn: pt3(h(len * 0.1, w * 0.55).x, h(len * 0.1, w * 0.55).y), handleOut: pt3(h(len * 0.1, -w * 0.55).x, h(len * 0.1, -w * 0.55).y) },
-    { ...pt3(tip.x, tip.y), handleIn: pt3(h(len * 0.62, -w * 0.62).x, h(len * 0.62, -w * 0.62).y), handleOut: pt3(h(len * 0.62, w * 0.62).x, h(len * 0.62, w * 0.62).y) }
-  ] };
-}
-var stem = (pts) => curve3(pts, 0.25);
-function bloomPaths(x, y, r, n, turn = 0, fat = 1.25) {
-  return Array.from({ length: n }, (_, i) => leaf(x, y, r, r * fat, turn + 360 / n * i));
-}
-var disc = (x, y, r) => smooth(circle3(x, y, r, 12), 0.17);
-function clipTo(points, x0, y0, x1, y1) {
-  const edges = [
-    [(p) => p.x >= x0, (a, b) => ({ x: x0, y: a.y + (b.y - a.y) * (x0 - a.x) / (b.x - a.x) })],
-    [(p) => p.x <= x1, (a, b) => ({ x: x1, y: a.y + (b.y - a.y) * (x1 - a.x) / (b.x - a.x) })],
-    [(p) => p.y >= y0, (a, b) => ({ x: a.x + (b.x - a.x) * (y0 - a.y) / (b.y - a.y), y: y0 })],
-    [(p) => p.y <= y1, (a, b) => ({ x: a.x + (b.x - a.x) * (y1 - a.y) / (b.y - a.y), y: y1 })]
-  ];
-  let out = [...points];
-  for (const [inside, cut] of edges) {
-    const src = out;
-    out = [];
-    src.forEach((cur, i) => {
-      const prev = src[(i + src.length - 1) % src.length];
-      if (inside(cur)) {
-        if (!inside(prev)) out.push(cut(prev, cur));
-        out.push(cur);
-      } else if (inside(prev)) out.push(cut(prev, cur));
-    });
-    if (!out.length) break;
-  }
-  return out;
-}
-function stripes(x0, y0, x1, y1, period, w, slope, phase = 0) {
-  const out = [];
-  const span = (x1 - x0) * Math.abs(slope) + (y1 - y0);
-  for (let c = y0 - Math.abs(slope) * (x1 - x0) - period + phase; c < y0 + span + period; c += period) {
-    const band = [{ x: x0 - 1, y: c + slope * -1 }, { x: x1 + 1, y: c + slope * (x1 - x0 + 1) }, { x: x1 + 1, y: c + w + slope * (x1 - x0 + 1) }, { x: x0 - 1, y: c + w + slope * -1 }];
-    const pts = clipTo(band, x0, y0, x1, y1);
-    if (pts.length >= 3) out.push({ closed: true, points: pts.map((p) => pt3(p.x, p.y)) });
-  }
-  return out;
-}
-function sizes(k, presets, draw) {
-  presets.forEach((id, i) => {
-    const p = preset(id);
-    const px = presetPx(p);
-    const sheet = i === 0 ? k.sheet : k.addSheet(p, p.name);
-    k.nameSheet(sheet, presets.length > 1 ? p.name : "Page 1");
-    k.patch(sheet, { clipsContent: false });
-    draw({ sheet, preset: id, W: px.width, H: px.height, B: px.bleed, M: px.margin }, i);
-  });
-}
-function raise(k, id) {
-  const parent = k.node(id).parentId;
-  if (!parent) return;
-  const kids = k.node(parent).childIds.filter((c) => c !== id);
-  k.patch(parent, { childIds: [...kids, id] });
-}
-var ringPoints = (x, y, r, n = 72) => Array.from({ length: n }, (_, i) => ({ x: x + r * Math.cos(i / n * Math.PI * 2), y: y + r * Math.sin(i / n * Math.PI * 2) }));
-function discIn(x, y, r, x0, y0, x1, y1) {
-  const pts = clipTo(ringPoints(x, y, r), x0, y0, x1, y1);
-  return pts.length >= 3 ? [{ closed: true, points: pts.map((p) => pt3(p.x, p.y)) }] : [];
-}
-function outlineIn(points, x0, y0, x1, y1) {
-  const inside = (p) => p.x >= x0 && p.x <= x1 && p.y >= y0 && p.y <= y1;
-  const n = points.length;
-  const start = points.findIndex((p) => !inside(p));
-  if (start < 0) return [{ closed: true, points: points.map((p) => pt3(p.x, p.y)) }];
-  const out = [];
-  let run = [];
-  for (let i = 1; i <= n; i++) {
-    const p = points[(start + i) % n];
-    if (inside(p)) run.push(p);
-    else if (run.length) {
-      if (run.length > 1) out.push({ closed: false, points: run.map((q) => pt3(q.x, q.y)) });
-      run = [];
-    }
-  }
-  if (run.length > 1) out.push({ closed: false, points: run.map((q) => pt3(q.x, q.y)) });
-  return out;
-}
-
-export {
-  businessCard,
-  cardParts,
-  contactLines,
-  qrCode,
-  folded,
-  panels,
-  panelX,
-  foldMarks,
-  bleedRect,
-  art,
-  leaf,
-  stem,
-  bloomPaths,
-  disc,
-  clipTo,
-  stripes,
-  sizes,
-  raise,
-  ringPoints,
-  discIn,
-  outlineIn
-};

package/dist/chunks/chunk-K6COXUA7.js

@@ -1,91 +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 {
-  EMAIL_FPS,
-  HEADER,
-  sparkle,
-  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/header-sale.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var SALE_HEADER = {
-  duration: 4e3,
-  /** The ticker: fixed-width items, scrolling one item's width a loop. */
-  item: 280,
-  rate: 70,
-  /** Sparkles: where, how big, and where in their swell they start. */
-  sparkles: [
-    { x: 44, y: 96, size: 22, phase: 0 },
-    { x: 530, y: 88, size: 18, phase: 0.33 },
-    { x: 508, y: 214, size: 14, phase: 0.66 }
-  ]
-};
-var SALE_CUES = [
-  { layer: "Offer", preset: "pulse", at: 500, params: { duration: 700, amount: 0.06 } },
-  { layer: "Shop button", preset: "wobble", at: 1500, params: { duration: 700 } },
-  { layer: "Offer", preset: "pulse", at: 2500, params: { duration: 700, amount: 0.06 } }
-];
-var header_sale_default = defineTemplate({
-  id: "email-header-sale",
-  meta: {
-    name: "Sale email header (animated GIF)",
-    description: "A 600 \xD7 300 animated header for a sale email: the offer, what it covers and when it ends are all on the first frame (for Outlook), then a ticker scrolls, the offer swells and the button nudges \u2014 a seamless 4-second GIF loop",
-    category: "email",
-    tags: ["email", "gif", "animated", "header", "banner", "sale", "discount", "retail", "autumn", "newsletter"],
-    platforms: ["email"],
-    formats: ["email", "banner"],
-    useCases: ["sale"],
-    created: "2026-09-30",
-    updated: "2026-09-30"
-  },
-  motion: { cues: SALE_CUES, loop: true },
-  build() {
-    const S = SALE_HEADER;
-    const k = new Kit("Sale email header", HEADER);
-    k.brand(
-      { paper: "#1F3A2E", text: "#FFF8EC", onPaper: "#CFE0D3", accent: "#F2A541", onAccent: "#1F3A2E", sparkle: "#F2A541" },
-      { shop: "Northwind Outfitters", offer: "Up to 40% off", what: "Coats, fleeces and rain shells \xB7 Ends Sunday at midnight" }
-    );
-    k.textStyle("Ticker 13", { size: 13, fontWeight: 800, letterSpacing: 2, lineHeight: 16 });
-    k.textStyle("Eyebrow 13", { size: 13, fontWeight: 700, letterSpacing: 2.5, lineHeight: 16, textCase: "UPPER", textAlign: "CENTER" });
-    k.textStyle("Offer 64", { size: 64, fontWeight: 900, letterSpacing: -2, lineHeight: 66, textAlign: "CENTER" });
-    k.textStyle("What 16", { size: 16, fontWeight: 500, lineHeight: 22, textAlign: "CENTER" });
-    k.textStyle("Button 16", { size: 16, fontWeight: 800, lineHeight: 20 });
-    pill(k, "Button", { fill: "accent", ink: "onAccent", style: "Button 16", label: "Shop the sale", pad: [10, 26] });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 10, { top: 58, right: 40, bottom: 28, left: 40 }, "paper", "CENTER", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: S.duration, fps: EMAIL_FPS });
-    ticker(k, sheet, { label: "FALL SALE  \xB7  UP TO 40% OFF", item: S.item, height: 30, fill: "accent", ink: "onAccent", style: "Ticker 13", rate: S.rate });
-    for (const [i, s] of S.sparkles.entries()) sparkle(k, sheet, { ...s, color: "sparkle", loopMs: S.duration, cycles: 2, name: `Sparkle ${i + 1}` });
-    k.text(sheet, "{{brand.shop}}", { style: "Eyebrow 13", color: "onPaper", name: "Shop" });
-    k.text(sheet, "{{brand.offer}}", { style: "Offer 64", color: "text", name: "Offer" });
-    k.text(sheet, "{{brand.what}}", { style: "What 16", color: "onPaper", name: "What" });
-    k.instance(sheet, "Button", { Label: "Shop the sale" }, { name: "Shop button" });
-    k.cues(sheet, SALE_CUES);
-    return k.finish();
-  }
-});
-
-export {
-  SALE_HEADER,
-  SALE_CUES,
-  header_sale_default
-};