@popcraft/kit 0.29.0 → 0.31.0

package/dist/chunks/chunk-VPR5S5EC.js

@@ -1,122 +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 {
-  disc,
-  draw,
-  flourishComponent,
-  heart,
-  leaf,
-  quad,
-  rose
-} from "./chunk-YAIUTBXU.js";
-import {
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset
-} from "./chunk-OFAIOFJQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/print/holidays-valentines-dinner-menu.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Valentine\u2019s dinner menu";
-var PAD = { top: 214, right: 40, bottom: 40, left: 40 };
-var COURSES = [
-  ["APERITIVO", "Blood-orange spritz", "or a glass of Franciacorta ros\xE9"],
-  ["ANTIPASTO", "Burrata, roasted beets, pistachio", "with warm focaccia from our oven"],
-  ["PRIMO", "Heart-shaped ravioli of ricotta and lemon", "brown butter, sage, a little black pepper"],
-  ["SECONDO", "Slow-cooked short rib, soft polenta", "or wild mushroom and chestnut risotto"],
-  ["DOLCE", "Dark chocolate torta for two", "raspberries, vanilla mascarpone"]
-];
-function art(w, h) {
-  const s = w / 374, B = 12 * s;
-  const r1 = rose(w - 70 * s, 64 * s, 44 * s, 3), r2 = rose(w - 158 * s, 22 * s, 32 * s, 7), bud = rose(56 * s, 40 * s, 18 * s, 9);
-  const stem = [quad({ x: w + B, y: 150 * s }, { x: w - 130 * s, y: 128 * s }, { x: 40 * s, y: 50 * s }, 24)];
-  const leaves = [leaf({ x: w - 40 * s, y: 132 * s }, 40 * s, 16 * s, 2.7), leaf({ x: w - 110 * s, y: 118 * s }, 36 * s, 15 * s, 3.5), leaf({ x: w - 200 * s, y: 104 * s }, 34 * s, 14 * s, 2.6), leaf({ x: w - 250 * s, y: 92 * s }, 30 * s, 12 * s, 3.6), leaf({ x: 110 * s, y: 66 * s }, 28 * s, 11 * s, 2.7)];
-  const petal = (x, y, r, t) => heart(x, y, r * 2 * s, t);
-  return [
-    { name: "Stem", paths: stem, color: "leaf", o: { strokeWidth: 2.2 * s } },
-    { name: "Leaves", paths: leaves, color: "leaf" },
-    { name: "Rose petals outer", paths: [...r1.outer, ...r2.outer, ...bud.outer], color: "rose" },
-    { name: "Rose petals inner", paths: [...r1.inner, ...r2.inner, ...bud.inner], color: "roseDeep" },
-    { name: "Rose edges", paths: [...r1.outer, ...r2.outer], color: "roseDeep", o: { strokeWidth: 0.8 * s, opacity: 0.5 } },
-    { name: "Petals", paths: [petal(16 * s, h - 40 * s, 7, 0.4), petal(30 * s, h - 18 * s, 5, 1.2)], color: "rose", o: { opacity: 0.7 } },
-    { name: "Petals", paths: [petal(w - 18 * s, h - 30 * s, 6, -0.6), petal(w - 34 * s, h - 12 * s, 4, 0.2)], color: "rose", o: { opacity: 0.55 } },
-    { name: "Dots", paths: [disc(26 * s, 150 * s, 2 * s), disc(40 * s, 166 * s, 1.4 * s)], color: "primary" }
-  ];
-}
-var holidays_valentines_dinner_menu_default = defineTemplate({
-  id: "print-holidays-valentines-dinner-menu",
-  meta: {
-    name: NAME,
-    description: "A table menu for a small restaurant\u2019s Valentine\u2019s supper: roses seen from above climb in from the corner of a blush card, the five courses are set in a light serif with small-capital course names between hairlines, and the price and wine pairing sit at the foot. DL to stand on each table, with bleed",
-    category: "menu",
-    tags: ["valentine\u2019s day", "valentines", "menu", "restaurant", "dinner", "prix fixe", "tasting menu", "roses", "romantic", "italian", "small business", "print"],
-    platforms: ["print"],
-    formats: ["card"],
-    useCases: ["menu", "event"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit(NAME, preset("dl-flyer"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#F8E9E4", text: "#4A1722", onPaper: "#7B3A44", primary: "#9E2B3E", onPrimary: "#FFF4F1", line: "#E3BFC0" },
-      { name: "Osteria Lina" }
-    );
-    k.palette({ rose: "#D9566E", roseDeep: "#A12E46", leaf: "#5F7A5A" });
-    k.textStyle("Kicker 9", { size: 9, fontWeight: 700, letterSpacing: 2.6, lineHeight: 13 });
-    k.textStyle("Title 34", { ...SERIF, size: 34, fontWeight: 300, fontStyle: "italic", letterSpacing: -0.6, lineHeight: 36 });
-    k.textStyle("Date 11", { ...SERIF, size: 11, fontWeight: 400, lineHeight: 15 });
-    k.textStyle("Course 8", { size: 8, fontWeight: 700, letterSpacing: 2.4, lineHeight: 11 });
-    k.textStyle("Dish 14", { ...SERIF, size: 14, fontWeight: 500, lineHeight: 18 });
-    k.textStyle("Note 10", { ...SERIF, size: 10, fontWeight: 400, fontStyle: "italic", lineHeight: 14 });
-    k.textStyle("Price 11", { size: 11, fontWeight: 600, letterSpacing: 0.4, lineHeight: 16 });
-    k.component("Course", { gap: 3, width: 294, align: "CENTER", props: { Course: "COURSE", Dish: "Dish", Note: "How it comes" } }, (id) => {
-      k.propText(id, "Course", { style: "Course 8", color: "onPaper", align: "CENTER", width: "FILL", name: "Course name" });
-      k.propText(id, "Dish", { style: "Dish 14", color: "text", align: "CENTER", width: "FILL", name: "Dish" });
-      k.propText(id, "Note", { style: "Note 10", color: "onPaper", align: "CENTER", width: "FILL", name: "Note" });
-    });
-    flourishComponent(k, "Heart rule", "primary", heart(0, 0, 10), { rule: 30, size: 8 });
-    const sheet = k.sheet;
-    const { width: W, height: H } = k.node(sheet);
-    k.flowSheet(sheet, 0, PAD, "paper", "MIN", "CENTER");
-    draw(k, sheet, art(W, H));
-    const c = { align: "CENTER", width: "FILL" };
-    k.text(sheet, "SATURDAY 13 & SUNDAY 14 FEBRUARY", { style: "Kicker 9", color: "onPaper", ...c, name: "Kicker" });
-    k.stack(sheet, { height: 8, name: "Gap" });
-    k.text(sheet, "A supper for two", { style: "Title 34", color: "text", ...c, name: "Title" });
-    k.text(sheet, "Valentine\u2019s at {{brand.name}}", { style: "Date 11", color: "onPaper", ...c, name: "Sub" });
-    k.stack(sheet, { height: 18, name: "Gap" });
-    for (const [i, [course, dish, note]] of COURSES.entries()) {
-      k.instance(sheet, "Course", { Course: course, Dish: dish, Note: note }, { name: "Course", width: "FILL" });
-      if (i < COURSES.length - 1) {
-        k.stack(sheet, { height: 10, name: "Gap" });
-        k.rect(sheet, 40, 1, "line", { name: "Hairline" });
-        k.stack(sheet, { height: 10, name: "Gap" });
-      }
-    }
-    k.stack(sheet, { height: 20, name: "Gap" });
-    k.instance(sheet, "Heart rule", {}, { name: "Divider" });
-    k.stack(sheet, { height: 10, name: "Gap" });
-    k.text(sheet, "$85 per person \xB7 wine pairing $40", { style: "Price 11", color: "text", ...c, name: "Price" });
-    k.text(sheet, "Please tell us about any allergies. Sittings at 6 and 8:30.", { style: "Note 10", color: "onPaper", ...c, name: "Allergies" });
-    return k.finish();
-  }
-});
-
-export {
-  holidays_valentines_dinner_menu_default
-};

package/dist/chunks/chunk-VPZ6GAE3.js

@@ -1,112 +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 {
-  keyEverySize,
-  sourceLine
-} from "./chunk-VYN2LXUO.js";
-import {
-  titleSafe
-} from "./chunk-ZQ3NVLO2.js";
-import {
-  logoBadge,
-  outro
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-PMGFSLPU.js";
-import {
-  Kit,
-  preset
-} from "./chunk-OFAIOFJQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/data/bars.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MONTHS = [["Jan", 14], ["Feb", 22], ["Mar", 38], ["Apr", 52], ["May", 64], ["Jun", 70], ["Jul", 72], ["Aug", 61], ["Sep", 45], ["Oct", 30], ["Nov", 17], ["Dec", 11]];
-var SOURCE = "Sunny Hill Solar Co-op \xB7 metered output, 480 kW array";
-var TOTAL = MONTHS.reduce((s, [, v]) => s + v, 0);
-var PLOT = 560;
-var px = (v) => Math.round(v / 72 * PLOT);
-var BAR_AT = 700;
-var BAR_GAP = 80;
-var BAR_MS = 700;
-var counts = [
-  { layer: "Total", at: 500, duration: 2200, counter: { from: 0, to: TOTAL, suffix: " MWh", separator: "," } },
-  ...MONTHS.map(([m, v], i) => ({ layer: `${m} value`, at: BAR_AT + i * BAR_GAP, duration: BAR_MS, counter: { from: 0, to: v } }))
-];
-var cues = [
-  { layer: "Logo", preset: "pop-in", at: 0 },
-  { layer: "Title", preset: "words-in", at: 100, params: { duration: 600, amount: 70 } },
-  { layer: "Total", preset: "fade-in", at: 400 },
-  { layer: "Month", preset: "fade-in", at: 450, params: { duration: 300 }, stagger: { delay: 30 } },
-  { layer: "Bar", preset: "wipe-in", at: BAR_AT, params: { direction: "up", duration: BAR_MS }, stagger: { delay: BAR_GAP } },
-  { layer: MONTHS.map(([m]) => `${m} value`), preset: "fade-in", at: BAR_AT, params: { duration: 300 }, stagger: { delay: BAR_GAP, order: "selection" } },
-  { layer: "Source", preset: "fade-in", at: 2600 },
-  { layer: "Bar", preset: "wipe-out", at: 7600, params: { direction: "up", duration: 450 }, stagger: { delay: 30 } },
-  outro(["Logo", "Title", "Total", ...MONTHS.map(([m]) => `${m} value`), "Month", "Source"], 7700, { gap: 10 })
-];
-var bars_default = defineTemplate({
-  id: "motion-chart-bars",
-  meta: {
-    name: "Animated bar chart",
-    description: "A solar co-op\u2019s year as twelve bars that grow from the baseline one after another, each figure counting to its value and the total counting up \u2014 9 seconds, 16:9 with a 4:5 cut",
-    category: "animation",
-    tags: ["animation", "data", "chart", "bar chart", "counter", "energy", "report"],
-    platforms: ["linkedin", "instagram", "youtube", "slides"],
-    formats: ["video", "portrait-post", "slide-deck"],
-    useCases: ["stats", "report"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit("Animated bar chart", preset("video-1080p"));
-    k.brand(
-      { paper: "#FFFBF2", text: "#1C2230", onPaper: "#5A6275", primary: "#F2A516", onPrimary: "#1C2230", accent: "#1C2230", badge: "#1C2230" },
-      { title: "What our roof made in 2026" }
-    );
-    k.textStyle("Title 72", { size: 72, fontWeight: 900, letterSpacing: -2, lineHeight: 80 });
-    k.textStyle("Total 72", { size: 72, fontWeight: 900, letterSpacing: -2, lineHeight: 80, textAlign: "RIGHT" });
-    k.textStyle("Value 30", { size: 30, fontWeight: 800, lineHeight: 36, textAlign: "CENTER" });
-    k.textStyle("Month 26", { size: 26, fontWeight: 600, lineHeight: 32, textAlign: "CENTER" });
-    k.textStyle("Source 24", { size: 24, fontWeight: 500, lineHeight: 30 });
-    sourceLine(k, { dot: "primary", ink: "onPaper", style: "Source 24", text: SOURCE });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 40, titleSafe(), "paper", "SPACE_BETWEEN", "MIN");
-    k.timeline(sheet, { duration: 9e3, fps: 30 });
-    const head = k.stack(sheet, { direction: "HORIZONTAL", gap: 32, align: "CENTER", name: "Header" });
-    logoBadge(k, head, { fill: "badge", size: 56, name: "Logo" });
-    k.text(head, "{{brand.title}}", { style: "Title 72", color: "text", name: "Title", width: 1e3 });
-    k.text(head, `${TOTAL} MWh`, { style: "Total 72", color: "text", name: "Total", width: "FILL" });
-    const chart = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "MAX", name: "Chart" });
-    for (const [m, v] of MONTHS) {
-      const col = k.stack(chart, { width: 104, gap: 10, align: "CENTER", name: "Column" });
-      k.text(col, String(v), { style: "Value 30", color: "text", name: `${m} value` });
-      k.rect(col, 72, px(v), "primary", { radius: 12, name: "Bar" });
-      k.text(col, m, { style: "Month 26", color: "onPaper", name: "Month" });
-    }
-    k.instance(sheet, "Source line", { Source: SOURCE }, { name: "Source" });
-    keyEverySize(k, sheet, [{
-      preset: "ig-portrait",
-      adjust: (kit, id) => {
-        kit.patch(id, { padding: { top: 88, right: 72, bottom: 88, left: 72 }, primaryAxisAlignItems: "CENTER", itemSpacing: 64, counterAxisSpacing: 64 });
-        for (const h of kit.named(id, "Header")) kit.patch(h, { layoutMode: "VERTICAL", counterAxisAlignItems: "MIN", itemSpacing: 20 });
-        for (const t of kit.named(id, "Title")) kit.patch(t, { layoutSizingHorizontal: "FILL" });
-        for (const t of kit.named(id, "Total")) kit.patch(t, { textAlign: "LEFT" });
-        for (const c of kit.named(id, "Column")) kit.patch(c, { width: 76 });
-        for (const b of kit.named(id, "Bar")) kit.patch(b, { width: 52, cornerRadius: 10 });
-      }
-    }], cues, counts);
-    return k.finish();
-  }
-});
-
-export {
-  bars_default
-};

package/dist/chunks/chunk-VRCNE6CW.js

@@ -1,454 +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 {
-  flattenPaths,
-  getWorldTransform,
-  init_flatten,
-  init_scene_graph,
-  unmirroredMatrix
-} from "./chunk-6A35KZYG.js";
-import {
-  init_shape_to_path,
-  shapeToVectorPath
-} from "./chunk-HJCL5HTJ.js";
-import {
-  apply,
-  init_transform,
-  invert,
-  multiply
-} from "./chunk-X53QDCNX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// lib/engine/text/text-path.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-init_scene_graph();
-init_transform();
-init_shape_to_path();
-init_flatten();
-function polylineOf(pts, closed) {
-  const cum = [0];
-  for (let i = 2; i < pts.length; i += 2) cum.push(cum[cum.length - 1] + Math.hypot(pts[i] - pts[i - 2], pts[i + 1] - pts[i - 1]));
-  return { pts, cum, length: cum[cum.length - 1], closed };
-}
-function pointAt(p, s, extend = false) {
-  const n = p.cum.length;
-  if (n < 2 || p.length <= 0) return { x: p.pts[0] ?? 0, y: p.pts[1] ?? 0, angle: 0 };
-  let over = 0;
-  if (p.closed) s = (s % p.length + p.length) % p.length;
-  else if (s < 0) {
-    over = extend ? s : 0;
-    s = 0;
-  } else if (s > p.length) {
-    over = extend ? s - p.length : 0;
-    s = p.length;
-  }
-  let lo = 0, hi = n - 1;
-  while (hi - lo > 1) {
-    const mid = lo + hi >> 1;
-    if (p.cum[mid] <= s) lo = mid;
-    else hi = mid;
-  }
-  while (hi < n - 1 && p.cum[hi] - p.cum[lo] <= 0) hi++;
-  while (lo > 0 && p.cum[hi] - p.cum[lo] <= 0) lo--;
-  const seg = p.cum[hi] - p.cum[lo];
-  const t = seg > 0 ? (s - p.cum[lo]) / seg : 0;
-  const x0 = p.pts[lo * 2], y0 = p.pts[lo * 2 + 1], x1 = p.pts[hi * 2], y1 = p.pts[hi * 2 + 1];
-  const angle = Math.atan2(y1 - y0, x1 - x0);
-  const x = x0 + (x1 - x0) * t, y = y0 + (y1 - y0) * t;
-  return over ? { x: x + Math.cos(angle) * over, y: y + Math.sin(angle) * over, angle } : { x, y, angle };
-}
-function reseamAt(p, s) {
-  if (!p.closed || p.length <= 0) return p.pts;
-  s = (s % p.length + p.length) % p.length;
-  const n = p.cum.length;
-  let i = 0;
-  while (i < n - 2 && p.cum[i + 1] <= s) i++;
-  const at = pointAt(p, s);
-  const out = [at.x, at.y];
-  for (let k = 1; k < n; k++) {
-    const j = (i + k) % (n - 1);
-    out.push(p.pts[j * 2], p.pts[j * 2 + 1]);
-  }
-  out.push(at.x, at.y);
-  return out;
-}
-function reversePolyline(p) {
-  const out = [];
-  for (let i = p.pts.length - 2; i >= 0; i -= 2) out.push(p.pts[i], p.pts[i + 1]);
-  return polylineOf(out, p.closed);
-}
-function bboxOf(pts) {
-  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-  for (let i = 0; i < pts.length; i += 2) {
-    if (pts[i] < minX) minX = pts[i];
-    if (pts[i] > maxX) maxX = pts[i];
-    if (pts[i + 1] < minY) minY = pts[i + 1];
-    if (pts[i + 1] > maxY) maxY = pts[i + 1];
-  }
-  return { minX, minY, maxX, maxY };
-}
-function normalizeClosed(pts) {
-  let n = pts.length / 2;
-  if (n >= 2 && pts[0] === pts[pts.length - 2] && pts[1] === pts[pts.length - 1]) n--;
-  if (n < 3) return pts;
-  const ring = pts.slice(0, n * 2);
-  let area = 0;
-  for (let i = 0; i < n; i++) {
-    const j = (i + 1) % n;
-    area += ring[i * 2] * ring[j * 2 + 1] - ring[j * 2] * ring[i * 2 + 1];
-  }
-  if (area < 0) {
-    const rev = [];
-    for (let i = n - 1; i >= 0; i--) rev.push(ring[i * 2], ring[i * 2 + 1]);
-    ring.splice(0, ring.length, ...rev);
-  }
-  const { minX, maxX } = bboxOf(ring);
-  const cx = (minX + maxX) / 2;
-  let bestY = Infinity, bestSeg = -1, bestX = cx;
-  for (let i = 0; i < n; i++) {
-    const j = (i + 1) % n;
-    const x0 = ring[i * 2], y0 = ring[i * 2 + 1], x1 = ring[j * 2], y1 = ring[j * 2 + 1];
-    if ((x0 - cx) * (x1 - cx) > 0 || x0 === x1 && x0 !== cx) continue;
-    const t = x1 === x0 ? 0 : (cx - x0) / (x1 - x0);
-    const y = y0 + (y1 - y0) * t;
-    if (y < bestY) {
-      bestY = y;
-      bestSeg = i;
-      bestX = x0 + (x1 - x0) * t;
-    }
-  }
-  if (bestSeg < 0) return [...ring, ring[0], ring[1]];
-  const out = [bestX, bestY];
-  for (let k = 1; k <= n; k++) {
-    const i = (bestSeg + k) % n;
-    const x = ring[i * 2], y = ring[i * 2 + 1];
-    if (x !== out[out.length - 2] || y !== out[out.length - 1]) out.push(x, y);
-  }
-  out.push(bestX, bestY);
-  return out;
-}
-function arcPolyline(lineWidth, bend) {
-  const b = Math.max(-100, Math.min(100, bend)) / 100;
-  const w = Math.max(1, lineWidth);
-  if (Math.abs(b) < 1e-3) return polylineOf([0, 0, w, 0], false);
-  const sweep = Math.abs(b) * Math.PI * 2;
-  const r = w / sweep;
-  const steps = Math.max(8, Math.ceil(sweep * 24));
-  const pts = [];
-  const mirror = b > 0 ? 1 : -1;
-  const start = -Math.PI / 2 - sweep / 2;
-  for (let i = 0; i <= steps; i++) {
-    const a = start + sweep * (i / steps);
-    pts.push(r * Math.cos(a), r * Math.sin(a) * mirror);
-  }
-  return polylineOf(pts, Math.abs(b) >= 0.999);
-}
-function circlePolyline(radius) {
-  const r = Math.max(1, radius);
-  const steps = Math.max(48, Math.min(720, Math.ceil(r / 2)));
-  const pts = [];
-  for (let i = 0; i <= steps; i++) {
-    const a = -Math.PI / 2 + Math.PI * 2 * i / steps;
-    pts.push(r + r * Math.cos(a), r + r * Math.sin(a));
-  }
-  return polylineOf(pts, true);
-}
-var defaultCircleRadius = (lineWidth) => Math.max(8, lineWidth / (Math.PI * 2 * 0.8));
-function wavePolyline(lineWidth, amplitude, frequency) {
-  const len = Math.max(1, lineWidth), amp = Math.max(0, amplitude), f = Math.max(0.1, Math.min(20, frequency));
-  const build = (w2) => {
-    const steps = Math.max(32, Math.ceil(f * 48));
-    const pts = [];
-    for (let i = 0; i <= steps; i++) {
-      const x = w2 * i / steps;
-      pts.push(x, -amp * Math.sin(Math.PI * 2 * f * x / w2));
-    }
-    return polylineOf(pts, false);
-  };
-  let w = len, p = build(w);
-  for (let k = 0; k < 6 && Math.abs(p.length - len) > 0.25; k++) {
-    w *= len / p.length;
-    p = build(w);
-  }
-  return p;
-}
-function nodeOutlineInTextSpace(nodes, textId, shapeId) {
-  const shape = nodes[shapeId], text = nodes[textId];
-  if (!shape || !text || shapeId === textId) return null;
-  const vps = shape.type === "VECTOR" ? shape.paths ?? [] : [shapeToVectorPath(shape)].filter(Boolean);
-  const withPoints = vps.filter((vp) => vp && vp.points?.length);
-  if (!withPoints.length) return null;
-  const pw = getWorldTransform({ nodes }, shapeId), tw = getWorldTransform({ nodes }, textId);
-  const toText = invert(unmirroredMatrix(tw, text.width, text.height));
-  if (!toText) return null;
-  const m = multiply(toText, unmirroredMatrix(pw, shape.width, shape.height));
-  const out = [];
-  for (const vp of withPoints) {
-    const flat = flattenPaths([vp])[0];
-    if (!flat || flat.length < 4) continue;
-    const pts = [];
-    for (let i = 0; i < flat.length; i += 2) pts.push(...apply(m, flat[i], flat[i + 1]));
-    const closed = !!vp.closed;
-    if (closed && (pts[0] !== pts[pts.length - 2] || pts[1] !== pts[pts.length - 1])) pts.push(pts[0], pts[1]);
-    out.push({ pts, closed });
-  }
-  return out.length ? out : null;
-}
-function nodePathPolyline(nodes, textId, pathId) {
-  const first = nodeOutlineInTextSpace(nodes, textId, pathId)?.[0];
-  if (!first) return null;
-  return polylineOf(first.closed ? normalizeClosed(first.pts) : first.pts, first.closed);
-}
-function attachTextPath(node, nodes) {
-  const t = node;
-  const tp = t.textPath;
-  if (tp?.mode === "PATH" && tp.pathId) {
-    const poly = nodePathPolyline(nodes, t.id, tp.pathId);
-    return { ...node, textPathPolyline: poly?.pts ?? null, textPathClosed: poly?.closed ?? false };
-  }
-  if (!tp && t.textArea?.shapeId) {
-    const rings = nodeOutlineInTextSpace(nodes, t.id, t.textArea.shapeId)?.filter((r) => r.closed).map((r) => r.pts) ?? null;
-    return { ...node, textAreaRings: rings?.length ? rings : null };
-  }
-  return node;
-}
-function polylineFor(node, lineWidth) {
-  const tp = node.textPath;
-  if (!tp) return null;
-  switch (tp.mode) {
-    case "ARC":
-      return Math.abs(tp.bend ?? 0) < 1e-3 ? null : arcPolyline(lineWidth, tp.bend ?? 0);
-    case "CIRCLE":
-      return circlePolyline(tp.radius ?? defaultCircleRadius(lineWidth));
-    case "WAVE":
-      return wavePolyline(lineWidth, tp.amplitude ?? (node.fontSize ?? 16) * 0.5, tp.frequency ?? 1.5);
-    default:
-      return node.textPathPolyline && node.textPathPolyline.length >= 4 ? polylineOf(node.textPathPolyline, !!node.textPathClosed) : null;
-  }
-}
-var ownsPath = (tp) => !!tp && tp.mode !== "PATH";
-function bracketRange(tp, path) {
-  const L = path.length;
-  const start = (tp.offset ?? 0) * L;
-  if (path.closed) {
-    let end2 = tp.endOffset === void 0 ? start + L : tp.endOffset * L;
-    while (end2 <= start + 1e-6) end2 += L;
-    while (end2 > start + L + 1e-6) end2 -= L;
-    return [start, end2];
-  }
-  const end = Math.max(start, Math.min(L, (tp.endOffset ?? 1) * L));
-  return [Math.max(0, Math.min(L, start)), end];
-}
-function effectLinear(effect, angle, at, center) {
-  const c = Math.cos(angle), s = Math.sin(angle);
-  switch (effect) {
-    // Vertical edges stay vertical, the baseline follows the tangent.
-    case "SKEW":
-      return [c, s, 0, 1];
-    // Horizontal edges stay horizontal (foreshortened as the path turns away), vertical ones stand on the normal.
-    case "RIBBON":
-      return [c, 0, -s, c];
-    // Upright, unturned: each letter's baseline start sits on the path.
-    case "STAIR":
-      return [1, 0, 0, 1];
-    // Vertical edges point at the path's centre.
-    case "GRAVITY": {
-      const dx = center[0] - at.x, dy = center[1] - at.y, d = Math.hypot(dx, dy);
-      return d > 1e-6 ? [c, s, dx / d, dy / d] : [c, s, -s, c];
-    }
-    default:
-      return [c, s, -s, c];
-  }
-}
-var mapPoint = (m, px, py, x, y) => [px + m[0] * x + m[2] * y, py + m[1] * x + m[3] * y];
-function lineOf(lines, index) {
-  let lo = 0, hi = lines.length - 1;
-  while (lo < hi) {
-    const mid = lo + hi + 1 >> 1;
-    if (lines[mid].startIndex <= index) lo = mid;
-    else hi = mid - 1;
-  }
-  return lo;
-}
-function applyTextPath(layout, path, tp, rebase = true) {
-  const effect = tp.effect ?? "RAINBOW";
-  const flip = !!tp.flip;
-  const L = path.length;
-  const range = bracketRange(tp, path);
-  const poly = flip ? reversePolyline(path) : path;
-  const [s0, s1] = flip ? [L - range[1], L - range[0]] : range;
-  const avail = s1 - s0;
-  const clip = tp.overflow !== "VISIBLE";
-  const bb = bboxOf(path.pts);
-  const center = [(bb.minX + bb.maxX) / 2, (bb.minY + bb.maxY) / 2];
-  let ascent = 0, descent = 0;
-  for (const g of layout.instances) {
-    const f = g.font;
-    const s = g.unitScale ?? 0;
-    ascent = Math.max(ascent, f?.ascent && s ? f.ascent * s : g.fontSize * 0.8);
-    descent = Math.max(descent, f?.descent && s ? -f.descent * s : g.fontSize * 0.2);
-  }
-  const placementDown = tp.placement === "ASCENDER" ? ascent : tp.placement === "DESCENDER" ? -descent : tp.placement === "CENTER" ? (ascent - descent) / 2 : 0;
-  const down0 = placementDown - (tp.baselineShift ?? 0);
-  const spacing = tp.spacing ?? 0;
-  const glyphText = layout.glyphs ?? [];
-  const srcLines = layout.lines.length ? layout.lines : [{ startIndex: 0, endIndex: layout.instances.length, width: layout.contentWidth, height: 0, x: 0, y: 0, isNewParagraph: true }];
-  const firstBaseline = srcLines[0].y + srcLines[0].height * 0.8;
-  const lines = srcLines.map((line) => {
-    let n = 0;
-    for (let i = line.startIndex; i < Math.min(line.endIndex, glyphText.length); i++) if (glyphText[i].char !== "\n") n++;
-    if (!glyphText.length) n = line.endIndex - line.startIndex;
-    const w = line.width;
-    const natural = w + spacing * Math.max(0, n - 1);
-    let gap = spacing, base = s0;
-    if (tp.align === "JUSTIFY" && n > 1) gap = Math.max(-(w / n) * 0.6, spacing + (avail - natural) / (n - 1));
-    else if (tp.align === "CENTER" || tp.align === "JUSTIFY" && n <= 1) base = s0 + (avail - natural) / 2;
-    else if (tp.align === "RIGHT") base = s1 - natural;
-    return { startIndex: line.startIndex, endIndex: line.endIndex, base, gap, x0: line.x, down: down0 + (line.y + line.height * 0.8 - firstBaseline) };
-  });
-  const instances = [];
-  let overflow = false;
-  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-  for (const g of layout.instances) {
-    const li = lineOf(srcLines, g.index ?? 0);
-    const pl = lines[li];
-    if (!pl) continue;
-    const pen = g.penX ?? g.x;
-    const baseline = g.baseline ?? g.y + g.height;
-    const adv = (g.index !== void 0 ? layout.glyphAdvances[g.index] : void 0) ?? g.width;
-    const k = Math.max(0, (g.index ?? pl.startIndex) - pl.startIndex);
-    const xr = pen - pl.x0;
-    const startArc = pl.base + xr + pl.gap * k;
-    if (clip && (startArc < s0 - 0.5 || startArc + adv > s1 + 0.5)) {
-      overflow = true;
-      continue;
-    }
-    const anchor = effect === "STAIR" ? 0 : adv / 2;
-    const at = pointAt(poly, startArc + anchor, !clip);
-    const m = effectLinear(effect, at.angle, at, center);
-    const ox = g.x - pen - anchor, oy = g.y - baseline + pl.down;
-    const [x, y] = mapPoint(m, at.x, at.y, ox, oy);
-    const [px, py] = mapPoint(m, at.x, at.y, -anchor, pl.down);
-    instances.push(effect === "RAINBOW" ? { ...g, x, y, angle: at.angle, xform: void 0, penX: px, baseline: py } : { ...g, x, y, angle: at.angle, xform: m, penX: px, baseline: py });
-    for (const [cx, cy] of [[ox, oy], [ox + g.width, oy], [ox, oy + g.height], [ox + g.width, oy + g.height]]) {
-      const [wx, wy] = mapPoint(m, at.x, at.y, cx, cy);
-      if (wx < minX) minX = wx;
-      if (wx > maxX) maxX = wx;
-      if (wy < minY) minY = wy;
-      if (wy > maxY) maxY = wy;
-    }
-  }
-  if (!instances.length) {
-    minX = center[0];
-    maxX = center[0];
-    minY = center[1];
-    maxY = center[1];
-  }
-  const dx = rebase ? minX : 0, dy = rebase ? minY : 0;
-  if (dx || dy) for (const g of instances) {
-    g.x -= dx;
-    g.y -= dy;
-    g.penX -= dx;
-    g.baseline -= dy;
-  }
-  const shift = (pts) => dx || dy ? pts.map((v, i) => v - (i % 2 ? dy : dx)) : pts;
-  const pathMap = {
-    pts: shift(poly.pts),
-    closed: poly.closed,
-    basePts: shift(path.pts),
-    range,
-    flip,
-    effect,
-    lines,
-    ascent,
-    descent,
-    center: [center[0] - dx, center[1] - dy]
-  };
-  return {
-    ...layout,
-    instances,
-    decorations: [],
-    contentWidth: maxX - minX,
-    contentHeight: maxY - minY,
-    overflow,
-    pathMap,
-    pathBox: { x: minX - dx, y: minY - dy, width: maxX - minX, height: maxY - minY }
-  };
-}
-
-// lib/engine/text/text-area.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function insideAt(rings, y) {
-  const xs = [];
-  for (const r of rings) {
-    const n = r.length / 2;
-    for (let i = 0; i < n; i++) {
-      const j = (i + 1) % n;
-      const y0 = r[i * 2 + 1], y1 = r[j * 2 + 1];
-      if (y0 <= y && y1 > y || y1 <= y && y0 > y) {
-        const x0 = r[i * 2], x1 = r[j * 2];
-        xs.push(x0 + (y - y0) / (y1 - y0) * (x1 - x0));
-      }
-    }
-  }
-  xs.sort((a, b) => a - b);
-  const out = [];
-  for (let i = 0; i + 1 < xs.length; i += 2) if (xs[i + 1] > xs[i]) out.push({ left: xs[i], right: xs[i + 1] });
-  return out;
-}
-function intersect(a, b) {
-  const out = [];
-  let i = 0, j = 0;
-  while (i < a.length && j < b.length) {
-    const l = Math.max(a[i].left, b[j].left), r = Math.min(a[i].right, b[j].right);
-    if (r > l) out.push({ left: l, right: r });
-    if (a[i].right < b[j].right) i++;
-    else j++;
-  }
-  return out;
-}
-function areaSpan(rings, top, bottom, inset = 0) {
-  const t = top - inset, b = bottom + inset;
-  const ys = [t, t + (b - t) * 0.25, (t + b) / 2, t + (b - t) * 0.75, b];
-  for (const r of rings) for (let i = 1; i < r.length; i += 2) if (r[i] > t && r[i] < b) ys.push(r[i]);
-  let spans = null;
-  for (const y of ys) {
-    const at = insideAt(rings, y);
-    spans = spans ? intersect(spans, at) : at;
-    if (!spans.length) return null;
-  }
-  let best = null;
-  for (const s of spans ?? []) {
-    const l = s.left + inset, r = s.right - inset;
-    if (r - l > 0 && (!best || r - l > best.right - best.left)) best = { left: l, right: r };
-  }
-  return best;
-}
-function areaBounds(rings) {
-  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-  for (const r of rings) for (let i = 0; i < r.length; i += 2) {
-    if (r[i] < minX) minX = r[i];
-    if (r[i] > maxX) maxX = r[i];
-    if (r[i + 1] < minY) minY = r[i + 1];
-    if (r[i + 1] > maxY) maxY = r[i + 1];
-  }
-  return Number.isFinite(minX) ? { x: minX, y: minY, width: maxX - minX, height: maxY - minY } : { x: 0, y: 0, width: 0, height: 0 };
-}
-
-export {
-  polylineOf,
-  reseamAt,
-  nodeOutlineInTextSpace,
-  attachTextPath,
-  polylineFor,
-  ownsPath,
-  applyTextPath,
-  areaSpan,
-  areaBounds
-};