@popcraft/kit 0.44.1 → 0.46.0

package/dist/chunks/chunk-UBL5P35M.js

@@ -1,345 +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 {
-  rig
-} from "./chunk-XJG6ZWAW.js";
-import {
-  MONO
-} from "./chunk-5OTEBTMU.js";
-import {
-  blackShadow
-} from "./chunk-PCZTQVV6.js";
-import {
-  box
-} from "./chunk-YKX2GS6X.js";
-import {
-  contextFrame,
-  init_scene3d,
-  sceneLayers
-} from "./chunk-FFKBYI2C.js";
-import {
-  init_transform3d,
-  mul4,
-  transform4,
-  zoomPx
-} from "./chunk-IGPOBMAU.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/themes/machined-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_scene3d();
-init_transform3d();
-var UNIT = { w: 840, h: 280, d: 460 };
-var PITCH = UNIT.h + 10;
-var FIELDS = { name: "Bulkhead", tagline: "The model gateway that stays up.", site: "bulkhead.example" };
-function machinedBrand(k, more = {}) {
-  k.brand(
-    { background: "#121416", text: "#F4F1EB", onBackground: "#B7B3AA", primary: "#FF5B1F", onPrimary: "#1C0A02", accent: "#B6F23A", onAccent: "#141A02", ...more },
-    FIELDS
-  );
-  k.palette({
-    metal: "#C3C6CA",
-    metalShade: "#9CA0A6",
-    metalDark: "#4E5258",
-    onMetal: "#15171A",
-    panel: "#0A0B0D",
-    panelFace: "#1D2024",
-    panelEdge: "#30343A",
-    onPanel: "#EEF6DA",
-    panelMuted: "#A3ABA0",
-    led: "#B6F23A",
-    fault: "#FF3B30",
-    route: "#FF5B1F",
-    board: "#12201B",
-    boardEdge: "#1F362D",
-    trace: "#D8A446",
-    chip: "#0B0D0E",
-    pin: "#C9CCD0"
-  });
-}
-var BRUSHED = `struct Params {
-  grain: f32,  // @range 0 1 @default 0.5
-  glint: f32,  // @range -0.6 1.6 @default 0.3
-  band: f32,   // @range 0.03 1 @default 0.22
-  sheen: f32,  // @range 0 1 @default 0.45
-  slant: f32,  // @range -1 1 @default 0.35
-}
-
-fn bm_hash(q: vec2<f32>) -> f32 { return fract(sin(dot(q, vec2<f32>(127.1, 311.7))) * 43758.5453); }
-
-// Value noise stretched along x: one row of streaks, each \`run\` px long.
-fn bm_row(px: vec2<f32>, rowH: f32, run: f32) -> f32 {
-  let row = floor(px.y / rowH);
-  let x = px.x / run + bm_hash(vec2<f32>(row, 7.0)) * 19.0;
-  let i = floor(x);
-  let f = fract(x);
-  let s = f * f * (3.0 - 2.0 * f);
-  return mix(bm_hash(vec2<f32>(i, row)), bm_hash(vec2<f32>(i + 1.0, row)), s);
-}
-
-fn shade(uv: vec2<f32>, res: vec2<f32>, time: f32) -> vec4<f32> {
-  let px = uv * res;
-  let n = 0.5 * bm_row(px, 1.0, 140.0) + 0.3 * bm_row(px, 2.0, 60.0) + 0.2 * bm_row(px, 5.0, 320.0);
-  let v = (n - 0.5) * 2.0 * p.grain;
-  let d = uv.x + (0.5 - uv.y) * p.slant * res.y / res.x - p.glint;
-  let g = exp(-(d * d) / (p.band * p.band)) * p.sheen * (0.75 + 0.5 * n);
-  let light = g + max(v, 0.0) * 0.4;
-  let dark = max(-v, 0.0) * 0.34;
-  let a = clamp(light + dark, 0.0, 1.0);
-  let c = light / max(light + dark, 0.0001);
-  return vec4<f32>(vec3<f32>(c), a);
-}`;
-var SHOP_LIGHT = `struct Params {
-  pool: vec2f,   // @default 0.5 0.4
-  reach: f32,    // @range 0.05 2 @default 0.6
-  glow: f32,     // @range 0 1 @default 0.16
-  shadow: f32,   // @range 0 1 @default 0.5
-  grain: f32,    // @range 0 1 @default 0.08
-  lamp: vec3f,   // @default 1 0.906 0.8
-}
-
-fn sl_hash(q: vec2<f32>) -> f32 { return fract(sin(dot(q, vec2<f32>(91.7, 263.3))) * 43758.5453); }
-
-fn shade(uv: vec2<f32>, res: vec2<f32>, time: f32) -> vec4<f32> {
-  let asp = vec2<f32>(res.x / res.y, 1.0);
-  let d = length((uv - p.pool) * asp);
-  let n = (sl_hash(floor(uv * res / 2.0)) - 0.5) * p.grain;
-  let light = p.glow * exp(-(d * d) / (p.reach * p.reach)) + max(n, 0.0);
-  let dark = p.shadow * smoothstep(0.3, 1.15, length((uv - vec2<f32>(0.5)) * asp)) + max(-n, 0.0);
-  let a = clamp(light + dark, 0.0, 1.0);
-  let c = p.lamp * (light / max(light + dark, 0.0001));
-  return vec4<f32>(c, a);
-}`;
-function finish(k, parent, w, h, o = {}) {
-  return k.rect(parent, w, h, k.shader("Brushed metal", { grain: o.grain ?? 0.5, glint: o.glint ?? 0.3, band: o.band ?? 0.22, sheen: o.sheen ?? 0.45, slant: o.slant ?? 0.35 }, BRUSHED), { name: o.name ?? "Finish", absolute: { x: 0, y: 0 } });
-}
-function shopLight(k, sheet, w, h, o = {}) {
-  return k.rect(sheet, w, h, k.shader("Shop light", { pool: { x: o.x ?? 0.5, y: o.y ?? 0.4 }, reach: o.reach ?? 0.6, glow: o.glow ?? 0.16, shadow: o.shadow ?? 0.5, grain: o.grain ?? 0, lamp: { x: 1, y: 0.906, z: 0.8 } }, SHOP_LIGHT), { name: "Shop light", absolute: { x: 0, y: 0 } });
-}
-function lights(s, o = {}) {
-  return [
-    { id: "fill", type: "AMBIENT", name: "Fill", color: { r: 0.9, g: 0.94, b: 1, a: 1 }, intensity: o.fill ?? 0.62, x: 0, y: 0, z: 0, targetX: 0, targetY: 0, targetZ: 0 },
-    { id: "key", type: "DIRECTIONAL", name: "Key", color: { r: 1, g: 0.96, b: 0.9, a: 1 }, intensity: o.key ?? 0.6, x: -s.W * 0.2, y: -s.H * 0.9, z: 1500, targetX: s.W / 2, targetY: s.H / 2, targetZ: 0 }
-  ];
-}
-var softShadow = (a, y, blur) => blackShadow(a, y, blur);
-function slots(cols, rows, sw, sh, gx, gy, x0 = 0, y0 = 0) {
-  const out = [];
-  for (let r = 0; r < rows; r++) for (let c = 0; c < cols; c++) out.push(box(x0 + c * (sw + gx), y0 + r * (sh + gy), sw, sh));
-  return out;
-}
-function ear(k, parent, x, edge, hole) {
-  const e = k.stack(parent, { width: 44, height: UNIT.h, fill: k.tint(edge, 0.35), name: "Rack ear", absolute: { x, y: 0 } });
-  for (const y of [34, UNIT.h - 62]) k.rect(e, 18, 28, hole, { radius: 9, name: "Mounting slot", absolute: { x: 13, y } });
-}
-function faceStyles(k) {
-  k.textStyle("Engraved 28", { size: 28, fontWeight: 800, letterSpacing: 0.4, lineHeight: 32 });
-  k.textStyle("Engraved mono 16", { ...MONO, size: 16, fontWeight: 600, letterSpacing: 0.4, lineHeight: 20, textCase: "UPPER" });
-  k.textStyle("Display label 16", { ...MONO, size: 16, fontWeight: 500, letterSpacing: 1, lineHeight: 20, textCase: "UPPER" });
-  k.textStyle("Display value 22", { ...MONO, size: 22, fontWeight: 700, lineHeight: 26 });
-}
-var PORTS = 8;
-var FAILED = 1;
-var LIVE = 2;
-function face(k, parent, o = {}) {
-  faceStyles(k);
-  const id = k.stack(parent, { direction: "HORIZONTAL", width: UNIT.w, height: UNIT.h, fill: "metal", radius: 6, clip: true, gap: 22, align: "CENTER", padding: { top: 0, right: 64, bottom: 0, left: 64 }, name: "Face", stroke: { color: "metalShade", width: 2, align: "INSIDE" } });
-  const fin = finish(k, id, UNIT.w, UNIT.h, o);
-  ear(k, id, 0, "metalShade", "metalDark");
-  ear(k, id, UNIT.w - 44, "metalShade", "metalDark");
-  const left = k.stack(id, { width: 214, height: UNIT.h, justify: "SPACE_BETWEEN", padding: { top: 30, right: 0, bottom: 30, left: 0 }, name: "Nameplate" });
-  const plate = k.stack(left, { gap: 8, name: "Name" });
-  const mark = k.stack(plate, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Mark row" });
-  const tile = k.stack(mark, { width: "HUG", fill: "route", radius: 9, padding: 8, name: "Logo tile" });
-  k.logo(tile, 28, 28);
-  k.text(mark, "{{brand.name}}", { style: "Engraved 28", color: "onMetal", name: "Unit name" });
-  k.text(plate, "BH-1 \xB7 Model gateway", { style: "Engraved mono 16", color: "onMetal", name: "Model line" });
-  const controls = k.stack(left, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Controls" });
-  const knob = k.stack(controls, { width: 64, height: 64, radius: 32, fill: "metalShade", align: "CENTER", justify: "CENTER", name: "Knob", stroke: { color: "metalDark", width: 3, align: "INSIDE" }, effects: [softShadow(0.35, 4, 8)] });
-  const cap = k.stack(knob, { width: 44, height: 44, radius: 22, fill: "metal", align: "CENTER", name: "Knob cap", padding: { top: 5, right: 0, bottom: 0, left: 0 } });
-  k.rect(cap, 4, 14, "route", { radius: 2, name: "Knob mark" });
-  for (const [i, on] of [true, false].entries()) {
-    const sw = k.stack(controls, { width: 26, height: 52, radius: 6, fill: "panel", padding: 4, justify: on ? "MIN" : "MAX", name: `Switch ${i + 1}` });
-    k.rect(sw, 18, 22, "metal", { radius: 3, name: "Lever" });
-  }
-  const pwr = k.stack(controls, { width: "HUG", gap: 6, align: "CENTER", name: "Power" });
-  k.ellipse(pwr, 12, "led", { name: "Power lamp" });
-  k.text(pwr, "PWR", { style: "Engraved mono 16", color: "onMetal", autoWidth: true, name: "Power label" });
-  const mid = k.stack(id, { width: 256, gap: 12, name: "Middle" });
-  const display = k.stack(mid, { fill: "panel", radius: 8, gap: 8, padding: { top: 14, right: 16, bottom: 14, left: 16 }, name: "Display", stroke: { color: "metalDark", width: 3, align: "OUTSIDE" } });
-  const line = (label, value, name, ink = "onPanel") => {
-    const row = k.stack(display, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: `${name} row` });
-    k.text(row, label, { style: "Display label 16", color: "panelMuted", width: 62, name: `${name} label` });
-    return k.text(row, value, { style: "Display value 22", color: ink, name });
-  };
-  const route = line("Route", "upstream-03", "Route");
-  const latency = line("P95", "38 ms", "Latency");
-  const status = k.text(display, "Failover in 38 ms", { style: "Display label 16", color: "led", name: "Status" });
-  k.vector(mid, 256, 34, slots(14, 2, 12, 12, 6.77, 10), "metalDark", { name: "Vent" });
-  const ports = k.stack(id, { width: 196, gap: 12, name: "Ports" });
-  const faults = [], markers = [];
-  for (let r = 0; r < 2; r++) {
-    const row = k.stack(ports, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: `Port row ${r + 1}` });
-    for (let c = 0; c < 4; c++) {
-      const i = r * 4 + c;
-      const port = k.stack(row, { width: 40, gap: 5, align: "CENTER", name: `Port ${i + 1}` });
-      const lamp = k.stack(port, { width: 12, height: 12, name: "Lamp" });
-      k.ellipse(lamp, 12, "led", { name: "Lamp on" });
-      const fault = k.ellipse(lamp, 12, "fault", { name: "Lamp fault", absolute: { x: 0, y: 0 }, opacity: i === FAILED ? 1 : 0 });
-      const jack = k.stack(port, { width: 40, height: 30, radius: 4, fill: "panel", justify: "MAX", align: "CENTER", padding: 4, name: "Jack", stroke: { color: "metalDark", width: 2, align: "INSIDE" } });
-      const marker = k.rect(jack, 24, 5, "route", { radius: 2, name: "Route marker", opacity: i === LIVE ? 1 : 0 });
-      k.text(port, String(i + 1).padStart(2, "0"), { style: "Engraved mono 16", color: "onMetal", align: "CENTER", name: "Port number" });
-      faults.push(fault);
-      markers.push(marker);
-    }
-  }
-  return { id, finish: fin, route, latency, status, faults, markers };
-}
-function blankPanel(k) {
-  if (k.hasComponent("Blank panel")) return;
-  k.component("Blank panel", {
-    direction: "HORIZONTAL",
-    width: UNIT.w,
-    height: UNIT.h,
-    fill: "panelFace",
-    radius: 6,
-    clip: true,
-    align: "CENTER",
-    justify: "SPACE_BETWEEN",
-    padding: { top: 0, right: 72, bottom: 0, left: 72 },
-    stroke: { color: "panelEdge", width: 2, align: "INSIDE" },
-    description: "A blank panel closing an empty bay of the rack: ears, a vent and one lamp."
-  }, (id) => {
-    ear(k, id, 0, "panelEdge", "panel");
-    ear(k, id, UNIT.w - 44, "panelEdge", "panel");
-    k.vector(id, 520, 150, slots(20, 6, 16, 10, 10.526, 18), "panel", { name: "Vent" });
-    const side = k.stack(id, { width: "HUG", gap: 14, align: "CENTER", name: "Lamps" });
-    k.ellipse(side, 12, "led", { name: "Lamp" });
-    k.rect(side, 44, 70, "panel", { radius: 6, name: "Handle", stroke: { color: "panelEdge", width: 2, align: "INSIDE" } });
-  });
-}
-var BOARDS = ["Router", "Cache", "Guardrails", "Meter"];
-var BOARD_NAMES = BOARDS;
-var BOARD_W = UNIT.w - 96;
-var BOARD_D = UNIT.d - 60;
-var LIFT = 96;
-function board(k, parent, i) {
-  const W = BOARD_W, D = BOARD_D;
-  const id = k.stack(parent, { width: W, height: D, fill: "board", radius: 10, clip: true, name: `${BOARDS[i]} board`, stroke: { color: "boardEdge", width: 3, align: "INSIDE" } });
-  const traces = [];
-  for (let t = 0; t < 9; t++) {
-    const y = 60 + t * 34 + (t * 7 + i * 13) % 11, jog = 120 + (t * 53 + i * 97) % (W - 320), drop = (t + i) % 2 ? 22 : -22;
-    traces.push({ closed: false, points: [{ x: 30, y }, { x: jog, y }, { x: jog + Math.abs(drop), y: y + drop }, { x: W - 30, y: y + drop }] });
-  }
-  k.vector(id, W, D, traces, "trace", { name: "Traces", strokeWidth: 3, opacity: 0.75, absolute: { x: 0, y: 0 } });
-  const chips = [[60 + i * 40, D - 190, 150, 110], [300 + i * 30, D - 170, 96, 96], [470 + i % 2 * 60, D - 200, 190, 80]];
-  for (const [j, [x, y, w, h]] of chips.entries()) {
-    k.vector(id, w + 16, h, slots(1, Math.floor(h / 14), w + 16, 6, 0, 8, 0, 4), "pin", { name: `Pins ${j + 1}`, absolute: { x: x - 8, y } });
-    const chip = k.stack(id, { width: w, height: h, fill: "chip", radius: 6, padding: 10, name: `Chip ${j + 1}`, absolute: { x, y }, stroke: { color: "boardEdge", width: 2, align: "INSIDE" } });
-    k.ellipse(chip, 10, "trace", { name: "Pin one" });
-  }
-  k.vector(id, 360, 26, slots(24, 1, 9, 26, 6.26, 0), "trace", { name: "Edge connector", absolute: { x: (W - 360) / 2, y: D - 30 } });
-  k.rect(id, 54 + i * 26, 12, "route", { radius: 3, name: "Board flag", absolute: { x: 30, y: D - 58 } });
-  return id;
-}
-function framing(k, scene, id, p) {
-  const sc = k.node(scene);
-  const n = k.node(id);
-  const reach = zoomPx(sc.scene3d.camera.focalLength, sc.width);
-  const ox = (sc.scene3d.originX ?? 0.5) * sc.width, oy = (sc.scene3d.originY ?? 0.5) * sc.height;
-  return {
-    translateX: Math.round(ox + (p.cx - ox) / p.scale - (n.x + n.width / 2)),
-    translateY: Math.round(oy + (p.cy - oy) / p.scale - (n.y + n.height / 2)),
-    z: Math.round(reach * (1 - 1 / p.scale))
-  };
-}
-function rack(k, scene, s, o) {
-  blankPanel(k);
-  const { w: W, h: H, d: D } = UNIT;
-  const r = rig(k, scene, s, "Rack", W, H, o.cx, o.cy);
-  k.patch(r, { ...framing(k, scene, r, o), rotateX: o.rotateX ?? -14, rotateY: o.rotateY ?? -24 });
-  const above = o.above ?? 2, below = o.below ?? 2;
-  const top = -above * PITCH - 40, tall = (above + below + 1) * PITCH + 70;
-  const side = k.rect(r, D, tall, "panel", { name: "Cabinet side" });
-  k.patch(side, { x: W + 30 - D / 2, y: top, rotateY: 90, material3d: { diffuse: 0.9 } });
-  for (let i = -above; i <= below; i++) {
-    const y = i * PITCH;
-    const bay = k.rect(r, W + 60, PITCH + 2, "panel", { name: i === 0 ? "Bay" : "Bay back" });
-    k.patch(bay, { x: -30, y: y - 6, z: D / 2 - 30 });
-    for (const x of [-30, W - 40]) {
-      const post = k.stack(r, { width: 70, height: PITCH, fill: "panelEdge", name: "Rack post" });
-      k.vector(post, 70, PITCH, slots(1, 8, 16, 16, 0, 20.25, 27, 10), "panel", { name: "Post holes", absolute: { x: 0, y: 0 } });
-      k.patch(post, { x, y: y - 5, z: D / 2 - 8 });
-    }
-    if (i === 0) continue;
-    const blank = k.instance(r, "Blank panel", {}, { name: `Blank ${i < 0 ? "above" : "below"} ${Math.abs(i)}` });
-    k.patch(blank, { x: 0, y, z: D / 2 });
-  }
-  const unit = k.group(r, { x: 0, y: 0, width: W, height: H }, { name: "Unit" });
-  k.patch(unit, { z: o.out ?? 0 });
-  const back = k.rect(unit, W, H, "metalShade", { name: "Back" });
-  k.patch(back, { z: -D / 2, rotateY: 180 });
-  const floor = k.rect(unit, W, D, "metalDark", { name: "Floor" });
-  k.patch(floor, { y: H - D / 2, rotateX: 90 });
-  for (const [name, x, turn] of [["Left side", -D / 2, -90], ["Right side", W - D / 2, 90]]) {
-    const wall = k.stack(unit, { width: D, height: H, fill: "metalShade", name, clip: true });
-    finish(k, wall, D, H, { glint: 0.7, sheen: 0.25, grain: 0.4 });
-    k.vector(wall, 220, 120, slots(10, 5, 14, 8, 8.9, 20), "metalDark", { name: "Side vent", absolute: { x: (D - 220) / 2, y: 80 } });
-    k.patch(wall, { x, y: 0, rotateY: turn });
-  }
-  const rise = BOARDS.map((_, i) => -(i + 1) * LIFT - (H - 60 - i * 50));
-  const boards = BOARDS.map((_, i) => {
-    const b = board(k, unit, i);
-    k.patch(b, { x: (W - BOARD_W) / 2, y: H - 60 - i * 50 - BOARD_D / 2, rotateX: 90, translateY: o.open ? rise[i] : 0, opacity: o.open ? 1 : 0, effects: [softShadow(0.4, 10, 24)] });
-    return b;
-  });
-  const lidRise = -(BOARDS.length + 1) * LIFT - 20;
-  const lid = k.stack(unit, { width: W, height: D, fill: "metal", radius: 6, clip: true, name: "Lid", stroke: { color: "metalShade", width: 2, align: "INSIDE" } });
-  const lidFinish = finish(k, lid, W, D, { glint: o.glint ?? 0.3, sheen: 0.5 });
-  k.vector(lid, 520, 150, slots(13, 5, 30, 8, 10.83, 27.5), "metalDark", { name: "Louvres", absolute: { x: 60, y: 70 } });
-  for (const [x, y] of [[26, 26], [W - 44, 26], [26, D - 44], [W - 44, D - 44], [W / 2 - 9, 26], [W / 2 - 9, D - 44]]) k.ellipse(lid, 18, "metalDark", { name: "Screw", absolute: { x, y } });
-  k.rect(lid, 150, 96, "route", { radius: 4, name: "Lid plate", absolute: { x: W - 230, y: 90 } });
-  k.rect(lid, 110, 8, "onMetal", { radius: 2, name: "Rating line", absolute: { x: W - 210, y: 112 } });
-  k.rect(lid, 76, 8, "onMetal", { radius: 2, name: "Rating line", absolute: { x: W - 210, y: 132 } });
-  k.patch(lid, { x: 0, y: -D / 2, rotateX: 90, translateY: o.open ? lidRise : 0, material3d: { specular: 0.5, shininess: 30 } });
-  const f = face(k, unit, { glint: o.glint });
-  k.patch(f.id, { z: D / 2, material3d: { specular: 0.4, shininess: 36 } });
-  return { rack: r, unit, face: f, lid, lidFinish, boards, rise, lidRise };
-}
-function seen(k, scene, id, x, y) {
-  const doc = k.finish();
-  const frame = contextFrame(doc.nodes[scene]);
-  const card = sceneLayers(doc.nodes, scene).find((l) => l.id === id);
-  if (!card) throw new Error(`seen: ${id} is not a layer of the scene`);
-  const p = transform4(mul4(frame.projection, mul4(frame.view, card.model)), x, y, 0);
-  return { x: p[0] / p[3], y: p[1] / p[3] };
-}
-
-export {
-  UNIT,
-  PITCH,
-  FIELDS,
-  machinedBrand,
-  BRUSHED,
-  SHOP_LIGHT,
-  finish,
-  shopLight,
-  lights,
-  PORTS,
-  FAILED,
-  LIVE,
-  face,
-  blankPanel,
-  BOARD_NAMES,
-  BOARD_W,
-  BOARD_D,
-  framing,
-  rack,
-  seen
-};

package/dist/chunks/chunk-UBXE6DHQ.js

@@ -1,196 +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 {
-  CAPS,
-  cast,
-  decoBrand,
-  divider,
-  fanMark,
-  fitSteppedFrame,
-  stage,
-  steppedFrame
-} from "./chunk-N45Z2NLV.js";
-import {
-  SERIF
-} from "./chunk-5OTEBTMU.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-IPGCJWVL.js";
-import {
-  place
-} from "./chunk-T3XFQJUI.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  Kit,
-  preset
-} from "./chunk-E3A22XSE.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/web/art-deco-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var ACTS = [
-  ["Act I", "The overture", "Custodians, banks, brokerages, land registries and the family company\u2019s books: 3,200 institutions, read-only, connected in an afternoon.", "Day one"],
-  ["Act II", "The reconciliation", "While the house sleeps, Aurelia matches every position, price and transfer across every entity, and marks the three lines a person should look at.", "2 a.m."],
-  ["Act III", "The statement", "One net-worth statement for the principal, one for each trust and one for the accountant. The same figures in all three, to the cent.", "7 a.m."]
-];
-var DURATION = 6e3;
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 600 } },
-  { layer: "Eyebrow", preset: "fade-in", at: 100, params: { duration: 600 } },
-  { layer: "Headline", preset: "rise-in", at: 200, params: { duration: 800 } },
-  { layer: "Headline rule", preset: "wipe-in", at: 700, params: { duration: 700 } },
-  { layer: "Lead", preset: "rise-in", at: 900, params: { duration: 700 } },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1300, params: { duration: 600 }, stagger: { delay: 140 } },
-  { layer: "Glow", preset: "fade-in", at: 1100, params: { duration: 1200 } },
-  { layer: "Arcs", preset: "fade-in", at: 2e3, params: { duration: 700 } },
-  { layer: "Proof", preset: "fade-in", at: 2e3, params: { duration: 800 } }
-];
-var art_deco_landing_default = defineTemplate({
-  id: "web-art-deco-landing",
-  meta: {
-    name: "Deco landing page",
-    description: "An art deco landing page for a premium finance, legal, travel or concierge product, staged as an opening night: a hero where velvet curtains part on a brass sunburst that opens like a fan behind a skyline of setback towers, with chasing footlights; then the programme in three acts as a ruled playbill, and the annual plan as an engraved invitation \u2014 at desktop, laptop, tablet and phone widths",
-    category: "web",
-    tags: ["art deco", "deco", "sunburst", "skyscraper", "theatre", "curtain", "brass", "emerald", "landing page", "hero", "website", "saas", "finance", "wealth", "animation", "responsive", "dark", "invitation"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["launch", "brand-intro", "pricing"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Deco landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    decoBrand(k);
-    k.textStyle("Nav 15", { ...CAPS, size: 15, fontWeight: 500, letterSpacing: 2, lineHeight: 24 });
-    k.textStyle("Brand 20", { ...CAPS, size: 20, fontWeight: 600, letterSpacing: 5, lineHeight: 28 });
-    k.textStyle("Button 15", { ...CAPS, size: 15, fontWeight: 700, letterSpacing: 2, lineHeight: 24 });
-    k.textStyle("Eyebrow 14", { ...CAPS, size: 14, fontWeight: 600, letterSpacing: 4, lineHeight: 20 });
-    k.textStyle("Display 68", { ...CAPS, size: 68, fontWeight: 300, letterSpacing: 3, lineHeight: 76 });
-    k.textStyle("Display 58", { ...CAPS, size: 58, fontWeight: 300, letterSpacing: 2.5, lineHeight: 66 });
-    k.textStyle("Display 36", { ...CAPS, size: 36, fontWeight: 300, letterSpacing: 1.5, lineHeight: 42 });
-    k.textStyle("Lead 21", { ...SERIF, size: 21, fontWeight: 400, lineHeight: 33 });
-    k.textStyle("Lead 18", { ...SERIF, size: 18, fontWeight: 400, lineHeight: 28 });
-    k.textStyle("Proof 14", { size: 14, fontWeight: 500, letterSpacing: 0.3, lineHeight: 22 });
-    k.textStyle("Section 40", { ...CAPS, size: 40, fontWeight: 300, letterSpacing: 4, lineHeight: 48, textAlign: "CENTER" });
-    k.textStyle("Section 22", { ...CAPS, size: 22, fontWeight: 400, letterSpacing: 2, lineHeight: 30, textAlign: "CENTER" });
-    k.textStyle("Act 15", { ...CAPS, size: 15, fontWeight: 700, letterSpacing: 4, lineHeight: 36 });
-    k.textStyle("Act title 30", { ...SERIF, size: 30, fontWeight: 500, fontStyle: "italic", lineHeight: 36 });
-    k.textStyle("Body 17", { size: 17, fontWeight: 400, lineHeight: 28 });
-    k.textStyle("Hour 15", { ...CAPS, size: 15, fontWeight: 700, letterSpacing: 3, lineHeight: 36, textAlign: "RIGHT" });
-    k.textStyle("Hour 15 start", { ...CAPS, size: 15, fontWeight: 700, letterSpacing: 3, lineHeight: 24 });
-    k.textStyle("Invite eyebrow 14", { ...CAPS, size: 14, fontWeight: 700, letterSpacing: 4, lineHeight: 20, textAlign: "CENTER" });
-    k.textStyle("Invite 38", { ...SERIF, size: 38, fontWeight: 500, fontStyle: "italic", lineHeight: 46, textAlign: "CENTER" });
-    k.textStyle("Invite 26", { ...SERIF, size: 26, fontWeight: 500, fontStyle: "italic", lineHeight: 33, textAlign: "CENTER" });
-    k.textStyle("Invite 24", { ...SERIF, size: 24, fontWeight: 500, fontStyle: "italic", lineHeight: 31, textAlign: "CENTER" });
-    k.textStyle("Invite body 17", { size: 17, fontWeight: 400, lineHeight: 28, textAlign: "CENTER" });
-    k.textStyle("Small 13", { ...CAPS, size: 13, fontWeight: 500, letterSpacing: 2, lineHeight: 22, textAlign: "CENTER" });
-    buttons(k, { style: "Button 15", pad: [15, 28], radius: 2 });
-    k.component("Button card", { direction: "HORIZONTAL", width: "HUG", radius: 2, align: "CENTER", padding: { top: 15, right: 28, bottom: 15, left: 28 }, fill: "onCard", props: { Label: "Accept" } }, (id) => {
-      k.propText(id, "Label", { style: "Button 15", color: "card", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 96, top: 32 });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    nav(k, sheet, { links: ["The programme", "Security", "Annual plan", "Journal"], cta: "Reserve a seat", style: "Nav 15", brandStyle: "Brand 20" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 72, align: "CENTER", name: "Hero" });
-    const copy = k.stack(hero, { gap: 26, name: "Copy" });
-    k.text(copy, "Grand opening \xB7 14 October", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
-    k.text(copy, "Every asset.\nOne ledger.", { style: "Display 68", color: "text", name: "Headline" });
-    divider(k, copy, { width: 280, name: "Headline rule" });
-    k.text(copy, "Aurelia is the private ledger for family offices. Forty accounts, six trusts and a house in Lisbon become one statement, reconciled every night and right to the cent by morning.", { style: "Lead 21", color: "onPaper", name: "Lead" });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: "Reserve a seat" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "Read the programme" }, { name: "CTA quiet" });
-    k.text(copy, "$3.1 billion under watch on opening night \xB7 SOC 2 Type II \xB7 read-only, always", { style: "Proof 14", color: "onPaper", name: "Proof" });
-    const visual = k.stack(hero, { width: 540, height: 640, stroke: { color: "accent", width: 2 }, effects: cast(k, 50, 0.55), name: "Visual" });
-    stage(k, visual, 540, 640, {
-      base: 500,
-      hero: 330,
-      span: 470,
-      loopMs: DURATION,
-      blades: 16,
-      open: { at: 1100, duration: 1300 },
-      rise: { at: 1300, gap: 240 },
-      gather: 40,
-      part: { at: 400, duration: 1200 },
-      valance: 84,
-      footlights: 28
-    });
-    const programme = k.stack(sheet, { gap: 0, align: "CENTER", name: "Programme" });
-    fanMark(k, programme, 120, { ribs: 9 });
-    k.stack(programme, { height: 22, name: "Gap" });
-    k.text(programme, "Tonight\u2019s programme", { style: "Section 40", color: "text", name: "Programme title" });
-    k.stack(programme, { height: 40, name: "Gap" });
-    for (const [act, title, body, hour] of ACTS) {
-      k.rect(programme, "FILL", 1, "accent", { name: "Rule", opacity: 0.7 });
-      const row = k.stack(programme, { direction: "HORIZONTAL", gap: 36, padding: { top: 30, right: 0, bottom: 30, left: 0 }, name: "Act" });
-      k.text(row, act, { style: "Act 15", color: "onPaper", width: 110, name: "Act number" });
-      k.text(row, title, { style: "Act title 30", color: "text", width: 290, name: "Act title" });
-      k.text(row, body, { style: "Body 17", color: "onPaper", name: "Act body" });
-      k.text(row, hour, { style: "Hour 15", color: "text", width: 130, name: "Act hour" });
-    }
-    k.rect(programme, "FILL", 1, "accent", { name: "Rule", opacity: 0.7 });
-    const invite = k.stack(sheet, { height: 470, fill: "card", radius: 2, align: "CENTER", justify: "CENTER", gap: 18, padding: { top: 0, right: 90, bottom: 0, left: 90 }, effects: cast(k, 50, 0.6), name: "Invitation" });
-    steppedFrame(k, invite, 1200, 470, { step: 18, inset: 16, role: "onCard", opacity: 0.6 });
-    k.text(invite, "The annual plan \xB7 by invitation", { style: "Invite eyebrow 14", color: "onCard", name: "Invite eyebrow" });
-    k.text(invite, "The pleasure of your company is requested for the year.", { style: "Invite 38", color: "onCard", name: "Invite title" });
-    k.text(invite, "$14,400 a year, billed once. Two months with our compliments, a named concierge who answers by name, and your first reconciliation done for you.", { style: "Invite body 17", color: "onCard", name: "Invite body" });
-    k.stack(invite, { height: 4, name: "Gap" });
-    k.instance(invite, "Button card", { Label: "Accept the invitation" }, { name: "Invite button" });
-    k.text(invite, "R.S.V.P. by 31 October", { style: "Small 13", color: "onCard", name: "Invite reply" });
-    k.text(sheet, "\xA9 2026 Aurelia Ledger, Inc. \xB7 Security \xB7 Status \xB7 Terms", { style: "Small 13", color: "onPaper", name: "Footer" });
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Act"],
-      restyle: {
-        "Display 68": { laptop: "Display 58", mobile: "Display 36" },
-        "Lead 21": { mobile: "Lead 18" },
-        "Section 40": { mobile: "Section 22" },
-        // A step smaller on the phone, where a line of the title sat on the edge of wrapping.
-        "Invite 38": { tablet: "Invite 26", mobile: "Invite 24" }
-      },
-      hide: { tablet: ["Nav links"] },
-      gap: { tablet: 72, mobile: 56 },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") {
-          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 48 });
-          for (const n of kit.named(id, "Invitation")) kit.patch(n, { padding: { top: 0, right: 150, bottom: 0, left: 150 } });
-        }
-        if (size === "tablet" || size === "mobile") {
-          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 48, counterAxisAlignItems: "MIN" });
-          for (const n of kit.named(id, "Act")) kit.patch(n, { itemSpacing: 6, padding: { top: 22, right: 0, bottom: 22, left: 0 } });
-          for (const n of kit.named(id, "Act hour")) {
-            kit.restyle(n, "Hour 15 start");
-            kit.patch(n, { textAlign: "LEFT" });
-          }
-          for (const n of kit.named(id, "Invitation")) kit.patch(n, { height: size === "mobile" ? 520 : 440, padding: size === "mobile" ? { top: 0, right: 34, bottom: 0, left: 34 } : { top: 0, right: 64, bottom: 0, left: 64 } });
-        }
-        const s = size === "mobile" ? 335 / 540 : 1;
-        for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED", width: Math.round(540 * s), height: Math.round(640 * s) });
-        place(kit, id, "Stage", 0, 0, s);
-        const wide = { laptop: 1120, tablet: 672, mobile: 335, desktop: 1200 }[size], tall = size === "mobile" ? 520 : size === "tablet" ? 440 : 470;
-        fitSteppedFrame(kit, id, { step: size === "mobile" ? 12 : 18, inset: size === "mobile" ? 10 : 16, width: wide, height: tall });
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  art_deco_landing_default
-};

package/dist/chunks/chunk-UCKEKG6N.js

@@ -1,101 +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 {
-  DEAL,
-  MARQUEE,
-  marquee,
-  neonBrand,
-  puddle,
-  shopfront,
-  spark
-} from "./chunk-NDN2Z42J.js";
-import {
-  EMAIL_FPS,
-  HEADER
-} from "./chunk-NXOMPKS6.js";
-import {
-  rain
-} from "./chunk-5M74IAAA.js";
-import {
-  MONO
-} from "./chunk-5OTEBTMU.js";
-import {
-  board
-} from "./chunk-T3XFQJUI.js";
-import {
-  pill
-} from "./chunk-IL2F4BKM.js";
-import {
-  defineTemplate
-} from "./chunk-FC6VBE7Y.js";
-import {
-  Kit
-} from "./chunk-E3A22XSE.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-W5QYHNL2.js";
-
-// templates/src/email/black-friday-neon-header.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 6e3;
-var SCALE = 0.39;
-var STREET = 254;
-var cues = [
-  { layer: "Open button", preset: "wobble", at: 3800, params: { duration: 700 } }
-];
-var NAME = "Black Friday neon sale email header";
-var black_friday_neon_header_default = defineTemplate({
-  id: "email-black-friday-neon-header",
-  meta: {
-    name: `${NAME} (animated GIF)`,
-    description: "A 600 \xD7 300 animated header for a SaaS Black Friday email, drawn as a shopfront at night: the offer, the code, the deadline, the button and a fully lit neon SALE sign are all on the first frame (for Outlook), then rain falls, an arrow of bulbs chases, one letter buzzes and relights and the button nudges. A seamless 6-second GIF",
-    category: "email",
-    tags: ["email", "gif", "animated", "header", "banner", "black friday", "cyber monday", "sale", "saas", "neon", "neon sign", "shopfront", "night", "rain", "discount code"],
-    platforms: ["email"],
-    formats: ["email", "banner"],
-    useCases: ["sale", "countdown"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit(NAME, HEADER);
-    k.quantizeGeometry = true;
-    neonBrand(k, { name: DEAL.product, offer: `${DEAL.off}% off every annual plan.`, when: `Lights on, prices down. Ends ${DEAL.ends}.` }, ["paper", "text", "onPaper", "primary", "onPrimary", "accent", "onAccent"]);
-    k.textStyle("Tag 12", { ...MONO, size: 12, fontWeight: 800, letterSpacing: 1, lineHeight: 16 });
-    k.textStyle("Offer 34", { size: 34, fontWeight: 900, letterSpacing: -1.3, lineHeight: 35 });
-    k.textStyle("When 14", { size: 14, fontWeight: 500, lineHeight: 20 });
-    k.textStyle("Button 15", { size: 15, fontWeight: 800, lineHeight: 18 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 15", label: `Use ${DEAL.code}`, pad: [10, 18], radius: 6 });
-    pill(k, "Tag", { fill: "accent", ink: "onAccent", style: "Tag 12", label: "BLACK FRIDAY", pad: [4, 8], radius: 3 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, { top: 0, right: 20, bottom: 300 - STREET, left: 26 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
-    shopfront(k, sheet, { street: STREET, u: 0.5 });
-    rain(k, sheet, 600, 300, { color: "ice", opacity: 0.14, rate: 480, seed: 3, count: 14, len: 44, width: 1 });
-    const main = k.stack(sheet, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Main" });
-    const copy = k.stack(main, { gap: 9, name: "Copy" });
-    k.instance(copy, "Tag", { Label: "BLACK FRIDAY" }, { name: "Tag" });
-    k.text(copy, "{{brand.offer}}", { style: "Offer 34", color: "text", name: "Offer" });
-    k.text(copy, "{{brand.when}}", { style: "When 14", color: "text", name: "When" });
-    k.instance(copy, "Button", { Label: `Use ${DEAL.code}` }, { name: "Open button" });
-    const sign = marquee(k, board(k, main, MARQUEE.w, MARQUEE.h, SCALE, "Sign board"), { loopMs: DURATION, laps: 6 });
-    const x = 600 - 20 - Math.round(MARQUEE.w * SCALE) + Math.round(k.node(sign.sale.frame).x * SCALE);
-    const pool = puddle(k, sheet, sign.sale.w, sign.sale.h, sign.sale.paths, "red", { t: 19, name: "Sale puddle", absolute: { x, y: STREET + 7 }, squash: 0.5, opacity: 0.5, blur: 9 });
-    k.patch(pool, { scaleX: SCALE, scaleY: SCALE, anchorX: 0, anchorY: 0 });
-    k.cues(sheet, cues);
-    spark(k, [sign.sale.tubes[1]], [{ buzz: 1800 }]);
-    k.animate(pool, "opacity", [{ t: 0, v: 0.5 }, { t: 1900, v: 0.5 }, { t: 2e3, v: 0.36 }, { t: 2600, v: 0.36 }, { t: 2800, v: 0.5 }]);
-    return k.finish();
-  }
-});
-
-export {
-  black_friday_neon_header_default
-};