@popcraft/kit 0.26.0 → 0.26.1

package/dist/chunks/chunk-OLPNNPPZ.js

@@ -1,160 +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 {
-  bindShaderAudio
-} from "./chunk-FTAE7ZPX.js";
-import {
-  init_shader_params,
-  reflectShader
-} from "./chunk-D3K35HSL.js";
-import {
-  graphColors,
-  shaderPreset
-} from "./chunk-E6EMPOWS.js";
-import {
-  graphPaint
-} from "./chunk-73FVHI5B.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/music/parts.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_shader_params();
-var audio = (m) => ({ kind: "audio", ...m });
-var at = (x, y) => ({ x, y });
-var restShape = (i, n) => {
-  const u = i / Math.max(1, n - 1);
-  const v = 0.35 + 0.4 * Math.abs(Math.sin(i * 0.61) * Math.cos(i * 0.23 + 0.7)) + 0.25 * Math.sin(Math.PI * u);
-  return Math.round(Math.max(0.12, Math.min(1, v)) * 100) / 100;
-};
-function bindColour(k, id, prop) {
-  if (prop) k.bindPath(id, "fills[#0].color", prop);
-}
-function waveform(k, parent, o) {
-  const n = o.count ?? 48;
-  const history = o.history ?? 2400;
-  const box = k.stack(parent, { width: o.width, height: o.height, name: o.name ?? "Waveform", ...o.at ? { absolute: at(o.at.x, o.at.y) } : {} });
-  const step = o.width / n;
-  const w = o.style === "line" ? Math.min(step * 0.9, 10) : Math.max(2, step * 0.62);
-  for (let i = 0; i < n; i++) {
-    const lag = Math.round((n - 1 - i) / (n - 1) * history);
-    const x = i * step + (step - w) / 2;
-    const signal = audio({ signal: "level", gain: o.gain ?? 1, from: 0, to: 1, lag, attack: o.style === "line" ? 40 : 0, release: o.style === "line" ? 180 : 90 });
-    if (o.style === "line") {
-      const dot = k.ellipse(box, w, o.color, { name: "Dot", absolute: at(x, o.height - w) });
-      bindColour(k, dot, o.colorProp);
-      k.patch(dot, { translateY: -Math.round(restShape(i, n) * (o.height - w)) });
-      k.behave(dot, "translateY", [{ ...signal, mode: "set", from: 0, to: -(o.height - w) }]);
-    } else {
-      const bar = k.rect(box, w, o.height, o.color, { radius: w / 2, name: "Bar", absolute: at(x, 0) });
-      bindColour(k, bar, o.colorProp);
-      k.patch(bar, { anchorY: o.style === "bars" ? 1 : 0.5, scaleY: restShape(i, n) });
-      k.behave(bar, "scaleY", [{ ...signal, mode: "set", from: 0.06, to: 1 }]);
-    }
-  }
-  return box;
-}
-function spectrumBars(k, parent, o) {
-  const n = o.count ?? 32;
-  const [lo, hi] = o.range ?? [0, 0.9];
-  const box = k.stack(parent, { width: o.width, height: o.height, name: o.name ?? "Spectrum", ...o.at ? { absolute: at(o.at.x, o.at.y) } : {} });
-  const step = o.width / n, w = step * 0.7;
-  for (let i = 0; i < n; i++) {
-    const bar = k.rect(box, w, o.height, o.color, { radius: Math.min(6, w / 3), name: "Band", absolute: at(i * step + (step - w) / 2, 0) });
-    bindColour(k, bar, o.colorProp);
-    k.patch(bar, { anchorY: 1, scaleY: Math.round(Math.max(0.1, (0.95 - 0.6 * i / n) * (0.75 + 0.25 * restShape(i, n))) * 100) / 100 });
-    const bin = Math.round((lo + (hi - lo) * i / Math.max(1, n - 1)) * 100) / 100;
-    k.behave(bar, "scaleY", [audio({ signal: "spectrum", bin, gain: o.gain ?? 1.15, mode: "set", from: 0.03, to: 1, attack: 10, release: 200 })]);
-  }
-  return box;
-}
-function circularSpectrum(k, parent, o) {
-  const n = o.count ?? 48;
-  const D = 2 * (o.radius + o.length);
-  const box = k.stack(parent, { width: D, height: D, name: o.name ?? "Circular spectrum", ...o.at ? { absolute: at(o.at.x, o.at.y) } : {} });
-  const bw = o.barWidth ?? Math.max(3, 2 * Math.PI * o.radius / n * 0.55);
-  for (let i = 0; i < n; i++) {
-    const spoke = k.stack(box, { width: D, height: D, name: "Spoke", absolute: at(0, 0) });
-    k.patch(spoke, { rotation: 180 + i * 360 / n });
-    const bar = k.rect(spoke, bw, o.length, o.color, { radius: bw / 2, name: "Band", absolute: at(D / 2 - bw / 2, D / 2 - o.radius - o.length) });
-    bindColour(k, bar, o.colorProp);
-    k.patch(bar, { anchorY: 1, scaleY: restShape(Math.min(i, n - i), n / 2) });
-    const bin = Math.round(Math.min(i, n - i) / (n / 2) * 0.8 * 100) / 100;
-    k.behave(bar, "scaleY", [audio({ signal: "spectrum", bin, gain: o.gain ?? 1.2, mode: "set", from: 0.08, to: 1, attack: 10, release: 170 })]);
-  }
-  return box;
-}
-function pulseRing(k, parent, o) {
-  const box = k.stack(parent, { width: o.size, height: o.size, name: o.name ?? "Pulse ring", ...o.at ? { absolute: at(o.at.x, o.at.y) } : {} });
-  const sw = o.stroke ?? Math.max(4, o.size / 40);
-  const ring = (name) => k.ellipse(box, o.size * 0.6, [], { stroke: { color: o.color, width: sw, align: "CENTER" }, name, absolute: at(o.size * 0.2, o.size * 0.2) });
-  const echo = ring("Echo");
-  const main = ring("Ring");
-  if (o.colorProp) for (const id of [echo, main]) k.bindPath(id, "strokes[#0].color", o.colorProp);
-  for (const axis of ["scaleX", "scaleY"]) {
-    k.behave(main, axis, [audio({ signal: "bass", gain: 1, from: 0, to: 0.22, attack: 5, release: 140 })]);
-    k.behave(echo, axis, [audio({ signal: "beat", gain: 1, from: 0.6, to: 0, release: 320 })]);
-  }
-  k.behave(echo, "opacity", [audio({ signal: "beat", gain: 1, mode: "set", from: 0, to: 0.85, release: 320 })]);
-  k.patch(echo, { opacity: 0.35, scaleX: 1.3, scaleY: 1.3 });
-  return box;
-}
-function vuMeter(k, parent, o) {
-  const n = o.segments ?? 16;
-  const box = k.stack(parent, { width: o.width, height: o.height, name: o.name ?? "VU meter", ...o.at ? { absolute: at(o.at.x, o.at.y) } : {} });
-  const along = o.vertical ? o.height : o.width;
-  const step = along / n, len = step * 0.78;
-  const SLOPE = 14;
-  for (let i = 0; i < n; i++) {
-    const role = i >= n - 2 ? o.colors[2] : i >= n - 5 ? o.colors[1] : o.colors[0];
-    const pos = o.vertical ? at(0, o.height - (i + 1) * step) : at(i * step, 0);
-    const seg = k.rect(box, o.vertical ? o.width : len, o.vertical ? len : o.height, role, { radius: 3, name: "Segment", absolute: pos });
-    const th = (i + 0.5) / n;
-    k.patch(seg, { opacity: th < 0.7 ? 1 : 0.15 });
-    k.behave(seg, "opacity", [
-      audio({ signal: "level", gain: 1, mode: "set", from: 0.15 - SLOPE * th, to: 0.15 + SLOPE * (1 - th), attack: 8, release: 300 }),
-      { kind: "clamp", min: 0.15, max: 1 }
-    ]);
-  }
-  return box;
-}
-function beatFlash(k, id, peak = 0.7, release = 200) {
-  k.patch(id, { opacity: 0 });
-  k.behave(id, "opacity", [audio({ signal: "beat", gain: 1, mode: "set", from: 0, to: peak, release })]);
-}
-function bassKick(k, id, amount = 0.12, release = 120) {
-  for (const axis of ["scaleX", "scaleY"]) k.behave(id, axis, [audio({ signal: "bass", gain: 1, mode: "multiply", from: 1, to: 1 + amount, attack: 5, release })]);
-}
-function visualizer(k, parent, preset, colors, o = {}) {
-  const p = shaderPreset(preset);
-  if (!p) throw new Error(`no visualizer "${preset}"`);
-  const f = k.node(parent);
-  const role = (r) => r ? k.color(r) : void 0;
-  const params = { ...graphColors(p, { bg: role(colors.bg), a: role(colors.a), b: role(colors.b), c: role(colors.c) }), ...o.knobs };
-  const fill = graphPaint({ id: "f1", type: "SHADER", visible: true, opacity: 1, shaderParams: params }, p.graph, p.name);
-  const fields = reflectShader(fill.shaderCode).params;
-  for (const key of Object.keys(o.knobs ?? {})) if (!fields.some((q) => q.name === key)) throw new Error(`visualizer ${preset}: no knob "${key}" (it has ${fields.map((q) => q.name).join(", ")})`);
-  for (const q of fields) if (q.audio) fill.shaderParams[q.name] = o.rest ?? 0.45;
-  const b = o.box ?? { x: 0, y: 0, width: f.width, height: f.height };
-  const opts = { name: o.name ?? "Visualizer", absolute: at(b.x, b.y) };
-  const id = o.ellipse ? k.ellipse(parent, b.width, [fill], opts) : k.rect(parent, b.width, b.height, [fill], opts);
-  k.apply(id, bindShaderAudio);
-  return id;
-}
-
-export {
-  restShape,
-  waveform,
-  spectrumBars,
-  circularSpectrum,
-  pulseRing,
-  vuMeter,
-  beatFlash,
-  bassKick,
-  visualizer
-};

package/dist/chunks/chunk-ON4PFGF6.js

@@ -1,163 +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 {
-  ARIAL,
-  COURIER,
-  MAIL_W,
-  callToAction,
-  finishMail,
-  fitted,
-  mailButton,
-  mailFooter,
-  mailHeader,
-  mailRow,
-  mailSheet,
-  section,
-  swell,
-  tag
-} from "./chunk-NHOHED2C.js";
-import {
-  gridPaths
-} from "./chunk-YNOCYFZ4.js";
-import {
-  donutSlice
-} from "./chunk-T3CX2LLT.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  glow
-} from "./chunk-HVK5T4I5.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/email/saas-mail-trial-ending.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 4e3;
-var HEADER_H = 360;
-var DAYS = { total: 14, left: 3, cell: 30, gap: 8, height: 34 };
-var cues = [
-  { layer: ["Day 12", "Day 13", "Day 14"], preset: "pulse", at: 600, params: { duration: 600, amount: 0.14 }, stagger: { delay: 350, order: "selection" } },
-  { layer: "Days figure", preset: "pulse", at: 2400, params: { duration: 800, amount: 0.06 } }
-];
-var BUILT = [["14", "dashboards built"], ["1,284", "queries run"], ["3", "teammates invited"], ["2", "alerts that caught a drop"]];
-var PLANS = [
-  { name: "Starter", price: "$29 a month", lines: "5 seats \xB7 50,000 events a month \xB7 90 days of history" },
-  { name: "Team", price: "$79 a month", lines: "20 seats \xB7 1 million events a month \xB7 unlimited history \xB7 alerts", fits: true }
-];
-var saas_mail_trial_ending_default = defineTemplate({
-  id: "email-saas-mail-trial-ending",
-  meta: {
-    name: "SaaS lifecycle email: trial ending",
-    description: 'A whole 600 px trial-ending email in a dark precision look: "Three days left" beside a ring of the fourteen days, then what the customer built so far as four figures, what happens to it, two plans with the fitting one marked and a gentle offer. The header loops for four seconds (export it as a GIF); the body is table-safe type',
-    category: "email",
-    tags: ["email", "saas", "lifecycle", "trial", "trial ending", "upgrade", "pricing", "plans", "dark", "data", "animated", "gif", "html"],
-    platforms: ["email"],
-    formats: ["email"],
-    useCases: ["pricing", "stats", "countdown"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("SaaS lifecycle email: trial ending", preset("email-body"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#0E1014", text: "#F3F5F8", onPaper: "#BCC3CE", primary: "#F4B23E", onPrimary: "#15110A", tint: "#191D25", onTint: "#F3F5F8" },
-      { company: "Gauge", address: "Torstra\xDFe 109, 10119 Berlin" }
-    );
-    k.palette({ panel: "#090B0E", onPanel: "#F3F5F8", panelSoft: "#B4BCC8", grid: "#1D232C", spent: "#2A313C", cell: "#1B2029", amber: "#F4B23E", onAmber: "#15110A", rule: "#262C36" });
-    k.textStyle("Eyebrow 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.8, lineHeight: 14 });
-    k.textStyle("Left 56", { size: 56, fontWeight: 800, letterSpacing: -2.6, lineHeight: 56 });
-    k.textStyle("Ends 15", { size: 15, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Ring 64", { size: 64, fontWeight: 800, letterSpacing: -3, lineHeight: 64, textAlign: "CENTER" });
-    k.textStyle("Ring label 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.6, lineHeight: 14, textAlign: "CENTER" });
-    k.textStyle("Day 12", { ...MONO, size: 12, fontWeight: 700, lineHeight: 15, textAlign: "CENTER" });
-    k.textStyle("Heading 24", { ...ARIAL, size: 24, fontWeight: 700, lineHeight: 30 });
-    k.textStyle("Body 16", { ...ARIAL, size: 16, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Figure 30", { ...COURIER, size: 30, fontWeight: 700, lineHeight: 34 });
-    k.textStyle("Small 15", { ...ARIAL, size: 15, fontWeight: 400, lineHeight: 23 });
-    k.textStyle("Strong 17", { ...ARIAL, size: 17, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Price 15", { ...COURIER, size: 15, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Label 12", { ...COURIER, size: 12, fontWeight: 700, letterSpacing: 1.2, lineHeight: 14 });
-    k.textStyle("Button 16", { ...ARIAL, size: 16, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Fine 13", { ...ARIAL, size: 13, fontWeight: 400, lineHeight: 19 });
-    mailButton(k, "Mail button", { fill: "primary", ink: "onPrimary", style: "Button 16", label: "Choose a plan", width: 240, height: 50 });
-    const sheet = mailSheet(k, { paper: "paper", duration: DURATION });
-    const head = mailHeader(k, sheet, HEADER_H, "panel");
-    k.vector(head, MAIL_W, HEADER_H, gridPaths(MAIL_W, HEADER_H, 30), "grid", { name: "Grid", absolute: { x: 0, y: 0 } });
-    glow(k, head, { x: 462, y: 150, w: 420, role: "amber", alpha: 0.16, name: "Ring glow" });
-    k.text(head, "{{brand.company}} \xB7 TRIAL \xB7 DAY 11 OF 14", { style: "Eyebrow 12", color: "amber", width: 330, name: "Eyebrow", absolute: { x: 36, y: 40 } });
-    k.text(head, "Three days left.", { style: "Left 56", color: "onPanel", width: 300, name: "Left", absolute: { x: 34, y: 66 } });
-    k.text(head, "Your trial ends on Monday 5 October at 18:00. Everything you made is still here.", { style: "Ends 15", color: "panelSoft", width: 280, name: "Ends", absolute: { x: 36, y: 192 } });
-    const R = 196;
-    const ring = k.stack(head, { width: R, height: R, align: "CENTER", justify: "CENTER", gap: 2, name: "Ring", absolute: { x: 364, y: 50 } });
-    const spent = DAYS.total - DAYS.left;
-    k.vector(ring, R, R, Array.from({ length: spent }, (_, i) => donutSlice(R, i / DAYS.total, (i + 1) / DAYS.total, 0.8, 5)), "spent", { name: "Days spent", absolute: { x: 0, y: 0 } });
-    const arc = fitted(Array.from({ length: DAYS.left }, (_, i) => donutSlice(R, (spent + i) / DAYS.total, (spent + i + 1) / DAYS.total, 0.8, 5)));
-    const leftArc = k.vector(ring, arc.width, arc.height, arc.paths, "amber", { name: "Days left", absolute: { x: arc.x, y: arc.y } });
-    swell(k, leftArc, "opacity", { amp: 0.25, loopMs: DURATION, cycles: 2 });
-    k.patch(leftArc, { opacity: 0.75 });
-    k.text(ring, "3", { style: "Ring 64", color: "onPanel", name: "Days figure" });
-    k.text(ring, "DAYS LEFT", { style: "Ring label 12", color: "panelSoft", name: "Ring label" });
-    const stripW = DAYS.total * (DAYS.cell + DAYS.gap) - DAYS.gap;
-    const strip = k.stack(head, { direction: "HORIZONTAL", width: stripW, gap: DAYS.gap, name: "Days", absolute: { x: 36, y: 282 } });
-    for (let d = 1; d <= DAYS.total; d++) {
-      const lit = d > spent;
-      const cell = k.stack(strip, { width: DAYS.cell, height: DAYS.height, align: "CENTER", justify: "CENTER", fill: lit ? "amber" : "cell", radius: 4, name: `Day ${d}` });
-      k.text(cell, String(d), { style: "Day 12", color: lit ? "onAmber" : "panelSoft", name: "Day number" });
-    }
-    const intro = section(k, sheet, { name: "Intro", pad: [36, 40, 16, 40], gap: 10 });
-    k.text(intro, "What you built in eleven days", { style: "Heading 24", color: "text", name: "Heading" });
-    k.text(intro, "Hi Dana. Before the trial runs out, here is what your team has put into {{brand.company}} so far.", { style: "Body 16", color: "onPaper", name: "Intro words" });
-    const built = section(k, sheet, { name: "Built", pad: [4, 40, 8, 40], gap: 12 });
-    for (const pair of [BUILT.slice(0, 2), BUILT.slice(2)]) {
-      const row = mailRow(k, built, { name: "Built row", gap: 12 });
-      for (const [figure, label] of pair) {
-        const cell = k.stack(row, { width: 254, fill: "tint", padding: { top: 16, right: 18, bottom: 16, left: 18 }, gap: 2, name: "Built cell" });
-        k.text(cell, figure, { style: "Figure 30", color: "onTint", name: "Built figure" });
-        k.text(cell, label, { style: "Small 15", color: "onTint", name: "Built label" });
-      }
-    }
-    const after = section(k, sheet, { name: "After", pad: [12, 40, 12, 40] });
-    k.text(after, "All of it stays if you pick a plan. If you don\u2019t, the workspace goes read-only for 30 days and is then archived. Nothing is deleted without a second email from us.", { style: "Body 16", color: "onPaper", name: "After words" });
-    const plans = section(k, sheet, { name: "Plans", pad: [8, 40, 8, 40] });
-    for (const p of PLANS) {
-      k.rect(plans, "FILL", 1, "tint", { name: "Plan rule" });
-      const row = mailRow(k, plans, { name: "Plan", gap: 16, padding: { top: 16, right: 0, bottom: 16, left: 0 } });
-      const left = k.stack(row, { width: "FILL", gap: 4, name: "Plan words" });
-      const title = k.stack(left, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Plan title" });
-      k.text(title, p.name, { style: "Strong 17", color: "text", autoWidth: true, name: "Plan name" });
-      if (p.fits) tag(k, title, "FITS YOUR USAGE", { fill: "primary", ink: "onPrimary", style: "Label 12", name: "Fits" });
-      k.text(left, p.lines, { style: "Small 15", color: "onPaper", name: "Plan lines" });
-      const right = k.stack(row, { width: 124, align: "MAX", name: "Plan price" });
-      k.text(right, p.price, { style: "Price 15", color: "text", align: "RIGHT", name: "Price" });
-    }
-    k.rect(plans, "FILL", 1, "tint", { name: "Plan rule" });
-    const offer = section(k, sheet, { name: "Offer", pad: [16, 40, 4, 40] });
-    const box = k.stack(offer, { fill: "tint", padding: { top: 18, right: 20, bottom: 18, left: 20 }, gap: 4, name: "Offer box" });
-    k.text(box, "A SMALL THANK-YOU", { style: "Label 12", color: "onTint", name: "Offer label" });
-    k.text(box, "Pick either plan by Monday and your first three months are 20% off. The button below applies it; there is no code to remember.", { style: "Small 15", color: "onTint", name: "Offer words" });
-    callToAction(k, sheet, { button: "Mail button", label: "Choose a plan", pad: [26, 40, 30, 40], note: "Not ready? Reply and tell us what is missing. A person reads every answer.", noteStyle: "Small 15", noteInk: "onPaper" });
-    mailFooter(k, sheet, { style: "Fine 13", ink: "onPaper", rule: "tint", pad: [8, 40, 32, 40], why: "You are getting this because your {{brand.company}} trial for the workspace \u201CNorthlight\u201D ends soon." });
-    k.cues(sheet, cues);
-    return finishMail(k, sheet);
-  }
-});
-
-export {
-  saas_mail_trial_ending_default
-};

package/dist/chunks/chunk-ON4TK76F.js

@@ -1,175 +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 {
-  KITTY,
-  blink,
-  chip,
-  coin,
-  fillJar,
-  fitSoftGround,
-  hop,
-  jar,
-  lockup,
-  mochi,
-  pastelBrand,
-  pastelButton,
-  pillow,
-  pillowCard,
-  popUp,
-  puffy,
-  softGround,
-  springIn,
-  ts,
-  well
-} from "./chunk-I7FRR6IU.js";
-import {
-  hide,
-  put,
-  restyle
-} from "./chunk-QLV6445V.js";
-import {
-  postVariants
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/social/style-pastel-announcement.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Pastel SaaS announcement post";
-var DURATION = 8e3;
-var ON = 1500;
-var FLY = 2100;
-var LAND = 2800;
-var OUT = 6500;
-var CONTENT = ["Brand row", "New chip", "Hook", "Round card", "Jar side", "Foot"];
-var cues = [
-  { layer: "Brand row", preset: "fade-in", at: 100, params: { duration: 400 } },
-  springIn("New chip", 300),
-  { layer: "Hook", preset: "words-in", at: 250, params: { duration: 520, amount: 70 } },
-  springIn("Round card", 800, { from: 0.5 }),
-  springIn("Jar side", 1e3, { from: 0.5 }),
-  { layer: "Switch on", preset: "fade-in", at: ON, params: { duration: 200 } },
-  springIn("Spare chip", LAND + 300),
-  { layer: "Foot", preset: "rise-in", at: 1300, params: { duration: 500 } },
-  { layer: "Button", preset: "pulse", at: 4400, params: { duration: 800, amount: 0.05 } },
-  { layer: [...CONTENT].reverse(), preset: "pop-out", at: OUT, params: { duration: 360 }, stagger: { delay: 90, order: "selection" } }
-];
-var counts = [
-  { layer: "Jar figure", at: LAND, duration: 1100, ease: ease.out("cubic"), counter: { from: 1839.4, to: KITTY.jar.saved, decimals: 2, prefix: "$" } }
-];
-var style_pastel_announcement_default = defineTemplate({
-  id: "motion-saas-style-pastel-announcement",
-  meta: {
-    name: NAME,
-    description: "An animated feature announcement in the pastel soft UI look: the headline springs in word by word, a purchase card bounces on and its round-up switch slides on, a coin arcs into a glass jar that sloshes up on a spring as its figure counts, and a round cat mascot hops; then it all pops away to the bare ground so it loops. Eight seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "pastel", "soft ui", "playful", "mascot", "announcement", "feature", "release", "changelog", "fintech", "consumer app", "counter", "post", "loop"],
-    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["announcement", "changelog", "launch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-post"));
-    k.quantizeGeometry = true;
-    pastelBrand(k, { hook: "Spare change, now saved." });
-    pastelButton(k, "Call", { style: ts(k, "title", 28), label: "Turn on round-ups", pad: [18, 30], d: 1 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 34, 80, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    softGround(k, sheet, 1080, 1080, { loop: DURATION, seed: 13, sparkles: 6 });
-    for (const n of k.named(sheet, "Blob 1")) k.patch(n, { x: -420, y: -460 });
-    const m = mochi(k, sheet, 230, { absolute: { x: 830, y: 880 } });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top" });
-    lockup(k, top, { size: 34, style: ts(k, "title", 34) });
-    chip(k, top, `New in ${KITTY.version}`, { style: ts(k, "title", 24), fill: "butter", name: "New chip", pad: [12, 24] });
-    k.text(sheet, "{{brand.hook}}", { style: ts(k, "display", 112), color: "text", name: "Hook" });
-    const body = k.stack(sheet, { direction: "HORIZONTAL", gap: 30, align: "CENTER", name: "Body" });
-    const rc = pillowCard(k, body, { width: 560, padding: 32, gap: 20, radius: 44, depth: 1.2, name: "Round card" });
-    const head = k.stack(rc, { direction: "HORIZONTAL", gap: 18, align: "CENTER", name: "Round head" });
-    const cup = k.stack(head, { width: 76, height: 76, radius: 24, fill: "peach", align: "CENTER", justify: "CENTER", effects: puffy(1.2), name: "Cup tile" });
-    k.rect(cup, 30, 34, "milk", { radius: 8, name: "Cup", stroke: { color: "ink", width: 3.5 } });
-    const what = k.stack(head, { gap: 2, name: "Round words" });
-    k.text(what, "Flat white", { style: ts(k, "title", 34), color: "onCard", name: "Round title" });
-    k.text(what, "Card \xB7 rounded to $4.00", { style: ts(k, "body", 22), color: "cardMuted", name: "Round sub" });
-    k.text(head, "$3.40", { style: ts(k, "figure", 38), color: "onCard", autoWidth: true, name: "Round amount" });
-    const sw = k.stack(rc, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", fill: "paper", radius: 26, padding: { top: 14, right: 16, bottom: 14, left: 22 }, effects: well(0.6), name: "Switch row" });
-    k.text(sw, "Round up into Lisbon", { style: ts(k, "soft", 24), color: "text", autoWidth: true, name: "Switch label" });
-    const tr = k.stack(sw, { direction: "HORIZONTAL", width: 84, height: 48, radius: 999, fill: "track", effects: well(1), name: "Switch" });
-    k.rect(tr, 84, 48, "leaf", { radius: 999, name: "Switch on", absolute: { x: 0, y: 0 } });
-    const knob = k.ellipse(tr, 38, "milk", { name: "Switch knob", absolute: { x: 41, y: 5 }, effects: pillow(0.4) });
-    chip(k, rc, `+$${KITTY.roundUp.toFixed(2)} saved to Lisbon in May`, { style: ts(k, "soft", 22), fill: "mint", name: "Spare chip", pad: [10, 20] });
-    const side = k.stack(body, { width: 330, gap: 12, align: "CENTER", name: "Jar side" });
-    const holder = k.stack(side, { width: 190, height: 250, name: "Jar holder" });
-    const j = jar(k, holder, { w: 190, h: 250, level: 0.62, absolute: { x: 0, y: 0 }, loop: DURATION });
-    const tag = pillowCard(k, side, { width: "HUG", gap: 2, padding: { top: 14, right: 24, bottom: 16, left: 24 }, radius: 30, align: "CENTER", depth: 0.7, name: "Jar tag" });
-    k.text(tag, "$1,840.00", { style: ts(k, "figure", 40), color: "onCard", width: 210, align: "CENTER", name: "Jar figure" });
-    k.text(tag, KITTY.jar.what, { style: ts(k, "soft", 22), color: "cardMuted", autoWidth: true, name: "Jar name" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 20, align: "CENTER", name: "Foot" });
-    k.instance(foot, "Call", { Label: "Turn on round-ups" }, { name: "Button" });
-    const site = k.stack(foot, { direction: "HORIZONTAL", width: "HUG", fill: "card", radius: 999, padding: { top: 14, right: 22, bottom: 14, left: 22 }, name: "Site pill" });
-    k.text(site, "{{brand.site}}", { style: ts(k, "soft", 24), color: "onCard", autoWidth: true, name: "Site" });
-    const flyer = coin(k, sheet, 70, { name: "Spare coin", absolute: { x: 905, y: 460 } });
-    k.patch(flyer, { opacity: 0 });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    k.animate(knob, "translateX", [{ t: ON, v: -36, ease: ease.back(2.2) }, { t: ON + 420, v: 0 }]);
-    k.animate(flyer, "opacity", [{ t: FLY - 1, v: 0, ease: ease.hold }, { t: FLY, v: 1, ease: ease.hold }, { t: LAND - 80, v: 1, ease: ease.linear }, { t: LAND, v: 0 }]);
-    k.animate(flyer, "translateX", [{ t: FLY, v: -350, ease: ease.inOut("sine") }, { t: LAND, v: 0 }]);
-    k.animate(flyer, "translateY", [{ t: FLY, v: -40, ease: ease.out("quad") }, { t: FLY + 350, v: -230, ease: ease.named("quad", "in") }, { t: LAND, v: 0 }]);
-    k.animate(flyer, "rotation", [{ t: FLY, v: 0, ease: ease.linear }, { t: LAND, v: 300 }]);
-    fillJar(k, j, LAND, 1200, 0.5, 0.62);
-    popUp(k, m, 600, 260);
-    blink(k, m, [1700, 4200, 5600]);
-    hop(k, m, [LAND + 50], 70);
-    k.animate(m.root, "translateY", [{ t: OUT + 400, v: 0, ease: ease.named("back", "in") }, { t: OUT + 900, v: 260 }]);
-    k.variants(sheet, postVariants({ portrait: 80, vertical: 96 }, {
-      portrait: (kit, id) => {
-        fitSoftGround(kit, id, { loop: DURATION, seed: 13, sparkles: 6 });
-        for (const n of kit.named(id, "Blob 1")) kit.patch(n, { x: -420, y: -460 });
-        restyle(kit, id, "Hook", ts(kit, "display", 120));
-        put(kit, id, "Mochi", 830, 1150);
-        put(kit, id, "Spare coin", 905, 640);
-      },
-      vertical: (kit, id) => {
-        fitSoftGround(kit, id, { loop: DURATION, seed: 13, sparkles: 6 });
-        for (const n of kit.named(id, "Blob 1")) kit.patch(n, { x: -460, y: -300 });
-        kit.patch(id, { primaryAxisAlignItems: "MIN", itemSpacing: 28, counterAxisSpacing: 28 });
-        for (const n of kit.named(id, "Jar holder")) {
-          kit.patch(n, { width: 238, height: 313 });
-          for (const j2 of kit.named(n, "Jar")) kit.patch(j2, { scaleX: 1.25, scaleY: 1.25, anchorX: 0, anchorY: 0 });
-        }
-        restyle(kit, id, "Hook", ts(kit, "display", 104));
-        for (const n of kit.named(id, "Body")) kit.patch(n, { layoutMode: "VERTICAL", itemSpacing: 30, counterAxisAlignItems: "CENTER" });
-        for (const n of kit.named(id, "Round card")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        put(kit, id, "Mochi", 425, 1680);
-        for (const n of kit.named(id, "Mochi")) kit.patch(n, { scaleX: 1.7, scaleY: 1.7 });
-        hide(kit, id, ["Spare coin"]);
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  style_pastel_announcement_default
-};

package/dist/chunks/chunk-ONY2SIHS.js

@@ -1,33 +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 {
-  halloween_landing_default
-} from "./chunk-IC7274GH.js";
-import {
-  halloween_link_preview_default
-} from "./chunk-RKYD57E6.js";
-import {
-  halloween_offer_post_default
-} from "./chunk-QPUYNCBZ.js";
-import {
-  halloween_graveyard_reel_default
-} from "./chunk-QE7FYJQY.js";
-import {
-  halloween_header_default
-} from "./chunk-UI26XUIK.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/themes/halloween.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [halloween_graveyard_reel_default, halloween_landing_default, halloween_offer_post_default, halloween_header_default, halloween_link_preview_default];
-var halloween_default = pack;
-
-export {
-  halloween_default
-};