@popcraft/kit 0.53.4 → 0.53.6

package/dist/chunks/chunk-S7HGELNN.js

@@ -1,122 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  art,
-  disc,
-  sizes
-} from "./chunk-B7SWM3MM.js";
-import {
-  pt3
-} from "./chunk-EJLCQVQK.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/print/printshop-flyer-lost-pet.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function cat(w, h) {
-  const cx = w / 2, cy = h * 0.58, r = Math.min(w, h) * 0.3;
-  const ear = (s) => ({ closed: true, points: [pt3(cx + s * r * 0.95, cy - r * 0.35), pt3(cx + s * r * 0.82, cy - r * 1.45), pt3(cx + s * r * 0.2, cy - r * 0.86)] });
-  const inner = (s) => ({ closed: true, points: [pt3(cx + s * r * 0.82, cy - r * 0.5), pt3(cx + s * r * 0.76, cy - r * 1.2), pt3(cx + s * r * 0.36, cy - r * 0.84)] });
-  const head = { closed: true, points: Array.from({ length: 28 }, (_, i) => {
-    const a = i / 28 * Math.PI * 2;
-    return pt3(cx + Math.cos(a) * r * 1.08, cy + Math.sin(a) * r * 0.92);
-  }) };
-  const stripe = (dx, len) => ({ closed: true, points: [pt3(cx + dx - 6, cy - r * 0.9), pt3(cx + dx + 6, cy - r * 0.9), pt3(cx + dx + 2, cy - r * 0.9 + len), pt3(cx + dx - 2, cy - r * 0.9 + len)] });
-  const eye = (s) => disc(cx + s * r * 0.4, cy - r * 0.05, r * 0.16);
-  const pupil = (s) => ({ closed: true, points: [pt3(cx + s * r * 0.4, cy - r * 0.2), pt3(cx + s * r * 0.4 + 4, cy - r * 0.05), pt3(cx + s * r * 0.4, cy + r * 0.1), pt3(cx + s * r * 0.4 - 4, cy - r * 0.05)] });
-  const nose = { closed: true, points: [pt3(cx - 9, cy + r * 0.25), pt3(cx + 9, cy + r * 0.25), pt3(cx, cy + r * 0.36)] };
-  const whiskers = [-1, 1].flatMap((s) => [0, 1, 2].map((i) => ({ closed: false, points: [pt3(cx + s * r * 0.3, cy + r * 0.38 + i * 6), pt3(cx + s * r * 1.35, cy + r * 0.26 + i * 14)] })));
-  const muzzle = [disc(cx - r * 0.18, cy + r * 0.42, r * 0.22), disc(cx + r * 0.18, cy + r * 0.42, r * 0.22)];
-  return { ears: [ear(-1), ear(1)], inner: [inner(-1), inner(1)], head, stripes: [stripe(0, r * 0.5), stripe(-r * 0.32, r * 0.36), stripe(r * 0.32, r * 0.36)], eyes: [eye(-1), eye(1)], pupils: [pupil(-1), pupil(1)], nose, whiskers, muzzle };
-}
-var printshop_flyer_lost_pet_default = defineTemplate({
-  id: "print-printshop-flyer-lost-pet",
-  meta: {
-    name: "Lost pet flyer",
-    description: "A lost cat or dog flyer for lamp posts and shop windows: LOST CAT white on a red band readable from a car, a big portrait (a drawn ginger tabby to swap for your photo), what she looks like and where she was last seen, the reward, and the phone number big. Reword it for a dog, a found pet or a missing tortoise. A4 and US Letter",
-    category: "flyer",
-    tags: ["flyer", "lost pet", "lost cat", "lost dog", "missing", "found pet", "reward", "poster", "neighbourhood", "community", "a4", "letter", "print"],
-    platforms: ["print"],
-    formats: ["flyer", "poster"],
-    useCases: ["announcement"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit("Lost pet flyer", preset("a4"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#FFFFFF", text: "#141414", onPaper: "#444444", primary: "#D62828", onPrimary: "#FFFFFF", accent: "#FFD60A", onAccent: "#141414", card: "#FFF1D6", onCard: "#141414" },
-      { name: "Miso", phone: "07700 900 361" }
-    );
-    k.palette({ fur: "#E8913A", furDark: "#B8611E", furLight: "#F7C58C", ear: "#F2A7A0", eye: "#9BC53D", ink: "#2A1A10", white: "#FFF8EE" });
-    k.textStyle("Head 124", { size: 124, fontWeight: 900, letterSpacing: -5, lineHeight: 120 });
-    k.textStyle("Name 54", { size: 54, fontWeight: 900, letterSpacing: -2, lineHeight: 56 });
-    k.textStyle("Body 21", { size: 21, fontWeight: 500, lineHeight: 30 });
-    k.textStyle("Label 15", { size: 15, fontWeight: 900, letterSpacing: 2, lineHeight: 20 });
-    k.textStyle("Seen 24", { size: 24, fontWeight: 800, letterSpacing: -0.4, lineHeight: 30 });
-    k.textStyle("Phone 56", { size: 56, fontWeight: 900, letterSpacing: -2, lineHeight: 60 });
-    k.textStyle("Reward 30", { size: 30, fontWeight: 900, letterSpacing: -0.6, lineHeight: 32 });
-    k.textStyle("Call 18", { size: 18, fontWeight: 700, lineHeight: 24 });
-    k.component("Fact", { width: 674, direction: "HORIZONTAL", gap: 14, props: { Label: "LOOKS LIKE", Fact: "Ginger tabby, white chest and paws" } }, (id) => {
-      k.propText(id, "Label", { style: "Label 15", color: "onPaper", width: 150 });
-      k.propText(id, "Fact", { style: "Body 21", color: "text", width: "FILL" });
-    });
-    sizes(k, ["a4", "us-letter"], ({ sheet, W, H, B }) => {
-      const P = 60;
-      k.flowSheet(sheet, 20, { top: 0, right: P, bottom: 56, left: P }, "paper", "MIN", "MIN");
-      art(k, sheet, W, H, B, [{ closed: true, points: [{ x: -B, y: -B }, { x: W + B, y: -B }, { x: W + B, y: 250 }, { x: -B, y: 250 }] }], "primary", { name: "Band" });
-      const head = k.stack(sheet, { height: 250, justify: "CENTER", name: "Head" });
-      k.text(head, "LOST CAT", { style: "Head 124", color: "onPrimary", width: "FILL", name: "Headline" });
-      const mid = k.stack(sheet, { direction: "HORIZONTAL", gap: 30, align: "MIN", name: "Middle" });
-      const fw = Math.round((W - P * 2) * 0.46);
-      const frame = k.stack(mid, { width: fw, height: fw * 1.02, radius: 18, fill: "card", clip: true, name: "Photo of the pet" });
-      const c = cat(fw, fw * 1.02);
-      const o = { origin: { x: 0, y: 0 } };
-      const draw = (paths, role, name, extra = {}) => k.vector(frame, fw, fw * 1.02, paths, role, { name, absolute: { x: 0, y: 0 }, ...extra.strokeWidth ? { strokeWidth: extra.strokeWidth } : {} });
-      void o;
-      draw(c.ears, "fur", "Ears");
-      draw(c.inner, "ear", "Inner ears");
-      draw([c.head], "fur", "Head");
-      draw(c.stripes, "furDark", "Stripes");
-      draw(c.muzzle, "white", "Muzzle");
-      draw(c.eyes, "eye", "Eyes");
-      draw(c.pupils, "ink", "Pupils");
-      draw([c.nose], "ear", "Nose");
-      draw(c.whiskers, "ink", "Whiskers", { strokeWidth: 1.5 });
-      const words = k.stack(mid, { gap: 14, name: "About her" });
-      k.patch(words, { layoutSizingHorizontal: "FILL" });
-      k.text(words, "{{brand.name}}", { style: "Name 54", color: "text", width: "FILL", name: "Pet name" });
-      k.text(words, "Four years old, shy with strangers, answers to her name and the sound of a treat tin.", { style: "Body 21", color: "onPaper", width: "FILL", name: "About" });
-      const reward = k.stack(words, { gap: 2, padding: 18, radius: 12, fill: "accent", name: "Reward" });
-      k.text(reward, "REWARD \xA3200", { style: "Reward 30", color: "onAccent", width: "FILL", name: "Reward amount" });
-      k.text(reward, "for news that brings her home", { style: "Call 18", color: "onAccent", width: "FILL", name: "Reward note" });
-      const facts = k.stack(sheet, { gap: 12, name: "Facts" });
-      for (const [l, f] of [["LOOKS LIKE", "Ginger tabby, white chest and paws, a kink at the end of her tail"], ["WEARING", "Blue collar with a bell; microchipped"], ["LAST SEEN", "Tuesday 6 October, evening, by the garages on Hollybush Lane"]]) k.instance(facts, "Fact", { Label: l, Fact: f }, { width: "FILL", name: "Fact" });
-      k.text(sheet, "Please check sheds and garages. Do not chase her: call us and stay where you can see her.", { style: "Seen 24", color: "text", width: "FILL", name: "Ask" });
-      const sp = k.stack(sheet, { name: "Space" });
-      k.patch(sp, { layoutSizingVertical: "FILL" });
-      const call = k.stack(sheet, { gap: 0, padding: { top: 18, right: 26, bottom: 20, left: 26 }, fill: "primary", radius: 14, name: "Call" });
-      k.text(call, "CALL OR TEXT, ANY TIME", { style: "Label 15", color: "onPrimary", width: "FILL", name: "Call title" });
-      k.text(call, "{{brand.phone}}", { style: "Phone 56", color: "onPrimary", width: "FILL", name: "Phone" });
-    });
-    return k.finish();
-  }
-});
-
-export {
-  printshop_flyer_lost_pet_default
-};

package/dist/chunks/chunk-SC3CDM5D.js

@@ -1,181 +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 {
-  portraitSlot
-} from "./chunk-YUJ6YBZ6.js";
-import {
-  gridPaths
-} from "./chunk-2VFVKPUT.js";
-import {
-  polyline
-} from "./chunk-GG26TBBH.js";
-import {
-  MONO
-} from "./chunk-AXAAXHZF.js";
-import {
-  bed
-} from "./chunk-KHGNV7UQ.js";
-import {
-  glow,
-  shadow
-} from "./chunk-YORIY3BT.js";
-import {
-  logoBadge,
-  pill
-} from "./chunk-KOAJ6HD2.js";
-import {
-  box
-} from "./chunk-EJLCQVQK.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion/saas-film-webinar-opener.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var B = bed("calm", 16);
-var { beat } = B;
-var ROUTE = [[-30, 720], [1080, 720], [1080, 840], [1560, 840], [1560, 960], [1950, 960]];
-var STOPS = [[240, 720], [600, 720], [960, 720], [1080, 840], [1320, 840], [1560, 960], [1800, 960]];
-var DRIVE = { from: beat(4), to: B.duration - 600 };
-var RUN = [...ROUTE.slice(0, -1), STOPS[STOPS.length - 1]];
-var LEGS = RUN.slice(1).map(([x, y], i) => Math.abs(x - RUN[i][0]) + Math.abs(y - RUN[i][1]));
-var LENGTH = LEGS.reduce((a, b) => a + b, 0);
-var driveAt = (d) => Math.round(DRIVE.from + d / LENGTH * (DRIVE.to - DRIVE.from));
-function along(px, py) {
-  let d = 0;
-  for (let i = 0; i < LEGS.length; i++) {
-    const [ax, ay] = RUN[i], [bx, by] = RUN[i + 1];
-    if (Math.min(ax, bx) <= px && px <= Math.max(ax, bx) && Math.min(ay, by) <= py && py <= Math.max(ay, by)) return d + Math.abs(px - ax) + Math.abs(py - ay);
-    d += LEGS[i];
-  }
-  throw new Error(`stop ${px},${py} is not on the route`);
-}
-var BLOCKS = [[1, 1], [4, 0], [6, 2], [9, 5], [12, 1], [14, 6], [2, 5], [7, 7], [11, 3], [15, 0], [5, 4], [13, 8], [0, 3], [10, 7]];
-var SPEAKERS = [
-  { name: "Ines Okonkwo", role: "Co-founder, Routewise", x: 0, y: 30, ground: "portraitA", skin: "skinA", top: "topA" },
-  { name: "Marek Dvo\u0159\xE1k", role: "Ops lead, Greenbox Deliveries", x: 390, y: 190, ground: "portraitB", skin: "skinB", top: "topB" }
-];
-var SECONDS = Math.floor(B.duration / 1e3);
-var counts = [{ layer: "Clock", at: 0, duration: SECONDS * 1e3, counter: { from: 59, to: 59 - SECONDS, prefix: "0:" }, tick: 1e3 }];
-var cues = [
-  { layer: "Brand row", preset: "fade-in", at: 0, params: { duration: 300 } },
-  { layer: "Title", preset: "words-in", at: 120, params: { duration: 600, amount: 70 } },
-  { layer: "Route", preset: "wipe-in", at: beat(1), params: { duration: beat(3), direction: "right", ease: ease.inOut("cubic") } },
-  { layer: STOPS.map((_, i) => `Stop ${i + 1}`), preset: "pop-in", at: beat(1.5), params: { duration: 380 }, stagger: { delay: Math.round(beat(0.4)), order: "selection" } },
-  { layer: "Driver", preset: "pop-in", at: DRIVE.from - 300, params: { duration: 300 } },
-  ...STOPS.map(([x, y], i) => ({ layer: `Stop ${i + 1}`, preset: "pulse", at: driveAt(along(x, y)), params: { duration: 500, amount: 0.35 } })),
-  { layer: "When", preset: "rise-in", at: beat(2), params: { duration: 600 } },
-  { layer: "Countdown", preset: "rise-in", at: beat(3), params: { duration: 600 } },
-  { layer: "Soon fill", preset: "wipe-in", at: 0, params: { duration: B.duration, direction: "right", ease: ease.linear } },
-  { layer: "Speaker 1", preset: "rise-in", at: beat(4), params: { duration: 700 } },
-  { layer: "Speaker 2", preset: "rise-in", at: beat(5), params: { duration: 700 } },
-  { layer: "Join note", preset: "fade-in", at: beat(7), params: { duration: 500 } },
-  { layer: "Live tag", preset: "pulse", at: beat(8), params: { duration: 700, amount: 0.06 } },
-  { layer: "Live tag", preset: "pulse", at: beat(12), params: { duration: 700, amount: 0.06 } }
-];
-var saas_film_webinar_opener_default = defineTemplate({
-  id: "motion-saas-film-webinar-opener",
-  meta: {
-    name: "SaaS film: webinar and live demo opener",
-    description: 'A 13-second "starting soon" opener for a webinar or live demo at 1920\xD71080: the title, the date and time, two speaker photo slots with names and roles, and a countdown that really counts a second at a time while a delivery route draws itself across a city grid behind them. Music, cut to the beat',
-    category: "animation",
-    tags: ["animation", "saas", "saas film", "webinar", "live demo", "starting soon", "countdown", "speakers", "opener", "event", "music", "audio", "16:9", "zoom", "livestream"],
-    platforms: ["youtube", "linkedin", "web", "twitch"],
-    formats: ["video", "intro", "title-card"],
-    useCases: ["event", "livestream", "countdown", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts },
-  build() {
-    const k = new Kit("SaaS film: webinar and live demo opener", preset("video-1080p"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#1B3FD6", text: "#FFFFFF", onPaper: "#D3DDFF", primary: "#FFE14A", onPrimary: "#141A33", card: "#0C1750", onCard: "#FFFFFF", accent: "#FF6B4A", onAccent: "#1A0700" },
-      { name: "Routewise", title: "Plan 200 stops in four minutes." }
-    );
-    k.palette({ street: "#3F62EE", block: "#2C50E4", route: "#FFE14A", stop: "#FFFFFF", stopEdge: "#0C1750", dim: "#A9B8F5", track: "#24328A", portraitA: "#F4B9A0", skinA: "#7A4A3A", topA: "#1B3FD6", portraitB: "#9FE0C8", skinB: "#E8B892", topB: "#0C1750" });
-    k.textStyle("Title 112", { size: 112, fontWeight: 900, letterSpacing: -5, lineHeight: 106 });
-    k.textStyle("When 38", { size: 38, fontWeight: 600, letterSpacing: -0.6, lineHeight: 46 });
-    k.textStyle("Brand 32", { size: 32, fontWeight: 800, letterSpacing: -0.6, lineHeight: 38 });
-    k.textStyle("Tag 22", { size: 22, fontWeight: 800, letterSpacing: 2.4, lineHeight: 26 });
-    k.textStyle("Label 20", { size: 20, fontWeight: 800, letterSpacing: 3, lineHeight: 24 });
-    k.textStyle("Clock 128", { size: 128, fontWeight: 800, letterSpacing: -5, lineHeight: 120, fontFeatures: { tnum: 1 }, ...MONO });
-    k.textStyle("Note 26", { size: 26, fontWeight: 500, lineHeight: 34 });
-    k.textStyle("Speaker 30", { size: 30, fontWeight: 800, letterSpacing: -0.6, lineHeight: 36 });
-    k.textStyle("Role 20", { size: 20, fontWeight: 500, lineHeight: 26 });
-    pill(k, "Tag", { fill: "accent", ink: "onAccent", style: "Tag 22", label: "LIVE DEMO", pad: [10, 20], radius: 10 });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Webinar opener");
-    k.flowSheet(sheet, 0, { top: 80, right: 110, bottom: 80, left: 110 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: B.duration, fps: 30, audio: B.audio });
-    k.vector(sheet, 1920, 1080, BLOCKS.map(([c, r]) => box(c * 120 + 8, r * 120 + 8, 104, 104)), "block", { name: "Blocks", absolute: { x: 0, y: 0 } });
-    k.vector(sheet, 1920, 1080, gridPaths(1920, 1080, 120, 3), "street", { name: "Streets", absolute: { x: 0, y: 0 }, opacity: 0.55 });
-    glow(k, sheet, { x: 1500, y: 300, w: 1300, role: "street", alpha: 0.75, name: "Glow" });
-    const route = k.frame(sheet, { x: 0, y: 0, width: 1920, height: 1080 }, { name: "Route", clip: true });
-    k.vector(route, 1920, 1080, [polyline(ROUTE.map(([x, y]) => ({ x, y })))], "route", { name: "Route line", strokeWidth: 10, absolute: { x: 0, y: 0 } });
-    STOPS.forEach(([x, y], i) => k.ellipse(sheet, 34, "stop", { name: `Stop ${i + 1}`, stroke: { color: "stopEdge", width: 8, align: "INSIDE" }, absolute: { x: x - 17, y: y - 17 } }));
-    const END = RUN[RUN.length - 1];
-    const driver = k.ellipse(sheet, 52, "accent", { name: "Driver", stroke: { color: "stop", width: 7, align: "INSIDE" }, effects: [shadow(k, "card", 0.5, 8, 18)], absolute: { x: END[0] - 26, y: END[1] - 26 } });
-    let run = 0;
-    const corners = RUN.map(([x, y], i) => {
-      if (i > 0) run += LEGS[i - 1];
-      return { t: driveAt(run), dx: x - END[0], dy: y - END[1] };
-    });
-    k.animate(driver, "translateX", corners.map((c, i) => ({ t: c.t, v: c.dx, ...i < corners.length - 1 ? { ease: ease.linear } : {} })));
-    k.animate(driver, "translateY", corners.map((c, i) => ({ t: c.t, v: c.dy, ...i < corners.length - 1 ? { ease: ease.linear } : {} })));
-    const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 60, height: 920, name: "Layout" });
-    const left = k.stack(row, { width: 900, height: 920, justify: "SPACE_BETWEEN", name: "Words" });
-    const brand = k.stack(left, { direction: "HORIZONTAL", gap: 18, align: "CENTER", name: "Brand row" });
-    logoBadge(k, brand, { fill: "card", size: 34, radius: 12 });
-    k.text(brand, "{{brand.name}}", { style: "Brand 32", color: "text", autoWidth: true, name: "Brand name" });
-    k.instance(brand, "Tag", { Label: "LIVE DEMO" }, { name: "Live tag" });
-    const middle = k.stack(left, { gap: 30, name: "Headline" });
-    k.text(middle, "{{brand.title}}", { style: "Title 112", color: "text", name: "Title" });
-    k.text(middle, "Thursday 16 October \xB7 10:00 PT \xB7 18:00 BST", { style: "When 38", color: "onPaper", name: "When" });
-    const soon = k.stack(left, { direction: "HORIZONTAL", gap: 36, align: "CENTER", fill: "card", radius: 28, padding: { top: 26, right: 40, bottom: 30, left: 36 }, effects: [shadow(k, "card", 0.45, 24, 50)], name: "Countdown" });
-    const figure = k.stack(soon, { width: "HUG", gap: 6, name: "Figure" });
-    k.text(figure, "STARTING IN", { style: "Label 20", color: "dim", autoWidth: true, name: "Clock label" });
-    k.text(figure, "0:46", { style: "Clock 128", color: "onCard", autoWidth: true, name: "Clock" });
-    const side = k.stack(soon, { gap: 20, name: "Soon" });
-    k.text(side, "Grab a coffee. We start on the hour, and the recording goes to everyone who registered.", { style: "Note 26", color: "onCard", name: "Soon note" });
-    const track = k.stack(side, { height: 12, fill: "track", radius: 6, clip: true, name: "Soon track" });
-    k.rect(track, "FILL", 12, "primary", { name: "Soon fill" });
-    const stage = k.stack(row, { height: 920, name: "Speakers" });
-    SPEAKERS.forEach((s, i) => {
-      const W = 350, PW = W - 28, PH = 380;
-      const card = k.stack(stage, { width: W, gap: 16, fill: "card", radius: 30, padding: { top: 14, right: 14, bottom: 26, left: 14 }, effects: [shadow(k, "card", 0.5, 30, 60)], name: `Speaker ${i + 1}`, absolute: { x: s.x, y: s.y } });
-      portraitSlot(k, card, PW, PH, { radius: 20, ground: s.ground, skin: s.skin, top: s.top, halo: "stop", name: "Speaker slot", photo: "Speaker photo" });
-      const words = k.stack(card, { gap: 4, padding: { top: 0, right: 10, bottom: 0, left: 10 }, name: "Speaker words" });
-      k.text(words, s.name, { style: "Speaker 30", color: "onCard", name: "Speaker name" });
-      k.text(words, s.role, { style: "Role 20", color: "dim", name: "Speaker role" });
-    });
-    const note = k.stack(stage, { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", fill: "card", radius: 14, padding: { top: 14, right: 22, bottom: 14, left: 18 }, name: "Join note", absolute: { x: 0, y: 560 } });
-    k.ellipse(note, 14, "accent", { name: "Live dot" });
-    k.text(note, "Questions? Drop them in the chat", { style: "Role 20", color: "onCard", autoWidth: true, name: "Join words" });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  saas_film_webinar_opener_default
-};

package/dist/chunks/chunk-SCNO4J6G.js

@@ -1,311 +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 {
-  caret,
-  faceSlot
-} from "./chunk-2VFVKPUT.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  compactNav,
-  footer,
-  respond,
-  rule,
-  soft,
-  typeScale
-} from "./chunk-YHF6LRMF.js";
-import {
-  buttons,
-  nav,
-  page
-} from "./chunk-ZMD3C2YJ.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/web/saas-ai-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var PROMPT = "Six-week brand refresh for Kiln & Co. Around $18k, starting 3 March. They liked the Ostra case study.";
-var FEES = [["Discovery and audit", "Weeks 1\u20132", "$4,200"], ["Identity and guidelines", "Weeks 3\u20135", "$9,800"], ["Rollout and handover", "Week 6", "$3,600"]];
-var INDEX = [
-  ["Proposals", "Scope, timeline, fee table and terms, in the order a client reads them.", "40 sec"],
-  ["Statements of work", "Deliverables and sign-off points lifted from the proposal they said yes to.", "25 sec"],
-  ["Follow-ups", "The nudge on day four, written so it does not read like a nudge.", "8 sec"],
-  ["Change requests", "What was asked for, what it adds, and the new date, on one page.", "20 sec"],
-  ["Case studies", "The finished job as a story, with the numbers the client approved.", "90 sec"]
-];
-var NOTES = ["kiln & co \u2014 brand refresh??", "6 wks, start 3 mar", '~18k (they said "under 20")', "logo stays. type + colour + packaging", "mention ostra \u2014 31% repeat orders", "half up front"];
-var VOICE = [
-  ["Twelve past proposals", "Drop in what you have already sent. It keeps your structure and the way you open."],
-  ["Your rate card", "Day rates, minimums and what you never discount. Fee tables add up the way yours do."],
-  ["How you sign off", "\u201CSpeak soon\u201D, not \u201CBest regards\u201D. It does not put words in your mouth that you would not say."]
-];
-var cues = [
-  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 500 } },
-  { layer: "Dateline", preset: "fade-in", at: 100, params: { duration: 600 } },
-  { layer: "Headline", preset: "words-in", at: 200, params: { duration: 600 } },
-  { layer: "Lead", preset: "rise-in", at: 600 },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 750, stagger: { delay: 100 } },
-  { layer: "Proof", preset: "fade-in", at: 1e3, params: { duration: 500 } },
-  { layer: "Desk", preset: "rise-in", at: 400, params: { duration: 800 } },
-  { layer: "Prompt text", preset: "typewriter", at: 1e3, params: { duration: 1600 } },
-  { layer: "Send", preset: "pulse", at: 2650, params: { duration: 500, amount: 0.18 } },
-  { layer: "Draft", preset: "rise-in", at: 2900, params: { duration: 500 } },
-  { layer: "Draft title", preset: "words-in", at: 3050, params: { duration: 500 } },
-  { layer: "Draft opening", preset: "words-in", at: 3250, params: { duration: 300, amount: 20 } },
-  { layer: "Fee row", preset: "fade-in", at: 4400, params: { duration: 250 }, stagger: { delay: 150 } },
-  { layer: "Fee total row", preset: "fade-in", at: 4850, params: { duration: 250 } },
-  { layer: "Highlight", preset: "wipe-in", at: 5400, params: { duration: 250 } },
-  { layer: "Margin note", preset: "pop-in", at: 5500, params: { duration: 400 } }
-];
-var counts = [{ layer: "Fee total", at: 4850, duration: 550, counter: { from: 0, to: 17600, prefix: "$" } }];
-var saas_ai_landing_default = defineTemplate({
-  id: "web-saas-ai-landing",
-  meta: {
-    name: "SaaS AI tool landing page",
-    description: "A landing page for an AI writing tool, set like a broadsheet: the hero is a prompt box that types a brief and streams a finished proposal under it, fee table and all. Then an index of what it drafts, notes beside the result, how it learns a voice, a reader\u2019s letter and the price. Warm serif editorial, desktop to phone",
-    category: "web",
-    tags: ["saas", "ai", "landing page", "prompt box", "hero", "editorial", "serif", "typewriter", "website", "animation", "responsive", "startup"],
-    platforms: ["web"],
-    formats: ["page", "demo"],
-    useCases: ["launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues, counts },
-  build() {
-    const k = new Kit("SaaS AI tool landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#F1ECE1", text: "#1B1916", onPaper: "#575147", primary: "#7A1F2B", onPrimary: "#FFF8EC", accent: "#F2C14E", card: "#FFFDF8", onCard: "#1B1916", cardMuted: "#6B6458", panel: "#211D19", onPanel: "#F4EEE2", panelMuted: "#B9B0A0", hairline: "#CFC6B4" },
-      { name: "Longhand" }
-    );
-    const s = typeScale(k, {
-      "Nav 16": { size: 16, fontWeight: 500, lineHeight: 24 },
-      "Brand 22": { ...SERIF, size: 22, fontWeight: 700, letterSpacing: -0.3, lineHeight: 28 },
-      "Button 16": { size: 16, fontWeight: 600, lineHeight: 24 },
-      "Dateline 13": { ...MONO, size: 13, fontWeight: 500, letterSpacing: 1.2, lineHeight: 20, textCase: "UPPER" },
-      "Display 104": { ...SERIF, size: 104, fontWeight: 600, letterSpacing: -3.6, lineHeight: 104 },
-      "Display 88": { ...SERIF, size: 88, fontWeight: 600, letterSpacing: -3, lineHeight: 90 },
-      "Display 60": { ...SERIF, size: 60, fontWeight: 600, letterSpacing: -1.8, lineHeight: 64 },
-      "Display 42": { ...SERIF, size: 42, fontWeight: 600, letterSpacing: -1.1, lineHeight: 46 },
-      "Lead 20": { size: 20, fontWeight: 400, lineHeight: 31 },
-      "Lead 17": { size: 17, fontWeight: 400, lineHeight: 27 },
-      "Proof 14": { size: 14, fontWeight: 500, lineHeight: 22 },
-      "Prompt 19": { ...SERIF, size: 19, fontWeight: 400, lineHeight: 29 },
-      "Prompt 16": { ...SERIF, size: 16, fontWeight: 400, lineHeight: 25 },
-      "Label 12": { ...MONO, size: 12, fontWeight: 600, letterSpacing: 1.1, lineHeight: 16, textCase: "UPPER" },
-      "Draft title 30": { ...SERIF, size: 30, fontWeight: 700, letterSpacing: -0.6, lineHeight: 36 },
-      "Draft title 22": { ...SERIF, size: 22, fontWeight: 700, letterSpacing: -0.3, lineHeight: 28 },
-      "Draft 16": { ...SERIF, size: 16, fontWeight: 400, lineHeight: 26 },
-      "Fee 15": { size: 15, fontWeight: 500, lineHeight: 22, fontFeatures: { tnum: 1 } },
-      "Fee total 26": { ...SERIF, size: 26, fontWeight: 700, lineHeight: 32, fontFeatures: { tnum: 1 } },
-      "Aside 22": { ...SERIF, size: 22, fontWeight: 400, fontStyle: "italic", lineHeight: 31 },
-      "Note 14": { ...SERIF, size: 14, fontWeight: 600, fontStyle: "italic", lineHeight: 20 },
-      "Section 52": { ...SERIF, size: 52, fontWeight: 600, letterSpacing: -1.6, lineHeight: 56 },
-      "Section 34": { ...SERIF, size: 34, fontWeight: 600, letterSpacing: -0.8, lineHeight: 40 },
-      "Entry 30": { ...SERIF, size: 30, fontWeight: 500, fontStyle: "italic", letterSpacing: -0.4, lineHeight: 36 },
-      "Body 17": { size: 17, fontWeight: 400, lineHeight: 27 },
-      "Time 14": { ...MONO, size: 14, fontWeight: 500, lineHeight: 27 },
-      "Scrawl 16": { ...MONO, size: 16, fontWeight: 400, lineHeight: 30 },
-      "Quote 44": { ...SERIF, size: 44, fontWeight: 400, fontStyle: "italic", letterSpacing: -0.9, lineHeight: 56 },
-      "Quote 26": { ...SERIF, size: 26, fontWeight: 400, fontStyle: "italic", letterSpacing: -0.3, lineHeight: 36 },
-      "Initial 132": { ...SERIF, size: 132, fontWeight: 700, lineHeight: 112 },
-      "Initial 84": { ...SERIF, size: 84, fontWeight: 700, lineHeight: 76 },
-      "Voice 22": { ...SERIF, size: 22, fontWeight: 700, lineHeight: 28 },
-      "Small 14": { size: 14, fontWeight: 400, lineHeight: 22 },
-      "Foot head 14": { size: 14, fontWeight: 700, lineHeight: 22 }
-    });
-    buttons(k, { style: s("Button 16"), pad: [15, 26], radius: 2 });
-    k.component("Button paper", { direction: "HORIZONTAL", width: "HUG", radius: 2, align: "CENTER", fill: "card", padding: { top: 15, right: 26, bottom: 15, left: 26 }, props: { Label: "Start writing" } }, (id) => {
-      k.propText(id, "Label", { style: s("Button 16"), color: "onCard", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 88, top: 32 });
-    k.timeline(sheet, { duration: 6e3, fps: 30 });
-    nav(k, sheet, { links: ["What it writes", "Your voice", "Pricing", "Sign in"], cta: "Start writing", style: s("Nav 16"), brandStyle: s("Brand 22") });
-    const hero = k.stack(sheet, { gap: 36, name: "Hero" });
-    const dateline = k.stack(hero, { gap: 10, name: "Dateline" });
-    rule(k, dateline, "text", { weight: 3 });
-    const line = k.stack(dateline, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", gap: 16, name: "Dateline row" });
-    k.text(line, "Vol. 3 \xB7 The proposal issue", { style: s("Dateline 13"), color: "text", autoWidth: true, name: "Issue" });
-    k.text(line, "For designers, writers and studios of one", { style: s("Dateline 13"), color: "onPaper", autoWidth: true, name: "Readers" });
-    k.text(line, "Free for three documents a month", { style: s("Dateline 13"), color: "onPaper", autoWidth: true, name: "Offer" });
-    rule(k, dateline, "text");
-    k.text(hero, "Say what the job is. Longhand writes the proposal.", { style: s("Display 104"), color: "text", name: "Headline" });
-    const row = k.stack(hero, { direction: "HORIZONTAL", gap: 64, name: "Hero row" });
-    const copy = k.stack(row, { width: 400, gap: 24, name: "Copy" });
-    k.text(copy, "Type one line about the work, or say it into your phone on the walk home. Forty seconds later there is a proposal in your own voice, with a fee table that adds up and terms you have used before.", { style: s("Lead 20"), color: "onPaper", name: "Lead" });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: "Write your first one" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "Read a sample" }, { name: "CTA quiet" });
-    k.text(copy, "61,400 proposals sent since January. 38% were signed within a week.", { style: s("Proof 14"), color: "onPaper", name: "Proof" });
-    const aside = k.stack(copy, { gap: 10, padding: { top: 28, right: 0, bottom: 0, left: 0 }, name: "Aside" });
-    rule(k, aside, "text");
-    k.text(aside, "Overheard", { style: s("Label 12"), color: "onPaper", name: "Aside label" });
-    k.text(aside, "\u201CShe replied in nine minutes with a yes and a start date. I had not finished my coffee.\u201D", { style: s("Aside 22"), color: "text", name: "Aside quote" });
-    k.text(aside, "Tom\xE1s Reyes, copywriter", { style: s("Proof 14"), color: "onPaper", name: "Aside name" });
-    const desk = k.stack(row, { gap: 0, fill: "card", radius: 4, stroke: { color: "text", width: 1.5 }, effects: [soft(0.16, 24, 48)], name: "Desk" });
-    const ask = k.stack(desk, { gap: 12, padding: { top: 24, right: 28, bottom: 24, left: 28 }, name: "Prompt" });
-    k.text(ask, "What is the job?", { style: s("Label 12"), color: "cardMuted", name: "Prompt label" });
-    const field = k.stack(ask, { direction: "HORIZONTAL", gap: 16, align: "MAX", name: "Prompt field" });
-    const typed = k.stack(field, { direction: "HORIZONTAL", gap: 4, align: "MAX", name: "Typed" });
-    k.text(typed, PROMPT, { style: s("Prompt 19"), color: "onCard", name: "Prompt text" });
-    caret(k, typed, 2, 26, "primary", { absolute: { x: 0, y: 0 } });
-    const send = k.stack(field, { width: 44, height: 44, radius: 22, fill: "primary", align: "CENTER", justify: "CENTER", name: "Send" });
-    k.vector(send, 18, 18, [{ closed: false, points: [{ x: 9, y: 16 }, { x: 9, y: 2 }] }, { closed: false, points: [{ x: 3, y: 8 }, { x: 9, y: 2 }, { x: 15, y: 8 }] }], "onPrimary", { name: "Arrow", strokeWidth: 2.4 });
-    rule(k, desk, "text", { weight: 1.5 });
-    const draft = k.stack(desk, { gap: 16, padding: { top: 28, right: 28, bottom: 30, left: 28 }, name: "Draft" });
-    k.text(draft, "Proposal \xB7 drafted for Kiln & Co.", { style: s("Label 12"), color: "cardMuted", name: "Draft label" });
-    k.text(draft, "A sharper Kiln, on every shelf by mid-April", { style: s("Draft title 30"), color: "onCard", name: "Draft title" });
-    k.text(draft, "Kiln\u2019s pots have outgrown the brand they launched with. Over six weeks from 3 March I will rework the type, colour and packaging around the mark you already own, the way we did for Ostra, where repeat orders rose 31% in a season.", { style: s("Draft 16"), color: "onCard", name: "Draft opening" });
-    const fees = k.stack(draft, { gap: 0, name: "Fees" });
-    for (const [what, when, fee] of FEES) {
-      const r = k.stack(fees, { name: "Fee row" });
-      rule(k, r, "hairline");
-      const cells = k.stack(r, { direction: "HORIZONTAL", gap: 16, padding: { top: 9, right: 0, bottom: 9, left: 0 }, name: "Fee cells" });
-      k.text(cells, what, { style: s("Fee 15"), color: "onCard", name: "Fee item" });
-      k.text(cells, when, { style: s("Fee 15"), color: "cardMuted", width: 104, name: "Fee weeks" });
-      k.text(cells, fee, { style: s("Fee 15"), color: "onCard", width: 64, align: "RIGHT", name: "Fee amount" });
-    }
-    const total = k.stack(fees, { name: "Fee total row" });
-    rule(k, total, "onCard", { weight: 1.5 });
-    const sum = k.stack(total, { direction: "HORIZONTAL", gap: 16, align: "CENTER", padding: { top: 12, right: 0, bottom: 0, left: 0 }, name: "Fee sum" });
-    k.text(sum, "Total, half on signing", { style: s("Fee 15"), color: "onCard", name: "Total label" });
-    const figure = k.stack(sum, { direction: "HORIZONTAL", width: "HUG", padding: { top: 0, right: 8, bottom: 0, left: 8 }, name: "Figure" });
-    k.rect(figure, 112, 16, "accent", { name: "Highlight", absolute: { x: 0, y: 13 } });
-    k.text(figure, "$17,600", { style: s("Fee total 26"), color: "onCard", autoWidth: true, name: "Fee total" });
-    const note = k.stack(desk, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", fill: "accent", radius: 2, padding: { top: 8, right: 14, bottom: 8, left: 14 }, effects: [soft(0.18, 6, 14)], name: "Margin note", absolute: { x: 560, y: -20 } });
-    k.text(note, "Drafted in 41 seconds", { style: s("Note 14"), color: "onCard", autoWidth: true, name: "Note words" });
-    k.patch(note, { rotation: -3 });
-    const index = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, name: "Index" });
-    const head = k.stack(index, { width: 372, gap: 16, name: "Index head" });
-    k.text(head, "Contents", { style: s("Label 12"), color: "onPaper", name: "Index label" });
-    k.text(head, "The whole paper trail of a job.", { style: s("Section 52"), color: "text", name: "Index title" });
-    k.text(head, "Each document starts from the one before it, so the invoice agrees with the proposal and the case study agrees with both.", { style: s("Body 17"), color: "onPaper", name: "Index lead" });
-    const list = k.stack(index, { name: "Index list" });
-    for (const [name, what, time] of INDEX) {
-      rule(k, list, "text");
-      const r = k.stack(list, { direction: "HORIZONTAL", gap: 24, padding: { top: 20, right: 0, bottom: 22, left: 0 }, name: "Entry" });
-      k.text(r, name, { style: s("Entry 30"), color: "text", width: 270, name: "Entry name" });
-      k.text(r, what, { style: s("Body 17"), color: "onPaper", name: "Entry text" });
-      k.text(r, time, { style: s("Time 14"), color: "text", width: 64, align: "RIGHT", name: "Entry time" });
-    }
-    rule(k, list, "text");
-    const compare = k.stack(sheet, { gap: 32, name: "Compare" });
-    k.text(compare, "It starts from the notes you already take.", { style: s("Section 52"), color: "text", width: 760, name: "Compare title" });
-    const pair = k.stack(compare, { direction: "HORIZONTAL", gap: 0, name: "Pair" });
-    const blotter = k.stack(pair, { gap: 14, fill: "panel", padding: 40, name: "Notes" });
-    k.text(blotter, "Your notes, 4:52 pm", { style: s("Label 12"), color: "panelMuted", name: "Notes label" });
-    const scrawl = k.stack(blotter, { name: "Scrawl" });
-    for (const n of NOTES) k.text(scrawl, n, { style: s("Scrawl 16"), color: "onPanel", name: "Note line" });
-    const out = k.stack(pair, { gap: 14, fill: "card", stroke: { color: "text", width: 1.5 }, padding: 40, name: "Sent" });
-    k.text(out, "What Kiln & Co. read, 4:53 pm", { style: s("Label 12"), color: "cardMuted", name: "Sent label" });
-    k.text(out, "Terms", { style: s("Voice 22"), color: "onCard", name: "Sent title" });
-    k.text(out, "The fee is $17,600, with half due on signing and half at handover in the week of 14 April. The mark itself is out of scope and stays as it is. Two rounds of revisions are included at each stage; a third is billed at my day rate of $880.", { style: s("Draft 16"), color: "onCard", name: "Sent text" });
-    k.text(out, "Speak soon, In\xE9s", { style: s("Note 14"), color: "cardMuted", name: "Sign-off" });
-    const voice = k.stack(sheet, { direction: "HORIZONTAL", gap: 64, name: "Voice" });
-    const opener = k.stack(voice, { direction: "HORIZONTAL", gap: 20, name: "Opener" });
-    k.text(opener, "I", { style: s("Initial 132"), color: "text", autoWidth: true, name: "Initial" });
-    k.text(opener, "t sounds like you because it has read you. Nothing leaves your account, and nothing you write trains a model anyone else uses.", { style: s("Section 52"), color: "text", name: "Opener text" });
-    const reads = k.stack(voice, { width: 420, name: "Reads" });
-    for (const [name, what] of VOICE) {
-      rule(k, reads, "text");
-      const item = k.stack(reads, { gap: 6, padding: { top: 16, right: 0, bottom: 22, left: 0 }, name: "Read" });
-      k.text(item, name, { style: s("Voice 22"), color: "text", name: "Read name" });
-      k.text(item, what, { style: s("Body 17"), color: "onPaper", name: "Read text" });
-    }
-    const letter = k.stack(sheet, { gap: 28, name: "Letter" });
-    rule(k, letter, "text", { weight: 3 });
-    k.text(letter, "Letters", { style: s("Label 12"), color: "onPaper", name: "Letter label" });
-    k.text(letter, "\u201CI used to lose a Sunday to every proposal. Last month I sent nine, from the train, and seven came back signed. The fee tables are the part clients mention.\u201D", { style: s("Quote 44"), color: "text", name: "Quote" });
-    const by = k.stack(letter, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Byline" });
-    faceSlot(k, k.photo(by, 52, 52, { radius: 26, ground: "hairline", name: "Portrait" }), 52, 52, "onPaper");
-    k.text(by, "In\xE9s Carvalho, brand designer, Porto", { style: s("Proof 14"), color: "onPaper", name: "Writer" });
-    const band = k.stack(sheet, { direction: "HORIZONTAL", gap: 48, align: "CENTER", fill: "primary", padding: 56, name: "Band" });
-    const pitch = k.stack(band, { gap: 12, name: "Band copy" });
-    k.text(pitch, "Three documents a month, free. $19 a month when the work picks up.", { style: s("Section 52"), color: "onPrimary", name: "Band title" });
-    k.text(pitch, "No seats, no credits, no word limits. Cancel from the same page you signed up on.", { style: s("Body 17"), color: "onPrimary", name: "Band text" });
-    k.instance(band, "Button paper", { Label: "Write your first one" }, { name: "Band button" });
-    footer(k, sheet, {
-      about: "Proposals, statements of work and follow-ups for people who would rather be doing the work.",
-      columns: [["Product", ["What it writes", "Your voice", "Pricing", "Changelog"]], ["Read", ["Sample proposal", "Fee table guide", "Letters"]], ["Company", ["About", "Privacy", "Contact"]]],
-      legal: "\xA9 2026 Longhand Writing Co. Set in Source Serif and Inter.",
-      brandStyle: s("Brand 22"),
-      headStyle: s("Foot head 14"),
-      linkStyle: s("Small 14"),
-      ruleColor: "text"
-    });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    respond(k, sheet, s, {
-      stack: ["Hero row", "Index", "Pair", "Voice", "Band", "Footer columns"],
-      stackMobile: ["Entry", "Dateline row"],
-      restyle: {
-        "Display 104": { laptop: "Display 88", tablet: "Display 60", mobile: "Display 42" },
-        "Section 52": { tablet: "Section 34", mobile: "Section 34" },
-        "Quote 44": { tablet: "Quote 26", mobile: "Quote 26" },
-        "Lead 20": { mobile: "Lead 17" },
-        "Initial 132": { tablet: "Initial 84", mobile: "Initial 84" },
-        "Prompt 19": { mobile: "Prompt 16" },
-        "Draft title 30": { mobile: "Draft title 22" }
-      },
-      hide: { tablet: ["Readers"] },
-      typing: [{ text: "Prompt text", caret: "Caret", at: 1e3, duration: 1600 }],
-      gap: { tablet: 64, mobile: 56 },
-      tweak: (kit, id, size) => {
-        const each = (name, props) => {
-          for (const n of kit.named(id, name)) kit.patch(n, props);
-        };
-        if (size === "laptop") {
-          each("Hero row", { itemSpacing: 48 });
-          each("Entry name", { width: 240 });
-          each("Margin note", { x: 470 });
-        }
-        if (size === "tablet") compactNav(kit, id, ["Your voice"]);
-        if (size === "tablet" || size === "mobile") {
-          each("Hero row", { itemSpacing: 40 });
-          each("Index", { itemSpacing: 28 });
-          each("Voice", { itemSpacing: 32 });
-          each("Band", { itemSpacing: 28, padding: { top: 36, right: 24, bottom: 36, left: 24 } });
-          each("Compare title", { layoutSizingHorizontal: "FILL" });
-          each("Margin note", { x: size === "tablet" ? 470 : 150 });
-        }
-        if (size === "mobile") {
-          each("Entry", { itemSpacing: 6 });
-          each("Entry time", { textAlign: "LEFT" });
-          each("Dateline row", { itemSpacing: 2 });
-          each("Prompt", { padding: { top: 20, right: 18, bottom: 20, left: 18 } });
-          each("Draft", { padding: { top: 22, right: 18, bottom: 24, left: 18 } });
-          each("Notes", { padding: { top: 24, right: 24, bottom: 24, left: 24 } });
-          each("Sent", { padding: { top: 24, right: 24, bottom: 24, left: 24 } });
-          each("Fee weeks", { visible: false });
-          each("Readers", { visible: false });
-          each("Aside", { padding: { top: 8, right: 0, bottom: 0, left: 0 } });
-          each("Opener", { itemSpacing: 12 });
-          each("Footer lists", { itemSpacing: 16 });
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  saas_ai_landing_default
-};