@popcraft/kit 0.53.7 → 0.53.9

package/dist/chunks/chunk-GM6ZZCTH.js

@@ -1,335 +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 {
-  hz
-} from "./chunk-CLQ3FUJI.js";
-import {
-  circle3,
-  pt3,
-  r3
-} from "./chunk-EJLCQVQK.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/themes/summer-heatwave-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function heatBrand(k, fields = {}) {
-  k.brand(
-    { paper: "#FFEFC4", text: "#0A2A4D", onPaper: "#2B435C", accent: "#F03A1C", primary: "#D62C0A", onPrimary: "#FFFFFF", card: "#FFFBF0", onCard: "#0A2A4D" },
-    { name: "Lifeguard", site: "lifeguard.example", ...fields }
-  );
-  k.palette({
-    water: "#16B4CB",
-    waterDeep: "#0786A6",
-    waterLight: "#9AEDEE",
-    coping: "#FFFBF0",
-    copingShade: "#E3D3A6",
-    wet: "#E2C785",
-    rope: "#F03A1C",
-    foam: "#FFFFFF",
-    sun: "#FFC21A",
-    sunDeep: "#FF8A00",
-    shade: "#0A2A4D",
-    ink: "#0A2A4D",
-    skinA: "#F0B08A",
-    skinB: "#9A6142",
-    capA: "#FFC21A",
-    capB: "#F03A1C",
-    capC: "#FFFFFF",
-    suitA: "#0A2A4D",
-    suitB: "#F03A1C",
-    suitC: "#FF8A00",
-    mint: "#1FC59B",
-    berry: "#FF5C8A",
-    stick: "#EBC78E",
-    stickShade: "#C99B5A"
-  });
-}
-var POOL_LIGHT = `struct Params {
-  phase: f32,  // @range 0 6.283185 @default 0
-  scale: f32,  // @range 1 16 @default 6
-  deep: vec4f, // @default #16b4cb
-  foam: vec4f, // @default #9aedee
-}
-
-fn shade(uv: vec2<f32>, res: vec2<f32>, time: f32) -> vec4<f32> {
-  var q = uv * p.scale;
-  var acc = 0.0;
-  for (var i = 0; i < 5; i = i + 1) {
-    let fi = f32(i);
-    q = q + vec2<f32>(
-      sin(q.y * 1.5 + p.phase + fi),
-      cos(q.x * 1.5 + p.phase + fi)
-    ) * 0.35;
-    acc = acc + 1.0 / (abs(sin(q.x) + sin(q.y)) + 0.4);
-  }
-  acc = acc * 0.12;
-  return vec4<f32>(mix(p.deep.rgb, p.foam.rgb, clamp(acc, 0.0, 1.0)), 1.0);
-}`;
-var near = (perSecond, loopMs) => hz(Math.max(1, Math.round(perSecond * loopMs / 1e3)), loopMs);
-var noon = (u, lift = 1, a = 0.24) => ({ type: "DROP_SHADOW", color: { r: 0.04, g: 0.16, b: 0.3, a }, offset: { x: r3(5 * u * lift), y: r3(9 * u * lift) }, blur: r3(1.5 * u), spread: 0, visible: true });
-var laneW = (s) => s.pool.w / s.pool.lanes;
-var COPING = 26;
-function deckLines(s) {
-  const step = 150 * s.u, out = [];
-  for (let x = step * 0.4; x < s.w; x += step) out.push({ closed: false, points: [pt3(x, 0), pt3(x, s.h)] });
-  for (let y = step * 0.7; y < s.h; y += step) out.push({ closed: false, points: [pt3(0, y), pt3(s.w, y)] });
-  return out;
-}
-function foot(x, y, z, left) {
-  const m = left ? -1 : 1;
-  const sole = Array.from({ length: 12 }, (_, i) => {
-    const a = Math.PI * 2 * i / 12;
-    return pt3(x + z * 0.36 * Math.cos(a), y + z * (Math.sin(a) > 0 ? 0.62 : 0.5) * Math.sin(a));
-  });
-  const toes = [0, 1, 2, 3].map((i) => circle3(x + m * z * (-0.3 + i * 0.2), y - z * (0.72 - Math.abs(i - 0.8) * 0.07), z * (0.13 - i * 0.015), 8));
-  return [sole, ...toes];
-}
-function towel(k, parent, t, u) {
-  const id = k.stack(parent, { width: t.w, height: t.h, name: "Towel", absolute: { x: t.x, y: t.y }, effects: [noon(u, 0.5)] });
-  const [a, b] = t.alt ? ["mint", "foam"] : ["rope", "foam"];
-  k.rect(id, t.w, t.h, a, { name: "Towel cloth", radius: r3(3 * u), absolute: { x: 0, y: 0 } });
-  const n = Math.max(3, Math.round(t.w / (34 * u))), sw = t.w / (n * 2 + 1);
-  for (let i = 0; i < n; i++) k.rect(id, r3(sw * (i % 2 ? 0.45 : 1)), t.h, b, { name: "Towel stripe", absolute: { x: r3(sw * (i * 2 + 1)), y: 0 } });
-  k.rect(id, t.w, r3(10 * u), "sun", { name: "Towel band", absolute: { x: 0, y: r3(16 * u) } });
-  k.rect(id, t.w, r3(10 * u), "sun", { name: "Towel band", absolute: { x: 0, y: r3(t.h - 26 * u) } });
-  return id;
-}
-function lounger(k, parent, l, u) {
-  const w = l.w, h = r3(w * 2.5);
-  const id = k.stack(parent, { width: w, height: h, name: "Lounger", absolute: { x: l.x, y: l.y }, effects: [noon(u, 1.6)] });
-  k.rect(id, w, h, "coping", { name: "Lounger frame", radius: r3(8 * u), absolute: { x: 0, y: 0 } });
-  const inset = r3(6 * u);
-  k.rect(id, r3(w - inset * 2), r3(h - inset * 2), "sun", { name: "Cushion", radius: r3(5 * u), absolute: { x: inset, y: inset } });
-  for (const f of [0.26, 0.5, 0.74]) k.rect(id, r3(3 * u), r3(h - inset * 2), "foam", { name: "Cushion stripe", opacity: 0.8, absolute: { x: r3(w * f), y: inset } });
-  k.rect(id, r3(w - inset * 2), r3(7 * u), "shade", { name: "Fold", opacity: 0.22, absolute: { x: inset, y: r3(h * 0.34) } });
-  k.rect(id, r3(w * 0.62), r3(w * 0.3), "foam", { name: "Pillow", radius: r3(w * 0.12), absolute: { x: r3(w * 0.19), y: r3(inset * 2.2) }, effects: [noon(u, 0.4, 0.18)] });
-  return id;
-}
-function flipflops(k, parent, at, u) {
-  const w = 22 * u, h = 52 * u;
-  const id = k.stack(parent, { width: r3(w * 2.6), height: r3(h * 1.2), name: "Flip-flops", absolute: at });
-  for (const [i, x, y] of [[0, 0, h * 0.16], [1, w * 1.5, 0]]) {
-    k.rect(id, r3(w), r3(h), "rope", { name: "Flip-flop", radius: r3(w / 2), absolute: { x: r3(x), y: r3(y) }, effects: [noon(u, 0.5)] });
-    k.vector(id, r3(w), r3(h * 0.5), [{ closed: false, points: [pt3(w * 0.12, h * 0.42), pt3(w * 0.5, h * 0.08), pt3(w * 0.88, h * 0.42)] }], "foam", { name: i ? "Strap right" : "Strap left", strokeWidth: r3(Math.max(1.5, 3.5 * u)), absolute: { x: r3(x), y: r3(y + h * 0.06) } });
-  }
-  return id;
-}
-function stepsShapes(s) {
-  const st = s.steps, z = 26 * s.u;
-  return Array.from({ length: st.n }, (_, i) => foot(st.x + st.dx * i + (i % 2 ? z * 0.5 : -z * 0.5), st.y + st.dy * i, z, i % 2 === 0));
-}
-function boxed(shapes) {
-  const xs = shapes.flat().map((p) => p.x), ys = shapes.flat().map((p) => p.y);
-  const x0 = Math.min(...xs), y0 = Math.min(...ys);
-  return { x: r3(x0), y: r3(y0), w: r3(Math.max(...xs) - x0), h: r3(Math.max(...ys) - y0), paths: shapes.map((sh) => ({ closed: true, points: sh.map((p) => pt3(p.x - x0, p.y - y0)) })) };
-}
-function deck(k, parent, s) {
-  k.vector(parent, s.w, s.h, deckLines(s), "text", { name: "Deck joints", strokeWidth: r3(Math.max(1, 3 * s.u)), opacity: 0.09, absolute: { x: 0, y: 0 } });
-  if (s.steps) stepsShapes(s).forEach((shapes, i) => {
-    const b = boxed(shapes);
-    k.vector(parent, b.w, b.h, b.paths, "wet", { name: "Footprint", opacity: r3(Math.max(0.18, 1 - i * (0.8 / s.steps.n))), absolute: { x: b.x, y: b.y } });
-  });
-  s.towels.forEach((t) => towel(k, parent, t, s.u));
-  s.loungers.forEach((l) => lounger(k, parent, l, s.u));
-  if (s.flipflops) flipflops(k, parent, s.flipflops, s.u);
-}
-function swimmer(k, pool2, s, sw, i) {
-  const lw = laneW(s), q = lw / 176;
-  const W = r3(124 * q), H = r3(276 * q), cx = W / 2;
-  const span = r3(s.pool.h + H + 60 * s.u);
-  const id = k.stack(pool2, { width: W, height: H, name: "Swimmer", absolute: { x: r3(lw * (sw.lane + 0.5) - W / 2), y: -H - 20 * s.u } });
-  const at = (x, y) => ({ absolute: { x: r3(x * q), y: r3(y * q) } });
-  const v = (n) => r3(n * q);
-  const stroke = s.still ? 0 : near(0.85, s.loopMs);
-  k.rect(id, v(52), v(176), "shade", { name: "Floor shadow", radius: v(26), opacity: 0.17, ...at(cx / q - 26 + 22, 56 + 34) });
-  k.vector(id, W, v(110), [[-1, 0], [1, 0], [-1, 1], [1, 1]].map(([m, inner]) => ({ closed: false, points: [pt3(cx + m * (inner ? 9 : 20) * q, 0), pt3(cx + m * (inner ? 16 : 36) * q, 48 * q), pt3(cx + m * (inner ? 20 : 50) * q, (inner ? 80 : 106) * q)] })), "foam", { name: "Wake", strokeWidth: r3(Math.max(1.5, 4 * q)), opacity: 0.6, ...at(0, 166) });
-  const kick = k.vector(id, v(70), v(50), [[12, 20, 9], [30, 10, 7], [44, 24, 10], [58, 12, 6], [24, 36, 6], [50, 40, 7], [36, 30, 5]].map(([x, y, r]) => ({ closed: true, points: circle3(x * q, y * q, r * q, 8) })), "foam", { name: "Kick", opacity: 0.9, ...at(cx / q - 35, 206) });
-  if (!s.still) for (const axis of ["scaleX", "scaleY"]) k.behave(kick, axis, [{ kind: "sine", amp: 0.22, freq: stroke * 3, phase: i % 5 / 5 }]);
-  for (const x of [-18, 5]) k.rect(id, v(13), v(84), sw.skin, { name: "Leg", radius: v(6.5), ...at(cx / q + x, 136) });
-  for (const [side, x] of [[0, -32], [1, 18]]) {
-    const arm = k.rect(id, v(14), v(64), sw.skin, { name: side ? "Arm right" : "Arm left", radius: v(7), ...at(cx / q + x, 6) });
-    k.patch(arm, { anchorY: 1, ...s.still ? { scaleY: side ? -0.7 : 1 } : { scaleY: 0.2 } });
-    if (!s.still) k.behave(arm, "scaleY", [{ kind: "sine", amp: 0.92, freq: stroke, phase: side * 0.5 + i % 4 / 4 }]);
-  }
-  k.rect(id, v(48), v(88), sw.skin, { name: "Back", radius: v(21), ...at(cx / q - 24, 60) });
-  k.rect(id, v(48), v(46), sw.suit, { name: "Suit", radius: v(17), ...at(cx / q - 24, 104) });
-  k.vector(id, v(48), v(40), [{ closed: false, points: [pt3(8 * q, 38 * q), pt3(24 * q, 4 * q), pt3(40 * q, 38 * q)] }], sw.suit, { name: "Straps", strokeWidth: r3(Math.max(1.5, 5 * q)), ...at(cx / q - 24, 70) });
-  k.vector(id, v(84), v(30), [{ closed: false, points: Array.from({ length: 11 }, (_, n) => {
-    const a = Math.PI * (1.12 + 0.76 * n / 10);
-    return pt3((42 + 40 * Math.cos(a)) * q, (40 + 38 * Math.sin(a)) * q);
-  }) }], "foam", { name: "Bow wave", strokeWidth: r3(Math.max(1.5, 4 * q)), opacity: 0.75, ...at(cx / q - 42, 22) });
-  k.ellipse(id, v(38), sw.cap, { name: "Cap", ...at(cx / q - 19, 32) });
-  k.ellipse(id, v(10), "foam", { name: "Cap shine", opacity: 0.75, ...at(cx / q - 11, 38) });
-  k.patch(id, { translateY: r3(sw.phase * span) });
-  if (!s.still) {
-    k.behave(id, "translateY", [{ kind: "spin", rate: r3(-(sw.laps * span * 1e3) / s.loopMs) }, { kind: "mod", period: span, offset: 0 }]);
-    k.behave(id, "translateX", [{ kind: "sine", amp: r3(4 * q), freq: stroke, phase: i % 3 / 3 }]);
-  }
-  return id;
-}
-function ring(k, pool2, g, i, s) {
-  const d = g.size, R = d / 2, r = R * 0.52;
-  const id = k.stack(pool2, { width: d, height: d, name: "Lifebuoy", absolute: { x: r3(g.x - R), y: r3(g.y - R) } });
-  const sector = (a0, a1, off = 0) => {
-    const n = 8, outer = Array.from({ length: n + 1 }, (_, j) => {
-      const a = a0 + (a1 - a0) * j / n;
-      return pt3(R + off + R * Math.cos(a), R + off + R * Math.sin(a));
-    });
-    const inner = Array.from({ length: n + 1 }, (_, j) => {
-      const a = a1 - (a1 - a0) * j / n;
-      return pt3(R + off + r * Math.cos(a), R + off + r * Math.sin(a));
-    });
-    return { closed: true, points: [...outer, ...inner] };
-  };
-  const q = Math.PI / 4;
-  const lift = d * 0.16;
-  const shadow = k.vector(pool2, d, d, [0, 1, 2, 3, 4, 5, 6, 7].map((j) => sector(j * q, (j + 1) * q + 0.02)), "shade", { name: "Lifebuoy shadow", opacity: 0.16, absolute: { x: r3(g.x - R + lift * 0.6), y: r3(g.y - R + lift) } });
-  k.vector(id, d, d, [0, 2, 4, 6].map((j) => sector(j * q, (j + 1) * q + 0.02)), "foam", { name: "Buoy white", absolute: { x: 0, y: 0 } });
-  k.vector(id, d, d, [1, 3, 5, 7].map((j) => sector(j * q, (j + 1) * q + 0.02)), "rope", { name: "Buoy red", absolute: { x: 0, y: 0 } });
-  k.ellipse(id, r3(d * 0.76), [], { name: "Buoy rope", stroke: { color: "shade", width: r3(Math.max(1, d * 0.012)) }, opacity: 0.3, absolute: { x: r3(d * 0.12), y: r3(d * 0.12) } });
-  const ripple = k.ellipse(pool2, r3(d * 1.3), [], { name: "Ripple", stroke: { color: "foam", width: r3(Math.max(1.5, d * 0.02)) }, opacity: 0.45, absolute: { x: r3(g.x - d * 0.65), y: r3(g.y - d * 0.65) } });
-  if (!s.still) {
-    k.behave(id, "rotation", [{ kind: "spin", rate: r3((i % 2 ? -90 : 90) * 1e3 / s.loopMs) }]);
-    for (const n of [id, shadow]) k.behave(n, "translateY", [{ kind: "sine", amp: r3(d * 0.05), freq: hz(2, s.loopMs), phase: i / 3 }]);
-    for (const axis of ["scaleX", "scaleY"]) k.behave(ripple, axis, [{ kind: "sine", amp: 0.12, freq: hz(3, s.loopMs), phase: i / 2 }]);
-  }
-  return id;
-}
-var copingBox = (s) => {
-  const c = COPING * s.u;
-  return { x: r3(s.pool.x - c), y: r3(s.pool.y - c), width: r3(s.pool.w + c * 2), height: r3(s.pool.h + c * 2) };
-};
-var blockBox = (s, i) => {
-  const lw = laneW(s), m = 16 * s.u;
-  return { x: r3(s.pool.x + lw * i + m), y: r3(s.pool.y - s.blocks.h + 12 * s.u), width: r3(lw - m * 2), height: s.blocks.h };
-};
-function pool(k, parent, s) {
-  const u = s.u, p = s.pool, lw = laneW(s), c = COPING * u;
-  const cb = copingBox(s);
-  const coping = k.stack(parent, { width: cb.width, height: cb.height, name: "Coping", absolute: { x: cb.x, y: cb.y } });
-  k.rect(coping, cb.width, cb.height, "coping", { name: "Coping stone", radius: r3(30 * u), absolute: { x: 0, y: 0 }, effects: [noon(u, 0.35, 0.16)] });
-  const joints = [];
-  for (let x = c + 40 * u; x < cb.width - c; x += 64 * u) joints.push({ closed: false, points: [pt3(x, 3 * u), pt3(x, c - 2 * u)] }, { closed: false, points: [pt3(x, cb.height - c + 2 * u), pt3(x, cb.height - 3 * u)] });
-  for (let y = c + 40 * u; y < cb.height - c; y += 64 * u) joints.push({ closed: false, points: [pt3(3 * u, y), pt3(c - 2 * u, y)] }, { closed: false, points: [pt3(cb.width - c + 2 * u, y), pt3(cb.width - 3 * u, y)] });
-  k.vector(coping, cb.width, cb.height, joints, "copingShade", { name: "Coping joints", strokeWidth: r3(Math.max(1, 2.5 * u)), absolute: { x: 0, y: 0 } });
-  const water = k.frame(parent, { x: p.x, y: p.y, width: p.w, height: p.h }, { name: "Pool", fill: "water", clip: true, radius: r3(10 * u) });
-  const whole = { absolute: { x: 0, y: 0 } };
-  const ripples = k.rect(water, p.w, p.h, k.shader("Pool light", { phase: 0, scale: r3(Math.max(3, p.w / (150 * u))), deep: k.color("water"), foam: k.color("waterLight") }, POOL_LIGHT), { name: "Ripples", opacity: 0.62, ...whole });
-  if (!s.still) k.animateShader(ripples, "phase", [{ t: 0, v: 0, ease: ease.linear }, { t: s.loopMs, v: 6.283185 }]);
-  for (let i = 0; i < p.lanes; i++) {
-    const x = lw * (i + 0.5), top = 150 * u, bar = 84 * u, t = 15 * u;
-    k.rect(water, r3(t), r3(p.h - top * 2), "waterDeep", { name: "Lane line", opacity: 0.5, absolute: { x: r3(x - t / 2), y: r3(top) } });
-    for (const y of [top, p.h - top - t]) k.rect(water, r3(bar), r3(t), "waterDeep", { name: "Lane bar", opacity: 0.5, absolute: { x: r3(x - bar / 2), y: r3(y) } });
-  }
-  k.rect(water, p.w, r3(22 * u), "shade", { name: "Wall shade", opacity: 0.2, ...whole });
-  k.rect(water, r3(10 * u), p.h, "shade", { name: "Wall shade", opacity: 0.14, ...whole });
-  const gap = 23 * u, fr = 8 * u;
-  const floats = (red) => {
-    const out = [];
-    for (let j = 1; j < p.lanes; j++) for (let n = 0, y = gap; y < p.h - gap * 0.5; n++, y += gap) if (Math.floor(n / 3) % 2 === 0 === red) out.push({ closed: true, points: circle3(lw * j, y, fr, 8) });
-    return out;
-  };
-  for (let j = 1; j < p.lanes; j++) k.rect(water, r3(Math.max(1, 3 * u)), p.h, "foam", { name: "Rope", opacity: 0.55, absolute: { x: r3(lw * j - 1.5 * u), y: 0 } });
-  const shadowOf = { type: "DROP_SHADOW", color: { r: 0.03, g: 0.2, b: 0.32, a: 0.22 }, offset: { x: r3(12 * u), y: r3(20 * u) }, blur: r3(3 * u), spread: 0, visible: true };
-  for (const red of [true, false]) {
-    const f = k.vector(water, p.w, p.h, floats(red), red ? "rope" : "foam", { name: red ? "Floats red" : "Floats white", effects: [shadowOf], ...whole });
-    if (!s.still) k.behave(f, "translateX", [{ kind: "sine", amp: r3(2.5 * u), freq: hz(3, s.loopMs), phase: red ? 0 : 0.08 }]);
-  }
-  s.swimmers.forEach((sw, i) => swimmer(k, water, s, sw, i));
-  s.rings.forEach((g, i) => ring(k, water, g, i, s));
-  if (s.blocks) for (let i = 0; i < p.lanes; i++) {
-    const b = blockBox(s, i);
-    const id = k.stack(parent, { width: b.width, height: b.height, fill: "foam", radius: r3(10 * u), align: "CENTER", justify: "CENTER", gap: r3(2 * u), padding: { top: r3(6 * u), right: r3(4 * u), bottom: r3(10 * u), left: r3(4 * u) }, name: "Block", absolute: { x: b.x, y: b.y }, effects: [noon(u, 1.5)] });
-    k.text(id, String(i + 1), { style: s.blocks.num, color: "ink", align: "CENTER", name: "Block number" });
-    k.text(id, s.blocks.labels[i] ?? "", { style: s.blocks.style, color: "ink", align: "CENTER", name: "Block label" });
-    k.rect(id, b.width, r3(6 * u), "rope", { name: "Block grip", absolute: { x: 0, y: r3(b.height - 6 * u) } });
-  }
-  return water;
-}
-var parasolBox = (g) => ({ x: r3(g.x - g.r), y: r3(g.y - g.r), width: r3(g.r * 2), height: r3(g.r * 2) });
-function parasol(k, parent, g, i, s) {
-  const R = g.r, n = 8, step = Math.PI * 2 / n, turn = g.sun ? step / 2 : 0.2;
-  const b = parasolBox(g);
-  const id = k.stack(parent, { width: b.width, height: b.height, name: g.sun ? "Sun parasol" : "Parasol", absolute: { x: b.x, y: b.y } });
-  const panel = (j, scale = 1) => ({ closed: true, points: [pt3(R, R), ...Array.from({ length: 9 }, (_, m) => {
-    const f = m / 8, a2 = turn + (j + f) * step, rr = R * scale * (1 - 0.07 * Math.sin(Math.PI * f));
-    return pt3(R + rr * Math.cos(a2), R + rr * Math.sin(a2));
-  })] });
-  const all = Array.from({ length: n }, (_, j) => j);
-  const [a, c] = g.sun ? ["sun", "sunDeep"] : i % 2 ? ["mint", "foam"] : ["rope", "foam"];
-  const whole = { absolute: { x: 0, y: 0 } };
-  k.vector(id, R * 2, R * 2, all.filter((j) => j % 2 === 0).map((j) => panel(j)), a, { name: "Panels", effects: [noon(s.u, 4.5, 0.26)], ...whole });
-  k.vector(id, R * 2, R * 2, all.filter((j) => j % 2 === 1).map((j) => panel(j)), c, { name: "Panels alt", effects: [noon(s.u, 4.5, 0.26)], ...whole });
-  k.vector(id, R * 2, R * 2, all.map((j) => panel(j)), [k.gradient({ from: "shade", to: "shade", fromOpacity: 0, toOpacity: 0.2, angle: 60 })], { name: "Panel shade", ...whole });
-  k.vector(id, R * 2, R * 2, all.map((j) => ({ closed: false, points: [pt3(R, R), pt3(R + R * 0.99 * Math.cos(turn + j * step), R + R * 0.99 * Math.sin(turn + j * step))] })), "shade", { name: "Ribs", strokeWidth: r3(Math.max(1, 2 * s.u)), opacity: 0.22, ...whole });
-  k.vector(id, R * 2, R * 2, all.map((j) => panel(j, 0.34)), g.sun ? "sunDeep" : a, { name: "Vent", opacity: 0.9, ...whole });
-  const cap = Math.max(6, R * 0.1);
-  k.ellipse(id, r3(cap), "foam", { name: "Parasol cap", absolute: { x: r3(R - cap / 2), y: r3(R - cap / 2) }, effects: [noon(s.u, 0.4, 0.3)] });
-  if (!s.still) {
-    k.behave(id, "rotation", [{ kind: "sine", amp: g.sun ? 3 : 2, freq: hz(g.sun ? 2 : 1, s.loopMs), phase: i / 3 }]);
-  }
-  return id;
-}
-function parasols(k, parent, s) {
-  s.parasols.forEach((g, i) => parasol(k, parent, g, i, s));
-}
-function beat(k, root, at, everyMs, times, amount = 0.07, name = "Sun parasol") {
-  const keys = Array.from({ length: times }, (_, i) => at + i * everyMs).flatMap((t) => [{ t, v: 1 + amount, ease: { kind: "ease", name: "cubic-out" } }, { t: t + everyMs * 0.8, v: 1, ease: { kind: "hold" } }]);
-  for (const id of k.named(root, name)) for (const axis of ["scaleX", "scaleY"]) k.animate(id, axis, at > 0 ? [{ t: 0, v: 1, ease: { kind: "hold" } }, ...keys] : keys);
-}
-function fitLido(k, root, s) {
-  const each = (name) => k.named(root, name);
-  for (const id of each("Deck joints")) k.patch(id, { x: 0, y: 0, width: s.w, height: s.h, paths: deckLines(s) });
-  if (s.steps) stepsShapes(s).forEach((shapes, i) => {
-    const id = each("Footprint")[i], b = boxed(shapes);
-    if (id) k.patch(id, { x: b.x, y: b.y, width: b.w, height: b.h, paths: b.paths });
-  });
-  s.towels.forEach((t, i) => {
-    const id = each("Towel")[i];
-    if (id) k.patch(id, { x: t.x, y: t.y, width: t.w, height: t.h });
-  });
-  s.loungers.forEach((l, i) => {
-    const id = each("Lounger")[i];
-    if (id) k.patch(id, { x: l.x, y: l.y, width: l.w, height: r3(l.w * 2.5) });
-  });
-  if (s.flipflops) for (const id of each("Flip-flops")) k.patch(id, { x: s.flipflops.x, y: s.flipflops.y, width: r3(22 * s.u * 2.6), height: r3(52 * s.u * 1.2) });
-  for (const id of each("Coping")) k.patch(id, copingBox(s));
-  for (const id of each("Pool")) k.patch(id, { x: s.pool.x, y: s.pool.y, width: s.pool.w, height: s.pool.h });
-  if (s.blocks) each("Block").forEach((id, i) => k.patch(id, blockBox(s, i)));
-  const shades = [...each("Parasol"), ...each("Sun parasol")];
-  const order = [...s.parasols.filter((g) => !g.sun), ...s.parasols.filter((g) => g.sun)];
-  order.forEach((g, i) => {
-    if (shades[i]) k.patch(shades[i], parasolBox(g));
-  });
-}
-function lilo(k, parent, o) {
-  const u = o.u ?? 1;
-  const id = k.stack(parent, { width: o.w, height: o.h, fill: o.fill ?? "foam", radius: r3(34 * u), justify: "CENTER", gap: r3(6 * u), padding: { top: r3(18 * u), right: r3(40 * u), bottom: r3(18 * u), left: r3(128 * u) }, stroke: { color: "rope", width: r3(5 * u), align: "INSIDE" }, name: o.name ?? "Lilo", effects: [{ type: "DROP_SHADOW", color: { r: 0.03, g: 0.2, b: 0.32, a: 0.26 }, offset: { x: r3(14 * u), y: r3(24 * u) }, blur: r3(4 * u), spread: 0, visible: true }], ...o.absolute ? { absolute: o.absolute } : {} });
-  k.rect(id, r3(86 * u), r3(o.h - 32 * u), "rope", { name: "Lilo pillow", radius: r3(24 * u), absolute: { x: r3(18 * u), y: r3(16 * u) } });
-  k.rect(id, r3(86 * u), r3(8 * u), "foam", { name: "Pillow seam", opacity: 0.5, radius: r3(4 * u), absolute: { x: r3(18 * u), y: r3(o.h / 2 - 4 * u) } });
-  if (o.loopMs) {
-    k.behave(id, "translateY", [{ kind: "sine", amp: r3(5 * u), freq: hz(Math.max(1, Math.round(o.loopMs / 3500)), o.loopMs) }]);
-    k.behave(id, "rotation", [{ kind: "sine", amp: 0.7, freq: hz(Math.max(1, Math.round(o.loopMs / 5e3)), o.loopMs), phase: 0.2 }]);
-  }
-  return id;
-}
-
-export {
-  heatBrand,
-  noon,
-  deck,
-  pool,
-  parasols,
-  beat,
-  fitLido,
-  lilo
-};

package/dist/chunks/chunk-GMI2HF52.js

@@ -1,129 +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 {
-  SHARD,
-  SPIN,
-  blinking,
-  cell,
-  cursor,
-  ground,
-  lockup,
-  scan,
-  steps,
-  termBrand,
-  termLine,
-  termWindow
-} from "./chunk-EO4LNCIK.js";
-import {
-  EMAIL_FPS,
-  HEADER
-} from "./chunk-G3SUQ3V3.js";
-import {
-  hz
-} from "./chunk-CLQ3FUJI.js";
-import {
-  pill
-} from "./chunk-KOAJ6HD2.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit
-} from "./chunk-4G7VHQUV.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/email/style-terminal-header.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Terminal SaaS email header";
-var DURATION = 6e3;
-var CELL = 11;
-var GAP = 3;
-var cues = [
-  { layer: "Open button", preset: "pulse", at: 2400, params: { duration: 400, amount: 0.05 } },
-  { layer: "Pass", preset: "flash", at: 4200, params: { duration: 400, ease: ease.hold } }
-];
-var style_terminal_header_default = defineTemplate({
-  id: "email-saas-style-terminal-header",
-  meta: {
-    name: `${NAME} (animated GIF)`,
-    description: "A 600 \xD7 300 animated header for a launch email in the terminal look: the sender, the news, the command, the button and a terminal with a finished test run are all on the first frame (for Outlook), then a scan row steps over the runner grid, a spinner turns and settles, the cursor blinks and the button nudges, all returning to where they began. A seamless 6-second GIF",
-    category: "email",
-    tags: ["email", "gif", "animated", "header", "banner", "saas", "terminal", "monospace", "cli", "launch", "announcement", "newsletter", "developer tools", "loop"],
-    platforms: ["email"],
-    formats: ["email", "banner"],
-    useCases: ["announcement", "launch", "newsletter"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues },
-  build() {
-    const k = new Kit(NAME, HEADER);
-    k.quantizeGeometry = true;
-    termBrand(k, { offer: "Shardline 1.0 is out.", when: "Your test suite split across 64 runners. Fourteen minutes of CI back in 52 seconds." });
-    const SIZE = 12;
-    k.textStyle("Brand 16", { fontFamily: "JetBrains Mono", size: 16, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Offer 30", { fontFamily: "JetBrains Mono", size: 30, fontWeight: 800, letterSpacing: -1, lineHeight: 34 });
-    k.textStyle("When 13", { fontFamily: "JetBrains Mono", size: 13, fontWeight: 400, lineHeight: 19 });
-    k.textStyle("Button 13", { fontFamily: "JetBrains Mono", size: 13, fontWeight: 700, lineHeight: 18 });
-    k.textStyle("Term 12", { fontFamily: "JetBrains Mono", size: SIZE, fontWeight: 500, lineHeight: 18 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 13", label: "Read the launch notes", pad: [8, 14], radius: 3 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, { top: 0, right: 24, bottom: 0, left: 28 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
-    ground(k, sheet, 600, 300, { cw: 12, lh: 24 });
-    const band = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, align: "CENTER", name: "Band" });
-    const words = k.stack(band, { width: 268, gap: 12, name: "Words" });
-    lockup(k, words, { size: 16, style: "Brand 16" });
-    k.text(words, "{{brand.offer}}", { style: "Offer 30", color: "text", name: "Offer" });
-    k.text(words, "{{brand.when}}", { style: "When 13", color: "onPaper", name: "When" });
-    const row = k.stack(words, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Call row" });
-    k.instance(row, "Button", { Label: "Read the launch notes" }, { name: "Open button" });
-    const t = termWindow(k, band, { w: 256, h: 262, left: "~/checkout", style: "Term 12", bar: 30, pad: 12, gap: 3, name: "Terminal" });
-    termLine(k, t.body, [{ t: "$ ", c: "green" }, { t: SHARD.run, c: "onCard" }], { style: "Term 12", name: "Run line" });
-    const status = termLine(k, t.body, [{ t: "[+]", c: "green", width: Math.ceil(cell(SIZE) * 3), name: "Spin" }, { t: " 64 runners done", c: "onCard" }], { style: "Term 12", name: "Status line" });
-    const gw = 8 * (CELL + GAP) - GAP;
-    const mid = k.stack(t.body, { direction: "HORIZONTAL", gap: 14, name: "Middle" });
-    const grid = k.stack(mid, { width: gw, height: gw, name: "Grid" });
-    const facts = k.stack(mid, { gap: 1, padding: { top: 0, right: 0, bottom: 0, left: 0 }, name: "Facts" });
-    for (const [a, b] of [["tests", "2,418"], ["max", "0:53"], ["was", "14:08"]]) {
-      k.text(facts, a, { style: "Term 12", color: "cardMuted", name: "Fact label" });
-      k.text(facts, b, { style: "Term 12", color: a === "was" ? "red" : "amber", name: "Fact value" });
-    }
-    for (let i = 0; i < 64; i++) k.rect(grid, CELL, CELL, "green", { name: "Runner", absolute: { x: i % 8 * (CELL + GAP), y: Math.floor(i / 8) * (CELL + GAP) } });
-    const scanRow = k.rect(grid, gw + 6, CELL + 4, k.tint("cyan", 0.55), { name: "Scan row", absolute: { x: -3, y: -2 } });
-    termLine(k, t.body, [{ t: "PASS", c: "green", tag: "ink", name: "Pass" }, { t: " 2,418", c: "green" }, { t: `  ${SHARD.after}`, c: "amber" }], { style: "Term 12", name: "Pass line" });
-    const idle = k.stack(t.body, { direction: "HORIZONTAL", align: "CENTER", name: "Idle line" });
-    k.text(idle, "$ ", { style: "Term 12", color: "green", autoWidth: true, name: "Prompt sign" });
-    blinking(k, cursor(k, idle, SIZE, { name: "Cursor" }), hz(6, DURATION));
-    scan(k, sheet, 0.12);
-    k.cues(sheet, cues);
-    const keys = [];
-    const seq = [0, 1, 2, 3, 4, 5, 6, 7, 6, 5, 4, 3, 2, 1];
-    for (let pass = 0; pass < 2; pass++) seq.forEach((r, i) => keys.push({ t: pass * 3e3 + i * 200, v: r * (CELL + GAP) }));
-    k.animate(scanRow, "translateY", [...keys.map((x) => ({ ...x, ease: ease.hold })), { t: DURATION, v: 0 }]);
-    const spin = k.named(status, "Spin")[0];
-    const frames = [[0, "[+]"]];
-    for (const from of [800, 3800]) {
-      for (let i = 0; i < 10; i++) frames.push([from + i * 100, SPIN[i % 4]]);
-      frames.push([from + 1e3, "[+]"]);
-    }
-    frames.push([DURATION, "[+]"]);
-    steps(k, spin, frames);
-    return k.finish();
-  }
-});
-
-export {
-  style_terminal_header_default
-};

package/dist/chunks/chunk-GMI4GEU6.js

@@ -1,23 +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 {
-  KILOVOLT
-} from "./chunk-UCUPGBWW.js";
-import {
-  emailHeader
-} from "./chunk-OMIZ3MNS.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/email/festival-presale-electronic-header.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var festival_presale_electronic_header_default = emailHeader(KILOVOLT);
-
-export {
-  festival_presale_electronic_header_default
-};