@popcraft/kit 0.24.2 → 0.25.0

package/dist/chunks/chunk-XVETPPEH.js

@@ -1,118 +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 {
-  brand,
-  caption,
-  captionCues,
-  captionParts,
-  column,
-  glow,
-  rig,
-  sizes,
-  stage
-} from "./chunk-IUS4DYSG.js";
-import {
-  key
-} from "./chunk-FAAVZ2GX.js";
-import {
-  BASE,
-  LID,
-  PHONE,
-  deviceShadow,
-  devices
-} from "./chunk-SKMGZGNY.js";
-import {
-  DESKTOP_SCREEN,
-  appScreens
-} from "./chunk-7LNASDR7.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  applyPreset
-} from "./chunk-XIZRA35Y.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion3d/laptop-reveal.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 8e3;
-var FPS = 60;
-var SIZES = ["video-1080p"];
-var OPEN_AT = 700;
-var OPENED = 2300;
-var PHONE_AT = 4200;
-var CAPTION = { name: "Caption", kicker: "Fern for the web", title: "Your whole financial picture, on the big screen.", cta: "Open fern.app" };
-var CUES = captionCues(CAPTION, OPENED - 300);
-function build(k, sheet, s) {
-  k.nameSheet(sheet, `Laptop reveal \xB7 ${preset(s.preset).name}`);
-  glow(k, sheet, "primary", Math.round(1500 * s.u), s.W * 0.52, s.H * 0.62, 0.5);
-  const scene = stage(k, sheet, s, { duration: DURATION, fps: FPS, perspective: 2600 * s.u });
-  const laptop = rig(k, scene, s, "Laptop", LID.width, LID.height, s.W * 0.5, s.H * 0.66 - LID.height / 2);
-  k.patch(laptop, { scaleX: 0.47, scaleY: 0.47, rotateX: -16, rotateY: 10, anchorY: 1 });
-  const deck = k.instance(laptop, "Laptop base", {}, { name: "Keyboard deck" });
-  k.patch(deck, { x: Math.round((LID.width - BASE.width) / 2), y: LID.height, anchorY: 0, rotateX: 90, effects: [deviceShadow(0.45, 50, 90)] });
-  const hinge = k.group(laptop, { x: 0, y: 0, width: LID.width, height: LID.height }, { name: "Hinge" });
-  k.patch(hinge, { anchorY: 1, rotateX: 8 });
-  const display = k.instance(hinge, "Laptop lid", {}, { name: "Display" });
-  k.patch(display, { z: 2 });
-  const off = k.rect(hinge, DESKTOP_SCREEN.width, DESKTOP_SCREEN.height, "device", { radius: DESKTOP_SCREEN.radius, name: "Screen off" });
-  k.patch(off, { x: (LID.width - DESKTOP_SCREEN.width) / 2, y: 24, z: 4, opacity: 0 });
-  const outside = k.instance(hinge, "Laptop lid back", {}, { name: "Lid outside" });
-  k.patch(outside, { z: -2, rotateY: 180 });
-  key(k, hinge, "rotateX", [[OPEN_AT, -90, ease.out("expo")], [OPENED, 8]]);
-  key(k, off, "opacity", [[0, 1, ease.hold], [OPEN_AT + 500, 1, ease.out("cubic")], [OPENED + 200, 0]]);
-  key(k, laptop, "rotateY", [[0, 28, ease.inOut("cubic")], [OPENED + 400, 10, ease.inOut("sine")], [DURATION, 4]]);
-  key(k, laptop, "translateY", [[0, k.node(laptop).translateY + Math.round(160 * s.u), ease.out("expo")], [OPENED, k.node(laptop).translateY]]);
-  k.apply(scene, (n) => applyPreset(n, "push-in", { duration: DURATION, amount: 0.08 }));
-  const phone = rig(k, scene, s, "Phone", PHONE.width, PHONE.height, s.W * 0.75, s.H * 0.62);
-  k.patch(phone, { scaleX: 0.36, scaleY: 0.36, z: 240, rotateY: -16 });
-  const handset = k.instance(phone, "Phone", { Screen: { swap: "Screen / Home" } }, { name: "Handset" });
-  k.patch(handset, { effects: [deviceShadow(0.45, 40, 80)] });
-  key(k, phone, "translateY", [[PHONE_AT, k.node(phone).translateY + Math.round(700 * s.u), ease.out("expo")], [PHONE_AT + 1200, k.node(phone).translateY]]);
-  key(k, phone, "rotateY", [[PHONE_AT, -60, ease.out("expo")], [PHONE_AT + 1400, -16]]);
-  k.behave(phone, "translateY", [{ kind: "sine", amp: 10, freq: 0.3 }]);
-  captionParts(k, s, { kicker: CAPTION.kicker, cta: CAPTION.cta });
-  const col = column(s, 300);
-  caption(k, sheet, s, { ...CAPTION, step: "subtitle", width: col.width, align: "CENTER", at: { x: col.x, y: Math.round(64 * s.u) } });
-  k.cues(sheet, CUES);
-}
-var laptop_reveal_default = defineTemplate({
-  id: "motion-3d-laptop-reveal",
-  meta: {
-    name: "Laptop reveal",
-    description: "A closed laptop opens on its hinge in 3D, the screen wakes to your web app, the camera pushes in and a phone rises beside it \u2014 an 8-second, 60 fps 16:9 reveal for a web launch. Swap the display's screen, or drop in a screenshot",
-    category: "animation",
-    tags: ["animation", "3d", "laptop", "web app", "saas", "device", "mockup", "reveal", "launch"],
-    platforms: ["youtube", "linkedin", "x", "web"],
-    formats: ["video", "intro", "ad"],
-    useCases: ["launch", "announcement"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  build() {
-    const k = new Kit("Laptop reveal", preset(SIZES[0]));
-    brand(k, "dark");
-    appScreens(k, ["Home", "Dashboard", "Screenshot"]);
-    devices(k, ["Phone", "Laptop lid", "Laptop lid back", "Laptop base"], { laptop: "Screen / Dashboard" });
-    const [cover] = sizes(k, SIZES, (sheet, s) => build(k, sheet, s));
-    k.setCover(cover);
-    return k.finish();
-  }
-});
-
-export {
-  laptop_reveal_default
-};

package/dist/chunks/chunk-XVITFP3Q.js

@@ -1,119 +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 {
-  showcase,
-  showcaseStyles,
-  specimenRow
-} from "./chunk-JZ4SIJCP.js";
-import {
-  defineLibrary
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  hex,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/libraries/toasts.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var TOAST = [
-  { layer: "Card", preset: "rise-in", at: 0, params: { duration: 500 } },
-  { layer: "Icon", preset: "pop-in", at: 150, params: { duration: 400 } },
-  { layer: "Card", preset: "fade-out", at: 3300, params: { duration: 400 } }
-];
-var UNDO = [
-  { layer: "Card", preset: "slide-in", at: 0, params: { direction: "up", duration: 500 } },
-  { layer: "Timer", preset: "wipe-out", at: 500, params: { duration: 4500, ease: { kind: "linear" } } },
-  { layer: "Card", preset: "fade-out", at: 5100, params: { duration: 400 } }
-];
-var marks = (inAt, shown, out, end) => [
-  { id: "in", t: inAt, label: "In" },
-  { id: "shown", t: shown, label: "Shown" },
-  { id: "out", t: out, label: "Out" },
-  { id: "end", t: end, label: "End" }
-];
-var lift = { type: "DROP_SHADOW", color: hex("#0F172A", 0.16), offset: { x: 0, y: 10 }, blur: 28, spread: 0, visible: true };
-var toasts_default = defineLibrary({
-  id: "lib-toasts",
-  version: 1,
-  meta: {
-    name: "Toast notifications",
-    description: "Animated toasts as motion components \u2014 success, error and info toasts that rise in and fade away, and an undo toast with a running timer \u2014 with text, icon and colour inputs",
-    tags: ["animation", "toast", "notification", "snackbar", "undo", "alert", "components"],
-    created: "2026-09-29",
-    updated: "2026-09-29",
-    aliases: ["web-kit-toasts"]
-  },
-  motion: { components: [{ component: "Toast", cues: TOAST }, { component: "Undo toast", cues: UNDO }] },
-  build() {
-    const k = new Kit("Toast notifications", preset("web-desktop"));
-    k.brand({ paper: "#F5F6F8", text: "#172033", onPaper: "#5B6474", card: "#FFFFFF", onCard: "#172033", cardMuted: "#5B6474", success: "#15803D", onSuccess: "#FFFFFF", ink: "#172033", onInk: "#F5F6F8", timer: "#8FB4FF", line: "#E1E4EA", primary: "#2F55D4", onPrimary: "#FFFFFF" }, { name: "Brightline" });
-    showcaseStyles(k);
-    k.textStyle("Toast title 15", { size: 15, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Toast body 14", { size: 14, fontWeight: 400, lineHeight: 20 });
-    k.textStyle("Icon 14", { size: 14, fontWeight: 800, lineHeight: 16, textAlign: "CENTER" });
-    k.textStyle("Action 14", { size: 14, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("App title 24", { size: 24, fontWeight: 800, letterSpacing: -0.4, lineHeight: 32 });
-    k.textStyle("Cell 14", { size: 14, fontWeight: 500, lineHeight: 20 });
-    k.component("Toast", {
-      width: "HUG",
-      timeline: { duration: 3800, markers: marks(0, 600, 3300, 3800) },
-      description: "A notice that rises in with its icon popping, stays, and fades. Play In \u2192 Shown to leave it up. Title, Message, Icon and Accent are inputs.",
-      props: { Title: "Invoice sent", Message: "Harbour Studio will get it in a minute.", Icon: "\u2714", Accent: { color: "success" }, "Plays on": { motion: "trigger", value: "load" } }
-    }, (id) => {
-      const card = k.stack(id, { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", fill: "card", radius: 12, padding: { top: 14, right: 20, bottom: 14, left: 14 }, effects: [lift], name: "Card" });
-      const icon = k.stack(card, { direction: "HORIZONTAL", width: 28, height: 28, radius: 14, align: "CENTER", justify: "CENTER", fill: "success", name: "Icon" });
-      k.bindPath(icon, "fills[#0].color", "Accent");
-      k.propText(icon, "Icon", { style: "Icon 14", color: "onSuccess", autoWidth: true, name: "Glyph" });
-      const copy = k.stack(card, { width: "HUG", gap: 2, name: "Copy" });
-      k.propText(copy, "Title", { style: "Toast title 15", color: "onCard", autoWidth: true });
-      k.propText(copy, "Message", { style: "Toast body 14", color: "cardMuted", autoWidth: true });
-    });
-    k.component("Undo toast", {
-      width: "HUG",
-      timeline: { duration: 5500, markers: marks(0, 500, 5100, 5500) },
-      description: "An action that can be taken back: the notice slides up with an Undo, and its timer bar runs down while the undo still works. Message and Action are inputs.",
-      props: { Message: "Invoice #1042 archived", Action: "Undo" }
-    }, (id) => {
-      const card = k.stack(id, { width: 360, fill: "ink", radius: 12, clip: true, effects: [lift], name: "Card" });
-      const row = k.stack(card, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", padding: { top: 14, right: 18, bottom: 12, left: 18 }, name: "Row" });
-      k.propText(row, "Message", { style: "Toast body 14", color: "onInk", autoWidth: true });
-      k.propText(row, "Action", { style: "Action 14", color: "onInk", autoWidth: true });
-      k.stack(card, { height: 3, fill: "timer", name: "Timer" });
-    });
-    k.cues(k.componentIdOf("Toast"), TOAST);
-    k.cues(k.componentIdOf("Undo toast"), UNDO);
-    const sheet = k.sheet;
-    showcase(k, sheet, { title: "Toast notifications", intro: "Each toast plays on its own clock: set when it starts, or play only its In range so it stays up. The title, message, icon and accent colour are inputs.", duration: 6e3 });
-    const kinds = specimenRow(k, sheet, "Kinds", { gap: 24, align: "MIN" });
-    k.instance(kinds, "Toast", { Title: "Invoice sent", Message: "Harbour Studio will get it in a minute." }, { name: "Toast success", playback: { range: ["in", "shown"] } });
-    k.instance(kinds, "Toast", { Title: "Payment failed", Message: "The card ending 4417 was declined.", Icon: "!", Accent: hex("#B42318") }, { name: "Toast error", playback: { range: ["in", "shown"], start: 300 } });
-    k.instance(kinds, "Toast", { Title: "Reminder scheduled", Message: "We\u2019ll nudge them again on Friday.", Icon: "i", Accent: hex("#1D4ED8") }, { name: "Toast info", playback: { range: ["in", "shown"], start: 600 } });
-    const undo = specimenRow(k, sheet, "Undo", { gap: 24 });
-    k.instance(undo, "Undo toast", { Message: "Invoice #1042 archived", Action: "Undo" }, { name: "Undo toast", playback: { start: 400 } });
-    const app = k.stack(sheet, { direction: "HORIZONTAL", gap: 32, radius: 16, stroke: { color: "line", width: 1 }, padding: 28, align: "MAX", name: "App" });
-    const list = k.stack(app, { gap: 10, name: "Invoices" });
-    k.text(list, "Invoices", { style: "App title 24", color: "text", name: "App title" });
-    for (const [who, amount, state] of [["Harbour Studio", "$4,200.00", "Sent"], ["Northwind Coffee", "$1,180.00", "Paid"], ["Fernhill Bakery", "$640.00", "Overdue"], ["Ledger & Pine", "$2,975.00", "Draft"]]) {
-      const r = k.stack(list, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", padding: { top: 12, right: 0, bottom: 12, left: 0 }, name: "Invoice row" });
-      k.text(r, who, { style: "Cell 14", color: "text", autoWidth: true, name: "Client" });
-      k.text(r, `${amount} \xB7 ${state}`, { style: "Cell 14", color: "onPaper", autoWidth: true, name: "Amount" });
-    }
-    const stack = k.stack(app, { width: "HUG", gap: 12, align: "MAX", name: "Toast stack" });
-    k.instance(stack, "Toast", { Title: "Invoice sent", Message: "Harbour Studio will get it in a minute." }, { name: "Stacked toast", playback: { start: 0 } });
-    k.instance(stack, "Toast", { Title: "Payment received", Message: "Northwind Coffee paid $1,180.00." }, { name: "Stacked toast", playback: { start: 900 } });
-    k.instance(stack, "Toast", { Title: "Reminder scheduled", Message: "Fernhill Bakery gets a nudge on Friday.", Icon: "i", Accent: hex("#1D4ED8") }, { name: "Stacked toast", playback: { start: 1800 } });
-    return k.finish();
-  }
-});
-
-export {
-  toasts_default
-};

package/dist/chunks/chunk-XWCH4VJA.js

@@ -1,159 +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 {
-  assemble,
-  bentoBrand,
-  calendarSlice,
-  cellBox,
-  disassemble,
-  fillWeek,
-  fitCalendar,
-  grot,
-  lockup,
-  placePost,
-  tile,
-  tileLabel
-} from "./chunk-3BOR5A2T.js";
-import {
-  bust,
-  portraitSlot
-} from "./chunk-UD3JVCFG.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.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-XXQRO5DZ.js

@@ -1,152 +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 {
-  WRECK,
-  caseBrand,
-  caseLid,
-  caseType,
-  laminate,
-  strip
-} from "./chunk-Y3AW2LXJ.js";
-import {
-  nextNights,
-  pruneStyles,
-  qrPaths
-} from "./chunk-HIGI3DBQ.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  blackShadow,
-  hardShadow
-} from "./chunk-HVK5T4I5.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  androidVariant,
-  screen,
-  statusBar
-} from "./chunk-R3ZCDUHV.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/app/tour-tickets-wreck-ticket.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var T = WRECK;
-var NIGHT = T.dates[5];
-var NAME = `Tour tickets mobile ticket: ${T.act}`;
-var tour_tickets_wreck_ticket_default = defineTemplate({
-  id: "app-tour-tickets-wreck-ticket",
-  meta: {
-    name: NAME,
-    description: "Two phone screens for an arena rock tour: the ticket in a wallet (a corner of a flight case lid as its header with the band stencilled and the night on fluorescent tape, the venue, block, row and seat, the gate and a QR block) and the fan-club presale code as a tour laminate with what it opens and when. iPhone screens with Android copies, wired as a prototype",
-    category: "app",
-    tags: ["app", "mobile", "ios", "android", "ticket", "wallet", "qr code", "tour", "concert", "arena", "rock", "presale", "road case"],
-    platforms: ["ios", "android"],
-    formats: ["screen"],
-    useCases: ["event", "presale", "receipt"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  build() {
-    const k = new Kit(NAME, preset("iphone-17"));
-    k.quantizeGeometry = true;
-    caseBrand(k, { name: "HALCYON WRECK" });
-    caseType(k);
-    k.textStyle("Status 15", { size: 15, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Head 30", { size: 30, fontWeight: 900, letterSpacing: -0.8, lineHeight: 34 });
-    k.textStyle("Pass name 36", { size: 36, fontWeight: 900, letterSpacing: -1.2, lineHeight: 34 });
-    k.textStyle("Field label 12", { ...MONO, size: 12, fontWeight: 800, letterSpacing: 1, lineHeight: 16 });
-    k.textStyle("Field 17", { size: 17, fontWeight: 800, lineHeight: 22 });
-    k.textStyle("Seat 28", { ...MONO, size: 28, fontWeight: 800, lineHeight: 32 });
-    k.textStyle("Note 13", { size: 13, fontWeight: 500, lineHeight: 18 });
-    k.textStyle("Code 32", { ...MONO, size: 32, fontWeight: 800, letterSpacing: 0.5, lineHeight: 38 });
-    k.textStyle("Button 17", { size: 17, fontWeight: 800, lineHeight: 22 });
-    pill(k, "CTA", { fill: "primary", ink: "onPrimary", style: "Button 17", label: "Add the presale to my calendar", pad: [15, 20], radius: 6 });
-    const pass = k.sheet;
-    k.nameSheet(pass, "Ticket");
-    screen(k, pass, { gap: 14 });
-    statusBar(k, pass, { style: "Status 15" });
-    const top = k.stack(pass, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top" });
-    k.text(top, "Tickets", { style: "Head 30", color: "text", autoWidth: true, name: "Title" });
-    k.text(top, "1 OF 2", { style: "Field label 12", color: "onPaper", autoWidth: true, name: "Count" });
-    const card = k.stack(pass, { gap: 0, fill: "card", radius: 18, clip: true, name: "Pass", effects: [blackShadow(0.5, 10, 24)] });
-    const art = k.frame(card, { x: 0, y: 0, width: 354, height: 200 }, { name: "Pass art", fill: "paper", clip: true });
-    k.patch(art, { layoutPositioning: "AUTO", layoutSizingHorizontal: "FILL" });
-    caseLid(k, art, 354, 200, 0.4);
-    k.text(art, "{{brand.name}}", { style: "Pass name 36", color: "text", width: 250, name: "Pass name", absolute: { x: 26, y: 30 }, effects: [hardShadow(k, "primary", 3, 3)] });
-    k.text(art, `${T.tour.toUpperCase()} TOUR ${T.year}`, { style: "Field label 12", color: "text", autoWidth: true, name: "Pass tour", absolute: { x: 26, y: 106 } });
-    const night = strip(k, art, { ...NIGHT, venue: "NIGHT 2" }, 5, { shape: "short" });
-    k.patch(night, { x: 22, y: 130, scaleX: 0.78, scaleY: 0.78, anchorX: 0, anchorY: 0, rotation: -1.5 });
-    const info = k.stack(card, { gap: 14, padding: 20, name: "Pass info" });
-    const field = (parent, label, value, style = "Field 17") => {
-      const c = k.stack(parent, { gap: 2, name: "Field" });
-      k.text(c, label, { style: "Field label 12", color: "onCard", name: "Field label" });
-      k.text(c, value, { style, color: "onCard", name: "Field value" });
-    };
-    const r1 = k.stack(info, { direction: "HORIZONTAL", gap: 14, name: "Row where" });
-    field(r1, "VENUE", `Thames Arena, London`);
-    field(r1, "DOORS", "18:30");
-    const r2 = k.stack(info, { direction: "HORIZONTAL", gap: 14, name: "Row seat" });
-    field(r2, "BLOCK", "112", "Seat 28");
-    field(r2, "ROW", "K", "Seat 28");
-    field(r2, "SEAT", "24", "Seat 28");
-    field(r2, "GATE", "C", "Seat 28");
-    const scan = k.stack(info, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Scan" });
-    const q = k.stack(scan, { width: 150, height: 150, fill: "card", name: "QR" });
-    k.vector(q, 150, 150, qrPaths(150, 513), "onCard", { name: "Modules", absolute: { x: 0, y: 0 } });
-    k.text(scan, "Show this at gate C. Turn your brightness up: the code refreshes every 30 seconds, so a screenshot will not scan.", { style: "Note 13", color: "onCard", name: "Scan note" });
-    k.text(info, `No. HW27-LON2-112K24 \xB7 seated \xB7 ${T.price.to}`, { style: "Field label 12", color: "onCard", name: "Pass number" });
-    const under = k.stack(pass, { gap: 4, align: "CENTER", name: "Wallet stack" });
-    [0.85, 0.55].forEach((a, i) => k.rect(under, 330 - 28 * i, 12, k.tint("card", a), { name: "Pass edge", radius: 8 }));
-    const order = k.stack(pass, { gap: 0, fill: "card", radius: 14, padding: { top: 6, right: 16, bottom: 6, left: 16 }, name: "Running order" });
-    for (const [label, value] of [["Support", "19:30"], [T.act, "20:45"], ["Curfew", "23:00"]]) {
-      const r = k.stack(order, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", gap: 12, padding: { top: 8, right: 0, bottom: 8, left: 0 }, name: "Order row" });
-      k.text(r, label, { style: "Note 13", color: "onCard", autoWidth: true, name: "Order label" });
-      k.text(r, value, { style: "Field label 12", color: "onCard", autoWidth: true, name: "Order time" });
-    }
-    const conf = k.addScreen("Presale code");
-    k.nameSheet(conf, "Presale code");
-    screen(k, conf, { gap: 14 });
-    statusBar(k, conf, { style: "Status 15" });
-    k.text(conf, "Your presale code", { style: "Head 30", color: "text", name: "Code title" });
-    const stage = k.frame(conf, { x: 0, y: 0, width: 354, height: 290 }, { name: "Laminate stage", clip: true });
-    k.patch(stage, { layoutPositioning: "AUTO", layoutSizingHorizontal: "FILL" });
-    laminate(k, stage, T);
-    for (const n of k.named(stage, "Laminate")) k.patch(n, { x: 47, y: 4, scaleX: 0.43, scaleY: 0.43, anchorX: 0, anchorY: 0, rotation: 0 });
-    const facts = k.stack(conf, { gap: 0, fill: "card", radius: 14, padding: { top: 6, right: 16, bottom: 6, left: 16 }, name: "Facts" });
-    for (const [label, value] of [["Presale opens", "Tue 2 Feb, 10:00 GMT"], ["General sale", "Fri 5 Feb, 10:00 GMT"], ["Good for", "Four tickets, one order"], ["Leg 2 presale", "9 Feb, same code"]]) {
-      const r = k.stack(facts, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", gap: 12, padding: { top: 10, right: 0, bottom: 10, left: 0 }, name: "Fact" });
-      k.text(r, label, { style: "Note 13", color: "onCard", autoWidth: true, name: "Fact label" });
-      k.text(r, value, { style: "Field 17", color: "onCard", autoWidth: true, name: "Fact value" });
-    }
-    nextNights(k, conf, T, { from: NIGHT, count: 3, label: "Field label 12", row: "Field 17", note: "Field label 12" });
-    k.instance(conf, "CTA", {}, { name: "Calendar" });
-    for (const n of k.named(pass, "Pass")) k.link(n, conf, "SMART_ANIMATE", { duration: 400 });
-    const androids = [pass, conf].map((id, i) => k.variants(id, [androidVariant(["Ticket", "Presale code"][i])])[0]);
-    for (const c of k.named(conf, "Calendar")) k.link(c, null, "DISSOLVE", { navigation: "BACK" });
-    k.flowStart(pass, "Ticket (iPhone)");
-    k.flowStart(androids[0], "Ticket (Android)");
-    pruneStyles(k);
-    return k.finish();
-  }
-});
-
-export {
-  tour_tickets_wreck_ticket_default
-};