@popcraft/kit 0.27.0 → 0.28.0

package/dist/chunks/chunk-CWHNQJLR.js

@@ -1,110 +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 {
-  FIGURES,
-  GRID,
-  LABEL,
-  LOW,
-  PEAK,
-  earthDayBrand,
-  fitGround,
-  fitMap,
-  groundContours,
-  legend,
-  reliefMap
-} from "./chunk-TSETHLMX.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-X23ZWFW2.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-GTCLGM63.js";
-import {
-  Kit,
-  preset
-} from "./chunk-6QHAQLJ4.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/social/earth-day-link-preview.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var SPEC = {
-  days: 7,
-  tick: "Tick 16",
-  plate: "Plate 16",
-  plateHeight: 36,
-  marker: 24,
-  routeWeight: 4.5,
-  step: 8,
-  spots: [
-    { u: PEAK.u, d: PEAK.d, kind: "peak", label: `${GRID.peak} g \xB7 ${PEAK.day} ${PEAK.hour}`, side: "left", width: 196 },
-    { u: LOW.u, d: LOW.d, kind: "low", label: `${GRID.low} g \xB7 ${LOW.day} ${LOW.hour}`, side: "right", width: 186 }
-  ],
-  routes: [
-    { from: [0.76, 0.6], to: [0.55, 1.6], job: { label: "Nightly builds", at: [0.3, 1.1], width: 170 } },
-    { from: [0.76, 4.5], to: [LOW.u, LOW.d] }
-  ]
-};
-var earth_day_link_preview_default = defineTemplate({
-  id: "social-earth-day-link-preview",
-  meta: {
-    name: "Earth Day link preview",
-    description: "A link preview for a footprint or impact page, with no leaf on it: \u201CWe planted nothing.\u201D in a serif on survey paper, the two measured figures in one line, and a cut-paper relief map of a week of grid carbon running off the edge with its dirtiest and cleanest hours marked, a survey route and its key. 1200 \xD7 630, with a 1280 \xD7 640 GitHub social preview",
-    category: "social",
-    tags: ["earth day", "climate", "sustainability", "carbon", "footprint", "impact report", "topographic", "contour map", "relief", "cut paper", "serif", "link preview", "open graph", "og image", "github", "saas", "seasonal"],
-    platforms: ["web", "x", "linkedin", "facebook", "github"],
-    formats: ["og-image"],
-    useCases: ["announcement", "report"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit("Earth Day link preview", preset("og-image"));
-    k.quantizeGeometry = true;
-    earthDayBrand(k, { promise: "We planted nothing." });
-    k.textStyle("Eyebrow 16", { ...LABEL, size: 16, fontWeight: 700, letterSpacing: 1.6, lineHeight: 22 });
-    k.textStyle("Display 82", { ...SERIF, size: 82, fontWeight: 700, letterSpacing: -2.8, lineHeight: 80 });
-    k.textStyle("Facts 24", { size: 24, fontWeight: 500, lineHeight: 33 });
-    k.textStyle("Site 20", { ...MONO, size: 20, fontWeight: 700, lineHeight: 26 });
-    k.textStyle("Tick 16", { ...LABEL, size: 16, fontWeight: 700, letterSpacing: 0.8, lineHeight: 20 });
-    k.textStyle("Plate 16", { ...MONO, size: 16, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Legend 17", { size: 17, fontWeight: 700, lineHeight: 22 });
-    k.textStyle("Legend 16", { ...MONO, size: 16, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Label 18", { size: 18, fontWeight: 700, lineHeight: 24 });
-    pill(k, "Label", { fill: "primary", ink: "onPrimary", style: "Label 18", label: "Read the ledger", pad: [10, 18], radius: 6 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 22, { top: 56, right: 640, bottom: 56, left: 64 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    groundContours(k, sheet, 600, 630, { days: 4, opacity: 0.13 });
-    reliefMap(k, sheet, 620, 630, SPEC, { absolute: { x: 580, y: 0 } });
-    legend(k, sheet, { width: 250, title: "Legend 17", label: "Legend 16", swatch: 18, pad: 14, note: false, absolute: { x: 640, y: 486 } });
-    k.text(sheet, "{{brand.name}} \xB7 Earth Day 2026", { style: "Eyebrow 16", color: "onPaper", name: "Eyebrow" });
-    k.text(sheet, "{{brand.promise}}", { style: "Display 82", color: "text", name: "Headline" });
-    k.text(sheet, `Our footprint, measured: ${FIGURES.before} t down to ${FIGURES.after} t in a year. Here is what we changed.`, { style: "Facts 24", color: "onPaper", name: "Facts" });
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Foot" });
-    k.instance(foot, "Label", { Label: "Read the ledger" }, { name: "Call" });
-    k.text(foot, "{{brand.site}}/footprint", { style: "Site 20", color: "text", name: "Site" });
-    k.variants(sheet, [{ preset: "github-social", adjust: (kit, id) => {
-      kit.patch(id, { padding: { top: 56, right: 680, bottom: 56, left: 64 } });
-      for (const n of kit.named(id, "Map")) kit.patch(n, { x: 620, y: 0 });
-      fitMap(kit, id, 660, 640, SPEC);
-      fitGround(kit, id, 640, 640, { days: 4 });
-      for (const n of kit.named(id, "Legend")) kit.patch(n, { x: 700, y: 496 });
-    } }]);
-    return k.finish();
-  }
-});
-
-export {
-  earth_day_link_preview_default
-};

package/dist/chunks/chunk-CWWBLX7J.js

@@ -1,317 +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 {
-  SALE,
-  chat,
-  clock,
-  drain,
-  lift,
-  liveBadge,
-  liveBrand,
-  nightPill,
-  numerals,
-  pinned,
-  reactions,
-  room
-} from "./chunk-CKE7WEVG.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-YKXCPYWJ.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-GTCLGM63.js";
-import {
-  Kit,
-  preset
-} from "./chunk-6QHAQLJ4.js";
-import {
-  ease
-} from "./chunk-QFFXZQH5.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/singles-day-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var LOOP = 1e4;
-var TICKS = 8;
-var W = 480;
-var H = 680;
-var BEZEL = 10;
-var ROOM = {
-  w: W,
-  h: H,
-  u: 0.56,
-  cx: 262,
-  headY: 292,
-  deskY: 468,
-  hand: "left",
-  loopMs: LOOP,
-  bunting: 16,
-  radius: 36,
-  ring: { x: 262, y: 284, r: 124 },
-  balloons: { x: 344, y: 124, h: 140 },
-  parcels: [{ x: 372, w: 150, h: 120, label: true }, { x: 396, w: 96, h: 70, on: 120 }]
-};
-var pct = (l) => Math.round((l.was - l.now) / l.was * 100);
-var money = (n) => `$${n.toLocaleString("en-US")}`;
-var LOTS = [
-  { id: "Month", tag: "LOT 01 \xB7 PINNED", title: "Solo, first month", pitch: "The whole back office for one person. Then $29 a month, and cancelling takes two clicks.", was: SALE.was, now: SALE.now, total: SALE.seats, left: SALE.left, label: "SELLING FAST", includes: ["Invoices chased until they are paid", "Support inbox answered in your voice", "Books closed on the 1st"], cta: "Grab a seat for $11" },
-  { id: "Year", tag: "LOT 02", title: "Solo, a whole year", pitch: "Twelve months of somebody else doing the invoices. Year two renews at the list price.", was: SALE.yearWas, now: SALE.yearNow, total: SALE.seats, left: 57, label: "GOING", includes: ["Everything in the first lot", "A quarterly tax pack for your accountant", "Priority queue"], cta: "Take the year for $111" },
-  { id: "Life", tag: "LOT 03 \xB7 11 ONLY", title: "Solo, for life", pitch: "Pay once and never read a renewal email again. Priced against five years of Solo at the list price.", was: 1740, now: SALE.lifetime, total: SALE.lifetimeSeats, left: 4, label: "NEARLY GONE", includes: ["Every update, for as long as Tandem runs", "A direct line to the founder", "No renewal, ever"], cta: "Claim one of eleven" }
-];
-var ASKED = [
-  ["kai_ships", "heart", "Do I need a code?", "No. The $11 is already on the pinned lot. At 22:11 UTC it goes back to $29, whether or not anyone is watching."],
-  ["ops_of_one", "kraft", "What does it actually do?", "Chases unpaid invoices until they are paid, answers the easy support mail in your voice, and closes the month\u2019s books on the 1st. You approve; it does the typing."],
-  ["marta.dev", "accent", "What if my team of one becomes two?", "Congratulations. Add a seat at the list price whenever you like. Your own first month stays $11."],
-  ["solo_sam", "foilShade", "And when the seats run out?", "Then they are out: 111 first months, 111 years, 11 lifetimes. There is no second batch and no \u201Cextended by popular demand\u201D."]
-];
-var cues = [
-  { layer: "Offer bar", preset: "drop-in", at: 0, params: { duration: 500 } },
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Eyebrow", preset: "rise-in", at: 100 },
-  { layer: "Headline", preset: "rise-in", at: 200, params: { duration: 700 } },
-  { layer: "Lead", preset: "rise-in", at: 350 },
-  { layer: "Ends", preset: "rise-in", at: 500 },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 650, stagger: { delay: 100 } },
-  { layer: "Note", preset: "fade-in", at: 900, params: { duration: 500 } },
-  { layer: "Visual", preset: "pop-in", at: 200, params: { duration: 600, amount: 0.92 } },
-  { layer: "Hero deal", preset: "rise-in", at: 700, params: { duration: 500 } },
-  { layer: "Hero was strike", preset: "wipe-in", at: 1300, params: { duration: 300 } },
-  { layer: "Hero off chip", preset: "pop-in", at: 2200, params: { duration: 350 } },
-  { layer: "Hero price figure", preset: "pulse", at: 2200, params: { duration: 500, amount: 0.1 } },
-  { layer: "Chat 1", preset: "pop-in", at: 2600, params: { duration: 300 } },
-  { layer: "Chat 2", preset: "pop-in", at: 4200, params: { duration: 300 } }
-];
-var counts = [
-  { layer: "Watching figure", at: 300, duration: 2600, counter: { from: 1011, to: 1111, suffix: " watching" } },
-  { layer: "Hero price figure", at: 1300, duration: 900, counter: { from: SALE.was, to: SALE.now, prefix: "$" } },
-  // The flash clock: the seconds tick down once a second for as long as the hero plays.
-  { layer: "Seconds figure", at: 1e3, duration: TICKS * 1e3, tick: 1e3, counter: { from: SALE.seconds, to: SALE.seconds - TICKS } },
-  { layer: "Hero stock figure", at: 1600, duration: 8e3, ease: ease.linear, counter: { from: SALE.left + 26, to: SALE.left, suffix: ` of ${SALE.seats} left` } },
-  ...LOTS.map((l, i) => ({ layer: `${l.id} price figure`, at: 1400 + i * 200, duration: 1400, counter: { from: l.was, to: l.now, prefix: "$" } })),
-  ...LOTS.map((l, i) => ({ layer: `${l.id} stock figure`, at: 1800 + i * 200, duration: 3200, ease: ease.linear, counter: { from: l.total, to: l.left, suffix: ` of ${l.total} left` } }))
-];
-var singles_day_landing_default = defineTemplate({
-  id: "web-singles-day-landing",
-  meta: {
-    name: "Singles Day flash sale landing page",
-    description: "An 11.11 landing page for a SaaS sold to solo founders, run as a live-shopping stream: beside the offer and a flash clock that ticks, a phone shows the stream with the founder as host, a viewer count, floating hearts, chat and a pinned deal whose price counts from $29 to $11 while its \u201Cselling fast\u201D bar runs down. Three lots ($11, $111 and $1,111) with their own stock, and the chat\u2019s questions answered. Desktop to phone",
-    category: "web",
-    tags: ["singles day", "11.11", "double eleven", "flash sale", "landing page", "live shopping", "countdown", "stock", "pricing", "solo founder", "saas", "animation", "website", "responsive", "seasonal"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["sale", "pricing", "countdown"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues, counts },
-  build() {
-    const k = new Kit("Singles Day flash sale landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    liveBrand(k);
-    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Brand 20", { size: 20, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Bar 14", { ...MONO, size: 14, fontWeight: 700, letterSpacing: 0.4, lineHeight: 20, textAlign: "CENTER" });
-    k.textStyle("Eyebrow 14", { ...MONO, size: 14, fontWeight: 700, letterSpacing: 0.8, lineHeight: 20 });
-    k.textStyle("Display 88", { size: 88, fontWeight: 900, letterSpacing: -3.6, lineHeight: 86 });
-    k.textStyle("Display 72", { size: 72, fontWeight: 900, letterSpacing: -2.8, lineHeight: 72 });
-    k.textStyle("Display 60", { size: 60, fontWeight: 900, letterSpacing: -2.2, lineHeight: 62 });
-    k.textStyle("Display 42", { size: 42, fontWeight: 900, letterSpacing: -1.4, lineHeight: 44 });
-    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 31 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Ends 13", { ...MONO, size: 13, fontWeight: 700, letterSpacing: 1.2, lineHeight: 18 });
-    k.textStyle("Clock 44", { ...MONO, size: 44, fontWeight: 800, letterSpacing: -1, lineHeight: 48, fontFeatures: { tnum: 1 } });
-    k.textStyle("Clock 30", { ...MONO, size: 30, fontWeight: 800, lineHeight: 34, fontFeatures: { tnum: 1 } });
-    k.textStyle("Unit 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 1.2, lineHeight: 16 });
-    k.textStyle("Note 15", { size: 15, fontWeight: 400, lineHeight: 22 });
-    k.textStyle("Section 40", { size: 40, fontWeight: 900, letterSpacing: -1.4, lineHeight: 44 });
-    k.textStyle("Section 30", { size: 30, fontWeight: 900, letterSpacing: -1, lineHeight: 34 });
-    k.textStyle("Section lead 17", { size: 17, fontWeight: 400, lineHeight: 26 });
-    k.textStyle("Body 15", { size: 15, fontWeight: 400, lineHeight: 23 });
-    k.textStyle("Include 14", { size: 14, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Asker 13", { ...MONO, size: 13, fontWeight: 700, lineHeight: 18 });
-    k.textStyle("Ask 18", { size: 18, fontWeight: 700, lineHeight: 26 });
-    k.textStyle("Answer 16", { size: 16, fontWeight: 400, lineHeight: 25 });
-    k.textStyle("Footer 14", { size: 14, fontWeight: 400, lineHeight: 20 });
-    k.textStyle("Live 13", { ...MONO, size: 13, fontWeight: 800, letterSpacing: 1.2, lineHeight: 16 });
-    k.textStyle("Watching 13", { ...MONO, size: 13, fontWeight: 700, lineHeight: 16, fontFeatures: { tnum: 1 } });
-    k.textStyle("Chat 14", { size: 14, fontWeight: 600, lineHeight: 18 });
-    k.textStyle("Chat who 12", { ...MONO, size: 12, fontWeight: 700, lineHeight: 18 });
-    k.textStyle("Lot 12", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 0.6, lineHeight: 16 });
-    k.textStyle("Title 17", { size: 17, fontWeight: 800, letterSpacing: -0.3, lineHeight: 22 });
-    k.textStyle("Price 56", { size: 56, fontWeight: 900, letterSpacing: -2.6, lineHeight: 56, fontFeatures: { tnum: 1 } });
-    k.textStyle("Was 24", { size: 24, fontWeight: 700, letterSpacing: -0.6, lineHeight: 28 });
-    k.textStyle("Stock 12", { ...MONO, size: 12, fontWeight: 800, letterSpacing: 0.4, lineHeight: 16, fontFeatures: { tnum: 1 } });
-    k.textStyle("Chip 14", { ...MONO, size: 14, fontWeight: 800, lineHeight: 18 });
-    k.textStyle("Lot 13", { ...MONO, size: 13, fontWeight: 700, letterSpacing: 1, lineHeight: 18 });
-    k.textStyle("Title 24", { size: 24, fontWeight: 800, letterSpacing: -0.6, lineHeight: 30 });
-    k.textStyle("Price 64", { size: 64, fontWeight: 900, letterSpacing: -3, lineHeight: 66, fontFeatures: { tnum: 1 } });
-    k.textStyle("Stock 13", { ...MONO, size: 13, fontWeight: 800, letterSpacing: 0.4, lineHeight: 18, fontFeatures: { tnum: 1 } });
-    buttons(k, { style: "Button 16", pad: [14, 24], radius: 999 });
-    pill(k, "Marker", { fill: "accent", ink: "onAccent", style: "Eyebrow 14", label: "SINGLES\u2019 DAY \xB7 11.11", pad: [6, 14] });
-    pill(k, "Chip", { fill: "accent", ink: "onAccent", style: "Chip 14", label: "\u221262%", pad: [3, 8], radius: 6 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 56, top: 24 });
-    k.timeline(sheet, { duration: LOOP, fps: 30 });
-    const offer = k.stack(sheet, { fill: "primary", radius: 999, padding: { top: 10, right: 20, bottom: 10, left: 20 }, align: "CENTER", name: "Offer bar" });
-    k.text(offer, `LIVE NOW \xB7 Singles\u2019 Day, 11.11 \xB7 Solo\u2019s first month is $${SALE.now} for the first ${SALE.seats} founders \xB7 ends ${SALE.closes}`, { style: "Bar 14", color: "onPrimary", name: "Offer bar text" });
-    nav(k, sheet, { links: ["The stream", "The lots", "The chat", "Sign in"], cta: "Grab a seat", style: "Nav 16", brandStyle: "Brand 20" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 72, align: "CENTER", padding: { top: 8, right: 0, bottom: 16, left: 0 }, name: "Hero" });
-    const copy = k.stack(hero, { gap: 24, name: "Copy" });
-    k.instance(copy, "Marker", { Label: "SINGLES\u2019 DAY \xB7 11.11 \xB7 LIVE NOW" }, { name: "Eyebrow" });
-    k.text(copy, "A sale for the team of one.", { style: "Display 88", color: "text", name: "Headline" });
-    k.text(copy, `{{brand.name}} is the back office for a company of one: it chases your invoices, answers the support inbox and closes the month\u2019s books. For eleven hours the Solo plan\u2019s first month is $${SALE.now}, not $${SALE.was}, for the first ${SALE.seats} founders. Treat yourself. Nobody else is going to expense it.`, { style: "Lead 20", color: "onPaper", name: "Lead" });
-    const ends = k.stack(copy, { gap: 8, name: "Ends" });
-    k.text(ends, "THE FLASH DEAL ENDS IN", { style: "Ends 13", color: "onPaper", name: "Ends label" });
-    clock(k, ends, { style: "Clock 44", unit: "Unit 12", seconds: SALE.seconds - TICKS, gap: 10, pad: [12, 0], radius: 14, tile: 104 });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: `Grab a seat for $${SALE.now}` }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "See what it takes off your desk" }, { name: "CTA quiet" });
-    k.text(copy, `Then $${SALE.was} a month. No code to paste, no card until the eleven hours are up, and cancelling takes two clicks.`, { style: "Note 15", color: "onPaper", name: "Note" });
-    const visual = k.stack(hero, { width: W + BEZEL * 2, height: H + BEZEL * 2, name: "Visual" });
-    const phone = k.frame(visual, { x: 0, y: 0, width: W + BEZEL * 2, height: H + BEZEL * 2 }, { name: "Phone", fill: "night", radius: 36 + BEZEL, effects: lift(k, 1.4, 0.34) });
-    const stream = k.frame(phone, { x: BEZEL, y: BEZEL, width: W, height: H }, { name: "Stream" });
-    room(k, stream, ROOM);
-    reactions(k, stream, { w: 76, h: 300, n: 8, u: 0.6, loopMs: LOOP, from: 1800, absolute: { x: 392, y: 150 } });
-    const over = k.stack(stream, { width: W - 36, height: H - 36, justify: "SPACE_BETWEEN", absolute: { x: 18, y: 18 }, name: "Overlay" });
-    const bar = k.stack(over, { direction: "HORIZONTAL", gap: 8, align: "CENTER", name: "Stream bar" });
-    liveBadge(k, bar, { style: "Live 13", dot: 9, pad: [5, 12], loopMs: LOOP });
-    nightPill(k, bar, "1,111 watching", { style: "Watching 13", name: "Watching", pad: [5, 12] });
-    const under = k.stack(over, { gap: 8, name: "Stream foot" });
-    chat(k, under, "lena", "no team? sold.", { style: "Chat 14", whoStyle: "Chat who 12", face: "heart", dot: 20, pad: [6, 12], shadow: 0.3, name: "Chat 1" });
-    chat(k, under, "", "Seat 74 of 111 just went", { style: "Chat 14", whoStyle: "Chat who 12", face: "primary", dot: 20, pad: [6, 12], shadow: 0.3, system: true, name: "Chat 2" });
-    pinned(k, under, {
-      prefix: "Hero",
-      lot: "PINNED \xB7 LOT 01 \xB7 FLASH DEAL",
-      title: "Solo, first month",
-      price: `$${SALE.now}`,
-      was: `$${SALE.was}`,
-      chip: "Chip",
-      saving: `\u2212${SALE.off}%`,
-      left: SALE.left,
-      total: SALE.seats,
-      suffix: ` of ${SALE.seats} left`,
-      styles: { lot: "Lot 12", title: "Title 17", price: "Price 56", was: "Was 24", stock: "Stock 12" },
-      pad: { top: 14, right: 16, bottom: 16, left: 16 },
-      gap: 8,
-      radius: 20,
-      bar: 12,
-      shadow: 0.5,
-      priceGap: 10
-    });
-    const band = k.stack(sheet, { fill: "primary", radius: 28, padding: { top: 48, right: 48, bottom: 52, left: 48 }, gap: 32, name: "Lots band" });
-    const title = k.stack(band, { gap: 8, name: "Lots head" });
-    k.text(title, "Three lots on the shelf. All of them elevens.", { style: "Section 40", color: "onPrimary", name: "Lots title" });
-    k.text(title, "Pick one. The price is already marked down, the bars are real, and the list price comes back when the stream ends.", { style: "Section lead 17", color: "onPrimary", name: "Lots lead" });
-    const lots = k.stack(band, { direction: "HORIZONTAL", gap: 24, name: "Lots" });
-    for (const l of LOTS) {
-      const card = pinned(k, lots, {
-        prefix: l.id,
-        name: "Lot card",
-        lot: l.tag,
-        title: l.title,
-        pitch: l.pitch,
-        price: money(l.now),
-        was: money(l.was),
-        chip: "Chip",
-        saving: l.now < 1e3 ? `\u2212${pct(l)}%` : "",
-        left: l.left,
-        total: l.total,
-        suffix: ` of ${l.total} left`,
-        stockLabel: l.label,
-        styles: { lot: "Lot 13", title: "Title 24", pitch: "Body 15", price: "Price 64", was: "Was 24", stock: "Stock 13" },
-        pad: { top: 26, right: 26, bottom: 26, left: 26 },
-        gap: 14,
-        radius: 24,
-        bar: 14,
-        shadow: 0.7,
-        priceGap: 12
-      });
-      const inc = k.stack(card, { gap: 8, padding: { top: 4, right: 0, bottom: 4, left: 0 }, name: "Includes" });
-      for (const line of l.includes) {
-        const row = k.stack(inc, { direction: "HORIZONTAL", gap: 10, align: "CENTER", name: "Include" });
-        k.ellipse(row, 8, "primary", { name: "Include dot" });
-        k.text(row, line, { style: "Include 14", color: "onCard", name: "Include text" });
-      }
-      k.instance(card, "Button", { Label: l.cta }, { name: "Lot button" });
-    }
-    const asked = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, name: "Asked" });
-    const askedHead = k.stack(asked, { width: 380, gap: 12, name: "Asked head" });
-    k.text(askedHead, "The chat asked. The host answered.", { style: "Section 40", color: "text", name: "Asked title" });
-    k.text(askedHead, "The small print, read out loud. If yours is not here, the support inbox is answered by the product you are about to buy.", { style: "Section lead 17", color: "onPaper", name: "Asked lead" });
-    const date = k.stack(askedHead, { width: 380, height: 150, padding: { top: 16, right: 0, bottom: 0, left: 0 }, name: "Date" });
-    numerals(k, date, { h: 112, absolute: { x: 0, y: 24 }, depth: 12 });
-    const thread = k.stack(asked, { gap: 14, name: "Thread" });
-    for (const [who, face, q, a] of ASKED) {
-      const ask = k.stack(thread, { padding: { top: 0, right: 96, bottom: 0, left: 0 }, name: "Ask row" });
-      const bubble = k.stack(ask, { direction: "HORIZONTAL", gap: 12, align: "CENTER", fill: "card", radius: 22, padding: { top: 12, right: 20, bottom: 12, left: 14 }, effects: lift(k, 0.4, 0.16), name: "Ask" });
-      k.ellipse(bubble, 32, face, { name: "Ask face" });
-      const words = k.stack(bubble, { name: "Ask words" });
-      k.text(words, who, { style: "Asker 13", color: "cardMuted", name: "Asker" });
-      k.text(words, q, { style: "Ask 18", color: "onCard", name: "Question" });
-      const reply = k.stack(thread, { padding: { top: 0, right: 0, bottom: 6, left: 96 }, name: "Answer row" });
-      const said = k.stack(reply, { fill: "night", radius: 22, padding: { top: 14, right: 20, bottom: 16, left: 20 }, gap: 2, name: "Answer" });
-      k.text(said, "HOST", { style: "Asker 13", color: "nightMuted", name: "Host" });
-      k.text(said, a, { style: "Answer 16", color: "nightInk", name: "Answer text" });
-    }
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", gap: 16, padding: { top: 8, right: 0, bottom: 0, left: 0 }, name: "Footer" });
-    k.text(foot, "Prices in US dollars, before sales tax. The first month is $11 once per account; monthly and annual plans renew at the list price unless you cancel. Lifetime seats never renew.", { style: "Footer 14", color: "onPaper", name: "Legal" });
-    k.text(foot, "hello@{{brand.site}}", { style: "Footer 14", color: "onPaper", autoWidth: true, name: "Email" });
-    drain(k, sheet, { name: "Hero stock", from: (SALE.left + 26) / SALE.seats, to: SALE.left / SALE.seats, at: 1600, duration: 8e3 });
-    LOTS.forEach((l, i) => drain(k, sheet, { name: `${l.id} stock`, from: 1, to: l.left / l.total, at: 1800 + i * 200, duration: 3200 }));
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Lots", "Asked", "Footer"],
-      restyle: { "Display 88": { laptop: "Display 72", tablet: "Display 60", mobile: "Display 42" }, "Lead 20": { mobile: "Lead 17" }, "Clock 44": { mobile: "Clock 30" }, "Section 40": { mobile: "Section 30" } },
-      gap: { mobile: 40 },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") {
-          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 48 });
-          for (const n of kit.named(id, "Lots band")) kit.patch(n, { padding: { top: 40, right: 32, bottom: 44, left: 32 } });
-          for (const n of kit.named(id, "Lots")) kit.patch(n, { itemSpacing: 18 });
-          for (const n of kit.named(id, "Asked")) kit.patch(n, { itemSpacing: 48 });
-        }
-        const narrow = size === "tablet" || size === "mobile";
-        if (narrow) {
-          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 40, counterAxisAlignItems: "CENTER" });
-          for (const n of kit.named(id, "Asked")) kit.patch(n, { itemSpacing: 28 });
-          for (const n of kit.named(id, "Asked head")) kit.patch(n, { layoutSizingHorizontal: "FILL" });
-        }
-        if (size === "mobile") {
-          for (const n of kit.named(id, "Offer bar")) kit.patch(n, { cornerRadius: 18 });
-          for (const n of kit.named(id, "Lots band")) kit.patch(n, { padding: { top: 28, right: 12, bottom: 28, left: 12 }, itemSpacing: 22, cornerRadius: 22 });
-          for (const n of kit.named(id, "Lot card")) kit.patch(n, { padding: { top: 22, right: 20, bottom: 22, left: 20 } });
-          for (const n of kit.named(id, "Ask row")) kit.patch(n, { padding: { top: 0, right: 24, bottom: 0, left: 0 } });
-          for (const n of kit.named(id, "Answer row")) kit.patch(n, { padding: { top: 0, right: 0, bottom: 6, left: 24 } });
-          for (const n of kit.named(id, "Clock tile")) kit.patch(n, { width: 88 });
-        }
-        const pw = W + BEZEL * 2, ph = H + BEZEL * 2, s = size === "mobile" ? 335 / pw : 1;
-        for (const box of kit.named(id, "Visual")) kit.patch(box, { layoutSizingHorizontal: "FIXED", width: Math.round(pw * s), height: Math.round(ph * s) });
-        for (const st of kit.named(id, "Phone")) kit.patch(st, { layoutPositioning: "ABSOLUTE", width: pw, height: ph, x: Math.round(-pw / 2 * (1 - s)), y: Math.round(-ph / 2 * (1 - s)), scaleX: s, scaleY: s });
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  singles_day_landing_default
-};

package/dist/chunks/chunk-CZTI5GGL.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 {
-  bassKick,
-  beatFlash,
-  circularSpectrum,
-  pulseRing,
-  spectrumBars,
-  vuMeter,
-  waveform
-} from "./chunk-PTXYK6OH.js";
-import {
-  showcase,
-  showcaseStyles,
-  specimenRow
-} from "./chunk-JZ4SIJCP.js";
-import {
-  trackInfo
-} from "./chunk-SQCPEGOZ.js";
-import {
-  MUSIC_HASH
-} from "./chunk-AXTNNHMG.js";
-import {
-  defineLibrary
-} from "./chunk-GTCLGM63.js";
-import {
-  Kit,
-  preset
-} from "./chunk-6QHAQLJ4.js";
-import {
-  ease
-} from "./chunk-QFFXZQH5.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/libraries/audio-reactive.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var FPS = 30;
-var LOOP = { duration: 4e3, fps: FPS };
-var loopProp = { Loop: { motion: "loop", value: "loop" } };
-var audio_reactive_default = defineLibrary({
-  id: "lib-audio-reactive",
-  version: 1,
-  meta: {
-    name: "Audio reactive",
-    description: "Motion components that follow the music: waveforms, a spectrum equalizer, a circular spectrum, a pulse ring, a VU meter, a beat flash, a bass-kick badge and a podcast audiogram (1:1 and 9:16), with colour and text inputs",
-    tags: ["animation", "audio", "music", "audio reactive", "visualizer", "waveform", "spectrum", "equalizer", "audiogram", "podcast", "components"],
-    created: "2026-09-30",
-    updated: "2026-09-30"
-  },
-  build() {
-    const k = new Kit("Audio reactive", preset("web-desktop"));
-    k.brand({
-      paper: "#0E0B1A",
-      text: "#F6F3FF",
-      onPaper: "#B9B2D6",
-      card: "#1A1530",
-      accent: "#FF4FA3",
-      onAccent: "#1A0612",
-      cyan: "#3EE6FF",
-      meterLow: "#3DDC84",
-      meterMid: "#FFC247",
-      meterHigh: "#FF5A5F",
-      ring: "#3EE6FF",
-      cover: "#2B2350"
-    }, { show: "Signal & Noise", episode: "Ep. 12 \xB7 Designing for sound" });
-    showcaseStyles(k);
-    k.textStyle("Label 18", { size: 18, fontWeight: 800, lineHeight: 22, letterSpacing: 1, textCase: "UPPER" });
-    k.textStyle("Gram title 64", { size: 64, fontWeight: 800, lineHeight: 70, letterSpacing: -1.5 });
-    k.textStyle("Gram show 32", { size: 32, fontWeight: 600, lineHeight: 40 });
-    k.variantSet("Waveform", "Style", ["Bars", "Mirrored", "Line"], {
-      width: 480,
-      height: 120,
-      description: "The last two and a half seconds of the sound, flowing right to left: bars from the bottom, mirrored from the middle, or a line of dots. Colour sets it.",
-      props: { Colour: { color: "accent" }, ...loopProp }
-    }, (state, id) => {
-      waveform(k, id, { style: state === "Bars" ? "bars" : state === "Mirrored" ? "mirrored" : "line", width: 480, height: 120, color: "accent", colorProp: "Colour" });
-    }, () => ({ timeline: LOOP }));
-    k.component("Spectrum bars", {
-      width: 480,
-      height: 160,
-      timeline: LOOP,
-      description: "An equalizer: 32 bands of the spectrum, low on the left, rising fast and falling slowly. Colour sets it.",
-      props: { Colour: { color: "cyan" }, ...loopProp }
-    }, (id) => {
-      spectrumBars(k, id, { width: 480, height: 160, color: "cyan", colorProp: "Colour" });
-    });
-    k.component("Circular spectrum", {
-      width: 360,
-      height: 360,
-      timeline: LOOP,
-      description: "Bars standing round a ring, the bass at the bottom and the treble at the top, mirrored side to side. Colour sets the bars.",
-      props: { Colour: { color: "accent" }, ...loopProp }
-    }, (id) => {
-      const disc = k.ellipse(id, 200, "card", { name: "Disc", absolute: { x: 80, y: 80 } });
-      bassKick(k, disc, 0.06);
-      circularSpectrum(k, id, { radius: 110, length: 70, color: "accent", colorProp: "Colour", count: 56 });
-    });
-    k.component("Pulse ring", {
-      width: 240,
-      height: 240,
-      timeline: LOOP,
-      description: "A ring that swells with the bass, and an echo that flies out and fades on every beat. Colour sets both.",
-      props: { Colour: { color: "ring" }, ...loopProp }
-    }, (id) => {
-      pulseRing(k, id, { size: 240, color: "ring", colorProp: "Colour" });
-    });
-    k.component("VU meter", {
-      width: 360,
-      height: 28,
-      timeline: LOOP,
-      description: "Sixteen segments lit by the level with a quick rise and a slow fall: green, then amber, then red at the top.",
-      props: loopProp
-    }, (id) => {
-      vuMeter(k, id, { width: 360, height: 28, colors: ["meterLow", "meterMid", "meterHigh"] });
-    });
-    k.component("Beat flash", {
-      width: 320,
-      height: 180,
-      timeline: LOOP,
-      description: "A panel that flashes on every beat and dies away: put it over a scene, sized to fill. Colour sets the flash.",
-      props: { Colour: { color: "text" }, ...loopProp }
-    }, (id) => {
-      const flash = k.rect(id, 320, 180, "text", { radius: 12, name: "Flash", absolute: { x: 0, y: 0 } });
-      k.bindPath(flash, "fills[#0].color", "Colour");
-      beatFlash(k, flash, 0.9);
-    });
-    k.component("Bass kick", {
-      direction: "HORIZONTAL",
-      width: 180,
-      height: 180,
-      justify: "CENTER",
-      align: "CENTER",
-      timeline: LOOP,
-      description: "A badge that thumps with the kick. Label and Colour are inputs.",
-      props: { Label: "LIVE", Colour: { color: "accent" }, ...loopProp }
-    }, (id) => {
-      const badge = k.stack(id, { direction: "HORIZONTAL", width: 140, height: 140, justify: "CENTER", align: "CENTER", fill: "accent", radius: 70, name: "Badge" });
-      k.bindPath(badge, "fills[#0].color", "Colour");
-      k.propText(badge, "Label", { style: "Label 18", color: "onAccent", autoWidth: true });
-      bassKick(k, badge, 0.16);
-      k.animate(badge, "opacity", [{ t: 0, v: 0, ease: ease.out("quad") }, { t: 300, v: 1 }]);
-    });
-    k.variantSet("Audiogram", "Format", ["Square", "Story"], {
-      description: "A podcast audiogram: the cover art, the show and episode, and a live waveform of the voice. Square (1:1) for feeds, Story (9:16) for vertical video. Title and Show are inputs; drop your art on the cover.",
-      props: { Title: "{{brand.episode}}", Show: "{{brand.show}}", ...loopProp }
-    }, (state, id) => {
-      const square = state === "Square";
-      const W = 540;
-      k.patch(id, { layoutMode: "VERTICAL", primaryAxisAlignItems: "CENTER", counterAxisAlignItems: "CENTER", itemSpacing: square ? 20 : 36 });
-      const cover = k.photo(id, square ? 240 : 380, square ? 240 : 380, { radius: 24, ground: "cover", name: "Cover art" });
-      bassKick(k, cover, 0.03, 200);
-      k.propText(id, "Show", { style: "Gram show 32", color: "onPaper", width: W - 80, align: "CENTER" });
-      k.propText(id, "Title", { style: "Gram title 64", color: "text", width: W - 80, align: "CENTER" });
-      waveform(k, id, { style: "mirrored", width: W - 120, height: square ? 90 : 140, color: "accent", count: 40, history: 2e3, gain: 1.1 });
-    }, (state) => ({ width: 540, height: state === "Square" ? 540 : 960, fill: "paper", radius: 24, timeline: LOOP }));
-    const sheet = k.sheet;
-    const song = trackInfo("house");
-    const passes = 2;
-    k.nameSheet(sheet, "Audio reactive");
-    showcase(k, sheet, { title: "Audio reactive", intro: 'Components that follow the music the timeline plays: they read its loudness, its bass, mids and treble, its beats and its spectrum. Drop one on any animated frame with sound and it moves with it. This page plays "Main Stage", a house loop PopCraft made in code (CC0).', duration: Math.round(song.durationMs * passes) });
-    const audio = Array.from({ length: passes }, (_, p) => ({
-      id: `a${p + 1}`,
-      mediaHash: MUSIC_HASH.house,
-      name: `${song.title} (124 BPM, CC0)`,
-      start: p * song.durationMs,
-      in: 0,
-      out: song.durationMs,
-      lane: 0,
-      ...p === passes - 1 ? { fadeOut: 800 } : {}
-    }));
-    k.patch(sheet, { timeline: { ...k.node(sheet).timeline, audio } });
-    const waves = specimenRow(k, sheet, "Waveforms");
-    for (const style of ["Bars", "Mirrored", "Line"]) k.instance(waves, `Waveform/${style}`, {});
-    const spectra = specimenRow(k, sheet, "Spectrum");
-    k.instance(spectra, "Spectrum bars", {});
-    k.instance(spectra, "Circular spectrum", {});
-    k.instance(spectra, "Pulse ring", {});
-    const hits = specimenRow(k, sheet, "Level and beat");
-    k.instance(hits, "VU meter", {});
-    k.instance(hits, "Beat flash", {});
-    k.instance(hits, "Bass kick", { Label: "LIVE" });
-    const grams = specimenRow(k, sheet, "Audiogram", { align: "MIN" });
-    k.instance(grams, "Audiogram/Square", {});
-    k.instance(grams, "Audiogram/Story", {});
-    return k.finish();
-  }
-});
-
-export {
-  audio_reactive_default
-};