@popcraft/kit 0.53.15 → 0.53.16

package/dist/chunks/chunk-IDJTQJFV.js

@@ -0,0 +1,94 @@
+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 {
+  E,
+  lottieTemplate
+} from "./chunk-TUQWILJQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-63KP74KB.js";
+
+// templates/src/lottie/security.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SEC = { paper: "#F3F5FA", ink: "#0E1733", accent: "#2F6BFF", success: "#16A34A", soft: "#DCE5FF", white: "#FFFFFF", scan: "#8FB0FF" };
+function shield(cx, y, w) {
+  const s = w / 2, h = w * 1.18;
+  return [
+    { x: cx, y, handleIn: { x: cx - s * 0.5, y: y + h * 0.1 }, handleOut: { x: cx + s * 0.5, y: y + h * 0.1 } },
+    { x: cx + s, y: y + h * 0.14, handleIn: { x: cx + s * 0.8, y: y + h * 0.14 } },
+    { x: cx + s, y: y + h * 0.45, handleOut: { x: cx + s, y: y + h * 0.78 } },
+    { x: cx, y: y + h, handleIn: { x: cx + s * 0.55, y: y + h * 0.92 }, handleOut: { x: cx - s * 0.55, y: y + h * 0.92 } },
+    { x: cx - s, y: y + h * 0.45, handleIn: { x: cx - s, y: y + h * 0.78 } },
+    { x: cx - s, y: y + h * 0.14, handleOut: { x: cx - s * 0.8, y: y + h * 0.14 } }
+  ];
+}
+var secShieldScan = lottieTemplate({
+  slug: "shield-scan",
+  sector: "security",
+  role: "success",
+  size: "icon",
+  duration: 2600,
+  loop: true,
+  name: "Shield scan",
+  description: 'A "you are protected" state: a light scans down the shield, then the check pops in green and the shield glows \u2014 a 2.6-second seamless loop, 512\xD7512',
+  colors: SEC,
+  tags: ["shield", "protection", "scan", "antivirus"],
+  build(l) {
+    const glow = l.shape(l.sheet, shield(256, 70, 330), "soft", { name: "Glow", opacity: 0 });
+    l.scale(glow, [[0, 1, E.hold], [1300, 1, E.out], [2100, 1.12, E.hold], [2600, 1]]);
+    l.opacity(glow, [[0, 0, E.hold], [1300, 0, E.out], [1400, 0.9, E.in], [2100, 0, E.hold], [2600, 0]]);
+    const body = l.box(l.sheet, 0, 0, 512, 512, "Shield");
+    l.shape(body, shield(256, 90, 300), "accent", { name: "Shield mask", mask: true });
+    l.rect(body, 0, 0, 512, 512, "accent", { name: "Shield face" });
+    const beam = l.box(body, 0, 40, 512, 120, "Scan");
+    l.rect(beam, 0, 0, 512, 60, [l.k.gradient({ from: "scan", to: "scan", fromOpacity: 0, toOpacity: 0.9, angle: 90 })], { name: "Scan in" });
+    l.rect(beam, 0, 60, 512, 60, [l.k.gradient({ from: "scan", to: "scan", fromOpacity: 0.9, toOpacity: 0, angle: 90 })], { name: "Scan out" });
+    l.keys(beam, "translateY", [[0, 0, E.inOut], [1100, 360, E.hold], [2600, 0]]);
+    l.opacity(beam, [[0, 0, E.out], [150, 1, E.hold], [950, 1, E.in], [1100, 0, E.hold], [2600, 0]]);
+    const ok = l.box(l.sheet, 176, 176, 160, 160, "Cleared");
+    l.circle(ok, 80, 80, 80, "success", { name: "Cleared disc" });
+    l.line(ok, [[46, 82], [70, 106], [116, 58]], "white", 20, { name: "Cleared tick" });
+    l.scale(ok, [[0, 0, E.hold], [1100, 0, E.pop], [1450, 1, E.hold], [2250, 1, E.in], [2500, 0, E.hold], [2600, 0]]);
+  }
+});
+function padlock(l, parent) {
+  const shackle = l.box(parent, 156, 60, 200, 230, "Shackle");
+  l.line(shackle, [{ x: 36, y: 230 }, { x: 36, y: 100 }, { x: 100, y: 36, handleIn: { x: 36, y: 64 }, handleOut: { x: 136, y: 36 } }, { x: 164, y: 100, handleIn: { x: 164, y: 64 } }, { x: 164, y: 150 }], "ink", 40, { name: "Shackle bar" });
+  const body = l.box(parent, 116, 230, 280, 220, "Body", { fill: "accent", radius: 40 });
+  l.rect(body, 0, 0, 280, 220, "success", { radius: 40, name: "Body open", opacity: 0 });
+  l.circle(body, 140, 96, 26, "ink", { name: "Keyhole" });
+  l.rect(body, 128, 100, 24, 60, "ink", { radius: 12, name: "Keyhole slot" });
+  return { shackle, body };
+}
+var secUnlock = lottieTemplate({
+  slug: "unlock",
+  sector: "security",
+  role: "micro-interaction",
+  size: "icon",
+  duration: 2400,
+  loop: true,
+  name: "Unlock",
+  description: "A lock that opens and closes: the keyhole turns, the shackle springs up and swings open as the body turns green, then it locks again \u2014 a 2.4-second seamless loop, 512\xD7512",
+  colors: SEC,
+  tags: ["lock", "unlock", "password", "access"],
+  build(l) {
+    const { shackle, body } = padlock(l, l.sheet);
+    l.pivot(shackle, 164 / 200, 1);
+    l.keys(shackle, "translateY", [[0, 0, E.hold], [300, 0, E.pop], [600, -44, E.hold], [1500, -44, E.inOut], [1800, 0, E.hold], [2400, 0]]);
+    l.keys(shackle, "rotation", [[0, 0, E.hold], [500, 0, E.out], [800, 28, E.hold], [1350, 28, E.inOut], [1600, 0, E.hold], [2400, 0]]);
+    l.opacity(l.k.named(body, "Body open")[0], [[0, 0, E.hold], [450, 0, E.inOut], [700, 1, E.hold], [1500, 1, E.inOut], [1800, 0, E.hold], [2400, 0]]);
+    const hole = l.k.named(body, "Keyhole slot")[0];
+    l.keys(hole, "rotation", [[0, 0, E.inOut], [300, -90, E.hold], [1650, -90, E.inOut], [1950, 0, E.hold], [2400, 0]]);
+  }
+});
+var SECURITY_PACK = [secShieldScan, secUnlock];
+
+export {
+  secShieldScan,
+  secUnlock,
+  SECURITY_PACK
+};

package/dist/chunks/chunk-IDNXJIDV.js

@@ -0,0 +1,152 @@
+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 {
+  violetInk
+} from "./chunk-IPWGKFZ6.js";
+import {
+  into,
+  playScenes,
+  sceneSheets
+} from "./chunk-W6LGFNFO.js";
+import {
+  defineTemplate
+} from "./chunk-PSRXSY3J.js";
+import {
+  Kit,
+  hex,
+  preset
+} from "./chunk-YN7EORVO.js";
+import {
+  ease
+} from "./chunk-UNF7OQKW.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-63KP74KB.js";
+
+// templates/src/scenes/story-ad.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var back = ease.back(1.9);
+var scenes = [
+  { sheet: "Hook", cues: [
+    { layer: "Sun", preset: "pop-in", at: 0, params: { duration: 700, ease: back } },
+    { layer: ["Summer", "Sale"], preset: "rise-in", at: 200, params: { duration: 700 }, stagger: { delay: 160, order: "selection" } },
+    { layer: "When", preset: "fade-in", at: 800, params: { duration: 500 } }
+  ] },
+  { sheet: "Offer", transition: into("CIRCLE_WIPE", 700, { interp: ease.inOut("expo"), center: { x: 0.5, y: 0.3 } }), cues: [
+    { layer: "Up to", preset: "fade-in", at: 100, params: { duration: 400 } },
+    { layer: "Percent", preset: "pop-in", at: 250, params: { duration: 700, ease: back, amount: 0.4 } },
+    { layer: "Off", preset: "rise-in", at: 600, params: { duration: 600, ease: ease.out("expo") } },
+    { layer: "Percent", preset: "pulse", at: 1300, params: { duration: 800, amount: 0.05 } }
+  ] },
+  { sheet: "Picks", transition: into("IRIS", 600, { center: { x: 0.5, y: 0.45 } }), cues: [
+    { layer: "Title", preset: "rise-in", at: 100, params: { duration: 600 } },
+    { layer: "Product card", preset: "slide-in", at: 350, params: { duration: 650, direction: "right" }, stagger: { delay: 150, order: "index" } }
+  ] },
+  { sheet: "Perk", transition: into("ZOOM_THROUGH", 500), cues: [
+    { layer: "Badge", preset: "pop-in", at: 150, params: { duration: 650, ease: back } },
+    { layer: "Badge", preset: "wobble", at: 900, params: { duration: 800, amount: 8 } },
+    { layer: ["Shipping", "Over"], preset: "rise-in", at: 450, params: { duration: 600 }, stagger: { delay: 140, order: "selection" } }
+  ] },
+  { sheet: "Call to action", transition: into("PUSH_FROM_RIGHT", 500), cues: [
+    { layer: "Headline", preset: "rise-in", at: 100, params: { duration: 600 } },
+    { layer: "Button", preset: "pop-in", at: 450, params: { duration: 600, ease: back } },
+    { layer: "Button", preset: "pulse", at: 1300, params: { duration: 900, amount: 0.06 } },
+    { layer: "Handle", preset: "fade-in", at: 800, params: { duration: 500 } }
+  ] }
+];
+var DURATIONS = [2e3, 2200, 2400, 2e3, 2400];
+var GROUNDS = ["paper", "accent", "paper", "sky", "primary"];
+var GAPS = [24, 8, 64, 28, 56];
+var story_ad_default = defineTemplate({
+  id: "motion-story-ad",
+  meta: {
+    name: "Story ad",
+    description: "A 9:16 story ad in five scenes \u2014 hook, offer, picks, free shipping, call to action \u2014 each animated on its own timeline and sequenced by a composition: circle wipe, iris, zoom-through and push between them. 1080\xD71920 at 30 fps, about 9 seconds.",
+    category: "animation",
+    tags: ["animation", "story", "instagram", "tiktok", "ad", "sale", "scenes", "transitions"],
+    platforms: ["instagram", "tiktok", "facebook"],
+    formats: ["story", "ad"],
+    useCases: ["sale"],
+    created: "2026-09-28",
+    updated: "2026-09-29"
+  },
+  motion: { scenes },
+  build() {
+    const k = new Kit("Story ad", preset("ig-story"));
+    k.brand({ primary: "#14110F", text: "#14110F", onSun: "#14110F", onAccent: "#FFFFFF", accent: "#FF5A36", paper: "#FFF4E8", sun: "#FFC53D", sky: "#2E6BFF", onDark: "#FFFFFF", muted: "#7A6F66", onPrimary: "#7A6F66", onPaper: violetInk(hex("#FF5A36"), hex("#FFF4E8"), 3) }, { handle: "@yourshop" });
+    k.patch(k.pageId, { name: "Story ad" });
+    k.textStyle("Mega 300", { size: 300, fontWeight: 900, lineHeight: 300, letterSpacing: -8 });
+    k.textStyle("Display 176", { size: 176, fontWeight: 900, lineHeight: 176, letterSpacing: -4 });
+    k.textStyle("Headline 88", { size: 88, fontWeight: 800, lineHeight: 96, letterSpacing: -2 });
+    k.textStyle("Title 44", { size: 44, fontWeight: 700, lineHeight: 52 });
+    k.textStyle("Body 40", { size: 40, fontWeight: 500, lineHeight: 52 });
+    k.textStyle("Label 36", { size: 36, fontWeight: 800, lineHeight: 44, letterSpacing: 4 });
+    const shadow = (blur, y, a) => ({ type: "DROP_SHADOW", color: k.color("primary", a), offset: { x: 0, y }, blur, spread: 0, visible: true });
+    k.component("Product card", {
+      direction: "HORIZONTAL",
+      width: 760,
+      gap: 36,
+      align: "CENTER",
+      padding: { top: 28, right: 48, bottom: 28, left: 28 },
+      fill: "onDark",
+      radius: 36,
+      effects: [shadow(40, 16, 0.12)],
+      description: "A product with its price: swatch, name, price.",
+      props: { Name: "Linen shirt", Price: "$39" }
+    }, (id) => {
+      k.ellipse(id, 112, "sun", { name: "Swatch" });
+      const copy = k.stack(id, { width: "HUG", gap: 4, name: "Copy" });
+      k.propText(copy, "Name", { style: "Title 44", color: "primary", autoWidth: true });
+      k.propText(copy, "Price", { style: "Body 40", color: "muted", autoWidth: true });
+    });
+    k.component("Button", {
+      direction: "HORIZONTAL",
+      width: "HUG",
+      justify: "CENTER",
+      align: "CENTER",
+      padding: { top: 36, right: 88, bottom: 36, left: 88 },
+      fill: "accent",
+      radius: 999,
+      effects: [shadow(48, 20, 0.3)],
+      description: "The call to action.",
+      props: { Label: "Shop now" }
+    }, (id) => {
+      k.propText(id, "Label", { style: "Label 36", color: "onAccent", autoWidth: true });
+    });
+    const sheets = sceneSheets(k, "ig-story", scenes.map((s) => s.sheet));
+    sheets.forEach((id, i) => {
+      k.flowSheet(id, GAPS[i], { top: 120, right: 96, bottom: 120, left: 96 }, GROUNDS[i], "CENTER", "CENTER");
+      k.timeline(id, { duration: DURATIONS[i], fps: 30 });
+    });
+    const [hook, offer, picks, perk, cta] = sheets;
+    const text = (sheet, chars, style, color, name) => k.text(sheet, chars, { style, color, autoWidth: true, name });
+    k.ellipse(hook, 360, "sun", { name: "Sun" });
+    text(hook, "SUMMER", "Display 176", "text", "Summer");
+    text(hook, "SALE", "Display 176", "onPaper", "Sale");
+    text(hook, "This weekend only", "Body 40", "muted", "When");
+    text(offer, "UP TO", "Label 36", "onAccent", "Up to");
+    text(offer, "50%", "Mega 300", "onAccent", "Percent");
+    text(offer, "off everything", "Headline 88", "onAccent", "Off");
+    text(picks, "Our summer picks", "Headline 88", "text", "Title");
+    const list = k.stack(picks, { width: "HUG", gap: 36, align: "CENTER", name: "Picks" });
+    for (const [name, price] of [["Linen shirt", "$39"], ["Straw hat", "$24"], ["Beach tote", "$45"]]) k.instance(list, "Product card", { Name: name, Price: price });
+    const badge = k.stack(perk, { width: 480, height: 480, justify: "CENTER", align: "CENTER", fill: "sun", radius: 240, name: "Badge" });
+    text(badge, "FREE", "Display 176", "onSun", "Free");
+    text(perk, "shipping", "Headline 88", "onDark", "Shipping");
+    text(perk, "on every order over $50", "Body 40", "onDark", "Over");
+    text(cta, "Shop the sale", "Headline 88", "onDark", "Headline");
+    k.instance(cta, "Button", { Label: "Shop now" });
+    text(cta, "{{brand.handle}}", "Body 40", "onPrimary", "Handle");
+    playScenes(k, "comp-story", "Story ad", sheets, scenes, "primary");
+    k.setCover(hook);
+    return k.finish();
+  }
+});
+
+export {
+  story_ad_default
+};

package/dist/chunks/chunk-IEDOBZRV.js

@@ -0,0 +1,248 @@
+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 {
+  hz
+} from "./chunk-OBBNV6XI.js";
+import {
+  noise
+} from "./chunk-4MEFPCMF.js";
+import {
+  pt3,
+  r3,
+  rng
+} from "./chunk-U2KTX33N.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-63KP74KB.js";
+
+// templates/src/themes/valentines-shared.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var PIGEON = { name: "Pigeon", site: "pigeon.example", offer: "Bring a teammate. Their seat is free.", code: "TWOFORONE", ends: "14 February" };
+function valentinesBrand(k, fields = {}) {
+  k.brand(
+    { paper: "#4A0D1A", text: "#FBF1DF", onPaper: "#E8C3B4", accent: "#F2B84B", onAccent: "#3A0912", primary: "#F2B84B", onPrimary: "#3A0912", card: "#FBF1DF", onCard: "#3A0912" },
+    { name: PIGEON.name, site: PIGEON.site, ...fields }
+  );
+  k.palette({ stock: "#FBF1DF", stockShade: "#EAD9BC", ink: "#3A0912", inkSoft: "#7A4A45", inkRed: "#C4261D", airBlue: "#22407C", wax: "#B5171F", waxDark: "#7A0C14", waxLight: "#EE6A5F", glow: "#C23A3A", lining: "#8E1522" });
+}
+var grain = (amount = 0.045, size = 3) => noise({ amount, size, seed: 11 });
+var lift = (blur = 30, a = 0.45, y = 14) => ({ type: "DROP_SHADOW", color: { r: 0.08, g: 0, b: 0.02, a }, offset: { x: 0, y }, blur, spread: 0, visible: true });
+var turn = (k, id, deg) => {
+  if (deg) k.patch(id, { anchorX: 0.5, anchorY: 0.5, rotation: deg });
+};
+var at = (p) => ({ x: r3(p.x), y: r3(p.y) });
+function desk(k, sheet, light = { x: 0.5, y: 0.42 }, strength = 0.55, tooth = [0.07, 2]) {
+  const s = k.node(sheet);
+  k.rect(sheet, s.width, s.height, "paper", { name: "Background", absolute: { x: 0, y: 0 }, ...tooth[0] ? { effects: [grain(tooth[0], tooth[1])] } : {} });
+  k.rect(sheet, s.width, s.height, [k.gradient({ from: "glow", to: "glow", kind: "RADIAL", fromOpacity: strength, toOpacity: 0, handles: [light, { x: light.x + 0.62, y: light.y }, { x: light.x, y: light.y + 0.62 }] })], { name: "Lamp", absolute: { x: 0, y: 0 } });
+}
+var DESK_LAYERS = ["Background", "Lamp"];
+function stage(k, parent, o) {
+  return k.stack(parent, { width: o.w, height: o.h, name: o.name ?? "Stage", ...o.absolute ? { absolute: o.absolute } : {} });
+}
+function fitStage(k, id, w, h, scale, cx, cy) {
+  k.patch(id, { layoutPositioning: "ABSOLUTE", width: w, height: h, x: r3(cx - w / 2), y: r3(cy - h / 2), anchorX: 0.5, anchorY: 0.5, scaleX: scale, scaleY: scale });
+}
+function cutToWidth(poly, w) {
+  const cut = (pts, inside, x) => {
+    const out = [];
+    pts.forEach((p, i) => {
+      const q = pts[(i + 1) % pts.length];
+      if (inside(p)) out.push(p);
+      if (inside(p) !== inside(q)) out.push({ x, y: p.y + (q.y - p.y) * (x - p.x) / (q.x - p.x) });
+    });
+    return out;
+  };
+  return cut(cut(poly, (p) => p.x >= 0, 0), (p) => p.x <= w, w);
+}
+function bars(w, h, pitch, phase) {
+  const out = [], bar = pitch * 0.5;
+  for (let x = -h + phase * pitch; x < w; x += pitch * 2) {
+    const poly = cutToWidth([{ x, y: h }, { x: x + bar, y: h }, { x: x + bar + h, y: 0 }, { x: x + h, y: 0 }], w);
+    if (poly.length >= 3) out.push({ closed: true, points: poly.map((p) => pt3(p.x, p.y)) });
+  }
+  return out;
+}
+function envelope(k, parent, o) {
+  const { w, h } = o, band = o.band ?? Math.round(Math.min(w, h) * 0.055);
+  const id = k.stack(parent, { width: w, height: h, fill: "stock", radius: 6, clip: true, name: o.name ?? "Envelope", absolute: at(o), effects: [lift(o.shadow ?? 34)] });
+  const pitch = band * 1.5;
+  k.vector(id, w, h, bars(w, h, pitch, 0), "inkRed", { name: "Airmail red", absolute: { x: 0, y: 0 } });
+  k.vector(id, w, h, bars(w, h, pitch, 1), "airBlue", { name: "Airmail blue", absolute: { x: 0, y: 0 } });
+  k.rect(id, w - band * 2, h - band * 2, "stock", { name: "Envelope face", radius: 3, absolute: { x: band, y: band }, effects: [grain()] });
+  if (o.back) {
+    const iw = w - band * 2, ih = h - band * 2, tip = ih * 0.6;
+    k.vector(id, iw, ih, [{ closed: false, points: [pt3(0, ih), pt3(iw / 2, ih * 0.5), pt3(iw, ih)] }], "stockShade", { name: "Seams", strokeWidth: 3, absolute: { x: band, y: band } });
+    k.vector(id, iw, tip, [{ closed: true, points: [pt3(0, 0), pt3(iw, 0), pt3(iw / 2 + 26, tip - 14), pt3(iw / 2, tip), pt3(iw / 2 - 26, tip - 14)] }], "stockShade", { name: "Flap", absolute: { x: band, y: band }, effects: [lift(16, 0.28, 6)] });
+  }
+  turn(k, id, o.tilt);
+  return id;
+}
+function letter(k, parent, o) {
+  const frame = o.frame ?? 14;
+  const id = k.stack(parent, { width: o.w, fill: "stock", radius: 4, padding: frame, name: o.name ?? "Letter", ...o.x !== void 0 ? { absolute: { x: r3(o.x), y: r3(o.y ?? 0) } } : {}, effects: [lift(o.shadow ?? 40, 0.5, 18), grain()] });
+  const rule = k.stack(id, { padding: Math.max(3, Math.round(frame * 0.36)), stroke: { color: "inkRed", width: Math.max(1.5, frame * 0.2), join: "MITER" }, name: "Letter frame" });
+  const inner = k.stack(rule, { gap: o.gap ?? 18, padding: o.pad ?? 40, align: o.align ?? "MIN", stroke: { color: "inkRed", width: 1, join: "MITER" }, name: "Letter body" });
+  turn(k, id, o.tilt);
+  return { id, inner };
+}
+function rubberStamp(k, parent, o) {
+  const pad = o.pad ?? 14;
+  const id = k.stack(parent, { width: "HUG", padding: 5, stroke: { color: "inkRed", width: 4, join: "MITER" }, radius: 6, name: o.name ?? "Rubber stamp", absolute: at(o) });
+  const box = k.stack(id, { width: "HUG", padding: { top: pad, right: pad * 1.6, bottom: pad, left: pad * 1.6 }, stroke: { color: "inkRed", width: 1.5, join: "MITER" }, radius: 3, align: "CENTER", name: "Rubber stamp box" });
+  k.text(box, o.text, { style: o.style, color: "inkRed", autoWidth: true, name: "Rubber stamp words" });
+  k.patch(id, { opacity: 0.88 });
+  turn(k, id, o.tilt);
+  return id;
+}
+function airmailStrip(k, parent, o) {
+  const id = k.stack(parent, { width: o.w, height: o.h, fill: "stock", clip: true, name: o.name ?? "Airmail strip", ...o.absolute ? { absolute: o.absolute } : {} });
+  k.vector(id, o.w, o.h, bars(o.w, o.h, o.h * 1.5, 0), "inkRed", { name: "Airmail red", absolute: { x: 0, y: 0 } });
+  k.vector(id, o.w, o.h, bars(o.w, o.h, o.h * 1.5, 1), "airBlue", { name: "Airmail blue", absolute: { x: 0, y: 0 } });
+  return id;
+}
+function heart(w, h) {
+  const raw = [];
+  for (let i = 0; i < 48; i++) {
+    const t = Math.PI * 2 * i / 48, s = Math.sin(t);
+    raw.push({ x: 16 * s * s * s, y: -(13 * Math.cos(t) - 5 * Math.cos(2 * t) - 2 * Math.cos(3 * t) - Math.cos(4 * t)) });
+  }
+  const xs = raw.map((p) => p.x), ys = raw.map((p) => p.y), x0 = Math.min(...xs), y0 = Math.min(...ys);
+  const sx = w / (Math.max(...xs) - x0), sy = h / (Math.max(...ys) - y0);
+  return raw.map((p) => pt3((p.x - x0) * sx, (p.y - y0) * sy));
+}
+function waxSeal(k, parent, o) {
+  const s = o.size, r = s / 2;
+  const id = k.stack(parent, { width: s, height: s, name: o.name ?? "Seal", absolute: at(o) });
+  const edge = [];
+  for (let i = 0; i < 72; i++) {
+    const a = Math.PI * 2 * i / 72;
+    const rad = r * (0.9 + 0.05 * Math.sin(3 * a + 0.7) + 0.035 * Math.sin(5 * a + 2.1) + 0.02 * Math.sin(8 * a + 4));
+    edge.push(pt3(r + rad * Math.cos(a), r + rad * Math.sin(a)));
+  }
+  k.vector(id, s, s, [{ closed: true, points: edge }], "wax", { name: "Wax", absolute: { x: 0, y: 0 }, effects: [lift(s * 0.12, 0.5, s * 0.05)] });
+  const ring = s * 0.68;
+  k.ellipse(id, r3(ring), [], { name: "Seal rim", stroke: { color: "waxDark", width: r3(s * 0.035) }, absolute: { x: r3((s - ring) / 2), y: r3((s - ring) / 2) } });
+  k.ellipse(id, r3(ring * 0.9), [], { name: "Seal rim light", stroke: { color: "waxLight", width: r3(s * 0.012) }, opacity: 0.55, absolute: { x: r3((s - ring * 0.9) / 2), y: r3((s - ring * 0.9) / 2) } });
+  const hw = s * 0.34, hh = s * 0.3, hx = (s - hw) / 2, hy = (s - hh) / 2 + s * 0.015;
+  k.vector(id, hw, hh, [{ closed: true, points: heart(hw, hh) }], "waxLight", { name: "Seal heart light", opacity: 0.5, absolute: { x: r3(hx + s * 0.012), y: r3(hy + s * 0.014) } });
+  k.vector(id, hw, hh, [{ closed: true, points: heart(hw, hh) }], "waxDark", { name: "Seal heart", absolute: { x: r3(hx), y: r3(hy) } });
+  const shine = [];
+  for (let i = 0; i <= 14; i++) {
+    const a = Math.PI * (1.08 + 0.34 * (i / 14));
+    shine.push(pt3(r + r * 0.8 * Math.cos(a), r + r * 0.8 * Math.sin(a)));
+  }
+  k.vector(id, s, s, [{ closed: false, points: shine }], "waxLight", { name: "Seal shine", strokeWidth: r3(s * 0.03), opacity: 0.7, absolute: { x: 0, y: 0 } });
+  turn(k, id, o.tilt);
+  return id;
+}
+var BIRD = [
+  [[6, 40], [20, 35], [38, 31], [56, 27], [68, 19], [75, 12], [82, 10], [88, 13], [90, 18], [97, 21], [90, 24], [87, 31], [80, 41], [68, 50], [52, 54], [36, 51], [22, 48], [2, 54], [11, 45]],
+  [[38, 31], [28, 16], [26, 2], [38, 0], [52, 8], [62, 21], [58, 30], [48, 36]]
+];
+function stamp(k, parent, o) {
+  const w = o.w, h = r3(w * 1.2), tooth = w / 11;
+  const id = k.stack(parent, { width: w, height: h, name: o.name ?? "Stamp", absolute: at(o) });
+  const outline = [];
+  const side = (x0, y0, dx, dy, len) => {
+    const n = Math.round(len / tooth), step = len / n, nx = -dy, ny = dx;
+    for (let i = 0; i < n; i++) {
+      const sx = x0 + dx * step * i, sy = y0 + dy * step * i;
+      outline.push({ x: sx + dx * step * 0.22, y: sy + dy * step * 0.22 });
+      for (let j = 1; j < 6; j++) {
+        const a = Math.PI * j / 6, c = step * 0.5, rr = step * 0.28;
+        outline.push({ x: sx + dx * (c - rr * Math.cos(a)) + nx * rr * Math.sin(a), y: sy + dy * (c - rr * Math.cos(a)) + ny * rr * Math.sin(a) });
+      }
+      outline.push({ x: sx + dx * step * 0.78, y: sy + dy * step * 0.78 });
+    }
+  };
+  side(0, 0, 1, 0, w);
+  side(w, 0, 0, 1, h);
+  side(w, h, -1, 0, w);
+  side(0, h, 0, -1, h);
+  k.vector(id, w, h, [{ closed: true, points: outline.map((p) => pt3(p.x, p.y)) }], "stock", { name: "Stamp paper", absolute: { x: 0, y: 0 }, effects: [lift(w * 0.1, 0.35, w * 0.03)] });
+  const m = w * 0.12, fw = w - m * 2, fh = h - m * 2;
+  k.rect(id, r3(fw), r3(fh), o.field ?? "airBlue", { name: "Stamp field", absolute: { x: r3(m), y: r3(m) }, effects: [grain(0.08, 1)] });
+  k.rect(id, r3(fw - m * 0.7), r3(fh - m * 0.7), [], { name: "Stamp line", stroke: { color: "stock", width: Math.max(1, r3(w * 0.012)), join: "MITER" }, opacity: 0.7, absolute: { x: r3(m * 1.35), y: r3(m * 1.35) } });
+  const bw = fw * 0.76, bh = bw * 0.64;
+  k.vector(id, bw, bh, BIRD.map((path) => ({ closed: true, points: path.map(([x, y]) => pt3(x / 100 * bw, y / 64 * bh)) })), "stock", { name: "Pigeon", absolute: { x: r3(m + (fw - bw) / 2), y: r3(m + fh * 0.16) } });
+  const lw = bw * 0.2;
+  const note = k.rect(id, r3(lw), r3(lw * 0.68), "stock", { name: "Pigeon letter", absolute: { x: r3(m + (fw - bw) / 2 + bw * 0.9), y: r3(m + fh * 0.16 + bh * 0.3) } });
+  k.patch(note, { anchorX: 0.5, anchorY: 0.5, rotation: 18 });
+  k.ellipse(id, r3(lw * 0.3), "wax", { name: "Pigeon seal", absolute: { x: r3(m + (fw - bw) / 2 + bw * 0.9 + lw * 0.35), y: r3(m + fh * 0.16 + bh * 0.3 + lw * 0.2) } });
+  if (o.value !== "") k.text(id, o.value ?? "14", { style: o.style, color: "stock", width: r3(fw), align: "CENTER", name: "Stamp value", absolute: { x: r3(m), y: r3(m + fh * 0.64) } });
+  turn(k, id, o.tilt);
+  return id;
+}
+function postmark(k, parent, o) {
+  const s = o.size, wave = o.waves ?? s * 1.1, ink = o.ink ?? "ink";
+  const id = k.stack(parent, { width: r3(s + wave), height: s, name: o.name ?? "Postmark", absolute: at(o) });
+  k.patch(id, { opacity: 0.72 });
+  k.ellipse(id, s, [], { name: "Postmark ring", stroke: { color: ink, width: r3(Math.max(1.5, s * 0.022)) }, absolute: { x: 0, y: 0 } });
+  k.ellipse(id, r3(s * 0.7), [], { name: "Postmark inner ring", stroke: { color: ink, width: r3(Math.max(1, s * 0.012)) }, absolute: { x: r3(s * 0.15), y: r3(s * 0.15) } });
+  const words = k.stack(id, { width: s, height: s, align: "CENTER", justify: "CENTER", gap: 0, name: "Postmark words", absolute: { x: 0, y: 0 } });
+  for (const l of o.lines ?? ["14 FEB", "2027"]) k.text(words, l, { style: o.style, color: ink, autoWidth: true, name: "Postmark line" });
+  if (wave > 0) {
+    const paths = [];
+    for (let row = 0; row < 4; row++) {
+      const y = s * (0.26 + row * 0.16), pts = [];
+      for (let i = 0; i <= 40; i++) {
+        const x = wave * i / 40;
+        pts.push(pt3(x, y + s * 0.04 * Math.sin(x / wave * Math.PI * 6 + row)));
+      }
+      paths.push({ closed: false, points: pts });
+    }
+    k.vector(id, wave, s, paths, ink, { name: "Postmark waves", strokeWidth: r3(Math.max(1.5, s * 0.02)), absolute: { x: r3(s * 0.96), y: 0 } });
+  }
+  turn(k, id, o.tilt);
+  return id;
+}
+function petalPath(size) {
+  const out = [];
+  for (let i = 0; i < 28; i++) {
+    const t = Math.PI * 2 * i / 28, rr = Math.sin(t / 2);
+    out.push(pt3(size * (0.5 + 0.36 * rr * Math.sin(t)), size * (1 - rr * (0.62 - 0.38 * Math.cos(t)))));
+  }
+  return out;
+}
+function petals(k, parent, spots, o = {}) {
+  const rand = rng(29);
+  spots.forEach(([x, y, size, deg], i) => {
+    const id = k.vector(parent, size, size, [{ closed: true, points: petalPath(size) }], i % 3 === 1 ? "waxDark" : "wax", { name: "Petal", absolute: { x, y }, effects: [lift(size * 0.2, 0.4, size * 0.08)] });
+    k.patch(id, { anchorX: 0.5, anchorY: 0.5, rotation: deg });
+    if (o.loopMs) k.behave(id, "rotation", [{ kind: "sine", amp: 3 + 3 * rand(), freq: hz(1 + i % 2, o.loopMs), phase: r3(rand()) }]);
+  });
+}
+function addressLines(k, parent, o) {
+  const rows = o.rows ?? 3;
+  for (let i = 0; i < rows; i++) k.rect(parent, r3(o.w * (1 - i * 0.22)), 3, "inkSoft", { name: "Address line", radius: 2, opacity: 0.6, absolute: { x: o.x, y: r3(o.y + i * o.gap) } });
+}
+function refillDesk(k, sheetId) {
+  const s = k.node(sheetId);
+  for (const name of DESK_LAYERS) for (const id of k.named(sheetId, name)) k.patch(id, { x: 0, y: 0, width: s.width, height: s.height });
+}
+
+export {
+  PIGEON,
+  valentinesBrand,
+  grain,
+  lift,
+  desk,
+  DESK_LAYERS,
+  stage,
+  fitStage,
+  envelope,
+  letter,
+  rubberStamp,
+  airmailStrip,
+  waxSeal,
+  stamp,
+  postmark,
+  petals,
+  addressLines,
+  refillDesk
+};