@popcraft/kit 0.26.0 → 0.26.1

package/dist/chunks/chunk-I7FRR6IU.js

@@ -1,484 +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 {
-  sparkPath
-} from "./chunk-YNOCYFZ4.js";
-import {
-  hz
-} from "./chunk-PMVMC75G.js";
-import {
-  patchPart
-} from "./chunk-QLV6445V.js";
-import {
-  box,
-  pt3,
-  r3,
-  rng,
-  smooth
-} from "./chunk-BNVLVZUT.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/saas/style-pastel-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var KITTY = {
-  name: "Kitty",
-  site: "kitty.example",
-  mascot: "Mochi",
-  pitch: "Shared money for couples.",
-  tagline: "Money, but for two.",
-  /** The couple on every screen. */
-  a: "Sam",
-  b: "Alex",
-  /** Plus and Household, a month; a year is eight months (four free). Free is free. */
-  plus: 6,
-  household: 10,
-  plusYear: 48,
-  householdYear: 80,
-  /** The dinner the demos split. */
-  bill: { what: "Dinner at Lupa", when: "Fri \xB7 8:42 pm", amount: 86.4, half: 43.2 },
-  /** The trip jar. */
-  jar: { what: "Lisbon in May", saved: 1840, goal: 2400, before: 1008, percent: 77 },
-  roundUp: 0.6,
-  couples: 64e3,
-  saved: 41e6,
-  rating: "4.9",
-  reviews: 12800,
-  version: "3.0"
-};
-var COLORS = {
-  paper: "#FFF4EC",
-  text: "#1F2A3C",
-  onPaper: "#4A5567",
-  primary: "#FF8F70",
-  onPrimary: "#1F2A3C",
-  card: "#FFFFFF",
-  onCard: "#1F2A3C",
-  cardMuted: "#566173"
-};
-function pastelBrand(k, fields = {}) {
-  k.brand({ ...COLORS }, { name: KITTY.name, site: KITTY.site, ...fields });
-  k.palette({
-    peach: "#FFD3C2",
-    mint: "#C3EBD8",
-    butter: "#FFE7A6",
-    sky: "#C9E2F8",
-    apricot: "#FFB59B",
-    blush: "#FF9C8A",
-    ink: "#1F2A3C",
-    milk: "#FFFFFF",
-    track: "#F3E7DF",
-    leaf: "#4FAE86"
-  });
-}
-var KIND = {
-  // Chunky and tight, set solid.
-  display: (s) => ({ size: s, fontWeight: 800, letterSpacing: r3(-s * 0.04), lineHeight: Math.round(s * 1.02) }),
-  title: (s) => ({ size: s, fontWeight: 800, letterSpacing: r3(-s * 0.022), lineHeight: Math.round(s * 1.18) }),
-  // The softer second voice.
-  body: (s) => ({ size: s, fontWeight: 500, lineHeight: Math.round(s * 1.45) }),
-  soft: (s) => ({ size: s, fontWeight: 600, letterSpacing: r3(-s * 0.01), lineHeight: Math.round(s * 1.3) }),
-  label: (s) => ({ size: s, fontWeight: 800, letterSpacing: r3(s * 0.08), lineHeight: Math.round(s * 1.3) }),
-  figure: (s) => ({ size: s, fontWeight: 800, letterSpacing: r3(-s * 0.035), lineHeight: Math.round(s * 1.05), fontFeatures: { tnum: 1 } })
-};
-var NAMES = { display: "Display", title: "Title", body: "Body", label: "Label", figure: "Figure", soft: "Soft" };
-function ts(k, kind, size) {
-  const s = Math.round(size), name = `${NAMES[kind]} ${s}`;
-  k.textStyle(name, KIND[kind](s));
-  return name;
-}
-var INK = { r: 0.12, g: 0.165, b: 0.235 };
-function pillow(d = 1) {
-  return [
-    { type: "DROP_SHADOW", color: { ...INK, a: 0.1 }, offset: { x: 0, y: r3(22 * d) }, blur: r3(48 * d), spread: 0, visible: true },
-    { type: "DROP_SHADOW", color: { r: 1, g: 0.45, b: 0.3, a: 0.12 }, offset: { x: 0, y: r3(6 * d) }, blur: r3(14 * d), spread: 0, visible: true },
-    { type: "INNER_SHADOW", color: { r: 1, g: 1, b: 1, a: 0.95 }, offset: { x: 0, y: r3(3 * d) }, blur: r3(2 * d), spread: 0, visible: true },
-    { type: "INNER_SHADOW", color: { ...INK, a: 0.06 }, offset: { x: 0, y: r3(-7 * d) }, blur: r3(14 * d), spread: 0, visible: true }
-  ];
-}
-function well(d = 1) {
-  return [{ type: "INNER_SHADOW", color: { ...INK, a: 0.1 }, offset: { x: 0, y: r3(3 * d) }, blur: r3(6 * d), spread: 0, visible: true }];
-}
-function puffy(d = 1) {
-  return [
-    { type: "INNER_SHADOW", color: { r: 1, g: 1, b: 1, a: 0.55 }, offset: { x: r3(2 * d), y: r3(4 * d) }, blur: r3(6 * d), spread: 0, visible: true },
-    { type: "INNER_SHADOW", color: { ...INK, a: 0.08 }, offset: { x: r3(-2 * d), y: r3(-6 * d) }, blur: r3(10 * d), spread: 0, visible: true }
-  ];
-}
-function pillowCard(k, parent, o) {
-  const { depth, ...rest } = o;
-  return k.stack(parent, { fill: "card", radius: 40, effects: pillow(depth ?? 1), ...rest });
-}
-function pastelButton(k, name, o) {
-  const [v, h] = o.pad ?? [18, 34], d = o.d ?? 1;
-  k.component(name, {
-    direction: "HORIZONTAL",
-    width: "HUG",
-    fill: o.fill ?? "primary",
-    radius: 999,
-    align: "CENTER",
-    padding: { top: v, right: h, bottom: v, left: h },
-    effects: [
-      { type: "DROP_SHADOW", color: { r: 1, g: 0.4, b: 0.25, a: 0.32 }, offset: { x: 0, y: r3(10 * d) }, blur: r3(22 * d), spread: 0, visible: true },
-      { type: "INNER_SHADOW", color: { r: 1, g: 1, b: 1, a: 0.5 }, offset: { x: 0, y: r3(3 * d) }, blur: r3(3 * d), spread: 0, visible: true },
-      { type: "INNER_SHADOW", color: { ...INK, a: 0.12 }, offset: { x: 0, y: r3(-4 * d) }, blur: r3(8 * d), spread: 0, visible: true }
-    ],
-    props: { Label: o.label }
-  }, (id) => {
-    k.propText(id, "Label", { style: o.style, color: o.ink ?? "onPrimary", autoWidth: true });
-  });
-}
-function chip(k, parent, label, o) {
-  const [v, h] = o.pad ?? [8, 18];
-  const c = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", fill: o.fill ?? "mint", radius: 999, align: "CENTER", padding: { top: v, right: h, bottom: v, left: h }, effects: puffy(0.6), name: o.name ?? "Chip" });
-  k.text(c, label, { style: o.style, color: "ink", autoWidth: true, name: `${o.name ?? "Chip"} label` });
-  return c;
-}
-function avatar(k, parent, who, size, o = {}) {
-  const disc = k.stack(parent, { width: size, height: size, radius: 999, fill: who === "a" ? "peach" : "sky", align: "CENTER", justify: "CENTER", effects: puffy(size / 60), name: o.name ?? "Avatar", ...o.ring ? { stroke: { color: "card", width: Math.max(2, Math.round(size * 0.07)), align: "OUTSIDE" } } : {}, ...o.absolute ? { absolute: o.absolute } : {} });
-  k.text(disc, who === "a" ? "S" : "A", { style: ts(k, "title", size * 0.44), color: "ink", autoWidth: true, name: "Initial" });
-  return disc;
-}
-function couple(k, parent, size, o = {}) {
-  const row = k.stack(parent, { width: Math.round(size * 1.7), height: size, name: o.name ?? "Couple" });
-  avatar(k, row, "b", size, { absolute: { x: Math.round(size * 0.7), y: 0 }, ring: true, name: "Avatar Alex" });
-  avatar(k, row, "a", size, { absolute: { x: 0, y: 0 }, ring: true, name: "Avatar Sam" });
-  return row;
-}
-function coin(k, parent, size, o = {}) {
-  const c = k.frame(parent, { x: o.absolute?.x ?? 0, y: o.absolute?.y ?? 0, width: size, height: size }, { name: o.name ?? "Coin" });
-  k.ellipse(c, size, "butter", { name: "Coin face", effects: puffy(size / 50), absolute: { x: 0, y: 0 } });
-  const inner = Math.round(size * 0.62);
-  k.ellipse(c, inner, k.tint("milk", 1e-3), { name: "Coin rim", absolute: { x: (size - inner) / 2, y: (size - inner) / 2 }, stroke: { color: "apricot", width: Math.max(2, size * 0.07) } });
-  k.rect(c, Math.max(2, size * 0.1), Math.round(size * 0.3), "apricot", { radius: 99, name: "Coin mark", absolute: { x: r3(size * 0.45), y: r3(size * 0.35) } });
-  return c;
-}
-function sparkle(k, parent, size, role, o = {}) {
-  return k.vector(parent, size, size, [sparkPath(size, 0.2)], role, { name: o.name ?? "Sparkle", effects: puffy(size / 60), ...o.absolute ? { absolute: o.absolute } : {} });
-}
-function blobPath(w, h, seed, wobble = 0.08, n = 9) {
-  const r = rng(seed), pts = [];
-  for (let i = 0; i < n; i++) {
-    const a = i / n * Math.PI * 2, f = 1 - wobble + r() * wobble * 2;
-    pts.push({ x: w / 2 + w / 2 * 0.94 * f * Math.cos(a), y: h / 2 + h / 2 * 0.94 * f * Math.sin(a) });
-  }
-  return smooth(pts, 0.19);
-}
-var BLOB_ROLES = ["peach", "mint", "butter", "sky"];
-function groundParts(w, h, o) {
-  const seed = o.seed ?? 3, s = o.scale ?? Math.max(w, h) / 1920;
-  const m = Math.min(w, h);
-  const spots = [[0.04, 0.06, 0.62], [0.98, 0.22, 0.54], [0.02, 0.78, 0.5], [0.94, 0.98, 0.66]];
-  const blobs = spots.map(([fx, fy, fr], i) => {
-    const d = m * fr * (w > h * 1.3 ? 0.8 : 1), bw = d * 1.15, bh = d;
-    return { name: `Blob ${i + 1}`, role: BLOB_ROLES[i], x: r3(fx * w - bw / 2), y: r3(fy * h - bh / 2), w: r3(bw), h: r3(bh), paths: [blobPath(bw, bh, seed * 10 + i, 0.09)] };
-  });
-  const r = rng(seed * 7 + 1), bits = [];
-  const n = o.sparkles ?? 9;
-  for (let i = 0; i < n; i++) {
-    const fx = 0.06 + r() * 0.88, fy = 0.05 + r() * 0.9, spark = i % 3 !== 2;
-    const size = r3((spark ? 34 + r() * 26 : 16 + r() * 10) * s * 1.4);
-    const role = ["butter", "mint", "sky", "apricot", "peach"][i % 5];
-    bits.push({ name: spark ? "Ground sparkle" : "Ground dot", role, x: r3(fx * w - size / 2), y: r3(fy * h - size / 2), w: size, h: size, paths: [spark ? sparkPath(size, 0.2) : blobPath(size, size, i + 40, 0.04, 8)] });
-  }
-  return { blobs, bits };
-}
-function softGround(k, sheet, w, h, o = {}) {
-  const { blobs, bits } = groundParts(w, h, o);
-  const loop = o.loop ?? 8e3, ids = [];
-  blobs.forEach((b, i) => {
-    const id = k.vector(sheet, b.w, b.h, b.paths, b.role, { name: b.name, absolute: { x: b.x, y: b.y }, opacity: 0.85, effects: puffy(b.w / 300) });
-    if (o.still) {
-      ids.push(id);
-      return;
-    }
-    k.behave(id, "translateY", [{ kind: "sine", amp: r3(10 + i * 3), freq: hz(1, loop), phase: i * 0.25 }]);
-    k.behave(id, "translateX", [{ kind: "sine", amp: r3(8 + i * 2), freq: hz(1, loop), phase: 0.5 + i * 0.2 }]);
-    ids.push(id);
-  });
-  bits.forEach((b, i) => {
-    const id = k.vector(sheet, b.w, b.h, b.paths, b.role, { name: b.name, absolute: { x: b.x, y: b.y }, effects: puffy(b.w / 60) });
-    if (b.name === "Ground sparkle") k.patch(id, { rotation: i * 17 % 40 - 20 });
-    if (b.name === "Ground sparkle" && !o.still) {
-      k.behave(id, "scaleX", [{ kind: "sine", amp: 0.12, freq: hz(2, loop), phase: i * 0.13 }]);
-      k.behave(id, "scaleY", [{ kind: "sine", amp: 0.12, freq: hz(2, loop), phase: i * 0.13 }]);
-    }
-    ids.push(id);
-  });
-  return ids;
-}
-function fitSoftGround(k, sheet, o = {}) {
-  const { width: w, height: h } = k.node(sheet);
-  const { blobs, bits } = groundParts(w, h, o);
-  for (const b of blobs) patchPart(k, k.named(sheet, b.name)[0], b);
-  const sp = bits.filter((b) => b.name === "Ground sparkle"), dt = bits.filter((b) => b.name === "Ground dot");
-  k.named(sheet, "Ground sparkle").forEach((id, i) => {
-    if (sp[i]) patchPart(k, id, sp[i]);
-  });
-  k.named(sheet, "Ground dot").forEach((id, i) => {
-    if (dt[i]) patchPart(k, id, dt[i]);
-  });
-}
-function quietGround(k, sheet) {
-  for (const n of ["Ground sparkle", "Ground dot"]) for (const id of k.named(sheet, n)) k.patch(id, { visible: false });
-}
-function mochi(k, parent, size, o = {}) {
-  const s = size, H = r3(s * 1.04);
-  const root = k.frame(parent, { x: o.absolute?.x ?? 0, y: o.absolute?.y ?? 0, width: s, height: H }, { name: o.name ?? "Mochi" });
-  k.patch(root, { anchorX: 0.5, anchorY: 1 });
-  const sh = k.ellipse(root, r3(s * 0.74), k.tint("ink", 0.09), { name: "Mochi shadow", absolute: { x: r3(s * 0.13), y: r3(H - s * 0.09) } });
-  k.patch(sh, { height: r3(s * 0.1) });
-  const ear = (x0, flip) => smooth([pt3(x0, s * 0.42), pt3(x0 + flip * s * 0.06, s * 0.05), pt3(x0 + flip * s * 0.3, s * 0.27)].map((p) => p), 0.12);
-  const ears = k.vector(root, s, s, [ear(s * 0.12, 1), ear(s * 0.88, -1)], "apricot", { name: "Mochi ears", absolute: { x: 0, y: 0 }, effects: puffy(s / 160) });
-  void ears;
-  const inner = (x0, flip) => smooth([pt3(x0, s * 0.36), pt3(x0 + flip * s * 0.06, s * 0.13), pt3(x0 + flip * s * 0.2, s * 0.28)], 0.12);
-  k.vector(root, s, s, [inner(s * 0.17, 1), inner(s * 0.83, -1)], "blush", { name: "Mochi inner ears", absolute: { x: 0, y: 0 }, opacity: 0.7 });
-  const body = k.vector(root, r3(s * 0.92), r3(s * 0.78), [smooth([
-    pt3(s * 0.46, 0),
-    pt3(s * 0.78, s * 0.06),
-    pt3(s * 0.92, s * 0.38),
-    pt3(s * 0.84, s * 0.68),
-    pt3(s * 0.46, s * 0.78),
-    pt3(s * 0.08, s * 0.68),
-    pt3(0, s * 0.38),
-    pt3(s * 0.14, s * 0.06)
-  ], 0.2)], "apricot", { name: "Mochi body", absolute: { x: r3(s * 0.04), y: r3(s * 0.22) }, effects: [
-    { type: "INNER_SHADOW", color: { r: 1, g: 1, b: 1, a: 0.55 }, offset: { x: r3(s * 0.03), y: r3(s * 0.05) }, blur: r3(s * 0.06), spread: 0, visible: true },
-    { type: "INNER_SHADOW", color: { r: 0.6, g: 0.2, b: 0.1, a: 0.2 }, offset: { x: r3(-s * 0.02), y: r3(-s * 0.06) }, blur: r3(s * 0.08), spread: 0, visible: true }
-  ] });
-  const belly = k.ellipse(root, r3(s * 0.44), k.tint("milk", 0.55), { name: "Mochi tummy", absolute: { x: r3(s * 0.28), y: r3(s * 0.66) } });
-  k.patch(belly, { height: r3(s * 0.28) });
-  const eyes = [];
-  for (const fx of [0.35, 0.65]) {
-    const e = k.ellipse(root, r3(s * 0.085), "ink", { name: "Mochi eye", absolute: { x: r3(s * fx - s * 0.0425), y: r3(s * 0.45) } });
-    k.patch(e, { height: r3(s * 0.11), anchorX: 0.5, anchorY: 0.5 });
-    eyes.push(e);
-    k.ellipse(root, r3(s * 0.03), "milk", { name: "Mochi eye light", absolute: { x: r3(s * fx - s * 0.01), y: r3(s * 0.465) } });
-  }
-  for (const fx of [0.22, 0.78]) {
-    const c = k.ellipse(root, r3(s * 0.12), "blush", { name: "Mochi cheek", absolute: { x: r3(s * fx - s * 0.06), y: r3(s * 0.58) }, opacity: 0.75 });
-    k.patch(c, { height: r3(s * 0.065) });
-  }
-  k.vector(root, r3(s * 0.12), r3(s * 0.05), [{ closed: false, points: [pt3(0, 0), { ...pt3(s * 0.06, s * 0.012), handleIn: pt3(s * 0.02, s * 0.05), handleOut: pt3(s * 0.04, s * 0.05) }, { ...pt3(s * 0.12, 0), handleIn: pt3(s * 0.08, s * 0.05) }] }], [], { name: "Mochi mouth", absolute: { x: r3(s * 0.44), y: r3(s * 0.585) }, stroke: { color: "ink", width: r3(Math.max(2, s * 0.018)) } });
-  const paw = k.ellipse(root, r3(s * 0.17), "apricot", { name: "Mochi paw", absolute: { x: r3(s * 0.8), y: r3(s * 0.4) }, effects: puffy(s / 200) });
-  k.patch(paw, { height: r3(s * 0.22), anchorX: 0.5, anchorY: 1, rotation: -18, ...o.paw === false ? { visible: false } : {} });
-  return { root, body, eyes, paw, size: s };
-}
-function blink(k, m, times) {
-  const keys = [];
-  for (const t of times) keys.push({ t, v: 1, ease: ease.inOut("sine") }, { t: t + 70, v: 0.1, ease: ease.inOut("sine") }, { t: t + 160, v: 1, ease: ease.hold });
-  delete keys[keys.length - 1].ease;
-  for (const e of m.eyes) k.animate(e, "scaleY", keys);
-}
-function wave(k, m, at, n = 3) {
-  const keys = [{ t: at, v: -18, ease: ease.out("back") }];
-  for (let i = 0; i < n; i++) keys.push({ t: at + 160 + i * 320, v: 22, ease: ease.inOut("sine") }, { t: at + 320 + i * 320, v: -14, ease: ease.inOut("sine") });
-  keys.push({ t: at + 320 + n * 320 + 200, v: -18 });
-  k.animate(m.paw, "rotation", keys);
-}
-function hop(k, m, times, height = m.size * 0.3) {
-  const sy = [], sx = [], ty = [];
-  for (const t of times) {
-    sy.push({ t, v: 1, ease: ease.out("cubic") }, { t: t + 110, v: 0.8, ease: ease.out("cubic") }, { t: t + 240, v: 1.14, ease: ease.inOut("sine") }, { t: t + 460, v: 1, ease: ease.out("cubic") }, { t: t + 540, v: 0.82, ease: ease.spring(260, 12) }, { t: t + 700, v: 1, ease: ease.hold });
-    sx.push({ t, v: 1, ease: ease.out("cubic") }, { t: t + 110, v: 1.16, ease: ease.out("cubic") }, { t: t + 240, v: 0.9, ease: ease.inOut("sine") }, { t: t + 460, v: 1, ease: ease.out("cubic") }, { t: t + 540, v: 1.14, ease: ease.spring(260, 12) }, { t: t + 700, v: 1, ease: ease.hold });
-    ty.push({ t: t + 110, v: 0, ease: ease.out("quad") }, { t: t + 320, v: -r3(height), ease: ease.named("quad", "in") }, { t: t + 530, v: 0, ease: ease.hold });
-  }
-  for (const keys of [sy, sx, ty]) delete keys[keys.length - 1].ease;
-  k.animate(m.root, "scaleY", sy);
-  k.animate(m.root, "scaleX", sx);
-  k.animate(m.root, "translateY", ty);
-}
-function popUp(k, m, at, from = m.size * 1.2) {
-  k.animate(m.root, "translateY", [{ t: 0, v: r3(from), ease: ease.hold }, { t: at, v: r3(from), ease: ease.spring(180, 13) }, { t: at + 900, v: 0 }]);
-}
-var CONFETTI_ROLES = ["peach", "mint", "butter", "sky", "apricot", "primary"];
-function confetti(k, parent, o) {
-  const r = rng(o.seed ?? 9), n = o.n ?? 18, spread = o.spread ?? 360, size = o.size ?? 22, ids = [];
-  for (let i = 0; i < n; i++) {
-    const a = -Math.PI / 2 + (r() - 0.5) * Math.PI * 1.5, dist = spread * (0.45 + r() * 0.55);
-    const x = o.cx + Math.cos(a) * dist, y = o.cy + Math.sin(a) * dist * 0.8;
-    const kind = i % 3, w = r3(kind === 0 ? size * 1.4 : size), h = r3(kind === 0 ? size * 0.5 : size);
-    const path = kind === 2 ? sparkPath(w, 0.22) : kind === 1 ? blobPath(w, h, 70 + i, 0.03, 8) : box(0, 0, w, h);
-    const id = k.vector(parent, w, h, [path], CONFETTI_ROLES[i % CONFETTI_ROLES.length], { name: o.name ?? "Confetti", absolute: { x: r3(x - w / 2), y: r3(y - h / 2) }, opacity: 0 });
-    const t = o.at + Math.round(r() * 80), fall = r3(90 + r() * 120);
-    k.animate(id, "opacity", [{ t: t - 1, v: 0, ease: ease.hold }, { t, v: 1, ease: ease.hold }, { t: t + 1100, v: 1, ease: ease.named("cubic", "in") }, { t: t + 1500, v: 0 }]);
-    k.animate(id, "translateX", [{ t, v: r3(o.cx - x), ease: ease.out("expo") }, { t: t + 600, v: 0, ease: ease.linear }, { t: t + 1500, v: r3((r() - 0.5) * 40) }]);
-    k.animate(id, "translateY", [{ t, v: r3(o.cy - y), ease: ease.out("expo") }, { t: t + 600, v: 0, ease: ease.named("quad", "in") }, { t: t + 1500, v: fall }]);
-    k.animate(id, "rotation", [{ t, v: 0, ease: ease.out("cubic") }, { t: t + 1500, v: Math.round((r() > 0.5 ? 1 : -1) * (200 + r() * 340)) }]);
-    ids.push(id);
-  }
-  return ids;
-}
-function receiptPaths(s) {
-  const w = s * 0.62, x0 = (s - w) / 2, top = s * 0.14, foot = s * 0.86, teeth = 4, tw = w / teeth;
-  const pts = [{ x: x0, y: top }, { x: x0 + w, y: top }, { x: x0 + w, y: foot }];
-  for (let i = teeth - 1; i >= 0; i--) pts.push({ x: x0 + i * tw + tw / 2, y: foot - s * 0.08 }, { x: x0 + i * tw, y: foot });
-  return [{ closed: true, points: pts.map((p) => pt3(p.x, p.y)) }];
-}
-function billCard(k, parent, u, o = {}) {
-  const W = o.width ?? Math.round(460 * u), pad = Math.round(28 * u);
-  const card = pillowCard(k, parent, { width: W, padding: pad, gap: Math.round(20 * u), radius: Math.round(36 * u), depth: u, name: o.name ?? "Bill card", ...o.absolute ? { absolute: o.absolute } : {} });
-  const head = k.stack(card, { direction: "HORIZONTAL", gap: Math.round(16 * u), align: "CENTER", name: "Bill head" });
-  const tile = k.stack(head, { width: Math.round(60 * u), height: Math.round(60 * u), radius: Math.round(20 * u), fill: "butter", effects: puffy(u), name: "Bill tile" });
-  k.vector(tile, Math.round(60 * u), Math.round(60 * u), receiptPaths(60 * u), "milk", { name: "Receipt", absolute: { x: 0, y: 0 }, stroke: { color: "ink", width: r3(2.5 * u), join: "ROUND" } });
-  const what = k.stack(head, { gap: Math.round(2 * u), name: "Bill words" });
-  k.text(what, KITTY.bill.what, { style: ts(k, "title", 24 * u), color: "onCard", name: "Bill title" });
-  k.text(what, `${KITTY.bill.when} \xB7 paid by ${KITTY.a}`, { style: ts(k, "body", 16 * u), color: "cardMuted", name: "Bill when" });
-  k.text(head, `$${KITTY.bill.amount.toFixed(2)}`, { style: ts(k, "figure", 30 * u), color: "onCard", autoWidth: true, name: "Bill amount" });
-  const track = k.stack(card, { direction: "HORIZONTAL", height: Math.round(22 * u), radius: 999, fill: "sky", clip: true, effects: well(u), name: "Split bar" });
-  const samFill = k.rect(track, "FILL", Math.round(22 * u), "peach", { name: "Split Sam" });
-  k.patch(samFill, { anchorX: 0, anchorY: 0.5, scaleX: 0.5 });
-  const shares = k.stack(card, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Shares" });
-  for (const who of ["a", "b"]) {
-    const s = k.stack(shares, { direction: "HORIZONTAL", width: "HUG", gap: Math.round(10 * u), align: "CENTER", name: "Share" });
-    avatar(k, s, who, Math.round(36 * u), { name: who === "a" ? "Sam" : "Alex" });
-    k.text(s, `${who === "a" ? KITTY.a : KITTY.b} \xB7 $${KITTY.bill.half.toFixed(2)}`, { style: ts(k, "soft", 18 * u), color: "onCard", autoWidth: true, name: "Share words" });
-  }
-  const owe = k.stack(card, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", fill: "mint", radius: Math.round(22 * u), padding: { top: Math.round(14 * u), right: Math.round(20 * u), bottom: Math.round(14 * u), left: Math.round(20 * u) }, effects: puffy(u), name: "Owes" });
-  k.text(owe, `${KITTY.b} owes ${KITTY.a}`, { style: ts(k, "soft", 20 * u), color: "ink", autoWidth: true, name: "Owes words" });
-  const owes = k.text(owe, `$${KITTY.bill.half.toFixed(2)}`, { style: ts(k, "figure", 30 * u), color: "ink", width: Math.round(104 * u), align: "RIGHT", name: "Owes figure" });
-  return { card, samFill, owes };
-}
-function jar(k, parent, o) {
-  const { w, h } = o, lidH = r3(h * 0.12), bodyH = r3(h - lidH * 0.8), d = w / 150;
-  const root = k.frame(parent, { x: o.absolute?.x ?? 0, y: o.absolute?.y ?? 0, width: w, height: h }, { name: o.name ?? "Jar" });
-  const glass = k.frame(root, { x: 0, y: r3(lidH * 0.8), width: w, height: bodyH }, { name: "Jar glass", fill: k.tint("milk", 0.75), clip: true, radius: r3(w * 0.26), stroke: { color: "milk", width: r3(4 * d), align: "INSIDE" }, effects: [
-    { type: "DROP_SHADOW", color: { ...INK, a: 0.1 }, offset: { x: 0, y: r3(14 * d) }, blur: r3(26 * d), spread: 0, visible: true },
-    { type: "INNER_SHADOW", color: { ...INK, a: 0.08 }, offset: { x: r3(-6 * d), y: 0 }, blur: r3(12 * d), spread: 0, visible: true }
-  ] });
-  const full = bodyH;
-  const liquid = k.rect(glass, w, full, "mint", { name: "Jar liquid", absolute: { x: 0, y: 0 } });
-  k.patch(liquid, { anchorX: 0.5, anchorY: 1, scaleY: o.level });
-  const ww = w * 2, wh = r3(14 * d);
-  const crest = [];
-  for (let i = 0; i <= 16; i++) crest.push({ x: i / 16 * ww, y: wh / 2 + wh / 2 * Math.sin(i / 16 * Math.PI * 4) });
-  const wave2 = k.vector(glass, r3(ww), wh, [{ closed: true, points: [...crest.map((p) => pt3(p.x, p.y)), pt3(ww, wh), pt3(0, wh)] }], "mint", { name: "Jar wave", absolute: { x: 0, y: r3(full * (1 - o.level) - wh + 1) } });
-  if (!o.still) k.behave(wave2, "translateX", [{ kind: "spin", rate: -r3(w / ((o.loop ?? 4e3) / 2e3)) }, { kind: "mod", period: r3(w), offset: -r3(w) }]);
-  const cs = r3(w * 0.26);
-  [[0.14, 0.7], [0.5, 0.76], [0.3, 0.55]].forEach(([fx, fy], i) => coin(k, glass, cs, { name: "Jar coin", absolute: { x: r3(fx * w), y: r3(fy * full + i * 2) } }));
-  k.rect(glass, r3(8 * d), r3(bodyH * 0.5), k.tint("milk", 0.8), { radius: 99, name: "Jar shine", absolute: { x: r3(w * 0.12), y: r3(bodyH * 0.14) } });
-  const lid = k.rect(root, r3(w * 0.72), lidH, "apricot", { radius: r3(lidH * 0.45), name: "Jar lid", absolute: { x: r3(w * 0.14), y: 0 }, effects: puffy(d) });
-  void lid;
-  return { root, liquid, wave: wave2, h: full, w };
-}
-function fillJar(k, j, at, duration, from, to) {
-  const spring = ease.spring(120, 11);
-  k.animate(j.liquid, "scaleY", [{ t: at, v: from, ease: spring }, { t: at + duration, v: to }]);
-  const wh = k.node(j.wave).height, top = (lvl) => r3(j.h * (1 - lvl) - wh + 1);
-  const rest = top(to);
-  k.animate(j.wave, "translateY", [{ t: at, v: r3(top(from) - rest), ease: spring }, { t: at + duration, v: 0 }]);
-}
-function jarCard(k, parent, u, o = {}) {
-  const W = o.width ?? Math.round(460 * u), pad = Math.round(28 * u);
-  const card = pillowCard(k, parent, { direction: "HORIZONTAL", width: W, padding: pad, gap: Math.round(24 * u), radius: Math.round(36 * u), align: "CENTER", depth: u, name: o.name ?? "Jar card", ...o.absolute ? { absolute: o.absolute } : {} });
-  const level = o.level ?? KITTY.jar.percent / 100;
-  const holder = k.stack(card, { width: Math.round(124 * u), height: Math.round(168 * u), name: "Jar holder" });
-  const j = jar(k, holder, { w: Math.round(124 * u), h: Math.round(168 * u), level, absolute: { x: 0, y: 0 }, loop: o.loop, still: o.still });
-  const side = k.stack(card, { gap: Math.round(8 * u), name: "Jar words" });
-  k.text(side, "TRIP JAR", { style: ts(k, "label", 14 * u), color: "cardMuted", name: "Jar label" });
-  k.text(side, KITTY.jar.what, { style: ts(k, "title", 26 * u), color: "onCard", name: "Jar title" });
-  const fig = k.stack(side, { direction: "HORIZONTAL", gap: Math.round(8 * u), align: "MAX", name: "Jar amounts" });
-  const figure = k.text(fig, `$${KITTY.jar.saved.toLocaleString("en-US")}`, { style: ts(k, "figure", 38 * u), color: "onCard", width: Math.round(132 * u), name: "Jar figure" });
-  k.text(fig, `of $${KITTY.jar.goal.toLocaleString("en-US")}`, { style: ts(k, "body", 15 * u), color: "cardMuted", autoWidth: true, name: "Jar goal" });
-  const bar = k.stack(side, { direction: "HORIZONTAL", gap: Math.round(10 * u), align: "CENTER", name: "Jar bar" });
-  const track = k.stack(bar, { direction: "HORIZONTAL", height: Math.round(14 * u), radius: 999, fill: "track", clip: true, effects: well(u), name: "Jar track" });
-  const prog = k.rect(track, "FILL", Math.round(14 * u), "leaf", { radius: 999, name: "Jar progress" });
-  k.patch(prog, { anchorX: 0, anchorY: 0.5, scaleX: level });
-  const percent = k.text(bar, `${KITTY.jar.percent}%`, { style: ts(k, "soft", 16 * u), color: "onCard", width: Math.round(46 * u), align: "RIGHT", name: "Jar percent" });
-  const c = chip(k, side, `+$${KITTY.roundUp.toFixed(2)} round-up from coffee`, { style: ts(k, "soft", 14 * u), fill: "butter", name: "Round-up", pad: [Math.round(6 * u), Math.round(14 * u)] });
-  return { card, jar: j, figure, percent, chip: c };
-}
-function evenBadge(k, parent, u, o = {}) {
-  const b = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", gap: Math.round(16 * u), align: "CENTER", fill: "mint", radius: 999, padding: { top: Math.round(14 * u), right: Math.round(30 * u), bottom: Math.round(14 * u), left: Math.round(14 * u) }, effects: pillow(u * 0.8), name: o.name ?? "Even badge", ...o.absolute ? { absolute: o.absolute } : {} });
-  const disc = k.stack(b, { width: Math.round(52 * u), height: Math.round(52 * u), radius: 999, fill: "milk", align: "CENTER", justify: "CENTER", effects: puffy(u), name: "Even disc" });
-  k.vector(disc, Math.round(26 * u), Math.round(20 * u), [{ closed: false, points: [pt3(2 * u, 10 * u), pt3(10 * u, 17 * u), pt3(24 * u, 3 * u)] }], [], { name: "Even tick", stroke: { color: "leaf", width: r3(5 * u) } });
-  const words = k.stack(b, { width: "HUG", gap: 0, name: "Even words" });
-  k.text(words, "You\u2019re even!", { style: ts(k, "title", 28 * u), color: "ink", autoWidth: true, name: "Even title" });
-  k.text(words, o.sub ?? `${KITTY.a} & ${KITTY.b} \xB7 settled in one tap`, { style: ts(k, "body", 15 * u), color: "ink", autoWidth: true, name: "Even sub" });
-  return b;
-}
-function lockup(k, parent, o) {
-  const p = Math.round(o.size * 0.22);
-  const row = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", gap: Math.round(o.size * 0.4), align: "CENTER", fill: "card", radius: 999, padding: { top: p, right: Math.round(o.size * 0.6), bottom: p, left: p }, effects: pillow(o.size / 60), name: o.name ?? "Brand row" });
-  const tile = k.stack(row, { width: "HUG", fill: "primary", radius: Math.round(o.size * 0.42), padding: Math.round(o.size * 0.22), effects: puffy(o.size / 40), name: "Logo tile" });
-  k.logo(tile, o.size, o.size);
-  k.text(row, "{{brand.name}}", { style: o.style, color: o.ink ?? "onCard", autoWidth: true, name: "Brand name" });
-  return row;
-}
-var springIn = (layer, at, o = {}) => ({
-  layer,
-  preset: "pop-in",
-  at,
-  params: { duration: o.duration ?? 620, amount: o.from ?? 0.4, ease: ease.back(2.4) },
-  ...o.stagger ? { stagger: { delay: o.stagger } } : {}
-});
-var PASTELS = BLOB_ROLES;
-var WEB_STEPS = {
-  "Display 84": { laptop: "Display 72", tablet: "Display 64", mobile: "Display 46" },
-  "Display 60": { tablet: "Display 52", mobile: "Display 38" },
-  "Title 48": { tablet: "Title 40", mobile: "Title 32" },
-  "Body 21": { mobile: "Body 18" },
-  "Title 30": { mobile: "Title 24" }
-};
-function byName(k) {
-  return (name) => {
-    const [word, size] = name.split(" ");
-    const kind = Object.keys(NAMES).find((x) => NAMES[x] === word);
-    if (!kind) throw new Error(`No "${name}" in the pastel type`);
-    return ts(k, kind, Number(size));
-  };
-}
-function sectionHead(k, parent, o) {
-  const head = k.stack(parent, { gap: 14, name: o.name, ...o.width ? { width: o.width } : {} });
-  const tag = k.stack(head, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: `${o.name} label` });
-  sparkle(k, tag, 22, o.spark ?? "apricot", { name: "Label sparkle" });
-  k.text(tag, o.label, { style: ts(k, "label", 14), color: "onPaper", name: `${o.name} label words` });
-  k.text(head, o.title, { style: ts(k, "title", o.titleSize ?? 48), color: "text", name: `${o.name} title` });
-  if (o.body) k.text(head, o.body, { style: ts(k, "body", 18), color: "onPaper", name: `${o.name} body` });
-  return head;
-}
-
-export {
-  KITTY,
-  pastelBrand,
-  ts,
-  pillow,
-  well,
-  puffy,
-  pillowCard,
-  pastelButton,
-  chip,
-  avatar,
-  couple,
-  coin,
-  sparkle,
-  blobPath,
-  softGround,
-  fitSoftGround,
-  quietGround,
-  mochi,
-  blink,
-  wave,
-  hop,
-  popUp,
-  confetti,
-  billCard,
-  jar,
-  fillJar,
-  jarCard,
-  evenBadge,
-  lockup,
-  springIn,
-  PASTELS,
-  WEB_STEPS,
-  byName,
-  sectionHead
-};

package/dist/chunks/chunk-IAK4EGOW.js

@@ -1,149 +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 {
-  FIZZ,
-  bowl,
-  burst,
-  burstSticker,
-  callComponent,
-  chromeText,
-  cutout,
-  display,
-  halftone,
-  marquee,
-  maxBrand,
-  mono,
-  plate,
-  spark,
-  spin,
-  sticker,
-  stickerEdge,
-  wobble
-} from "./chunk-SMGPOQLP.js";
-import {
-  EMAIL_FPS,
-  HEADER
-} from "./chunk-O24FY473.js";
-import {
-  ground
-} from "./chunk-QLV6445V.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit
-} from "./chunk-T3SGRYUX.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/email/style-maximal-header.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Maximal SaaS email header";
-var DURATION = 6e3;
-var CUT = 1e3;
-var cues = [
-  wobble("Seal", 0, { angle: 8 }),
-  wobble("Seal", 3e3, { angle: 8 }),
-  { layer: "Call", preset: "pulse", at: 1500, params: { duration: 800, amount: 0.05 } },
-  { layer: "Call", preset: "pulse", at: 4500, params: { duration: 800, amount: 0.05 } }
-];
-var style_maximal_header_default = defineTemplate({
-  id: "email-saas-style-maximal-header",
-  meta: {
-    name: `${NAME} (animated GIF)`,
-    description: 'A 600 \xD7 300 animated header for a launch email in a maximalist Y2K look: "AUTO-BOP IS HERE." in chrome on a black plate, the line, a lime button and the site, all on the first frame (for Outlook); beside them a tilted vertical clip cuts every second with its caption chip, a seal rocks, a burst turns and a band runs, all returning to where they began. A seamless 6-second GIF',
-    category: "email",
-    tags: ["email", "gif", "animated", "header", "banner", "saas", "maximalist", "y2k", "chrome", "stickers", "creator", "video", "ai", "launch", "announcement", "newsletter", "loop"],
-    platforms: ["email"],
-    formats: ["email", "banner"],
-    useCases: ["announcement", "launch", "newsletter"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit(NAME, HEADER);
-    k.quantizeGeometry = true;
-    maxBrand(k);
-    display(k, "Hook 40", 40, 0.95);
-    display(k, "Line 15", 15, 1.25);
-    display(k, "Button 15", 15, 1.2);
-    display(k, "Chip 18", 18, 1);
-    display(k, "Seal 26", 26, 0.9);
-    mono(k, "Tag 12", 12);
-    callComponent(k, { style: "Button 15", label: "Try Pro free", pad: [9, 16], drop: 4, weight: 3 });
-    const sheet = k.sheet;
-    ground(k, sheet, "Email header", "paper");
-    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
-    halftone(k, sheet, 220, "pinkDeep", { name: "Dots", absolute: { x: 380, y: -40 }, step: 14 });
-    const big = burst(k, sheet, 230, "accent", { name: "Big burst", points: 20, depth: 0.13, outline: 3, absolute: { x: 380, y: 60 } });
-    spin(k, big, 1 / 20, DURATION);
-    marquee(k, sheet, {
-      name: "Foot band",
-      width: 640,
-      height: 34,
-      w: 64,
-      fill: "night",
-      loop: DURATION,
-      cells: 1,
-      rotate: -2,
-      absolute: { x: -20, y: 272 },
-      cell: (c) => {
-        spark(k, c, 18, "primary", { name: "Band spark" });
-        k.rect(c, 20, 9, "chromeHi", { radius: 9, name: "Band pill" });
-      }
-    });
-    const words = k.stack(sheet, { width: 330, gap: 12, name: "Words", absolute: { x: 22, y: 22 } });
-    const pl = plate(k, words, { name: "Plate", width: "HUG", rotate: -2, pad: [12, 16], shadow: 6, radius: 12 });
-    chromeText(k, pl, "AUTO-BOP\nIS HERE.", { style: "Hook 40", name: "Hook", size: 40, shadow: 3 });
-    k.text(words, `${FIZZ.name} ${FIZZ.version} cuts every clip on the beat, captioned and stickered.`, { style: "Line 15", color: "text", width: "FILL", name: "Line" });
-    const row = k.stack(words, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Call row" });
-    k.instance(row, "Call", { Label: "Try Pro free" }, { name: "Call" });
-    sticker(k, row, "{{brand.site}}", { fill: "card", ink: "onCard", style: "Tag 12", shape: "tag", pad: [6, 10], weight: 2, drop: 3, rotate: 3, name: "Site" });
-    const cw = 130, ch = 220;
-    const clip = k.stack(sheet, { width: cw, height: ch, radius: 16, clip: true, ...stickerEdge(k, 3, 6), name: "Clip", absolute: { x: 420, y: 34 } });
-    k.patch(clip, { rotation: 6 });
-    const shot = (name, fill, art, word) => {
-      const f = k.frame(clip, { x: 0, y: 0, width: cw, height: ch }, { name, fill });
-      k.patch(f, { layoutPositioning: "ABSOLUTE" });
-      art(f);
-      const chip = sticker(k, f, word, { fill: "card", ink: "onCard", style: "Chip 18", shape: "tag", rotate: -5, pad: [3, 8], weight: 2, drop: 2, name: "Clip chip", absolute: { x: 10, y: ch - 46 } });
-      return { f, chip };
-    };
-    const sC = shot("Shot C", "primary", (f) => cutout(k, f, 110, 140, { top: "secondary", skin: "skinDeep", absolute: { x: 10, y: ch - 140 } }), "SLAPS!");
-    const sB = shot("Shot B", "accent", (f) => bowl(k, f, 100, 100, { fill: "card", absolute: { x: 15, y: 50 } }), "SAUCE");
-    const sA = shot("Shot A", "secondary", (f) => cutout(k, f, 110, 140, { top: "accent", absolute: { x: 10, y: ch - 140 } }), "THIS");
-    burstSticker(k, sheet, [{ text: `${FIZZ.seconds}s`, style: "Seal 26" }, { text: "TO CLIPS", style: "Tag 12" }], { size: 96, fill: "primary", ink: "onPrimary", name: "Seal", points: 24, depth: 0.08, rotate: -8, absolute: { x: 508, y: 172 } });
-    spark(k, sheet, 34, "card", { outline: 2, name: "Spark", absolute: { x: 555, y: 30 } });
-    k.cues(sheet, cues);
-    [sA, sB, sC].forEach((sh, i) => {
-      const on = (t) => Math.floor(t / CUT) % 3 === i;
-      const keys = [{ t: 0, v: on(0) ? 1 : 0, ease: ease.hold }];
-      for (let t = CUT; t < DURATION; t += CUT) keys.push({ t: t - 1, v: on(t - 1) ? 1 : 0, ease: ease.hold }, { t, v: on(t) ? 1 : 0, ease: ease.hold });
-      keys.push({ t: DURATION - 1, v: on(DURATION - 1) ? 1 : 0, ease: ease.hold }, { t: DURATION, v: on(0) ? 1 : 0 });
-      k.animate(sh.f, "opacity", keys);
-      k.patch(sh.chip, { anchorX: 0.5, anchorY: 0.5 });
-      const starts = Array.from({ length: DURATION / CUT }, (_, j) => j * CUT).filter((t) => t > 0 && on(t));
-      const pop = starts.flatMap((t) => [{ t, v: 0.3, ease: ease.back(2.6) }, { t: t + 300, v: 1, ease: ease.hold }]);
-      if (pop.length) {
-        delete pop[pop.length - 1].ease;
-        for (const p of ["scaleX", "scaleY"]) k.animate(sh.chip, p, pop);
-      }
-    });
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_maximal_header_default
-};