@popcraft/kit 0.30.0 → 0.31.0

package/dist/chunks/chunk-UJCH2M3Y.js

@@ -1,91 +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 {
-  bar,
-  burst,
-  card,
-  drawAt,
-  fadeAt,
-  ping,
-  popAt,
-  saasUi,
-  tickMark
-} from "./chunk-X4HN5LP7.js";
-import {
-  E,
-  arc,
-  sparkle
-} from "./chunk-SRSUY2WG.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/lottie/saas-ui-checklist.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var saas_ui_checklist_default = saasUi({
-  slug: "onboarding-checklist",
-  role: "onboarding",
-  size: "spot",
-  duration: 3600,
-  loop: false,
-  title: "onboarding checklist",
-  description: "A getting-started checklist for a setup page: four steps tick off one by one, the progress ring fills a quarter with each, and the finished ring turns green with a small burst \u2014 3.6 seconds that rest on the finished list, 800\xD7600",
-  useCases: ["onboarding"],
-  tags: ["checklist", "getting started", "progress", "setup", "celebration"],
-  build(l) {
-    l.circle(l.sheet, 400, 300, 262, "soft", { name: "Backdrop" });
-    l.circle(l.sheet, 668, 112, 14, "accent", { name: "Dot", opacity: 0.25 });
-    l.circle(l.sheet, 112, 498, 20, "accent", { name: "Dot", opacity: 0.18 });
-    const list = card(l, l.sheet, 84, 88, 384, 424, "Checklist");
-    bar(l, list, 32, 34, 140, 18, "ink", { name: "Title" });
-    bar(l, list, 32, 64, 214, 12, "mute", { name: "Subtitle" });
-    const T = [500, 1050, 1600, 2150];
-    const widths = [188, 148, 200, 164];
-    T.forEach((t, i) => {
-      const row = l.box(list, 18, 100 + i * 76, 348, 62, "Step");
-      const lit = l.rect(row, 0, 0, 348, 62, "soft", { radius: 18, name: "Step flash", opacity: 0 });
-      l.opacity(lit, [[0, 0, E.hold], [t, 0, E.out], [t + 160, 0.8, E.inOut], [t + 700, 0, E.hold]]);
-      l.circle(row, 34, 31, 17, "surface", { name: "Checkbox", stroke: { color: "mute", width: 4 } });
-      popAt(l, l.circle(row, 34, 31, 19, "success", { name: "Checkbox done" }), t);
-      drawAt(l, tickMark(l, row, 34, 31, 1, "white", 5.5), t + 150, 280);
-      bar(l, row, 70, 22, widths[i], 18, "ink", { name: "Step label" });
-      fadeAt(l, bar(l, row, 70, 22, widths[i], 18, "mute", { name: "Step label done" }), t + 80, 320);
-      l.rect(row, 290, 20, 42, 22, "soft", { radius: 11, name: "Step time" });
-      l.keys(row, "translateX", [[0, 0, E.hold], [t, 0, E.out], [t + 150, 8, E.inOut], [t + 480, 0, E.hold]]);
-    });
-    const DONE = 2700;
-    burst(l, l.sheet, 606, 300, { n: 12, r0: 118, r1: 190, t: DONE + 60, size: 9 });
-    ping(l, l.sheet, 606, 300, 112, "success", DONE, { to: 1.5 });
-    const ring = l.box(l.sheet, 490, 184, 232, 232, "Progress");
-    l.circle(ring, 116, 128, 110, "ink", { name: "Ring shadow", opacity: 0.07 });
-    l.circle(ring, 116, 116, 112, "surface", { name: "Ring face", stroke: { color: "line", width: 2 } });
-    l.ring(ring, 116, 116, 78, "line", 18, { name: "Ring track" });
-    const fill = l.line(ring, arc(116, 116, 78, 0, 360), "accent", 18, { name: "Ring fill" });
-    const ks = [[0, 0, E.hold]];
-    T.forEach((t, i) => ks.push([t + 60, i / 4, E.out], [t + 500, (i + 1) / 4, E.hold]));
-    l.keys(fill, "trim.end", ks);
-    fadeAt(l, l.ring(ring, 116, 116, 78, "success", 18, { name: "Ring complete" }), DONE - 80, 260);
-    const pips = l.box(ring, 66, 104, 100, 24, "Steps done");
-    T.forEach((t, i) => {
-      l.circle(pips, 14 + i * 24, 12, 7, "line", { name: "Pip" });
-      popAt(l, l.circle(pips, 14 + i * 24, 12, 7, "accent", { name: "Pip done" }), t + 220, void 0, 260);
-    });
-    l.k.patch(pips, { opacity: 0 });
-    l.opacity(pips, [[0, 1, E.hold], [DONE - 150, 1, E.in], [DONE, 0, E.hold]]);
-    drawAt(l, tickMark(l, ring, 116, 116, 3.4, "success", 16, "All done"), DONE, 380);
-    l.scale(ring, [[0, 1, E.hold], [DONE - 40, 1, E.out], [DONE + 140, 1.09, E.inOut], [DONE + 520, 1, E.hold]]);
-    for (const [x, y, r, color, t] of [[716, 168, 22, "gold", DONE + 150], [498, 452, 15, "accent", DONE + 230], [742, 420, 11, "success", DONE + 300]]) {
-      const s = l.shape(l.sheet, sparkle(x, y, r), color, { name: "Sparkle" });
-      popAt(l, s, t);
-      l.keys(s, "rotation", [[0, -45, E.hold], [t, -45, E.out], [t + 600, 0, E.hold]]);
-    }
-  }
-});
-
-export {
-  saas_ui_checklist_default
-};

package/dist/chunks/chunk-UJORPKRW.js

@@ -1,90 +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 {
-  tour_tickets_wreck_landing_default
-} from "./chunk-GRCLKQKE.js";
-import {
-  tour_tickets_june_landing_default
-} from "./chunk-MVFUNXDH.js";
-import {
-  tour_tickets_tide_landing_default
-} from "./chunk-TUAADYK6.js";
-import {
-  tour_tickets_wreck_ads_default
-} from "./chunk-VX7BKOHM.js";
-import {
-  tour_tickets_june_ads_default
-} from "./chunk-XIRI5JXO.js";
-import {
-  tour_tickets_tide_ads_default
-} from "./chunk-3W3WQN2W.js";
-import {
-  tour_tickets_wreck_dates_default
-} from "./chunk-5FWRLBAW.js";
-import {
-  tour_tickets_wreck_final_default
-} from "./chunk-2DOWEP23.js";
-import {
-  tour_tickets_wreck_reel_default
-} from "./chunk-OJSQNIHS.js";
-import {
-  tour_tickets_june_dates_default
-} from "./chunk-F4UGIRWU.js";
-import {
-  tour_tickets_june_final_default
-} from "./chunk-5OJA47IZ.js";
-import {
-  tour_tickets_june_reel_default
-} from "./chunk-INREWU77.js";
-import {
-  tour_tickets_tide_city_default
-} from "./chunk-JJEXCQFJ.js";
-import {
-  tour_tickets_tide_dates_default
-} from "./chunk-YPBD7EUC.js";
-import {
-  tour_tickets_tide_final_default
-} from "./chunk-5W3C5KDZ.js";
-import {
-  tour_tickets_tide_reel_default
-} from "./chunk-62SM2ZMI.js";
-import {
-  tour_tickets_wreck_city_default
-} from "./chunk-D6VGJK6W.js";
-import {
-  tour_tickets_june_city_default
-} from "./chunk-I56YVBSU.js";
-import {
-  tour_tickets_tide_header_default
-} from "./chunk-JJTSI5Q5.js";
-import {
-  tour_tickets_wreck_header_default
-} from "./chunk-O6GMQ677.js";
-import {
-  tour_tickets_june_header_default
-} from "./chunk-ZOY44347.js";
-import {
-  tour_tickets_june_ticket_default
-} from "./chunk-GIQH7FWT.js";
-import {
-  tour_tickets_tide_ticket_default
-} from "./chunk-N2GXKXLR.js";
-import {
-  tour_tickets_wreck_ticket_default
-} from "./chunk-JF5DTC5Z.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/themes/tour-tickets.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [tour_tickets_wreck_reel_default, tour_tickets_wreck_dates_default, tour_tickets_wreck_city_default, tour_tickets_wreck_final_default, tour_tickets_wreck_landing_default, tour_tickets_wreck_header_default, tour_tickets_wreck_ads_default, tour_tickets_wreck_ticket_default, tour_tickets_june_reel_default, tour_tickets_june_dates_default, tour_tickets_june_city_default, tour_tickets_june_final_default, tour_tickets_june_landing_default, tour_tickets_june_header_default, tour_tickets_june_ads_default, tour_tickets_june_ticket_default, tour_tickets_tide_reel_default, tour_tickets_tide_dates_default, tour_tickets_tide_city_default, tour_tickets_tide_final_default, tour_tickets_tide_landing_default, tour_tickets_tide_header_default, tour_tickets_tide_ads_default, tour_tickets_tide_ticket_default];
-var tour_tickets_default = pack;
-
-export {
-  tour_tickets_default
-};

package/dist/chunks/chunk-UKJMBB65.js

@@ -1,304 +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 {
-  APP_CUES,
-  accountPage,
-  accountPages,
-  appPages,
-  choice,
-  closing,
-  editInPlace,
-  errorLine,
-  eyebrow,
-  opener,
-  pane,
-  panes,
-  recordButton
-} from "./chunk-2J4DQY7Q.js";
-import {
-  form,
-  repeats,
-  says,
-  userVariables,
-  visitorCollection
-} from "./chunk-CDWTNBW2.js";
-import {
-  field,
-  formStyles,
-  select,
-  submit
-} from "./chunk-I6GZB3SS.js";
-import {
-  buttons
-} from "./chunk-TF2MO3UA.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-2P7ISWIA.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/web/wayfarer-app.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var KINDS = ["City", "Coast", "Mountains", "Road trip"];
-var KIND_ROLE = { City: "city", Coast: "coast", Mountains: "peak", "Road trip": "road" };
-var STATUSES = ["Dreaming", "Booked", "Been"];
-var MONTHS = ["Sometime", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-var SAMPLES = [
-  { place: "Lisbon", country: "Portugal", month: "May", kind: "City", status: "Booked", note: "Tram 28 at dawn, then past\xE9is in Bel\xE9m before the queue." },
-  { place: "Lofoten", country: "Norway", month: "February", kind: "Mountains", status: "Dreaming", note: "Red cabins, northern lights, and nothing to do after four." },
-  { place: "Amalfi coast", country: "Italy", month: "September", kind: "Coast", status: "Dreaming", note: "After the crowds. Walk the Path of the Gods." },
-  { place: "Kyoto", country: "Japan", month: "November", kind: "City", status: "Dreaming", note: "Maple season. Book the ryokan six months out." },
-  { place: "Highway 1", country: "California", month: "June", kind: "Road trip", status: "Booked", note: "Monterey to Morro Bay, top down, two nights in Big Sur." },
-  { place: "Dolomites", country: "Italy", month: "July", kind: "Mountains", status: "Been", note: "Hut to hut for four days. Seceda at sunrise was the one." }
-];
-var wayfarer_app_default = defineTemplate({
-  id: "web-wayfarer-app",
-  meta: {
-    name: "Wayfarer \u2014 a trip board with accounts",
-    description: "A working travel planner: visitors sign up, add the places they want to go and move each across a board as it becomes real \u2014 dreaming, booked, been. Cards are boarding passes coloured by the kind of trip, each visitor has their own, and a tap changes one record in the database. Landing, sign-up, sign-in, board and account pages that fold from desktop to phone",
-    category: "web",
-    tags: ["app", "accounts", "sign in", "database", "travel", "trip planner", "kanban", "board", "bucket list", "website"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["planning", "onboarding"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  breakpoints: true,
-  motion: { cues: APP_CUES },
-  build() {
-    const k = new Kit("Wayfarer", preset("web-desktop"));
-    k.brand(
-      { paper: "#F7F0E4", text: "#1A1830", onPaper: "#5B5670", primary: "#D2351A", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#1A1830", cardMuted: "#6B667D", field: "#FBF7F0", onField: "#6B667D", line: "#E4D9C6", danger: "#B3261E", onDanger: "#FFFFFF" },
-      { name: "Wayfarer" }
-    );
-    k.palette({ city: "#6C4CF1", coast: "#0A7780", peak: "#2E7D4F", road: "#E08A00", sun: "#FFB627", sky: "#DCEBFA", white: "#FFFFFF" });
-    k.textStyle("Brand 20", { size: 20, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Link 15", { size: 15, fontWeight: 600, lineHeight: 22 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Code 12", { size: 12, fontFamily: "JetBrains Mono", fontWeight: 700, letterSpacing: 1.2, lineHeight: 16 });
-    k.textStyle("Display 60", { size: 60, fontWeight: 900, letterSpacing: -2.2, lineHeight: 62 });
-    k.textStyle("Title 36", { size: 36, fontWeight: 800, letterSpacing: -1, lineHeight: 42 });
-    k.textStyle("Place 26", { size: 26, fontWeight: 800, letterSpacing: -0.6, lineHeight: 30 });
-    k.textStyle("Body 17", { size: 17, fontWeight: 400, lineHeight: 27 });
-    k.textStyle("Note 15", { size: 15, fontWeight: 400, lineHeight: 22 });
-    k.textStyle("Card title 18", { size: 18, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Meta 14", { size: 14, fontWeight: 500, lineHeight: 20 });
-    k.textStyle("Chip 14", { size: 14, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Small 13", { size: 13, fontWeight: 600, lineHeight: 18 });
-    k.textStyle("Error 14", { size: 14, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Stat 44", { size: 44, fontWeight: 900, letterSpacing: -1.4, lineHeight: 46 });
-    formStyles(k, { thanks: false });
-    buttons(k, { style: "Button 16", radius: 14 });
-    const user = userVariables(k, { name: "Noor", email: "noor@example.com" });
-    const trips = visitorCollection(k, "Trips", [
-      { name: "Place", type: "TEXT" },
-      { name: "Country", type: "TEXT" },
-      { name: "Month", type: "OPTION", options: MONTHS },
-      { name: "Kind", type: "OPTION", options: [...KINDS] },
-      { name: "Status", type: "OPTION", options: [...STATUSES] },
-      { name: "Note", type: "TEXT" }
-    ], SAMPLES);
-    const app = appPages(k, { brand: "Wayfarer", width: 1120, gap: 24 });
-    const mark = (parent) => {
-      const m = k.stack(parent, { width: 30, height: 30, name: "Mark", clip: true, radius: 15, fill: "text" });
-      k.ellipse(m, 16, "sun", { name: "Sun", absolute: { x: 7, y: 5 } });
-      k.rect(m, 30, 10, "primary", { name: "Horizon", absolute: { x: 0, y: 20 } });
-      return m;
-    };
-    const topBar = (column, right) => {
-      const row = k.stack(column, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top bar" });
-      const brand = k.stack(row, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", name: "Brand" });
-      mark(brand);
-      k.text(brand, "{{brand.name}}", { style: "Brand 20", color: "text", autoWidth: true, name: "Brand name" });
-      right?.(row);
-      return brand;
-    };
-    const pass = (parent, o) => {
-      const p = k.stack(parent, { direction: "HORIZONTAL", width: 330, fill: "card", radius: 18, stroke: { color: "line", width: 1 }, clip: true, absolute: { x: o.x, y: o.y }, name: `${o.place} pass` });
-      k.stack(p, { width: 12, height: "FILL", fill: KIND_ROLE[o.kind], name: "Band" });
-      const main = k.stack(p, { gap: 6, padding: { top: 18, right: 16, bottom: 18, left: 18 }, name: "Pass main" });
-      k.text(main, `${o.kind.toUpperCase()} \xB7 ${o.when.toUpperCase()}`, { style: "Code 12", color: "cardMuted", name: "Pass kind" });
-      k.text(main, o.place, { style: "Place 26", color: "onCard", name: "Pass place" });
-      const stub = k.stack(p, { width: 84, height: "FILL", align: "CENTER", justify: "CENTER", gap: 2, fill: "field", stroke: { color: "line", width: 1 }, name: "Stub" });
-      k.text(stub, o.code, { style: "Card title 18", color: "onCard", align: "CENTER", name: "Stub code" });
-      k.text(stub, "GATE", { style: "Code 12", color: "cardMuted", align: "CENTER", name: "Stub label" });
-      k.patch(p, { rotation: o.turn });
-      return p;
-    };
-    const passes = (parent, height = 400) => {
-      const art = k.stack(parent, { width: 460, height, name: "Passes", radius: 32, fill: "sky", clip: true });
-      k.ellipse(art, 190, "sun", { name: "Big sun", absolute: { x: 250, y: -40 } });
-      pass(art, { x: 40, y: 56, turn: -7, code: "LIS", place: "Lisbon", when: "May", kind: "City" });
-      pass(art, { x: 96, y: 168, turn: 4, code: "KIX", place: "Kyoto", when: "November", kind: "City" });
-      pass(art, { x: 52, y: 284, turn: -3, code: "BZO", place: "Dolomites", when: "July", kind: "Mountains" });
-      return art;
-    };
-    const welcome = app.page("Welcome", "/", "signedOut");
-    topBar(welcome.column, (row) => app.link(k.text(row, "Sign in", { style: "Link 15", color: "text", autoWidth: true, name: "Sign in link" }), "Sign in"));
-    const hero = panes(k, welcome.column, { gap: 40, align: "CENTER", name: "Hero" });
-    const lead = k.stack(hero, { gap: 20, name: "Lead" });
-    pane(k, lead, 320);
-    eyebrow(k, lead, "YOUR TRIPS, ON ONE BOARD", "Code 12");
-    k.text(lead, "Every trip starts as a daydream.", { style: "Display 60", color: "text", name: "Headline" });
-    k.text(lead, "Pin the places you keep thinking about. Slide each one across as it gets booked, then keep it for good once you have been.", { style: "Body 17", color: "onPaper", name: "Lead text" });
-    const ctas = k.stack(lead, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "Calls to action" });
-    app.link(k.instance(ctas, "Button", { Label: "Start your board" }, { name: "Create account" }), "Sign up");
-    app.link(k.instance(ctas, "Button quiet", { Label: "I have one" }, { name: "Have account" }), "Sign in");
-    const heroArt = k.stack(hero, { align: "CENTER", name: "Art" });
-    pane(k, heroArt, 320);
-    passes(heroArt, 420);
-    const how = k.stack(welcome.column, { gap: 20, name: "Body" });
-    const steps = panes(k, how, { gap: 16, name: "Steps" });
-    for (const [n, what, why, role] of [["01", "Dream it", "Add a place the moment it crosses your mind, with a note on why.", "city"], ["02", "Book it", "One tap moves the card across when the flights are real.", "coast"], ["03", "Keep it", "Been there. The card stays, with the memory you wrote on it.", "peak"]]) {
-      const s = k.stack(steps, { gap: 10, fill: "card", radius: 22, stroke: { color: "line", width: 1 }, padding: 24, name: "Step" });
-      pane(k, s, 260);
-      const tag = k.stack(s, { direction: "HORIZONTAL", width: "HUG", radius: 999, fill: role, padding: { top: 4, right: 10, bottom: 4, left: 10 }, name: "Step number" });
-      k.text(tag, n, { style: "Code 12", color: "white", autoWidth: true, name: "Step digits" });
-      k.text(s, what, { style: "Card title 18", color: "onCard", name: "Step title" });
-      k.text(s, why, { style: "Note 15", color: "cardMuted", name: "Step body" });
-    }
-    closing(k, app, how, { title: "Where have you been meaning to go?", style: "Title 36", button: "Start your board" });
-    const accounts = accountPages(k, app, {
-      styles: { title: "Title 36", body: "Body 17", meta: "Meta 14", link: "Link 15", error: "Error 14" },
-      top: (column, back) => back(topBar(column)),
-      art: (p) => {
-        k.patch(p, { counterAxisAlignItems: "CENTER" });
-        passes(p, 400);
-      },
-      copy: {
-        "Sign up": { title: "Start your board", body: "A name, an email and a password. Your places are yours alone.", button: "Create account", namePlaceholder: "Noor" },
-        "Sign in": { title: "Welcome back", body: "Your board is where you left it.", button: "Sign in" }
-      }
-    });
-    const board = app.page("Board", "/board", "signedIn");
-    topBar(board.column, (row) => {
-      const who = k.stack(row, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", radius: 999, fill: "card", stroke: { color: "line", width: 1 }, padding: { top: 6, right: 14, bottom: 6, left: 6 }, name: "Account link" });
-      const face = k.stack(who, { direction: "HORIZONTAL", width: 28, height: 28, radius: 14, fill: "primary", align: "CENTER", justify: "CENTER", name: "Face" });
-      k.ellipse(face, 10, "onPrimary", { name: "Face dot" });
-      says(k, k.text(who, "Noor", { style: "Link 15", color: "onCard", autoWidth: true, name: "Account name" }), "name");
-      app.link(who, "Account", "up");
-    });
-    const banner = k.stack(board.column, { gap: 26, fill: "text", radius: 30, padding: { top: 34, right: 34, bottom: 30, left: 34 }, clip: true, name: "Lead" });
-    k.ellipse(banner, 260, "sun", { name: "Banner sun", absolute: { x: 800, y: -120 } });
-    k.ellipse(banner, 420, "primary", { name: "Banner glow", absolute: { x: 880, y: 60 }, opacity: 0.9 });
-    const head = panes(k, banner, { gap: 24, align: "MAX", name: "Board head" });
-    const hello = k.stack(head, { gap: 8, name: "Greeting block" });
-    pane(k, hello, 280);
-    k.text(hello, "YOUR BOARD", { style: "Code 12", color: "paper", name: "Eyebrow" });
-    const helloRow = k.stack(hello, { direction: "HORIZONTAL", gap: 10, wrap: true, name: "Greeting" });
-    k.text(helloRow, "Where to next,", { style: "Title 36", color: "paper", autoWidth: true, name: "Greeting words" });
-    says(k, k.text(helloRow, "Noor", { style: "Title 36", color: "paper", autoWidth: true, name: "Greeting name" }), "name");
-    const bannerRow = k.stack(banner, { direction: "HORIZONTAL", gap: 18, wrap: true, align: "CENTER", name: "Banner row" });
-    const adder = opener(k, bannerRow, { word: "addingPlace", label: "Add a place", style: "Button 16", fill: "paper", color: "text", dot: "primary", onDot: "onPrimary" });
-    const tally = k.stack(bannerRow, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", name: "Tally" });
-    k.bindExpression(k.text(tally, "6", { style: "Stat 44", color: "paper", autoWidth: true, name: "Tally number" }), "characters", trips.word);
-    k.text(tally, "places on\nyour board", { style: "Small 13", color: "paper", autoWidth: true, name: "Tally words" });
-    for (const status of STATUSES) {
-      const chip = k.stack(bannerRow, { direction: "HORIZONTAL", width: "HUG", gap: 6, align: "CENTER", radius: 999, stroke: { color: "paper", width: 1 }, padding: { top: 6, right: 12, bottom: 6, left: 12 }, name: "Status count" });
-      k.bindExpression(k.text(chip, "2", { style: "Small 13", color: "paper", autoWidth: true, name: "Status number" }), "characters", `count("Trips", "status", "${status}")`);
-      k.text(chip, status.toLowerCase(), { style: "Small 13", color: "paper", autoWidth: true, name: "Status word" });
-    }
-    const ticket = k.stack(board.column, { gap: 18, fill: "card", radius: 26, stroke: { color: "line", width: 1 }, padding: 26, name: "Art" });
-    k.text(ticket, "NEW BOARDING PASS", { style: "Code 12", color: "cardMuted", name: "Ticket label" });
-    const add = k.stack(ticket, { gap: 18, name: "Add form" });
-    const where = panes(k, add, { gap: 14, name: "Where and when" });
-    for (const [label, name, placeholder] of [["Place", "place", "Lisbon"], ["Country", "country", "Portugal"]]) {
-      const w = k.stack(where, { name: `${label} pane` });
-      pane(k, w, 200);
-      field(k, w, { card: true, label, name, placeholder, required: name === "place" });
-    }
-    const whenPane = k.stack(where, { name: "Month pane" });
-    pane(k, whenPane, 180);
-    select(k, whenPane, { card: true, label: "When", name: "month", options: MONTHS });
-    choice(k, add, { card: true, label: "What kind of trip", name: "kind", word: "tripKind", options: KINDS, style: "Chip 14" });
-    field(k, add, { card: true, label: "Why there", name: "note", placeholder: "The one thing you would go for" });
-    errorLine(k, add, "Error 14");
-    const addRow = k.stack(add, { direction: "HORIZONTAL", name: "Add row" });
-    k.patch(submit(k, addRow, "Pin it to the board", { name: "Pin button" }), { control: { kind: "BUTTON", buttonType: "submit", name: "status", value: "Dreaming" } });
-    form(k, add, { collectionId: trips.id, onSubmit: adder.close });
-    adder.opens(ticket);
-    const body = k.stack(board.column, { gap: 22, name: "Body" });
-    const empty = k.stack(body, { gap: 6, align: "CENTER", padding: 28, radius: 22, stroke: { color: "line", width: 1 }, name: "Empty board" });
-    k.text(empty, "Nothing pinned yet", { style: "Card title 18", color: "text", align: "CENTER", name: "Empty title" });
-    k.text(empty, "Your first place lands in Dreaming. Where have you been meaning to go?", { style: "Note 15", color: "onPaper", align: "CENTER", name: "Empty body" });
-    k.bindExpression(empty, "visible", `${trips.word} == 0`);
-    k.patch(empty, { visible: false });
-    const columns = panes(k, body, { gap: 18, name: "Columns" });
-    const NEXT = {
-      Dreaming: { blurb: "Someday", role: "city", moves: [["Booked it", "Booked", true]] },
-      Booked: { blurb: "It is happening", role: "coast", moves: [["Been there", "Been", true], ["Not yet", "Dreaming", false]] },
-      Been: { blurb: "For keeps", role: "peak", moves: [["Go again", "Dreaming", false]] }
-    };
-    for (const status of STATUSES) {
-      const col = k.stack(columns, { gap: 14, fill: "field", radius: 24, stroke: { color: "line", width: 1 }, padding: 14, name: `${status} column` });
-      pane(k, col, 300);
-      const colHead = k.stack(col, { direction: "HORIZONTAL", gap: 10, align: "CENTER", padding: { top: 6, right: 6, bottom: 0, left: 6 }, name: "Column head" });
-      k.ellipse(colHead, 12, NEXT[status].role, { name: "Column dot" });
-      k.text(colHead, status, { style: "Card title 18", color: "onField", autoWidth: true, name: "Column title" });
-      k.text(colHead, NEXT[status].blurb, { style: "Meta 14", color: "onField", autoWidth: true, name: "Column blurb" });
-      const list = k.stack(col, { gap: 12, name: `${status} list` });
-      repeats(k, list, trips.id, { limit: 60 });
-      k.patch(list, { repeat: { collectionId: trips.id, limit: 60, filter: `item_status == "${status}"` } });
-      const card = k.stack(list, { direction: "HORIZONTAL", fill: "card", radius: 18, stroke: { color: "line", width: 1 }, clip: true, name: "Trip" });
-      const band = k.stack(card, { direction: "HORIZONTAL", width: 10, height: "FILL", name: "Band" });
-      for (const kind of KINDS) {
-        const b = k.stack(band, { width: 10, height: "FILL", fill: KIND_ROLE[kind], name: `${kind} band` });
-        k.bindExpression(b, "visible", `item_kind == "${kind}"`);
-        if (kind !== KINDS[0]) k.patch(b, { visible: false });
-      }
-      const holder = k.stack(card, { gap: 8, padding: { top: 16, right: 16, bottom: 14, left: 16 }, name: "Trip holder" });
-      const main = k.stack(holder, { gap: 8, name: "Trip main" });
-      k.text(main, "{{item.kind}} \xB7 {{item.month}}", { style: "Code 12", color: "cardMuted", name: "Trip kind" });
-      const names = k.stack(main, { gap: 0, name: "Trip names" });
-      k.text(names, "{{item.place}}", { style: "Place 26", color: "onCard", name: "Trip place" });
-      k.text(names, "{{item.country}}", { style: "Meta 14", color: "cardMuted", name: "Trip country" });
-      k.text(main, "{{item.note}}", { style: "Note 15", color: "onCard", name: "Trip note" });
-      const actions = k.stack(main, { direction: "HORIZONTAL", gap: 6, wrap: true, align: "CENTER", padding: { top: 6, right: 0, bottom: 0, left: 0 }, name: "Trip actions" });
-      for (const [label, to, strong] of NEXT[status].moves) recordButton(k, actions, label, { set: ["status", to], style: "Small 13", ...strong ? { fill: "text", color: "paper" } : { line: "line", color: "onCard" } });
-      const edit = k.stack(actions, { direction: "HORIZONTAL", width: "HUG", padding: { top: 6, right: 8, bottom: 6, left: 8 }, name: "Edit" });
-      k.text(edit, "Edit", { style: "Small 13", color: "cardMuted", autoWidth: true, name: "Edit label" });
-      k.patch(edit, { control: { kind: "BUTTON", buttonType: "button" } });
-      recordButton(k, actions, "Remove", { style: "Small 13", color: "cardMuted" });
-      editInPlace(k, { word: "editingTrip", view: main, parent: holder, trigger: edit, style: "Small 13", build: (f) => {
-        for (const [label, name, placeholder] of [["Place", "place", "Lisbon"], ["Country", "country", "Portugal"], ["Why there", "note", "The one thing you would go for"]]) {
-          const box = field(k, f, { card: true, label, name, placeholder, required: name === "place" });
-          k.patch(box, { control: { ...k.node(box).control, value: `{{item.${name}}}` } });
-        }
-        const when = select(k, f, { card: true, label: "When", name: "month", options: MONTHS });
-        k.patch(when, { control: { ...k.node(when).control, value: "{{item.month}}" } });
-      } });
-    }
-    const out = accountPage(k, app, {
-      user,
-      home: "Board",
-      back: "Back to the board",
-      sample: { name: "Noor", email: "noor@example.com" },
-      styles: { eyebrow: "Code 12", title: "Title 36", label: "Meta 14", value: "Card title 18", stat: "Stat 44", link: "Link 15", meta: "Meta 14", error: "Error 14", button: "Button 16" },
-      count: { label: "Places on your board", word: trips.word, sample: "6" },
-      top: (column, right) => {
-        topBar(column, right);
-      },
-      art: (p) => {
-        passes(p, 400);
-      }
-    });
-    app.finish("Welcome");
-    accounts.leads("Board");
-    out.leads();
-    return k.finish();
-  }
-});
-
-export {
-  wayfarer_app_default
-};

package/dist/chunks/chunk-ULNC47JX.js

@@ -1,78 +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 {
-  standardPortfolio
-} from "./chunk-ZGLXMJRC.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/web/portfolio-reel-carousel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var WORK = [
-  { title: "The Tide Giant", client: "Meridian Pictures", year: "2026", kind: "Feature film \xB7 140 shots", cover: "reel-00", summary: "A stone giant rising from the sea beside a lighthouse, for the third act of a fantasy feature.", story: "A full-CG creature with a water simulation for every step; the lighthouse is a plate shot on the Cornish coast.", credits: "VFX supervision, CG, compositing \u2014 Parallax Works" },
-  { title: "Sunflower Landing", client: "Orbital Series", year: "2026", kind: "Streaming series \xB7 62 shots", cover: "reel-01", summary: "A ship setting down in a field of sunflowers at golden hour.", story: "Two days of plates in a real field, the ship and its downdraft added after; every flower bends.", credits: "VFX \u2014 Parallax Works \xB7 Production \u2014 Orbital" },
-  { title: "Blue Flood", client: "Aqualux", year: "2025", kind: "Commercial", cover: "reel-02", summary: "A city street flooding with luminous water in slow motion.", story: "Shot at 1,000 frames a second on a closed street; the water is simulated to match the speed.", credits: "Direction, VFX \u2014 Parallax Works" },
-  { title: "Smoke Dragon", client: "Ironside Games", year: "2025", kind: "Game cinematic", cover: "reel-03", summary: "A dragon of smoke coiling round a tower at night.", story: "The reveal trailer for a game, rendered from the game\u2019s own creature rig.", credits: "Cinematic, CG \u2014 Parallax Works" },
-  { title: "Crystal Canyon", client: "Meridian Pictures", year: "2024", kind: "Feature film \xB7 88 shots", cover: "reel-04", summary: "An astronaut walking a canyon of crystal on another world.", story: "A virtual-production set on an LED stage, extended in post for the wide shots.", credits: "VFX, virtual production \u2014 Parallax Works" },
-  { title: "Fibre Forest", client: "Lightline Telecom", year: "2024", kind: "Brand film", cover: "reel-05", summary: "A forest whose trees are made of glowing fibre optics.", story: "Every strand is a curve that carries a pulse of light timed to the music.", credits: "Direction, CG \u2014 Parallax Works" }
-];
-var portfolio_reel_carousel_default = defineTemplate({
-  id: "web-portfolio-reel-carousel",
-  meta: {
-    name: "Carousel reel portfolio",
-    description: "A visual effects studio\u2019s portfolio whose pages are panels on a 3D ring: open a show and the ring turns to it, go home and it turns back. Wide frames two across on black, a page per show and a studio page. Drawn on the GPU with WebGPU, in CSS 3D elsewhere. The shows are a collection you edit as a table. Desktop, tablet and phone",
-    category: "web",
-    tags: ["portfolio", "3d", "carousel", "transition", "webgpu", "vfx", "film", "reel", "dark", "cms", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["portfolio"],
-    created: "2026-10-05",
-    updated: "2026-10-05"
-  },
-  breakpoints: true,
-  build: () => standardPortfolio({
-    name: "Carousel reel",
-    brand: { paper: "#050608", text: "#F2F4F7", onPaper: "#8E96A3", primary: "#3DDCFF", onPrimary: "#050608", card: "#0E1117", onCard: "#F2F4F7", cardMuted: "#8E96A3", line: "#1C212B" },
-    fields: { name: "Parallax Works", email: "bids@parallax.works" },
-    styles: {
-      "Wordmark 18": { size: 18, fontWeight: 800, letterSpacing: 4, lineHeight: 24 },
-      "Small 13": { size: 13, fontWeight: 600, letterSpacing: 1.6, lineHeight: 18 },
-      "Meta 14": { size: 14, fontWeight: 400, lineHeight: 20 },
-      "Title 20": { size: 20, fontWeight: 700, letterSpacing: -0.3, lineHeight: 26 },
-      "Lead 24": { size: 24, fontWeight: 500, lineHeight: 32 },
-      "Body 17": { size: 17, fontWeight: 400, lineHeight: 28 },
-      "Display 84": { size: 84, fontWeight: 800, letterSpacing: -3, lineHeight: 84 },
-      "Display 44": { size: 44, fontWeight: 800, letterSpacing: -1.4, lineHeight: 48 }
-    },
-    type: { wordmark: "Wordmark 18", small: "Small 13", meta: "Meta 14", title: "Title 20", lead: "Lead 24", body: "Body 17", display: "Display 84", displaySmall: "Display 44" },
-    projects: WORK,
-    go: "CAROUSEL_FROM_RIGHT",
-    back: "CAROUSEL_FROM_LEFT",
-    links: [["work", "REEL"], ["studio", "STUDIO"]],
-    lead: { kicker: "VISUAL EFFECTS \xB7 LONDON \xB7 MONTR\xC9AL", headline: "Impossible shots, delivered on time.", intro: "Parallax Works makes visual effects for features, series, games and commercials: 140 artists across two studios." },
-    grid: { cols: 2, gap: 16, ratio: 0.5625, radius: 0, card: { fill: "card", pad: 0 }, meta: "{{item.client}} \u2014 {{item.kind}}", tablet: 1 },
-    project: { ratio: 0.42, kicker: "SHOW", more: { cols: 3, ratio: 0.5625, label: "MORE FROM THE REEL" } },
-    studio: {
-      statement: "Two studios, one pipeline, and a habit of saying yes to the hard shot.",
-      about: "We started in a London basement in 2011 with three artists and a render farm under a desk. Now we deliver end to end \u2014 supervision on set, CG, simulation and compositing \u2014 from London and Montr\xE9al.",
-      picture: "reel-04",
-      ratio: 0.42,
-      services: ["VFX supervision", "Creatures and simulation", "Virtual production", "Compositing and finishing"],
-      clients: "Meridian Pictures, Orbital Series, Aqualux, Ironside Games and Lightline Telecom.",
-      contact: "Send scripts and storyboards for a bid within five days."
-    },
-    elsewhere: "VIMEO \xB7 LINKEDIN \xB7 INSTAGRAM"
-  })
-});
-
-export {
-  portfolio_reel_carousel_default
-};

package/dist/chunks/chunk-ULOS6YOR.js

@@ -1,36 +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 {
-  black_friday_scratch_landing_default
-} from "./chunk-M6EOYUH3.js";
-import {
-  black_friday_scratch_ads_default
-} from "./chunk-VIDB76SW.js";
-import {
-  black_friday_scratch_countdown_default
-} from "./chunk-GIVNETXM.js";
-import {
-  black_friday_scratch_deal_reel_default
-} from "./chunk-HLOF7XSN.js";
-import {
-  black_friday_scratch_last_day_default
-} from "./chunk-RH7SANM5.js";
-import {
-  black_friday_scratch_header_default
-} from "./chunk-ALGPGOMJ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/themes/black-friday-scratch.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [black_friday_scratch_deal_reel_default, black_friday_scratch_landing_default, black_friday_scratch_countdown_default, black_friday_scratch_last_day_default, black_friday_scratch_header_default, black_friday_scratch_ads_default];
-var black_friday_scratch_default = pack;
-
-export {
-  black_friday_scratch_default
-};