@popcraft/kit 0.24.2 → 0.25.0

package/dist/chunks/chunk-JHHE6IFQ.js

@@ -0,0 +1,213 @@
+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 {
+  barHead,
+  broadsheetBrand,
+  classified,
+  columnRule,
+  doubleRule,
+  flash,
+  grain,
+  markets,
+  masthead,
+  pressPhoto,
+  pullQuote,
+  rescale,
+  rule,
+  story,
+  weatherBox
+} from "./chunk-KYY7Z2AH.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  buttons,
+  nav,
+  page,
+  webResponsive
+} from "./chunk-YKXCPYWJ.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  ease
+} from "./chunk-6DWY3DOQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/web/broadsheet-landing.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var STORIES = [
+  { kicker: "Engineering", head: "Every pull request read in full, sources say", cap: "T", open: "he machine reads the diff, the title, the review thread and the issue it closes.", rest: "It can tell a customer-facing change from a dependency bump, and it leaves the bumps out. Forty merges on a busy Thursday come back as six notes a customer would care about, each with the pull request it came from, so anyone can check its working." },
+  { kicker: "Style", head: "Notes arrive in the house style, not the robot\u2019s", rest: "Point {{brand.name}} at your last twenty release notes and it picks up the habits: whether you say \u201Cfixed\u201D or \u201Csquashed\u201D, whether you thank contributors by name, how long a line may run. Three tone presets ship for teams with no back catalogue: plain, friendly and terse." },
+  { kicker: "Distribution", head: "Friday edition goes out on its own", rest: "The draft lands in Slack at nine. One click approves it; no click, and it waits. Approved notes are published to your changelog page, the RSS feed, an email to subscribers and the in-app \u201Cwhat\u2019s new\u201D panel in the same minute. Nothing is sent that a human has not seen." }
+];
+var ADS = [
+  { head: "For sale: Solo", body: "One repository, weekly edition, changelog page. $0 for ever. No card." },
+  { head: "For sale: Team", body: "Unlimited repositories, your house style, Slack and email. $29 a month, flat.", reversed: true },
+  { head: "Help wanted", body: "Founding engineer, remote, Europe hours. Must enjoy deleting code. Write to jobs@{{brand.site}}." },
+  { head: "Public notice", body: "Open source maintainers get Team free. Send us the repository; that is the whole form." }
+];
+var counts = [{ layer: "Teams close", at: 900, duration: 2600, counter: { from: 9788, to: 1e4, separator: "," } }];
+var cues = [
+  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 400 } },
+  { layer: "Flash", preset: "pop-in", at: 150, params: { duration: 320 } },
+  { layer: "Banner", preset: "typewriter", at: 300, params: { duration: 1100 } },
+  { layer: "Deck", preset: "rise-in", at: 1200, params: { duration: 600 } },
+  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1500, params: { duration: 500 }, stagger: { delay: 120 } },
+  { layer: "Byline", preset: "fade-in", at: 1900, params: { duration: 500 } },
+  { layer: "Held paper", preset: "wobble", at: 1700, params: { duration: 900 } },
+  { layer: "Held paper", preset: "wobble", at: 3600, params: { duration: 900 } }
+];
+var PHOTO = { width: 420, height: 320 };
+var broadsheet_landing_default = defineTemplate({
+  id: "web-broadsheet-landing",
+  meta: {
+    name: "Broadsheet front-page landing page",
+    description: 'A landing page laid out as a newspaper front page: a nameplate between two ears and a dateline, a lead story with an "EXTRA! EXTRA!" flash and a banner headline typeset letter by letter, a halftone press photograph, a markets table that counts up, the features as three real news stories in justified columns with a drop cap, a customer story round a pull quote, a weather box, and the prices and a hiring notice as classified advertisements. At desktop, laptop, tablet and phone widths',
+    category: "web",
+    tags: ["broadsheet", "newspaper", "front page", "headline", "extra extra", "halftone", "newsprint", "serif", "editorial", "columns", "drop cap", "classifieds", "landing page", "hero", "website", "saas", "animation", "responsive"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["launch", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  breakpoints: true,
+  motion: { cues, counts },
+  build() {
+    const k = new Kit("Broadsheet front-page landing page", preset("web-desktop"));
+    k.quantizeGeometry = true;
+    broadsheetBrand(k, { headline: "RELEASE NOTES NOW WRITE THEMSELVES" });
+    k.textStyle("Nav 15", { ...MONO, size: 14, fontWeight: 700, letterSpacing: 0.6, lineHeight: 22, textCase: "UPPER" });
+    k.textStyle("Brand 20", { ...SERIF, size: 20, fontWeight: 900, letterSpacing: -0.4, lineHeight: 26 });
+    k.textStyle("Button 15", { size: 15, fontWeight: 800, letterSpacing: 0.4, lineHeight: 22 });
+    k.textStyle("Plate 104", { ...SERIF, size: 88, fontWeight: 900, letterSpacing: -2.6, lineHeight: 94 });
+    k.textStyle("Plate 88", { ...SERIF, size: 78, fontWeight: 900, letterSpacing: -2.2, lineHeight: 84 });
+    k.textStyle("Plate 62", { ...SERIF, size: 62, fontWeight: 900, letterSpacing: -1.8, lineHeight: 66 });
+    k.textStyle("Plate 33", { ...SERIF, size: 30, fontWeight: 900, letterSpacing: -0.8, lineHeight: 36 });
+    k.textStyle("Ear 14", { ...SERIF, size: 14, fontWeight: 700, fontStyle: "italic", lineHeight: 18, textAlign: "CENTER" });
+    k.textStyle("Dateline 13", { ...MONO, size: 13, fontWeight: 700, letterSpacing: 1.4, lineHeight: 18, textCase: "UPPER" });
+    k.textStyle("Flash 20", { size: 20, fontWeight: 900, letterSpacing: 2.5, lineHeight: 24, textCase: "UPPER" });
+    k.textStyle("Banner 92", { ...SERIF, size: 84, fontWeight: 900, letterSpacing: -2.4, lineHeight: 78 });
+    k.textStyle("Banner 80", { ...SERIF, size: 74, fontWeight: 900, letterSpacing: -2, lineHeight: 70 });
+    k.textStyle("Banner 40", { ...SERIF, size: 40, fontWeight: 900, letterSpacing: -1, lineHeight: 40 });
+    k.textStyle("Deck 24", { ...SERIF, size: 24, fontWeight: 500, fontStyle: "italic", lineHeight: 34 });
+    k.textStyle("Deck 19", { ...SERIF, size: 19, fontWeight: 500, fontStyle: "italic", lineHeight: 28 });
+    k.textStyle("Byline 13", { ...MONO, size: 13, fontWeight: 700, letterSpacing: 1.2, lineHeight: 18, textCase: "UPPER" });
+    k.textStyle("Caption 14", { ...SERIF, size: 14, fontWeight: 500, fontStyle: "italic", lineHeight: 19 });
+    k.textStyle("Head 14", { size: 14, fontWeight: 900, letterSpacing: 2, lineHeight: 20, textCase: "UPPER" });
+    k.textStyle("Row 15", { ...MONO, size: 15, fontWeight: 700, lineHeight: 22 });
+    k.textStyle("Kicker 13", { ...MONO, size: 13, fontWeight: 800, letterSpacing: 1.6, lineHeight: 18, textCase: "UPPER" });
+    k.textStyle("Column head 30", { ...SERIF, size: 30, fontWeight: 800, letterSpacing: -0.6, lineHeight: 34 });
+    k.textStyle("Cap 76", { ...SERIF, size: 76, fontWeight: 900, lineHeight: 64 });
+    k.textStyle("Body 18", { ...SERIF, size: 18, fontWeight: 400, lineHeight: 28, textAlign: "JUSTIFIED" });
+    k.textStyle("Body 17", { ...SERIF, size: 17, fontWeight: 400, lineHeight: 27 });
+    k.textStyle("Feature head 46", { ...SERIF, size: 46, fontWeight: 900, letterSpacing: -1.2, lineHeight: 48 });
+    k.textStyle("Feature head 32", { ...SERIF, size: 32, fontWeight: 900, letterSpacing: -0.8, lineHeight: 36 });
+    k.textStyle("Quote 34", { ...SERIF, size: 34, fontWeight: 600, fontStyle: "italic", letterSpacing: -0.4, lineHeight: 42 });
+    k.textStyle("Quote 26", { ...SERIF, size: 26, fontWeight: 600, fontStyle: "italic", lineHeight: 34 });
+    k.textStyle("Weather 22", { ...SERIF, size: 22, fontWeight: 800, lineHeight: 26 });
+    k.textStyle("Ad head 16", { size: 16, fontWeight: 900, letterSpacing: 1.2, lineHeight: 22, textCase: "UPPER" });
+    k.textStyle("Ad 16", { ...SERIF, size: 16, fontWeight: 500, lineHeight: 23 });
+    k.textStyle("Small 13", { ...MONO, size: 13, fontWeight: 500, lineHeight: 20 });
+    buttons(k, { style: "Button 15", pad: [14, 24], radius: 0 });
+    const sheet = k.sheet;
+    page(k, sheet, { gap: 28, top: 24 });
+    k.patch(sheet, { effects: grain(0.07, 2) });
+    k.timeline(sheet, { duration: 5e3, fps: 30 });
+    nav(k, sheet, { links: ["Front page", "How it works", "Prices", "Classifieds"], cta: "Subscribe, free", style: "Nav 15", brandStyle: "Brand 20" });
+    for (const t of k.named(sheet, "Logo tile")) k.patch(t, { cornerRadius: 0 });
+    masthead(k, sheet, { plate: "Plate 104", dateline: "Dateline 13", ear: "Ear 14", ears: ["The forecast:\nclear to ship,\nuptime 99.98%", "All the news\nthat\u2019s fit\nto merge"] });
+    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 32, name: "Hero" });
+    const copy = k.stack(hero, { gap: 20, name: "Copy" });
+    flash(k, copy, "Extra! Extra!", { style: "Flash 20", star: 16, pad: [6, 14] });
+    k.text(copy, "{{brand.headline}}", { style: "Banner 92", color: "text", name: "Banner" });
+    k.text(copy, "{{brand.name}} reads every merged pull request and files the changelog before stand-up. Engineers are said to be relieved; product managers, suspicious, then relieved.", { style: "Deck 24", color: "text", name: "Deck" });
+    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
+    k.instance(cta, "Button", { Label: "Get this Friday\u2019s edition, free" }, { name: "CTA primary" });
+    k.instance(cta, "Button quiet", { Label: "Read a sample changelog" }, { name: "CTA quiet" });
+    k.text(copy, "By our shipping correspondent \xB7 connects to GitHub and GitLab in two minutes \xB7 no card", { style: "Byline 13", color: "onPaper", name: "Byline" });
+    columnRule(k, hero);
+    const visual = k.stack(hero, { width: PHOTO.width, gap: 14, name: "Visual" });
+    const figure = k.stack(visual, { gap: 6, name: "Figure" });
+    const stage = k.stack(figure, { height: PHOTO.height, name: "Photo stage" });
+    pressPhoto(k, stage, PHOTO.width, PHOTO.height);
+    k.text(figure, "A newsboy cries the 9 a.m. edition outside the build server. Photograph: staff.", { style: "Caption 14", color: "onPaper", name: "Photo caption" });
+    markets(k, visual, [["Teams", "10,000", "+212"], ["Notes filed", "48,310", "+1,904"], ["Hours saved", "9,420", "+388"]], { head: "Head 14", row: "Row 15" });
+    doubleRule(k, sheet, { name: "Fold" });
+    const columns = k.stack(sheet, { direction: "HORIZONTAL", gap: 28, name: "Columns" });
+    STORIES.forEach((s, i) => {
+      if (i) columnRule(k, columns);
+      const col = k.stack(columns, { gap: 10, name: "Column" });
+      flash(k, col, s.kicker, { style: "Kicker 13", pad: [2, 8], name: "Kicker" });
+      k.text(col, s.head, { style: "Column head 30", color: "text", name: "Column head" });
+      rule(k, col, 1.5);
+      if ("cap" in s) story(k, col, { cap: s.cap, open: s.open, rest: s.rest, capStyle: "Cap 76", body: "Body 18" });
+      else k.text(col, s.rest, { style: "Body 18", color: "text", name: "Column text" });
+      k.text(col, i === 2 ? "Prices, page 6" : `Continued on page ${i + 4}`, { style: "Caption 14", color: "onPaper", name: "Continued" });
+    });
+    doubleRule(k, sheet, { name: "Fold", flip: true });
+    const feature = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, name: "Feature" });
+    const article = k.stack(feature, { gap: 14, name: "Article" });
+    flash(k, article, "Profile", { style: "Kicker 13", pad: [2, 8], name: "Kicker" });
+    k.text(article, "Six engineers, forty merges a week and not one release note written by hand since March", { style: "Feature head 46", color: "text", name: "Feature head" });
+    k.text(article, "Harbour & Pine makes booking software for marinas. Its changelog used to be a Friday chore passed round the team like a cold. Now the draft is waiting in Slack at nine, the CTO reads it over coffee and presses the button. Support tickets asking \u201Cdid you change something?\u201D are down by a third, because the answer is already in the customer\u2019s inbox.", { style: "Body 17", color: "text", name: "Feature text" });
+    const side = k.stack(feature, { width: 420, gap: 20, name: "Feature side" });
+    pullQuote(k, side, { quote: "\u201CIt reads like we wrote it ourselves, on a good day, after a holiday.\u201D", by: "Priya Raman, CTO, Harbour & Pine", style: "Quote 34", byStyle: "Byline 13" });
+    weatherBox(k, side, { head: "Head 14", big: "Weather 22", body: "Ad 16", small: "Small 13" });
+    const classifieds = k.stack(sheet, { gap: 14, name: "Classifieds" });
+    barHead(k, classifieds, "Classified advertisements", "Head 14", { pad: [6, 12] });
+    const ads = k.stack(classifieds, { direction: "HORIZONTAL", gap: 14, name: "Ads" });
+    for (const ad of ADS) classified(k, ads, { head: ad.head, body: ad.body, headStyle: "Ad head 16", bodyStyle: "Ad 16", reversed: "reversed" in ad });
+    rule(k, sheet, 1.5);
+    k.text(sheet, "Printed and published by {{brand.name}} \xB7 \xA9 2026 \xB7 Privacy \xB7 Terms \xB7 Status \xB7 RSS \xB7 The editor regrets nothing that was merged with a passing build.", { style: "Small 13", color: "onPaper", name: "Footer" });
+    const sky = k.named(sheet, "Sky")[0];
+    const dot = Math.max(5, Math.round(PHOTO.height / 34));
+    k.animate(sky, "effects[@e1].dotSize", [{ t: 0, v: dot, ease: ease.inOut("sine") }, { t: 2500, v: dot * 1.35, ease: ease.inOut("sine") }, { t: 5e3, v: dot }]);
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    webResponsive(k, sheet, {
+      stack: ["Hero", "Columns", "Feature"],
+      stackMobile: ["Ads"],
+      restyle: {
+        "Plate 104": { laptop: "Plate 88", tablet: "Plate 62", mobile: "Plate 33" },
+        "Banner 92": { laptop: "Banner 80", tablet: "Banner 80", mobile: "Banner 40" },
+        "Deck 24": { mobile: "Deck 19" },
+        "Feature head 46": { mobile: "Feature head 32" },
+        "Quote 34": { mobile: "Quote 26" }
+      },
+      hide: { tablet: ["Column rule", "Ear left", "Ear right"], mobile: ["Column rule", "Ear left", "Ear right", "Dateline volume", "Dateline edition"] },
+      gap: { tablet: 26, mobile: 22 },
+      tweak: (kit, id, size) => {
+        if (size === "tablet") {
+          for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutMode: "HORIZONTAL", itemSpacing: 20 });
+          for (const n of kit.named(id, "Figure")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: PHOTO.width });
+          for (const n of kit.named(id, "Ads")) kit.patch(n, { layoutWrap: "WRAP" });
+          for (const n of kit.named(id, "Classified")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 329 });
+        }
+        if (size === "mobile") {
+          const scale = 335 / PHOTO.width;
+          rescale(kit, id, "Photo stage", "Press photo", { width: PHOTO.width, height: PHOTO.height, scale });
+          for (const n of kit.named(id, "Dateline")) kit.patch(n, { primaryAxisAlignItems: "CENTER" });
+        }
+      }
+    });
+    return k.finish();
+  }
+});
+
+export {
+  broadsheet_landing_default
+};

package/dist/chunks/chunk-JHLS7WVH.js

@@ -0,0 +1,108 @@
+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 {
+  checkbox,
+  confirms,
+  field,
+  formStyles,
+  select,
+  submit
+} from "./chunk-BDP4IUZA.js";
+import {
+  buttons,
+  nav,
+  page,
+  webResponsive
+} from "./chunk-YKXCPYWJ.js";
+import {
+  defineTemplate
+} from "./chunk-A44WEVKR.js";
+import {
+  Kit,
+  preset
+} from "./chunk-T3SGRYUX.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/web/contact.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var contact_default = defineTemplate({
+  id: "web-contact",
+  meta: {
+    name: "Contact page with a working form",
+    description: "A contact page whose form works: name, email, a topic to choose, a message and a newsletter tick box, then a thank-you message in its place. Attach a database when you publish and every message is saved \u2014 desktop, laptop, tablet and phone",
+    category: "web",
+    tags: ["contact", "form", "database", "enquiry", "message", "studio", "website", "responsive"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  breakpoints: true,
+  build() {
+    const k = new Kit("Contact page", preset("web-desktop"));
+    k.brand(
+      { paper: "#F7F5F0", text: "#1D1B18", onPaper: "#5B564E", primary: "#2F4B3C", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#1D1B18", cardMuted: "#6A645B", field: "#FFFFFF", onField: "#6A645B", line: "#D8D2C6" },
+      { name: "Hale & Marrow" }
+    );
+    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
+    k.textStyle("Brand 20", { size: 20, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
+    k.textStyle("Button 16", { size: 16, fontWeight: 600, lineHeight: 24 });
+    k.textStyle("Eyebrow 14", { size: 14, fontWeight: 700, letterSpacing: 1.2, lineHeight: 20, textCase: "UPPER" });
+    k.textStyle("Display 56", { size: 56, fontWeight: 800, letterSpacing: -1.6, lineHeight: 62 });
+    k.textStyle("Display 44", { size: 44, fontWeight: 800, letterSpacing: -1.2, lineHeight: 50 });
+    k.textStyle("Display 34", { size: 34, fontWeight: 800, letterSpacing: -0.8, lineHeight: 40 });
+    k.textStyle("Lead 19", { size: 19, fontWeight: 400, lineHeight: 30 });
+    k.textStyle("Lead 16", { size: 16, fontWeight: 400, lineHeight: 25 });
+    k.textStyle("Fact 16", { size: 16, fontWeight: 600, lineHeight: 24 });
+    formStyles(k, { help: true });
+    buttons(k, { style: "Button 16" });
+    const sheet = k.sheet;
+    page(k, sheet, { gap: 56, top: 32 });
+    nav(k, sheet, { links: ["Work", "Studio", "Journal"], cta: "Start a project", style: "Nav 16", brandStyle: "Brand 20", quiet: true });
+    const body = k.stack(sheet, { direction: "HORIZONTAL", gap: 80, padding: { top: 24, right: 0, bottom: 56, left: 0 }, name: "Body" });
+    const intro = k.stack(body, { gap: 24, name: "Intro" });
+    k.text(intro, "Contact", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
+    k.text(intro, "Tell us about the building you have in mind.", { style: "Display 56", color: "text", name: "Headline" });
+    k.text(intro, "A new house, an extension, a shop fit-out: say what it is, where it is and when you hope to start. One of the two of us reads every message and answers within two working days.", { style: "Lead 19", color: "onPaper", name: "Lead" });
+    const facts = k.stack(intro, { gap: 14, padding: { top: 8, right: 0, bottom: 0, left: 0 }, name: "Facts" });
+    for (const [what, value] of [["Studio", "14 Tanner Row, Bristol BS1 4QP"], ["Phone", "0117 496 0182, weekdays 9 to 5"], ["Email", "studio@haleandmarrow.example"]]) {
+      const row = k.stack(facts, { gap: 2, name: "Fact" });
+      k.text(row, what, { style: "Label 14", color: "onPaper", name: "Fact label" });
+      k.text(row, value, { style: "Fact 16", color: "text", name: "Fact value" });
+    }
+    const panel = k.stack(body, { width: 520, fill: "card", radius: 18, stroke: { color: "line", width: 1 }, padding: 32, name: "Contact card" });
+    const card = k.stack(panel, { gap: 18, name: "Contact form" });
+    const names = k.stack(card, { direction: "HORIZONTAL", gap: 14, name: "Name and email" });
+    field(k, names, { card: true, label: "Your name", name: "name", placeholder: "Ada Marsh", required: true });
+    field(k, names, { card: true, label: "Email", name: "email", placeholder: "ada@example.com", type: "email", required: true });
+    select(k, card, { card: true, label: "What is it about?", name: "topic", options: ["A new house", "An extension or renovation", "A shop or workplace", "Something else"] });
+    field(k, card, { card: true, label: "Message", name: "message", placeholder: "Where it is, how big, and when you hope to start", multiline: true, required: true });
+    checkbox(k, card, { card: true, label: "Send me the studio journal, four times a year", name: "journal" });
+    submit(k, card, "Send message");
+    k.text(card, "We answer within two working days. We do not share your details.", { style: "Help 13", color: "cardMuted", name: "Promise" });
+    confirms(k, panel, card, { title: "Thank you. Your message is with us.", body: "One of us will write back within two working days. If it is urgent, call the studio on 0117 496 0182.", titleStyle: "Thanks 24", bodyStyle: "Field 16", card: true });
+    webResponsive(k, sheet, {
+      stack: ["Body"],
+      stackMobile: ["Name and email"],
+      restyle: { "Display 56": { laptop: "Display 44", tablet: "Display 44", mobile: "Display 34" }, "Lead 19": { mobile: "Lead 16" } },
+      hide: { mobile: ["Nav links"] },
+      tweak: (kit, id, size) => {
+        if (size === "laptop") for (const n of kit.named(id, "Body")) kit.patch(n, { itemSpacing: 48 });
+        if (size === "tablet" || size === "mobile") for (const n of kit.named(id, "Body")) kit.patch(n, { itemSpacing: 40 });
+        if (size === "mobile") for (const n of kit.named(id, "Contact card")) kit.patch(n, { padding: { top: 20, right: 20, bottom: 20, left: 20 } });
+      }
+    });
+    return k.finish();
+  }
+});
+
+export {
+  contact_default
+};