@popcraft/kit 0.53.7 → 0.53.9

package/dist/chunks/chunk-KHXUGPZQ.js

@@ -0,0 +1,94 @@
+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,
+  lottieTemplate
+} from "./chunk-6HPECWAM.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/lottie/security.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SEC = { paper: "#F3F5FA", ink: "#0E1733", accent: "#2F6BFF", success: "#16A34A", soft: "#DCE5FF", white: "#FFFFFF", scan: "#8FB0FF" };
+function shield(cx, y, w) {
+  const s = w / 2, h = w * 1.18;
+  return [
+    { x: cx, y, handleIn: { x: cx - s * 0.5, y: y + h * 0.1 }, handleOut: { x: cx + s * 0.5, y: y + h * 0.1 } },
+    { x: cx + s, y: y + h * 0.14, handleIn: { x: cx + s * 0.8, y: y + h * 0.14 } },
+    { x: cx + s, y: y + h * 0.45, handleOut: { x: cx + s, y: y + h * 0.78 } },
+    { x: cx, y: y + h, handleIn: { x: cx + s * 0.55, y: y + h * 0.92 }, handleOut: { x: cx - s * 0.55, y: y + h * 0.92 } },
+    { x: cx - s, y: y + h * 0.45, handleIn: { x: cx - s, y: y + h * 0.78 } },
+    { x: cx - s, y: y + h * 0.14, handleOut: { x: cx - s * 0.8, y: y + h * 0.14 } }
+  ];
+}
+var secShieldScan = lottieTemplate({
+  slug: "shield-scan",
+  sector: "security",
+  role: "success",
+  size: "icon",
+  duration: 2600,
+  loop: true,
+  name: "Shield scan",
+  description: 'A "you are protected" state: a light scans down the shield, then the check pops in green and the shield glows \u2014 a 2.6-second seamless loop, 512\xD7512',
+  colors: SEC,
+  tags: ["shield", "protection", "scan", "antivirus"],
+  build(l) {
+    const glow = l.shape(l.sheet, shield(256, 70, 330), "soft", { name: "Glow", opacity: 0 });
+    l.scale(glow, [[0, 1, E.hold], [1300, 1, E.out], [2100, 1.12, E.hold], [2600, 1]]);
+    l.opacity(glow, [[0, 0, E.hold], [1300, 0, E.out], [1400, 0.9, E.in], [2100, 0, E.hold], [2600, 0]]);
+    const body = l.box(l.sheet, 0, 0, 512, 512, "Shield");
+    l.shape(body, shield(256, 90, 300), "accent", { name: "Shield mask", mask: true });
+    l.rect(body, 0, 0, 512, 512, "accent", { name: "Shield face" });
+    const beam = l.box(body, 0, 40, 512, 120, "Scan");
+    l.rect(beam, 0, 0, 512, 60, [l.k.gradient({ from: "scan", to: "scan", fromOpacity: 0, toOpacity: 0.9, angle: 90 })], { name: "Scan in" });
+    l.rect(beam, 0, 60, 512, 60, [l.k.gradient({ from: "scan", to: "scan", fromOpacity: 0.9, toOpacity: 0, angle: 90 })], { name: "Scan out" });
+    l.keys(beam, "translateY", [[0, 0, E.inOut], [1100, 360, E.hold], [2600, 0]]);
+    l.opacity(beam, [[0, 0, E.out], [150, 1, E.hold], [950, 1, E.in], [1100, 0, E.hold], [2600, 0]]);
+    const ok = l.box(l.sheet, 176, 176, 160, 160, "Cleared");
+    l.circle(ok, 80, 80, 80, "success", { name: "Cleared disc" });
+    l.line(ok, [[46, 82], [70, 106], [116, 58]], "white", 20, { name: "Cleared tick" });
+    l.scale(ok, [[0, 0, E.hold], [1100, 0, E.pop], [1450, 1, E.hold], [2250, 1, E.in], [2500, 0, E.hold], [2600, 0]]);
+  }
+});
+function padlock(l, parent) {
+  const shackle = l.box(parent, 156, 60, 200, 230, "Shackle");
+  l.line(shackle, [{ x: 36, y: 230 }, { x: 36, y: 100 }, { x: 100, y: 36, handleIn: { x: 36, y: 64 }, handleOut: { x: 136, y: 36 } }, { x: 164, y: 100, handleIn: { x: 164, y: 64 } }, { x: 164, y: 150 }], "ink", 40, { name: "Shackle bar" });
+  const body = l.box(parent, 116, 230, 280, 220, "Body", { fill: "accent", radius: 40 });
+  l.rect(body, 0, 0, 280, 220, "success", { radius: 40, name: "Body open", opacity: 0 });
+  l.circle(body, 140, 96, 26, "ink", { name: "Keyhole" });
+  l.rect(body, 128, 100, 24, 60, "ink", { radius: 12, name: "Keyhole slot" });
+  return { shackle, body };
+}
+var secUnlock = lottieTemplate({
+  slug: "unlock",
+  sector: "security",
+  role: "micro-interaction",
+  size: "icon",
+  duration: 2400,
+  loop: true,
+  name: "Unlock",
+  description: "A lock that opens and closes: the keyhole turns, the shackle springs up and swings open as the body turns green, then it locks again \u2014 a 2.4-second seamless loop, 512\xD7512",
+  colors: SEC,
+  tags: ["lock", "unlock", "password", "access"],
+  build(l) {
+    const { shackle, body } = padlock(l, l.sheet);
+    l.pivot(shackle, 164 / 200, 1);
+    l.keys(shackle, "translateY", [[0, 0, E.hold], [300, 0, E.pop], [600, -44, E.hold], [1500, -44, E.inOut], [1800, 0, E.hold], [2400, 0]]);
+    l.keys(shackle, "rotation", [[0, 0, E.hold], [500, 0, E.out], [800, 28, E.hold], [1350, 28, E.inOut], [1600, 0, E.hold], [2400, 0]]);
+    l.opacity(l.k.named(body, "Body open")[0], [[0, 0, E.hold], [450, 0, E.inOut], [700, 1, E.hold], [1500, 1, E.inOut], [1800, 0, E.hold], [2400, 0]]);
+    const hole = l.k.named(body, "Keyhole slot")[0];
+    l.keys(hole, "rotation", [[0, 0, E.inOut], [300, -90, E.hold], [1650, -90, E.inOut], [1950, 0, E.hold], [2400, 0]]);
+  }
+});
+var SECURITY_PACK = [secShieldScan, secUnlock];
+
+export {
+  secShieldScan,
+  secUnlock,
+  SECURITY_PACK
+};

package/dist/chunks/chunk-KKRWBUG7.js

@@ -0,0 +1,87 @@
+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 {
+  registerMediaSizes
+} from "./chunk-PN2PTI35.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/web/shop-art.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SHOP_ART = {
+  "fw-boots": { hash: "3afdf66eb5dc931919b2cb7458ce1b50", width: 1024, height: 1024, subject: "tan leather lace-up work boots" },
+  "fw-cap": { hash: "5f19fa22ae7c8d5d2c027b8939382313", width: 1024, height: 1024, subject: "a brown waxed cotton six-panel cap" },
+  "fw-chore": { hash: "2b1c632a915848e9c42e1e7b03cf8946", width: 1024, height: 1024, subject: "a folded indigo cotton chore jacket with copper buttons" },
+  "fw-hero": { hash: "49dedd0e57d2f2b17b0819e64d62033a", width: 1248, height: 832, subject: "a clothes rail of linen, indigo and olive workwear in a sunlit studio" },
+  "fw-knit": { hash: "2eacf166cbac8f0e712100be50fc0ec0", width: 1024, height: 1024, subject: "a folded cream wool fisherman jumper" },
+  "fw-shirt": { hash: "b300327e9b778f6cee485a5118f6fc54", width: 1024, height: 1024, subject: "a folded oatmeal linen overshirt with horn buttons" },
+  "fw-tee": { hash: "4b74d25b0174afa83244c6c99a54ca4a", width: 1024, height: 1024, subject: "a folded heavyweight white cotton t-shirt" },
+  "fw-tote": { hash: "0bf65a0ac4c0b8adff018424e1b25e4e", width: 1024, height: 1024, subject: "a natural canvas tote with leather handles" },
+  "fw-trouser": { hash: "2b361e8e9c35d64347f40a38454c8904", width: 1024, height: 1024, subject: "folded olive cotton canvas work trousers" },
+  "kl-bowl": { hash: "7cc5ed4a2f4c8e0c90233e4a3343262f", width: 1024, height: 1024, subject: "a wide stoneware serving bowl with a teal glaze" },
+  "kl-hero": { hash: "bd6045cfc0a070b205dc44879386b8f8", width: 1248, height: 832, subject: "open shelves of handmade ceramics in a bright pottery studio" },
+  "kl-mug": { hash: "c37aa6d82e619fa800a4ebe1ab91f58c", width: 1024, height: 1024, subject: "a speckled oatmeal stoneware mug" },
+  "kl-pitcher": { hash: "a807e107b3b1409059ef2f8bcf190475", width: 1024, height: 1024, subject: "a rust red glazed water pitcher" },
+  "kl-plate": { hash: "97c5eb0cf0946602d6f694bd7e2ca36c", width: 1024, height: 1024, subject: "a stack of three matte white stoneware plates" },
+  "kl-teapot": { hash: "7c4e8facc9c224139a364522bdcdb6d3", width: 1024, height: 1024, subject: "a celadon stoneware teapot with a cane handle" },
+  "kl-vase": { hash: "9f3d8948a47d17276a85d6e5d4c52182", width: 1024, height: 1024, subject: "a terracotta bud vase with a dried grass stem" },
+  "ode-1": { hash: "9516fd96be61fea0fcaa520db367a5cf", width: 1024, height: 1024, subject: "a matte black gooseneck kettle with a walnut handle" },
+  "ode-2": { hash: "7ec3f69ebef61ecbbaed48df7889b96a", width: 1024, height: 1024, subject: "a gooseneck spout pouring onto coffee in a paper filter" },
+  "ode-3": { hash: "142e1e4e75faec4b636a42ae97106377", width: 1248, height: 832, subject: "a black gooseneck kettle on an oak kitchen counter in morning light" },
+  "ode-filters": { hash: "c17e9348b97b9be74f03816442647c20", width: 1024, height: 1024, subject: "paper coffee filters and a black ceramic pour-over dripper" },
+  "ode-scale": { hash: "2a8e6ecce99334985c4d95dc2fede8c9", width: 1024, height: 1024, subject: "a matte black digital coffee scale" },
+  "bl-balm": { hash: "9f87405f1b216f9e1383a122ad90baee", width: 1024, height: 1024, subject: "balm" },
+  "bl-cream": { hash: "f64b32b77c592048004c17d9e3bd6e4e", width: 1024, height: 1024, subject: "cream" },
+  "bl-hero": { hash: "db0dca3c3889056874782f93b987de1b", width: 1248, height: 832, subject: "hero" },
+  "bl-mist": { hash: "cd209538d6ce69aad5f5e1cb11ae7efe", width: 1024, height: 1024, subject: "mist" },
+  "bl-oil": { hash: "0954d6a555f299e04359facce493a7f4", width: 1024, height: 1024, subject: "oil" },
+  "bl-serum": { hash: "42b05b8934c875a1f6f4fbb91b8b2487", width: 1024, height: 1024, subject: "serum" },
+  "bl-set": { hash: "c8c262eaf40a35bdcf38010e951c4a61", width: 1024, height: 1024, subject: "set" },
+  "ci-cable": { hash: "21fa62a910e448103743802fb1bf4933", width: 1024, height: 1024, subject: "cable" },
+  "ci-dac": { hash: "b9258687f2db4ee36e7cef54175f5b55", width: 1024, height: 1024, subject: "dac" },
+  "ci-earbuds": { hash: "4ae340e90fffb3b4259133c3a285c012", width: 1024, height: 1024, subject: "earbuds" },
+  "ci-headphones": { hash: "ffcb5b4a02e81495ba56082f823b3da0", width: 1024, height: 1024, subject: "headphones" },
+  "ci-hero": { hash: "7787654ec8bba897545554e87182d063", width: 1248, height: 832, subject: "hero" },
+  "ci-speaker": { hash: "4d85f1120886e3e252b5f34c45f0903c", width: 1024, height: 1024, subject: "speaker" },
+  "ci-turntable": { hash: "d0004cd8d6cbf0fd5767663caa715cc1", width: 1024, height: 1024, subject: "turntable" },
+  "gr-cactus": { hash: "0bd9f0fec1d9ccf29d1cc933cb315764", width: 1024, height: 1024, subject: "cactus" },
+  "gr-fern": { hash: "f08a52ffd0851559d1cff71c87d57220", width: 1024, height: 1024, subject: "fern" },
+  "gr-fiddle": { hash: "282b4042b8aefc83023e3d4f1490cbc3", width: 1024, height: 1024, subject: "fiddle" },
+  "gr-hero": { hash: "9b30687a8378b6cd9bfca81e91b4ed40", width: 1248, height: 832, subject: "hero" },
+  "gr-monstera": { hash: "bc5e795b1810b9c4bbccf5382acb4696", width: 1024, height: 1024, subject: "monstera" },
+  "gr-pothos": { hash: "a63028618c1d39626e16b42d3419dfb0", width: 1024, height: 1024, subject: "pothos" },
+  "gr-snake": { hash: "93058a11ec71d1417a35947e91042cfd", width: 1024, height: 1024, subject: "snake" },
+  "ma-book1": { hash: "2edb783671680ce57ae9f122abfe4932", width: 832, height: 1248, subject: "book1" },
+  "ma-book2": { hash: "35095a34c74b128cd1271420d145b76b", width: 832, height: 1248, subject: "book2" },
+  "ma-book3": { hash: "4940f6afa0287989c058bdf855df9789", width: 832, height: 1248, subject: "book3" },
+  "ma-book4": { hash: "3c7f55236d05ab5f650308a1f18e128c", width: 832, height: 1248, subject: "book4" },
+  "ma-book5": { hash: "cf8228daa594a8030cce1de2caedc359", width: 832, height: 1248, subject: "book5" },
+  "ma-book6": { hash: "ff417b54de4c517d5b8451ededd9326e", width: 832, height: 1248, subject: "book6" },
+  "ma-hero": { hash: "41c106cea91734419d121a2379e03147", width: 1248, height: 832, subject: "hero" },
+  "st-bag": { hash: "6d261fac623cd5a456e7d55af0f788f3", width: 1024, height: 1024, subject: "bag" },
+  "st-cap": { hash: "93a181d83697bfb8b7bd0a255fe0aaa6", width: 1024, height: 1024, subject: "cap" },
+  "st-cargo": { hash: "0af8c6b299451d8f92400554a819c3f0", width: 1024, height: 1024, subject: "cargo" },
+  "st-hero": { hash: "d4462d26f1bcc5199f18426054d197ec", width: 1248, height: 832, subject: "hero" },
+  "st-hoodie": { hash: "384e3e4101994fcb03b2e35ce8053f97", width: 1024, height: 1024, subject: "hoodie" },
+  "st-sneaker": { hash: "4549020489ddf242b9d511ecf3234cd6", width: 1024, height: 1024, subject: "sneaker" },
+  "st-tee": { hash: "c4647746f56dbb9477a716250c94a590", width: 1024, height: 1024, subject: "tee" },
+  "su-boot": { hash: "d9cef442b611554eef6144f335861aec", width: 1024, height: 1024, subject: "boot" },
+  "su-bottle": { hash: "b93352b178ef19ede0f34ec8caada300", width: 1024, height: 1024, subject: "bottle" },
+  "su-hero": { hash: "e167f129a036235bf33a75b83c903768", width: 1248, height: 832, subject: "hero" },
+  "su-lamp": { hash: "902408c62b71ae2eb2be25cfca5e8803", width: 1024, height: 1024, subject: "lamp" },
+  "su-pack": { hash: "93261e7dcb366cbb5748257006d49e42", width: 1024, height: 1024, subject: "pack" },
+  "su-shell": { hash: "d7e340d1ae7fb411ccf14f39d80b6244", width: 1024, height: 1024, subject: "shell" },
+  "su-tent": { hash: "e8058765f91ab5bbe7d24634cc4a1a14", width: 1024, height: 1024, subject: "tent" }
+};
+var shopArt = (id) => `media://${SHOP_ART[id].hash}`;
+registerMediaSizes(Object.entries(SHOP_ART).map(([id, a]) => [shopArt(id), a]));
+
+export {
+  SHOP_ART,
+  shopArt
+};

package/dist/chunks/chunk-KLLURFQS.js

@@ -0,0 +1,159 @@
+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 {
+  assemble,
+  bentoBrand,
+  calendarSlice,
+  cellBox,
+  disassemble,
+  fillWeek,
+  fitCalendar,
+  grot,
+  lockup,
+  placePost,
+  tile,
+  tileLabel
+} from "./chunk-4XXCN4YT.js";
+import {
+  bust,
+  portraitSlot
+} from "./chunk-YXFPVZM3.js";
+import {
+  pill
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-RCJYCZMT.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PN2PTI35.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/social/style-bento-testimonial.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Bento SaaS testimonial post";
+var DURATION = 9e3;
+var TILES = ["Quote tile", "Photo tile", "Who tile", "Result tile", "Week tile"];
+var QUOTE = '"Tessera moved 31 meetings in our first week. Nobody had to ask, and our engineers got Thursday afternoons back."';
+var LAYOUT = {
+  "ig-post": {
+    grid: { x: 44, y: 44, w: 992, h: 992, cols: 4, rows: 4, gap: 16 },
+    pad: 30,
+    quote: "Quote 48",
+    cells: { "Quote tile": { c: 0, r: 0, cw: 3, rh: 3 }, "Photo tile": { c: 3, r: 0, cw: 1, rh: 2 }, "Result tile": { c: 3, r: 2, cw: 1, rh: 1 }, "Who tile": { c: 0, r: 3, cw: 2, rh: 1 }, "Week tile": { c: 2, r: 3, cw: 2, rh: 1 } }
+  },
+  "ig-portrait": {
+    grid: { x: 44, y: 44, w: 992, h: 1262, cols: 4, rows: 5, gap: 16 },
+    pad: 32,
+    quote: "Quote 56",
+    cells: { "Quote tile": { c: 0, r: 0, cw: 4, rh: 3 }, "Photo tile": { c: 0, r: 3, cw: 2, rh: 2 }, "Who tile": { c: 2, r: 3, cw: 2, rh: 1 }, "Result tile": { c: 2, r: 4, cw: 1, rh: 1 }, "Week tile": { c: 3, r: 4, cw: 1, rh: 1 } }
+  },
+  "ig-story": {
+    grid: { x: 64, y: 250, w: 952, h: 1606, cols: 4, rows: 8, gap: 16 },
+    pad: 32,
+    quote: "Quote 56",
+    rail: 940,
+    cells: { "Quote tile": { c: 0, r: 0, cw: 4, rh: 3 }, "Who tile": { c: 0, r: 3, cw: 2, rh: 1 }, "Result tile": { c: 2, r: 3, cw: 2, rh: 2 }, "Week tile": { c: 0, r: 4, cw: 2, rh: 1 }, "Photo tile": { c: 0, r: 5, cw: 4, rh: 3 } }
+  }
+};
+var cues = [
+  assemble(TILES, 0, 90, 600),
+  { layer: "Quote words", preset: "words-in", at: 500, params: { duration: 2600 } },
+  { layer: "Who", preset: "slide-in", at: 2800, params: { direction: "left", duration: 450 } },
+  { layer: [...TILES], preset: "pulse", at: 6400, stagger: { delay: 60, order: "selection" }, params: { duration: 600, amount: 0.02 } },
+  disassemble(TILES, 8100, 50, 420)
+];
+var counts = [{ layer: "Result figure", at: 1600, duration: 1800, counter: { from: 0, to: 31 } }];
+var style_bento_testimonial_default = defineTemplate({
+  id: "motion-saas-style-bento-testimonial",
+  meta: {
+    name: NAME,
+    description: "An animated testimonial in the bento grid look: tiles assemble, a customer's words arrive one by one in a big night tile beside her photo slot, her name slides in, a lime tile counts the 31 meetings moved and a small week fills; then the tiles leave back to the bare ground, so it loops. Nine seconds, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "saas", "bento", "bento grid", "tiles", "ai", "productivity", "testimonial", "quote", "review", "customer", "photo", "counter", "post", "loop"],
+    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["testimonial", "quote", "case-study"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit(NAME, preset("ig-post"));
+    k.quantizeGeometry = true;
+    bentoBrand(k, { quote: QUOTE });
+    grot(k, "Label 22", 22, { weight: 500, lead: 1.3 });
+    grot(k, "Brand 26", 26, { weight: 700, lead: 1.1, spacing: -0.02 });
+    for (const [n, sz] of [["Quote 56", 56], ["Quote 48", 48]]) grot(k, n, sz, { weight: 600, lead: 1.14, spacing: -0.03 });
+    grot(k, "Name 30", 30, { weight: 700, lead: 1.15, spacing: -0.02 });
+    grot(k, "Ui 22", 22, { weight: 500, lead: 1.3 });
+    grot(k, "Stat 80", 80, { weight: 700, lead: 1, spacing: -0.05 });
+    grot(k, "Day 16", 16, { weight: 600, lead: 1.3 });
+    grot(k, "Button 22", 22, { weight: 700, lead: 1.2 });
+    pill(k, "Story", { fill: "primary", ink: "onPrimary", style: "Button 22", label: "Read the story", pad: [12, 22] });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Testimonial");
+    k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    const L = LAYOUT["ig-post"], g = L.grid;
+    const q = tile(k, sheet, g, L.cells["Quote tile"], { name: "Quote tile", surface: "night", pad: L.pad });
+    tileLabel(k, q, "Customer story", { style: "Label 22", surface: "night", size: 22, right: "Parcelwise", name: "Quote label" });
+    k.text(q, "{{brand.quote}}", { style: L.quote, color: "onNight", width: "FILL", name: "Quote words" });
+    const foot = k.stack(q, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Quote foot" });
+    lockup(k, foot, { size: 30, style: "Brand 26", ink: "onNight" });
+    k.instance(foot, "Story", { Label: "Read the story" }, { name: "Story" });
+    const pb = cellBox(g, L.cells["Photo tile"]);
+    const ph = tile(k, sheet, g, L.cells["Photo tile"], { name: "Photo tile", surface: "sand", pad: 0, gap: 0, justify: "MIN" });
+    portraitSlot(k, ph, pb.w, pb.h, { radius: 0, ground: "sand", skin: "skin", top: "night", halo: "primary", name: "Portrait", photo: "Customer photo" });
+    const who = tile(k, sheet, g, L.cells["Who tile"], { name: "Who tile", surface: "card", pad: L.pad, justify: "CENTER", gap: 4 });
+    const wb = k.stack(who, { gap: 4, name: "Who" });
+    k.text(wb, "Ines Moreau", { style: "Name 30", color: "onCard", width: "FILL", name: "Who name" });
+    k.text(wb, "Head of Operations, Parcelwise", { style: "Ui 22", color: "muted", width: "FILL", name: "Who role" });
+    const r = tile(k, sheet, g, L.cells["Result tile"], { name: "Result tile", surface: "primary", pad: L.pad });
+    tileLabel(k, r, "Moved, week 1", { style: "Label 22", surface: "primary", size: 22 });
+    k.text(r, "31", { style: "Stat 80", color: "onPrimary", width: 140, name: "Result figure" });
+    const wk = tile(k, sheet, g, L.cells["Week tile"], { name: "Week tile", surface: "mint", pad: 22, justify: "MIN", gap: 8 });
+    calendarSlice(k, wk, { w: 100, h: 60, day: "Day 16", ink: "onMint", radius: 5 });
+    const fit = (kit, root, size) => {
+      const l = LAYOUT[size];
+      placePost(kit, root, l.grid, l.cells, { pad: l.pad, rail: l.rail });
+      for (const t of kit.named(root, "Photo tile")) kit.patch(t, { padding: { top: 0, right: 0, bottom: 0, left: 0 } });
+      for (const t of kit.named(root, "Week tile")) kit.patch(t, { padding: { top: 22, right: 22, bottom: 22, left: 22 } });
+      for (const id of kit.named(root, "Quote words")) kit.restyle(id, l.quote);
+      const p = cellBox(l.grid, l.cells["Photo tile"]);
+      for (const s of kit.named(root, "Portrait")) {
+        kit.patch(s, { width: p.w, height: p.h, layoutSizingHorizontal: "FIXED", layoutSizingVertical: "FIXED" });
+        for (const c of kit.node(s).childIds) kit.patch(c, { width: p.w, height: p.h });
+        const bw = Math.min(p.w, p.h * 1.1), bh = Math.min(p.h, bw * 1.15), ox = (p.w - bw) / 2, oy = p.h - bh, b = bust(bw, bh);
+        for (const id of kit.named(s, "Halo")) kit.patch(id, { x: ox - bw * 0.05, y: oy + bh * 0.12, width: bw * 1.1, height: bw * 1.1 });
+        for (const id of kit.named(s, "Shoulders")) kit.patch(id, { x: ox, y: oy, width: bw, height: bh, paths: [b.shoulders] });
+        for (const id of kit.named(s, "Head")) kit.patch(id, { x: ox + b.head.x, y: oy + b.head.y, width: b.head.d, height: b.head.d });
+      }
+      const w = cellBox(l.grid, l.cells["Week tile"]);
+      fitCalendar(kit, root, w.w - 44, w.h - 44 - 21 - 12 - 8);
+    };
+    fit(k, sheet, "ig-post");
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    fillWeek(k, sheet, 1400, 80);
+    k.variants(sheet, [
+      { preset: "ig-portrait", adjust: (kit, id) => fit(kit, id, "ig-portrait") },
+      { preset: "ig-story", adjust: (kit, id) => fit(kit, id, "ig-story") }
+    ]);
+    k.setCover(sheet);
+    return k.finish();
+  }
+});
+
+export {
+  style_bento_testimonial_default
+};

package/dist/chunks/chunk-KM5CYXBY.js

@@ -0,0 +1,173 @@
+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 {
+  RECORD_LIMITS
+} from "./chunk-KLZUI2IT.js";
+import {
+  hashOf
+} from "./chunk-P7DWEGHT.js";
+import {
+  loadKitModules
+} from "./chunk-YGZX3AMK.js";
+import {
+  HELPER_NAMES
+} from "./chunk-6YZC5UXW.js";
+import {
+  replay
+} from "./chunk-C62GIXQZ.js";
+import {
+  insertRootGroups
+} from "./chunk-M2NXBDCH.js";
+import {
+  templateFromDocument
+} from "./chunk-YHYYJKWR.js";
+import {
+  rewriteIds
+} from "./chunk-O2JSYLLI.js";
+import {
+  init_print_pages,
+  init_scene_graph,
+  isFixedPageKind,
+  removeNode
+} from "./chunk-OVUOQJPW.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// lib/agent/design-script/build.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+init_scene_graph();
+init_print_pages();
+var DESIGN_NAMESPACES = ["k", "ease", "hex", "preset", ...HELPER_NAMES];
+async function namespaces(name, size) {
+  const m = await loadKitModules();
+  const kit = new m.Kit(name, size);
+  kit.quantizeGeometry = true;
+  return { kit, ns: { k: kit, ease: m.ease, hex: m.hex, preset: m.preset, ...m.helpers }, tracks: m.TRACKS };
+}
+async function sizePreset(size) {
+  const { presetById } = await import("../lib/presets/page-presets.js");
+  if (typeof size === "string") {
+    const p = presetById(size);
+    if (!p) throw new Error(`There is no size "${size}". Use a preset id (ig-story, ig-post, web-desktop, og-image\u2026) or { width, height }.`);
+    return p;
+  }
+  const width = Math.round(size.width), height = Math.round(size.height);
+  if (!(width >= 16 && width <= 8192 && height >= 16 && height <= 16384)) throw new Error("A custom size is 16 to 8192 px wide and 16 to 16384 px tall.");
+  return { id: `custom-${width}x${height}`, name: `${width} \xD7 ${height}`, category: "SOCIAL", width, height, unit: "px" };
+}
+async function buildDesign(source, size, name, record) {
+  if (source.length > RECORD_LIMITS.maxSourceChars) return { calls: 0, error: { message: `A design script is at most ${RECORD_LIMITS.maxSourceChars} characters.` } };
+  const preset = await sizePreset(size);
+  const { kit, ns, tracks } = await namespaces(name, preset);
+  const rec = await record(source, DESIGN_NAMESPACES, { W: preset.width, H: preset.height, NAME: name, TRACKS: tracks });
+  const replayed = await replay(rec, ns);
+  let doc;
+  let finishError;
+  const last = [...rec.ops].reverse().find((o) => o.line)?.line;
+  try {
+    doc = kit.finish();
+  } catch (err) {
+    finishError = { message: `Laying out the design failed after the script ran: ${err.message}. Look for a wrong value in a layer's options (a fill, an effect, a size).`, ...last ? { line: last } : {} };
+  }
+  return { doc, error: rec.error ?? replayed.error ?? finishError, calls: rec.ops.length };
+}
+function builtRoots(t) {
+  const frames = [], components = [];
+  for (const page of t.payload.pages ?? []) for (const id of page.rootIds) {
+    const n = t.payload.nodes[id];
+    if (!n) continue;
+    (n.type === "COMPONENT" || n.type === "COMPONENT_SET" ? components : frames).push(id);
+  }
+  return { frames, components };
+}
+var DERIVED = /* @__PURE__ */ new Set(["x", "y", "width", "height", "designScript", "id", "parentId", "childIds"]);
+function hashRoots(doc, roots) {
+  const parts = [];
+  const walk = (id) => {
+    const n = doc.nodes[id];
+    if (!n) return;
+    const kept = { kids: n.childIds.length };
+    for (const key of Object.keys(n).sort()) if (!DERIVED.has(key)) kept[key] = n[key];
+    parts.push(JSON.stringify(kept));
+    n.childIds.forEach(walk);
+  };
+  roots.forEach(walk);
+  return hashOf(parts.join("\n"));
+}
+function freeSpot(doc, pageId) {
+  const kids = (doc.nodes[pageId]?.childIds ?? []).map((id) => doc.nodes[id]).filter(Boolean);
+  if (!kids.length) return { x: 0, y: 0 };
+  const right = Math.max(...kids.map((n) => n.x + n.width));
+  const top = Math.min(...kids.map((n) => n.y));
+  return { x: Math.round(right + 200), y: Math.round(top) };
+}
+function placeDesign(doc, built, source, size, name, at) {
+  const t = templateFromDocument(built, { name, source: "builtin" });
+  const { frames, components } = builtRoots(t);
+  if (!frames.length) throw new Error("The script made no frame. Build into k.sheet (the frame it starts with).");
+  let document = doc;
+  let origin = freeSpot(doc, at.pageId);
+  let oldRoots = [];
+  if (at.replace) {
+    const old = doc.nodes[at.replace];
+    if (!old) throw new Error(`There is no frame "${at.replace}" to rebuild.`);
+    origin = { x: old.x, y: old.y };
+    oldRoots = old.designScript?.roots ?? [at.replace];
+    for (const id of oldRoots) document = removeNode(document, id);
+  }
+  const box = (ids) => {
+    const ns = ids.map((id) => t.payload.nodes[id]);
+    return { x: Math.min(...ns.map((n) => n.x)), y: Math.min(...ns.map((n) => n.y)), bottom: Math.max(...ns.map((n) => n.y + n.height)) };
+  };
+  const fb = box(frames);
+  const groups = [{ rootIds: frames, ox: origin.x - fb.x, oy: origin.y - fb.y }];
+  if (components.length) {
+    const cb = box(components);
+    groups.push({ rootIds: components, ox: origin.x - cb.x, oy: origin.y + (fb.bottom - fb.y) + 240 - cb.y });
+  }
+  const inserted = insertRootGroups(document, t, groups, at.pageId);
+  document = inserted.document;
+  let roots = inserted.rootIds;
+  const oldFrames = oldRoots.filter((id) => doc.nodes[id]?.type === "FRAME");
+  if (oldFrames.length) {
+    const keep = /* @__PURE__ */ new Map();
+    roots.slice(0, frames.length).forEach((id, i) => {
+      if (oldFrames[i]) keep.set(id, oldFrames[i]);
+    });
+    document = rewriteIds(document, keep);
+    roots = roots.map((id) => keep.get(id) ?? id);
+  }
+  const placed = { rootIds: roots.slice(0, frames.length) };
+  if (!isFixedPageKind(document.settings?.kind)) {
+    const nodes = { ...document.nodes };
+    for (const id of placed.rootIds) {
+      const n = nodes[id];
+      if (n?.print) {
+        const { print: _p, ...rest } = n;
+        void _p;
+        nodes[id] = rest;
+      }
+    }
+    document = { ...document, nodes };
+  }
+  const master = placed.rootIds[0];
+  document = { ...document, nodes: { ...document.nodes, [master]: { ...document.nodes[master], name } } };
+  const designScript = { source, size, roots, builtHash: hashRoots(document, roots) };
+  document = { ...document, nodes: { ...document.nodes, [master]: { ...document.nodes[master], designScript } } };
+  return { document, roots, master };
+}
+var templateOfBuild = (built, name) => templateFromDocument(built, { name, source: "builtin" });
+
+export {
+  DESIGN_NAMESPACES,
+  sizePreset,
+  buildDesign,
+  hashRoots,
+  placeDesign,
+  templateOfBuild
+};