@popcraft/kit 0.31.0 → 0.32.1

package/dist/chunks/chunk-KOVMGESL.js

@@ -1,436 +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 {
-  box,
-  pt
-} from "./chunk-6RCDZU4R.js";
-import {
-  ease
-} from "./chunk-YYQUCS6P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/saas/style-bento-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var TESSERA = {
-  name: "Tessera",
-  site: "tessera.example",
-  version: "2.0",
-  feature: "Autoplan",
-  pitch: "The AI workspace that turns your meetings, docs and inbox into a planned week.",
-  /** Hours a week each person gets back, on average across teams on Pro. */
-  saved: 6.5,
-  followUps: 9,
-  focus: 4,
-  teams: "41,000",
-  meetings: 1e6,
-  prompt: "Plan my week around Thursday's launch.",
-  reply: "Done. I booked 4 focus blocks, moved your 1:1 with Dana to Friday and drafted 9 follow-ups from Monday's calls.",
-  /** A seat a month; a year is billed at the second figure a month. */
-  pro: 15,
-  proYear: 12,
-  business: 30,
-  businessYear: 24,
-  trial: "Pro free for 14 days. No card."
-};
-var BRAND = {
-  paper: "#ECEAE4",
-  text: "#161714",
-  onPaper: "#55574F",
-  primary: "#C9F24B",
-  onPrimary: "#161714",
-  card: "#FFFFFF",
-  onCard: "#161714",
-  mint: "#D5E8DA",
-  onMint: "#14271B",
-  sand: "#F1E4CB",
-  onSand: "#2E2310",
-  sky: "#D7E3F2",
-  onSky: "#13233A",
-  rose: "#F2DCD4",
-  onRose: "#3B1B12",
-  night: "#1B1D19",
-  onNight: "#F3F2EC"
-};
-var SCENERY = { muted: "#5A5C55", nightMuted: "#A9AC9F", skin: "#E2B595", skinDeep: "#9C6447", hair: "#2A211C", line: "#161714" };
-function bentoBrand(k, fields = {}) {
-  k.brand({ ...BRAND }, { name: TESSERA.name, site: TESSERA.site, ...fields });
-  k.palette({ ...SCENERY });
-}
-var SURFACE = {
-  card: { ink: "onCard", quiet: "muted" },
-  mint: { ink: "onMint", quiet: "muted" },
-  sand: { ink: "onSand", quiet: "muted" },
-  sky: { ink: "onSky", quiet: "muted" },
-  rose: { ink: "onRose", quiet: "muted" },
-  night: { ink: "onNight", quiet: "nightMuted" },
-  primary: { ink: "onPrimary", quiet: "onPrimary" }
-};
-function grot(k, name, size, o = {}) {
-  k.textStyle(name, { size, fontWeight: o.weight ?? 500, lineHeight: Math.round(size * (o.lead ?? 1.3)), letterSpacing: Math.round(size * (o.spacing ?? 0) * 100) / 100 });
-  return name;
-}
-function cellBox(g, cell) {
-  const cw = (g.w - g.gap * (g.cols - 1)) / g.cols, rh = (g.h - g.gap * (g.rows - 1)) / g.rows;
-  const x = Math.round(g.x + cell.c * (cw + g.gap)), y = Math.round(g.y + cell.r * (rh + g.gap));
-  return { x, y, w: Math.round(g.x + (cell.c + cell.cw) * (cw + g.gap) - g.gap) - x, h: Math.round(g.y + (cell.r + cell.rh) * (rh + g.gap) - g.gap) - y };
-}
-var radiusFor = (gap) => Math.round(gap * 1.6);
-function tile(k, parent, g, cell, o) {
-  const b = cellBox(g, cell);
-  return k.stack(parent, {
-    direction: o.direction ?? "VERTICAL",
-    width: b.w,
-    height: b.h,
-    fill: o.surface,
-    radius: o.radius ?? radiusFor(g.gap),
-    clip: true,
-    padding: o.pad ?? 28,
-    gap: o.gap ?? 14,
-    justify: o.justify ?? "SPACE_BETWEEN",
-    align: o.align ?? "MIN",
-    name: o.name,
-    absolute: { x: b.x, y: b.y }
-  });
-}
-function placeTiles(k, root, g, cells, o = {}) {
-  for (const [name, cell] of Object.entries(cells)) for (const id of k.named(root, name)) {
-    if (!cell) {
-      k.patch(id, { visible: false });
-      continue;
-    }
-    const b = cellBox(g, cell);
-    k.patch(id, { x: b.x, y: b.y, width: b.w, height: b.h, layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED", cornerRadius: o.radius ?? radiusFor(g.gap), ...o.pad !== void 0 ? { padding: { top: o.pad, right: o.pad, bottom: o.pad, left: o.pad } } : {} });
-  }
-}
-function tileLabel(k, parent, label, o) {
-  const row = k.stack(parent, { direction: "HORIZONTAL", gap: 10, align: "CENTER", justify: "SPACE_BETWEEN", name: o.name ?? "Tile label" });
-  const left = k.stack(row, { direction: "HORIZONTAL", width: "HUG", gap: Math.round(o.size * 0.5), align: "CENTER", name: "Label left" });
-  const sz = Math.round(o.size * 0.5);
-  k.rect(left, sz, sz, o.mark ?? (o.surface === "primary" ? "onPrimary" : o.surface === "night" ? "primary" : "night"), { radius: Math.round(sz / 3), name: "Label mark" });
-  k.text(left, label, { style: o.style, color: SURFACE[o.surface].quiet, autoWidth: true, name: "Label words" });
-  if (o.right) k.text(row, o.right, { style: o.style, color: SURFACE[o.surface].quiet, autoWidth: true, name: "Label right" });
-  return row;
-}
-function lockup(k, parent, o) {
-  const row = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", gap: Math.round(o.size * 0.4), align: "CENTER", name: o.name ?? "Lockup" });
-  const t = k.stack(row, { width: "HUG", fill: "primary", radius: Math.round(o.size * 0.32), padding: Math.round(o.size * 0.2), name: "Logo tile" });
-  k.logo(t, o.size, o.size);
-  k.text(row, "{{brand.name}}", { style: o.style, color: o.ink ?? "text", autoWidth: true, name: "Brand name" });
-  return row;
-}
-function chatSlice(k, parent, o) {
-  const thread = k.stack(parent, { gap: 18, name: "Thread" });
-  const askRow = k.stack(thread, { direction: "HORIZONTAL", justify: "MAX", name: "Ask row" });
-  const bubble = k.stack(askRow, { direction: "HORIZONTAL", width: "HUG", fill: "primary", radius: o.bubbleRadius ?? 22, padding: { top: 14, right: 20, bottom: 14, left: 20 }, name: "Ask" });
-  k.text(bubble, o.prompt, { style: o.ask, color: "onPrimary", autoWidth: true, name: "Ask words" });
-  const reply = k.text(thread, o.reply, { style: o.body, color: "onNight", width: "FILL", name: "Reply" });
-  const chips = k.stack(thread, { direction: "HORIZONTAL", gap: 10, wrap: true, name: "Chips" });
-  for (const c of o.chips) {
-    const chip = k.stack(chips, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", fill: k.tint("onNight", 0.12), radius: 999, padding: { top: 8, right: 14, bottom: 8, left: 12 }, name: "Chip" });
-    k.ellipse(chip, 10, "primary", { name: "Chip dot" });
-    k.text(chip, c, { style: o.chip, color: "onNight", autoWidth: true, name: "Chip words" });
-  }
-  return reply;
-}
-var WEEK = [
-  { d: 0, at: 0.5, len: 1, kind: "meet" },
-  { d: 0, at: 2, len: 2.5, kind: "focus" },
-  { d: 0, at: 6, len: 1, kind: "one" },
-  { d: 1, at: 0, len: 2, kind: "focus" },
-  { d: 1, at: 3, len: 1, kind: "meet" },
-  { d: 1, at: 5, len: 1.5, kind: "meet" },
-  { d: 2, at: 1, len: 1, kind: "one" },
-  { d: 2, at: 2.5, len: 3, kind: "focus" },
-  { d: 2, at: 6.5, len: 1, kind: "meet" },
-  { d: 3, at: 0, len: 1.5, kind: "meet" },
-  { d: 3, at: 2, len: 1, kind: "meet" },
-  { d: 3, at: 4, len: 2.5, kind: "focus" },
-  { d: 4, at: 1, len: 1, kind: "one" },
-  { d: 4, at: 3, len: 4, kind: "focus" }
-];
-var HOURS = 8;
-var BLOCK_ROLE = { focus: "primary", meet: "night", one: "sky" };
-function weekBoxes(w, h, gap = 8) {
-  const cw = (w - gap * 4) / 5;
-  return WEEK.map((b) => ({ x: Math.round(b.d * (cw + gap)), y: Math.round(b.at / HOURS * h) + 2, w: Math.round(cw), h: Math.max(8, Math.round(b.len / HOURS * h) - 4), role: BLOCK_ROLE[b.kind] }));
-}
-var hourLines = (w, h) => Array.from({ length: HOURS + 1 }, (_, i) => box(0, Math.round(i / HOURS * h), w, 1));
-function calendarSlice(k, parent, o) {
-  const cal = k.stack(parent, { gap: 12, name: "Calendar" });
-  const days = k.stack(cal, { direction: "HORIZONTAL", gap: 8, name: "Days" });
-  for (const d of o.days ?? ["Mon", "Tue", "Wed", "Thu", "Fri"]) k.text(days, d, { style: o.day, color: o.ink, width: "FILL", name: "Day" });
-  const body = k.stack(cal, { width: o.w, height: o.h, name: "Week" });
-  k.vector(body, o.w, o.h, hourLines(o.w, o.h), k.tint("line", 0.1), { name: "Hours", absolute: { x: 0, y: 0 } });
-  for (const b of weekBoxes(o.w, o.h)) k.rect(body, b.w, b.h, b.role, { radius: o.radius ?? 8, name: "Block", absolute: { x: b.x, y: b.y } });
-  k.rect(body, o.w, 3, "rose", { name: "Now line", absolute: { x: 0, y: 0 }, stroke: { color: "onRose", width: 1 } });
-  return cal;
-}
-function fitCalendar(k, root, w, h) {
-  const boxes = weekBoxes(w, h);
-  for (const wk of k.named(root, "Week")) {
-    k.patch(wk, { width: w, height: h, layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED" });
-    for (const id of k.named(wk, "Hours")) k.patch(id, { x: 0, y: 0, width: w, height: h, paths: hourLines(w, h) });
-    k.named(wk, "Block").forEach((id, i) => {
-      const b = boxes[i];
-      if (b) k.patch(id, { x: b.x, y: b.y, width: b.w, height: b.h });
-    });
-    for (const id of k.named(wk, "Now line")) k.patch(id, { x: 0, y: 0, width: w });
-  }
-}
-function nowDrift(k, root, at, until, reach = 0.7) {
-  for (const wk of k.named(root, "Week")) {
-    const h = k.node(wk).height;
-    for (const id of k.named(wk, "Now line")) k.animate(id, "translateY", [{ t: at, v: Math.round(h * 0.05), ease: ease.linear }, { t: until, v: Math.round(h * reach) }]);
-  }
-}
-function fillWeek(k, root, at, gap = 90, o = {}) {
-  const blocks = k.named(root, "Block").filter((_, i) => !o.kinds || o.kinds.includes(WEEK[i % WEEK.length].kind));
-  blocks.forEach((id, i) => {
-    k.patch(id, { anchorY: 0 });
-    const t = at + i * gap;
-    const keys = [{ t, v: 0, ease: ease.out("expo") }, { t: t + 420, v: 1, ...o.until ? { ease: ease.hold } : {} }];
-    if (o.until) keys.push({ t: o.until + i * 20, v: 1, ease: ease.named("expo", "in") }, { t: o.until + i * 20 + 300, v: 0 });
-    k.animate(id, "scaleY", keys);
-  });
-}
-var FOCUS = [6, 5.5, 6.5, 6, 7.5, 8.5, 9, 10.5, 10, 11.5, 12, 12.5];
-var FOCUS_MAX = 14;
-function chartPaths(w, h, values = FOCUS, max = FOCUS_MAX) {
-  const p = values.map((v, i) => pt(Math.round(i / (values.length - 1) * w * 10) / 10, Math.round((h - v / max * h) * 10) / 10));
-  const pts = p.map((q, i) => {
-    const dx = (p[Math.min(p.length - 1, i + 1)].x - p[Math.max(0, i - 1)].x) / 6;
-    return { ...q, ...i > 0 ? { handleIn: { x: Math.round((q.x - dx) * 10) / 10, y: q.y } } : {}, ...i < p.length - 1 ? { handleOut: { x: Math.round((q.x + dx) * 10) / 10, y: q.y } } : {} };
-  });
-  return { line: { closed: false, points: pts }, area: { closed: true, points: [...pts, pt(w, h), pt(0, h)] }, end: p[p.length - 1] };
-}
-function chartSlice(k, parent, o) {
-  const f = k.stack(parent, { width: o.w, height: o.h, name: o.name ?? "Chart", ...o.absolute ? { absolute: o.absolute } : {} });
-  const c = chartPaths(o.w, o.h, o.values, o.max);
-  k.vector(f, o.w, o.h, [c.area], k.tint(o.ink, 0.1), { name: "Chart area", absolute: { x: 0, y: 0 } });
-  k.vector(f, o.w, o.h, [c.line], [], { name: "Chart line", absolute: { x: 0, y: 0 }, stroke: { color: o.ink, width: o.weight ?? 5, cap: "ROUND", join: "ROUND" } });
-  const d = Math.round((o.weight ?? 5) * 4);
-  k.ellipse(f, d, o.dot ?? "primary", { name: "Chart dot", absolute: { x: Math.round(c.end.x - d / 2), y: Math.round(c.end.y - d / 2) }, stroke: { color: o.ink, width: Math.max(2, Math.round((o.weight ?? 5) * 0.6)) } });
-  return f;
-}
-function fitChart(k, root, w, h, name = "Chart", values, max) {
-  const c = chartPaths(w, h, values, max);
-  for (const f of k.named(root, name)) {
-    k.patch(f, { width: w, height: h, layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED" });
-    for (const id of k.named(f, "Chart area")) k.patch(id, { x: 0, y: 0, width: w, height: h, paths: [c.area] });
-    for (const id of k.named(f, "Chart line")) k.patch(id, { x: 0, y: 0, width: w, height: h, paths: [c.line] });
-    for (const id of k.named(f, "Chart dot")) {
-      const n = k.node(id);
-      k.patch(id, { x: Math.round(c.end.x - n.width / 2), y: Math.round(c.end.y - n.height / 2) });
-    }
-  }
-}
-function drawChart(k, root, at, duration, name = "Chart") {
-  for (const f of k.named(root, name)) {
-    for (const id of k.named(f, "Chart line")) k.animate(id, "trim.end", [{ t: at, v: 0, ease: ease.out("cubic") }, { t: at + duration, v: 1 }]);
-    for (const id of k.named(f, "Chart area")) k.animate(id, "opacity", [{ t: at + duration * 0.3, v: 0, ease: ease.out("cubic") }, { t: at + duration, v: 1 }]);
-    for (const id of k.named(f, "Chart dot")) {
-      k.patch(id, { anchorX: 0.5, anchorY: 0.5 });
-      for (const p of ["scaleX", "scaleY"]) k.animate(id, p, [{ t: at + duration - 100, v: 0, ease: ease.out("expo") }, { t: at + duration + 300, v: 1 }]);
-    }
-  }
-}
-function switchSlice(k, parent, o) {
-  const h = Math.round(o.w * 0.56), d = h - 12;
-  const sw = k.stack(parent, { width: o.w, height: h, name: o.name ?? "Switch" });
-  k.rect(sw, o.w, h, k.tint(o.ink, 0.18), { radius: h, name: "Track off", absolute: { x: 0, y: 0 } });
-  k.rect(sw, o.w, h, "primary", { radius: h, name: "Track on", absolute: { x: 0, y: 0 }, opacity: 1 });
-  k.ellipse(sw, d, "card", { name: "Knob", absolute: { x: o.w - d - 6, y: 6 } });
-  return sw;
-}
-function fitSwitch(k, root, w) {
-  const h = Math.round(w * 0.56), d = h - 12;
-  for (const sw of k.named(root, "Switch")) {
-    k.patch(sw, { width: w, height: h, layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED" });
-    for (const id of [...k.named(sw, "Track off"), ...k.named(sw, "Track on")]) k.patch(id, { x: 0, y: 0, width: w, height: h, cornerRadius: h });
-    for (const id of k.named(sw, "Knob")) k.patch(id, { x: w - d - 6, y: 6, width: d, height: d });
-  }
-}
-function flip(k, root, times, duration = 420) {
-  for (const sw of k.named(root, "Switch")) {
-    const n = k.node(sw), travel = n.width - n.height;
-    const keys = (off, on) => times.flatMap((t, i) => {
-      const from = i % 2 ? on : off, to = i % 2 ? off : on, last = i === times.length - 1;
-      return [{ t, v: from, ease: ease.inOut("cubic") }, { t: t + duration, v: to, ...last ? {} : { ease: ease.hold } }];
-    });
-    for (const id of k.named(sw, "Knob")) k.animate(id, "translateX", keys(-travel, 0));
-    for (const id of k.named(sw, "Track on")) k.animate(id, "opacity", keys(0, 1));
-  }
-}
-function face(k, parent, d, o) {
-  const f = k.stack(parent, { width: d, height: d, radius: d, clip: true, fill: o.ground, stroke: { color: o.ring, width: Math.max(3, Math.round(d * 0.05)), align: "INSIDE" }, name: o.name ?? "Face", ...o.absolute ? { absolute: o.absolute } : {} });
-  const hd = d * 0.38, cx = d / 2;
-  const sy = d * 0.66;
-  k.vector(f, d, d, [{ closed: true, points: [pt(d * 0.12, d), { x: d * 0.16, y: sy + d * 0.12, handleOut: { x: d * 0.2, y: sy } }, { x: cx, y: sy - d * 0.03, handleIn: { x: d * 0.3, y: sy - d * 0.03 }, handleOut: { x: d * 0.7, y: sy - d * 0.03 } }, { x: d * 0.84, y: sy + d * 0.12, handleIn: { x: d * 0.8, y: sy } }, pt(d * 0.88, d)] }], o.top, { name: "Shoulders", absolute: { x: 0, y: 0 } });
-  k.ellipse(f, Math.round(hd), o.skin, { name: "Head", absolute: { x: Math.round(cx - hd / 2), y: Math.round(d * 0.2) } });
-  return f;
-}
-var TEAM = [
-  { ground: "sky", skin: "skin", top: "night" },
-  { ground: "rose", skin: "skinDeep", top: "onSand" },
-  { ground: "mint", skin: "skin", top: "onSky" },
-  { ground: "card", skin: "skinDeep", top: "night" },
-  { ground: "primary", skin: "skin", top: "onRose" }
-];
-function avatarSlice(k, parent, o) {
-  const n = o.n ?? 5, step = Math.round(o.d * (1 - (o.overlap ?? 0.3)));
-  const row = k.stack(parent, { width: step * (n - 1) + o.d, height: o.d, name: o.name ?? "Team" });
-  for (let i = 0; i < n; i++) face(k, row, o.d, { ...TEAM[i % TEAM.length], ring: o.ring, absolute: { x: i * step, y: 0 } });
-  return row;
-}
-function fitAvatars(k, root, d, overlap = 0.38) {
-  const step = Math.round(d * (1 - overlap));
-  for (const row of k.named(root, "Team")) {
-    const faces = k.named(row, "Face");
-    k.patch(row, { width: step * (faces.length - 1) + d, height: d, layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED" });
-    faces.forEach((f, i) => {
-      const was = k.node(f).width, s = d / was;
-      k.patch(f, { x: i * step, y: 0, width: d, height: d, cornerRadius: d });
-      for (const c of k.node(f).childIds) {
-        const n = k.node(c);
-        k.patch(c, { x: Math.round(n.x * s), y: Math.round(n.y * s), width: Math.round(n.width * s), height: Math.round(n.height * s), ...n.type === "VECTOR" ? { paths: scalePaths(n.paths, s) } : {} });
-      }
-    });
-  }
-}
-var scalePaths = (paths, s) => paths.map((p) => ({ ...p, points: p.points.map((q) => ({ ...q, x: q.x * s, y: q.y * s, ...q.handleIn ? { handleIn: { x: q.handleIn.x * s, y: q.handleIn.y * s } } : {}, ...q.handleOut ? { handleOut: { x: q.handleOut.x * s, y: q.handleOut.y * s } } : {} })) }));
-var assemble = (names, at, gap = 80, duration = 700) => ({ layer: names, preset: "pop-in", at, stagger: { delay: gap, order: "selection" }, params: { duration, amount: 0.9, ease: ease.out("expo") } });
-var disassemble = (names, at, gap = 50, duration = 420) => ({ layer: [...names].reverse(), preset: "pop-out", at, stagger: { delay: gap, order: "selection" }, params: { duration, amount: 0.92, ease: ease.named("cubic", "in") } });
-var typeOut = (layer, at, duration) => ({ layer, preset: "typewriter", at, params: { duration } });
-function breathe(k, root, name, loop, o = {}) {
-  const a = o.amount ?? 0.04, n = o.cycles ?? 2, from = o.from ?? 0, span = (loop - from) / n;
-  for (const id of k.named(root, name)) {
-    k.patch(id, { anchorX: 0.5, anchorY: 0.5 });
-    const keys = Array.from({ length: n * 2 + 1 }, (_, i) => ({ t: Math.round(from + i * span / 2), v: i % 2 ? 1 + a : 1, ...i < n * 2 ? { ease: ease.inOut("sine") } : {} }));
-    for (const p of ["scaleX", "scaleY"]) k.animate(id, p, keys);
-  }
-}
-function caret(k, id, at, until, period = 1e3) {
-  const keys = [];
-  for (let t = at; t < until; t += period) keys.push({ t, v: 1, ease: ease.hold }, { t: t + period / 2, v: 0, ease: ease.hold });
-  keys.push({ t: until, v: 1 });
-  k.animate(id, "opacity", keys);
-}
-var G = (size, fontWeight, lead, spacing = 0) => ({ size, fontWeight, lineHeight: Math.round(size * lead), letterSpacing: Math.round(size * spacing * 100) / 100 });
-var WEB_TYPE = {
-  "Nav 15": G(15, 500, 1.4),
-  "Brand 20": G(20, 700, 1.2, -0.02),
-  "Button 16": G(16, 600, 1.3),
-  "Label 14": G(14, 500, 1.35),
-  "Ui 15": G(15, 500, 1.4),
-  "Ui 13": G(13, 600, 1.35),
-  "Small 13": G(13, 400, 1.45),
-  "Display 64": G(64, 700, 1.02, -0.04),
-  "Display 52": G(52, 700, 1.04, -0.035),
-  "Display 40": G(40, 700, 1.06, -0.03),
-  "Section 44": G(44, 700, 1.08, -0.035),
-  "Section 34": G(34, 700, 1.1, -0.03),
-  "Section 28": G(28, 700, 1.15, -0.025),
-  "Title 24": G(24, 700, 1.2, -0.02),
-  "Title 20": G(20, 700, 1.25, -0.015),
-  "Lead 20": G(20, 400, 1.45),
-  "Lead 17": G(17, 400, 1.45),
-  "Body 16": G(16, 400, 1.5),
-  "Body 15": G(15, 400, 1.5),
-  "Reply 20": G(20, 500, 1.4, -0.01),
-  "Reply 17": G(17, 500, 1.4),
-  "Figure 80": G(80, 700, 0.95, -0.05),
-  "Figure 56": G(56, 700, 1, -0.045),
-  "Figure 44": G(44, 700, 1, -0.04),
-  "Quote 32": G(32, 600, 1.22, -0.02),
-  "Quote 24": G(24, 600, 1.28, -0.015),
-  "Price 56": G(56, 700, 1, -0.04),
-  "Price 44": G(44, 700, 1, -0.04)
-};
-var WEB_STEPS = {
-  "Display 64": { laptop: "Display 52", tablet: "Display 52", mobile: "Display 40" },
-  "Section 44": { tablet: "Section 34", mobile: "Section 28" },
-  "Section 34": { mobile: "Section 28" },
-  "Lead 20": { mobile: "Lead 17" },
-  "Reply 20": { mobile: "Reply 17" },
-  "Figure 80": { mobile: "Figure 56" },
-  "Figure 56": { mobile: "Figure 44" },
-  "Quote 32": { mobile: "Quote 24" },
-  "Price 56": { mobile: "Price 44" }
-};
-function logoBand(k, parent, o) {
-  const period = o.names.length * o.item;
-  const strip = k.stack(parent, { direction: "HORIZONTAL", height: o.height, clip: true, name: o.name ?? "Logo band" });
-  o.names.forEach((label, i) => {
-    const c = k.stack(strip, { direction: "HORIZONTAL", width: o.item - 16, height: o.height, align: "CENTER", justify: "CENTER", gap: 10, fill: "card", radius: Math.round(o.height / 3), absolute: { x: 0, y: 0 }, name: "Customer" });
-    k.rect(c, 14, 14, ["night", "primary", "sky", "rose", "mint", "sand"][i % 6], { radius: 4, name: "Customer mark" });
-    k.text(c, label, { style: o.style, color: "onCard", autoWidth: true, name: "Customer name" });
-    const x0 = i * o.item, tWrap = Math.round((x0 + o.item) / period * o.duration);
-    k.patch(c, { translateX: x0 });
-    k.animate(c, "translateX", tWrap >= o.duration ? [{ t: 0, v: x0, ease: ease.linear }, { t: o.duration, v: x0 - period }] : [{ t: 0, v: x0, ease: ease.linear }, { t: tWrap - 1, v: -o.item + 1, ease: ease.hold }, { t: tWrap, v: period - o.item, ease: ease.linear }, { t: o.duration, v: x0 }]);
-  });
-  return strip;
-}
-function bentoRow(k, parent, o) {
-  return k.stack(parent, { direction: "HORIZONTAL", gap: o.gap ?? 20, height: o.height, name: o.name });
-}
-function webTile(k, parent, o) {
-  const id = k.stack(parent, { width: o.width ?? "FILL", fill: o.surface, radius: 28, clip: true, padding: o.pad ?? 32, gap: o.gap ?? 14, justify: o.justify ?? "SPACE_BETWEEN", name: o.name });
-  k.patch(id, { layoutSizingVertical: "FILL" });
-  return id;
-}
-function placePost(k, root, g, cells, o) {
-  placeTiles(k, root, g, cells, { pad: o.pad });
-  if (!o.rail) return;
-  for (const [name, cell] of Object.entries(cells)) {
-    if (!cell) continue;
-    const b = cellBox(g, cell), over = b.x + b.w - o.pad - o.rail;
-    if (over > 0) for (const id of k.named(root, name)) k.patch(id, { padding: { top: o.pad, right: o.pad + over, bottom: o.pad, left: o.pad } });
-  }
-}
-
-export {
-  TESSERA,
-  bentoBrand,
-  SURFACE,
-  grot,
-  cellBox,
-  radiusFor,
-  tile,
-  placeTiles,
-  tileLabel,
-  lockup,
-  chatSlice,
-  WEEK,
-  weekBoxes,
-  calendarSlice,
-  fitCalendar,
-  nowDrift,
-  fillWeek,
-  FOCUS,
-  chartPaths,
-  chartSlice,
-  fitChart,
-  drawChart,
-  switchSlice,
-  fitSwitch,
-  flip,
-  avatarSlice,
-  fitAvatars,
-  assemble,
-  disassemble,
-  typeOut,
-  breathe,
-  caret,
-  WEB_TYPE,
-  WEB_STEPS,
-  logoBand,
-  bentoRow,
-  webTile,
-  placePost
-};

package/dist/chunks/chunk-KP6JVMS5.js

@@ -1,201 +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 {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  score
-} from "./chunk-42LEBOKV.js";
-import {
-  each,
-  pattern,
-  put,
-  redraw,
-  sizeOf
-} from "./chunk-YHBAWSDX.js";
-import {
-  glow,
-  shadow
-} from "./chunk-M6VTXO6F.js";
-import {
-  logoBadge,
-  pill,
-  postVariants
-} from "./chunk-LEKU2ZW3.js";
-import {
-  box,
-  rng
-} from "./chunk-6RCDZU4R.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  ease
-} from "./chunk-YYQUCS6P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/social/saas-kit-countdown-post.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = score("tension");
-var { beat } = S;
-var TILES = [["Days", "3", "DAYS"], ["Hours", "14", "HOURS"], ["Minutes", "27", "MINUTES"], ["Seconds", "48", "SECONDS"]];
-var SECONDS = { from: 48, to: 32 };
-var stars = (w, h) => {
-  const r = rng(2026);
-  const out = [];
-  for (let i = 0; i < Math.round(w * h / 9e3); i++) {
-    const x = r() * w, y = r() * r() * h * 1.1, s = 2 + Math.round(r() * 3);
-    if (y < h - 260) out.push(box(Math.round(x), Math.round(y), s, s));
-  }
-  return out;
-};
-var ring = (d, r, cx = d / 2, cy = d / 2) => {
-  const c = 0.5523 * r;
-  return { closed: true, points: [
-    { x: cx, y: cy - r, handleIn: { x: cx - c, y: cy - r }, handleOut: { x: cx + c, y: cy - r } },
-    { x: cx + r, y: cy, handleIn: { x: cx + r, y: cy - c }, handleOut: { x: cx + r, y: cy + c } },
-    { x: cx, y: cy + r, handleIn: { x: cx + c, y: cy + r }, handleOut: { x: cx - c, y: cy + r } },
-    { x: cx - r, y: cy, handleIn: { x: cx - r, y: cy + c }, handleOut: { x: cx - r, y: cy - c } }
-  ] };
-};
-var SUN = { d: 1500, shows: 132, orbit: 806 };
-var counts = [
-  { layer: "Seconds", at: 0, duration: S.duration, counter: SECONDS, tick: 1e3 },
-  { layer: "List figure", at: beat(8), duration: beat(20), counter: { from: 1268, to: 1284, separator: "," } }
-];
-var cues = [
-  { layer: "Top row", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Lead", preset: "words-in", at: 0, params: { duration: 500, amount: 60 } },
-  { layer: "Tile", preset: "drop-in", at: beat(0.5), params: { duration: 380 }, stagger: { delay: Math.round(beat(0.5)) } },
-  // The figure is on within a second, on a tick of the clock; the groove lands at the second bar and the sun swells.
-  { layer: "Figure", preset: "pop-in", at: beat(2), params: { duration: 420 } },
-  { layer: "Figure", preset: "pulse", at: beat(4), params: { duration: 500, amount: 0.05 } },
-  { layer: "Sun", preset: "pulse", at: beat(4), params: { duration: 900, amount: 0.04 } },
-  { layer: "When", preset: "rise-in", at: beat(6), params: { duration: 450 } },
-  { layer: "List row", preset: "rise-in", at: beat(8), params: { duration: 450 } },
-  { layer: "Call", preset: "pop-in", at: beat(10), params: { duration: 420 } },
-  { layer: "Seconds tile", preset: "pulse", at: beat(12), params: { duration: 500, amount: 0.05 } },
-  { layer: "Figure", preset: "pulse", at: beat(20), params: { duration: 600, amount: 0.05 } },
-  { layer: "Call", preset: "pulse", at: beat(24), params: { duration: 600, amount: 0.06 } },
-  { layer: "Seconds tile", preset: "pulse", at: beat(28), params: { duration: 500, amount: 0.05 } }
-];
-function furnish(k, sheet) {
-  const { w, h } = sizeOf(k, sheet);
-  redraw(k, sheet, "Stars", stars);
-  const cx = w / 2, cy = h - SUN.shows + SUN.d / 2, od = SUN.orbit * 2 + 40;
-  put(k, sheet, "Sun glow", cx - 900, h - SUN.shows - 620);
-  put(k, sheet, "Sun", cx - SUN.d / 2, h - SUN.shows);
-  put(k, sheet, "Sun rim", cx - SUN.d / 2 + 40, h - SUN.shows + 40);
-  for (const name of ["Orbit", "Satellite"]) put(k, sheet, name, cx - od / 2, cy - od / 2);
-  put(k, sheet, "Far star", Math.round(w * 0.88), Math.round(h * 0.2));
-  put(k, sheet, "Near star", Math.round(w * 0.05), Math.round(h * 0.6));
-}
-var saas_kit_countdown_post_default = defineTemplate({
-  id: "motion-saas-kit-countdown-post",
-  meta: {
-    name: "SaaS launch countdown post (animated)",
-    description: "The post for the days before a launch: \u201CLaunching in 3 days.\u201D over four flip-clock tiles whose seconds really tick, a sun coming up over the foot of a starry sky with a satellite going round it, the launch list\u2019s figure counting up, and a call to get notified. With music (\u201CCountdown\u201D, 120 BPM, made by PopCraft, CC0): the clock ticks on the beat and the figure lands with the groove. Sixteen seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "saas launch", "countdown", "launching soon", "coming soon", "timer", "flip clock", "counter", "teaser", "music", "audio", "post", "night"],
-    platforms: ["x", "linkedin", "instagram", "threads", "tiktok"],
-    formats: ["post", "portrait-post", "story", "reel"],
-    useCases: ["countdown", "launch", "announcement", "waitlist"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts },
-  build() {
-    const k = new Kit("SaaS launch countdown post (animated)", preset("ig-post"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#15123B", text: "#F7F4FF", onPaper: "#C2BCEC", accent: "#FF7A4D", onAccent: "#240C00", tint: "#231F5E", onTint: "#F7F4FF" },
-      { name: "Pagecrest", when: "Tuesday 6 October \xB7 9:00 am PT", site: "pagecrest.example/launch" }
-    );
-    k.palette({ tileLow: "#1B184C", seam: "#15123B", tileEdge: "#3A3590", rim: "#FFB08F" });
-    k.textStyle("Brand 34", { size: 34, fontWeight: 800, letterSpacing: -0.8, lineHeight: 40 });
-    k.textStyle("Chip 22", { ...MONO, size: 22, fontWeight: 700, letterSpacing: 1.6, lineHeight: 28, textCase: "UPPER" });
-    k.textStyle("Lead 64", { size: 64, fontWeight: 600, letterSpacing: -2.2, lineHeight: 68 });
-    k.textStyle("Figure 190", { size: 190, fontWeight: 900, letterSpacing: -9, lineHeight: 186 });
-    k.textStyle("Digits 104", { ...MONO, size: 104, fontWeight: 800, letterSpacing: -5, lineHeight: 108, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
-    k.textStyle("Unit 20", { ...MONO, size: 20, fontWeight: 700, letterSpacing: 2.4, lineHeight: 24, textAlign: "CENTER" });
-    k.textStyle("When 32", { size: 32, fontWeight: 600, letterSpacing: -0.6, lineHeight: 40 });
-    k.textStyle("List 26", { size: 26, fontWeight: 500, lineHeight: 34 });
-    k.textStyle("List figure 26", { ...MONO, size: 26, fontWeight: 800, lineHeight: 34, fontFeatures: { tnum: 1 } });
-    k.textStyle("Button 30", { size: 30, fontWeight: 800, letterSpacing: -0.5, lineHeight: 38 });
-    pill(k, "Button", { fill: "accent", ink: "onAccent", style: "Button 30", label: "Get the launch email", pad: [16, 30], radius: 16 });
-    pill(k, "Chip", { fill: "tint", ink: "onTint", style: "Chip 22", label: "T-minus", pad: [9, 16], radius: 8 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 20, { top: 60, right: 64, bottom: 196, left: 64 }, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: S.duration, fps: 30, audio: S.audio });
-    const sky = pattern(k, sheet, "Stars", "text", stars, 0.2);
-    k.behave(sky, "opacity", [{ kind: "sine", amp: 0.07, freq: 0.5 }]);
-    for (const [name, size] of [["Far star", 34], ["Near star", 22]]) {
-      const star = k.star(sheet, size, "accent", { name, absolute: { x: 0, y: 0 } });
-      k.patch(star, { pointCount: 4, innerRadius: 0.3 });
-      k.behave(star, "opacity", [{ kind: "sine", amp: 0.35, freq: name === "Far star" ? 0.5 : 0.25 }]);
-    }
-    glow(k, sheet, { x: 900, y: 620, w: 1800, h: 1240, role: "accent", alpha: 0.3, name: "Sun glow" });
-    const od = SUN.orbit * 2 + 40;
-    k.vector(sheet, od, od, [ring(od, SUN.orbit)], "rim", { name: "Orbit", strokeWidth: 2, stroke: { color: "rim", width: 2, dash: [3, 12] }, opacity: 0.55, absolute: { x: 0, y: 0 } });
-    const sat = k.vector(sheet, od, od, [ring(od, 9, od / 2, od / 2 - SUN.orbit), ring(od, 9, od / 2, od / 2 + SUN.orbit)], "rim", { name: "Satellite", absolute: { x: 0, y: 0 } });
-    k.animate(sat, "rotation", [{ t: 0, v: -34, ease: ease.linear }, { t: S.duration, v: 34 }]);
-    k.ellipse(sheet, SUN.d, "accent", { name: "Sun", absolute: { x: 0, y: 0 }, effects: [shadow(k, "accent", 0.5, -6, 60)] });
-    k.ellipse(sheet, SUN.d - 80, "rim", { name: "Sun rim", opacity: 0.22, absolute: { x: 0, y: 0 } });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top row" });
-    const brand = k.stack(top, { direction: "HORIZONTAL", width: "HUG", gap: 16, align: "CENTER", name: "Brand" });
-    logoBadge(k, brand, { fill: "accent", size: 34, pad: 11, radius: 14 });
-    k.text(brand, "{{brand.name}}", { style: "Brand 34", color: "text", name: "Name", width: 520 });
-    k.instance(top, "Chip", { Label: "T-minus" }, { name: "T-minus" });
-    const said = k.stack(sheet, { gap: 4, name: "Headline" });
-    k.text(said, "Launching in", { style: "Lead 64", color: "onPaper", name: "Lead" });
-    k.text(said, "3 days.", { style: "Figure 190", color: "text", name: "Figure" });
-    const clock = k.stack(sheet, { direction: "HORIZONTAL", gap: 18, name: "Clock" });
-    for (const [name, figure, label] of TILES) {
-      const live = name === "Seconds";
-      const tile = k.stack(clock, { width: "FILL", gap: 10, align: "CENTER", fill: "tint", radius: 22, clip: true, padding: { top: 22, right: 0, bottom: 20, left: 0 }, stroke: { color: live ? "accent" : "tileEdge", width: live ? 3 : 2, align: "INSIDE" }, effects: [shadow(k, "seam", 0.6, 14, 30)], name: live ? "Seconds tile" : "Tile" });
-      k.rect(tile, 400, 96, "tileLow", { name: "Lower leaf", opacity: 0.55, absolute: { x: 0, y: 76 } });
-      k.rect(tile, 400, 3, "seam", { name: "Leaf seam", absolute: { x: 0, y: 75 } });
-      k.text(tile, figure, { style: "Digits 104", color: "onTint", name });
-      k.text(tile, label, { style: "Unit 20", color: "onTint", name: "Unit" });
-    }
-    const foot = k.stack(sheet, { gap: 18, name: "Foot" });
-    k.text(foot, "{{brand.when}}", { style: "When 32", color: "text", name: "When" });
-    const row = k.stack(foot, { direction: "HORIZONTAL", gap: 22, align: "CENTER", name: "Call row" });
-    const call = k.stack(row, { width: "HUG", name: "Call" });
-    k.instance(call, "Button", { Label: "Get the launch email" }, { name: "Call button" });
-    const list = k.stack(row, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", name: "List row" });
-    k.text(list, "1,284", { style: "List figure 26", color: "text", autoWidth: true, name: "List figure" });
-    k.text(list, "on the list", { style: "List 26", color: "onPaper", autoWidth: true, name: "List words" });
-    furnish(k, sheet);
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    k.variants(sheet, postVariants({ portrait: 64 }, {
-      portrait: (kit, id) => {
-        kit.patch(id, { padding: { top: 72, right: 64, bottom: 236, left: 64 } });
-        furnish(kit, id);
-      },
-      vertical: (kit, id) => {
-        each(kit, id, "Call row", (n) => kit.patch(n, { layoutMode: "VERTICAL", counterAxisAlignItems: "MIN", itemSpacing: 18, counterAxisSpacing: 18 }));
-        furnish(kit, id);
-      }
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  saas_kit_countdown_post_default
-};