@popcraft/kit 0.31.0 → 0.32.1

package/dist/chunks/chunk-Y4BK2LWG.js

@@ -1,197 +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 {
-  FLOWERS,
-  bloom,
-  bloomBrand,
-  cut,
-  fitGarden,
-  garden,
-  keepBoxes
-} from "./chunk-IFLMQH4I.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  outro,
-  pill,
-  postVariants
-} from "./chunk-LEKU2ZW3.js";
-import {
-  r3
-} from "./chunk-6RCDZU4R.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  ease
-} from "./chunk-YYQUCS6P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/motion/spring-bloom-first-hundred-post.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 7e3;
-var N = 10;
-var CELL = 46;
-var GAP = 6;
-var PAD = 15;
-var TRAY = PAD * 2 + N * CELL + (N - 1) * GAP;
-var UP = 700;
-var EACH = 22;
-var IN_FLOWER = { 7: FLOWERS.pinkDaisy, 13: FLOWERS.skyCosmos, 28: FLOWERS.daisy, 36: FLOWERS.cosmos, 41: FLOWERS.daisy, 55: FLOWERS.skyCosmos, 62: FLOWERS.pinkDaisy, 70: FLOWERS.cosmos, 84: FLOWERS.daisy, 89: FLOWERS.pinkDaisy, 93: FLOWERS.skyCosmos };
-var bed = (h, o = {}) => ({
-  w: 1080,
-  h,
-  loopMs: DURATION,
-  soil: h - 46,
-  depth: 300,
-  hills: 170,
-  petals: 8,
-  plants: [],
-  under: false,
-  // The cloud keeps clear of the headline: under a dark kit the words are white too.
-  sun: { x: 968, y: 120, r: 96 },
-  clouds: [{ x: 874, y: 214, w: 230 }],
-  ...o
-});
-var TRAY_AT = { post: { x: 464, y: 300 }, portrait: { x: 268, y: 716 }, vertical: { x: 145, y: 900, scale: 1.45 } };
-var counts = [
-  { layer: "Figure", at: UP, duration: EACH * 100, counter: { from: 0, to: 100 }, ease: ease.linear }
-];
-var cues = [
-  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 450 } },
-  { layer: "Headline", preset: "words-in", at: 80, params: { duration: 650 } },
-  { layer: "Figure", preset: "fade-in", at: UP - 200, params: { duration: 300 } },
-  { layer: "Sprout", preset: "pop-in", at: UP, params: { duration: 420 }, stagger: { delay: EACH } },
-  { layer: "Claim", preset: "rise-in", at: UP + 500, params: { duration: 700 } },
-  { layer: "Figure", preset: "pulse", at: UP + EACH * 100, params: { duration: 700, amount: 0.08 } },
-  { layer: "Thanks", preset: "rise-in", at: 3300, params: { duration: 700 } },
-  { layer: "Site", preset: "fade-in", at: 3700, params: { duration: 600 } },
-  { layer: "Sprout", preset: "pop-out", at: 6150, params: { duration: 300 }, stagger: { delay: 4 } },
-  outro(["Eyebrow", "Headline", "Figure", "Claim", "Thanks", "Site"], 6200)
-];
-function seedLeaf(c, ang, len, hw) {
-  const dx = Math.cos(ang), dy = Math.sin(ang), n = 8;
-  const side = (m) => Array.from({ length: n + 1 }, (_, i) => {
-    const t = i / n, d = 1.5 + len * t, w = hw * Math.sin(Math.PI * Math.pow(t, 0.8)) * m;
-    return { x: r3(c + dx * d - dy * w), y: r3(c + dy * d + dx * w) };
-  });
-  return { closed: true, points: [...side(1), ...side(-1).reverse().slice(1, -1)] };
-}
-var spring_bloom_first_hundred_post_default = defineTemplate({
-  id: "motion-spring-bloom-first-hundred-post",
-  meta: {
-    name: "Spring first shoots milestone post (animated)",
-    description: "A first-customers post for spring: \u201CFirst shoots.\u201D over a seed tray seen from above, ten cells by ten, where a seedling comes up in every cell while the figure counts them from nought to a hundred \u2014 a few already in flower \u2014 on a cut-paper morning with a paper sun, hills and drifting petals; the thanks and an offer for the next hundred rise at the foot. A seven-second loop, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "spring", "bloom", "seedlings", "seed tray", "first customers", "milestone", "build in public", "cut paper", "counter", "saas", "post", "seasonal", "loop"],
-    platforms: ["instagram", "linkedin", "x", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["milestone", "announcement", "stats"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit("Spring first shoots milestone post (animated)", preset("ig-post"));
-    k.quantizeGeometry = true;
-    bloomBrand(k, { headline: "First shoots." });
-    k.textStyle("Eyebrow 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 2.6, lineHeight: 30, textCase: "UPPER" });
-    k.textStyle("Display 132", { size: 132, fontWeight: 900, letterSpacing: -6.4, lineHeight: 122 });
-    k.textStyle("Display 116", { size: 116, fontWeight: 900, letterSpacing: -5.4, lineHeight: 108 });
-    k.textStyle("Figure 210", { size: 210, fontWeight: 900, letterSpacing: -10, lineHeight: 180 });
-    k.textStyle("Claim 34", { ...SERIF, size: 34, fontStyle: "italic", fontWeight: 600, lineHeight: 42 });
-    k.textStyle("Thanks 26", { size: 26, fontWeight: 600, lineHeight: 35 });
-    k.textStyle("Claim 44", { ...SERIF, size: 44, fontStyle: "italic", fontWeight: 600, lineHeight: 54 });
-    k.textStyle("Thanks 34", { size: 34, fontWeight: 600, lineHeight: 46 });
-    k.textStyle("Site 22", { ...MONO, size: 22, fontWeight: 700, lineHeight: 30 });
-    k.textStyle("Tag 17", { ...MONO, size: 17, fontWeight: 800, letterSpacing: 0.6, lineHeight: 20, textCase: "UPPER" });
-    pill(k, "Code pill", { fill: "primary", ink: "onPrimary", style: "Site 22", label: "FIRSTSHOOTS", pad: [8, 18] });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 20, 72, "paper", "MIN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    const POST = bed(1080);
-    const ground = k.frame(sheet, { x: 0, y: 0, width: POST.w, height: POST.h }, { name: "Garden", clip: true });
-    garden(k, ground, POST);
-    const tray = k.frame(sheet, { ...TRAY_AT.post, width: TRAY, height: TRAY }, { name: "Tray" });
-    const whole = { absolute: { x: 0, y: 0 } };
-    k.rect(tray, TRAY, TRAY, "wood", { name: "Tray wood", radius: 18, effects: [cut(1, 0.3, 3)], ...whole });
-    k.rect(tray, TRAY - 12, TRAY - 12, [], { name: "Tray rim", radius: 13, stroke: { color: "woodShade", width: 3, align: "INSIDE" }, absolute: { x: 6, y: 6 } });
-    const at = (i) => ({ x: PAD + i % N * (CELL + GAP), y: PAD + Math.floor(i / N) * (CELL + GAP) });
-    const square = (x, y, s, r) => ({ closed: true, points: [[r, 0], [s - r, 0], [s, r], [s, s - r], [s - r, s], [r, s], [0, s - r], [0, r]].map(([a, b]) => ({ x: x + a, y: y + b })) });
-    k.vector(tray, TRAY, TRAY, Array.from({ length: N * N }, (_, i) => square(at(i).x, at(i).y, CELL, 7)), "soil", { name: "Cells", ...whole });
-    k.vector(tray, TRAY, TRAY, Array.from({ length: N * N }, (_, i) => square(at(i).x, at(i).y, CELL, 7)).map((p) => ({ closed: false, points: [p.points[6], p.points[7], p.points[0], p.points[1]] })), "soilDeep", { name: "Cell shade", strokeWidth: 4, opacity: 0.55, ...whole });
-    k.vector(tray, TRAY, TRAY, Array.from({ length: N * N * 3 }, (_, j) => {
-      const i = Math.floor(j / 3), a = j * 2.399 % (Math.PI * 2), d = 12 + j * 7 % 9;
-      const cx = at(i).x + CELL / 2 + d * Math.cos(a), cy = at(i).y + CELL / 2 + d * Math.sin(a);
-      return { closed: true, points: [0, 1, 2, 3, 4].map((n) => ({ x: r3(cx + 2.2 * Math.cos(n * 1.257)), y: r3(cy + 2.2 * Math.sin(n * 1.257)) })) };
-    }), "soilLight", { name: "Cell crumbs", opacity: 0.7, ...whole });
-    for (let j = 0; j < N * N; j++) {
-      const i = (j * 37 + 11) % (N * N);
-      const p = at(i), flower = IN_FLOWER[i];
-      if (flower) {
-        bloom(k, tray, flower, 22, { x: p.x + CELL / 2 - 22, y: p.y + CELL / 2 - 22 }, "Sprout");
-        continue;
-      }
-      const turn = i * 2.399 % Math.PI, big = 15 + i * 5 % 5;
-      k.vector(tray, CELL, CELL, [seedLeaf(CELL / 2, turn, big, 8), seedLeaf(CELL / 2, turn + Math.PI, big - 2, 7.5), seedLeaf(CELL / 2, turn + Math.PI / 2, 7, 4), seedLeaf(CELL / 2, turn - Math.PI / 2, 6, 3.5)], i % 3 ? "leaf" : "stem", { name: "Sprout", effects: [cut(0.4, 0.4)], absolute: p });
-    }
-    const tag = k.stack(tray, { direction: "HORIZONTAL", width: "HUG", fill: "packet", radius: 6, gap: 8, align: "CENTER", padding: { top: 6, right: 14, bottom: 6, left: 12 }, effects: [cut(1, 0.3, 1.4)], absolute: { x: TRAY - 214, y: TRAY - 12 }, name: "Tray label" });
-    k.ellipse(tag, 9, "soilMid", { name: "Tray label hole" });
-    k.text(tag, "Sown 3 March", { style: "Tag 17", color: "ink", autoWidth: true, name: "Tray label words" });
-    const top = k.stack(sheet, { gap: 10, name: "Top" });
-    k.text(top, "{{brand.name}} \xB7 six weeks in", { style: "Eyebrow 22", color: "text", name: "Eyebrow" });
-    k.text(top, "{{brand.headline}}", { style: "Display 132", color: "text", name: "Headline" });
-    const count = k.stack(sheet, { width: 372, gap: 4, name: "Count" });
-    k.text(count, "100", { style: "Figure 210", color: "accent", name: "Figure" });
-    k.text(count, "teams now keep a tidy backlog with {{brand.name}}.", { style: "Claim 34", color: "text", name: "Claim" });
-    const foot = k.stack(sheet, { width: 372, gap: 12, name: "Foot" });
-    k.text(foot, "Thank you for planting us. The next hundred get 40% off their first season.", { style: "Thanks 26", color: "onPaper", name: "Thanks" });
-    const site = k.stack(foot, { direction: "HORIZONTAL", gap: 14, align: "CENTER", wrap: true, name: "Site" });
-    k.instance(site, "Code pill", { Label: "FIRSTSHOOTS" }, { name: "Code" });
-    k.text(site, "{{brand.site}}", { style: "Site 22", color: "text", autoWidth: true, name: "Site words" });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    const place = (kit, id, to, g) => {
-      fitGarden(kit, sheet, id, g);
-      kit.named(sheet, "Tray").forEach((m, i) => {
-        const c = kit.named(id, "Tray")[i];
-        if (c) {
-          keepBoxes(kit, m, c);
-          kit.patch(c, { x: to.x, y: to.y, ...to.scale ? { anchorX: 0, anchorY: 0, scaleX: to.scale, scaleY: to.scale } : {} });
-        }
-      });
-      for (const name of ["Count", "Foot"]) for (const n of kit.named(id, name)) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-    };
-    k.variants(sheet, postVariants({ portrait: 72 }, {
-      portrait: (kit, id) => {
-        place(kit, id, TRAY_AT.portrait, bed(1350, { sun: { x: 968, y: 130, r: 100 }, clouds: [{ x: 620, y: 300, w: 230 }] }));
-      },
-      vertical: (kit, id) => {
-        for (const t of kit.named(id, "Headline")) kit.restyle(t, "Display 116");
-        for (const t of kit.named(id, "Claim")) kit.restyle(t, "Claim 44");
-        for (const t of kit.named(id, "Thanks")) kit.restyle(t, "Thanks 34");
-        for (const t of kit.named(id, "Tray label")) kit.patch(t, { visible: false });
-        place(kit, id, TRAY_AT.vertical, bed(1920, { soil: 1740, sun: { x: 930, y: 150, r: 110 }, clouds: [{ x: -40, y: 90, w: 260 }, { x: 700, y: 760, w: 220 }] }));
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  spring_bloom_first_hundred_post_default
-};

package/dist/chunks/chunk-Y7I6T6S2.js

@@ -1,194 +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 {
-  externalizeBitmaps,
-  withAssetBase
-} from "./chunk-CWE7VNSQ.js";
-import {
-  componentName,
-  mediaRules,
-  serializeReact
-} from "./chunk-ENA25RHE.js";
-import {
-  routesOf,
-  screensOf
-} from "./chunk-5STBM3DT.js";
-import {
-  buildPlainTree,
-  tokensCSS
-} from "./chunk-N42YJFOC.js";
-import {
-  COMMERCE_ACTION_PROP,
-  COMMERCE_PROP
-} from "./chunk-NX52A7FG.js";
-import {
-  ITEM_RECORD,
-  recordsIn
-} from "./chunk-4V23JBDL.js";
-import {
-  fieldKey
-} from "./chunk-PKQGG3V6.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// lib/io/web/project/components.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var all = (n, out = []) => {
-  out.push(n);
-  n.children.forEach((c) => all(c, out));
-  n.repeat?.template.forEach((c) => all(c, out));
-  return out;
-};
-var camel = (s) => {
-  const w = componentName(s.replace(/[^A-Za-z0-9]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()));
-  return w.charAt(0).toLowerCase() + w.slice(1);
-};
-var singular = (s) => s.replace(/ies$/, "y").replace(/s$/, "");
-function componentScreens(doc, pageId = doc.pages[0], nodeCap = 2e4) {
-  const screens = screensOf(doc, pageId);
-  const build = { target: "site", nodeCap, listTemplates: true, routes: Object.fromEntries(routesOf(screens)) };
-  return screens.map((s) => {
-    const of = s.route?.collectionId ? doc.collections?.[s.route.collectionId] : void 0;
-    const about = of?.schema ? of : void 0;
-    const opts = about ? { ...build, item: { collectionId: about.id, recordId: ITEM_RECORD } } : build;
-    const tree = buildPlainTree(doc, s.id, opts);
-    const media = mediaRules(doc, s.id, tree.root, opts).map((r) => r.replace(/\[data-pc-id="([^"~]+)~[^"]+"\]/g, '[data-pc-id^="$1~"]'));
-    return { id: s.id, name: s.name, tree: media.length ? { ...tree, rules: [...tree.rules ?? [], ...media] } : tree, ...about ? { about } : {} };
-  });
-}
-function componentPlan(doc, screens) {
-  const names = /* @__PURE__ */ new Set();
-  return screens.map((s) => {
-    const base = (componentName(s.name) || "Screen").replace(/(page|screen)?$/i, "Page");
-    let name = base;
-    for (let n = 2; names.has(name); n++) name = `${base}${n}`;
-    names.add(name);
-    const props = [];
-    const propName = (b) => {
-      let p = b;
-      for (let n = 2; props.some((x) => x.name === p) || p === "item"; n++) p = `${b}${n}`;
-      return p;
-    };
-    if (s.about) {
-      const schema = s.about.schema;
-      props.push({ name: propName(camel(singular(COMMERCE_PROP[schema].name))), type: COMMERCE_PROP[schema].type, doc: `The ${singular(s.about.name).toLowerCase()} this page is about; none: the design's first sample.`, schema, about: true, collectionId: s.about.id });
-    }
-    const seen = /* @__PURE__ */ new Set();
-    for (const n of all(s.tree.root)) {
-      const c = n.repeat && doc.collections?.[n.repeat.collectionId];
-      if (!c?.schema || seen.has(c.id)) continue;
-      seen.add(c.id);
-      const { type, one } = COMMERCE_PROP[c.schema];
-      props.push({ name: propName(one ? COMMERCE_PROP[c.schema].name : camel(c.name)), type: one ? type : `${type}[]`, doc: `${c.name}; none: the design's samples.`, schema: c.schema, collectionId: c.id });
-    }
-    for (const a of new Set(all(s.tree.root).map((n) => n.action).filter((a2) => !!a2))) props.push({ name: COMMERCE_ACTION_PROP[a], type: "(formData: FormData) => void | Promise<void>", doc: `What sending its ${a} form does (a server action).`, action: a });
-    const picks = [...new Set(all(s.tree.root).filter((n) => n.repeat?.pick && doc.collections?.[n.repeat.collectionId]?.schema === "commerce.product").map((n) => n.repeat.pick.value))].sort();
-    return { screen: s, name, props, ...picks.length ? { picks } : {} };
-  });
-}
-var MEDIA_REF = /media:\/\/[A-Za-z0-9_-]+/g;
-var MEDIA_EXT = { "image/png": "png", "image/jpeg": "jpg", "image/webp": "webp", "image/gif": "gif", "image/avif": "avif", "image/svg+xml": "svg" };
-function componentMedia(doc, screens) {
-  const text = JSON.stringify(screens.map((s) => s.tree)) + JSON.stringify(doc.records ?? {});
-  return [...new Set(text.match(MEDIA_REF) ?? [])].sort();
-}
-function componentFiles(doc, screens, o = {}) {
-  const dir = (o.dir ?? "components/popcraft").replace(/\/$/, "");
-  const media = [];
-  const at = /* @__PURE__ */ new Map();
-  for (const [ref, m] of Object.entries(o.media ?? {})) {
-    const name = `${ref.slice("media://".length)}.${MEDIA_EXT[m.type] ?? "bin"}`;
-    at.set(ref, `/popcraft/media/${name}`);
-    media.push({ path: `public/popcraft/media/${name}`, content: m.bytes });
-  }
-  const located = (v) => at.size ? JSON.parse(JSON.stringify(v).replace(MEDIA_REF, (ref) => at.get(ref) ?? ref)) : v;
-  doc = { ...doc, records: located(doc.records) };
-  const holder = { pages: screens.map((s) => ({ tree: located(s.tree) })) };
-  const pictures = [...externalizeBitmaps(holder).map((f) => ({ ...f, path: `public/popcraft/${f.path}` })), ...media];
-  const files = [];
-  const index = [];
-  componentPlan(doc, screens).forEach(({ name, props }, i) => {
-    const s = screens[i];
-    const tree = { ...holder.pages[i].tree, root: withAssetBase(holder.pages[i].tree.root, "/popcraft/") };
-    const types = /* @__PURE__ */ new Set();
-    const samples = [];
-    const prelude = [];
-    const listProp = /* @__PURE__ */ new Map();
-    for (const p of props) {
-      if (!p.schema || !p.collectionId) continue;
-      types.add(COMMERCE_PROP[p.schema].type);
-      const c = doc.collections[p.collectionId];
-      if (p.about) {
-        samples.push(sampleConst(`SAMPLE_${p.name.toUpperCase()}`, doc, c, 1));
-        prelude.push(`const item = ${p.name} ? commerceItem(${JSON.stringify(p.schema)}, ${p.name}) : SAMPLE_${p.name.toUpperCase()}`);
-      } else {
-        listProp.set(c.id, p.name);
-        samples.push(sampleConst(`SAMPLE_${p.name.toUpperCase()}`, doc, c));
-      }
-    }
-    const body = serializeReact(tree, {
-      ids: true,
-      name,
-      styling: o.styling ?? "inline",
-      prelude,
-      itemReader: "commerceWords",
-      props: props.length ? `{ ${props.map((p) => p.name).join(", ")} }: ${name}Props = {}` : "",
-      lists: (r) => {
-        const p = listProp.get(r.collectionId);
-        if (!p) return null;
-        const c = doc.collections[r.collectionId];
-        let out = COMMERCE_PROP[c.schema].one ? `(${p} ? [commerceItem(${JSON.stringify(c.schema)}, ${p})] : SAMPLE_${p.toUpperCase()})` : `(${p} ? ${p}.map(v => commerceItem(${JSON.stringify(c.schema)}, v)) : SAMPLE_${p.toUpperCase()})`;
-        if (r.pick) return `((list) => [list.find(item => String(item.values[${JSON.stringify(r.pick.key)}] ?? "") === ${JSON.stringify(r.pick.value)}) ?? list[0]].filter((item): item is CommerceItem => !!item))(${out})`;
-        if (r.offset || r.limit) out += `.slice(${r.offset ?? 0}${r.limit ? `, ${(r.offset ?? 0) + r.limit}` : ""})`;
-        return out;
-      },
-      formAction: (n) => n.action ? COMMERCE_ACTION_PROP[n.action] : null
-    });
-    const runtime = [.../\bcommerceItem\(/.test(body) ? ["commerceItem"] : [], .../\bcommerceWords\(/.test(body) ? ["commerceWords"] : [], ...samples.length ? ["type CommerceItem"] : [], ...[...types].sort().map((t) => `type ${t}`)];
-    const client = /\buse(Effect|Ref|State)\b/.test(body);
-    const react = /<Fragment\b/.test(body) && !/import \{[^}]*\bFragment\b/.test(body) ? ["import { Fragment } from 'react'"] : [];
-    const content = [
-      ...client ? ["'use client'", ""] : [],
-      `// ${s.name}, exported from PopCraft (${doc.name}) as a component a Next.js Commerce store renders with its own data.`,
-      "// Re-export it from PopCraft rather than editing it here: the design is the source.",
-      "",
-      ...react,
-      ...runtime.length ? [`import { ${runtime.join(", ")} } from '@popcraft/runtime/commerce'`] : [],
-      "",
-      ...props.length ? [`export interface ${name}Props {`, ...props.map((p) => `  /** ${p.doc} */
-  ${p.name}?: ${p.type}`), "}", ""] : [],
-      ...samples,
-      body,
-      ""
-    ].join("\n");
-    files.push({ path: `${dir}/${name}.tsx`, content });
-    index.push(`export { ${name}${props.length ? `, type ${name}Props` : ""} } from './${name}'`);
-  });
-  const tokens = screens.find((sc) => sc.tree.tokens)?.tree.tokens;
-  files.push({ path: `${dir}/popcraft.css`, content: [
-    `/* The variables of ${doc.name}'s design, exported from PopCraft: what its components' styles name. */`,
-    "*, *::before, *::after { box-sizing: border-box; }",
-    ...tokens ? tokensCSS(tokens) : [],
-    ""
-  ].join("\n") });
-  files.push({ path: `${dir}/index.ts`, content: [`// The components of ${doc.name}, exported from PopCraft.`, "import './popcraft.css'", "", ...index, ""].join("\n") });
-  return [...files, ...pictures];
-}
-function sampleConst(name, doc, c, one) {
-  const rows = recordsIn(doc, c.id).map((r) => ({ id: r.id, values: Object.fromEntries(c.fields.map((f) => [fieldKey(f.name), r.values[f.id] ?? ""])) }));
-  return one ? `const ${name}: CommerceItem = ${JSON.stringify(rows[0] ?? { id: "sample", values: {} }, null, 2)}
-` : `const ${name}: CommerceItem[] = ${JSON.stringify(rows, null, 2)}
-`;
-}
-
-export {
-  componentScreens,
-  componentPlan,
-  componentMedia,
-  componentFiles
-};

package/dist/chunks/chunk-YADEW6PA.js

@@ -1,181 +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 {
-  productWindow
-} from "./chunk-FF7Q4NVH.js";
-import {
-  gridPaths,
-  tickPath
-} from "./chunk-UDE42EDS.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  each,
-  pattern,
-  put,
-  redraw,
-  restyle,
-  sizeOf
-} from "./chunk-YHBAWSDX.js";
-import {
-  glow,
-  shadow
-} from "./chunk-M6VTXO6F.js";
-import {
-  logoBadge,
-  pill
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/social/saas-kit-link-preview.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DEPLOYS = [
-  ["fix/webhook-retry", "pr-481.halyard.example", "41 s"],
-  ["chore/node-22", "pr-479.halyard.example", "36 s"],
-  ["feat/usage-export", "pr-476.halyard.example", "44 s"],
-  ["docs/api-keys", "pr-475.halyard.example", "29 s"],
-  ["fix/timezone-math", "pr-473.halyard.example", "40 s"],
-  ["feat/team-invites", "pr-470.halyard.example", "37 s"],
-  ["fix/empty-state", "pr-468.halyard.example", "33 s"],
-  ["feat/audit-log", "pr-466.halyard.example", "42 s"],
-  ["chore/eslint-9", "pr-463.halyard.example", "31 s"],
-  ["fix/retry-backoff", "pr-461.halyard.example", "39 s"],
-  ["feat/sso-okta", "pr-458.halyard.example", "45 s"]
-];
-var grid = (w, h) => gridPaths(w, h, 40, 1);
-function furnish(k, sheet, o = { win: 600 }) {
-  k.finish();
-  const { w, h } = sizeOf(k, sheet);
-  const toast = k.named(sheet, "Toast")[0];
-  redraw(k, sheet, "Grid", grid);
-  const x = Math.round(w - o.win + 44), y = Math.round(h * 0.14);
-  put(k, sheet, "Window", x, y, { width: o.win });
-  put(k, sheet, "Window glow", x - 260, y - 240);
-  put(k, sheet, "Toast", Math.round(x - k.node(toast).width + 16), Math.round(h * (o.toastY ?? 0.7)));
-  put(k, sheet, "Edge light", 0, 0, { width: w });
-}
-var saas_kit_link_preview_default = defineTemplate({
-  id: "social-saas-kit-link-preview",
-  meta: {
-    name: "SaaS launch link preview set",
-    description: "The picture your link unfurls as, in the dark precision look: the promise in tight white type, the proof as one line of shell, and a crop of the product (a deploy list with its newest row lit, a \u201Cpreview ready\u201D toast over its edge). 1200 \xD7 630 Open Graph, with GitHub social preview, X and LinkedIn sizes",
-    category: "social",
-    tags: ["saas", "saas launch", "link preview", "open graph", "og image", "github", "social preview", "dark", "dark precision", "developer tool", "product ui"],
-    platforms: ["web", "x", "linkedin", "github", "facebook"],
-    formats: ["og-image", "banner", "post"],
-    useCases: ["launch", "brand-intro", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit("SaaS launch link preview set", preset("og-image"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#090B0F", text: "#F4F6FA", onPaper: "#A3ACBA", accent: "#B9F25A", onAccent: "#0B1202" },
-      { name: "Halyard", promise: "Every pull request gets its own URL.", site: "halyard.example" }
-    );
-    k.palette({ win: "#10141B", winBar: "#161B24", winLine: "#262D3A", winInk: "#E9EDF3", winMuted: "#95A0B2", lit: "#18220C", signal: "#B9F25A", toast: "#1B212C" });
-    k.textStyle("Brand 24", { size: 24, fontWeight: 700, letterSpacing: -0.4, lineHeight: 30 });
-    k.textStyle("Display 64", { size: 64, fontWeight: 700, letterSpacing: -2.8, lineHeight: 66 });
-    k.textStyle("Display 92", { size: 92, fontWeight: 700, letterSpacing: -4.2, lineHeight: 94 });
-    k.textStyle("Shell 19", { ...MONO, size: 19, fontWeight: 500, lineHeight: 28 });
-    k.textStyle("Shell 26", { ...MONO, size: 26, fontWeight: 500, lineHeight: 38 });
-    k.textStyle("Chip 17", { ...MONO, size: 17, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Win title 16", { ...MONO, size: 16, fontWeight: 500, lineHeight: 20 });
-    k.textStyle("Row 17", { ...MONO, size: 17, fontWeight: 600, lineHeight: 22 });
-    k.textStyle("Row meta 16", { ...MONO, size: 16, fontWeight: 400, lineHeight: 22 });
-    k.textStyle("Win title 22", { ...MONO, size: 22, fontWeight: 500, lineHeight: 28 });
-    k.textStyle("Row 24", { ...MONO, size: 24, fontWeight: 600, lineHeight: 30 });
-    k.textStyle("Row meta 22", { ...MONO, size: 22, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Toast 26", { size: 26, fontWeight: 700, letterSpacing: -0.3, lineHeight: 32 });
-    k.textStyle("Toast 19", { size: 19, fontWeight: 700, letterSpacing: -0.2, lineHeight: 24 });
-    pill(k, "Chip", { fill: "accent", ink: "onAccent", style: "Chip 17", label: "halyard.example", pad: [8, 14], radius: 6 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, { top: 60, right: 560, bottom: 56, left: 68 }, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    pattern(k, sheet, "Grid", "text", grid, 0.045);
-    glow(k, sheet, { x: 0, y: 0, w: 900, role: "accent", alpha: 0.17, name: "Window glow" });
-    k.rect(sheet, 1200, 2, [k.gradient({ from: "accent", to: "accent", angle: 0, fromOpacity: 0.9, toOpacity: 0 })], { name: "Edge light", absolute: { x: 0, y: 0 } });
-    const { win, body } = productWindow(k, sheet, {
-      width: 600,
-      height: 640,
-      title: "halyard \xB7 acme/storefront \xB7 deploys",
-      absolute: { x: 0, y: 0 },
-      look: { fill: "win", bar: "winBar", titleStyle: "Win title 16", titleInk: "winMuted", dots: "winLine", radius: 14, barHeight: 48, rule: "winLine", stroke: { color: "winLine", width: 1, align: "INSIDE" }, effects: [shadow(k, "paper", 0.7, 30, 80)] }
-    });
-    const lit = k.stack(body, { direction: "HORIZONTAL", gap: 14, align: "CENTER", fill: "lit", padding: { top: 18, right: 22, bottom: 18, left: 22 }, name: "Newest deploy" });
-    k.rect(lit, 4, 44, "signal", { name: "Lit edge", absolute: { x: 0, y: 6 } });
-    k.ellipse(lit, 10, "signal", { name: "Status", effects: [shadow(k, "signal", 0.9, 0, 12)] });
-    const newest = k.stack(lit, { gap: 2, name: "Newest words" });
-    k.text(newest, "feat/checkout-v2", { style: "Row 17", color: "winInk", name: "Newest branch" });
-    k.text(newest, "pr-482.halyard.example \xB7 ready in 38 s", { style: "Row meta 16", color: "signal", name: "Newest url" });
-    for (const [branch, url, time] of DEPLOYS.slice(0, 9)) {
-      k.rect(body, "FILL", 1, "winLine", { name: "Row rule" });
-      const row = k.stack(body, { direction: "HORIZONTAL", gap: 14, align: "CENTER", padding: { top: 15, right: 22, bottom: 15, left: 22 }, name: "Deploy" });
-      k.ellipse(row, 10, "signal", { name: "Status" });
-      k.text(row, branch, { style: "Row 17", color: "winInk", width: 216, name: "Branch" });
-      k.text(row, url, { style: "Row meta 16", color: "winMuted", name: "Url" });
-      k.text(row, time, { style: "Row meta 16", color: "winMuted", autoWidth: true, name: "Time" });
-    }
-    void win;
-    const toast = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", fill: "toast", radius: 12, padding: { top: 14, right: 22, bottom: 14, left: 14 }, stroke: { color: "winLine", width: 1, align: "INSIDE" }, effects: [shadow(k, "paper", 0.8, 18, 40)], name: "Toast", absolute: { x: 0, y: 0 } });
-    const seal = k.stack(toast, { direction: "HORIZONTAL", width: 40, height: 40, radius: 20, fill: "accent", align: "CENTER", justify: "CENTER", name: "Seal" });
-    k.vector(seal, 18, 14, [tickPath(18, 14)], "onAccent", { name: "Tick", strokeWidth: 3.5 });
-    const said = k.stack(toast, { width: "HUG", gap: 0, name: "Toast words" });
-    k.text(said, "Preview ready", { style: "Toast 19", color: "winInk", autoWidth: true, name: "Toast title" });
-    k.text(said, "pr-482 \xB7 3 checks passed", { style: "Row meta 16", color: "winMuted", autoWidth: true, name: "Toast note" });
-    const brand = k.stack(sheet, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Brand" });
-    logoBadge(k, brand, { fill: "accent", size: 26, pad: 9, radius: 10 });
-    k.text(brand, "{{brand.name}}", { style: "Brand 24", color: "text", name: "Name" });
-    const copy = k.stack(sheet, { gap: 22, name: "Copy" });
-    k.text(copy, "{{brand.promise}}", { style: "Display 64", color: "text", name: "Promise" });
-    k.text(copy, "$ git push   # live in 38 s, no config", { style: "Shell 19", color: "onPaper", name: "Shell" });
-    k.instance(sheet, "Chip", { Label: "{{brand.site}}" }, { name: "Site" });
-    furnish(k, sheet);
-    k.variants(sheet, [
-      { preset: "github-social", adjust: (kit, id) => {
-        kit.patch(id, { padding: { top: 60, right: 600, bottom: 56, left: 68 } });
-        furnish(kit, id, { win: 640 });
-      } },
-      { preset: "linkedin-post", adjust: (kit, id) => {
-        kit.patch(id, { padding: { top: 60, right: 560, bottom: 56, left: 68 } });
-        furnish(kit, id);
-      } },
-      { preset: "x-post", adjust: (kit, id) => {
-        kit.patch(id, { padding: { top: 84, right: 800, bottom: 80, left: 96 } });
-        restyle(kit, id, "Promise", "Display 92");
-        restyle(kit, id, "Shell", "Shell 26");
-        each(kit, id, "Copy", (n) => kit.patch(n, { itemSpacing: 30, counterAxisSpacing: 30 }));
-        for (const [name, style] of [["Window title", "Win title 22"], ["Newest branch", "Row 24"], ["Branch", "Row 24"], ["Newest url", "Row meta 22"], ["Url", "Row meta 22"], ["Time", "Row meta 22"], ["Toast title", "Toast 26"], ["Toast note", "Row meta 22"]]) restyle(kit, id, name, style);
-        each(kit, id, "Branch", (n) => kit.patch(n, { width: 300 }));
-        each(kit, id, "Deploy", (n) => kit.patch(n, { padding: { top: 21, right: 30, bottom: 21, left: 30 }, itemSpacing: 18 }));
-        each(kit, id, "Newest deploy", (n) => kit.patch(n, { padding: { top: 24, right: 30, bottom: 24, left: 30 }, itemSpacing: 18 }));
-        each(kit, id, "Lit edge", (n) => kit.patch(n, { height: 62, y: 10 }));
-        each(kit, id, "Title bar", (n) => kit.patch(n, { height: 62, padding: { top: 0, right: 30, bottom: 0, left: 30 } }));
-        each(kit, id, "Window", (n) => kit.patch(n, { height: 900 }));
-        each(kit, id, "Screen", (n) => kit.patch(n, { height: 840 }));
-        furnish(kit, id, { win: 800, toastY: 0.735 });
-      } }
-    ]);
-    return k.finish();
-  }
-});
-
-export {
-  saas_kit_link_preview_default
-};

package/dist/chunks/chunk-YBACAFRG.js

@@ -1,23 +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 {
-  KILOVOLT
-} from "./chunk-LNCOOQ5A.js";
-import {
-  ticket
-} from "./chunk-6MQXGMKX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/app/festival-presale-electronic-ticket.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var festival_presale_electronic_ticket_default = ticket(KILOVOLT);
-
-export {
-  festival_presale_electronic_ticket_default
-};