@popcraft/kit 0.53.15 → 0.53.16

package/dist/chunks/chunk-6SSUBGD4.js

@@ -1,257 +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 {
-  cased,
-  st
-} from "./chunk-VMIRVA7J.js";
-import {
-  disc,
-  shape,
-  sway,
-  turn
-} from "./chunk-OYO7EPXI.js";
-import {
-  burstPath
-} from "./chunk-AGV72YOJ.js";
-import {
-  SERIF
-} from "./chunk-MPRWXHPJ.js";
-import {
-  bloom,
-  glow,
-  grain,
-  hardShadow
-} from "./chunk-4MEFPCMF.js";
-import {
-  box,
-  curve3,
-  line,
-  poly,
-  pt3,
-  rng
-} from "./chunk-U2KTX33N.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-63KP74KB.js";
-
-// templates/src/themes/festival-presale-food-kit.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var W = 3e3;
-var mover = (k, still) => (id, path, amp, cycles = 1, phase = 0) => {
-  if (!still) sway(k, id, path, amp, cycles, phase);
-};
-function wall(k, f, still) {
-  const move = mover(k, still);
-  const planks = [], grainLines = [], knots = [];
-  const r = rng(17);
-  for (let x = 0; x <= W; x += 96) planks.push(line(x, 0, x, 3e3));
-  for (let i = 0; i < 160; i++) {
-    const x = Math.floor(r() * 31) * 96 + 14 + r() * 60, y = r() * 2900, len = 90 + r() * 200;
-    grainLines.push(curve3([{ x, y }, { x: x + 6, y: y + len * 0.5 }, { x: x - 2, y: y + len }], 0.3));
-    if (i % 5 === 0) knots.push(disc(x + 10, y + len * 0.4, 7, 12));
-  }
-  shape(k, f, grainLines, "kraft", { name: "Wood grain", strokeWidth: 3, opacity: 0.9 });
-  shape(k, f, knots, "crust", { name: "Knots", opacity: 0.35 });
-  shape(k, f, planks, "crateDark", { name: "Plank seams", strokeWidth: 3, opacity: 0.32 });
-  const warm = glow(k, f, { x: 1500, y: 800, w: 3400, h: 1300, role: "bulb", alpha: 0.35, name: "Bulb light" });
-  move(warm, "opacity", 0.12, 2);
-  glow(k, f, { x: 1500, y: 2700, w: 3600, h: 900, role: "ink", alpha: 0.18, name: "Table shade" });
-  k.patch(f, { effects: grain(0.07, 2, 23) });
-}
-function awning(k, f, still) {
-  const move = mover(k, still);
-  const sw = 110, drop = 200, scallop = 60;
-  const stripe = (x) => ({ closed: true, points: [pt3(x, -10), pt3(x + sw, -10), { ...pt3(x + sw, drop), handleOut: pt3(x + sw, drop + scallop) }, { ...pt3(x, drop), handleIn: pt3(x, drop + scallop) }] });
-  const red = [], cream = [];
-  for (let i = 0, x = 0; x < W; i++, x += sw) (i % 2 ? cream : red).push(stripe(x));
-  k.rect(f, W, 70, [k.gradient({ from: "ink", to: "ink", fromOpacity: 0.3, toOpacity: 0, angle: 90 })], { name: "Awning shade", absolute: { x: 0, y: drop + 10 } });
-  for (const [paths, role] of [[cream, "awningCream"], [red, "awningRed"]]) for (const half of [0, 1]) {
-    const id = shape(k, f, paths.filter((p) => (p.points[0].x < W / 2 ? 0 : 1) === half), role, { name: "Awning stripes", effects: [hardShadow(k, "ink", 0, 6, 0.28)] });
-    move(id, "translateY", 2.5, 2, role === "awningRed" ? 0 : 0.12);
-  }
-  shape(k, f, [box(0, 0, W, 26)], "wine", { name: "Awning rail" });
-  const folds = [];
-  for (let x = sw; x < W; x += sw) folds.push(line(x, 26, x, drop));
-  shape(k, f, folds, "ink", { name: "Awning folds", strokeWidth: 2, opacity: 0.15 });
-  const at = (t) => ({ x: W * t, y: 262 + 44 * Math.sin(t * Math.PI * 6 - Math.PI / 2) * 0.5 + 22 });
-  shape(k, f, [curve3(Array.from({ length: 61 }, (_, i) => at(i / 60)), 0.2)], "ink", { name: "Bulb wire", strokeWidth: 3 });
-  for (let g = 0; g < 3; g++) {
-    const bulbs = [], caps = [];
-    for (let i = g; i < 40; i += 3) {
-      const p = at((i + 0.5) / 40);
-      bulbs.push(disc(p.x, p.y + 16, 10, 13));
-      caps.push(box(p.x - 5, p.y, 10, 7));
-    }
-    shape(k, f, caps, "ink", { name: "Bulb caps" });
-    const id = shape(k, f, bulbs, "bulb", { name: "Bulbs", effects: [bloom(k, "bulb", 22, 0.95)] });
-    k.patch(id, { opacity: 0.72 });
-    move(id, "opacity", 0.28, 2 + g, g / 3);
-  }
-}
-function table(k, f, still) {
-  const move = mover(k, still);
-  const T = 200, S = 1.3;
-  const X = (x) => 900 + x * S;
-  const bottle = (x, h, w, glass2, label) => {
-    shape(k, f, [poly([[x - w / 2, T], [x - w / 2, T - h * 0.56], [x - w * 0.17, T - h * 0.74], [x - w * 0.17, T - h], [x + w * 0.17, T - h], [x + w * 0.17, T - h * 0.74], [x + w / 2, T - h * 0.56], [x + w / 2, T]])], glass2, { name: "Bottle" });
-    shape(k, f, [box(x - w / 2, T - h * 0.46, w, h * 0.28)], label, { name: "Bottle label" });
-    shape(k, f, [line(x - w * 0.36, T - h * 0.42, x + w * 0.36, T - h * 0.42), line(x - w * 0.36, T - h * 0.22, x + w * 0.36, T - h * 0.22)], "wine", { name: "Label rules", strokeWidth: 2, opacity: 0.6 });
-    shape(k, f, [box(x - w * 0.17, T - h, w * 0.34, h * 0.1)], "wine", { name: "Capsule" });
-    shape(k, f, [line(x - w * 0.3, T - h * 0.52, x - w * 0.3, T - 10)], "label", { name: "Bottle shine", strokeWidth: 4, opacity: 0.28 });
-  };
-  const glass = (x, s, role) => {
-    const bowl = { closed: true, points: [pt3(x - 22 * s, T - 96 * s), pt3(x + 22 * s, T - 96 * s), { ...pt3(x + 4 * s, T - 46 * s), handleIn: pt3(x + 26 * s, T - 58 * s) }, pt3(x - 4 * s, T - 46 * s), { ...pt3(x - 22 * s, T - 96 * s), handleIn: pt3(x - 26 * s, T - 58 * s) }] };
-    shape(k, f, [{ closed: true, points: [pt3(x - 24 * s, T - 78 * s), pt3(x + 24 * s, T - 78 * s), { ...pt3(x + 4 * s, T - 46 * s), handleIn: pt3(x + 24 * s, T - 56 * s) }, pt3(x - 4 * s, T - 46 * s), { ...pt3(x - 24 * s, T - 78 * s), handleIn: pt3(x - 24 * s, T - 56 * s) }] }], role, { name: "Wine" });
-    shape(k, f, [bowl, line(x, T - 46 * s, x, T - 4), line(x - 18 * s, T - 2, x + 18 * s, T - 2)], "ink", { name: "Glass", strokeWidth: 3 });
-    shape(k, f, [line(x - 12 * s, T - 90 * s, x - 15 * s, T - 70 * s)], "label", { name: "Glass shine", strokeWidth: 3, opacity: 0.7 });
-  };
-  const crate = (x, y, w, h) => {
-    shape(k, f, [box(x, y, w, h)], "crate", { name: "Crate front" });
-    shape(k, f, [line(x, y + h * 0.33, x + w, y + h * 0.33), line(x, y + h * 0.66, x + w, y + h * 0.66), line(x + w * 0.17, y, x + w * 0.17, y + h), line(x + w * 0.83, y, x + w * 0.83, y + h)], "crateDark", { name: "Crate slats", strokeWidth: 4 });
-  };
-  const stripesV = [], stripesH = [];
-  for (let x = 0; x < W; x += 56) stripesV.push(box(x, T + 18, 28, 200));
-  for (let y = T + 18; y < 400; y += 56) stripesH.push(box(0, y, W, 28));
-  shape(k, f, [box(0, T + 18, W, 200)], "awningCream", { name: "Cloth" });
-  shape(k, f, stripesV, "awningRed", { name: "Gingham", opacity: 0.42 });
-  shape(k, f, stripesH, "awningRed", { name: "Gingham", opacity: 0.42 });
-  shape(k, f, [box(0, T, W, 20)], "crateDark", { name: "Table top" });
-  k.rect(f, W, 40, [k.gradient({ from: "ink", to: "ink", fromOpacity: 0.25, toOpacity: 0, angle: 90 })], { name: "Cloth shade", absolute: { x: 0, y: T + 18 } });
-  shape(k, f, [{ closed: true, points: [pt3(620, T), { ...pt3(610, T - 110), handleIn: pt3(596, T - 40), handleOut: pt3(596, T - 150) }, pt3(620, T - 220), pt3(800, T - 220), { ...pt3(810, T - 110), handleIn: pt3(824, T - 150), handleOut: pt3(824, T - 40) }, pt3(800, T)] }], "crate", { name: "Barrel" });
-  shape(k, f, [line(604, T - 60, 816, T - 60), line(604, T - 160, 816, T - 160)], "ink", { name: "Barrel hoops", strokeWidth: 8 });
-  shape(k, f, [box(696, T - 112, 30, 16), box(712, T - 100, 10, 26)], "mustard", { name: "Tap" });
-  for (let i = 0; i < 3; i++) shape(k, f, [disc(450, T - 22 - i * 40, 64, 20)], i === 1 ? "cheeseTop" : "cheese", { name: "Cheese wheels" });
-  bottle(X(64), 168 * S, 40 * S, "bottle", "label");
-  bottle(X(120), 150 * S, 40 * S, "wine", "mustard");
-  bottle(X(176), 172 * S, 40 * S, "bottle", "label");
-  crate(X(28), T - 74 * S, 190 * S, 74 * S);
-  shape(k, f, [{ closed: true, points: [pt3(X(250), T - 8), pt3(X(250), T - 52 * S), { ...pt3(X(330), T - 70 * S), handleIn: pt3(X(262), T - 72 * S), handleOut: pt3(X(398), T - 72 * S) }, pt3(X(410), T - 52 * S), pt3(X(410), T - 8), { ...pt3(X(330), T + 2), handleIn: pt3(X(390), T + 2), handleOut: pt3(X(270), T + 2) }] }], "cheese", { name: "Cheese" });
-  shape(k, f, [disc(X(330), T - 52 * S, 80 * S, 18 * S)], "cheeseTop", { name: "Cheese top" });
-  shape(k, f, [disc(X(296), T - 26 * S, 7 * S, 5 * S), disc(X(350), T - 18 * S, 9 * S, 6 * S), disc(X(384), T - 30 * S, 5 * S, 4 * S), disc(X(322), T - 54 * S, 8 * S, 3 * S)], "crust", { name: "Cheese holes", opacity: 0.6 });
-  const grapes = [];
-  [[0, 0], [22, 0], [44, 0], [66, 0], [11, 18], [33, 18], [55, 18], [22, 36], [44, 36], [33, 54]].forEach(([dx, dy]) => grapes.push(disc(X(432 + dx), T - (64 - dy) * S, 12 * S)));
-  shape(k, f, grapes, "grape", { name: "Grapes" });
-  shape(k, f, grapes.slice(0, 7).map((g) => disc(g.points[0].x - 4, g.points[1].y - 6, 3.5)), "label", { name: "Grape shine", opacity: 0.5 });
-  shape(k, f, [{ closed: true, points: [pt3(X(462), T - 78 * S), { ...pt3(X(498), T - 104 * S), handleIn: pt3(X(470), T - 104 * S) }, { ...pt3(X(520), T - 74 * S), handleIn: pt3(X(522), T - 100 * S) }, { ...pt3(X(480), T - 66 * S), handleIn: pt3(X(506), T - 60 * S) }] }], "leaf", { name: "Vine leaf" });
-  glass(X(566), S, "wine");
-  glass(X(630), 0.86 * S, "mustard");
-  shape(k, f, [disc(X(730), T - 26 * S, 70 * S, 28 * S)], "crust", { name: "Loaf" });
-  shape(k, f, [line(X(690), T - 40 * S, X(706), T - 20 * S), line(X(720), T - 46 * S, X(736), T - 24 * S), line(X(752), T - 44 * S, X(768), T - 24 * S)], "label", { name: "Loaf cuts", strokeWidth: 5, opacity: 0.8 });
-  bottle(X(822), 132 * S, 30 * S, "oil", "label");
-  shape(k, f, [{ closed: true, points: [pt3(X(868), T - 72 * S), pt3(X(1004), T - 72 * S), { ...pt3(X(990), T), handleIn: pt3(X(1004), T - 14 * S) }, { ...pt3(X(882), T), handleOut: pt3(X(868), T - 14 * S) }] }], "pot", { name: "Pot" });
-  shape(k, f, [box(X(860), T - 80 * S, 152 * S, 12 * S), box(X(846), T - 58 * S, 22 * S, 10 * S), box(X(1004), T - 58 * S, 22 * S, 10 * S)], "ink", { name: "Pot rim" });
-  for (let i = 0; i < 3; i++) {
-    const x = X(902 + i * 34);
-    const wisp = shape(k, f, [curve3([{ x, y: T - 92 * S }, { x: x - 12, y: T - 118 * S }, { x: x + 10, y: T - 140 * S }, { x: x - 7, y: T - 162 * S }, { x: x + 5, y: T - 180 * S }], 0.3)], "steam", { name: "Steam", strokeWidth: 8, opacity: 0.6 });
-    move(wisp, "translateY", 10, 2, i / 3);
-    move(wisp, "opacity", 0.35, 2, i / 3 + 0.25);
-    move(wisp, "translateX", 6, 1, i / 3);
-  }
-  const r = rng(4), lemons = [], toms = [];
-  for (let i = 0; i < 9; i++) (i % 2 ? toms : lemons).push(disc(X(1056 + i * 15) + r() * 6, T - (58 + i % 3 * 9) * S, 15 * S, (i % 2 ? 15 : 12) * S));
-  shape(k, f, lemons, "mustard", { name: "Lemons" });
-  shape(k, f, toms, "tomato", { name: "Tomatoes" });
-  crate(X(1040), T - 44 * S, 150 * S, 44 * S);
-  shape(k, f, [poly([[2160, T], [2140, T - 90], [2380, T - 90], [2360, T]])], "crust", { name: "Basket" });
-  const weave = [];
-  for (let x = 2150; x < 2380; x += 22) weave.push(line(x, T - 88, x + 8, T - 2));
-  shape(k, f, weave, "crateDark", { name: "Basket weave", strokeWidth: 3, opacity: 0.7 });
-  shape(k, f, [disc(2200, T - 104, 50, 22), disc(2300, T - 112, 56, 24), disc(2252, T - 128, 44, 20)], "cheese", { name: "Loaves" });
-  shape(k, f, [box(2410, T - 110, 60, 110)], "pot", { name: "Jar", opacity: 0.8 });
-  shape(k, f, [line(2425, T - 100, 2412, T - 230), line(2440, T - 100, 2446, T - 260), line(2455, T - 100, 2480, T - 210)], "leaf", { name: "Stems", strokeWidth: 5 });
-  const heads = shape(k, f, [disc(2412, T - 236, 22), disc(2446, T - 266, 24), disc(2480, T - 216, 20)], "mustard", { name: "Sunflowers", stroke: { color: "crust", width: 6 } });
-  move(heads, "rotation", 2, 1);
-  bottle(170, 210, 52, "wine", "label");
-  bottle(240, 230, 52, "bottle", "mustard");
-  bottle(310, 200, 52, "wine", "label");
-  bottle(380, 225, 52, "bottle", "label");
-  crate(130, T - 96, 290, 96);
-  glass(2640, 1.4, "wine");
-  glass(2720, 1.2, "wine");
-  shape(k, f, [disc(2850, T - 60, 74, 60)], "leaf", { name: "Melon" });
-  shape(k, f, [curve3([{ x: 2790, y: T - 80 }, { x: 2850, y: T - 118 }, { x: 2910, y: T - 80 }], 0.3), curve3([{ x: 2786, y: T - 40 }, { x: 2850, y: T - 70 }, { x: 2914, y: T - 40 }], 0.3)], "oil", { name: "Melon stripes", strokeWidth: 6, opacity: 0.7 });
-  for (let i = 0; i < 5; i++) shape(k, f, [disc(2520, T - 8 - i * 12, 62, 9)], i % 2 ? "label" : "awningCream", { name: "Plates", stroke: { color: "crateDark", width: 2 } });
-}
-function seal(k, parent, o) {
-  const s = o.size;
-  const id = k.stack(parent, { width: s, height: s, align: "CENTER", justify: "CENTER", gap: 0, name: o.name, ...o.absolute ? { absolute: o.absolute } : {} });
-  const burst = k.vector(id, s, s, [burstPath(s, 20, 0.1)], "accent", { name: `${o.name} burst`, absolute: { x: 0, y: 0 }, effects: [hardShadow(k, "ink", 3, 4, 0.55)] });
-  k.vector(id, s * 0.78, s * 0.78, [disc(s * 0.39, s * 0.39, s * 0.37)], "accent", { name: `${o.name} ring`, stroke: { color: "onAccent", width: 1.5 }, absolute: { x: s * 0.11, y: s * 0.11 } });
-  if (!o.still) turn(k, burst, 1 / 20);
-  const size = Math.max(16, Math.round(s * 0.13));
-  k.text(id, cased(FOOD, "Sticker", `${o.lines[0]}
-${o.lines[1]}`), { style: st(k, FOOD, "Sticker", size, "CENTER"), color: "onAccent", align: "CENTER", name: `${o.name} words` });
-  return id;
-}
-var FOOD = {
-  slug: "food",
-  name: "Salt & Vine",
-  brand: (k) => {
-    k.brand(
-      { paper: "#F7F0E1", text: "#2A1D16", onPaper: "#5F4E42", primary: "#7A1F2B", onPrimary: "#FBF3E2", accent: "#D8A33B", onAccent: "#2A1D16", card: "#FFFBF0", onCard: "#2A1D16", cardMuted: "#5F4E42", panel: "#2F3A1D", onPanel: "#F7F0E1", panelMuted: "#D2D6BC", chip: "#EDE2C8", onChip: "#2A1D16", stage: "#EFDFBB", onStage: "#2A1D16", stageMuted: "#5F4E42" },
-      { name: "Salt & Vine" }
-    );
-    k.palette({ ink: "#2A1D16", kraft: "#E4D1A6", awningRed: "#B8322A", awningCream: "#FFF6E0", bulb: "#FFD66B", wine: "#7A1F2B", bottle: "#2F4A2C", oil: "#8E8A2A", mustard: "#D8A33B", label: "#FFFBF0", cheese: "#E8B24A", cheeseTop: "#F3CB6C", crust: "#B97A3C", grape: "#5B2A5E", leaf: "#4E6B2A", tomato: "#D6452E", crate: "#C19A62", crateDark: "#8B633A", pot: "#34506B", steam: "#FFFFFF" });
-  },
-  type: {
-    Name: { ...SERIF, fontWeight: 800, ls: -0.035, lh: 0.96 },
-    Head: { ...SERIF, fontWeight: 800, ls: -0.025, lh: 1.04 },
-    Act: { ...SERIF, fontWeight: 500, ls: 0, lh: 1.35 },
-    More: { fontWeight: 700, ls: 0.1, lh: 1.6, upper: true },
-    Kicker: { fontWeight: 700, ls: 0.2, lh: 1.4, upper: true },
-    Clock: { ...SERIF, fontWeight: 800, ls: -0.025, lh: 1.04, tnum: true },
-    Unit: { fontWeight: 700, ls: 0.16, lh: 1.3, upper: true },
-    Body: { fontWeight: 400, ls: 0, lh: 1.45 },
-    Button: { fontWeight: 700, ls: 0.01, lh: 1.3 },
-    Caption: { ...SERIF, fontWeight: 700, ls: -0.01, lh: 1.2 },
-    Price: { ...SERIF, fontWeight: 800, ls: -0.03, lh: 1, tnum: true },
-    Sticker: { fontWeight: 800, ls: 0.06, lh: 1.12, upper: true }
-  },
-  look: {
-    plate: { fill: "card", ink: "onCard", muted: "cardMuted", radius: 6, stroke: { color: "primary", width: 3, align: "INSIDE" }, effects: (k) => [hardShadow(k, "ink", 8, 10, 0.8)] },
-    tiles: [["primary", "onPrimary"]],
-    tileRadius: 6,
-    button: 8,
-    chip: 4,
-    nameOn: "stage",
-    enter: "drop-in",
-    sep: "\xB7",
-    nameEffects: (k) => [hardShadow(k, "awningCream", 0, 4, 1)]
-  },
-  parts: [
-    { name: "Wall", w: 3e3, h: 3e3, anchor: "cover", draw: wall },
-    { name: "Awning", w: 3e3, h: 330, anchor: "top", draw: awning },
-    { name: "Table", w: 3e3, h: 400, anchor: "foot", draw: table }
-  ],
-  sticker: seal,
-  dates: "3 \u2013 5 September 2027",
-  place: "The Old Cattle Market, Castelmare",
-  kicker: "The harvest festival of food & wine",
-  billLabel: "The first cooks, cellars and bands",
-  heads: ["Noor Haddad", "Matteo Riccivale", "Ilse Brandt"],
-  acts: ["Cantina Ferramonte", "Clos des Hirondelles", "Weingut Altenbach", "Brine & Shell"],
-  more: ["The Copper Kettles", "Luc\xEDa y Los Faroles", "Harbour Street Brass"],
-  tba: "Sixty more names on 1 June",
-  presale: { by: "Sun 21 March", code: "Tue 23 March", opens: "Thu 25 March, 12:00", short: "25 March, noon", queue: "11:30", limit: "up to six tickets" },
-  clock: { days: "17", hours: "08", minutes: "54", from: 29, to: 23 },
-  tier: { tag: "First pressing", name: "Weekend ticket, all three days", price: "\u20AC68", was: "\u20AC58", wasTag: "Early harvest", next: "\u20AC78", nextTag: "Second pressing", sold: "Early harvest sold out", note: "On sale now to newsletter readers. What is left opens to presale codes on 25 March.", stock: { label: "Selling fast", from: 2140, left: 2118, total: 9e3 } },
-  seal: ["Presale", "25 March"],
-  code: "SV27-PRE-7KQ2",
-  gate: "South gate",
-  holder: "Giulia Marchetti",
-  pass: "Weekend ticket",
-  track: "acoustic",
-  beats: 24,
-  step: 1,
-  captions: ["The first cooks are in.", "Presale opens Thursday 25 March.", "Sign up by 21 March.", "Sign up for a code."],
-  picture: "a market stall under a striped awning and twinkling bulbs, its table laid with wine, cheese, bread and a steaming pot",
-  tags: ["food", "wine", "market", "harvest", "serif", "illustration"]
-};
-
-export {
-  FOOD
-};

package/dist/chunks/chunk-6UM32SMI.js

@@ -1,104 +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 {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-KLAIZ7BD.js";
-import {
-  defineTemplate
-} from "./chunk-UU6U4UDR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-FJACE5LJ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-63KP74KB.js";
-
-// templates/src/web/page-404.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var SUGGESTIONS = ["New arrivals", "Staff picks", "Book club", "Gift cards"];
-var BOOKS = [[220, 34, "primary"], [188, 30, "accent"], [236, 38, "secondary"], [204, 32, "primary"]];
-var page_404_default = defineTemplate({
-  id: "web-404",
-  meta: {
-    name: "404 page",
-    description: "A friendly not-found page for a bookshop: a big 404, what happened in plain words, a search box and four ways back \u2014 desktop, laptop, tablet and phone",
-    category: "web",
-    tags: ["404", "error page", "not found", "website", "bookshop", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: [],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  breakpoints: true,
-  build() {
-    const k = new Kit("404 page", preset("web-desktop"));
-    k.brand(
-      { paper: "#FBF7F0", text: "#2B2118", onPaper: "#6B5B4B", primary: "#7A2E2E", onPrimary: "#FFFFFF", accent: "#A65E16", secondary: "#35524A", card: "#FFFFFF", onCard: "#2B2118", cardMuted: "#7A6A5A" },
-      { name: "Marginalia Books" }
-    );
-    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Brand 20", { size: 20, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 600, lineHeight: 24 });
-    k.textStyle("Code 200", { size: 200, fontWeight: 900, letterSpacing: -8, lineHeight: 200 });
-    k.textStyle("Code 140", { size: 140, fontWeight: 900, letterSpacing: -6, lineHeight: 140 });
-    k.textStyle("Code 104", { size: 104, fontWeight: 900, letterSpacing: -4, lineHeight: 104 });
-    k.textStyle("Headline 48", { size: 48, fontWeight: 800, letterSpacing: -1.2, lineHeight: 56 });
-    k.textStyle("Headline 32", { size: 32, fontWeight: 800, letterSpacing: -0.8, lineHeight: 40 });
-    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 28 });
-    k.textStyle("Body 16", { size: 16, fontWeight: 400, lineHeight: 24 });
-    k.textStyle("Field 16", { size: 16, fontWeight: 400, lineHeight: 24 });
-    k.textStyle("Chip 15", { size: 15, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Footer 14", { size: 14, fontWeight: 400, lineHeight: 20 });
-    buttons(k, { style: "Button 16" });
-    k.component("Chip", { direction: "HORIZONTAL", width: "HUG", fill: "card", radius: 999, stroke: { color: "onPaper", width: 1 }, padding: { top: 10, right: 18, bottom: 10, left: 18 }, props: { Label: "New arrivals" } }, (id) => {
-      k.propText(id, "Label", { style: "Chip 15", color: "onCard", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 72, top: 32, spread: true });
-    nav(k, sheet, { links: ["New arrivals", "Staff picks", "Events", "Visit us"], cta: "Order online", style: "Nav 16", brandStyle: "Brand 20" });
-    const main = k.stack(sheet, { direction: "HORIZONTAL", gap: 80, align: "CENTER", padding: { top: 48, right: 0, bottom: 48, left: 0 }, name: "Main" });
-    const art = k.stack(main, { width: "HUG", gap: 24, align: "CENTER", name: "Art" });
-    k.text(art, "404", { style: "Code 200", color: "accent", width: 420, align: "CENTER", name: "Code" });
-    const books = k.stack(art, { width: "HUG", gap: 6, align: "CENTER", name: "Books" });
-    BOOKS.forEach(([w, h, role], i) => k.rect(books, w, h, role, { radius: 4, name: `Book ${i + 1}` }));
-    const copy = k.stack(main, { gap: 24, name: "Copy" });
-    k.text(copy, "This page is checked out.", { style: "Headline 48", color: "text", name: "Headline" });
-    k.text(copy, "The page you were looking for has been moved, renamed, or borrowed by another reader. Search the shelves, or start from one of these.", { style: "Body 18", color: "onPaper", name: "Explain" });
-    const search = k.stack(copy, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Search" });
-    const field = k.stack(search, { direction: "HORIZONTAL", fill: "card", radius: 10, stroke: { color: "onPaper", width: 1 }, padding: { top: 14, right: 16, bottom: 14, left: 16 }, name: "Field" });
-    k.text(field, "Title, author or ISBN", { style: "Field 16", color: "cardMuted", name: "Placeholder" });
-    k.instance(search, "Button", { Label: "Search" }, { name: "Search button" });
-    const chips = k.stack(copy, { direction: "HORIZONTAL", gap: 10, wrap: true, name: "Suggestions" });
-    for (const s of SUGGESTIONS) k.instance(chips, "Chip", { Label: s }, { name: "Suggestion" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", gap: 16, name: "Footer" });
-    k.text(foot, "214 Harbour Street, Portland, Maine \xB7 Open every day, 9 am to 8 pm", { style: "Footer 14", color: "onPaper", name: "Address" });
-    k.text(foot, "hello@marginaliabooks.com", { style: "Footer 14", color: "onPaper", autoWidth: true, name: "Email" });
-    webResponsive(k, sheet, {
-      stack: ["Main", "Footer"],
-      stackMobile: ["Search"],
-      restyle: { "Code 200": { laptop: "Code 140", tablet: "Code 140", mobile: "Code 104" }, "Headline 48": { mobile: "Headline 32" }, "Body 18": { mobile: "Body 16" } },
-      hide: { mobile: ["Nav links"] },
-      gap: { tablet: 48, mobile: 40 },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") for (const n of kit.named(id, "Main")) kit.patch(n, { itemSpacing: 64 });
-        if (size === "tablet" || size === "mobile") for (const n of kit.named(id, "Main")) kit.patch(n, { itemSpacing: 32, padding: { top: 16, right: 0, bottom: 16, left: 0 } });
-        for (const n of kit.named(id, "Code")) kit.patch(n, { width: size === "mobile" ? 240 : 320 });
-        if (size === "mobile") for (const n of kit.named(id, "Books")) for (const b of kit.node(n).childIds) kit.patch(b, { width: Math.round(kit.node(b).width * 0.7) });
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  page_404_default
-};

package/dist/chunks/chunk-6WDE43E2.js

@@ -1,84 +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 {
-  defineTemplate
-} from "./chunk-UU6U4UDR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-FJACE5LJ.js";
-import {
-  ease
-} from "./chunk-5J6ZG7JO.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-63KP74KB.js";
-
-// templates/src/text/stat-counter.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var LIGHT_KM_S = 299792;
-var CUES = [
-  { layer: "Eyebrow", preset: "letters-in", at: 100, params: { duration: 400, amount: 22, distance: 12 } },
-  { layer: "Figure", preset: "pop-in", at: 400, params: { duration: 500 } },
-  { layer: "Unit", preset: "words-in", at: 1300, params: { duration: 600, amount: 110, distance: 20 } },
-  { layer: ["Source", "Handle"], preset: "fade-in", at: 2800, stagger: { delay: 200 } }
-];
-var COUNTS = [{ layer: "Figure", at: 500, duration: 2e3, counter: { from: 0, to: LIGHT_KM_S, separator: "," } }];
-var SOURCE = "Exact since the 1983 definition of the metre";
-var SIZES = [{ preset: "ig-post", name: "Post", figure: "Figure 200", bar: 480 }, { preset: "slide-16x9", name: "Wide", figure: "Figure 240", bar: 640 }];
-var stat_counter_default = defineTemplate({
-  id: "motion-stat-counter",
-  meta: {
-    name: "Stat counter",
-    description: "A big figure that counts up while a bar fills, with its unit and source, as a square post and a 16:9 slide",
-    category: "animation",
-    tags: ["animation", "stats", "counter", "data"],
-    platforms: ["instagram", "linkedin", "slides"],
-    formats: ["post", "slide-deck"],
-    useCases: ["stats"],
-    created: "2026-09-28",
-    updated: "2026-09-29"
-  },
-  motion: { cues: CUES, counts: COUNTS },
-  build() {
-    const k = new Kit("Stat counter", preset("ig-post"));
-    k.brand({ onNight: "#f4f6ff", night: "#0b1026", accent: "#ffd23f", muted: "#9aa3c7" }, { handle: "@popcraft" });
-    k.textStyle("Eyebrow 30", { size: 30, fontWeight: 700, lineHeight: 36, letterSpacing: 6, textCase: "UPPER" });
-    k.textStyle("Figure 200", { size: 200, fontWeight: 900, lineHeight: 210, letterSpacing: -6 });
-    k.textStyle("Figure 240", { size: 240, fontWeight: 900, lineHeight: 250, letterSpacing: -8 });
-    k.textStyle("Unit 48", { size: 48, fontWeight: 600, lineHeight: 56 });
-    k.textStyle("Source 24", { size: 24, fontWeight: 500, lineHeight: 30, letterSpacing: 0.5 });
-    k.textStyle("Handle 26", { size: 26, fontWeight: 600, lineHeight: 32, letterSpacing: 1 });
-    k.component("Source", { direction: "HORIZONTAL", width: 640, height: 30, gap: 14, align: "CENTER", justify: "CENTER", props: { Source: SOURCE } }, (id) => {
-      k.ellipse(id, 12, "accent", { name: "Dot" });
-      k.propText(id, "Source", { style: "Source 24", color: "muted", autoWidth: true, name: "Label" });
-    });
-    for (const [i, size] of SIZES.entries()) {
-      const sheet = i === 0 ? k.sheet : k.addSheet(preset(size.preset), size.name);
-      k.nameSheet(sheet, size.name);
-      k.flowSheet(sheet, 28, 96, "night", "CENTER", "CENTER");
-      k.timeline(sheet, { duration: 4e3, fps: 30 });
-      k.text(sheet, "In one second, light travels", { style: "Eyebrow 30", color: "accent", align: "CENTER", name: "Eyebrow" });
-      k.text(sheet, "0", { style: size.figure, color: "onNight", align: "CENTER", name: "Figure" });
-      k.text(sheet, "kilometres through a vacuum", { style: "Unit 48", color: "muted", align: "CENTER", name: "Unit" });
-      const bar = k.rect(sheet, size.bar, 10, "accent", { radius: 5, name: "Progress" });
-      k.patch(bar, { anchorX: 0 });
-      k.instance(sheet, "Source", { Source: SOURCE });
-      k.text(sheet, "{{brand.handle}}", { style: "Handle 26", color: "muted", align: "CENTER", name: "Handle" });
-      k.cues(sheet, CUES);
-      k.counts(sheet, COUNTS);
-      k.animate(bar, "scaleX", [{ t: 500, v: 0, ease: ease.out("cubic") }, { t: 2500, v: 1 }]);
-      k.animate(bar, "opacity", [{ t: 400, v: 0, ease: ease.out("cubic") }, { t: 600, v: 1 }]);
-    }
-    return k.finish();
-  }
-});
-
-export {
-  LIGHT_KM_S,
-  stat_counter_default
-};

package/dist/chunks/chunk-6WX2CX27.js

@@ -1,146 +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 {
-  KONTOR,
-  drawLine,
-  extend,
-  fitGrid,
-  fitRoute,
-  grot,
-  lockup,
-  routeMap,
-  rule,
-  swissBrand,
-  swissGrid
-} from "./chunk-YHOS6ISL.js";
-import {
-  postVariants
-} from "./chunk-FYXK7W3C.js";
-import {
-  defineTemplate
-} from "./chunk-UU6U4UDR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-FJACE5LJ.js";
-import {
-  ease
-} from "./chunk-5J6ZG7JO.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-63KP74KB.js";
-
-// templates/src/social/style-swiss-announcement.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Swiss SaaS announcement post";
-var DURATION = 7e3;
-var OUT = 5800;
-var GRID = { cols: 6, margin: 72, gutter: 24, row: 108, top: 72 };
-var LEAVE = ["Brand row", "Tag", "Headline", "Giant", "Side", "Station", "Flag"];
-var cues = [
-  { layer: "Brand row", preset: "slide-in", at: 150, params: { direction: "down", duration: 400 } },
-  { layer: "Giant", preset: "slide-in", at: 250, params: { direction: "left", duration: 600 } },
-  { layer: "Tag", preset: "wipe-in", at: 500, params: { direction: "right", duration: 360 } },
-  { layer: "Headline", preset: "words-in", at: 650, params: { duration: 800 } },
-  { layer: "Station", preset: "fade-in", at: 1100, stagger: { delay: 110, order: "selection" }, params: { duration: 200 } },
-  { layer: "Flag", preset: "slide-in", at: 2900, params: { direction: "left", duration: 380 } },
-  { layer: "Side", preset: "slide-in", at: 3600, params: { direction: "up", duration: 450 } },
-  { layer: LEAVE, preset: "slide-out", at: OUT, stagger: { delay: 70, order: "selection" }, params: { direction: "left", duration: 380 } }
-];
-var style_swiss_announcement_default = defineTemplate({
-  id: "motion-saas-style-swiss-announcement",
-  meta: {
-    name: NAME,
-    description: "An animated release post in the Swiss typographic style: on a visible grid a rule extends, a giant 3.0 slides into the first columns, the headline arrives word by word and a transit-style route diagram draws itself, its late stretch turning red with a flag and a rail reroute in dashes. Everything wipes off along the grid back to the bare grid, so it loops. Seven seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "swiss", "international typographic style", "grid", "minimal", "b2b", "logistics", "announcement", "release", "changelog", "feature", "diagram", "post", "loop"],
-    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["announcement", "changelog", "launch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-post"));
-    k.quantizeGeometry = true;
-    swissBrand(k, { headline: "Late shipments,\nflagged 48 hours\nearly." });
-    grot(k, "Brand 32", 32, { weight: 700, lead: 1.1, spacing: -0.02 });
-    grot(k, "Label 24", 24, { weight: 600, lead: 1.3 });
-    grot(k, "Headline 70", 66, { weight: 700, lead: 1.02, spacing: -0.04 });
-    grot(k, "Giant 300", 380, { weight: 700, lead: 0.84, spacing: -0.07 });
-    grot(k, "Side 28", 28, { weight: 500, lead: 1.25, spacing: -0.01 });
-    grot(k, "Station 22", 22, { weight: 600, lead: 1.2 });
-    grot(k, "Flag 20", 20, { weight: 700, lead: 1.2 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 36, 72, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    swissGrid(k, sheet, GRID);
-    const top = k.stack(sheet, { gap: 14, name: "Top" });
-    const bar = k.stack(top, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Brand row" });
-    lockup(k, bar, { size: 32, style: "Brand 32" });
-    k.text(bar, "Release notes, October 2026", { style: "Label 24", color: "text", autoWidth: true, name: "Date" });
-    const topRule = rule(k, top, "FILL", { weight: 3, name: "Top rule" });
-    const mid = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, name: "Middle" });
-    const words = k.stack(mid, { width: 512, gap: 22, name: "Words" });
-    const tag = k.stack(words, { direction: "HORIZONTAL", width: "HUG", fill: "primary", padding: { top: 5, right: 12, bottom: 5, left: 12 }, name: "Tag" });
-    k.text(tag, `New: ${KONTOR.feature}`, { style: "Label 24", color: "onPrimary", autoWidth: true, name: "Tag words" });
-    k.text(words, "{{brand.headline}}", { style: "Headline 70", color: "text", name: "Headline" });
-    const map = routeMap(k, mid, { w: 400, h: 400, pad: 40, weight: 14, labels: "Station 22", ink: "text", late: "primary", ground: "paper", labelInk: "text", name: "Route" });
-    k.component("Route flag", { direction: "HORIZONTAL", width: "HUG", fill: "primary", padding: { top: 6, right: 10, bottom: 6, left: 10 }, props: { Label: `+${KONTOR.slip} h, rerouted` } }, (id) => {
-      k.propText(id, "Label", { style: "Flag 20", color: "onPrimary", autoWidth: true });
-    });
-    k.instance(map, "Route flag", {}, { name: "Flag", absolute: { x: 196, y: 100 } });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, align: "MAX", name: "Foot" });
-    k.text(foot, KONTOR.version, { style: "Giant 300", color: "text", autoWidth: true, name: "Giant" });
-    const side = k.stack(foot, { gap: 14, padding: { top: 0, right: 0, bottom: 22, left: 0 }, name: "Side" });
-    k.text(side, "Every lane forecast two days out. Reroute a late shipment in two clicks.", { style: "Side 28", color: "text", name: "Side words" });
-    k.text(side, "{{brand.site}}/3.0", { style: "Label 24", color: "text", name: "Link" });
-    k.cues(sheet, cues);
-    choreograph(k, sheet, topRule, map);
-    k.variants(sheet, postVariants({ portrait: 72, vertical: 96 }, {
-      // The taller cut gives the route the room: the map goes under the words, across the width, and fills the band between the words and the figure.
-      portrait: (kit, id) => {
-        fitGrid(kit, id, GRID);
-        for (const n of kit.named(id, "Middle")) kit.patch(n, { layoutMode: "VERTICAL", itemSpacing: 28 });
-        for (const n of kit.named(id, "Words")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        fitRoute(kit, id, "Route", 900, 400, { pad: 40, weight: 16 });
-      },
-      vertical: (kit, id) => {
-        fitGrid(kit, id, { ...GRID, margin: 140, top: 250 });
-        kit.patch(id, { primaryAxisAlignItems: "MIN", itemSpacing: 30 });
-        for (const n of kit.named(id, "Middle")) kit.patch(n, { layoutMode: "VERTICAL", itemSpacing: 24 });
-        for (const n of kit.named(id, "Words")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        for (const n of kit.named(id, "Side")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        fitRoute(kit, id, "Route", 800, 440, { pad: 40, weight: 16 });
-        kit.rect(id, 1080, 400, "primary", { name: "Field", absolute: { x: 0, y: 1500 } });
-      }
-    }));
-    return k.finish();
-  }
-});
-function choreograph(k, sheet, topRule, map) {
-  extend(k, topRule, 0, 600);
-  k.animate(topRule, "scaleX", [{ t: OUT + 500, v: 1, ease: ease.named("expo", "in") }, { t: OUT + 1e3, v: 0 }]);
-  const line = (name) => k.named(map, name)[0];
-  const draw = (id, at, d) => {
-    drawLine(k, id, at, d);
-    k.animate(id, "trim.start", [{ t: OUT + 200, v: 0, ease: ease.named("quart", "in") }, { t: OUT + 800, v: 1 }]);
-  };
-  draw(line("Road"), 1e3, 1200);
-  draw(line("Late stretch"), 2500, 500);
-  draw(line("Rail"), 3300, 900);
-  const stops = line("Stops");
-  k.animate(stops, "opacity", [{ t: 1e3, v: 0, ease: ease.linear }, { t: 1300, v: 1, ease: ease.hold }, { t: OUT + 600, v: 1, ease: ease.linear }, { t: OUT + 800, v: 0 }]);
-  void sheet;
-}
-
-export {
-  style_swiss_announcement_default
-};