@popcraft/kit 0.26.0 → 0.26.1

package/dist/chunks/chunk-GAQD6CN2.js

@@ -1,206 +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 {
-  burst,
-  clouds,
-  envelope,
-  fitScene,
-  hangings,
-  lunarBrand,
-  sky,
-  slideVoucher
-} from "./chunk-VSNJ5WRX.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-X23ZWFW2.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-YKXCPYWJ.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/lunar-new-year-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var LOOP = 6e3;
-var ENVELOPE = 210;
-var CUSTOMS = [
-  ["Sweep the house", "Every overdue invoice, found", "Squared reads Stripe, Xero and QuickBooks and lines up what you are owed, oldest first. Nothing hides in a spreadsheet tab."],
-  ["Settle old debts", "Reminders that sound like you", "Each nudge is written in your voice and sent when that client tends to answer. Median time from reminder to paid: six days."],
-  ["Hang the lanterns", "A cash calendar you can trust", "See what lands in the next 90 days, by client and by week, before you plan the first hire of the year."],
-  ["Give red envelopes", "Pass the good fortune on", "Invite your accountant or a co-founder: every seat you add before the Lantern Festival gets 88 days as well."]
-];
-var night = (w) => {
-  const h = 620;
-  return {
-    w,
-    h,
-    u: 0.56,
-    loopMs: LOOP,
-    moon: { x: w * 0.5, y: 250, size: 330 },
-    lanterns: [{ x: 62, drop: 36, size: 76 }, { x: w - 150, drop: 14, size: 52 }, { x: w - 58, drop: 84, size: 88 }],
-    fireworks: [{ x: Math.max(70, w * 0.15), y: 300, r: 84 }, { x: w - Math.max(70, w * 0.16), y: 356, r: 74 }, { x: w * 0.34, y: 96, r: 50 }],
-    clouds: [h - 214, h - 160, h - 112, h - 64, h + 100, h + 100],
-    branch: { x: w + 8, y: h - 30, size: 190, flip: true },
-    dust: { top: 20, bottom: h - 230 }
-  };
-};
-var cues = [
-  { layer: "Offer bar", preset: "drop-in", at: 0, params: { duration: 600 } },
-  { layer: "Nav", preset: "fade-in", at: 100, params: { duration: 700 } },
-  { layer: "Eyebrow", preset: "fade-in", at: 300, params: { duration: 700 } },
-  { layer: "Headline", preset: "blur-in", at: 350, params: { duration: 1e3, amount: 22 } },
-  { layer: "Visual", preset: "fade-in", at: 400, params: { duration: 900 } },
-  { layer: "Lead", preset: "rise-in", at: 900, params: { duration: 800 } },
-  { layer: "Envelope", preset: "rise-in", at: 900, params: { duration: 800 } },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1300, params: { duration: 700 }, stagger: { delay: 140 } },
-  { layer: "Proof", preset: "fade-in", at: 2e3, params: { duration: 800 } },
-  { layer: "Envelope", preset: "wobble", at: 3400, params: { duration: 900 } }
-];
-var lunar_new_year_landing_default = defineTemplate({
-  id: "web-lunar-new-year-landing",
-  meta: {
-    name: "Lunar New Year landing page",
-    description: "A seasonal landing page for a SaaS with a new-year gift: an offer bar, a hero where a red envelope rises before a paper moon and its voucher slides out while fireworks burst and lanterns sway, four customs of the season as a ruled column marked with old coins, and the offer \u2014 layered cut paper with no zodiac animal, at desktop, laptop, tablet and phone widths",
-    category: "web",
-    tags: ["lunar new year", "chinese new year", "spring festival", "landing page", "hero", "website", "saas", "red envelope", "lantern", "fireworks", "cut paper", "offer", "animation", "responsive", "seasonal", "serif"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["sale", "launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Lunar New Year landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    lunarBrand(k);
-    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Brand 22", { ...SERIF, size: 22, fontWeight: 900, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Bar 15", { size: 15, fontWeight: 700, lineHeight: 22, textAlign: "CENTER" });
-    k.textStyle("Eyebrow 14", { size: 14, fontWeight: 700, letterSpacing: 4, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Display 84", { ...SERIF, size: 84, fontWeight: 900, letterSpacing: -2.8, lineHeight: 84 });
-    k.textStyle("Display 68", { ...SERIF, size: 68, fontWeight: 900, letterSpacing: -2.1, lineHeight: 70 });
-    k.textStyle("Display 58", { ...SERIF, size: 58, fontWeight: 900, letterSpacing: -1.7, lineHeight: 60 });
-    k.textStyle("Display 42", { ...SERIF, size: 42, fontWeight: 900, letterSpacing: -1.1, lineHeight: 45 });
-    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 32 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 27 });
-    k.textStyle("Proof 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Section 44", { ...SERIF, size: 44, fontWeight: 900, letterSpacing: -1.2, lineHeight: 50 });
-    k.textStyle("Section 32", { ...SERIF, size: 32, fontWeight: 900, letterSpacing: -0.8, lineHeight: 38 });
-    k.textStyle("Custom 19", { ...SERIF, size: 19, fontStyle: "italic", fontWeight: 500, lineHeight: 30 });
-    k.textStyle("Deed 24", { ...SERIF, size: 24, fontWeight: 800, letterSpacing: -0.4, lineHeight: 32 });
-    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Small 14", { size: 14, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Figure 62", { ...SERIF, size: 62, fontWeight: 900, letterSpacing: -2, lineHeight: 58, textAlign: "CENTER" });
-    k.textStyle("Days 18", { ...SERIF, size: 18, fontWeight: 700, lineHeight: 21, textAlign: "CENTER" });
-    k.textStyle("Label 12", { ...SERIF, size: 12, fontStyle: "italic", fontWeight: 600, lineHeight: 15, textAlign: "CENTER" });
-    buttons(k, { style: "Button 16", pad: [15, 26], radius: 10 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 64, top: 24 });
-    k.timeline(sheet, { duration: LOOP, fps: 30 });
-    const bar = k.stack(sheet, { fill: "primary", radius: 10, padding: { top: 10, right: 20, bottom: 10, left: 20 }, align: "CENTER", name: "Offer bar" });
-    k.text(bar, "Happy Lunar New Year. Your red envelope: 88 days free with code FRESH88, until the Lantern Festival.", { style: "Bar 15", color: "onPrimary", name: "Offer bar text" });
-    nav(k, sheet, { links: ["How it chases", "Integrations", "Pricing", "Changelog"], cta: "Open the envelope", style: "Nav 16", brandStyle: "Brand 22" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 72, align: "CENTER", name: "Hero" });
-    const copy = k.stack(hero, { gap: 26, name: "Copy" });
-    k.text(copy, "Lunar New Year offer", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
-    k.text(copy, "Start the new year square.", { style: "Display 84", color: "text", name: "Headline" });
-    k.text(copy, "By custom, every debt is settled before the new year begins. Squared does the chasing for you: it finds each overdue invoice, sends reminders that sound like you, and reconciles the payment when it lands. You keep the client and the weekend.", { style: "Lead 20", color: "onPaper", name: "Lead" });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: "Open the envelope: 88 days free" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "Read a reminder it wrote" }, { name: "CTA quiet" });
-    k.text(copy, "$41.8m collected for 2,300 small teams \xB7 paid 11 days sooner", { style: "Proof 15", color: "onPaper", name: "Proof" });
-    const W = 520;
-    const s = night(W);
-    const visual = k.stack(hero, { width: W, height: s.h, fill: "card", radius: 24, clip: true, name: "Visual" });
-    sky(k, visual, s);
-    clouds(k, visual, s, 0, 3);
-    envelope(k, visual, {
-      w: ENVELOPE,
-      u: s.u * 1.2,
-      lines: [{ text: "88", style: "Figure 62", name: "Figure" }, { text: "days free", style: "Days 18", name: "Days" }],
-      label: { text: "For a fresh start", style: "Label 12" }
-    });
-    clouds(k, visual, s, 3, 6);
-    hangings(k, visual, s);
-    const stand = (kit, id, n) => {
-      for (const e of kit.named(id, "Envelope")) kit.patch(e, { x: Math.round(n.w / 2 - ENVELOPE / 2), y: Math.round(n.h - 36 - kit.node(e).height) });
-    };
-    stand(k, visual, s);
-    k.named(visual, "Firework").forEach((f, i) => burst(k, f, [[1500, 4300], [2100, 4700], [2800]][i], s.u));
-    for (const e of k.named(visual, "Envelope")) slideVoucher(k, e, ENVELOPE, 1700);
-    const customs = k.stack(sheet, { gap: 0, name: "Customs" });
-    k.text(customs, "Four customs of the season, kept for you", { style: "Section 44", color: "text", name: "Customs title" });
-    k.stack(customs, { height: 28, name: "Gap" });
-    for (const [custom, deed, account] of CUSTOMS) {
-      k.rect(customs, "FILL", 1, "accent", { name: "Rule", opacity: 0.5 });
-      const row = k.stack(customs, { direction: "HORIZONTAL", gap: 32, padding: { top: 24, right: 0, bottom: 24, left: 0 }, name: "Custom" });
-      const mark = k.stack(row, { direction: "HORIZONTAL", width: 230, gap: 12, align: "CENTER", name: "Custom mark" });
-      const coin = k.stack(mark, { width: 22, height: 22, name: "Coin mark" });
-      k.ellipse(coin, 22, "accent", { name: "Coin mark face", absolute: { x: 0, y: 0 } });
-      k.rect(coin, 7, 7, "paper", { name: "Coin mark hole", absolute: { x: 7.5, y: 7.5 } });
-      k.text(mark, custom, { style: "Custom 19", color: "onPaper", name: "Custom name" });
-      k.text(row, deed, { style: "Deed 24", color: "text", width: 330, name: "Deed" });
-      k.text(row, account, { style: "Body 18", color: "onPaper", name: "Account" });
-    }
-    k.rect(customs, "FILL", 1, "accent", { name: "Rule", opacity: 0.5 });
-    const band = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", justify: "SPACE_BETWEEN", fill: "card", radius: 16, stroke: { color: "accent", width: 1 }, padding: 48, name: "Band" });
-    const pitch = k.stack(band, { gap: 10, name: "Band copy" });
-    k.text(pitch, "Your red envelope: 88 days free.", { style: "Section 32", color: "onCard", name: "Band title" });
-    k.text(pitch, "Use FRESH88 before the Lantern Festival, the fifteenth day of the new year. No card to start, and whatever Squared collects in those 88 days is yours to keep.", { style: "Body 18", color: "onCard", name: "Band text" });
-    k.instance(band, "Button", { Label: "Open the envelope" }, { name: "Band button" });
-    k.text(sheet, "Wishing you health, good fortune and invoices paid on time \xB7 \xA9 Squared Ledger \xB7 Security \xB7 Changelog \xB7 Status", { style: "Small 14", color: "onPaper", name: "Footer" });
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Band"],
-      stackMobile: ["Custom"],
-      restyle: {
-        "Display 84": { laptop: "Display 68", tablet: "Display 58", mobile: "Display 42" },
-        "Lead 20": { mobile: "Lead 17" },
-        "Section 44": { mobile: "Section 32" }
-      },
-      gap: { tablet: 56, mobile: 44 },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") for (const n2 of kit.named(id, "Hero")) kit.patch(n2, { itemSpacing: 48 });
-        if (size === "tablet" || size === "mobile") {
-          for (const n2 of kit.named(id, "Hero")) kit.patch(n2, { itemSpacing: 44, counterAxisAlignItems: "CENTER" });
-          for (const n2 of kit.named(id, "Band")) kit.patch(n2, { itemSpacing: 24, padding: { top: 32, right: 24, bottom: 32, left: 24 } });
-        }
-        if (size === "mobile") {
-          for (const n2 of kit.named(id, "Custom")) kit.patch(n2, { itemSpacing: 6 });
-          for (const n2 of kit.named(id, "Deed")) kit.patch(n2, { layoutSizingHorizontal: "FILL" });
-        }
-        const n = size === "mobile" ? night(335) : s;
-        for (const box of kit.named(id, "Visual")) {
-          kit.patch(box, { layoutSizingHorizontal: "FIXED", width: n.w, height: n.h });
-          fitScene(kit, box, n);
-          stand(kit, box, n);
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  lunar_new_year_landing_default
-};

package/dist/chunks/chunk-GBUMWUHN.js

@@ -1,400 +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 {
-  HOLD,
-  hz
-} from "./chunk-PMVMC75G.js";
-import {
-  RADIAL,
-  blurred,
-  halo
-} from "./chunk-HVK5T4I5.js";
-import {
-  box,
-  line,
-  r3,
-  rng
-} from "./chunk-BNVLVZUT.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/themes/black-friday-neon-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DEAL = {
-  product: "Afterhours",
-  pitch: "The shared inbox that answers your customers while you sleep.",
-  site: "afterhours.example",
-  link: "{{brand.site}}/neon",
-  code: "NEON50",
-  off: 50,
-  /** Solo, a year: the list price and the Black Friday price. */
-  soloWas: 228,
-  soloNow: 114,
-  /** Team, a year. */
-  teamWas: 588,
-  teamNow: 294,
-  /** Lifetime Solo: paid once, a fixed number of seats. */
-  lifetime: 349,
-  seats: 200,
-  seatsLeft: 142,
-  opens: "Fri 27 Nov",
-  ends: "Mon 30 Nov, 23:59 PT",
-  /** The countdown as the pieces show it: what is left when the piece goes out. */
-  days: 2,
-  hours: 7,
-  minutes: 36,
-  seconds: 48
-};
-var two = (n) => String(n).padStart(2, "0");
-var COLORS = {
-  paper: "#0C0A0E",
-  text: "#F3F7FF",
-  onPaper: "#AEB6C4",
-  primary: "#FF3A2F",
-  onPrimary: "#190302",
-  accent: "#FFB21A",
-  onAccent: "#1D1100",
-  card: "#15131A",
-  onCard: "#F3F7FF",
-  cardMuted: "#A2A9B8"
-};
-function neonBrand(k, fields, roles = Object.keys(COLORS)) {
-  k.brand(Object.fromEntries(roles.map((r) => [r, COLORS[r]])), fields);
-  k.palette({
-    red: "#FF3527",
-    amber: "#FFA91F",
-    ice: "#CFEFFF",
-    hotRed: "#FFE1DA",
-    hotAmber: "#FFF3D6",
-    hotIce: "#FFFFFF",
-    off: "#3A3038",
-    mortar: "#2B2630",
-    brick: "#18141B",
-    steel: "#24222B",
-    steelEdge: "#44414E",
-    steelDark: "#0A090C",
-    shade: "#000000"
-  });
-}
-var HOT = { red: "hotRed", amber: "hotAmber", ice: "hotIce" };
-var GLYPHS = {
-  S: { w: 0.6, s: [{ p: [[0.6, 0], [0, 0], [0, 0.5], [0.6, 0.5], [0.6, 1], [0, 1]], r: 0.22 }] },
-  A: { w: 0.66, s: [{ p: [[0, 1], [0.33, 0], [0.66, 1]], r: 0.06 }, { p: [[0.17, 0.64], [0.49, 0.64]] }] },
-  L: { w: 0.5, s: [{ p: [[0, 0], [0, 1], [0.5, 1]], r: 0.16 }] },
-  E: { w: 0.55, s: [{ p: [[0.55, 0], [0, 0], [0, 1], [0.55, 1]], r: 0.16 }, { p: [[0, 0.5], [0.42, 0.5]] }] },
-  O: { w: 0.62, s: [{ p: [[0, 0], [0.62, 0], [0.62, 1], [0, 1]], r: 0.3, closed: true }] },
-  P: { w: 0.6, s: [{ p: [[0, 1], [0, 0], [0.6, 0], [0.6, 0.54], [0, 0.54]], r: 0.24 }] },
-  N: { w: 0.62, s: [{ p: [[0, 1], [0, 0], [0.62, 1], [0.62, 0]], r: 0.05 }] },
-  F: { w: 0.55, s: [{ p: [[0.55, 0], [0, 0], [0, 1]], r: 0.16 }, { p: [[0, 0.5], [0.42, 0.5]] }] },
-  T: { w: 0.6, s: [{ p: [[0, 0], [0.6, 0]] }, { p: [[0.3, 0], [0.3, 1]] }] },
-  H: { w: 0.6, s: [{ p: [[0, 0], [0, 1]] }, { p: [[0.6, 0], [0.6, 1]] }, { p: [[0, 0.5], [0.6, 0.5]] }] },
-  R: { w: 0.6, s: [{ p: [[0, 1], [0, 0], [0.6, 0], [0.6, 0.52], [0, 0.52]], r: 0.24 }, { p: [[0.26, 0.52], [0.6, 1]] }] },
-  U: { w: 0.6, s: [{ p: [[0, 0], [0, 1], [0.6, 1], [0.6, 0]], r: 0.26 }] },
-  C: { w: 0.58, s: [{ p: [[0.58, 0], [0, 0], [0, 1], [0.58, 1]], r: 0.24 }] },
-  W: { w: 0.8, s: [{ p: [[0, 0], [0.2, 1], [0.4, 0.3], [0.6, 1], [0.8, 0]], r: 0.04 }] },
-  Y: { w: 0.6, s: [{ p: [[0, 0], [0.3, 0.5], [0.6, 0]], r: 0.05 }, { p: [[0.3, 0.5], [0.3, 1]] }] },
-  D: { w: 0.6, s: [{ p: [[0, 0], [0.3, 0], [0.6, 0.3], [0.6, 0.7], [0.3, 1], [0, 1]], r: 0.1, closed: true }] },
-  I: { w: 0.08, s: [{ p: [[0.04, 0], [0.04, 1]] }] },
-  "0": { w: 0.6, s: [{ p: [[0, 0], [0.6, 0], [0.6, 1], [0, 1]], r: 0.3, closed: true }] },
-  "1": { w: 0.32, s: [{ p: [[0, 0.22], [0.3, 0], [0.3, 1]], r: 0.03 }] },
-  "2": { w: 0.6, s: [{ p: [[0, 0], [0.6, 0], [0.6, 0.5], [0, 0.5], [0, 1], [0.6, 1]], r: 0.22 }] },
-  "3": { w: 0.6, s: [{ p: [[0, 0], [0.6, 0], [0.6, 1], [0, 1]], r: 0.22 }, { p: [[0.18, 0.5], [0.6, 0.5]] }] },
-  "4": { w: 0.6, s: [{ p: [[0, 0], [0, 0.58], [0.6, 0.58]], r: 0.1 }, { p: [[0.6, 0], [0.6, 1]] }] },
-  "5": { w: 0.6, s: [{ p: [[0.6, 0], [0, 0], [0, 0.46], [0.6, 0.46], [0.6, 1], [0, 1]], r: 0.2 }] },
-  "6": { w: 0.6, s: [{ p: [[0.6, 0], [0, 0], [0, 1], [0.6, 1], [0.6, 0.5], [0, 0.5]], r: 0.22 }] },
-  "7": { w: 0.6, s: [{ p: [[0, 0], [0.6, 0], [0.22, 1]], r: 0.08 }] },
-  "8": { w: 0.6, s: [{ p: [[0, 0], [0.6, 0], [0.6, 1], [0, 1]], r: 0.22, closed: true }, { p: [[0, 0.5], [0.6, 0.5]] }] },
-  "9": { w: 0.6, s: [{ p: [[0.6, 0.5], [0, 0.5], [0, 0], [0.6, 0], [0.6, 1], [0, 1]], r: 0.22 }] },
-  "%": { w: 0.8, s: [{ p: [[0, 0], [0.3, 0], [0.3, 0.3], [0, 0.3]], r: 0.15, closed: true }, { p: [[0.5, 0.7], [0.8, 0.7], [0.8, 1], [0.5, 1]], r: 0.15, closed: true }, { p: [[0.72, 0.02], [0.08, 0.98]] }] },
-  " ": { w: 0.3, s: [] }
-};
-function bent(pts, r, closed = false) {
-  const n = pts.length;
-  const out = [];
-  const toward = (a, b, d) => {
-    const l = Math.hypot(b.x - a.x, b.y - a.y) || 1;
-    return { x: a.x + (b.x - a.x) * d / l, y: a.y + (b.y - a.y) * d / l };
-  };
-  const q = (p) => ({ x: r3(p.x), y: r3(p.y) });
-  for (let i = 0; i < n; i++) {
-    const b = pts[i];
-    if (!closed && (i === 0 || i === n - 1)) {
-      out.push(q(b));
-      continue;
-    }
-    const a = pts[(i - 1 + n) % n], c = pts[(i + 1) % n];
-    const d = Math.min(r, Math.hypot(b.x - a.x, b.y - a.y) / 2, Math.hypot(c.x - b.x, c.y - b.y) / 2);
-    if (d < 0.5) {
-      out.push(q(b));
-      continue;
-    }
-    const p1 = toward(b, a, d), p2 = toward(b, c, d);
-    out.push({ ...q(p1), handleOut: q(toward(p1, b, d * 0.5523)) }, { ...q(p2), handleIn: q(toward(p2, b, d * 0.5523)) });
-  }
-  return { closed, points: out };
-}
-function lettering(text, cap, o = {}) {
-  const gap = (o.gap ?? 0.2) * cap, pad = o.pad ?? 0, stretch = o.stretch ?? 1;
-  const glyphs = [];
-  let x = pad;
-  for (const ch of text) {
-    const g = GLYPHS[ch];
-    if (!g) throw new Error(`neon: no tube letter "${ch}"`);
-    if (g.s.length) glyphs.push(g.s.map((b) => bent(b.p.map(([px, py]) => ({ x: x + px * cap * stretch, y: pad + py * cap })), (b.r ?? 0) * cap * Math.min(1, stretch), b.closed)));
-    x += g.w * cap * stretch + gap;
-  }
-  return { glyphs, w: r3(x - gap + pad), h: r3(cap + pad * 2) };
-}
-function mirrored(paths, h, squash = 0.7) {
-  const f = (p) => ({ x: p.x, y: r3((h - p.y) * squash) });
-  return paths.map((path) => ({ closed: path.closed, points: path.points.map((p) => ({ ...f(p), ...p.handleIn ? { handleIn: f(p.handleIn) } : {}, ...p.handleOut ? { handleOut: f(p.handleOut) } : {} })) }));
-}
-var tubeGlow = (k, gas, t, strength = 1) => [halo(k, gas, Math.min(1, 0.95 * strength), t * 1.1), halo(k, gas, Math.min(1, 0.6 * strength), t * 4.2)];
-function tube(k, parent, w, h, paths, gas, o) {
-  const f = k.frame(parent, { x: o.absolute?.x ?? 0, y: o.absolute?.y ?? 0, width: w, height: h }, { name: o.name });
-  k.vector(f, w, h, paths, [], { name: "Glass", stroke: { color: gas, width: o.t }, absolute: { x: 0, y: 0 }, effects: tubeGlow(k, gas, o.t, o.strength) });
-  k.vector(f, w, h, paths, [], { name: "Core", stroke: { color: HOT[gas], width: r3(o.t * 0.4) }, absolute: { x: 0, y: 0 } });
-  return f;
-}
-function glass(k, parent, w, h, paths, t, name) {
-  return k.vector(parent, w, h, paths, [], { name, stroke: { color: "off", width: t }, absolute: { x: 0, y: 0 } });
-}
-function neonWord(k, parent, text, gas, o) {
-  const pad = Math.ceil(o.t);
-  const l = lettering(text, o.cap, { gap: o.gap, pad, stretch: o.stretch });
-  const frame = k.frame(parent, { x: o.absolute?.x ?? 0, y: o.absolute?.y ?? 0, width: l.w, height: l.h }, { name: o.name });
-  if (o.flow) k.patch(frame, { layoutPositioning: "AUTO" });
-  const paths = l.glyphs.flat();
-  glass(k, frame, l.w, l.h, paths, o.t, `${o.name} glass`);
-  const tubes = l.glyphs.map((g) => tube(k, frame, l.w, l.h, g, gas, { t: o.t, name: `${o.name} tube`, strength: o.strength }));
-  return { frame, tubes, w: l.w, h: l.h, paths };
-}
-function neonBorder(k, parent, w, h, gas, o) {
-  const m = Math.ceil(o.t);
-  const path = bent([{ x: m, y: m }, { x: w - m, y: m }, { x: w - m, y: h - m }, { x: m, y: h - m }], o.radius, true);
-  const frame = k.frame(parent, { x: o.absolute?.x ?? 0, y: o.absolute?.y ?? 0, width: w, height: h }, { name: o.name });
-  glass(k, frame, w, h, [path], o.t, `${o.name} glass`);
-  tube(k, frame, w, h, [path], gas, { t: o.t, name: `${o.name} tube`, strength: o.strength });
-  return frame;
-}
-function puddle(k, parent, w, h, paths, gas, o) {
-  const squash = o.squash ?? 0.7;
-  const f = k.frame(parent, { x: o.absolute.x, y: o.absolute.y, width: w, height: r3(h * squash) }, { name: o.name, opacity: o.opacity ?? 0.42 });
-  k.vector(f, w, r3(h * squash), mirrored(paths, h, squash), [], { name: "Reflection", stroke: { color: gas, width: o.t }, absolute: { x: 0, y: 0 }, effects: [blurred(o.blur ?? o.t * 0.9)] });
-  return f;
-}
-function spark(k, ids, sparks, rest = []) {
-  if (!sparks.length) return;
-  ids.forEach((id, i) => {
-    const full = rest[i] ?? 1;
-    const keys = [];
-    const at = (t, v) => keys.push({ t: Math.max(0, Math.round(t)), v: r3(v * full) });
-    const first = sparks[0];
-    if ("on" in first && first.on > 0) at(0, 0);
-    else if (!("on" in first)) at(0, 1);
-    for (const s of sparks) {
-      if ("on" in s) {
-        at(s.on, 1);
-        at(s.on + 50, 0.12);
-        at(s.on + 110, 0.9);
-        at(s.on + 150, 0.25);
-        at(s.on + 230, 1);
-      } else if ("buzz" in s) {
-        at(s.buzz, 0.3);
-        at(s.buzz + 40, 1);
-        at(s.buzz + 90, 0.15);
-        at(s.buzz + 150, 0.8);
-        at(s.buzz + 200, 0);
-        at(s.buzz + 760, 0.5);
-        at(s.buzz + 800, 0);
-        at(s.buzz + 900, 1);
-        at(s.buzz + 950, 0.35);
-        at(s.buzz + 1010, 1);
-      } else at(s.off, 0);
-    }
-    const seen = /* @__PURE__ */ new Map();
-    for (const key of keys) seen.set(key.t, key.v);
-    k.animate(id, "opacity", [...seen].sort((a, b) => a[0] - b[0]).map(([t, v]) => ({ t, v, ease: HOLD })));
-  });
-}
-var BUZZ_MS = 1010;
-function bulbArrow(k, parent, o) {
-  const dir = o.dir ?? "right", gas = o.gas ?? "amber";
-  const L = dir === "down" ? o.h : o.w, T = dir === "down" ? o.w : o.h;
-  const bulb = o.bulb ?? Math.round(T * 0.1), m = bulb * 1.3;
-  const neck = L - Math.min(T * 0.62, L * 0.5), top = T * 0.26, bot = T * 0.74;
-  const outline = [{ x: 0, y: top }, { x: neck, y: top }, { x: neck, y: 0 }, { x: L, y: T / 2 }, { x: neck, y: T }, { x: neck, y: bot }, { x: 0, y: bot }];
-  const inner = [{ x: m, y: top + m }, { x: neck + m * 0.9, y: top + m }, { x: neck + m * 0.9, y: m * 2.3 }, { x: L - m * 1.9, y: T / 2 }, { x: neck + m * 0.9, y: T - m * 2.3 }, { x: neck + m * 0.9, y: bot - m }, { x: m, y: bot - m }];
-  const turn = (p) => dir === "down" ? { x: T - p.y, y: p.x } : dir === "left" ? { x: L - p.x, y: p.y } : p;
-  const f = k.frame(parent, { x: o.absolute?.x ?? 0, y: o.absolute?.y ?? 0, width: o.w, height: o.h }, { name: o.name ?? "Arrow" });
-  k.vector(f, o.w, o.h, [{ closed: true, points: outline.map(turn).map((p) => ({ x: r3(p.x), y: r3(p.y) })) }], "steel", { name: "Arrow body", absolute: { x: 0, y: 0 }, stroke: { color: "steelEdge", width: Math.max(2, Math.round(bulb * 0.22)), align: "INSIDE" } });
-  const ring = [...inner, inner[0]];
-  const lens = ring.slice(1).map((p, i) => Math.hypot(p.x - ring[i].x, p.y - ring[i].y));
-  const total = lens.reduce((a, b) => a + b, 0);
-  const count = o.count ?? Math.max(8, Math.round(total / (bulb * 2.3)));
-  for (let i = 0; i < count; i++) {
-    let d = total * i / count, s = 0;
-    while (d > lens[s]) {
-      d -= lens[s];
-      s++;
-    }
-    const a = ring[s], b = ring[s + 1], u = d / lens[s];
-    const p = turn({ x: a.x + (b.x - a.x) * u, y: a.y + (b.y - a.y) * u });
-    const lit = o.loopMs ? true : i % 3 !== 1;
-    const id = k.ellipse(f, bulb, lit ? HOT[gas] : "off", { name: "Bulb", absolute: { x: r3(p.x - bulb / 2), y: r3(p.y - bulb / 2) }, ...lit ? { effects: [halo(k, gas, 0.95, bulb * 0.7), halo(k, gas, 0.5, bulb * 2.2)] } : {} });
-    if (o.loopMs) k.behave(id, "opacity", [{ kind: "sine", amp: 0.75, freq: hz(o.laps ?? 4, o.loopMs), phase: r3(-(i * 3) / count) }, { kind: "clamp", min: 0.14, max: 1 }]);
-  }
-  return f;
-}
-function wallPaths(w, h, course = 46, brick = 132) {
-  const out = [];
-  for (let y = course, row = 0; y < h + course; y += course, row++) {
-    if (y < h) out.push(line(0, y, w, y));
-    for (let x = row % 2 ? brick / 2 : brick; x < w; x += brick) out.push(line(x, y - course, x, Math.min(y, h)));
-  }
-  return out;
-}
-function brickPaths(w, h, seed, share = 0.16, course = 46, brick = 132) {
-  const r = rng(seed);
-  const out = [];
-  for (let y = 0, row = 0; y < h; y += course, row++) for (let x = row % 2 ? -brick / 2 : 0; x < w; x += brick) {
-    const bw = Math.min(brick, w - Math.max(0, x), x + brick) - 4, bh = Math.min(course, h - y) - 4;
-    if (r() < share && bw > 8 && bh > 8) out.push(box(Math.max(0, x) + 2, y + 2, bw, bh));
-  }
-  return out;
-}
-function shopfront(k, sheet, o = {}) {
-  const { width: w, height: h } = k.node(sheet), u = o.u ?? 1;
-  const wallH = o.street ?? h;
-  k.vector(sheet, w, wallH, brickPaths(w, wallH, o.seed ?? 5, 0.16, 46 * u, 132 * u), "brick", { name: "Bricks", absolute: { x: 0, y: 0 }, opacity: 0.4 });
-  k.vector(sheet, w, wallH, wallPaths(w, wallH, 46 * u, 132 * u), [], { name: "Mortar", absolute: { x: 0, y: 0 }, stroke: { color: "mortar", width: Math.max(1.5, 3 * u), cap: "NONE" }, opacity: 0.75 });
-  if (o.street !== void 0) {
-    const sh = h - o.street;
-    const st = k.frame(sheet, { x: 0, y: o.street, width: w, height: sh }, { name: "Street", clip: true });
-    k.rect(st, w, sh, k.tint("shade", 0.62), { name: "Wet road", absolute: { x: 0, y: 0 } });
-    k.rect(st, w, Math.max(3, Math.round(10 * u)), k.tint("steelEdge", 0.9), { name: "Kerb", absolute: { x: 0, y: 0 } });
-    k.vector(st, w, sh, ripplePaths(w, sh, u, o.seed ?? 5), [], { name: "Ripples", absolute: { x: 0, y: 0 }, stroke: { color: "ice", width: Math.max(1, 2 * u) }, opacity: 0.16 });
-  }
-}
-function ripplePaths(w, h, u, seed) {
-  const r = rng(seed + 40);
-  const out = [];
-  for (let y = 26 * u; y < h; y += (16 + r() * 22) * u) {
-    const n = 2 + Math.floor(r() * 4);
-    for (let i = 0; i < n; i++) {
-      const x = r() * w, l = (40 + r() * 150) * u;
-      out.push(line(x, y, Math.min(w, x + l), y));
-    }
-  }
-  return out;
-}
-function fitShopfront(k, sheet, o = {}) {
-  const { width: w, height: h } = k.node(sheet), u = o.u ?? 1;
-  const wallH = o.street ?? h;
-  for (const id of k.named(sheet, "Bricks")) k.patch(id, { x: 0, y: 0, width: w, height: wallH, paths: brickPaths(w, wallH, o.seed ?? 5, 0.16, 46 * u, 132 * u) });
-  for (const id of k.named(sheet, "Mortar")) k.patch(id, { x: 0, y: 0, width: w, height: wallH, paths: wallPaths(w, wallH, 46 * u, 132 * u) });
-  if (o.street === void 0) return;
-  const sh = h - o.street;
-  for (const id of k.named(sheet, "Street")) k.patch(id, { x: 0, y: o.street, width: w, height: sh });
-  for (const id of k.named(sheet, "Wet road")) k.patch(id, { x: 0, y: 0, width: w, height: sh });
-  for (const id of k.named(sheet, "Kerb")) k.patch(id, { x: 0, y: 0, width: w });
-  for (const id of k.named(sheet, "Ripples")) k.patch(id, { x: 0, y: 0, width: w, height: sh, paths: ripplePaths(w, sh, u, o.seed ?? 5) });
-}
-function wash(k, parent, gas, o) {
-  const id = k.ellipse(parent, o.w, [k.gradient({ from: gas, to: gas, kind: "RADIAL", fromOpacity: o.alpha ?? 0.3, toOpacity: 0, handles: RADIAL })], { name: o.name ?? "Wash", absolute: { x: r3(o.x - o.w / 2), y: r3(o.y - (o.h ?? o.w) / 2) } });
-  if (o.h) k.patch(id, { height: o.h });
-  return id;
-}
-function shutter(k, parent, w, h, o = {}) {
-  const u = o.u ?? 1, slat = 30 * u, rail = Math.round(34 * u);
-  const f = k.frame(parent, { x: o.absolute?.x ?? 0, y: o.absolute?.y ?? 0, width: w, height: h }, { name: o.name ?? "Shutter", fill: "steel" });
-  const lines = [], shades = [];
-  for (let y = slat; y < h - rail; y += slat) {
-    lines.push(line(0, y, w, y));
-    shades.push(box(0, y - slat * 0.34, w, slat * 0.3));
-  }
-  k.vector(f, w, h, shades, "steelDark", { name: "Slat shade", absolute: { x: 0, y: 0 }, opacity: 0.4 });
-  k.vector(f, w, h, lines, [], { name: "Slats", absolute: { x: 0, y: 0 }, stroke: { color: "steelEdge", width: Math.max(1.5, 3 * u), cap: "NONE" } });
-  k.rect(f, w, rail, "steelEdge", { name: "Bottom rail", absolute: { x: 0, y: h - rail } });
-  for (const x of [w * 0.3, w * 0.7]) k.rect(f, Math.round(70 * u), Math.round(10 * u), "steelDark", { name: "Handle", radius: 5 * u, absolute: { x: Math.round(x - 35 * u), y: h - rail + Math.round(12 * u) } });
-  return f;
-}
-function liftShutter(k, id, h, at, duration = 700) {
-  k.patch(id, { translateY: -h });
-  k.animate(id, "translateY", [{ t: 0, v: 0, ease: ease.hold }, { t: at, v: 0, ease: ease.inOut("cubic") }, { t: at + duration, v: -h }]);
-}
-function sheen(k, parent, w, h, o = {}) {
-  const s = h * 0.5;
-  const bar = (x, bw) => ({ closed: true, points: [{ x: x + s, y: 0 }, { x: x + s + bw, y: 0 }, { x: x + bw, y: h }, { x, y: h }] });
-  return k.vector(parent, w, h, [bar(w * 0.52, w * 0.1), bar(w * 0.68, w * 0.03)], [k.gradient({ from: "ice", to: "ice", fromOpacity: 0.1, toOpacity: 0.02, angle: 90 })], { name: o.name ?? "Sheen", absolute: { x: 0, y: 0 } });
-}
-function lightbox(k, parent, o) {
-  const [v, h] = o.pad;
-  return k.stack(parent, { direction: o.direction ?? "HORIZONTAL", width: o.width ?? "HUG", fill: "accent", radius: o.radius ?? 8, gap: o.gap ?? 0, align: o.align ?? "CENTER", padding: { top: v, right: h, bottom: v, left: h }, name: o.name ?? "Lightbox", effects: [halo(k, "amber", 0.5, o.glow ?? 36)], ...o.absolute ? { absolute: o.absolute } : {} });
-}
-var MARQUEE = { w: 800, h: 470 };
-function marquee(k, parent, o = {}) {
-  const cable = o.cable ?? 700;
-  wash(k, parent, "red", { x: 400, y: 150, w: 1250, h: 800, alpha: 0.4, name: "Red wash" });
-  wash(k, parent, "amber", { x: 280, y: 400, w: 820, h: 420, alpha: 0.2, name: "Amber wash" });
-  k.vector(parent, 120, cable, [line(40, 0, 40, cable), line(58, 0, 58, cable)], [], { name: "Cables", absolute: { x: 600, y: -cable }, stroke: { color: "steelDark", width: 5, cap: "NONE" } });
-  k.rect(parent, 70, 34, "steel", { name: "Junction box", radius: 5, absolute: { x: 614, y: -22 }, stroke: { color: "steelEdge", width: 2, align: "INSIDE" } });
-  const border = neonBorder(k, parent, MARQUEE.w, 300, "ice", { t: 8, radius: 46, name: "Border", strength: 0.75 });
-  const cap = 196, t = 19, stretch = 1.14;
-  const measure = lettering("SALE", cap, { pad: Math.ceil(t), stretch });
-  const sale = neonWord(k, parent, "SALE", "red", { cap, t, stretch, name: "Sale", absolute: { x: Math.round((MARQUEE.w - measure.w) / 2), y: Math.round((300 - measure.h) / 2) } });
-  const off = neonWord(k, parent, `${DEAL.off}% OFF`, "amber", { cap: 96, t: 10, name: "Off", absolute: { x: 6, y: 346 } });
-  const arrow = bulbArrow(k, parent, { w: 190, h: 164, dir: "down", bulb: 16, name: "Arrow", absolute: { x: 590, y: 312 }, ...o.loopMs ? { loopMs: o.loopMs, laps: o.laps } : {} });
-  return { border, sale, off, arrow };
-}
-function tubeRule(k, parent, gas, o = {}) {
-  const t = o.t ?? 4;
-  return k.rect(parent, o.width ?? "FILL", t, gas, { name: o.name ?? "Tube rule", radius: t / 2, effects: tubeGlow(k, gas, t, 0.8) });
-}
-function shutterBox(k, parent, o = {}) {
-  const h = o.height ?? 44, span = o.span ?? 1600;
-  const band = k.stack(parent, { height: h, fill: "steel", radius: 6, clip: true, name: o.name ?? "Shutter box", stroke: { color: "steelEdge", width: 2, align: "INSIDE" } });
-  const lines = [];
-  for (let y = 11; y < h - 4; y += 11) lines.push(line(0, y, span, y));
-  k.vector(band, span, h, lines, [], { name: "Box slats", absolute: { x: 0, y: 0 }, stroke: { color: "steelEdge", width: 2, cap: "NONE" }, opacity: 0.7 });
-  return band;
-}
-
-export {
-  DEAL,
-  two,
-  neonBrand,
-  bent,
-  lettering,
-  mirrored,
-  tubeGlow,
-  tube,
-  glass,
-  neonWord,
-  neonBorder,
-  puddle,
-  spark,
-  BUZZ_MS,
-  bulbArrow,
-  wallPaths,
-  brickPaths,
-  shopfront,
-  fitShopfront,
-  wash,
-  shutter,
-  liftShutter,
-  sheen,
-  lightbox,
-  MARQUEE,
-  marquee,
-  tubeRule,
-  shutterBox
-};