@popcraft/kit 0.31.0 → 0.32.1

package/dist/chunks/chunk-NAYYEK3U.js

@@ -1,166 +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 {
-  PRESS,
-  broadsheetBrand,
-  chart,
-  columnRule,
-  flash,
-  grain,
-  masthead,
-  rescale,
-  story,
-  tickerGround
-} from "./chunk-T3LW4MQI.js";
-import {
-  ticker
-} from "./chunk-572QBW5I.js";
-import {
-  background,
-  refill
-} from "./chunk-HAK2G6YB.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  outro,
-  pill,
-  postVariants
-} from "./chunk-LEKU2ZW3.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/broadsheet-milestone-post.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 7200;
-var OUT = 6e3;
-var CRAWL = 150;
-var counts = [{ layer: "Figure", at: 100, duration: 1900, counter: { from: 9e3, to: PRESS.teams, separator: "," } }];
-var cues = [
-  { layer: "Flash", preset: "pop-in", at: 0, params: { duration: 300, amount: 1.3 } },
-  // The figure comes up with its count, so it can clear at the end without its last figure snapping back.
-  { layer: "Figure", preset: "fade-in", at: 0, params: { duration: 300 } },
-  { layer: "Banner", preset: "typewriter", at: 500, params: { duration: 1e3 } },
-  { layer: "Figure", preset: "pulse", at: 2050, params: { duration: 600, amount: 0.04 } },
-  { layer: "Chart point", preset: "pop-in", at: 2600, params: { duration: 400 } },
-  { layer: "Flash", preset: "pulse", at: 4e3, params: { duration: 700, amount: 0.08 } },
-  outro(["Flash", "Figure", "Banner", "Chart point"], OUT)
-];
-var ROW = { width: 968, height: 300 };
-function furnish(k, sheet) {
-  const s = k.node(sheet);
-  refill(k, sheet);
-  for (const name of ["Ticker", "Ticker ground"]) for (const id of k.named(sheet, name)) k.patch(id, { y: s.height - 58, visible: s.height < 1500 });
-  for (const id of k.named(sheet, "Ticker rule")) k.patch(id, { y: s.height - 62, visible: s.height < 1500 });
-}
-function belowFold(k, sheet, top, bottom, left) {
-  const width = 1080 - left * 2, col = (width - 2 * 28) / 3;
-  k.rect(sheet, width, 4, "text", { name: "Fold rule", absolute: { x: left, y: top } });
-  k.rect(sheet, width, 1.5, "text", { name: "Fold rule", absolute: { x: left, y: top + 10 } });
-  k.rect(sheet, Math.round(width * 0.72), 30, "text", { name: "Fold headline", opacity: 0.6, absolute: { x: left, y: top + 36 } });
-  k.rect(sheet, Math.round(width * 0.48), 30, "text", { name: "Fold headline", opacity: 0.6, absolute: { x: left, y: top + 78 } });
-  const lens = [1, 0.94, 0.98, 0.9, 1, 0.62, 0.97, 0.92, 1, 0.86, 0.95, 0.7];
-  for (let c = 0; c < 3; c++) {
-    const x = Math.round(left + c * (col + 28));
-    if (c) k.rect(sheet, 1.5, bottom - top - 140, "text", { name: "Fold column rule", opacity: 0.5, absolute: { x: x - 14, y: top + 136 } });
-    for (let i = 0, y = top + 140; y < bottom - 12; i++, y += 26) k.rect(sheet, Math.round(col * lens[(i + c * 5) % lens.length]), 12, "text", { name: "Fold type", opacity: 0.28, absolute: { x, y } });
-  }
-}
-var broadsheet_milestone_post_default = defineTemplate({
-  id: "motion-broadsheet-milestone-post",
-  meta: {
-    name: "Broadsheet milestone post (animated)",
-    description: 'A milestone announced as a newspaper front page: an "EXTRA! EXTRA!" flash, the figure in a heavy serif counting up to 10,000, a banner headline typeset letter by letter, a business-page chart whose halftone area rises, the story of how long it took opening on a drop cap, and a ticker along the foot, held and then cleared so it loops. Seven seconds, square with 4:5 and 9:16 cuts',
-    category: "animation",
-    tags: ["animation", "broadsheet", "newspaper", "front page", "headline", "extra extra", "halftone", "newsprint", "milestone", "customers", "counter", "chart", "build in public", "saas", "post"],
-    platforms: ["instagram", "linkedin", "x", "threads"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["milestone", "stats", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit("Broadsheet milestone post (animated)", preset("ig-post"));
-    k.quantizeGeometry = true;
-    broadsheetBrand(k, { milestone: "TEAMS NOW READ ALL ABOUT IT" });
-    k.textStyle("Plate 58", { ...SERIF, size: 58, fontWeight: 900, letterSpacing: -1.5, lineHeight: 62 });
-    k.textStyle("Dateline 15", { ...MONO, size: 16, fontWeight: 700, letterSpacing: 1.4, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Flash 28", { size: 28, fontWeight: 900, letterSpacing: 3.5, lineHeight: 34, textCase: "UPPER" });
-    k.textStyle("Figure 270", { ...SERIF, size: 270, fontWeight: 900, letterSpacing: -9, lineHeight: 226, textAlign: "CENTER" });
-    k.textStyle("Figure 220", { ...SERIF, size: 220, fontWeight: 900, letterSpacing: -7, lineHeight: 190, textAlign: "CENTER" });
-    k.textStyle("Banner 60", { ...SERIF, size: 60, fontWeight: 900, letterSpacing: -1.4, lineHeight: 62, textAlign: "CENTER" });
-    k.textStyle("Banner 46", { ...SERIF, size: 46, fontWeight: 900, letterSpacing: -1, lineHeight: 50, textAlign: "CENTER" });
-    k.textStyle("Cap 92", { ...SERIF, size: 92, fontWeight: 900, lineHeight: 76 });
-    k.textStyle("Body 25", { ...SERIF, size: 25, fontWeight: 500, lineHeight: 33 });
-    k.textStyle("Note 16", { ...MONO, size: 16, fontWeight: 700, letterSpacing: 1, lineHeight: 22, textCase: "UPPER" });
-    k.textStyle("Ticker 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 1, lineHeight: 28, textCase: "UPPER" });
-    k.textStyle("Tag 18", { ...MONO, size: 18, fontWeight: 800, lineHeight: 24 });
-    pill(k, "Tag", { fill: "primary", ink: "onPrimary", style: "Tag 18", label: "copydesk.example", pad: [6, 12], radius: 0 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 18, { top: 44, right: 56, bottom: 82, left: 56 }, "paper", "SPACE_BETWEEN", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    background(k, sheet, "paper", { effects: grain(0.09, 2) });
-    masthead(k, sheet, { plate: "Plate 58", dateline: "Dateline 15" });
-    flash(k, sheet, "Extra! Extra!", { style: "Flash 28", star: 22, pad: [8, 20] });
-    k.text(sheet, "10,000", { style: "Figure 270", color: "text", align: "CENTER", name: "Figure" });
-    k.text(sheet, "{{brand.milestone}}", { style: "Banner 60", color: "text", align: "CENTER", name: "Banner" });
-    const stage = k.stack(sheet, { height: ROW.height, name: "Row stage" });
-    const row = k.stack(stage, { direction: "HORIZONTAL", gap: 22, name: "Row" });
-    const figure = k.stack(row, { width: 470, gap: 6, name: "Chart figure" });
-    chart(k, figure, 470, ROW.height - 28);
-    k.text(figure, "Teams on {{brand.name}}, Aug 2025 to today", { style: "Note 16", color: "onPaper", name: "Chart note" });
-    columnRule(k, row, 1.5);
-    const tale = k.stack(row, { gap: 14, name: "Tale" });
-    story(k, tale, { cap: "I", open: "t took fourteen months to reach the first thousand teams and eleven weeks to reach the last.", rest: "No adverts. Every one came from a changelog somebody else read. Thank you for reading ours.", capStyle: "Cap 92", body: "Body 25" });
-    k.instance(tale, "Tag", { Label: "copydesk.example" }, { name: "Tag" });
-    tickerGround(k, sheet, { y: 1022, height: 58, fill: "card", item: 540 });
-    k.rect(sheet, 1080, 4, "text", { name: "Ticker rule", absolute: { x: 0, y: 1018 } });
-    ticker(k, sheet, { label: "10,000 teams \xB7 48,310 notes filed \xB7", item: 540, height: 58, fill: "card", ink: "onCard", style: "Ticker 22", rate: CRAWL, y: 1022 });
-    furnish(k, sheet);
-    const area = k.named(sheet, "Chart area")[0];
-    k.patch(area, { anchorY: 1 });
-    k.animate(area, "scaleY", [{ t: 0, v: 0, ease: ease.hold }, { t: 1400, v: 0, ease: ease.out("expo") }, { t: 2600, v: 1, ease: ease.hold }, { t: OUT, v: 1, ease: ease.named("expo", "in") }, { t: OUT + 500, v: 0 }]);
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    k.variants(sheet, postVariants({ portrait: 56, vertical: 110 }, {
-      portrait: (kit, id) => {
-        const p = kit.node(id).padding;
-        kit.patch(id, { padding: { ...p, bottom: 96 } });
-        furnish(kit, id);
-      },
-      vertical: (kit, id) => {
-        const p = kit.node(id).padding, width = 1080 - p.left - p.right;
-        for (const n of kit.named(id, "Figure")) kit.restyle(n, "Figure 220");
-        for (const n of kit.named(id, "Banner")) kit.restyle(n, "Banner 46");
-        rescale(kit, id, "Row stage", "Row", { width, height: 440, scale: 1 });
-        furnish(kit, id);
-        belowFold(kit, id, 1470, 1920, p.left);
-      }
-    }));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  broadsheet_milestone_post_default
-};

package/dist/chunks/chunk-NBEE7MVA.js

@@ -1,139 +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 {
-  isMotionComponent,
-  timelineDuration
-} from "./chunk-XDMQ6YHY.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// lib/marketplace/motion.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MOTION_CATEGORY = "motion";
-var MOTION_TAG = "motion";
-var MOTION_INPUT_TYPES = ["VARIANT", "TEXT", "BOOLEAN", "INSTANCE_SWAP", "NUMBER", "COLOR", "MOTION"];
-var POSTER_KEY = "poster";
-var PREVIEW_FILES = ["anim", "still"];
-var isPreviewFile = (v) => v === "anim" || v === "still";
-var MAX_MOTION_COMPONENTS = 48;
-var MAX_PREVIEW_BYTES = 4 * 1024 * 1024;
-var PREVIEW_ANIM_TYPES = /* @__PURE__ */ new Set(["image/gif", "video/webm", "video/mp4"]);
-var PREVIEW_STILL_TYPE = "image/png";
-var previewPath = (libraryId, version, key, file) => `/api/libraries/${encodeURIComponent(libraryId)}/versions/${version}/previews/${encodeURIComponent(key)}/${file}`;
-function previewMedia(libraryId, version, motion, key) {
-  const p = motion?.previews?.[key];
-  if (!p?.anim) return null;
-  return { type: p.anim.type, anim: previewPath(libraryId, version, key, "anim"), still: p.still ? previewPath(libraryId, version, key, "still") : null };
-}
-function motionCards(libraryId, version, motion) {
-  return (motion?.components ?? []).map((c) => ({ id: c.id, name: c.name, inputs: c.inputs, preview: previewMedia(libraryId, version, motion, c.id) }));
-}
-var hex = (c) => "#" + [c.r, c.g, c.b].map((v) => Math.round(Math.max(0, Math.min(1, v)) * 255).toString(16).padStart(2, "0")).join("");
-var isColor = (v) => !!v && typeof v === "object" && ["r", "g", "b"].every((k) => typeof v[k] === "number");
-function inputDefault(v) {
-  if (typeof v === "string" || typeof v === "number" || typeof v === "boolean") return v;
-  return isColor(v) ? hex(v) : null;
-}
-var isInputType = (t) => MOTION_INPUT_TYPES.includes(t);
-function motionInputs(nodes, rootId) {
-  const root = nodes[rootId];
-  if (!root) return [];
-  const out = [];
-  const axes = /* @__PURE__ */ new Map();
-  if (root.type === "COMPONENT_SET") {
-    for (const id of root.childIds ?? []) {
-      const vp = nodes[id]?.variantProperties;
-      if (!vp || typeof vp !== "object") continue;
-      for (const [axis, value] of Object.entries(vp)) {
-        if (typeof value !== "string") continue;
-        const list = axes.get(axis) ?? [];
-        if (!list.includes(value)) list.push(value);
-        axes.set(axis, list);
-      }
-    }
-    for (const [axis, options] of axes) out.push({ name: axis, type: "VARIANT", defaultValue: options[0] ?? null, options });
-  }
-  const defs = root.componentPropertyDefinitions;
-  if (defs && typeof defs === "object") {
-    for (const [name, d] of Object.entries(defs)) {
-      if (!d || !isInputType(d.type) || axes.has(name)) continue;
-      const input = { name: name.replace(/#[^#]*$/, "") || name, type: d.type, defaultValue: d.type === "INSTANCE_SWAP" && typeof d.defaultValue === "string" ? String(nodes[d.defaultValue]?.name ?? d.defaultValue) : inputDefault(d.defaultValue) };
-      if (d.type === "VARIANT" && Array.isArray(d.preferredValues)) input.options = d.preferredValues.map((id) => nodes[id]?.name ?? id);
-      if (d.type === "MOTION" && typeof d.binds === "string") input.binds = d.binds;
-      if (d.type === "NUMBER") {
-        if (typeof d.min === "number") input.min = d.min;
-        if (typeof d.max === "number") input.max = d.max;
-      }
-      out.push(input);
-    }
-  }
-  return out.sort((a, b) => MOTION_INPUT_TYPES.indexOf(a.type) - MOTION_INPUT_TYPES.indexOf(b.type));
-}
-function previewComponent(nodes, rootId) {
-  const root = nodes[rootId];
-  if (root?.type === "COMPONENT") return isMotionComponent(nodes, rootId) ? rootId : null;
-  if (root?.type === "COMPONENT_SET") return (root.childIds ?? []).find((id) => nodes[id]?.type === "COMPONENT" && isMotionComponent(nodes, id)) ?? null;
-  return null;
-}
-function deriveLibraryMotion(payload) {
-  const rootIds = payload.components?.rootIds;
-  const nodes = payload.components?.nodes;
-  const components = [];
-  if (!Array.isArray(rootIds) || !nodes || typeof nodes !== "object") return { components, previews: {} };
-  const map = nodes;
-  for (const id of rootIds) {
-    if (typeof id !== "string" || components.length >= MAX_MOTION_COMPONENTS) continue;
-    const root = map[id];
-    if (!root || typeof root !== "object") continue;
-    let plays = null;
-    try {
-      plays = previewComponent(map, id);
-    } catch {
-      plays = null;
-    }
-    if (!plays) continue;
-    const shown = map[plays];
-    components.push({
-      id,
-      name: String(root.name ?? "Component").slice(0, 120),
-      playsId: plays,
-      width: Number(shown.width) || 0,
-      height: Number(shown.height) || 0,
-      duration: timelineDuration(map, plays),
-      inputs: motionInputs(map, id)
-    });
-  }
-  return { components, previews: {} };
-}
-function motionFacets(motion, current) {
-  const tags = current.tags.filter((t) => t !== MOTION_TAG);
-  if (!motion) return { category: current.category === MOTION_CATEGORY ? null : current.category, tags };
-  return { category: current.category ?? MOTION_CATEGORY, tags: [MOTION_TAG, ...tags].slice(0, 10) };
-}
-var isMotionListing = (item) => item.category === MOTION_CATEGORY || item.tags.includes(MOTION_TAG);
-
-export {
-  MOTION_CATEGORY,
-  MOTION_TAG,
-  MOTION_INPUT_TYPES,
-  POSTER_KEY,
-  PREVIEW_FILES,
-  isPreviewFile,
-  MAX_MOTION_COMPONENTS,
-  MAX_PREVIEW_BYTES,
-  PREVIEW_ANIM_TYPES,
-  PREVIEW_STILL_TYPE,
-  previewPath,
-  previewMedia,
-  motionCards,
-  motionInputs,
-  previewComponent,
-  deriveLibraryMotion,
-  motionFacets,
-  isMotionListing
-};

package/dist/chunks/chunk-NBRSUPAS.js

@@ -1,82 +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 {
-  standardStore
-} from "./chunk-57BPIIH2.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/web/shop-fieldwork.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var PRODUCTS = [
-  { title: "Linen overshirt", handle: "linen-overshirt", price: "\xA398.00", image: "fw-shirt", tags: "shirts", description: "Heavy Irish linen, horn buttons and a chest pocket that fits a notebook. Softens with every wash; wear it open over a tee or buttoned on its own." },
-  { title: "Indigo chore jacket", handle: "indigo-chore-jacket", price: "\xA3145.00", image: "fw-chore", tags: "jackets", description: "Rope-dyed cotton twill with copper shank buttons and four patch pockets. Cut boxy to layer over knitwear, and dyed to fade where you wear it." },
-  { title: "Canvas work trouser", handle: "canvas-work-trouser", price: "\xA3110.00", image: "fw-trouser", tags: "trousers", description: "A 12 oz olive duck canvas with a gusseted crotch, double knees and a tool pocket on the right leg. Breaks in, never out." },
-  { title: "Fisherman jumper", handle: "fisherman-jumper", price: "\xA3165.00", image: "fw-knit", tags: "knitwear", description: "Undyed British wool in a traditional cable, knitted in Leicestershire. Warm enough for a February morning on the allotment." },
-  { title: "Heavyweight tee", handle: "heavyweight-tee", price: "\xA338.00", image: "fw-tee", tags: "tees", description: "A 280 gsm organic cotton tee with a ribbed collar that keeps its shape. The one you will reach for first." },
-  { title: "Waxed field cap", handle: "waxed-field-cap", price: "\xA342.00", image: "fw-cap", tags: "accessories", description: "Six panels of waxed cotton with a brass buckle. Shrugs off a shower; re-wax it once a year." },
-  { title: "Market tote", handle: "market-tote", price: "\xA355.00", image: "fw-tote", tags: "bags", description: "Undyed 18 oz canvas with bridle-leather handles riveted on. Carries a week of shopping and lasts a decade of them." },
-  { title: "Workshop boot", handle: "workshop-boot", price: "\xA3240.00", image: "fw-boots", tags: "footwear", description: "Full-grain tan leather on a Goodyear-welted commando sole, resoleable at our Northampton workshop." }
-];
-var shop_fieldwork_default = defineTemplate({
-  id: "web-shop-fieldwork",
-  meta: {
-    name: "Fieldwork storefront",
-    description: "A workwear shop for a Next.js Commerce store: a home page with a split hero, featured pieces and the workshop\u2019s story, search, a page per product with add to cart, and a cart with checkout. Products, cart and menu are collections a Shopify store fills when exported as components. Desktop, tablet and phone",
-    category: "storefront",
-    tags: ["ecommerce", "shop", "store", "storefront", "shopify", "next.js commerce", "product page", "cart", "apparel", "cms", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["sale", "launch"],
-    created: "2026-10-08",
-    updated: "2026-10-08"
-  },
-  breakpoints: true,
-  build: () => standardStore({
-    name: "Fieldwork storefront",
-    brand: { paper: "#F4F1EA", text: "#1E1D1A", onPaper: "#5C584F", primary: "#2B3A55", onPrimary: "#F4F1EA", card: "#FFFFFF", onCard: "#1E1D1A", cardMuted: "#6A665C", tint: "#E7E1D3", onTint: "#1E1D1A", tintMuted: "#5C584F", line: "#D9D3C4" },
-    fields: { name: "Fieldwork", email: "hello@fieldwork.supply" },
-    styles: {
-      "Wordmark 22": { size: 22, fontWeight: 800, letterSpacing: -0.6, lineHeight: 28 },
-      "Nav 15": { size: 15, fontWeight: 500, lineHeight: 22 },
-      "Display 64": { size: 64, fontWeight: 800, letterSpacing: -2.2, lineHeight: 68 },
-      "Display 40": { size: 40, fontWeight: 800, letterSpacing: -1.2, lineHeight: 46 },
-      "Section 28": { size: 28, fontWeight: 700, letterSpacing: -0.6, lineHeight: 34 },
-      "Title 17": { size: 17, fontWeight: 600, lineHeight: 24 },
-      "Price 17": { size: 17, fontWeight: 500, lineHeight: 24 },
-      "Body 17": { size: 17, fontWeight: 400, lineHeight: 27 },
-      "Small 14": { size: 14, fontWeight: 500, lineHeight: 20 },
-      "Button 16": { size: 16, fontWeight: 600, lineHeight: 24 }
-    },
-    type: { wordmark: "Wordmark 22", nav: "Nav 15", display: "Display 64", displaySmall: "Display 40", section: "Section 28", title: "Title 17", price: "Price 17", body: "Body 17", small: "Small 14", button: "Button 16" },
-    products: PRODUCTS,
-    categories: [
-      { title: "Shirts", handle: "shirts", description: "Linen and cotton shirts cut roomy through the shoulder, with pockets you will actually use." },
-      { title: "Jackets", handle: "jackets", description: "Chore coats and field jackets in rope-dyed twill and waxed cotton, made to fade where you wear them." },
-      { title: "Knitwear", handle: "knitwear", description: "Undyed British wool, knitted in Leicestershire: warm, hard-wearing and mended free." },
-      { title: "Trousers", handle: "trousers", description: "Canvas and twill work trousers with double knees and a gusset that lets you crouch." },
-      { title: "Accessories", handle: "accessories", description: "Caps, totes and boots: the things that go everywhere the clothes do." }
-    ],
-    carousel: "The whole workshop",
-    menu: [["Shirts", "/search/shirts"], ["Jackets", "/search/jackets"], ["Knitwear", "/search/knitwear"]],
-    hero: { kicker: "Autumn workwear \xB7 made in Britain", headline: "Clothes cut for work, worn for years.", lead: "Linen, canvas and wool from mills we visit, sewn in small runs in Leicester and Northampton \u2014 and mended free for as long as you own them.", cta: "Shop the season", image: "fw-hero", layout: "split" },
-    story: { title: "Mended, not replaced", body: "Every Fieldwork piece comes with free repairs for life. Send it back with a note and our workshop will patch, resole or re-wax it, then post it home with the bill marked nil.", image: "fw-chore" },
-    promise: ["Free UK delivery over \xA375 \xB7 dispatched in 1\u20132 working days", "Free returns within 60 days, and repairs for life"],
-    newsletter: { title: "Letters from the workshop", body: "One email a month: new runs before they sell out, and what the repairs bench is mending." },
-    legal: "Prices include VAT; delivery calculated at checkout.",
-    ratio: 1,
-    radius: 4
-  })
-});
-
-export {
-  shop_fieldwork_default
-};

package/dist/chunks/chunk-NCAK6G4F.js

@@ -1,155 +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 {
-  LATCH,
-  backdrop,
-  chip,
-  darkBrand,
-  fitBackdrop,
-  lamp,
-  lockup,
-  storyFlags
-} from "./chunk-M2BHMDSB.js";
-import {
-  chart
-} from "./chunk-UDE42EDS.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  hz
-} from "./chunk-WV6ZTKE7.js";
-import {
-  board,
-  reboard
-} from "./chunk-YHBAWSDX.js";
-import {
-  outro,
-  pill,
-  postVariants
-} from "./chunk-LEKU2ZW3.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/social/style-dark-milestone.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Dark SaaS milestone post";
-var DURATION = 7e3;
-var CARD = { w: 936, h: 292 };
-var PLOT = { w: CARD.w - 48, h: 150 };
-var MONTHS = [210, 260, 330, 430, 540, 640, 780, 900, 1060, 1250, 1620, 1980];
-var LETTERS = "ONDJFMAMJJAS";
-var CONTENT = ["Top row", "Kicker", "Milestone figure", "Line", "Year card", "Foot"];
-var cues = [
-  { layer: "Top row", preset: "fade-in", at: 0, params: { duration: 250 } },
-  { layer: "Kicker", preset: "fade-in", at: 80, params: { duration: 250 } },
-  { layer: "Milestone figure", preset: "rise-in", at: 150, params: { duration: 500 } },
-  { layer: "Year card", preset: "rise-in", at: 500, params: { duration: 500 } },
-  { layer: "Bar", preset: "wipe-in", at: 900, params: { duration: 380, direction: "up" }, stagger: { delay: 90 } },
-  { layer: "Line", preset: "words-in", at: 1700, params: { duration: 380, amount: 45 } },
-  { layer: "Total dot", preset: "pop-in", at: 2500, params: { duration: 300 } },
-  { layer: "Milestone figure", preset: "pulse", at: 2500, params: { duration: 500, amount: 0.03 } },
-  { layer: "Foot", preset: "fade-in", at: 2e3, params: { duration: 300 } },
-  { layer: "Button", preset: "pulse", at: 4400, params: { duration: 500, amount: 0.05 } },
-  { layer: "Total dot", preset: "pulse", at: 5200, params: { duration: 600, amount: 0.4 } },
-  outro(CONTENT, 6200, { gap: 60, duration: 350 })
-];
-var counts = [
-  { layer: "Milestone figure", at: 300, duration: 2200, counter: { from: 0, to: LATCH.rollouts } }
-];
-var style_dark_milestone_default = defineTemplate({
-  id: "motion-saas-style-dark-milestone",
-  meta: {
-    name: NAME,
-    description: "An animated milestone post in the dark precision look: one enormous figure counts up on a ruled near-black ground while a card draws the year behind it, twelve monthly bars wiping up and the running total drawing over them as a line. Seven seconds, looping, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "dark", "dark mode", "milestone", "metric", "counter", "chart", "bar chart", "growth", "build in public", "developer tools", "post", "loop"],
-    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["milestone", "stats", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-post"));
-    k.quantizeGeometry = true;
-    darkBrand(k, { line: "rollouts shipped, and 312 of them rolled themselves back before anyone was paged." });
-    k.textStyle("Brand 34", { size: 34, fontWeight: 600, letterSpacing: -0.8, lineHeight: 40 });
-    k.textStyle("Kicker 22", { ...MONO, size: 22, fontWeight: 500, letterSpacing: 2, lineHeight: 28 });
-    k.textStyle("Figure 280", { size: 280, fontWeight: 700, letterSpacing: -15, lineHeight: 256, fontFeatures: { tnum: 1 } });
-    k.textStyle("Figure 240", { size: 240, fontWeight: 700, letterSpacing: -13, lineHeight: 222, fontFeatures: { tnum: 1 } });
-    k.textStyle("Line 36", { size: 36, fontWeight: 400, letterSpacing: -0.6, lineHeight: 48 });
-    k.textStyle("Card 22", { ...MONO, size: 22, fontWeight: 500, lineHeight: 28 });
-    k.textStyle("Axis 18", { ...MONO, size: 18, fontWeight: 500, lineHeight: 22, textAlign: "CENTER" });
-    k.textStyle("Button 26", { size: 26, fontWeight: 600, letterSpacing: -0.4, lineHeight: 32 });
-    pill(k, "Call", { fill: "primary", ink: "onPrimary", style: "Button 26", label: `Ship yours at ${LATCH.site}`, pad: [14, 24], radius: 10 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 28, 72, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    backdrop(k, sheet, 1080, 1080);
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top row" });
-    lockup(k, top, { size: 34, style: "Brand 34", name: "Lockup" });
-    chip(k, top, "MILESTONE \xB7 2 OCT 2026", { name: "Date", ink: "onPaper" });
-    const words = k.stack(sheet, { gap: 18, name: "Words" });
-    const kicker = k.stack(words, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Kicker" });
-    lamp(k, kicker, 14, "primary", { name: "Kicker lamp", breathe: hz(7, DURATION) });
-    k.text(kicker, "TWELVE MONTHS, ONE NUMBER", { style: "Kicker 22", color: "onPaper", name: "Kicker words" });
-    k.text(words, LATCH.rollouts.toLocaleString("en-US"), { style: "Figure 280", color: "text", name: "Milestone figure" });
-    k.text(words, "{{brand.line}}", { style: "Line 36", color: "onPaper", name: "Line" });
-    const stage = board(k, sheet, CARD.w, CARD.h, 1, "Year board");
-    const card = k.stack(stage, { width: CARD.w, height: CARD.h, fill: "card", radius: 16, padding: 24, gap: 14, stroke: { color: "edge", width: 1, align: "INSIDE" }, absolute: { x: 0, y: 0 }, name: "Year card" });
-    const head = k.stack(card, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Card head" });
-    k.text(head, "ROLLOUTS A MONTH", { style: "Card 22", color: "cardMuted", autoWidth: true, name: "Card title" });
-    k.text(head, "OCT 2025 TO SEP 2026", { style: "Card 22", color: "cardMuted", autoWidth: true, name: "Card span" });
-    const max = Math.max(...MONTHS), gap = 10, bw = (PLOT.w - gap * 11) / 12;
-    const plot = k.stack(card, { direction: "HORIZONTAL", width: PLOT.w, height: PLOT.h, gap, align: "MAX", name: "Plot" });
-    MONTHS.forEach((v, i) => k.rect(plot, bw, Math.round(v / max * PLOT.h * 0.9), i === 11 ? "signal" : "edge", { radius: 3, name: "Bar" }));
-    let sum = 0;
-    const totals = MONTHS.map((v) => sum += v);
-    const c = chart(totals, PLOT.w - bw, PLOT.h - 12, sum);
-    const line = k.vector(plot, PLOT.w - bw, PLOT.h - 12, [c.line], [], { name: "Total line", stroke: { color: "onCard", width: 3, join: "ROUND" }, absolute: { x: bw / 2, y: 6 } });
-    const end = c.pts[c.pts.length - 1];
-    k.ellipse(plot, 16, "onCard", { name: "Total dot", absolute: { x: bw / 2 + end.x - 8, y: 6 + end.y - 8 }, stroke: { color: "card", width: 3, align: "OUTSIDE" } });
-    const axis = k.stack(card, { direction: "HORIZONTAL", gap, name: "Axis" });
-    for (const l of LETTERS) k.text(axis, l, { style: "Axis 18", color: "cardMuted", name: "Month" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Foot" });
-    k.instance(foot, "Call", { Label: "Ship yours at {{brand.site}}" }, { name: "Button" });
-    k.text(foot, `Thank you, ${LATCH.teams.toLocaleString("en-US")} teams.`, { style: "Card 22", color: "onPaper", autoWidth: true, name: "Thanks" });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    k.animate(line, "trim.end", [{ t: 1e3, v: 0, ease: ease.inOut("cubic") }, { t: 2500, v: 1 }]);
-    k.variants(sheet, postVariants({ portrait: 72, vertical: 96 }, {
-      portrait: (kit, id) => fitBackdrop(kit, id),
-      vertical: (kit, id) => {
-        fitBackdrop(kit, id);
-        storyFlags(kit, id);
-        kit.patch(id, { primaryAxisAlignItems: "CENTER", itemSpacing: 56, counterAxisSpacing: 56 });
-        reboard(kit, id, "Year board", 800 / CARD.w);
-        for (const n of kit.named(id, "Milestone figure")) kit.restyle(n, "Figure 240");
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  style_dark_milestone_default
-};