@popcraft/kit 0.32.0 → 0.33.0

package/dist/chunks/chunk-CVWKXDFH.js

@@ -1,102 +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 {
-  PARTS,
-  STENCIL,
-  assembly,
-  blueprintBrand,
-  callouts,
-  dimension,
-  drawingSheet,
-  fitSheet,
-  revStamp,
-  titleBlock
-} from "./chunk-IP2BTFBT.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  board
-} from "./chunk-YHBAWSDX.js";
-import {
-  pill
-} from "./chunk-LEKU2ZW3.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/social/blueprint-link-preview.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var SIZE = { a: 150, t: 24, pitch: 126, left: 150, top: 44, bottom: 44 };
-var BOARD = { width: 700, height: SIZE.top + SIZE.a + 4 * SIZE.pitch + SIZE.t + SIZE.bottom };
-var blueprint_link_preview_default = defineTemplate({
-  id: "social-blueprint-link-preview",
-  meta: {
-    name: "Blueprint link preview",
-    description: "A link preview drawn as an engineering blueprint: the promise in stencil capitals on a gridded cyanotype sheet with a zoned border and a title block, beside an exploded isometric view of the product\u2019s five parts with numbered balloons, a dimension and a REV B stamp. 1200 \xD7 630, with a 1280 \xD7 640 GitHub social preview",
-    category: "social",
-    tags: ["blueprint", "engineering drawing", "cyanotype", "exploded view", "isometric", "technical", "monospace", "link preview", "open graph", "og image", "github", "api", "infrastructure", "developer tools", "saas"],
-    platforms: ["web", "x", "linkedin", "facebook", "github"],
-    formats: ["og-image"],
-    useCases: ["launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit("Blueprint link preview", preset("og-image"));
-    k.quantizeGeometry = true;
-    blueprintBrand(k, { promise: "Every request, dimensioned." });
-    k.textStyle("Eyebrow 18", { ...STENCIL, size: 18, fontWeight: 700, letterSpacing: 1.6, lineHeight: 24 });
-    k.textStyle("Display 66", { ...STENCIL, size: 66, fontWeight: 800, letterSpacing: -2.6, lineHeight: 66 });
-    k.textStyle("Facts 22", { size: 22, fontWeight: 500, lineHeight: 30 });
-    k.textStyle("Balloon 24", { ...MONO, size: 24, fontWeight: 800, lineHeight: 28 });
-    k.textStyle("Part 28", { ...STENCIL, size: 28, fontWeight: 800, letterSpacing: 0.5, lineHeight: 32 });
-    k.textStyle("Dim 24", { ...STENCIL, size: 24, fontWeight: 800, lineHeight: 28 });
-    k.textStyle("Cell 16", { ...STENCIL, size: 16, fontWeight: 700, letterSpacing: 1.2, lineHeight: 20 });
-    k.textStyle("Cell 20", { ...MONO, size: 20, fontWeight: 800, lineHeight: 24 });
-    k.textStyle("Stamp 46", { ...STENCIL, size: 46, fontWeight: 800, letterSpacing: 2, lineHeight: 48 });
-    k.textStyle("Stamp 16", { ...STENCIL, size: 16, fontWeight: 800, letterSpacing: 1.5, lineHeight: 20 });
-    k.textStyle("Label 18", { ...STENCIL, size: 18, fontWeight: 800, letterSpacing: 0.5, lineHeight: 24 });
-    pill(k, "Label", { fill: "text", ink: "paper", style: "Label 18", label: "Start free", pad: [10, 18], radius: 0 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, { top: 64, right: 60, bottom: 64, left: 72 }, "paper", "CENTER", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    drawingSheet(k, sheet, 1200, 630, { margin: 20 });
-    const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, align: "CENTER", justify: "SPACE_BETWEEN", name: "Row" });
-    const copy = k.stack(row, { gap: 20, width: 560, name: "Copy" });
-    k.text(copy, "{{brand.name}} \xB7 DWG GDR-200 \xB7 API gateway", { style: "Eyebrow 18", color: "onPaper", name: "Eyebrow" });
-    k.text(copy, "{{brand.promise}}", { style: "Display 66", color: "text", name: "Headline" });
-    k.text(copy, "TLS, auth, rate limits, cache and routing in 19 ms at p99, across 34 regions.", { style: "Facts 22", color: "onPaper", name: "Facts" });
-    const foot = k.stack(copy, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Foot" });
-    titleBlock(k, foot, [{ label: "Drawing", value: "{{brand.site}}" }, { label: "Scale", value: "1:1", width: 84 }, { label: "Rev", value: "B", width: 70, fill: "primary", name: "Rev cell" }], { label: "Cell 16", value: "Cell 20", height: 64, pad: 12 });
-    k.instance(foot, "Label", { Label: "Start free" }, { name: "Call" });
-    const bd = board(k, row, BOARD.width, BOARD.height, 0.66, "Board");
-    const asm = assembly(k, bd, { ...SIZE, right: BOARD.width - SIZE.left - 2 * SIZE.a });
-    callouts(k, asm, PARTS, { r: 26, gap: 62, num: "Balloon 24", name: "Part 28", labelWidth: 170 });
-    const span = asm.ys[4] + SIZE.a / 2 + SIZE.t - (asm.ys[0] - SIZE.a / 2);
-    dimension(k, asm.id, { at: { x: asm.cx - SIZE.a - 68, y: asm.ys[0] - SIZE.a / 2 }, length: span, upright: true, ext: -60, label: "19 ms", style: "Dim 24", labelWidth: 104, labelHeight: 40 });
-    revStamp(k, asm.id, { big: "Rev B", small: "Released 02 Oct 2026", bigStyle: "Stamp 46", smallStyle: "Stamp 16", turn: -6, absolute: { x: 380, y: 672 } });
-    k.variants(sheet, [{ preset: "github-social", adjust: (kit, id) => {
-      const f = kit.node(id);
-      fitSheet(kit, id, f.width, f.height, { margin: 20 });
-      for (const n of kit.named(id, "Copy")) kit.patch(n, { width: 620 });
-    } }]);
-    return k.finish();
-  }
-});
-
-export {
-  blueprint_link_preview_default
-};

package/dist/chunks/chunk-CX26P7IA.js

@@ -1,277 +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 {
-  NOTE_SHADOW,
-  PLOTLINE,
-  WEB_STEPS,
-  WEB_TYPE,
-  arrowAt,
-  dots,
-  draw,
-  marker,
-  outline,
-  redots,
-  scribbleCircle,
-  sketchBrand,
-  sticky,
-  tick,
-  underline,
-  wobblyBox
-} from "./chunk-PDILBJ4W.js";
-import {
-  CONTENT,
-  compactNav,
-  footer,
-  respond,
-  typeScale
-} from "./chunk-DAF5SK5X.js";
-import {
-  buttons,
-  nav
-} 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/style-sketch-pricing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Sketch SaaS pricing page";
-var DURATION = 6e3;
-var PLANS = [
-  { name: "Free", pitch: "For trying it with a few people.", month: 0, year: 0, cta: "Start a free board", features: ["3 boards", "Up to 5 editors", "Tidy up 10 times a month", "Dot vote", "PNG and PDF export"] },
-  { name: "Team", pitch: "For a team that plans every week.", month: PLOTLINE.team, year: PLOTLINE.teamYear, featured: true, cta: "Try Team free for 14 days", features: ["Unlimited boards", "Unlimited Tidy up", "Owners and dates from your calendar", "Timeline view", "Slack and Teams updates"] },
-  { name: "Business", pitch: "For many teams and a security review.", month: PLOTLINE.business, year: PLOTLINE.businessYear, cta: "Talk to us", features: ["Everything in Team", "SSO and SCIM", "Audit log", "Admin controls", "99.9% uptime SLA"] }
-];
-var YES = "\u2713";
-var TABLE = [
-  ["Boards", "3", "Unlimited", "Unlimited"],
-  ["Editors", "Up to 5", "Unlimited", "Unlimited"],
-  ["Viewers and voters", "Free", "Free", "Free"],
-  ["Tidy up", "10 a month", "Unlimited", "Unlimited"],
-  ["Dot vote", YES, YES, YES],
-  ["Timeline view", "\u2014", YES, YES],
-  ["Owners and dates from your calendar", "\u2014", YES, YES],
-  ["SSO and SCIM", "\u2014", "\u2014", YES],
-  ["Audit log", "\u2014", "\u2014", YES],
-  ["Version history", "7 days", "1 year", "Forever"]
-];
-var FAQ = [
-  ["Who counts as an editor?", "Anyone who adds or moves notes. People who only view, comment or vote are free on every plan."],
-  ["What does Tidy up do to my notes?", "It sorts them into columns and suggests a person and a date for each. Nothing is deleted, and one click undoes the whole sort."],
-  ["Can we bring boards from Miro or FigJam?", "Yes. Paste a board link, upload a CSV, or take a photo of a real whiteboard and every sticky becomes a note."],
-  ["Is there a price for schools and charities?", "Half price on Team and Business for registered nonprofits and schools. Write to us from your work address."],
-  ["Can we pay by invoice?", "On annual plans with 10 editors or more, in dollars, euros or pounds, net 30."],
-  ["What if we stop paying?", "Your boards drop to Free. Everything stays readable and exportable; you just cannot add a fourth board."]
-];
-var COL = { desktop: 220, laptop: 200, tablet: 130, mobile: 70 };
-var cues = [
-  { layer: "Headline", preset: "words-in", at: 100, params: { duration: 700 } },
-  { layer: "Switch row", preset: "rise-in", at: 500, params: { duration: 420, distance: 24 } },
-  { layer: "Plan", preset: "pop-in", at: 600, stagger: { delay: 160, order: "selection" }, params: { duration: 480, amount: 0.75 } },
-  { layer: "Table row", preset: "rise-in", at: 1500, stagger: { delay: 70, order: "selection" }, params: { duration: 360, distance: 16 } },
-  { layer: "Question", preset: "rise-in", at: 2200, stagger: { delay: 90, order: "selection" }, params: { duration: 400, distance: 20 } }
-];
-var counts = [
-  { layer: "Team amount", at: 800, duration: 960, tick: 120, counter: { from: 0, to: PLOTLINE.team, prefix: "$" } },
-  { layer: "Business amount", at: 960, duration: 960, tick: 60, counter: { from: 0, to: PLOTLINE.business, prefix: "$" } }
-];
-var style_sketch_pricing_default = defineTemplate({
-  id: "web-saas-style-sketch-pricing",
-  meta: {
-    name: NAME,
-    description: "A pricing page drawn with a marker in a dotted notebook, whose monthly / annual switch works in present mode: two cells in a hand-drawn pill flip every price at once through page variables, with a red arrow pointing at the saving. Three plans under marker outlines, the middle one a yellow sticky with its label circled in red, a hand-ruled comparison table with drawn ticks, six questions, a big closing line and a footer; cards slap on, prices count and ticks draw themselves. Desktop to phone",
-    category: "web",
-    tags: ["pricing", "plans", "toggle", "interactive", "variables", "comparison table", "faq", "saas", "sketch", "hand-drawn", "whiteboard", "sticky notes", "planning", "productivity", "counter", "animation", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["pricing", "launch", "comparison"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues, counts },
-  build() {
-    const k = new Kit(NAME, preset("web-desktop"));
-    k.quantizeGeometry = true;
-    sketchBrand(k, { tagline: "Pay per editor.\nViewers are always free." });
-    const monthly = k.variable("Billing", "monthly", "BOOLEAN", true);
-    const annual = k.variable("Billing", "annual", "BOOLEAN", false);
-    const s = typeScale(k, { ...WEB_TYPE });
-    buttons(k, { style: s("Button 16"), pad: [14, 22], radius: 12 });
-    k.variantSet("Billing switch", "Billing", ["Monthly", "Annual"], {
-      direction: "HORIZONTAL",
-      width: "HUG",
-      gap: 4,
-      align: "CENTER",
-      padding: 5,
-      radius: 999,
-      stroke: { color: "text", width: 2.5, align: "INSIDE" },
-      description: "Monthly or annual billing, as two cells in a marker-drawn pill: click to switch. On the pricing page the click also flips the billing variables every price is bound to.",
-      props: { Left: "Monthly", Right: "Annual" }
-    }, (state, id) => {
-      const side = (on, prop, name) => {
-        const c = k.stack(id, { direction: "HORIZONTAL", width: "HUG", radius: 999, padding: { top: 10, right: 20, bottom: 10, left: 20 }, name, ...on ? { fill: "primary" } : {} });
-        k.propText(c, prop, { style: s("Button 16"), color: on ? "onPrimary" : "text", autoWidth: true });
-      };
-      side(state === "Monthly", "Left", "Monthly side");
-      side(state === "Annual", "Right", "Annual side");
-    });
-    k.changeTo("Billing switch/Monthly", "ON_CLICK", "Billing switch/Annual", 160, "LINEAR");
-    k.changeTo("Billing switch/Annual", "ON_CLICK", "Billing switch/Monthly", 160, "LINEAR");
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 104, { top: 28, right: 120, bottom: 56, left: 120 }, "paper", "MIN", "MIN");
-    k.patch(sheet, { layoutSizingVertical: "HUG", minHeight: 1024, clipsContent: true, height: 6e3 });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    dots(k, sheet, { step: 32, size: 3, opacity: 0.14 });
-    const top = k.stack(sheet, { gap: 40, name: "Top" });
-    nav(k, top, { links: ["Product", "Templates", "Pricing", "Customers", "Sign in"], cta: "Start a free board", style: s("Nav 15"), brandStyle: s("Brand 20") });
-    const head = k.stack(top, { gap: 28, padding: { top: 24, right: 0, bottom: 0, left: 0 }, name: "Header" });
-    const kicker = sticky(k, head, { width: 110, color: "mint", text: "Pricing", style: s("Ui 15"), pad: 10, name: "Kicker" });
-    k.patch(kicker.note, { rotation: 2 });
-    k.text(head, "{{brand.tagline}}", { style: s("Display 64"), color: "text", name: "Headline" });
-    const billing = k.stack(head, { direction: "HORIZONTAL", gap: 48, align: "CENTER", name: "Header billing" });
-    k.text(billing, "Every plan has Tidy up, dot vote and the whole whiteboard. Plans differ in how many boards you keep and how many people edit them. Pay by the year and keep up to a quarter.", { style: s("Lead 20"), color: "onPaper", name: "Lead" });
-    const sw = k.stack(billing, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", name: "Switch row" });
-    const toggle = k.instance(sw, "Billing switch", { Left: "Monthly", Right: "Annual" }, { name: "Billing toggle" });
-    k.setVariable(toggle, monthly, { toggle: true });
-    k.setVariable(toggle, annual, { toggle: true });
-    const saveBox = k.stack(sw, { width: "HUG", gap: 0, name: "Save note" });
-    k.text(saveBox, "save up to 25%", { style: s("Sticky 22"), color: "text", autoWidth: true, name: "Save words" });
-    const saveLine = marker(k, saveBox, 170, 14, underline(170, 14, { seed: 8 }), { name: "Save line", color: "red", width: 4 });
-    const saveArrow = arrowAt(k, sw, { x: 330, y: -36 }, { x: 236, y: -4 }, { name: "Save arrow", bend: 0.4, seed: 14, width: 4, head: 16 });
-    const plans = k.stack(sheet, { direction: "HORIZONTAL", gap: 28, align: "MIN", name: "Plans" });
-    const cardW = Math.floor((CONTENT.desktop - 56) / 3);
-    const rings = [], ticks = [];
-    PLANS.forEach((p, i) => {
-      const c = k.stack(plans, { gap: 18, padding: 30, height: 500, fill: p.featured ? "sticky" : "card", radius: p.featured ? 0 : 10, ...p.featured ? { effects: [NOTE_SHADOW] } : {}, name: "Plan" });
-      const ink = p.featured ? "stickyInk" : "onCard", quiet = p.featured ? "stickyInk" : "cardMuted";
-      const bar = k.stack(c, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", height: 40, name: "Plan bar" });
-      k.text(bar, p.name, { style: s("Section 34"), color: ink, autoWidth: true, name: "Plan name" });
-      if (p.featured) {
-        const tag = k.stack(bar, { width: "HUG", height: 40, align: "CENTER", justify: "CENTER", padding: { top: 0, right: 14, bottom: 0, left: 14 }, name: "Plan tag" });
-        k.text(tag, "most teams", { style: s("Ui 15"), color: "stickyInk", autoWidth: true, name: "Plan note" });
-        rings.push(marker(k, tag, 124, 44, scribbleCircle(124, 44, { seed: 52, turns: 1.2, inset: 3 }), { name: "Plan ring", color: "red", width: 3.5, absolute: { x: -4, y: -2 } }));
-      }
-      k.text(c, p.pitch, { style: s("Body 16"), color: quiet, name: "Pitch" });
-      const price = k.stack(c, { name: "Price" });
-      const block = (which) => {
-        const b = k.stack(price, { gap: 4, name: `${which} price` });
-        k.text(b, `$${which === "Monthly" ? p.month : p.year}`, { style: s("Price 52"), color: ink, name: which === "Monthly" ? `${p.name} amount` : `${p.name} annual amount` });
-        k.text(b, !p.month ? "free, for good" : which === "Monthly" ? "an editor a month, billed monthly" : `an editor a month, $${p.year * 12} a year`, { style: s("Small 14"), color: quiet, name: "Billed" });
-        return b;
-      };
-      k.bindVariable(block("Monthly"), "visible", monthly);
-      k.bindVariable(block("Annual"), "visible", annual);
-      k.instance(c, "Button", { Label: p.cta }, { name: "Plan button" });
-      const list = k.stack(c, { gap: 10, name: "Features" });
-      p.features.forEach((f, j) => {
-        const row = k.stack(list, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Feature" });
-        ticks.push(marker(k, row, 20, 20, tick(20), { name: "Feature tick", color: p.featured ? "text" : "primary", width: 3.5 }));
-        k.text(row, f, { style: s("Body 16"), color: ink, name: "Feature label" });
-        void j;
-      });
-      if (!p.featured) outline(k, c, cardW, 500, { seed: 70 + i, width: 2.5, name: "Plan outline" });
-      else k.patch(c, { rotation: -1.2 });
-    });
-    const compare = k.stack(sheet, { gap: 24, name: "Compare" });
-    const cHead = k.stack(compare, { gap: 4, name: "Compare head" });
-    k.text(cHead, "Plan by plan", { style: s("Section 44"), color: "text", name: "Compare title" });
-    const cLine = marker(k, cHead, 220, 18, underline(220, 18, { seed: 60 }), { name: "Compare line", color: "primary", width: 6 });
-    const table = k.stack(compare, { name: "Table" });
-    const headRow = k.stack(table, { direction: "HORIZONTAL", gap: 24, padding: { top: 0, right: 0, bottom: 12, left: 0 }, name: "Table head" });
-    k.text(headRow, "Feature", { style: s("Label 14"), color: "onPaper", name: "Table corner" });
-    for (const p of PLANS) k.text(headRow, p.name, { style: s("Head 17"), color: "text", width: COL.desktop, name: "Column name" });
-    TABLE.forEach(([feature, ...values], r) => {
-      const line = k.stack(table, { name: "Table row" });
-      marker(k, line, CONTENT.desktop, 8, underline(CONTENT.desktop, 8, { seed: 120 + r, flick: false }), { name: "Row rule", color: "text", width: 1.5, opacity: 0.35 });
-      const row = k.stack(line, { direction: "HORIZONTAL", gap: 24, align: "CENTER", padding: { top: 12, right: 0, bottom: 12, left: 0 }, name: "Row cells" });
-      k.text(row, feature, { style: s("Body 16"), color: "text", name: "Row feature" });
-      values.forEach((v) => {
-        if (v === YES) {
-          const c = k.stack(row, { width: COL.desktop, name: "Cell" });
-          ticks.push(marker(k, c, 24, 24, tick(24), { name: "Cell tick", color: "primary", width: 4 }));
-        } else k.text(row, v, { style: s("Body 16"), color: v === "\u2014" ? "onPaper" : "text", width: COL.desktop, name: "Cell" });
-      });
-    });
-    const faq = k.stack(sheet, { gap: 28, name: "FAQ" });
-    const fHead = k.stack(faq, { gap: 4, name: "FAQ head" });
-    k.text(fHead, "Questions people ask", { style: s("Section 44"), color: "text", name: "FAQ title" });
-    const fLine = marker(k, fHead, 260, 18, underline(260, 18, { seed: 61 }), { name: "FAQ line", color: "red", width: 6 });
-    const grid = k.stack(faq, { direction: "HORIZONTAL", gap: 40, wrap: true, name: "FAQ grid" });
-    FAQ.forEach(([q, a], i) => {
-      const item = k.stack(grid, { width: Math.floor((CONTENT.desktop - 40) / 2), gap: 8, padding: { top: 0, right: 0, bottom: 24, left: 0 }, name: "Question" });
-      const qrow = k.stack(item, { direction: "HORIZONTAL", gap: 12, align: "CENTER", name: "Q row" });
-      marker(k, qrow, 18, 18, scribbleCircle(18, 18, { seed: 140 + i, turns: 1.3, inset: 2 }), { name: "Q mark", color: i % 2 ? "red" : "primary", width: 3 });
-      k.text(qrow, q, { style: s("Sticky 22"), color: "text", name: "Q" });
-      k.text(item, a, { style: s("Body 16"), color: "onPaper", name: "A" });
-    });
-    const closing = k.stack(sheet, { gap: 28, name: "Close" });
-    k.text(closing, "Start on Free.\nUpgrade when the team does.", { style: s("Hand 72"), color: "text", name: "Close title" });
-    const closeRow = k.stack(closing, { direction: "HORIZONTAL", gap: 20, align: "CENTER", wrap: true, name: "Close row" });
-    k.instance(closeRow, "Button", { Label: "Start a free board" }, { name: "Close button" });
-    k.text(closeRow, "No card. Three boards are yours to keep.", { style: s("Body 16"), color: "onPaper", autoWidth: true, name: "Close line" });
-    footer(k, sheet, {
-      about: PLOTLINE.pitch,
-      legal: "Prices in US dollars an editor, before tax. Annual plans are billed once, up front. \xA9 2026 {{brand.name}} Labs.",
-      columns: [["Product", ["Tidy up", "Dot vote", "Timeline", "Templates"]], ["Company", ["Customers", "Pricing", "Careers", "Press kit"]], ["Help", ["Guides", "Status", "Security"]]],
-      brandStyle: s("Brand 20"),
-      headStyle: s("Label 14"),
-      linkStyle: s("Small 14"),
-      ruleColor: "text"
-    });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    draw(k, saveArrow, 900, 500);
-    draw(k, saveLine, 1300, 400);
-    rings.forEach((id) => draw(k, id, 1400, 500));
-    ticks.forEach((id, i) => draw(k, id, 1100 + i * 40, 260));
-    draw(k, cLine, 1300, 450);
-    draw(k, fLine, 2e3, 450);
-    respond(k, sheet, s, {
-      stack: ["Header billing", "Plans", "Footer columns"],
-      restyle: { ...WEB_STEPS, "Hand 72": { tablet: "Display 54", mobile: "Display 40" } },
-      hide: { tablet: ["Save arrow"], mobile: ["Nav links", "Close line", "Save arrow"] },
-      gap: { tablet: 88, mobile: 64 },
-      tweak: (kit, id, size) => {
-        redots(kit, id, 32, 3);
-        for (const n of kit.named(id, "Cell")) kit.patch(n, { width: COL[size] });
-        for (const n of kit.named(id, "Column name")) kit.patch(n, { width: COL[size] });
-        const narrow = size === "tablet" || size === "mobile";
-        const cw = CONTENT[size];
-        for (const n of kit.named(id, "Row rule")) kit.patch(n, { width: cw });
-        for (const n of kit.named(id, "Question")) kit.patch(n, { width: narrow ? cw : Math.floor((cw - 40) / 2) });
-        const pw = narrow ? cw : Math.floor((cw - 56) / 3);
-        kit.named(id, "Plan outline").forEach((n, i) => kit.patch(n, { width: pw, paths: wobblyBox(pw, 500, { seed: [70, 72][i] }) }));
-        if (size === "tablet") compactNav(kit, id, ["Customers", "Sign in"], 22);
-        if (narrow) for (const n of kit.named(id, "Plans")) kit.patch(n, { itemSpacing: 40 });
-        if (size === "mobile") for (const n of kit.named(id, "Switch row")) kit.patch(n, { layoutSizingHorizontal: "FILL", layoutWrap: "WRAP", counterAxisSpacing: 10 });
-        if (size === "mobile") for (const name of ["Table head", "Row cells"]) for (const n of kit.named(id, name)) kit.patch(n, { itemSpacing: 8 });
-      }
-    });
-    k.finish();
-    const prices = [...new Set(k.doc.pages.flatMap((p) => k.named(p, "Price")))];
-    for (const price of prices) k.patch(k.node(price).childIds[1], { visible: false });
-    k.finish();
-    for (const price of prices) {
-      const [m, y] = k.node(price).childIds;
-      k.patch(y, { x: k.node(m).x, y: k.node(m).y });
-    }
-    return k.doc;
-  }
-});
-
-export {
-  style_sketch_pricing_default
-};

package/dist/chunks/chunk-CZCXFTP5.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-NTLYUEUQ.js";
-import {
-  reel
-} from "./chunk-4URHIHLG.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/motion/festival-presale-electronic-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var festival_presale_electronic_reel_default = reel(KILOVOLT);
-
-export {
-  festival_presale_electronic_reel_default
-};

package/dist/chunks/chunk-D3U4EHJR.js

@@ -1,47 +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 {
-  slideshow
-} from "./chunk-ZJS37D5Z.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/slideshow/graduation.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var story = {
-  id: "motion-slideshow-graduation",
-  song: "vows",
-  meta: {
-    name: "Graduation class slideshow",
-    description: "A proud graduation film for a class or a school: a title card with the class year, the ceremony and the graduates as chapters, each face with a name and what comes next, cut on the beats of a warm piano track (made by PopCraft, CC0), slow pushes and light leaks, and a closing card with the school\u2019s congratulations. Photos are CC0 from Wikimedia Commons; drop your own on any frame.",
-    tags: ["animation", "slideshow", "graduation", "class of", "school", "university", "commencement", "students", "celebration", "photo", "music", "video"],
-    platforms: ["instagram", "facebook", "youtube", "tiktok"],
-    formats: ["video", "reel", "post"],
-    useCases: ["event", "education"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  brand: { paper: "#F4EEDF", onPaper: "#1B2440", accent: "#B8892F", shade: "#0E1428", onPhoto: "#FFFFFF", leak: "#FFD27F" },
-  fields: { names: "Class of 2026", date: "Hartfield Academy \xB7 27 June 2026" },
-  scenes: [
-    { kind: "title", name: "Opening", photo: "grad-01", kicker: "Congratulations", beats: 8, move: "in", focus: 0.5 },
-    { kind: "chapter", name: "Chapter 1", kicker: "The day", title: "Commencement", beats: 3 },
-    { kind: "photo", name: "The hall", photo: "grad-00", caption: "Two hundred and twelve caps", beats: 4, move: "up" },
-    { kind: "chapter", name: "Chapter 2", kicker: "The graduates", title: "What\u2019s next", beats: 3 },
-    { kind: "photo", name: "Omar", photo: "grad-02", layout: "matted", caption: "Omar Siddiqui", place: "Engineering, Leeds", beats: 4, move: "in" },
-    { kind: "photo", name: "Lucia", photo: "grad-03", layout: "matted", caption: "Luc\xEDa Ferrer", place: "A gap year, then nursing", beats: 4, move: "right", into: "push" },
-    { kind: "photo", name: "Caps", photo: "grad-01", layout: "matted", caption: "And off they go", beats: 6, move: "in", into: "leak" },
-    { kind: "end", name: "Ending", kicker: "So proud of you all" }
-  ]
-};
-var graduation_default = slideshow(story);
-
-export {
-  story,
-  graduation_default
-};

package/dist/chunks/chunk-D6J2AGZU.js

@@ -1,53 +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 {
-  slideshow
-} from "./chunk-ZJS37D5Z.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/slideshow/year.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var story = {
-  id: "motion-slideshow-year",
-  song: "bright",
-  voice: "grotesk",
-  meta: {
-    name: "Year in review slideshow",
-    description: "A fast year-in-review film: a title card with the year, four seasons as chapters, the best moments cut on the beats of an upbeat keys track (made by PopCraft, CC0) with the month under each, pushes, slides and light leaks, and fireworks to close. Photos are CC0 from Wikimedia Commons; drop your own on any frame.",
-    tags: ["animation", "slideshow", "year in review", "recap", "new year", "highlights", "family", "memories", "photo", "music", "beat", "video"],
-    platforms: ["instagram", "tiktok", "facebook", "youtube"],
-    formats: ["video", "reel", "post"],
-    useCases: ["event"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  brand: { paper: "#141A33", onPaper: "#F6EFE2", accent: "#F2B441", shade: "#0B0F20", onPhoto: "#FFFFFF", leak: "#FFC46B" },
-  fields: { names: "Our 2026", date: "Twelve months \xB7 the Okafors" },
-  scenes: [
-    { kind: "title", name: "Opening", photo: "year-00", kicker: "That was", beats: 8, move: "in" },
-    { kind: "chapter", name: "Winter", kicker: "January \u2013 March", title: "Winter", beats: 4 },
-    { kind: "photo", name: "Snow", photo: "holiday-03", layout: "matted", caption: "Snowed in at the cabin", place: "February", beats: 4, move: "in", into: "push" },
-    { kind: "chapter", name: "Spring", kicker: "April \u2013 June", title: "Spring", beats: 4 },
-    { kind: "photo", name: "Osaka", photo: "travel-01", caption: "The trip we kept putting off", place: "April", beats: 4, move: "up", into: "push" },
-    { kind: "photo", name: "Wedding", photo: "wedding-06", caption: "Ade and Sam said yes", place: "June", beats: 4, move: "in", into: "slide" },
-    { kind: "chapter", name: "Summer", kicker: "July \u2013 September", title: "Summer", beats: 4 },
-    { kind: "photo", name: "Lake", photo: "travel-03", caption: "Too cold to swim. We swam.", place: "August", beats: 4, move: "left", into: "push" },
-    { kind: "photo", name: "Birthday", photo: "birthday-02", layout: "matted", caption: "Grandpa turned eighty", place: "September", beats: 4, move: "in", into: "cut" },
-    { kind: "chapter", name: "Autumn", kicker: "October \u2013 December", title: "Autumn", beats: 4 },
-    { kind: "photo", name: "Lights", photo: "holiday-05", caption: "The tree, finally", place: "December", beats: 4, move: "in", into: "push" },
-    { kind: "photo", name: "Fireworks", photo: "year-01", caption: "And here comes the next one", beats: 8, move: "up", into: "leak" },
-    { kind: "end", name: "Ending", kicker: "Thank you for the year" }
-  ]
-};
-var year_default = slideshow(story);
-
-export {
-  story,
-  year_default
-};

package/dist/chunks/chunk-D6TL4O6B.js

@@ -1,70 +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 {
-  ease
-} from "./chunk-YYQUCS6P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/app/music/world.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var WORLD = { width: 2600, height: 1e3 };
-var LAYERS = ["Far", "Mid", "Zones", "Near"];
-function restCentre(theme) {
-  const z = theme.world.zones;
-  return { x: z.reduce((s, p) => s + p.x, 0) / z.length, y: z.reduce((s, p) => s + p.y, 0) / z.length };
-}
-function layerPose(theme, cam, layer) {
-  const d = theme.world.depth[layer];
-  const scale = Math.max(0.05, 1 + (cam.zoom - 1) * d);
-  const c0 = restCentre(theme);
-  const px = c0.x + (cam.at.x - c0.x) * d, py = c0.y + (cam.at.y - c0.y) * d;
-  const f = cam.focus ?? { x: cam.box.width / 2, y: cam.box.height / 2 };
-  return { x: Math.round((f.x - scale * px) * 100) / 100, y: Math.round((f.y - scale * py) * 100) / 100, scale: Math.round(scale * 1e4) / 1e4 };
-}
-var onZone = (theme, i, zoom, box, o = {}) => ({ at: theme.world.zones[i], zoom, box, ...o });
-function world(k, parent, theme, cam) {
-  const id = k.frame(parent, cam.box, { name: "World", clip: true, opacity: cam.opacity ?? 1 });
-  const layers = {};
-  for (const name of LAYERS) {
-    const p = layerPose(theme, cam, name);
-    const l = k.frame(id, { x: p.x, y: p.y, width: WORLD.width, height: WORLD.height }, { name });
-    k.patch(l, { anchorX: 0, anchorY: 0, scaleX: p.scale, scaleY: p.scale });
-    if (name === "Near") k.patch(l, { locked: true });
-    layers[name] = l;
-  }
-  theme.world.paint(k, layers, theme);
-  return { id, layers };
-}
-function keyCamera(k, layers, theme, stops) {
-  for (const name of LAYERS) {
-    const poses = stops.map((s) => ({ t: s.t, ...layerPose(theme, s.cam, name) }));
-    const keys = (v) => poses.map((p, i) => ({ t: p.t, v: v(p), ...i < poses.length - 1 ? { ease: ease.linear } : {} }));
-    k.animate(layers[name], "x", keys((p) => p.x));
-    k.animate(layers[name], "y", keys((p) => p.y));
-    if (poses.some((p) => p.scale !== poses[0].scale)) {
-      k.animate(layers[name], "scaleX", keys((p) => p.scale));
-      k.animate(layers[name], "scaleY", keys((p) => p.scale));
-    }
-  }
-}
-var scatter = (i, salt) => {
-  const x = Math.sin(i * 12.9898 + salt * 78.233) * 43758.5453;
-  return x - Math.floor(x);
-};
-
-export {
-  WORLD,
-  LAYERS,
-  restCentre,
-  layerPose,
-  onZone,
-  world,
-  keyCamera,
-  scatter
-};