@popcraft/kit 0.32.0 → 0.32.1

package/dist/chunks/chunk-JIXBDRKL.js

@@ -1,320 +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,
-  stat
-} from "./chunk-2J4DQY7Q.js";
-import {
-  form,
-  repeats,
-  says,
-  userVariables,
-  visitorCollection
-} from "./chunk-CDWTNBW2.js";
-import {
-  field,
-  formStyles,
-  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/marginalia-app.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var COVERS = ["Oxblood", "Ink", "Moss", "Plum", "Slate"];
-var COVER_ROLE = { Oxblood: "oxblood", Ink: "ink", Moss: "moss", Plum: "plum", Slate: "slate" };
-var STATUSES = ["Reading", "To read", "Finished"];
-var SAMPLES = [
-  { title: "Middlemarch", author: "George Eliot", cover: "Oxblood", status: "Reading", rating: 0, thought: "Chapter 20. Dorothea in Rome is the best thing I have read all year." },
-  { title: "The Left Hand of Darkness", author: "Ursula K. Le Guin", cover: "Ink", status: "To read", rating: 0, thought: "Priya would not stop talking about it." },
-  { title: "Pilgrim at Tinker Creek", author: "Annie Dillard", cover: "Moss", status: "To read", rating: 0, thought: "For the cabin in August." },
-  { title: "Giovanni\u2019s Room", author: "James Baldwin", cover: "Plum", status: "Finished", rating: 5, thought: "Read it in one sitting and then sat there." },
-  { title: "The Remains of the Day", author: "Kazuo Ishiguro", cover: "Slate", status: "Finished", rating: 4, thought: "The scene with the book. That is all." },
-  { title: "A Month in the Country", author: "J. L. Carr", cover: "Moss", status: "Finished", rating: 5, thought: "Short, and I have not stopped thinking about that summer." }
-];
-var marginalia_app_default = defineTemplate({
-  id: "web-marginalia-app",
-  meta: {
-    name: "Marginalia \u2014 a reading shelf with accounts",
-    description: "A working reading tracker: visitors sign up and keep their books as covers on three shelves \u2014 on the nightstand, to read, finished. A tap moves a book along, a finished one is rated by tapping a number and the marks on its cover follow, and each book keeps the one thought worth writing down. A quiet, bookish design; every reader keeps their own shelves in the database. Landing, sign-up, sign-in, shelves and account pages that fold from desktop to phone",
-    category: "web",
-    tags: ["app", "accounts", "sign in", "database", "books", "reading", "library", "tracker", "ratings", "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("Marginalia", preset("web-desktop"));
-    k.brand(
-      { paper: "#F2ECE0", text: "#1C1A17", onPaper: "#635C50", primary: "#7A1F2B", onPrimary: "#FFFFFF", card: "#FFFDF8", onCard: "#1C1A17", cardMuted: "#746C5F", field: "#FBF7EE", onField: "#746C5F", line: "#DCD1BC", danger: "#B3261E", onDanger: "#FFFFFF" },
-      { name: "Marginalia" }
-    );
-    k.palette({ oxblood: "#7A1F2B", ink: "#1F2A44", moss: "#43563A", plum: "#553455", slate: "#3F4A52", gilt: "#EBCF86", page: "#F6ECD6", wood: "#8A6A47" });
-    const serif = { fontFamily: "Source Serif 4" };
-    k.textStyle("Brand 22", { size: 22, ...serif, fontWeight: 700, fontStyle: "italic", 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 64", { size: 64, ...serif, fontWeight: 600, letterSpacing: -1.8, lineHeight: 66 });
-    k.textStyle("Title 38", { size: 38, ...serif, fontWeight: 600, letterSpacing: -0.9, lineHeight: 44 });
-    k.textStyle("Shelf 26", { size: 26, ...serif, fontWeight: 600, letterSpacing: -0.4, lineHeight: 32 });
-    k.textStyle("Cover 17", { size: 17, ...serif, fontWeight: 700, letterSpacing: -0.2, lineHeight: 20 });
-    k.textStyle("Cover author 12", { size: 12, fontWeight: 600, letterSpacing: 0.2, lineHeight: 15 });
-    k.textStyle("Thought 17", { size: 17, ...serif, fontWeight: 400, fontStyle: "italic", lineHeight: 26 });
-    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 48", { size: 48, ...serif, fontWeight: 600, letterSpacing: -1.4, lineHeight: 50 });
-    formStyles(k, { thanks: false });
-    buttons(k, { style: "Button 16", radius: 10 });
-    const user = userVariables(k, { name: "Iris", email: "iris@example.com" });
-    const books = visitorCollection(k, "Books", [
-      { name: "Title", type: "TEXT" },
-      { name: "Author", type: "TEXT" },
-      { name: "Cover", type: "OPTION", options: [...COVERS] },
-      { name: "Status", type: "OPTION", options: [...STATUSES] },
-      { name: "Rating", type: "NUMBER" },
-      { name: "Thought", type: "TEXT" }
-    ], SAMPLES);
-    const app = appPages(k, { brand: "Marginalia", width: 1120, gap: 26 });
-    const mark = (parent) => {
-      const m = k.stack(parent, { width: 26, height: 32, radius: 4, fill: "primary", name: "Mark", clip: true });
-      k.rect(m, 5, 18, "gilt", { name: "Ribbon", absolute: { x: 15, y: 0 } });
-      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 22", color: "text", autoWidth: true, name: "Brand name" });
-      right?.(row);
-      return brand;
-    };
-    const drawn = (parent, o) => {
-      const c = k.stack(parent, { width: 132, height: o.height ?? 196, radius: 6, fill: COVER_ROLE[o.cover], padding: { top: 16, right: 12, bottom: 14, left: 14 }, justify: "SPACE_BETWEEN", name: `${o.title} cover` });
-      k.text(c, o.title, { style: "Cover 17", color: "page", name: "Cover title" });
-      k.text(c, o.author.toUpperCase(), { style: "Cover author 12", color: "gilt", name: "Cover author" });
-      return c;
-    };
-    const bookcase = (parent) => {
-      const art = k.stack(parent, { width: 460, gap: 0, radius: 28, fill: "page", padding: { top: 30, right: 26, bottom: 0, left: 26 }, clip: true, name: "Bookcase" });
-      for (const shelf of [[["Oxblood", "Middlemarch", "George Eliot", 196], ["Ink", "The Left Hand of Darkness", "Ursula K. Le Guin", 176], ["Moss", "Pilgrim at Tinker Creek", "Annie Dillard", 188]], [["Plum", "Giovanni\u2019s Room", "James Baldwin", 172], ["Slate", "The Remains of the Day", "Kazuo Ishiguro", 192], ["Oxblood", "Beloved", "Toni Morrison", 180]]]) {
-        const row = k.stack(art, { direction: "HORIZONTAL", gap: 6, align: "MAX", justify: "CENTER", name: "Drawn shelf" });
-        for (const [cover2, title, author, height] of shelf) drawn(row, { cover: cover2, title, author, height });
-        k.rect(art, "FILL", 12, "wood", { radius: 3, name: "Board" });
-        k.rect(art, "FILL", 26, "page", { name: "Shelf gap" });
-      }
-      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, "A SHELF OF YOUR OWN", "Code 12");
-    k.text(lead, "Remember what you read, and what you thought.", { style: "Display 64", color: "text", name: "Headline" });
-    k.text(lead, "Three shelves: on the nightstand, to read, finished. One line in the margin for each book. No feed, no followers, no yearly challenge.", { 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 shelf" }, { 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);
-    bookcase(heroArt);
-    const closer = k.stack(welcome.column, { gap: 18, name: "Body" });
-    const strip = panes(k, closer, { gap: 16, name: "Points" });
-    for (const [what, why] of [["A tap moves a book", "Start it, finish it, put it back. The shelves rearrange themselves around what you are doing."], ["A rating you set yourself", "Tap a number on a finished book and its cover wears the marks."], ["One thought per book", "The line you would write in the margin, kept with the cover it belongs to."]]) {
-      const tile = k.stack(strip, { gap: 8, padding: { top: 20, right: 0, bottom: 0, left: 0 }, stroke: { color: "line", width: 1 }, name: "Point" });
-      pane(k, tile, 250);
-      k.patch(tile, { strokes: [], padding: { top: 0, right: 0, bottom: 0, left: 0 } });
-      k.rect(tile, "FILL", 2, "text", { name: "Point rule" });
-      k.text(tile, what, { style: "Shelf 26", color: "text", name: "Point title" });
-      k.text(tile, why, { style: "Note 15", color: "onPaper", name: "Point body" });
-    }
-    closing(k, app, closer, { title: "Start with the book on your nightstand.", style: "Title 38", button: "Start your shelf", radius: 14 });
-    const accounts = accountPages(k, app, {
-      styles: { title: "Title 38", 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" });
-        bookcase(p);
-      },
-      cardRadius: 14,
-      copy: {
-        "Sign up": { title: "Start your shelf", body: "A name, an email and a password. Your books are yours alone.", button: "Create account", namePlaceholder: "Iris" },
-        "Sign in": { title: "Welcome back", body: "Your bookmark is where you left it.", button: "Sign in" }
-      }
-    });
-    const shelves = app.page("Shelves", "/shelves", "signedIn");
-    topBar(shelves.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" });
-      k.ellipse(who, 26, "primary", { name: "Face" });
-      says(k, k.text(who, "Iris", { style: "Link 15", color: "onCard", autoWidth: true, name: "Account name" }), "name");
-      app.link(who, "Account", "up");
-    });
-    const banner = panes(k, shelves.column, { gap: 24, align: "MAX", name: "Lead" });
-    const hello = k.stack(banner, { gap: 6, name: "Greeting block" });
-    pane(k, hello, 300);
-    eyebrow(k, hello, "YOUR SHELVES", "Code 12");
-    const helloRow = k.stack(hello, { direction: "HORIZONTAL", gap: 10, wrap: true, name: "Greeting" });
-    k.text(helloRow, "What are you reading,", { style: "Title 38", color: "text", autoWidth: true, name: "Greeting words" });
-    says(k, k.text(helloRow, "Iris", { style: "Title 38", color: "text", autoWidth: true, name: "Greeting name" }), "name");
-    const bannerRow = k.stack(banner, { direction: "HORIZONTAL", width: "HUG", gap: 18, align: "CENTER", name: "Banner row" });
-    const tally = k.stack(bannerRow, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", name: "Tally" });
-    k.bindExpression(k.text(tally, "6", { style: "Stat 48", color: "text", autoWidth: true, name: "Tally number" }), "characters", books.word);
-    k.text(tally, "books on\nyour shelves", { style: "Small 13", color: "onPaper", autoWidth: true, name: "Tally words" });
-    const adder = opener(k, bannerRow, { word: "addingBook", label: "Add a book", style: "Button 16", fill: "text", color: "paper", dot: "primary", onDot: "onPrimary" });
-    const slip = k.stack(shelves.column, { gap: 18, fill: "card", radius: 16, stroke: { color: "line", width: 1 }, padding: 26, name: "Art" });
-    k.text(slip, "A NEW BOOK", { style: "Code 12", color: "cardMuted", name: "Slip label" });
-    const add = k.stack(slip, { gap: 18, name: "Book form" });
-    const names = panes(k, add, { gap: 14, name: "Title and author" });
-    for (const [label, name, placeholder] of [["Title", "title", "Middlemarch"], ["Author", "author", "George Eliot"]]) {
-      const w = k.stack(names, { name: `${label} pane` });
-      pane(k, w, 220);
-      field(k, w, { card: true, label, name, placeholder, required: name === "title" });
-    }
-    choice(k, add, { card: true, label: "Which shelf", name: "status", word: "bookShelf", options: STATUSES, style: "Chip 14", radius: 8 });
-    choice(k, add, { card: true, label: "Cover", name: "cover", word: "bookCover", options: COVERS, style: "Chip 14", radius: 8, on: ["text", "paper"] });
-    field(k, add, { card: true, label: "One thought", name: "thought", placeholder: "What you would write in the margin" });
-    errorLine(k, add, "Error 14");
-    const addRow = k.stack(add, { direction: "HORIZONTAL", name: "Add row" });
-    k.patch(submit(k, addRow, "Shelve it", { name: "Shelve button" }), { control: { kind: "BUTTON", buttonType: "submit", name: "rating", value: "0" } });
-    form(k, add, { collectionId: books.id, onSubmit: adder.close });
-    adder.opens(slip);
-    const stats = panes(k, shelves.column, { gap: 12, name: "Stats" });
-    for (const [label, expression, sample] of [["Finished", `count("Books", "status", "Finished")`, "3"], ["On the nightstand", `count("Books", "status", "Reading")`, "1"], ["Waiting to be read", `count("Books", "status", "To read")`, "2"], ["Average rating", `round(sum("Books", "rating", "status", "Finished") / max(1, count("Books", "status", "Finished")), 1)`, "4.7"]]) stat(k, stats, { label, expression, sample, figure: "Stat 48", caption: "Meta 14", min: 200 });
-    const body = k.stack(shelves.column, { gap: 34, name: "Body" });
-    const empty = k.stack(body, { gap: 6, align: "CENTER", padding: 30, radius: 16, stroke: { color: "line", width: 1 }, name: "Empty shelves" });
-    k.text(empty, "Bare shelves", { style: "Shelf 26", color: "text", align: "CENTER", name: "Empty title" });
-    k.text(empty, "Start with the book that is open on your nightstand right now.", { style: "Note 15", color: "onPaper", align: "CENTER", name: "Empty body" });
-    k.bindExpression(empty, "visible", `${books.word} == 0`);
-    k.patch(empty, { visible: false });
-    const cover = (parent, stars) => {
-      const c = k.stack(parent, { direction: "HORIZONTAL", width: 132, height: 196, radius: 6, clip: true, name: "Cover" });
-      for (const name of COVERS) {
-        const face = k.stack(c, { height: "FILL", fill: COVER_ROLE[name], padding: { top: 16, right: 12, bottom: 14, left: 14 }, justify: "SPACE_BETWEEN", name: `${name} cover` });
-        k.text(face, "{{item.title}}", { style: "Cover 17", color: "page", name: "Cover title" });
-        const foot = k.stack(face, { gap: 8, name: "Cover foot" });
-        if (stars) {
-          const row = k.stack(foot, { direction: "HORIZONTAL", gap: 4, height: 10, name: "Rating" });
-          for (let n = 1; n <= 5; n++) k.bindExpression(k.ellipse(row, 10, "gilt", { name: `Mark ${n}` }), "visible", `item_rating >= ${n}`);
-        }
-        k.text(foot, "{{item.author}}", { style: "Cover author 12", color: "gilt", name: "Cover author" });
-        k.bindExpression(face, "visible", `item_cover == "${name}"`);
-        if (name !== COVERS[0]) k.patch(face, { visible: false });
-      }
-      return c;
-    };
-    const shelfHead = (parent, title, blurb) => {
-      const head = k.stack(parent, { direction: "HORIZONTAL", gap: 12, align: "MAX", wrap: true, name: "Shelf head" });
-      k.text(head, title, { style: "Shelf 26", color: "text", autoWidth: true, name: "Shelf title" });
-      k.text(head, blurb, { style: "Meta 14", color: "onPaper", autoWidth: true, name: "Shelf blurb" });
-    };
-    const listOf = (parent, status, o) => {
-      const list = o.row ? panes(k, parent, { gap: o.gap, name: `${status} list` }) : k.stack(parent, { gap: o.gap, name: `${status} list` });
-      repeats(k, list, books.id, { limit: 90 });
-      k.patch(list, { repeat: { collectionId: books.id, limit: 90, filter: `item_status == "${status}"` } });
-      return list;
-    };
-    const quiet = { style: "Small 13", line: "line", color: "onCard", radius: 8 };
-    const strong = { style: "Small 13", fill: "text", color: "paper", radius: 8 };
-    const now = k.stack(body, { gap: 14, name: "Nightstand" });
-    shelfHead(now, "On the nightstand", "What you are in the middle of");
-    const nowList = listOf(now, "Reading", { gap: 14, row: true });
-    const open = k.stack(nowList, { direction: "HORIZONTAL", gap: 20, fill: "card", radius: 16, stroke: { color: "line", width: 1 }, padding: 20, name: "Open book" });
-    pane(k, open, 300);
-    k.patch(open, { maxWidth: 560 });
-    cover(open, false);
-    const openSide = k.stack(open, { gap: 10, name: "Open side" });
-    k.patch(openSide, { minWidth: 120 });
-    const openView = k.stack(openSide, { gap: 10, name: "Open view" });
-    k.text(openView, "IN THE MARGIN", { style: "Code 12", color: "cardMuted", name: "Margin label" });
-    k.text(openView, "{{item.thought}}", { style: "Thought 17", color: "onCard", name: "Thought" });
-    const openActions = k.stack(openView, { direction: "HORIZONTAL", gap: 6, wrap: true, name: "Book actions" });
-    recordButton(k, openActions, "Finished it", { set: ["status", "Finished"], ...strong });
-    recordButton(k, openActions, "Put it back", { set: ["status", "To read"], ...quiet });
-    const actions = openActions;
-    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, openActions, "Remove", { style: "Small 13", color: "cardMuted" });
-    editInPlace(k, { word: "editingBook", view: openView, parent: openSide, trigger: edit, style: "Small 13", build: (f) => {
-      const pre = (id, field2) => k.patch(id, { control: { ...k.node(id).control, value: `{{item.${field2}}}` } });
-      pre(field(k, f, { card: true, label: "Title", name: "title", placeholder: "Middlemarch", required: true }), "title");
-      pre(field(k, f, { card: true, label: "Author", name: "author", placeholder: "George Eliot" }), "author");
-      pre(field(k, f, { card: true, label: "In the margin", name: "thought", placeholder: "What you would write there", multiline: true }), "thought");
-    } });
-    const standing = (status, title, blurb) => {
-      const s = k.stack(body, { gap: 14, name: `${status} shelf` });
-      shelfHead(s, title, blurb);
-      const onBoard = k.stack(s, { gap: 0, name: "Shelf" });
-      const list = listOf(onBoard, status, { gap: 18, row: true });
-      k.patch(list, { counterAxisAlignItems: "MAX" });
-      const book = k.stack(list, { width: 132, gap: 8, padding: { top: 0, right: 0, bottom: 12, left: 0 }, name: "Book" });
-      cover(book, status === "Finished");
-      const actions2 = k.stack(book, { direction: "HORIZONTAL", gap: 3, wrap: true, name: "Book actions" });
-      if (status === "To read") recordButton(k, actions2, "Start it", { set: ["status", "Reading"], ...strong });
-      else for (let n = 1; n <= 5; n++) recordButton(k, actions2, String(n), { set: ["rating", String(n)], style: "Small 13", line: "line", color: "text", radius: 6, pad: [3, 6], name: `Rate ${n}` });
-      recordButton(k, actions2, "Remove", { style: "Small 13", color: "onPaper", pad: [3, 6] });
-      k.rect(onBoard, "FILL", 10, "wood", { radius: 3, name: "Board" });
-    };
-    standing("To read", "To read", "Waiting their turn");
-    standing("Finished", "Finished", "Tap a number to rate one");
-    const out = accountPage(k, app, {
-      user,
-      home: "Shelves",
-      back: "Back to the shelves",
-      sample: { name: "Iris", email: "iris@example.com" },
-      styles: { eyebrow: "Code 12", title: "Title 38", label: "Meta 14", value: "Card title 18", stat: "Stat 48", link: "Link 15" },
-      count: { label: "Books on your shelves", word: books.word, sample: "6" },
-      top: (column, right) => {
-        topBar(column, right);
-      },
-      art: (p) => {
-        bookcase(p);
-      }
-    });
-    app.finish("Welcome");
-    accounts.leads("Shelves");
-    out.leads();
-    return k.finish();
-  }
-});
-
-export {
-  marginalia_app_default
-};

package/dist/chunks/chunk-JJEXCQFJ.js

@@ -1,159 +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 {
-  TIDE,
-  added,
-  clockBox,
-  fitScorePaper,
-  orchestra,
-  placeScore,
-  scoreBrand,
-  scoreList,
-  scorePaper,
-  scoreType,
-  screen,
-  sweep
-} from "./chunk-LJKLNF4X.js";
-import {
-  mover,
-  pruneStyles
-} from "./chunk-NQEPYDMT.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/motion/tour-tickets-tide-city.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var T = TIDE;
-var LOOP = 1e4;
-var NIGHT1 = T.dates[3];
-var NIGHT2 = T.dates[4];
-var counts = [{ layer: "Seconds figure", at: 0, duration: 9e3, tick: 1e3, counter: { from: 29, to: 20 } }];
-var cues = [
-  { layer: "Title tab", preset: "pulse", at: 1600, params: { duration: 800, amount: 0.08 } },
-  { layer: "Link", preset: "pulse", at: 4800, params: { duration: 800, amount: 0.05 } },
-  { layer: "Title tab", preset: "pulse", at: 7600, params: { duration: 800, amount: 0.08 } }
-];
-var NAME = `Tour tickets city on-sale story: ${T.act}`;
-function lay(k, id, w, h) {
-  const { at, scaled } = mover(k, id);
-  if (h === 1920) {
-    scaled("Screen", 190, 44, 0.7);
-    at("Title", 140, 432, { width: 800 });
-    at("Title tab", 756, 466);
-    at("Subtitle", 140, 532, { width: 800 });
-    at("Night", 140, 584, { width: 800 });
-    placeScore(k, id, [NIGHT1], { x: 136, y: 650, scale: 1.3, cols: 1, rowGap: 0 });
-    at("Why", 506, 700, { width: 434 });
-    [0, 1, 2].forEach((i) => scaled(`Cell ${i}`, 140 + i * 275, 990, 1));
-    at("On sale", 140, 1236, { width: 800 });
-    at("Prices", 140, 1276, { width: 800 });
-    at("Link", 140, 1366);
-    at("Orchestra", 0, 1430, { visible: true });
-  } else if (w === h) {
-    scaled("Screen", 46, 46, 0.42);
-    at("Title", 520, 52, { width: 520 });
-    at("Title tab", 930, 82);
-    at("Subtitle", 520, 128, { width: 520 });
-    at("Night", 520, 214, { width: 520 });
-    placeScore(k, id, [NIGHT1], { x: 40, y: 296, scale: 0.92, cols: 1, rowGap: 0 });
-    at("Why", 330, 318, { width: 700 });
-    [0, 1, 2].forEach((i) => scaled(`Cell ${i}`, 46 + i * 250, 520, 0.9));
-    at("On sale", 800, 544, { width: 240 });
-    at("Prices", 46, 750, { width: 990 });
-    at("Link", 46, 812);
-    at("Orchestra", 0, 840, { visible: true });
-  } else {
-    scaled("Screen", 230, 46, 0.62);
-    at("Title", 90, 396, { width: 900 });
-    at("Title tab", 770, 430);
-    at("Subtitle", 90, 494, { width: 900 });
-    at("Night", 90, 544, { width: 900 });
-    placeScore(k, id, [NIGHT1], { x: 70, y: 610, scale: 1, cols: 1, rowGap: 0 });
-    at("Why", 370, 632, { width: 640 });
-    [0, 1, 2].forEach((i) => scaled(`Cell ${i}`, 70 + i * 320, 880, 1.12));
-    at("On sale", 70, 1140, { width: 940 });
-    at("Prices", 70, 1180, { width: 940 });
-    at("Link", 70, 1250);
-    at("Orchestra", 0, 0, { visible: false });
-  }
-}
-var tour_tickets_tide_city_default = defineTemplate({
-  id: "motion-tour-tickets-tide-city",
-  meta: {
-    name: NAME,
-    description: "A looping on-sale story for one city of a film-in-concert tour, drawn as a concert hall: the film's screen with its turning lighthouse beam, Vienna's added Sunday matin\xE9e with a gold ADDED tab, the sold-out Saturday as a bar of the score under the hall librarian's stamp, and the countdown to the on-sale as three engraved rehearsal boxes with the seconds ticking, the orchestra at the foot. Ten seconds, 9:16 with square and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "tour", "tickets", "on sale", "countdown", "concert", "orchestra", "film score", "live to picture", "classical", "new date", "sold out", "sheet music", "story", "loop"],
-    platforms: ["instagram", "facebook", "tiktok"],
-    formats: ["story", "post", "portrait-post"],
-    useCases: ["countdown", "event", "presale"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-story"));
-    k.quantizeGeometry = true;
-    scoreBrand(k, { name: "TIDEWATER" });
-    scoreType(k);
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: LOOP, fps: 30 });
-    const hall = k.frame(sheet, { x: 0, y: 0, width: 1080, height: 1920 }, { name: "Hall" });
-    k.patch(hall, { layoutPositioning: "ABSOLUTE" });
-    scorePaper(k, hall, 1080, 1920);
-    orchestra(k, hall, 1080, 490, { x: 0, y: 1430 });
-    screen(k, hall);
-    k.text(hall, NIGHT2.city, { style: "Title 92", color: "text", width: 800, name: "Title", absolute: { x: 0, y: 0 } });
-    const tab = added(k, hall, { absolute: { x: 0, y: 0 } });
-    k.patch(tab, { name: "Title tab" });
-    k.text(hall, "one more performance: a Sunday matin\xE9e", { style: "Sub 28", color: "onPaper", width: 800, name: "Subtitle", absolute: { x: 0, y: 0 } });
-    k.text(hall, `${NIGHT2.day} \xB7 15:00 \xB7 RINGSAAL \xB7 ${NIGHT2.cap} SEATS`, { style: "Label 22", color: "text", width: 800, align: "CENTER", name: "Night", absolute: { x: 0, y: 0 } });
-    scoreList(k, hall, [NIGHT1], { x: 0, y: 0, scale: 1, cols: 1, rowGap: 0 });
-    k.text(hall, "Saturday evening sold out in a morning, so the Ringsaal has opened its doors on Sunday afternoon too.", { style: "Body 26", color: "text", width: 500, name: "Why", absolute: { x: 0, y: 0 } });
-    [["06", "HOURS", "Hours"], ["41", "MINUTES", "Minutes"], ["29", "SECONDS", "Seconds"]].forEach(([v, u, n], i) => {
-      const c = clockBox(k, hall, v, u, { name: n, w: 250, h: 220, ...i === 2 ? { fill: "accent", ink: "onAccent" } : {} });
-      k.patch(c, { name: `Cell ${i}` });
-    });
-    k.text(hall, `ON SALE ${T.presale.general}`, { style: "Label 22", color: "text", width: 800, name: "On sale", absolute: { x: 0, y: 0 } });
-    k.text(hall, `${T.price.from} to ${T.price.to}, children under 16 half price at the matin\xE9e, six tickets a person`, { style: "Body 26", color: "onPaper", width: 800, name: "Prices", absolute: { x: 0, y: 0 } });
-    const link = k.stack(hall, { direction: "HORIZONTAL", width: "HUG", fill: "primary", radius: 2, padding: { top: 14, right: 24, bottom: 14, left: 24 }, name: "Link", absolute: { x: 0, y: 0 } });
-    k.text(link, `${T.site}/vienna`, { style: "Code 30", color: "onPrimary", autoWidth: true, name: "Link words" });
-    lay(k, hall, 1080, 1920);
-    sweep(k, hall, LOOP, 1);
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    const size = (kit, id, w, h, title) => {
-      if (title) for (const t of kit.named(id, "Title")) kit.restyle(t, title);
-      for (const d of kit.named(id, "Hall")) {
-        kit.patch(d, { x: 0, y: 0, width: w, height: h });
-        fitScorePaper(kit, d, w, h);
-        lay(kit, d, w, h);
-      }
-    };
-    k.variants(sheet, [
-      { preset: "ig-post", adjust: (kit, id) => size(kit, id, 1080, 1080, "Title 64") },
-      { preset: "ig-portrait", adjust: (kit, id) => size(kit, id, 1080, 1350) }
-    ]);
-    pruneStyles(k);
-    return k.finish();
-  }
-});
-
-export {
-  tour_tickets_tide_city_default
-};

package/dist/chunks/chunk-JJTSI5Q5.js

@@ -1,108 +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 {
-  TIDE,
-  added,
-  bar,
-  libStamp,
-  placeScore,
-  scoreBrand,
-  scorePaper,
-  scoreType,
-  screen,
-  sweep
-} from "./chunk-LJKLNF4X.js";
-import {
-  pruneStyles
-} from "./chunk-NQEPYDMT.js";
-import {
-  EMAIL_FPS,
-  HEADER
-} from "./chunk-K3QP3IUF.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  pill
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit
-} from "./chunk-2P7ISWIA.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/email/tour-tickets-tide-header.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var T = TIDE;
-var DURATION = 6e3;
-var DATES = [T.dates[3], T.dates[4]];
-var cues = [
-  { layer: "Sold stamp", preset: "pulse", at: 600, params: { duration: 700, amount: 0.08 } },
-  { layer: "Added", preset: "pulse", at: 1800, params: { duration: 700, amount: 0.1 } },
-  { layer: "Open button", preset: "pulse", at: 3200, params: { duration: 700, amount: 0.05 } },
-  { layer: "Code", preset: "pulse", at: 4400, params: { duration: 700, amount: 0.06 } }
-];
-var NAME = `Tour tickets email header: ${T.act}`;
-var tour_tickets_tide_header_default = defineTemplate({
-  id: "email-tour-tickets-tide-header",
-  meta: {
-    name: `${NAME} (animated GIF)`,
-    description: "A 600 \xD7 300 animated header for a film-in-concert tour's subscriber presale email, drawn as a concert hall: the engraved title, the tour, the presale date and code on navy, a button, the film's screen with its turning lighthouse beam, and two bars of the score with a navy SOLD OUT stamp and a gold ADDED tab, all on the first frame; then the beam turns and the marks swell. A 6-second GIF",
-    category: "email",
-    tags: ["email", "gif", "animated", "header", "banner", "tour", "tickets", "presale", "concert", "orchestra", "film score", "classical", "sheet music"],
-    platforms: ["email"],
-    formats: ["email", "banner"],
-    useCases: ["presale", "event", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues },
-  build() {
-    const k = new Kit(NAME, HEADER);
-    k.quantizeGeometry = true;
-    scoreBrand(k, { name: "TIDEWATER" });
-    scoreType(k);
-    k.textStyle("Title 36 email", { ...SERIF, size: 36, fontWeight: 600, letterSpacing: 3, lineHeight: 40 });
-    k.textStyle("Small 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 0.4, lineHeight: 16 });
-    k.textStyle("Code 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1, lineHeight: 24 });
-    k.textStyle("Button 14", { size: 14, fontWeight: 700, lineHeight: 18 });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 14", label: "Subscribe for the code", pad: [9, 16], radius: 2 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
-    scorePaper(k, sheet, 600, 300);
-    const scr = screen(k, sheet, { absolute: { x: 0, y: 0 } });
-    k.patch(scr, { x: 318, y: 10, scaleX: 0.25, scaleY: 0.25, anchorX: 0, anchorY: 0 });
-    const copy = k.stack(sheet, { width: 250, gap: 9, name: "Copy", absolute: { x: 26, y: 44 } });
-    k.text(copy, "{{brand.name}}", { style: "Title 36 email", color: "text", width: "FILL", name: "Title" });
-    k.text(copy, "IN CONCERT \xB7 MARCH 2027", { style: "Small 12", color: "onPaper", width: "FILL", name: "Tour line" });
-    const code = k.stack(copy, { gap: 2, fill: "primary", radius: 2, padding: { top: 7, right: 10, bottom: 7, left: 10 }, name: "Code card" });
-    k.text(code, "PRESALE MON 1 FEB \xB7 10:00 CET", { style: "Small 12", color: "onPrimary", width: "FILL", name: "Code when" });
-    k.text(code, T.presale.code, { style: "Code 20", color: "onPrimary", autoWidth: true, name: "Code" });
-    k.instance(copy, "Button", { Label: "Subscribe for the code" }, { name: "Open button" });
-    k.text(copy, `${T.price.from} to ${T.price.to} \xB7 on sale Thu 4 Feb`, { style: "Small 12", color: "onPaper", width: "FILL", name: "Price line" });
-    DATES.forEach((d, i) => bar(k, sheet, d, 3 + i));
-    libStamp(k, sheet, { absolute: { x: 0, y: 0 } });
-    added(k, sheet, { absolute: { x: 0, y: 0 } });
-    placeScore(k, sheet, DATES, { x: 282, y: 156, scale: 0.6, cols: 2, rowGap: 0 });
-    sweep(k, sheet, DURATION, 1);
-    k.cues(sheet, cues);
-    pruneStyles(k);
-    return k.finish();
-  }
-});
-
-export {
-  tour_tickets_tide_header_default
-};