@popcraft/kit 0.27.0 → 0.28.0

package/dist/chunks/chunk-CE4Y24RT.js

@@ -1,134 +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 {
-  bauble,
-  disc,
-  draw,
-  holly,
-  polyP,
-  printVariant,
-  snowflake,
-  specksIn,
-  starPath
-} from "./chunk-AISWLDDO.js";
-import {
-  SERIF
-} from "./chunk-X23ZWFW2.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/print/holidays-christmas-gift-tags.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Christmas gift tags sticker sheet";
-var PAD = { top: 54, right: 60, bottom: 40, left: 60 };
-var D = 196;
-var MOTIFS = ["Tree", "Bauble", "Snowflake", "Holly"];
-var LOOK = {
-  Tree: { ground: "tagGreen", ink: "cream", art: "pineLight", art2: "gold", words: "cream" },
-  Bauble: { ground: "tagRed", ink: "cream", art: "gold", art2: "cream", words: "cream" },
-  Snowflake: { ground: "tagCream", ink: "red", art: "red", art2: "green", words: "red" },
-  Holly: { ground: "tagCream", ink: "green", art: "green", art2: "red", words: "green" }
-};
-function motif(m, cx, cy) {
-  const L = LOOK[m];
-  if (m === "Tree") {
-    const tiers = [0, 1, 2].map((i) => polyP([{ x: cx, y: cy - 38 + i * 17 }, { x: cx + 22 + i * 10, y: cy - 8 + i * 19 }, { x: cx - 22 - i * 10, y: cy - 8 + i * 19 }]));
-    return [
-      { name: "Tree", paths: tiers, color: L.art },
-      { name: "Trunk", paths: [polyP([{ x: cx - 5, y: cy + 30 }, { x: cx + 5, y: cy + 30 }, { x: cx + 5, y: cy + 40 }, { x: cx - 5, y: cy + 40 }])], color: "bark" },
-      { name: "Top star", paths: [starPath(cx, cy - 40, 9, 3.8)], color: L.art2 },
-      { name: "Lights", paths: [[-8, -18], [9, -10], [-16, 2], [8, 8], [-4, 20], [20, 24], [-24, 26], [2, -2]].map(([x, y]) => disc(cx + x, cy + y, 2.8)), color: L.art2 },
-      { name: "Garland", paths: [[-14, -4, 16, -12], [-22, 14, 26, 6], [-30, 34, 32, 26]].map(([a, b, c, d]) => ({ closed: false, points: [{ x: cx + a, y: cy + b }, { x: cx + c, y: cy + d, handleIn: { x: cx + (a + c) / 2, y: cy + (b + d) / 2 + 7 } }] })), color: L.ink, o: { strokeWidth: 1.2, opacity: 0.8 } }
-    ];
-  }
-  if (m === "Bauble") {
-    const b = bauble(cx, cy - 48, 34, { string: 2 });
-    return [
-      { name: "Bauble", paths: b.body, color: L.art },
-      { name: "Bauble shade", paths: b.shade, color: "goldDeep", o: { opacity: 0.5 } },
-      { name: "Bauble bands", paths: b.band, color: L.art2, o: { strokeWidth: 2 } },
-      { name: "Bauble cap", paths: b.cap, color: "goldDeep" },
-      { name: "Bauble shine", paths: b.shine, color: L.art2, o: { opacity: 0.7 } }
-    ];
-  }
-  if (m === "Snowflake") return [
-    { name: "Snowflake", paths: snowflake(cx, cy, 40), color: L.art, o: { strokeWidth: 3.2 } },
-    { name: "Snow dots", paths: [0, 1, 2, 3, 4, 5].map((i) => disc(cx + Math.cos(i * Math.PI / 3 + Math.PI / 6) * 30, cy + Math.sin(i * Math.PI / 3 + Math.PI / 6) * 30, 2.6)), color: L.art2 },
-    { name: "Snowflake heart", paths: [disc(cx, cy, 5)], color: L.art2 }
-  ];
-  return [
-    { name: "Holly", paths: [holly({ x: cx - 4, y: cy + 4 }, 48, Math.PI + 0.45), holly({ x: cx + 4, y: cy + 4 }, 48, -0.45), holly({ x: cx, y: cy + 6 }, 34, Math.PI / 2 + 0.1)], color: L.art },
-    { name: "Berries", paths: [disc(cx - 7, cy - 2, 7), disc(cx + 7, cy - 3, 7), disc(cx, cy + 9, 7)], color: L.art2 }
-  ];
-}
-function paper(w, h) {
-  const B = 12;
-  return [0, 1, 2, 3].map((i) => {
-    const band = { x: -B, y: -B + (h + 2 * B) * i / 4, w: w + 2 * B, h: (h + 2 * B) / 4 };
-    return { name: "Fibre", paths: specksIn(band, 260, 21 + i, 2.2), color: "fibre", o: { opacity: 0.45 } };
-  });
-}
-var holidays_christmas_gift_tags_default = defineTemplate({
-  id: "print-holidays-christmas-gift-tags",
-  meta: {
-    name: NAME,
-    description: "Twelve round Christmas gift tags on one sheet, to print on sticker paper or card and cut out: a layered pine tree, a striped bauble, a snowflake and a sprig of holly in red, green and cream, each with a stitched ring and \u201CTo\u201D and \u201CFrom\u201D lines. One component set, so a colour change reaches every tag. US Letter on kraft paper with bleed, and an A4 copy",
-    category: "sticker",
-    tags: ["christmas", "gift tags", "labels", "stickers", "sticker sheet", "presents", "wrapping", "printable", "holly", "snowflake", "kraft", "diy", "print"],
-    platforms: ["print"],
-    formats: ["card"],
-    useCases: ["greeting"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit(NAME, preset("us-letter"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#E6D6BC", text: "#4A2B1E", onPaper: "#7A2E25", primary: "#A3312A", onPrimary: "#FFF6E8" },
-      { name: "From the Lindqvist house" }
-    );
-    k.palette({ tagRed: "#A3312A", tagGreen: "#2F5A43", tagCream: "#FBF4E6", red: "#A3312A", green: "#2F5A43", cream: "#FBF4E6", gold: "#D9B356", goldDeep: "#8E6C25", pineLight: "#7FAE86", bark: "#6B4A33", fibre: "#9C7F57" });
-    k.textStyle("Head 30", { ...SERIF, size: 30, fontWeight: 600, fontStyle: "italic", letterSpacing: -0.4, lineHeight: 34 });
-    k.textStyle("Note 11", { size: 11, fontWeight: 500, letterSpacing: 0.4, lineHeight: 16 });
-    k.textStyle("Tag 13", { ...SERIF, size: 13, fontWeight: 600, fontStyle: "italic", lineHeight: 17 });
-    k.textStyle("Tag word 9", { size: 9, fontWeight: 700, letterSpacing: 2.2, lineHeight: 12 });
-    k.variantSet("Gift tag", "Design", MOTIFS, { width: D, height: D, radius: D / 2, padding: { top: 110, right: 30, bottom: 18, left: 30 }, gap: 4, align: "CENTER", props: { Greeting: "Merry Christmas", To: "To: ____________", From: "From: __________" } }, (m, id) => {
-      const L = LOOK[m];
-      k.vector(id, D - 16, D - 16, [disc((D - 16) / 2, (D - 16) / 2, (D - 16) / 2)], [], { name: "Stitch", absolute: { x: 8, y: 8 }, stroke: { color: L.words, width: 1.4, dash: [5, 4] }, opacity: 0.8 });
-      draw(k, id, motif(m, D / 2, 64));
-      k.propText(id, "Greeting", { style: "Tag 13", color: L.words, align: "CENTER", width: "FILL", name: "Greeting" });
-      k.propText(id, "To", { style: "Tag word 9", color: L.words, align: "CENTER", width: "FILL", name: "To" });
-      k.propText(id, "From", { style: "Tag word 9", color: L.words, align: "CENTER", width: "FILL", name: "From" });
-    }, (m) => ({ fill: LOOK[m].ground }));
-    const sheet = k.sheet;
-    const { width: W, height: H } = k.node(sheet);
-    k.flowSheet(sheet, 18, PAD, "paper", "MIN", "CENTER");
-    draw(k, sheet, paper(W, H));
-    k.text(sheet, "Merry & bright gift tags", { style: "Head 30", color: "text", align: "CENTER", width: "FILL", name: "Title" });
-    const grid = k.stack(sheet, { direction: "HORIZONTAL", wrap: true, gap: 22, width: "FILL", justify: "CENTER", name: "Tags" });
-    k.patch(grid, { counterAxisSpacing: 22 });
-    const greet = ["Merry Christmas", "Joy to you", "Ho ho ho", "Season\u2019s greetings", "Peace & joy", "Merry Christmas", "With love", "Don\u2019t peek!", "Happy holidays", "Be merry", "Noel", "For you, with love"];
-    greet.forEach((g, i) => k.instance(grid, `Gift tag/${MOTIFS[i % 4]}`, { Greeting: g }, { name: "Gift tag" }));
-    k.text(sheet, "Print on full-sheet sticker paper or card and cut round the stitched ring \xB7 {{brand.name}}", { style: "Note 11", color: "text", align: "CENTER", width: "FILL", name: "Note" });
-    k.variants(sheet, [printVariant("a4", { art: paper, pad: PAD, masterWidth: W })]);
-    return k.finish();
-  }
-});
-
-export {
-  holidays_christmas_gift_tags_default
-};

package/dist/chunks/chunk-CEGLKKGE.js

@@ -1,313 +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 {
-  bloom,
-  glow,
-  hardShadow
-} from "./chunk-HVK5T4I5.js";
-import {
-  box,
-  lcg,
-  poly,
-  pt
-} from "./chunk-BNVLVZUT.js";
-import {
-  ease
-} from "./chunk-QFFXZQH5.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/themes/vaporwave-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function vaporBrand(k, fields = {}) {
-  k.brand(
-    {
-      paper: "#082C38",
-      text: "#FFF3DC",
-      onPaper: "#A6ECE0",
-      primary: "#FF2E88",
-      onPrimary: "#2B0016",
-      accent: "#FF9E2C",
-      onAccent: "#2B1200",
-      secondary: "#19D3C5",
-      onSecondary: "#04282B",
-      card: "#F1E8D8",
-      onCard: "#12313A"
-    },
-    { name: "Dotmall", url: "dotmall.example", ...fields }
-  );
-  k.palette({ dusk: "#0A2A3C", night: "#04141D", floor: "#06202B", sun: "#FFD45E", hi: "#FFFFFF", shade: "#000000", marble: "#F6F1EA", marbleShade: "#8FB3BC", tile: "#FFB3D1" });
-}
-var disc = (cx, cy, rx, ry = rx, n = 20) => poly(Array.from({ length: n }, (_, i) => [cx + rx * Math.cos(i / n * Math.PI * 2), cy + ry * Math.sin(i / n * Math.PI * 2)]));
-var BANDS = [[0, 0.5], [0.53, 0.62], [0.66, 0.735], [0.785, 0.845], [0.9, 0.945], [0.985, 1]];
-function sunPaths(d) {
-  const r = d / 2;
-  return BANDS.map(([a, b]) => {
-    const a0 = Math.asin(Math.max(-1, Math.min(1, (a * d - r) / r))), a1 = Math.asin(Math.max(-1, Math.min(1, (b * d - r) / r)));
-    const n = Math.max(3, Math.ceil((a1 - a0) / Math.PI * 40));
-    const arc = Array.from({ length: n + 1 }, (_, i) => a0 + (a1 - a0) * i / n);
-    return poly([...arc.map((t) => [r + r * Math.cos(t), r + r * Math.sin(t)]), ...[...arc].reverse().map((t) => [r - r * Math.cos(t), r + r * Math.sin(t)])]);
-  });
-}
-function sun(k, parent, d, o) {
-  const id = k.frame(parent, { x: o.cx - d / 2, y: o.cy - d / 2, width: d, height: d }, { name: "Sun" });
-  glow(k, id, { x: d / 2, y: d / 2, w: d * 1.9, role: "accent", alpha: 0.5, name: "Sun light" });
-  k.vector(id, d, d, sunPaths(d), "sun", { name: "Sun disc", absolute: { x: 0, y: 0 } });
-  k.vector(id, d, d, sunPaths(d), [k.gradient({ from: "primary", to: "primary", angle: 90, fromOpacity: 0, toOpacity: 1 })], { name: "Sun blush", absolute: { x: 0, y: 0 } });
-  if (o.sink && o.loopMs) k.animate(id, "translateY", o.returns ? [{ t: 0, v: 0, ease: ease.inOut("sine") }, { t: Math.round(o.loopMs / 2), v: o.sink, ease: ease.inOut("sine") }, { t: o.loopMs, v: 0 }] : [{ t: 0, v: 0 }, { t: o.loopMs, v: o.sink }]);
-  return id;
-}
-var ROWS = 12;
-var DEPTH = 8;
-var rowY = (s) => 1 / (1 + (1 - s) * DEPTH);
-function gridFloor(k, parent, w, h, o) {
-  const id = k.frame(parent, { ...o.at, width: w, height: h }, { name: o.name ?? "Floor", clip: true, fill: "floor" });
-  k.rect(id, w, h * 0.7, [k.gradient({ from: "primary", to: "primary", angle: 90, fromOpacity: 0.7, toOpacity: 0 })], { name: "Horizon light", absolute: { x: 0, y: 0 } });
-  const weight = o.weight ?? Math.max(1.5, w / 400);
-  const spread = o.spread ?? w / 5;
-  const cx = w / 2;
-  const fan = [];
-  for (let j = -14; j <= 14; j++) fan.push({ closed: false, points: [pt(cx + j * spread / (1 + DEPTH), h / (1 + DEPTH)), pt(cx + j * spread, h)] });
-  k.vector(id, w, h, fan, "secondary", { name: "Grid lines", strokeWidth: weight, absolute: { x: 0, y: 0 }, effects: [bloom(k, "secondary", weight * 5, 0.7)] });
-  for (let i = 0; i < ROWS; i++) {
-    const y = rowY(i / ROWS) * h;
-    const line = k.rect(id, w, weight * (0.7 + 1.3 * (i / ROWS)), "secondary", { name: "Grid row", absolute: { x: 0, y }, effects: [bloom(k, "secondary", weight * 5, 0.7)] });
-    if (!o.cellMs) continue;
-    const keys = Array.from({ length: 7 }, (_, q) => ({ t: q / 6 * o.cellMs, v: rowY((i + q / 6) / ROWS) * h - y }));
-    k.animate(line, "translateY", keys);
-    k.behave(line, "translateY", [{ kind: "loop", mode: "cycle" }]);
-    k.animate(line, "scaleY", [{ t: 0, v: 1 }, { t: o.cellMs, v: (0.7 + 1.3 * ((i + 1) / ROWS)) / (0.7 + 1.3 * (i / ROWS)) }]);
-    k.behave(line, "scaleY", [{ kind: "loop", mode: "cycle" }]);
-  }
-  k.rect(id, w, weight * 1.2, "accent", { name: "Seam", absolute: { x: 0, y: 0 }, effects: [bloom(k, "accent", weight * 8, 0.9)] });
-  return id;
-}
-function checker(k, parent, w, h, cell, color, o = {}) {
-  const paths = [];
-  for (let r = 0; r * cell < h; r++) for (let c = r % 2; c * cell < w; c += 2) paths.push(box(c * cell, r * cell, Math.min(cell, w - c * cell), Math.min(cell, h - r * cell)));
-  return k.vector(parent, w, h, paths, color, { name: o.name ?? "Checker", ...o.absolute ? { absolute: o.absolute } : {}, ...o.opacity !== void 0 ? { opacity: o.opacity } : {} });
-}
-function fitChecker(k, id, w, h, cell) {
-  const paths = [];
-  for (let r = 0; r * cell < h; r++) for (let c = r % 2; c * cell < w; c += 2) paths.push(box(c * cell, r * cell, Math.min(cell, w - c * cell), Math.min(cell, h - r * cell)));
-  k.patch(id, { width: w, height: h, paths });
-}
-function frond(angle, len) {
-  const a = angle * Math.PI / 180;
-  const p1 = [Math.cos(a) * len * 0.55, Math.sin(a) * len * 0.55 - len * 0.18];
-  const p2 = [Math.cos(a) * len, Math.sin(a) * len + len * 0.42];
-  const n = 18;
-  const spine = Array.from({ length: n + 1 }, (_, i) => {
-    const t = i / n;
-    return [2 * (1 - t) * t * p1[0] + t * t * p2[0], 2 * (1 - t) * t * p1[1] + t * t * p2[1]];
-  });
-  const under = spine.map(([x, y], i) => {
-    const t = i / n;
-    const d = len * 0.2 * Math.sin(Math.PI * Math.min(1, t * 1.15)) * (i % 2 ? 1 : 0.3);
-    return [x - Math.cos(a) * d * 0.25, y + d];
-  });
-  const over = spine.map(([x, y], i) => [x, y - len * 0.012 * (1 - i / n)]);
-  return poly([...over, ...under.reverse()]);
-}
-function palm(k, parent, h, o) {
-  const lean = (o.lean ?? 0.16) * h * (o.flip ? -1 : 1);
-  const len = h * 0.42;
-  const pad = len * 1.5;
-  const W = pad * 2, H = h + pad;
-  const id = k.frame(parent, { x: o.x - pad, y: o.base - H, width: W, height: H }, { name: "Palm", ...o.opacity !== void 0 ? { opacity: o.opacity } : {} });
-  const tw = h * 0.045;
-  const n = 12;
-  const mid = (t) => [pad + lean * t * t, H - h * t];
-  const left = Array.from({ length: n + 1 }, (_, i) => {
-    const t = i / n;
-    const [x, y] = mid(t);
-    return [x - tw * (1 - 0.5 * t), y];
-  });
-  const right = Array.from({ length: n + 1 }, (_, i) => {
-    const t = i / n;
-    const [x, y] = mid(t);
-    return [x + tw * (1 - 0.5 * t), y];
-  });
-  k.vector(id, W, H, [poly([...left, ...right.reverse()])], "night", { name: "Trunk", absolute: { x: 0, y: 0 }, effects: [hardShadow(k, "primary", o.flip ? 3 : -3, 0, 0.55)] });
-  const [cx, cy] = mid(1);
-  const crown = k.frame(id, { x: cx - pad, y: cy - pad, width: pad * 2, height: pad * 2 }, { name: "Fronds" });
-  const angles = [-172, -148, -122, -98, -74, -50, -24, 4, 176];
-  k.vector(crown, pad * 2, pad * 2, angles.map((a, i) => {
-    const f = frond(a, len * (0.82 + 0.18 * (i * 7 % 3) / 2));
-    return { ...f, points: f.points.map((p) => pt(p.x + pad, p.y + pad)) };
-  }), "night", { name: "Leaves", absolute: { x: 0, y: 0 }, effects: [hardShadow(k, "primary", 0, -3, 0.5)] });
-  if (o.loopMs) k.behave(crown, "rotation", [{ kind: "sine", amp: 2.2, freq: (o.cycles ?? 2) * 1e3 / o.loopMs, phase: o.phase ?? 0 }]);
-  return id;
-}
-function egg(cx, cy, rx, ry, from = 0, to = 360, n = 28) {
-  return Array.from({ length: n + 1 }, (_, i) => {
-    const a = (from + (to - from) * i / n) * Math.PI / 180;
-    const s = Math.sin(a);
-    return [cx + rx * Math.cos(a) * (1 - 0.2 * Math.max(0, s)), cy + ry * s];
-  });
-}
-function bust(k, parent, h, o) {
-  const u = h / 100;
-  const W = 72 * u;
-  const id = k.frame(parent, { x: o.x - W / 2, y: o.base - h, width: W, height: h }, { name: o.name ?? "Bust", ...o.opacity !== void 0 ? { opacity: o.opacity } : {} });
-  const S = (pts) => poly(pts.map(([x, y]) => [x * u, y * u]));
-  const curls = [];
-  for (let i = 0; i <= 10; i++) {
-    const a = (188 + i * 16.4) * Math.PI / 180;
-    curls.push([36 + 12.6 * Math.cos(a), 31 + 15.2 * Math.sin(a), 3.5]);
-  }
-  for (let i = 0; i <= 6; i++) {
-    const a = (205 + i * 21.6) * Math.PI / 180;
-    curls.push([36 + 8.2 * Math.cos(a), 28.5 + 11 * Math.sin(a), 3.3]);
-  }
-  curls.push([36, 20.5, 3.4], [31.5, 22.5, 3], [40.5, 22.5, 3]);
-  const torso = [[6, 86], [8, 73], [15, 66], [25, 61.5], [30, 59], [42, 59], [47, 61.5], [57, 66], [64, 73], [66, 86], [52, 89], [36, 90], [20, 89]];
-  const marble = [
-    S([[14, 92], [58, 92], [58, 100], [14, 100]]),
-    S([[10, 88], [62, 88], [62, 92], [10, 92]]),
-    S(torso),
-    S([[30, 61], [31, 44], [41, 44], [42, 61]]),
-    S(egg(36, 31, 12.4, 16.2)),
-    S([[23.2, 30], [24.6, 29], [24.6, 37], [23.4, 36]]),
-    S([[48.8, 30], [47.4, 29], [47.4, 37], [48.6, 36]]),
-    ...curls.map(([x, y, r]) => disc(x * u, y * u, r * u))
-  ];
-  k.vector(id, W, h, marble, "marble", { name: "Marble", absolute: { x: 0, y: 0 }, effects: [hardShadow(k, "secondary", -1.6 * u, 0, 0.9), hardShadow(k, "primary", 2 * u, 0.4 * u, 0.9)] });
-  const shade = [
-    S([...egg(36, 31, 12.4, 16.2, -90, 90, 14), [36, 47.2]]),
-    S([[36, 44], [41, 44], [42, 61], [36, 61]]),
-    S([[36, 59], [42, 59], [47, 61.5], [57, 66], [64, 73], [66, 86], [52, 89], [36, 90]]),
-    S([[36, 88], [62, 88], [62, 92], [36, 92]]),
-    S([[36, 92], [58, 92], [58, 100], [36, 100]]),
-    ...curls.filter(([x]) => x > 36.5).map(([x, y, r]) => disc(x * u, y * u, r * u))
-  ];
-  k.vector(id, W, h, shade, "marbleShade", { name: "Shade", absolute: { x: 0, y: 0 }, opacity: 0.5 });
-  const carved = [
-    ...curls.map(([x, y, r]) => disc((x + 0.6) * u, (y + 0.7) * u, r * 0.42 * u, r * 0.42 * u, 10)),
-    // The face: arched brows, lidded blank eyes, the nose's shadow and its foot, two lips and a tendon of the neck.
-    S([[26.6, 29], [28.6, 27.5], [31.4, 27.1], [34.2, 27.8], [34.3, 28.9], [31.4, 28.2], [28.9, 28.5], [27, 29.7]]),
-    S([[45, 29.7], [43.1, 28.5], [40.6, 28.2], [37.7, 28.9], [37.8, 27.8], [40.6, 27.1], [43.4, 27.5], [45.4, 29]]),
-    S([[27.4, 32], [29, 30.7], [31, 30.4], [32.9, 30.9], [34, 32.1], [32.7, 31.6], [31, 31.3], [29.2, 31.5]]),
-    S([[42.8, 31.5], [41, 31.3], [39.3, 31.6], [38, 32.1], [39.1, 30.9], [41, 30.4], [43, 30.7], [44.6, 32]]),
-    S([[28.2, 33], [30.9, 33.5], [33.3, 32.9], [33.2, 33.5], [30.9, 34.2], [28.3, 33.5]]),
-    S([[43.7, 33.5], [41.1, 34.2], [38.8, 33.5], [38.7, 32.9], [41.1, 33.5], [43.8, 33]]),
-    S([[36.9, 28.6], [37.9, 28.6], [39.4, 37.6], [38.6, 39], [36, 39.8], [33.5, 38.9], [33.2, 37.9], [34.2, 37.5], [36, 38.6], [37.5, 37.6]]),
-    S([[32, 42.7], [34.5, 41.7], [36, 42.1], [37.5, 41.7], [40, 42.7], [36, 43.2]]),
-    S([[33.3, 43.7], [38.7, 43.7], [37.6, 45], [34.4, 45]]),
-    S([[32.6, 48.4], [33.3, 48.2], [35.3, 58], [34.6, 58.2]]),
-    S([[31, 58.4], [41, 58.4], [41.4, 59.8], [30.6, 59.8]]),
-    S([[12, 72], [30, 64], [36, 80], [34.6, 80.4], [29, 66.4], [12.6, 73.4]]),
-    S([[60, 72], [42, 64], [36, 80], [37.4, 80.4], [43, 66.4], [59.4, 73.4]]),
-    S([[18, 80], [33, 84.6], [32.6, 85.8], [17.6, 81.2]]),
-    S([[54, 80], [39, 84.6], [39.4, 85.8], [54.4, 81.2]]),
-    S([[10, 91.2], [62, 91.2], [62, 92], [10, 92]])
-  ];
-  k.vector(id, W, h, carved, "marbleShade", { name: "Carving", absolute: { x: 0, y: 0 } });
-  return id;
-}
-function starPaths(w, h, count, seed) {
-  const next = lcg(seed);
-  return Array.from({ length: count }, () => {
-    const s = next() < 0.25 ? 4 : 2;
-    return box(Math.round(next() * (w - 4)), Math.round(next() * next() * h), s, s);
-  });
-}
-function ridgePaths(w, h, seed) {
-  const next = lcg(seed);
-  const pts = [[0, h]];
-  const n = 22;
-  for (let i = 0; i <= n; i++) {
-    const mid = Math.abs(i / n - 0.5) * 2;
-    pts.push([i / n * w, h - h * (0.12 + 0.88 * mid * mid) * (0.45 + 0.55 * next())]);
-  }
-  pts.push([w, h]);
-  return [poly(pts)];
-}
-function mall(k, parent, w, h, o) {
-  const at = o.at ?? { x: 0, y: 0 };
-  const id = k.frame(parent, { ...at, width: w, height: h }, { name: o.name ?? "Mall", clip: true, fill: "dusk" });
-  const hz = o.horizon;
-  k.rect(id, w, hz, [k.gradient({ from: "night", to: "night", angle: 90, fromOpacity: 0.85, toOpacity: 0 })], { name: "Night", absolute: { x: 0, y: 0 } });
-  k.rect(id, w, hz * 0.7, [k.gradient({ from: "primary", to: "primary", angle: 90, fromOpacity: 0, toOpacity: 0.62 })], { name: "Dusk light", absolute: { x: 0, y: hz * 0.3 } });
-  glow(k, id, { x: w / 2, y: hz, w: w * 1.5, h: hz * 0.7, role: "accent", alpha: 0.6, name: "Horizon glow" });
-  if (o.stars !== 0) k.vector(id, w, hz * 0.8, starPaths(w, hz * 0.8, o.stars ?? Math.round(w * hz / 9e3), 11), "hi", { name: "Stars", absolute: { x: 0, y: 0 }, opacity: 0.8 });
-  if (o.sun) sun(k, id, o.sun.d, { cx: o.sun.cx ?? w / 2, cy: o.sun.cy, sink: o.sun.sink, loopMs: o.loopMs, returns: o.sun.returns });
-  const rh = Math.max(18, hz * 0.07);
-  k.vector(id, w, rh, ridgePaths(w, rh, 5), "night", { name: "Ridge", absolute: { x: 0, y: hz - rh + 1 }, effects: [hardShadow(k, "primary", 0, -2, 0.5)] });
-  gridFloor(k, id, w, h - hz, { at: { x: 0, y: hz }, cellMs: o.loopMs ? o.cellMs ?? 1200 : 0 });
-  o.palms?.forEach((p, i) => palm(k, id, p.h, { x: p.x, base: p.base ?? hz + (h - hz) * 0.16, flip: p.flip, loopMs: o.loopMs, cycles: 2 + i % 2, phase: i * 0.31 % 1 }));
-  return id;
-}
-function osButtons(k, style, pad = [12, 26]) {
-  const [v, h] = pad;
-  const d = Math.max(2, Math.round(v / 4));
-  const base = { direction: "HORIZONTAL", width: "HUG", align: "CENTER", padding: { top: v, right: h, bottom: v, left: h }, effects: [hardShadow(k, "shade", d, d, 0.75)] };
-  k.component("OS button", { ...base, fill: "card", stroke: { color: "onCard", width: Math.max(1.5, d / 2), align: "INSIDE", join: "MITER" }, props: { Label: "Cancel" } }, (id) => {
-    k.propText(id, "Label", { style, color: "onCard", autoWidth: true });
-  });
-  k.component("OS button hot", { ...base, fill: "accent", stroke: { color: "onAccent", width: Math.max(1.5, d / 2), align: "INSIDE", join: "MITER" }, props: { Label: "OK" } }, (id) => {
-    k.propText(id, "Label", { style, color: "onAccent", autoWidth: true });
-  });
-}
-function osWindow(k, parent, o) {
-  const b = Math.max(2, Math.round((o.bar ?? 44) / 14));
-  const bar = o.bar ?? 44;
-  const win = k.stack(parent, { width: o.width, fill: "shade", padding: { top: 0, right: b, bottom: b, left: 0 }, effects: [hardShadow(k, "shade", o.shadow ?? b * 4, o.shadow ?? b * 4, 0.42)], name: o.name ?? "Window", ...o.absolute ? { absolute: o.absolute } : {} });
-  const lit = k.stack(win, { fill: "hi", padding: { top: b, right: 0, bottom: 0, left: b }, name: "Bevel" });
-  const face = k.stack(lit, { fill: "card", padding: b * 2, gap: 0, name: "Face" });
-  const title = k.stack(face, { direction: "HORIZONTAL", align: "CENTER", gap: Math.round(bar * 0.25), fill: "primary", padding: { top: Math.round(bar * 0.16), right: Math.round(bar * 0.16), bottom: Math.round(bar * 0.16), left: Math.round(bar * 0.3) }, name: "Title bar" });
-  const q = Math.round(bar * 0.46) / 2.3;
-  k.vector(title, q * 2.3, q * 2.3, [box(0, 0, q, q), box(q * 1.3, q * 1.3, q, q)], "onPrimary", { name: "Icon" });
-  k.text(title, o.title, { style: o.titleStyle, color: "onPrimary", name: "Title" });
-  const s = Math.round(bar * 0.56);
-  const glyphs = [
-    [box(s * 0.25, s * 0.68, s * 0.5, s * 0.12)],
-    [box(s * 0.22, s * 0.22, s * 0.56, s * 0.14), box(s * 0.22, s * 0.22, s * 0.1, s * 0.56), box(s * 0.68, s * 0.22, s * 0.1, s * 0.56), box(s * 0.22, s * 0.7, s * 0.56, s * 0.08)],
-    [poly([[s * 0.22, s * 0.3], [s * 0.3, s * 0.22], [s * 0.78, s * 0.7], [s * 0.7, s * 0.78]]), poly([[s * 0.7, s * 0.22], [s * 0.78, s * 0.3], [s * 0.3, s * 0.78], [s * 0.22, s * 0.7]])]
-  ];
-  const keys = k.stack(title, { direction: "HORIZONTAL", width: "HUG", gap: Math.max(2, s * 0.12), name: "Window buttons" });
-  for (const g of glyphs) {
-    const key = k.stack(keys, { width: s, height: s, fill: "card", effects: [hardShadow(k, "shade", Math.max(1, b / 2), Math.max(1, b / 2), 0.7)], name: "Window button" });
-    k.vector(key, s, s, g, "onCard", { name: "Glyph", absolute: { x: 0, y: 0 } });
-  }
-  const pad = o.pad ?? bar * 0.5;
-  const body = k.stack(face, { gap: o.gap ?? pad * 0.6, padding: { top: pad, right: pad, bottom: pad, left: pad }, align: o.align ?? "MIN", name: "Body" });
-  return { win, body, bar: title };
-}
-function osField(k, parent, o = {}) {
-  const [v, h] = o.pad ?? [12, 16];
-  const well = k.stack(parent, { ...o.width ? { width: o.width } : {}, fill: "shade", padding: { top: 3, right: 0, bottom: 0, left: 3 }, name: o.name ?? "Field" });
-  return k.stack(well, { direction: "HORIZONTAL", align: "CENTER", gap: h * 0.6, fill: "paper", padding: { top: v, right: h, bottom: v, left: h }, ...o.height ? { height: o.height } : {}, name: "Field well" });
-}
-function pointer(k, parent, size, o) {
-  const s = size / 20;
-  const arrow = poly([[0, 0], [0, 16 * s], [4.2 * s, 12.4 * s], [7 * s, 19 * s], [9.8 * s, 17.8 * s], [7 * s, 11.6 * s], [12.4 * s, 11.6 * s]]);
-  return k.vector(parent, 13 * s, 20 * s, [arrow], "hi", { name: o.name ?? "Pointer", absolute: o.absolute, stroke: { color: "shade", width: Math.max(1.5, s * 1.4), join: "MITER" }, effects: [hardShadow(k, "shade", 3 * s, 3 * s, 0.4)] });
-}
-function tag(k, parent, label, o) {
-  const [v, h] = o.pad ?? [6, 14];
-  const id = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", fill: o.fill, padding: { top: v, right: h, bottom: v, left: h }, name: o.name ?? "Tag" });
-  k.text(id, label, { style: o.style, color: o.ink, autoWidth: true, name: `${o.name ?? "Tag"} text` });
-  return id;
-}
-
-export {
-  vaporBrand,
-  sun,
-  gridFloor,
-  checker,
-  fitChecker,
-  palm,
-  bust,
-  mall,
-  osButtons,
-  osWindow,
-  osField,
-  pointer,
-  tag
-};

package/dist/chunks/chunk-CFOGQB7S.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 {
-  E,
-  cloud,
-  lottieTemplate,
-  pin,
-  roundRect
-} from "./chunk-OUEUIBYB.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/lottie/travel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var TRAVEL = { paper: "#EAF2FF", ink: "#0F2A4A", accent: "#FF6B4A", sky: "#CFE0FF", route: "#6C8DB8", white: "#FFFFFF", land: "#DCE8FA" };
-var travelFlightRoute = lottieTemplate({
-  slug: "flight-route",
-  sector: "travel",
-  role: "hero",
-  size: "hero",
-  duration: 5e3,
-  loop: true,
-  ground: "paper",
-  name: "Flight route",
-  description: "A hero loop for a travel booking site: a plane flies an arc between two cities, lighting the dotted route behind it, and the destination pin pops as it lands \u2014 five seconds, seamless, 1600\xD7900",
-  colors: TRAVEL,
-  useCases: ["launch"],
-  tags: ["flight", "plane", "map", "route", "booking"],
-  build(l) {
-    l.vector(l.sheet, [{ pts: roundRect(120, 300, 520, 420, 200), closed: true }], "land", { name: "Land" });
-    l.vector(l.sheet, [{ pts: roundRect(980, 180, 520, 480, 220), closed: true }], "land", { name: "Land" });
-    for (const [x, y, s, amp] of [[200, 140, 1, 40], [1180, 700, 0.8, -30], [700, 90, 0.6, 24]]) {
-      const c = cloud(l, l.sheet, x, y, s);
-      l.keys(c, "translateX", [[0, 0, E.inOut], [2500, amp, E.inOut], [5e3, 0]]);
-    }
-    const A = [260, 640], C = [800, 120], B = [1340, 420];
-    const at = (t) => [(1 - t) ** 2 * A[0] + 2 * (1 - t) * t * C[0] + t * t * B[0], (1 - t) ** 2 * A[1] + 2 * (1 - t) * t * C[1] + t * t * B[1]];
-    const heading = (t) => Math.atan2(2 * (1 - t) * (C[1] - A[1]) + 2 * t * (B[1] - C[1]), 2 * (1 - t) * (C[0] - A[0]) + 2 * t * (B[0] - C[0])) * 180 / Math.PI;
-    const FLY = 3200, START = 300;
-    const DOTS = 26;
-    for (let i = 1; i < DOTS; i++) {
-      const t = i / DOTS, [x, y] = at(t);
-      const d = l.circle(l.sheet, x, y, 7, "route", { name: "Route dot", opacity: 0.35 });
-      const lit = START + t * FLY;
-      l.opacity(d, [[0, 0.35, E.hold], [lit, 0.35, E.out], [lit + 200, 1, E.hold], [4300, 1, E.inOut], [4800, 0.35, E.hold], [5e3, 0.35]]);
-    }
-    l.shape(l.sheet, pin(A[0], A[1] + 8, 56), "ink", { name: "From" });
-    l.circle(l.sheet, A[0], A[1] + 8 - 56 * 1.35 + 28, 11, "white", { name: "From dot" });
-    const pinB = l.shape(l.sheet, pin(B[0], B[1] + 8, 64), "accent", { name: "To" });
-    l.pivot(pinB, 0.5, 1);
-    l.scale(pinB, [[0, 0, E.hold], [START + FLY - 100, 0, E.pop], [START + FLY + 300, 1, E.hold], [4400, 1, E.in], [4700, 0, E.hold], [5e3, 0]]);
-    const plane = l.shape(l.sheet, [[46, 0], [30, -7], [6, -7], [-12, -40], [-24, -40], [-14, -7], [-32, -7], [-40, -20], [-48, -20], [-42, 0], [-48, 20], [-40, 20], [-32, 7], [-14, 7], [-24, 40], [-12, 40], [6, 7], [30, 7]].map(([x, y]) => [x + A[0], y + A[1]]), "ink", { name: "Plane" });
-    const N = 12;
-    const tx = [[0, 0, E.hold]], ty = [[0, 0, E.hold]], rot = [[0, heading(0), E.hold]];
-    for (let i = 0; i <= N; i++) {
-      const t = i / N, [x, y] = at(t), ms = START + t * FLY;
-      const e = i < N ? E.linear : E.hold;
-      tx.push([ms, x - A[0], e]);
-      ty.push([ms, y - A[1], e]);
-      rot.push([ms, heading(t), e]);
-    }
-    tx.push([5e3, 0]);
-    ty.push([5e3, 0]);
-    rot.push([5e3, heading(0)]);
-    l.keys(plane, "translateX", tx);
-    l.keys(plane, "translateY", ty);
-    l.keys(plane, "rotation", rot);
-    l.opacity(plane, [[0, 0, E.hold], [START - 200, 0, E.out], [START, 1, E.hold], [START + FLY, 1, E.in], [START + FLY + 250, 0, E.hold], [5e3, 0]]);
-    l.scale(plane, [[0, 0.8, E.hold], [START, 0.8, E.inOut], [START + FLY / 2, 1.15, E.inOut], [START + FLY, 0.8, E.hold], [5e3, 0.8]]);
-  }
-});
-var travelPinDrop = lottieTemplate({
-  slug: "pin-drop",
-  sector: "travel",
-  role: "icon",
-  size: "icon",
-  duration: 2e3,
-  loop: true,
-  name: "Location pin drop",
-  description: "A location icon: the pin drops onto the map, squashes as it lands and springs up, and a ripple spreads from where it stands \u2014 a two-second seamless loop, 512\xD7512",
-  colors: TRAVEL,
-  tags: ["location", "pin", "map", "marker"],
-  build(l) {
-    const ripple = l.ring(l.sheet, 256, 420, 60, "accent", 8, { name: "Ripple", opacity: 0 });
-    l.keys(ripple, "scaleY", [[0, 0.3, E.hold], [480, 0.3, E.out], [1300, 0.6, E.hold], [2e3, 0.3]]);
-    l.keys(ripple, "scaleX", [[0, 1, E.hold], [480, 1, E.out], [1300, 2, E.hold], [2e3, 1]]);
-    l.opacity(ripple, [[0, 0, E.hold], [480, 0, E.out], [520, 0.7, E.out], [1300, 0, E.hold], [2e3, 0]]);
-    const shadow = l.circle(l.sheet, 256, 420, 44, "route", { name: "Shadow", opacity: 0.25 });
-    l.k.patch(shadow, { scaleY: 0.25 });
-    l.keys(shadow, "scaleX", [[0, 0.2, E.hold], [100, 0.2, E.in], [480, 1, E.hold], [1650, 1, E.in], [1950, 0.2, E.hold], [2e3, 0.2]]);
-    const p = l.box(l.sheet, 176, 150, 160, 270, "Pin");
-    l.shape(p, pin(80, 270, 160), "accent", { name: "Pin body" });
-    l.circle(p, 80, 134, 32, "white", { name: "Pin hole" });
-    l.pivot(p, 0.5, 1);
-    l.keys(p, "translateY", [[0, -300, E.hold], [100, -300, E.in], [480, 0, E.hold], [1650, 0, E.in], [1950, -300, E.hold], [2e3, -300]]);
-    l.keys(p, "scaleY", [[0, 1, E.hold], [480, 1, E.out], [560, 0.82, E.pop], [820, 1]]);
-    l.keys(p, "scaleX", [[0, 1, E.hold], [480, 1, E.out], [560, 1.12, E.pop], [820, 1]]);
-    l.opacity(p, [[0, 0, E.hold], [100, 0, E.out], [200, 1, E.hold], [1750, 1, E.in], [1950, 0, E.hold], [2e3, 0]]);
-  }
-});
-var TRAVEL_PACK = [travelFlightRoute, travelPinDrop];
-
-export {
-  travelFlightRoute,
-  travelPinDrop,
-  TRAVEL_PACK
-};