@popcraft/kit 0.26.0 → 0.27.0

package/dist/chunks/chunk-3O3UZV57.js

@@ -0,0 +1,45 @@
+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 {
+  saas_store_story_default
+} from "./chunk-OBMUU4LV.js";
+import {
+  saas_store_b2b_ads_default
+} from "./chunk-VJTMGZIF.js";
+import {
+  saas_store_caption_set_default
+} from "./chunk-G46F3ZQ3.js";
+import {
+  saas_store_chrome_kit_default
+} from "./chunk-37SP4EL7.js";
+import {
+  saas_store_ipad_set_default
+} from "./chunk-WUZXZD2D.js";
+import {
+  saas_store_panorama_default
+} from "./chunk-WF4LNUA3.js";
+import {
+  saas_store_play_kit_default
+} from "./chunk-Z46TW6X2.js";
+import {
+  saas_store_install_ad_default
+} from "./chunk-YYIFIWE7.js";
+import {
+  saas_store_paywall_default
+} from "./chunk-KW5ALU56.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/saas/stores.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [saas_store_caption_set_default, saas_store_ipad_set_default, saas_store_panorama_default, saas_store_story_default, saas_store_play_kit_default, saas_store_chrome_kit_default, saas_store_paywall_default, saas_store_install_ad_default, saas_store_b2b_ads_default];
+var stores_default = pack;
+
+export {
+  stores_default
+};

package/dist/chunks/chunk-3OS2POT6.js

@@ -0,0 +1,257 @@
+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-SQMEMBWT.js";
+import {
+  disc,
+  shape,
+  sway,
+  turn
+} from "./chunk-WYZC5IPY.js";
+import {
+  burstPath
+} from "./chunk-YNOCYFZ4.js";
+import {
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  bloom,
+  glow,
+  grain,
+  hardShadow
+} from "./chunk-HVK5T4I5.js";
+import {
+  box,
+  curve3,
+  line,
+  poly,
+  pt3,
+  rng
+} from "./chunk-BNVLVZUT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.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-3PIDYDPF.js

@@ -0,0 +1,27 @@
+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 {
+  canonicalCategory
+} from "./chunk-QORYWNNT.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/migrations/categories.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var categories = {
+  id: "categories",
+  description: "every official template sits on a category of the one scheme",
+  apply(t) {
+    const category = canonicalCategory(t.meta.category);
+    return category === t.meta.category ? t : { ...t, meta: { ...t.meta, category } };
+  }
+};
+
+export {
+  categories
+};

package/dist/chunks/chunk-3PISNZSW.js

@@ -0,0 +1,71 @@
+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 {
+  stingVariants
+} from "./chunk-TKRFY54G.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  Kit,
+  preset
+} from "./chunk-6QHAQLJ4.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/stings/line-reveal.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var LINES = ["Small studio.", "Big ideas.", "Real deadlines."];
+var cues = [
+  { layer: "Line text", preset: "slide-in", at: 200, params: { direction: "down", duration: 700 }, stagger: { delay: 240 } },
+  { layer: "Rule", preset: "wipe-in", at: 1100, params: { duration: 700 } },
+  { layer: "Byline", preset: "fade-in", at: 1400, params: { duration: 600 } }
+];
+var line_reveal_default = defineTemplate({
+  id: "motion-type-line-reveal",
+  meta: {
+    name: "Kinetic type \u2014 line reveal",
+    description: "A 3.5-second title: three lines rise out of their own rows one after another, a rule wipes open and your name fades in \u2014 square, 16:9 and 9:16",
+    category: "animation",
+    tags: ["animation", "kinetic type", "typography", "line reveal", "text", "studio"],
+    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
+    formats: ["title-card", "video", "post", "story"],
+    useCases: ["brand-intro", "title"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { cues },
+  build() {
+    const k = new Kit("Kinetic type \u2014 line reveal", preset("video-square"));
+    k.brand({ paper: "#10231F", text: "#F1F5F2", onPaper: "#A8BDB5", accent: "#7FD1B9" }, { name: "Harbour & Pine", tagline: "A design studio of four" });
+    k.textStyle("Line 104", { size: 104, fontWeight: 900, letterSpacing: -3, lineHeight: 112, textAlign: "CENTER" });
+    k.textStyle("Byline 40", { size: 40, fontWeight: 500, lineHeight: 52, textAlign: "CENTER" });
+    k.component("Byline", { direction: "HORIZONTAL", width: "HUG", props: { Text: "{{brand.name}} \xB7 {{brand.tagline}}" } }, (id) => {
+      k.propText(id, "Text", { style: "Byline 40", color: "onPaper", autoWidth: true });
+    });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, 120, "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: 3500, fps: 30 });
+    for (const line of LINES) {
+      const row = k.stack(sheet, { clip: true, name: "Line" });
+      k.text(row, line, { style: "Line 104", color: "text", name: "Line text" });
+    }
+    k.stack(sheet, { height: 40, name: "Space" });
+    k.stack(sheet, { width: 200, height: 10, fill: "accent", radius: 5, clip: true, name: "Rule" });
+    k.stack(sheet, { height: 36, name: "Space" });
+    k.instance(sheet, "Byline", { Text: "{{brand.name}} \xB7 {{brand.tagline}}" }, { name: "Byline" });
+    k.cues(sheet, cues);
+    k.variants(sheet, stingVariants());
+    return k.finish();
+  }
+});
+
+export {
+  line_reveal_default
+};

package/dist/chunks/chunk-3PQTPXTD.js

@@ -0,0 +1,190 @@
+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 {
+  cover,
+  eachProject,
+  finishSite,
+  portfolioKit,
+  portfolioSite,
+  toProject,
+  toScreen
+} from "./chunk-6RDEF74A.js";
+import {
+  art
+} from "./chunk-CYXCKXXJ.js";
+import {
+  BREAKPOINTS
+} from "./chunk-YKXCPYWJ.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/web/portfolio-studio-grid.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var ART_STUDIO = art("studio-11");
+var WORK = [
+  { title: "Quicksilver Hour", client: "Mara Vex", year: "2026", kind: "Music video", cover: "studio-00", summary: "A chrome mask that will not keep its shape, for the lead single of Mara Vex\u2019s second record.", story: "Shot as one take on a black stage, then rebuilt in CG frame by frame: the mask melts on the downbeat and finds its face again on the chorus. Rendered at 6K for the label\u2019s vertical and cinema cuts.", credits: "Direction, CG, grade \u2014 Nightjar \xB7 Edit \u2014 Ola Bright" },
+  { title: "Last Train Under", client: "Moth Circuit", year: "2026", kind: "Music video", cover: "studio-01", summary: "A jellyfish drifts through a flooded station while the city above forgets it.", story: "A full CG station built from survey scans of a decommissioned platform, flooded in simulation and lit by the animal alone. Twelve weeks from treatment to delivery.", credits: "Direction, CG \u2014 Nightjar \xB7 Music \u2014 Moth Circuit" },
+  { title: "Point Cloud", client: "Edgelord Skate Co.", year: "2025", kind: "Brand film", cover: "studio-02", summary: "A skate film where the street dissolves into particles under every trick.", story: "Thirty tricks captured with a scanning rig, each landing turned to sixty million points we could sculpt. Released as a two-minute film and a set of loops for the shop floor.", credits: "Direction, capture, CG \u2014 Nightjar \xB7 Skaters \u2014 Edgelord team" },
+  { title: "Kintsugi", client: "Halden Porcelain", year: "2025", kind: "Campaign", cover: "studio-03", summary: "A porcelain face breaks open on a galaxy, mended in gold.", story: "Launch film and stills for a ceramics house\u2019s first sculpture collection. Every crack is a real fracture simulated from the glaze\u2019s own properties.", credits: "Direction, CG \u2014 Nightjar \xB7 Agency \u2014 Fold & Co." },
+  { title: "Swarm Waltz", client: "Ritual Groove", year: "2025", kind: "Music video", cover: "studio-04", summary: "A dancer in red smoke and the iridescent insects that follow every move.", story: "Motion-captured choreography drives four thousand insects, each with its own wingbeat. The smoke is a single fluid simulation, rendered in one pass.", credits: "Direction, CG \u2014 Nightjar \xB7 Choreography \u2014 Ines Ade" },
+  { title: "Monolith", client: "Dune Mile Festival", year: "2024", kind: "Title sequence", cover: "studio-05", summary: "A stone head half sunk in the dunes opens the festival\u2019s week of film.", story: "A ninety-second title sequence and its idents: one head, three sunsets, built so the festival could change the wording every night.", credits: "Direction, CG, type \u2014 Nightjar" },
+  { title: "Breather", client: "Fuzz Theory", year: "2024", kind: "Installation", cover: "studio-06", summary: "A fur sculpture that breathes under ultraviolet light, for a gallery\u2019s long wall.", story: "Eight hours of breathing that never repeats, rendered for a fourteen-metre LED wall and synced to the room\u2019s own sound.", credits: "Concept, CG \u2014 Nightjar \xB7 Sound \u2014 Fuzz Theory" },
+  { title: "Drowned Ballroom", client: "Isola Records", year: "2024", kind: "Music video", cover: "studio-07", summary: "An underwater ballroom where the chandeliers still swing and the koi keep time.", story: "A single camera move through a set modelled from a 1920s hotel, flooded and populated with a school of simulated koi.", credits: "Direction, CG \u2014 Nightjar \xB7 Grade \u2014 Paper Moon" },
+  { title: "Paper Crown", client: "The Kingless", year: "2023", kind: "Album visual", cover: "studio-08", summary: "A burning crown floats over black water for an album about giving power back.", story: "Cover art, a looping visualiser and the tour screens: the crown burns for the full length of the record and never burns out.", credits: "Art direction, CG \u2014 Nightjar" },
+  { title: "Prism Wolf", client: "Northlight Games", year: "2023", kind: "Game trailer", cover: "studio-09", summary: "A wolf made of refracted light, for the reveal of a winter adventure game.", story: "Trailer and key art. The wolf is a refraction shader running on the game\u2019s own creature rig, so the studio could use it in engine.", credits: "Direction, look development \u2014 Nightjar" },
+  { title: "Wax Racer", client: "Velo Audio", year: "2023", kind: "Commercial", cover: "studio-10", summary: "A racing car melts into rainbow wax while the headphones stay perfectly still.", story: "A thirty-second spot and cut-downs: the car is a melting simulation driven by the track\u2019s own frequency bands.", credits: "Direction, CG \u2014 Nightjar \xB7 Agency \u2014 Loudhouse" },
+  { title: "Cable Cathedral", client: "Signal Mass", year: "2022", kind: "Music video", cover: "studio-11", summary: "A cathedral of glowing cables, and the one figure who still prays there.", story: "Our first long-form piece: five minutes in a single space, every cable lit by the music it carries.", credits: "Direction, CG \u2014 Nightjar \xB7 Music \u2014 Signal Mass" }
+];
+var CLIENTS = "Mara Vex \xB7 Moth Circuit \xB7 Edgelord Skate Co. \xB7 Halden Porcelain \xB7 Dune Mile Festival \xB7 Isola Records \xB7 Northlight Games \xB7 Velo Audio \xB7 Signal Mass";
+function tile(s, w, h) {
+  const { k } = s;
+  k.variantSet("Still", "State", ["Rest", "Hover"], { width: w, height: h, clip: true, fill: "paper" }, (state) => {
+    const id = k.componentIdOf(`Still/${state}`);
+    k.patch(cover(s, id, "studio-00", w, h, { name: "Cover" }), { layoutSizingHorizontal: "FILL", layoutSizingVertical: "FILL" });
+    const shade = k.rect(id, w, h, "shade", { name: "Shade", absolute: { x: 0, y: 0 }, opacity: state === "Hover" ? 0.62 : 0 });
+    const caption = k.stack(id, { width: w, height: h, align: "CENTER", justify: "CENTER", padding: 24, name: "Caption", absolute: { x: 0, y: 0 } });
+    k.text(caption, "{{item.title}}", { style: "Still 15", color: "onShade", align: "CENTER", width: "FILL", name: "Still title" });
+    k.patch(caption, { opacity: state === "Hover" ? 1 : 0 });
+    for (const layer of [shade, caption]) k.patch(layer, { constraints: { horizontal: "STRETCH", vertical: "STRETCH" } });
+  });
+  k.changeTo("Still/Rest", "ON_HOVER", "Still/Hover", 180);
+}
+function topBar(s, parent) {
+  const { k } = s;
+  const bar = k.stack(parent, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", padding: { top: 22, right: 32, bottom: 22, left: 32 }, name: "Top bar" });
+  k.text(bar, "LOS ANGELES \u2014 LISBON", { style: "Nav 12", color: "onPaper", autoWidth: true, name: "Where" });
+  toScreen(s, k.text(bar, "{{brand.name}}", { style: "Wordmark 18", color: "text", autoWidth: true, name: "Wordmark" }), "work");
+  const links = k.stack(bar, { direction: "HORIZONTAL", width: "HUG", gap: 24, name: "Nav links" });
+  toScreen(s, k.text(links, "WORK", { style: "Nav 12", color: "text", autoWidth: true, name: "Nav link" }), "work");
+  toScreen(s, k.text(links, "STUDIO", { style: "Nav 12", color: "text", autoWidth: true, name: "Nav link" }), "studio");
+  k.patch(k.text(links, "CONTACT", { style: "Nav 12", color: "text", autoWidth: true, name: "Nav link" }), { semantics: { link: { kind: "email", value: "{{brand.email}}" } } });
+  return bar;
+}
+function footer(k, parent, name = "Footer") {
+  const foot = k.stack(parent, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", padding: { top: 28, right: 32, bottom: 32, left: 32 }, name });
+  k.text(foot, "{{brand.email}}", { style: "Nav 12", color: "text", autoWidth: true, name: "Email" });
+  k.text(foot, "INSTAGRAM \xB7 VIMEO \xB7 ARE.NA", { style: "Nav 12", color: "onPaper", autoWidth: true, name: "Elsewhere" });
+  k.text(foot, "\xA9 2026 {{brand.name}}", { style: "Nav 12", color: "onPaper", autoWidth: true, name: "Copyright" });
+}
+var portfolio_studio_grid_default = defineTemplate({
+  id: "web-portfolio-studio-grid",
+  meta: {
+    name: "Studio wall portfolio",
+    description: "A motion and CGI studio\u2019s site: a full-bleed wall of stills four across on black, a title on each as you point at it, a page per project with the picture large, the story and the credits, and a studio page. The projects are a collection you edit as a table. Desktop, tablet and phone",
+    category: "web",
+    tags: ["portfolio", "studio", "motion design", "cgi", "music video", "grid", "dark", "cms", "website", "responsive"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["portfolio"],
+    created: "2026-10-05",
+    updated: "2026-10-05"
+  },
+  breakpoints: true,
+  build() {
+    const k = portfolioKit("Studio wall");
+    k.brand(
+      { paper: "#000000", text: "#F2F2F2", onPaper: "#8A8A8A", primary: "#F2F2F2", onPrimary: "#000000", line: "#262626" },
+      { name: "NIGHTJAR", email: "studio@nightjar.film" }
+    );
+    k.palette({ shade: "#000000", onShade: "#FFFFFF" });
+    k.textStyle("Wordmark 18", { size: 18, fontWeight: 700, letterSpacing: 6, lineHeight: 24 });
+    k.textStyle("Nav 12", { size: 12, fontWeight: 500, letterSpacing: 1.6, lineHeight: 16 });
+    k.textStyle("Still 15", { size: 15, fontWeight: 600, letterSpacing: 2.4, lineHeight: 20 });
+    k.textStyle("Lead 15", { size: 15, fontWeight: 400, letterSpacing: 0.2, lineHeight: 24 });
+    k.textStyle("Title 44", { size: 44, fontWeight: 600, letterSpacing: 6, lineHeight: 52 });
+    k.textStyle("Title 28", { size: 28, fontWeight: 600, letterSpacing: 3, lineHeight: 36 });
+    k.textStyle("Meta 13", { size: 13, fontWeight: 500, letterSpacing: 1.6, lineHeight: 18 });
+    k.textStyle("Story 18", { size: 18, fontWeight: 400, lineHeight: 30 });
+    k.textStyle("Story 16", { size: 16, fontWeight: 400, lineHeight: 26 });
+    const s = portfolioSite(k, { name: "Nightjar", projects: WORK });
+    const TILE = 1440 / 4, TILE_H = Math.round(TILE * 2 / 3);
+    tile(s, TILE, TILE_H);
+    const work = s.screens.work;
+    topBar(s, work);
+    const lead = k.stack(work, { align: "CENTER", padding: { top: 4, right: 32, bottom: 28, left: 32 }, name: "Lead" });
+    k.text(lead, "Motion, CGI and film for music, games and brands.", { style: "Lead 15", color: "onPaper", align: "CENTER", width: "FILL", name: "Tagline" });
+    const wall = k.stack(work, { gap: 0, width: "FILL", name: "Art" });
+    k.patch(wall, { layoutMode: "GRID", layoutGridColumns: 4, counterAxisSpacing: 0 });
+    eachProject(s, wall);
+    const first = k.instance(wall, "Still", {}, { name: "Still" });
+    k.patch(first, { layoutSizingHorizontal: "FILL" });
+    toProject(s, first);
+    footer(k, work, "Body");
+    const project = s.screens.project;
+    topBar(s, project);
+    const head = k.stack(project, { gap: 14, align: "CENTER", padding: { top: 72, right: 120, bottom: 48, left: 120 }, name: "Lead" });
+    k.text(head, "{{item.title}}", { style: "Title 44", color: "text", align: "CENTER", width: "FILL", name: "Project title" });
+    k.text(head, "{{item.client}} \u2014 {{item.kind}} \u2014 {{item.year}}", { style: "Meta 13", color: "onPaper", align: "CENTER", width: "FILL", name: "Project meta" });
+    const still = k.stack(project, { align: "CENTER", padding: { top: 0, right: 120, bottom: 0, left: 120 }, name: "Art" });
+    k.patch(cover(s, still, "studio-00", 1200, 800, { name: "Project still" }), { layoutSizingHorizontal: "FILL" });
+    const body = k.stack(project, { gap: 56, padding: { top: 56, right: 120, bottom: 0, left: 120 }, name: "Body" });
+    const words = k.stack(body, { gap: 20, align: "CENTER", name: "Words" });
+    k.text(words, "{{item.story}}", { style: "Story 18", color: "text", align: "CENTER", width: 760, name: "Story" });
+    k.text(words, "{{item.credits}}", { style: "Meta 13", color: "onPaper", align: "CENTER", width: 760, name: "Credits" });
+    const moreHead = k.stack(body, { gap: 18, name: "More work" });
+    k.text(moreHead, "MORE WORK", { style: "Meta 13", color: "onPaper", align: "CENTER", width: "FILL", name: "More title" });
+    const more = k.stack(moreHead, { gap: 0, width: "FILL", name: "More row" });
+    k.patch(more, { layoutMode: "GRID", layoutGridColumns: 4, counterAxisSpacing: 0 });
+    eachProject(s, more, 4);
+    const next = k.instance(more, "Still", {}, { name: "More still" });
+    k.patch(next, { height: 200, layoutSizingHorizontal: "FILL" });
+    toProject(s, next);
+    footer(k, project);
+    const studio = s.screens.studio;
+    topBar(s, studio);
+    const about = k.stack(studio, { gap: 28, align: "CENTER", padding: { top: 120, right: 120, bottom: 64, left: 120 }, name: "Lead" });
+    k.text(about, "WE MAKE PICTURES THAT MOVE PEOPLE", { style: "Title 44", color: "text", align: "CENTER", width: "FILL", name: "Studio title" });
+    k.text(about, "Nightjar is a studio of nine directors, CG artists and editors in Los Angeles and Lisbon. We take a song, a game or a brand from the first treatment to the last frame of the grade, and we keep every project small enough to care about each shot.", { style: "Story 18", color: "text", align: "CENTER", width: 820, name: "Studio text" });
+    const pic = k.stack(studio, { align: "CENTER", padding: { top: 0, right: 120, bottom: 0, left: 120 }, name: "Art" });
+    k.patch(k.image(pic, ART_STUDIO, 1200, 600, { name: "Studio still" }), { layoutSizingHorizontal: "FILL" });
+    const sbody = k.stack(studio, { gap: 18, align: "CENTER", padding: { top: 64, right: 120, bottom: 0, left: 120 }, name: "Body" });
+    k.text(sbody, "CLIENTS", { style: "Meta 13", color: "onPaper", align: "CENTER", width: "FILL", name: "Clients title" });
+    k.text(sbody, CLIENTS, { style: "Story 16", color: "text", align: "CENTER", width: 820, name: "Clients" });
+    k.text(sbody, "New work: {{brand.email}}", { style: "Title 28", color: "text", align: "CENTER", width: "FILL", name: "Contact" });
+    footer(k, studio);
+    const across = { desktop: 4, laptop: 4, tablet: 2, mobile: 1 };
+    finishSite(s, {
+      all: {
+        restyle: { "Title 44": { tablet: "Title 28", mobile: "Title 28" }, "Story 18": { mobile: "Story 16" } },
+        hide: { mobile: ["Where"] },
+        tweak: (kit, id, size) => {
+          const w = kit.node(id).width, side = BREAKPOINTS[size].side;
+          const th = Math.round(Math.floor(w / across[size]) * 2 / 3);
+          for (const g of kit.named(id, "Art")) if (kit.node(g).layoutMode === "GRID") kit.patch(g, { layoutGridColumns: across[size] });
+          for (const t of kit.named(id, "Still")) kit.patch(t, { height: th });
+          const mw = Math.floor((w - side * 2) / (size === "mobile" ? 2 : 4));
+          for (const g of kit.named(id, "More row")) kit.patch(g, { layoutGridColumns: size === "mobile" ? 2 : 4 });
+          for (const t of kit.named(id, "More still")) kit.patch(t, { height: Math.round(mw * 2 / 3) });
+          for (const p of kit.named(id, "Project still")) kit.patch(p, { height: Math.round((w - side * 2) * 2 / 3) });
+          for (const p of kit.named(id, "Studio still")) kit.patch(p, { height: Math.round((w - side * 2) / 2) });
+          for (const name of ["Lead", "Art", "Body", "Words"]) for (const b of kit.named(id, name)) {
+            const f = kit.node(b);
+            if (f.type === "FRAME" && f.padding?.left === 120) kit.patch(b, { padding: { ...f.padding, right: side, left: side } });
+          }
+          for (const t of [...kit.named(id, "Story"), ...kit.named(id, "Credits"), ...kit.named(id, "Studio text"), ...kit.named(id, "Clients")]) if (size !== "laptop") kit.patch(t, { layoutSizingHorizontal: "FILL" });
+          if (size === "mobile") for (const l of kit.named(id, "Nav links")) kit.patch(l, { itemSpacing: 14 });
+          if (size === "mobile") for (const b of [...kit.named(id, "Top bar"), ...kit.named(id, "Footer"), ...kit.named(id, "Body")]) {
+            const f = kit.node(b);
+            if (f.padding?.left === 32) kit.patch(b, { padding: { ...f.padding, right: 20, left: 20 } });
+          }
+          if (size === "mobile") {
+            for (const b of [...kit.named(id, "Footer"), ...kit.named(id, "Body")]) if (kit.node(b).padding?.left === 20) kit.patch(b, { layoutMode: "VERTICAL", itemSpacing: 8, counterAxisAlignItems: "MIN" });
+          }
+        }
+      }
+    });
+    return k.finish();
+  }
+});
+
+export {
+  portfolio_studio_grid_default
+};