@mdxui/services 0.1.0

package/dist/index.js

@@ -0,0 +1,1322 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/shared/scroll-reveal.tsx
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function ScrollReveal({ children }) {
+  const ref = useRef(null);
+  const [visible, setVisible] = useState(false);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    if (typeof IntersectionObserver === "undefined") {
+      setVisible(true);
+      return;
+    }
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          setVisible(true);
+          observer.disconnect();
+        }
+      },
+      { threshold: 0.1 }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-scroll-reveal": true,
+      "data-visible": visible,
+      style: {
+        opacity: visible ? 1 : 0,
+        transition: "opacity var(--motion-fade-duration) var(--motion-fade-easing)"
+      },
+      children
+    }
+  );
+}
+
+// src/components/Masthead.tsx
+import Link from "next/link";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function Masthead({ brand, cta, eyebrow, narrow }) {
+  return /* @__PURE__ */ jsx2("header", { className: "border-b border-line", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "mx-auto flex items-center justify-between gap-4 px-6 py-5 sm:px-10 " + (narrow ? "max-w-[900px]" : "max-w-container"),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx2(
+            Link,
+            {
+              href: brand.href,
+              className: "font-display text-[18px] tracking-tightish text-ink",
+              children: brand.primary
+            }
+          ),
+          brand.secondary && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx2("span", { className: "hidden h-4 w-px bg-line2 sm:inline-block" }),
+            /* @__PURE__ */ jsx2("span", { className: "hidden text-[11px] uppercase tracking-[0.18em] text-ink3 sm:inline", children: brand.secondary })
+          ] })
+        ] }),
+        cta ? /* @__PURE__ */ jsx2(
+          Link,
+          {
+            href: cta.href,
+            className: "rounded-cta bg-cta px-4 py-2 text-[12px] font-medium tracking-tightish text-cta-fg transition-colors hover:bg-cta-hover",
+            children: cta.label
+          }
+        ) : eyebrow ? /* @__PURE__ */ jsx2("span", { className: "text-[10.5px] uppercase tracking-[0.18em] text-ink3", children: eyebrow }) : null
+      ]
+    }
+  ) });
+}
+
+// src/components/ScrollHeader.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function ScrollHeader({
+  threshold = 480,
+  ...mastheadProps
+}) {
+  const [visible, setVisible] = useState2(false);
+  useEffect2(() => {
+    let raf = 0;
+    const update = () => {
+      raf = 0;
+      setVisible(window.scrollY > threshold);
+    };
+    const onScroll = () => {
+      if (raf) return;
+      raf = requestAnimationFrame(update);
+    };
+    update();
+    window.addEventListener("scroll", onScroll, { passive: true });
+    return () => {
+      window.removeEventListener("scroll", onScroll);
+      if (raf) cancelAnimationFrame(raf);
+    };
+  }, [threshold]);
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      "aria-hidden": !visible,
+      className: "pointer-events-none fixed inset-x-0 top-0 z-40 transition-[transform,opacity] duration-[220ms] ease-out-quart " + (visible ? "translate-y-0 opacity-100" : "-translate-y-full opacity-0"),
+      children: /* @__PURE__ */ jsx3("div", { className: "pointer-events-auto bg-paper shadow-sheet", children: /* @__PURE__ */ jsx3(Masthead, { ...mastheadProps }) })
+    }
+  );
+}
+
+// src/components/Footer.tsx
+import Link2 from "next/link";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function Footer({ text, links }) {
+  return /* @__PURE__ */ jsx4("footer", { className: "border-t border-line", children: /* @__PURE__ */ jsxs2("div", { className: "mx-auto flex max-w-container flex-col items-center gap-4 px-6 py-10 text-center text-[12px] text-ink3 sm:flex-row sm:justify-between sm:px-10 sm:text-left", children: [
+    /* @__PURE__ */ jsx4("p", { children: text }),
+    links && links.length > 0 && /* @__PURE__ */ jsx4("ul", { className: "flex flex-wrap items-center justify-center gap-x-5 gap-y-2 sm:justify-end", children: links.map((l) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
+      Link2,
+      {
+        href: l.href,
+        className: "text-ink3 no-underline transition-colors hover:text-ink",
+        children: l.label
+      }
+    ) }, l.href)) })
+  ] }) });
+}
+
+// src/components/HeroSplit.tsx
+import Link3 from "next/link";
+import { ChevronRight } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function HeroSplit({
+  eyebrow,
+  headline,
+  body,
+  primary,
+  secondary,
+  showGlyph = true,
+  /* INTENTIONALLY UNDEFAULTED — the smart default below uses the
+   * undefined state to distinguish "explicitly unset" from
+   * "explicitly false" (the opt-out escape hatch). */
+  glyphOnMobile,
+  illustration
+}) {
+  const effectiveGlyphOnMobile = glyphOnMobile ?? Boolean(illustration);
+  return /* @__PURE__ */ jsx5("section", { className: "border-b border-line", children: /* @__PURE__ */ jsx5("div", { className: "mx-auto max-w-container px-6 py-16 sm:px-10 sm:py-28 lg:py-32", children: /* @__PURE__ */ jsxs3("div", { className: showGlyph ? "lg:grid lg:grid-cols-[minmax(0,1fr)_360px] lg:items-center lg:gap-16" : "", children: [
+    /* @__PURE__ */ jsxs3("div", { children: [
+      /* @__PURE__ */ jsx5("p", { className: "text-[11px] uppercase tracking-[0.18em] text-ink3", children: eyebrow }),
+      /* @__PURE__ */ jsx5("h1", { className: "mt-5 max-w-[18ch] font-display text-display-hero leading-[1.04] tracking-tighter2 text-ink", children: headline }),
+      /* @__PURE__ */ jsx5("p", { className: "mt-6 max-w-[58ch] text-[16px] leading-relaxed text-ink2 sm:mt-7 sm:text-[17px]", children: body }),
+      /* @__PURE__ */ jsxs3("div", { className: "mt-10 flex flex-col items-stretch gap-4 sm:flex-row sm:flex-wrap sm:items-center", children: [
+        /* @__PURE__ */ jsx5(PrimaryAction, { action: primary }),
+        secondary && /* @__PURE__ */ jsx5(SecondaryAction, { action: secondary })
+      ] })
+    ] }),
+    showGlyph && /* @__PURE__ */ jsx5(
+      "div",
+      {
+        className: effectiveGlyphOnMobile ? "mt-12 lg:mt-0 lg:block" : "hidden lg:block",
+        "aria-hidden": "true",
+        children: illustration ?? /* @__PURE__ */ jsx5(HeroGlyph, {})
+      }
+    )
+  ] }) }) });
+}
+function PrimaryAction({ action }) {
+  const className = "inline-flex w-full items-center justify-center gap-1.5 rounded-cta bg-cta px-5 py-3 text-[14px] font-medium tracking-tightish text-cta-fg transition-colors hover:bg-cta-hover sm:w-auto sm:justify-start";
+  if (action.external) {
+    return /* @__PURE__ */ jsxs3(
+      "a",
+      {
+        href: action.href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className,
+        children: [
+          action.label,
+          /* @__PURE__ */ jsx5(ChevronRight, { className: "h-4 w-4", strokeWidth: 1.7 })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs3(Link3, { href: action.href, className, children: [
+    action.label,
+    /* @__PURE__ */ jsx5(ChevronRight, { className: "h-4 w-4", strokeWidth: 1.7 })
+  ] });
+}
+function SecondaryAction({ action }) {
+  const className = "inline-flex items-center justify-center gap-1.5 text-[13px] font-medium tracking-tightish text-ink2 transition-colors hover:text-accentDeep sm:justify-start";
+  if (action.external) {
+    return /* @__PURE__ */ jsxs3(
+      "a",
+      {
+        href: action.href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className,
+        children: [
+          action.label,
+          /* @__PURE__ */ jsx5(ChevronRight, { className: "h-3.5 w-3.5", strokeWidth: 1.7 })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs3(Link3, { href: action.href, className, children: [
+    action.label,
+    /* @__PURE__ */ jsx5(ChevronRight, { className: "h-3.5 w-3.5", strokeWidth: 1.7 })
+  ] });
+}
+function HeroGlyph() {
+  return /* @__PURE__ */ jsxs3(
+    "svg",
+    {
+      viewBox: "0 0 360 280",
+      className: "h-auto w-full",
+      fill: "none",
+      role: "presentation",
+      children: [
+        /* @__PURE__ */ jsxs3(
+          "g",
+          {
+            stroke: "oklch(var(--ink3) / 0.55)",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            children: [
+              /* @__PURE__ */ jsx5("line", { x1: "40", y1: "40", x2: "180", y2: "40" }),
+              /* @__PURE__ */ jsx5("line", { x1: "60", y1: "78", x2: "220", y2: "78" }),
+              /* @__PURE__ */ jsx5("line", { x1: "40", y1: "172", x2: "200", y2: "172" }),
+              /* @__PURE__ */ jsx5("line", { x1: "80", y1: "210", x2: "260", y2: "210" }),
+              /* @__PURE__ */ jsx5("line", { x1: "60", y1: "248", x2: "180", y2: "248" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          "line",
+          {
+            x1: "40",
+            y1: "135",
+            x2: "280",
+            y2: "135",
+            stroke: "oklch(var(--accent))",
+            strokeWidth: "2.75",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx5("circle", { cx: "280", cy: "135", r: "4", fill: "oklch(var(--accent-deep))" }),
+        /* @__PURE__ */ jsxs3(
+          "g",
+          {
+            stroke: "oklch(var(--accent-deep) / 0.85)",
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            children: [
+              /* @__PURE__ */ jsx5("line", { x1: "312", y1: "100", x2: "312", y2: "170" }),
+              /* @__PURE__ */ jsx5("line", { x1: "306", y1: "100", x2: "318", y2: "100" }),
+              /* @__PURE__ */ jsx5("line", { x1: "306", y1: "170", x2: "318", y2: "170" }),
+              /* @__PURE__ */ jsx5("line", { x1: "308", y1: "135", x2: "316", y2: "135" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/HeroStacked.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function HeroStacked({
+  eyebrow,
+  headline,
+  body,
+  primary,
+  secondary,
+  illustration
+}) {
+  return /* @__PURE__ */ jsx6("section", { className: "border-b border-line", children: /* @__PURE__ */ jsxs4("div", { className: "mx-auto max-w-container px-6 py-16 sm:px-10 sm:py-28 lg:py-32", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx6("p", { className: "text-[11px] uppercase tracking-[0.18em] text-ink3", children: eyebrow }),
+      /* @__PURE__ */ jsx6("h1", { className: "mx-auto mt-5 max-w-[22ch] font-display text-display-hero leading-[1.04] tracking-tighter2 text-ink", children: headline }),
+      /* @__PURE__ */ jsx6("p", { className: "mx-auto mt-6 max-w-[60ch] text-[16px] leading-relaxed text-ink2 sm:mt-7 sm:text-[17px]", children: body }),
+      /* @__PURE__ */ jsxs4("div", { className: "mt-10 flex flex-col items-stretch justify-center gap-4 sm:flex-row sm:flex-wrap sm:items-center", children: [
+        /* @__PURE__ */ jsx6(PrimaryAction, { action: primary }),
+        secondary && /* @__PURE__ */ jsx6(SecondaryAction, { action: secondary })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx6("div", { className: "mx-auto mt-14 max-w-[1080px] sm:mt-16", "aria-hidden": "true", children: illustration })
+  ] }) });
+}
+
+// src/components/Hero.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function Hero(props) {
+  if (props.variant === "stacked-illustration-below" && props.illustration) {
+    return /* @__PURE__ */ jsx7(HeroStacked, { ...props });
+  }
+  return /* @__PURE__ */ jsx7(HeroSplit, { ...props });
+}
+
+// src/shared/section-eyebrow.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function SectionEyebrow({ children }) {
+  return /* @__PURE__ */ jsx8("p", { className: "text-[11px] uppercase tracking-[0.18em] text-ink3", children });
+}
+
+// src/components/Problem.tsx
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function Problem({ eyebrow, heading, items }) {
+  return /* @__PURE__ */ jsx9("section", { className: "border-b border-line", children: /* @__PURE__ */ jsxs5("div", { className: "mx-auto max-w-container px-6 py-16 sm:px-10 sm:py-24", children: [
+    /* @__PURE__ */ jsx9(SectionEyebrow, { children: eyebrow }),
+    /* @__PURE__ */ jsx9("h2", { className: "mt-3 max-w-[22ch] font-display text-display-section leading-[1.08] tracking-tightish text-ink", children: heading }),
+    /* @__PURE__ */ jsx9("div", { className: "mt-12 grid gap-8 md:grid-cols-3", children: items.map((item) => /* @__PURE__ */ jsx9(ProblemCard, { ...item }, item.label)) })
+  ] }) });
+}
+function ProblemCard({ label, cost, outcome, body }) {
+  return /* @__PURE__ */ jsxs5("article", { children: [
+    /* @__PURE__ */ jsx9("p", { className: "text-[10.5px] uppercase tracking-[0.16em] text-ink3", children: label }),
+    /* @__PURE__ */ jsx9("p", { className: "mt-3 font-display text-[24px] leading-tight tracking-tightish text-ink", children: cost }),
+    /* @__PURE__ */ jsx9("p", { className: "mt-4 text-body-sm font-medium leading-snug tracking-tightish text-accentDeep", children: outcome }),
+    /* @__PURE__ */ jsx9("p", { className: "mt-3 text-body-sm leading-relaxed text-ink2", children: body })
+  ] });
+}
+
+// src/components/WhatYouGet.tsx
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+function WhatYouGet({ eyebrow, heading, sections }) {
+  if (sections.length === 0) return null;
+  return /* @__PURE__ */ jsx10("section", { className: "border-b border-line", children: /* @__PURE__ */ jsxs6("div", { className: "mx-auto max-w-container px-6 py-16 sm:px-10 sm:py-24", children: [
+    /* @__PURE__ */ jsx10(SectionEyebrow, { children: eyebrow }),
+    /* @__PURE__ */ jsx10("h2", { className: "mt-3 max-w-[22ch] font-display text-display-section leading-[1.08] tracking-tightish text-ink", children: heading }),
+    /* @__PURE__ */ jsx10("ul", { className: "mt-12 grid gap-x-8 gap-y-7 md:grid-cols-2 lg:grid-cols-3", children: sections.map((s) => /* @__PURE__ */ jsxs6("li", { children: [
+      /* @__PURE__ */ jsx10("p", { className: "font-display text-[14px] tracking-tightish text-ink3", children: s.n }),
+      /* @__PURE__ */ jsx10("p", { className: "mt-1.5 text-[15px] font-medium tracking-tightish text-ink", children: s.title }),
+      /* @__PURE__ */ jsx10("p", { className: "mt-1.5 text-[13.5px] leading-relaxed text-ink2", children: s.body })
+    ] }, s.n)) })
+  ] }) });
+}
+
+// src/components/HowItWorks.tsx
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+function HowItWorks({
+  eyebrow,
+  heading,
+  steps,
+  stepIllustrations
+}) {
+  if (steps.length === 0) return null;
+  const hasIllustrations = stepIllustrations !== void 0 && stepIllustrations.length === steps.length;
+  return /* @__PURE__ */ jsx11("section", { className: "border-b border-line", children: /* @__PURE__ */ jsxs7("div", { className: "mx-auto max-w-container px-6 py-16 sm:px-10 sm:py-24", children: [
+    /* @__PURE__ */ jsx11(SectionEyebrow, { children: eyebrow }),
+    /* @__PURE__ */ jsx11("h2", { className: "mt-3 max-w-[22ch] font-display text-display-section leading-[1.08] tracking-tightish text-ink", children: heading }),
+    /* @__PURE__ */ jsx11(
+      "ol",
+      {
+        itemScope: true,
+        itemType: "https://schema.org/HowTo",
+        className: "mt-12 grid gap-10 md:grid-cols-3",
+        children: steps.map((s, i) => /* @__PURE__ */ jsx11(
+          Step,
+          {
+            ...s,
+            illustration: hasIllustrations ? stepIllustrations[i] : void 0
+          },
+          s.n
+        ))
+      }
+    )
+  ] }) });
+}
+function Step({
+  n,
+  title,
+  body,
+  illustration: Illustration
+}) {
+  return /* @__PURE__ */ jsxs7(
+    "li",
+    {
+      itemScope: true,
+      itemType: "https://schema.org/HowToStep",
+      className: Illustration ? "flex flex-col" : void 0,
+      children: [
+        Illustration && /* @__PURE__ */ jsx11("div", { className: "mb-6 w-full lg:max-w-[320px]", children: /* @__PURE__ */ jsx11(Illustration, {}) }),
+        /* @__PURE__ */ jsxs7("div", { className: Illustration ? "mt-auto" : void 0, children: [
+          /* @__PURE__ */ jsx11("p", { className: "font-display text-[36px] leading-none tracking-tighter2 text-ink3/60", children: n }),
+          /* @__PURE__ */ jsx11("p", { className: "mt-4 font-display text-[20px] leading-tight tracking-tightish text-ink", children: title }),
+          /* @__PURE__ */ jsx11("p", { className: "mt-3 text-body-sm leading-relaxed text-ink2", children: body })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/Defensibility.tsx
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+function Defensibility({
+  eyebrow,
+  heading,
+  columns,
+  caveat
+}) {
+  return /* @__PURE__ */ jsx12("section", { className: "border-b border-line", children: /* @__PURE__ */ jsxs8("div", { className: "mx-auto max-w-container px-6 py-16 sm:px-10 sm:py-24", children: [
+    /* @__PURE__ */ jsx12(SectionEyebrow, { children: eyebrow }),
+    /* @__PURE__ */ jsx12("h2", { className: "mt-3 max-w-[22ch] font-display text-display-section leading-[1.08] tracking-tightish text-ink", children: heading }),
+    /* @__PURE__ */ jsx12("div", { className: "mt-10 grid gap-10 lg:grid-cols-2", children: columns.map((col) => /* @__PURE__ */ jsx12(Column, { ...col }, col.heading)) }),
+    caveat && /* @__PURE__ */ jsx12("p", { className: "mt-12 max-w-[68ch] text-body-xs leading-relaxed text-ink3", children: caveat })
+  ] }) });
+}
+function Column({ heading, bullets }) {
+  return /* @__PURE__ */ jsxs8("div", { children: [
+    /* @__PURE__ */ jsx12("h3", { className: "font-display text-[18px] leading-tight tracking-tightish text-ink", children: heading }),
+    /* @__PURE__ */ jsx12("ul", { className: "mt-4 space-y-3 text-body-sm leading-relaxed text-ink2", children: bullets.map((b, i) => /* @__PURE__ */ jsxs8("li", { className: "flex gap-2.5", children: [
+      /* @__PURE__ */ jsx12("span", { className: "mt-2 h-1 w-1 shrink-0 rounded-full bg-ink3" }),
+      /* @__PURE__ */ jsx12("span", { children: b })
+    ] }, i)) })
+  ] });
+}
+
+// src/components/Pricing.tsx
+import Link4 from "next/link";
+import { ChevronRight as ChevronRight2 } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+var GRID_COLS = {
+  1: "max-w-[420px]",
+  2: "max-w-[820px] md:grid-cols-2",
+  3: "max-w-container md:grid-cols-3"
+};
+function Pricing(props) {
+  if ("kind" in props && props.kind === "unit") {
+    return /* @__PURE__ */ jsx13(UnitPricing, { ...props });
+  }
+  return /* @__PURE__ */ jsx13(TieredPricing, { ...props });
+}
+function TieredPricing({
+  eyebrow,
+  heading,
+  tiers,
+  footnote
+}) {
+  if (tiers.length === 0) return null;
+  const count = tiers.length === 1 || tiers.length === 2 ? tiers.length : 3;
+  return /* @__PURE__ */ jsx13("section", { className: "border-b border-line bg-surface", children: /* @__PURE__ */ jsxs9("div", { className: "mx-auto max-w-container px-6 py-16 sm:px-10 sm:py-24", children: [
+    /* @__PURE__ */ jsx13(SectionEyebrow, { children: eyebrow }),
+    /* @__PURE__ */ jsx13("h2", { className: "mt-3 max-w-[22ch] font-display text-display-section leading-[1.08] tracking-tightish text-ink", children: heading }),
+    /* @__PURE__ */ jsx13("div", { className: `mt-12 mx-auto grid gap-6 ${GRID_COLS[count]}`, children: tiers.map((t) => /* @__PURE__ */ jsx13(PriceCard, { ...t }, t.tier)) }),
+    footnote && /* @__PURE__ */ jsx13("p", { className: "mt-10 max-w-[64ch] text-[13px] text-ink3", children: footnote })
+  ] }) });
+}
+function formatPerUnit(perUnit, currency) {
+  const isWhole = Number.isInteger(perUnit);
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: currency.toUpperCase(),
+    minimumFractionDigits: isWhole ? 0 : 2,
+    maximumFractionDigits: 2
+  }).format(perUnit);
+}
+function UnitPricing({
+  eyebrow,
+  heading,
+  footnote,
+  currency,
+  perUnit,
+  billingCadence
+}) {
+  const formatted = formatPerUnit(perUnit, currency);
+  return /* @__PURE__ */ jsx13("section", { className: "border-b border-line bg-surface", children: /* @__PURE__ */ jsxs9("div", { className: "mx-auto max-w-container px-6 py-16 sm:px-10 sm:py-24", children: [
+    /* @__PURE__ */ jsx13(SectionEyebrow, { children: eyebrow }),
+    /* @__PURE__ */ jsx13("h2", { className: "mt-3 max-w-[22ch] font-display text-display-section leading-[1.08] tracking-tightish text-ink", children: heading }),
+    /* @__PURE__ */ jsx13("div", { className: "mt-12 mx-auto max-w-[420px]", children: /* @__PURE__ */ jsxs9(
+      "article",
+      {
+        itemScope: true,
+        itemType: "https://schema.org/Offer",
+        "data-pricing-kind": "unit",
+        className: "flex flex-col rounded-card border border-line bg-paper p-7",
+        children: [
+          /* @__PURE__ */ jsx13("p", { className: "text-[10.5px] uppercase tracking-[0.16em] text-ink3", children: "Per call" }),
+          /* @__PURE__ */ jsxs9("p", { className: "mt-3 flex items-baseline gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "font-display text-[40px] leading-none tracking-tighter2 text-ink", children: formatted }),
+            /* @__PURE__ */ jsx13("span", { className: "text-[12px] text-ink3", children: billingCadence })
+          ] })
+        ]
+      }
+    ) }),
+    footnote && /* @__PURE__ */ jsx13("p", { className: "mt-10 max-w-[64ch] text-[13px] text-ink3", children: footnote })
+  ] }) });
+}
+function splitPrice(price) {
+  const i = price.indexOf("/");
+  if (i === -1) return { core: price, suffix: null };
+  return { core: price.slice(0, i).trim(), suffix: price.slice(i) };
+}
+function resolvePriceSuffix(price, override) {
+  if (override !== void 0) return override;
+  const { suffix } = splitPrice(price);
+  return suffix ?? "/ report";
+}
+function PriceCard({
+  tierKey,
+  tier,
+  price,
+  priceSuffix,
+  audience,
+  features,
+  featured,
+  cta
+}) {
+  const isMailto = cta.href.startsWith("mailto:");
+  const { core } = splitPrice(price);
+  const suffix = resolvePriceSuffix(price, priceSuffix);
+  return /* @__PURE__ */ jsxs9(
+    "article",
+    {
+      itemScope: true,
+      itemType: "https://schema.org/Offer",
+      "data-tier-key": tierKey,
+      className: "flex flex-col rounded-card border bg-paper p-7 " + (featured ? "border-accent shadow-lift" : "border-line"),
+      children: [
+        /* @__PURE__ */ jsx13("p", { className: "text-[10.5px] uppercase tracking-[0.16em] text-ink3", children: tier }),
+        /* @__PURE__ */ jsxs9("p", { className: "mt-3 flex items-baseline gap-2", children: [
+          /* @__PURE__ */ jsx13("span", { className: "font-display text-[40px] leading-none tracking-tighter2 text-ink", children: core }),
+          suffix && /* @__PURE__ */ jsx13("span", { className: "text-[12px] text-ink3", children: suffix })
+        ] }),
+        /* @__PURE__ */ jsx13("p", { className: "mt-2 text-[13px] text-ink2", children: audience }),
+        /* @__PURE__ */ jsx13("ul", { className: "mt-6 flex-1 space-y-2.5 text-[13.5px] text-ink2", children: features.map((f) => /* @__PURE__ */ jsxs9("li", { className: "flex gap-2.5", children: [
+          /* @__PURE__ */ jsx13(
+            "span",
+            {
+              className: "mt-2 h-1 w-1 shrink-0 rounded-full " + (featured ? "bg-accent" : "bg-ink3")
+            }
+          ),
+          /* @__PURE__ */ jsx13("span", { children: f })
+        ] }, f)) }),
+        /* @__PURE__ */ jsx13(
+          PriceCardCta,
+          {
+            label: cta.label,
+            href: cta.href,
+            featured,
+            external: isMailto
+          }
+        )
+      ]
+    }
+  );
+}
+function PriceCardCta({
+  label,
+  href,
+  featured,
+  external
+}) {
+  const baseClass = "mt-7 inline-flex w-full items-center justify-center gap-1.5 rounded-cta px-5 py-2.5 text-[13.5px] font-medium tracking-tightish transition-colors";
+  const variantClass = featured ? "bg-cta text-cta-fg hover:bg-cta-hover" : "border border-line2 bg-paper text-ink hover:border-ink hover:text-ink";
+  const className = `${baseClass} ${variantClass}`;
+  const body = /* @__PURE__ */ jsxs9(Fragment2, { children: [
+    label,
+    /* @__PURE__ */ jsx13(ChevronRight2, { className: "h-3.5 w-3.5", strokeWidth: 1.7 })
+  ] });
+  if (external) {
+    return /* @__PURE__ */ jsx13("a", { className, href, "data-action": "buy", children: body });
+  }
+  return /* @__PURE__ */ jsx13(Link4, { className, href, "data-action": "buy", children: body });
+}
+
+// src/components/Faq.tsx
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+function Faq({ eyebrow, heading, items }) {
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsx14("section", { className: "border-b border-line", children: /* @__PURE__ */ jsxs10("div", { className: "mx-auto max-w-container px-6 py-16 sm:px-10 sm:py-24", children: [
+    /* @__PURE__ */ jsx14(SectionEyebrow, { children: eyebrow }),
+    /* @__PURE__ */ jsx14("h2", { className: "mt-3 max-w-[20ch] font-display text-display-section leading-[1.08] tracking-tightish text-ink", children: heading }),
+    /* @__PURE__ */ jsx14("dl", { className: "mt-12 grid gap-x-12 gap-y-10 md:grid-cols-2", children: items.map((f) => /* @__PURE__ */ jsxs10("div", { itemScope: true, itemType: "https://schema.org/Question", children: [
+      /* @__PURE__ */ jsx14("dt", { className: "font-display text-body leading-snug tracking-tightish text-ink", children: f.q }),
+      /* @__PURE__ */ jsx14("dd", { className: "mt-2 text-body-sm leading-relaxed text-ink2", children: f.a })
+    ] }, f.q)) })
+  ] }) });
+}
+
+// src/components/FinalCta.tsx
+import Link5 from "next/link";
+import { ChevronRight as ChevronRight3 } from "lucide-react";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+function FinalCta({
+  eyebrow,
+  headline,
+  primary,
+  secondary
+}) {
+  return /* @__PURE__ */ jsx15("section", { children: /* @__PURE__ */ jsxs11("div", { className: "mx-auto max-w-container px-6 py-20 text-center sm:px-10 sm:py-32", children: [
+    /* @__PURE__ */ jsx15("p", { className: "text-[11px] uppercase tracking-[0.18em] text-ink3", children: eyebrow }),
+    /* @__PURE__ */ jsx15("h2", { className: "mx-auto mt-4 max-w-[22ch] font-display text-[36px] leading-[1.04] tracking-tighter2 text-ink sm:text-[52px]", children: headline }),
+    /* @__PURE__ */ jsxs11("div", { className: "mt-10 flex flex-col items-stretch gap-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center", children: [
+      /* @__PURE__ */ jsx15(PrimaryButton, { action: primary }),
+      secondary && /* @__PURE__ */ jsx15(SecondaryLink, { action: secondary })
+    ] })
+  ] }) });
+}
+function PrimaryButton({ action }) {
+  const className = "inline-flex w-full items-center justify-center gap-1.5 rounded-cta bg-cta px-6 py-3 text-[14px] font-medium tracking-tightish text-cta-fg transition-colors hover:bg-cta-hover sm:w-auto";
+  const body = /* @__PURE__ */ jsxs11(Fragment3, { children: [
+    action.label,
+    /* @__PURE__ */ jsx15(ChevronRight3, { className: "h-4 w-4", strokeWidth: 1.7 })
+  ] });
+  if (action.external) {
+    return /* @__PURE__ */ jsx15(
+      "a",
+      {
+        href: action.href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className,
+        children: body
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx15(Link5, { href: action.href, className, children: body });
+}
+function SecondaryLink({ action }) {
+  const className = "inline-flex items-center justify-center gap-1.5 text-[13px] font-medium tracking-tightish text-ink3 transition-colors hover:text-ink";
+  if (action.external) {
+    return /* @__PURE__ */ jsx15(
+      "a",
+      {
+        href: action.href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className,
+        children: action.label
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx15(Link5, { href: action.href, className, children: action.label });
+}
+
+// src/views/ServicesLandingView.tsx
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+function ServicesLandingView({ content }) {
+  return /* @__PURE__ */ jsxs12(Fragment4, { children: [
+    /* @__PURE__ */ jsx16(Masthead, { ...content.masthead }),
+    /* @__PURE__ */ jsx16(
+      ScrollHeader,
+      {
+        ...content.masthead,
+        threshold: content.scrollHeaderThreshold
+      }
+    ),
+    /* @__PURE__ */ jsxs12("main", { children: [
+      /* @__PURE__ */ jsx16(ScrollReveal, { children: /* @__PURE__ */ jsx16(Hero, { ...content.hero, showGlyph: content.heroShowGlyph }) }),
+      content.problem && /* @__PURE__ */ jsx16(ScrollReveal, { children: /* @__PURE__ */ jsx16(Problem, { ...content.problem }) }),
+      content.whatYouGet && /* @__PURE__ */ jsx16(ScrollReveal, { children: /* @__PURE__ */ jsx16(WhatYouGet, { ...content.whatYouGet }) }),
+      content.howItWorks && /* @__PURE__ */ jsx16(ScrollReveal, { children: /* @__PURE__ */ jsx16(HowItWorks, { ...content.howItWorks }) }),
+      content.defensibility && /* @__PURE__ */ jsx16(ScrollReveal, { children: /* @__PURE__ */ jsx16(Defensibility, { ...content.defensibility }) }),
+      content.pricing && /* @__PURE__ */ jsx16(ScrollReveal, { children: /* @__PURE__ */ jsx16(Pricing, { ...content.pricing }) }),
+      content.faq && /* @__PURE__ */ jsx16(ScrollReveal, { children: /* @__PURE__ */ jsx16(Faq, { ...content.faq }) }),
+      /* @__PURE__ */ jsx16(ScrollReveal, { children: /* @__PURE__ */ jsx16(FinalCta, { ...content.finalCta }) })
+    ] }),
+    /* @__PURE__ */ jsx16(Footer, { ...content.footer })
+  ] });
+}
+
+// src/shared/svg-inline.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function SvgInline({ svg }) {
+  return /* @__PURE__ */ jsx17(
+    "div",
+    {
+      className: "h-auto w-full",
+      dangerouslySetInnerHTML: { __html: svg }
+    }
+  );
+}
+
+// src/parse-props.ts
+var MdxuiParseError = class extends Error {
+  issues;
+  source;
+  constructor(zodError, source) {
+    const issues = zodError.issues.map((issue) => ({
+      path: issue.path.join(".") || "(root)",
+      message: issue.message
+    }));
+    const lines = issues.map((i) => `  ${i.path}: ${i.message}`);
+    const header = source ? `[@mdxui/services] parseProps failed (source: ${source})` : "[@mdxui/services] parseProps failed";
+    super(`${header}
+${lines.join("\n")}`);
+    this.name = "MdxuiParseError";
+    this.issues = issues;
+    this.source = source;
+  }
+};
+function parseProps(schema, data, opts) {
+  const result = schema.safeParse(data);
+  if (result.success) return result.data;
+  throw new MdxuiParseError(result.error, opts?.source);
+}
+
+// src/schemas/index.ts
+var schemas_exports = {};
+__export(schemas_exports, {
+  BreadcrumbSchema: () => BreadcrumbSchema,
+  CatalogHeroSchema: () => CatalogHeroSchema,
+  CatalogShapeFullSchema: () => CatalogShapeFullSchema,
+  CatalogShapeSchema: () => CatalogShapeSchema,
+  CheckoutPanelPropsSchema: () => CheckoutPanelPropsSchema,
+  CtaSchema: () => CtaSchema,
+  DefensibilityColumnSchema: () => DefensibilityColumnSchema,
+  DefensibilityPropsSchema: () => DefensibilityPropsSchema,
+  DeliveryShapeSchema: () => DeliveryShapeSchema,
+  DeliveryUxSchema: () => DeliveryUxSchema,
+  FaqItemSchema: () => FaqItemSchema,
+  FaqPropsExtendedSchema: () => FaqPropsExtendedSchema,
+  FieldRowPropsSchema: () => FieldRowPropsSchema,
+  FileInputSchema: () => FileInputSchema,
+  FinalCtaPropsSchema: () => FinalCtaPropsSchema,
+  HeroPropsExtendedSchema: () => HeroPropsExtendedSchema,
+  HeroVariantSchema: () => HeroVariantSchema,
+  HowItWorksPropsSchema: () => HowItWorksPropsSchema,
+  HowItWorksStepSchema: () => HowItWorksStepSchema,
+  ImageUploadFieldPropsSchema: () => ImageUploadFieldPropsSchema,
+  LandingPricingSchema: () => LandingPricingSchema,
+  LandingPublicCopySchema: () => LandingPublicCopySchema,
+  LogoUploadPropsSchema: () => LogoUploadPropsSchema,
+  MastheadPropsSchema: () => MastheadPropsSchema,
+  OrderFieldSchema: () => OrderFieldSchema,
+  OrderFlowSchema: () => OrderFlowSchema,
+  OrderGroupSchema: () => OrderGroupSchema,
+  OrderLegalSchema: () => OrderLegalSchema,
+  OrderShapeSchema: () => OrderShapeSchema,
+  OrderStepSchema: () => OrderStepSchema,
+  PortalActionKindSchema: () => PortalActionKindSchema,
+  PortalActionSchema: () => PortalActionSchema,
+  PortalColumnSchema: () => PortalColumnSchema,
+  PortalColumnTypeSchema: () => PortalColumnTypeSchema,
+  PortalFilterSchema: () => PortalFilterSchema,
+  PortalShapeSchema: () => PortalShapeSchema,
+  PreviewModeSchema: () => PreviewModeSchema,
+  PriceTierSchema: () => PriceTierSchema,
+  PricingPropsExtendedSchema: () => PricingPropsExtendedSchema,
+  PricingSchema: () => PricingSchema,
+  PricingSummarySchema: () => PricingSummarySchema,
+  ProblemItemSchema: () => ProblemItemSchema,
+  ProblemPropsSchema: () => ProblemPropsSchema,
+  RadioGroupInputSchema: () => RadioGroupInputSchema,
+  RadioGroupOptionSchema: () => RadioGroupOptionSchema,
+  RadioGroupPropsSchema: () => RadioGroupPropsSchema,
+  SelectFieldPropsSchema: () => SelectFieldPropsSchema,
+  SelectInputSchema: () => SelectInputSchema,
+  ServiceArchetypeIdSchema: () => ServiceArchetypeIdSchema,
+  ServiceBrandingSchema: () => ServiceBrandingSchema,
+  ServiceFormPropsSchema: () => ServiceFormPropsSchema,
+  ServiceSchemaSpecSchema: () => ServiceSchemaSpecSchema,
+  SiteActionSchema: () => SiteActionSchema,
+  SiteFooterLinkSchema: () => SiteFooterLinkSchema,
+  SiteFooterPropsSchema: () => SiteFooterPropsSchema,
+  StepHeadingPropsSchema: () => StepHeadingPropsSchema,
+  TextFieldPropsSchema: () => TextFieldPropsSchema,
+  TextInputSchema: () => TextInputSchema,
+  UpsellBannerPropsSchema: () => UpsellBannerPropsSchema,
+  UpsellCardPropsSchema: () => UpsellCardPropsSchema,
+  WhatYouGetItemSchema: () => WhatYouGetItemSchema,
+  WhatYouGetPropsSchema: () => WhatYouGetPropsSchema
+});
+import { z } from "zod";
+import {
+  TextInputPropsSchema,
+  SelectInputPropsSchema,
+  RadioGroupInputPropsSchema,
+  FileInputPropsSchema
+} from "mdxui";
+var CatalogHeroSchema = z.object({
+  /** Main landing-page headline. Falls back to `service.name` when unset. */
+  headline: z.string().optional(),
+  /** Sub-headline. Falls back to `service.promise` when unset. */
+  subheadline: z.string().optional(),
+  /** Asset reference for a visual element resolved by the renderer.
+   *  Today Carriage uses per-product HeroGlyph SVGs keyed by slug. */
+  visual: z.string().optional()
+});
+var PricingSummarySchema = z.enum([
+  "starting-at",
+  "per-call",
+  "tier-comparison",
+  "contact-us"
+]);
+var CatalogShapeSchema = z.object({
+  hero: CatalogHeroSchema.optional(),
+  pricingSummary: PricingSummarySchema
+});
+var TextInputSchema = TextInputPropsSchema.extend({
+  source: z.string().optional()
+});
+var SelectInputSchema = SelectInputPropsSchema.extend({
+  source: z.string().optional()
+});
+var RadioGroupInputSchema = RadioGroupInputPropsSchema.extend({
+  source: z.string().optional()
+});
+var FileInputSchema = FileInputPropsSchema.extend({
+  source: z.string().optional()
+});
+var OrderFlowSchema = z.enum([
+  "instant",
+  "guided",
+  "consultation-first"
+]);
+var OrderFieldSchema = z.object({
+  name: z.string(),
+  type: z.enum(["string", "number", "integer", "boolean"]),
+  required: z.boolean(),
+  title: z.string().optional(),
+  description: z.string().optional(),
+  enum: z.array(z.union([z.string(), z.number(), z.boolean()])).readonly().optional(),
+  pattern: z.string().optional(),
+  format: z.enum(["date", "date-time", "email", "uri"]).optional(),
+  minimum: z.number().optional(),
+  maximum: z.number().optional(),
+  widget: z.enum(["vin-decoder", "image-upload"]).optional(),
+  row: z.number().optional(),
+  placeholder: z.string().optional(),
+  autocomplete: z.string().optional(),
+  options: z.array(z.object({
+    value: z.union([z.string(), z.number(), z.boolean()]),
+    label: z.string().optional(),
+    sub: z.string().optional()
+  })).readonly().optional(),
+  tiers: z.array(z.string()).readonly().optional(),
+  /** Phase 1b multi-substrate (Carriage Iter / master 2026-05-26):
+   *  forwarded from JSON Schema's `x-connect` vendor annotation. When
+   *  set, the chassis form renders `<ConnectFlow>` instead of a
+   *  TextField. upstream-proposal: §PR11-theme + §x-connect. */
+  xConnect: z.object({
+    providerId: z.string(),
+    resourceType: z.enum([
+      "channel",
+      "crm-record",
+      "sequence",
+      "phone-number",
+      "voice-line",
+      "webhook-event",
+      "database-table",
+      "folder",
+      "mailbox",
+      "account"
+    ])
+  }).optional(),
+  /** Phase 1b multi-substrate: forwarded from JSON Schema's
+   *  `x-derived-from` vendor annotation. When set, the chassis form
+   *  suppresses input UI and auto-populates from connection metadata.
+   *  upstream-proposal: §PR11-theme + §x-derived-from. */
+  xDerivedFrom: z.object({
+    providerId: z.string(),
+    metadataKey: z.string()
+  }).optional()
+});
+var OrderGroupSchema = z.object({
+  id: z.string(),
+  title: z.string(),
+  description: z.string().optional(),
+  fields: z.array(OrderFieldSchema).readonly()
+});
+var OrderStepSchema = z.object({
+  id: z.string(),
+  title: z.string().optional(),
+  fields: z.array(OrderFieldSchema).readonly(),
+  groups: z.array(OrderGroupSchema).readonly()
+});
+var OrderLegalSchema = z.object({
+  termsRequired: z.boolean(),
+  privacyRequired: z.boolean()
+});
+var OrderShapeSchema = z.object({
+  flow: OrderFlowSchema,
+  steps: z.array(OrderStepSchema).readonly().optional(),
+  legal: OrderLegalSchema.optional()
+});
+var DeliveryUxSchema = z.enum([
+  "sync-result-card",
+  "document-download",
+  "async-batch-status"
+]);
+var PreviewModeSchema = z.enum([
+  "first-page",
+  "first-row",
+  "inline-summary",
+  "none"
+]);
+var DeliveryShapeSchema = z.object({
+  ux: DeliveryUxSchema,
+  previewMode: PreviewModeSchema,
+  /** Whether to show a step-by-step progress timeline while the cascade runs. */
+  progressTimeline: z.boolean(),
+  /** Optional SLA echo — ISO 8601 duration (e.g. "PT2M"). */
+  estimatedDelivery: z.string().optional(),
+  /** Optional outcome predicate lifted from outcomeContract. */
+  outcomePredicate: z.string().optional()
+});
+var PortalColumnTypeSchema = z.enum([
+  "identifier",
+  "timestamp",
+  "currency",
+  "duration",
+  "status",
+  "text",
+  "evaluator"
+]);
+var PortalColumnSchema = z.object({
+  id: z.string(),
+  label: z.string(),
+  type: PortalColumnTypeSchema
+});
+var PortalActionKindSchema = z.enum([
+  "view-deliverable",
+  "reissue",
+  "refund",
+  "flag-for-review"
+]);
+var PortalActionSchema = z.object({
+  id: z.string(),
+  label: z.string(),
+  kind: PortalActionKindSchema
+});
+var PortalFilterSchema = z.object({
+  id: z.string(),
+  field: z.string(),
+  label: z.string()
+});
+var PortalShapeSchema = z.object({
+  columns: z.array(PortalColumnSchema),
+  filters: z.array(PortalFilterSchema).optional(),
+  actions: z.array(PortalActionSchema).optional()
+});
+var SiteActionSchema = z.object({
+  label: z.string(),
+  href: z.string(),
+  external: z.boolean().optional()
+});
+var HeroVariantSchema = z.enum([
+  "split-illustration-right",
+  "stacked-illustration-below"
+]);
+var HeroPropsExtendedSchema = z.object({
+  eyebrow: z.string(),
+  headline: z.string(),
+  body: z.string(),
+  primary: SiteActionSchema,
+  secondary: SiteActionSchema.optional(),
+  showGlyph: z.boolean().optional(),
+  /** When true, the glyph also renders below `lg` (stacked beneath
+   *  the hero text on mobile). When false (default), the glyph is
+   *  hidden below `lg`. Services opt in via `publicCopy.hero.glyphOnMobile`.
+   *  upstream-proposal: docs/patterns/upstream-proposals.md §PR11-theme */
+  glyphOnMobile: z.boolean().optional(),
+  illustration: z.any().optional(),
+  /** Hero composition variant. Routes the `<Hero>` dispatcher to
+   *  `HeroSplit` (default) or `HeroStacked`. Sourced from
+   *  `ServiceDefinition.branding.heroVariant`.
+   *  upstream-proposal: docs/patterns/upstream-proposals.md §PR12-hero-variant */
+  variant: HeroVariantSchema.optional()
+});
+var PriceTierSchema = z.object({
+  tierKey: z.string(),
+  tier: z.string(),
+  price: z.string(),
+  audience: z.string(),
+  features: z.array(z.string()),
+  featured: z.boolean().optional(),
+  cta: z.object({ label: z.string(), href: z.string() }),
+  sku: z.string(),
+  amountCents: z.number(),
+  currency: z.enum(["usd", "eur", "gbp"]),
+  stripeName: z.string(),
+  minimumAmountCents: z.number().optional(),
+  priceSuffix: z.string().optional()
+});
+var PricingPropsExtendedSchema = z.object({
+  eyebrow: z.string(),
+  heading: z.string(),
+  tiers: z.array(PriceTierSchema).readonly(),
+  footnote: z.string().optional()
+});
+var FaqItemSchema = z.object({
+  q: z.string(),
+  a: z.string()
+});
+var FaqPropsExtendedSchema = z.object({
+  eyebrow: z.string(),
+  heading: z.string(),
+  items: z.array(FaqItemSchema)
+});
+var HowItWorksStepSchema = z.object({
+  n: z.string(),
+  title: z.string(),
+  body: z.string()
+});
+var HowItWorksPropsSchema = z.object({
+  eyebrow: z.string(),
+  heading: z.string(),
+  steps: z.array(HowItWorksStepSchema),
+  /** Optional mini-illustration per step. When provided and length
+   *  matches `steps.length`, each step renders its illustration in
+   *  a row above the number. All-or-none — if length doesn't match,
+   *  the prop is silently ignored and the text-only layout renders
+   *  (per opt-in-only semantics in illustrations.md §2).
+   *
+   *  Sourced from the per-service illustration manifest at
+   *  `src/services/<slug>/illustration.tsx`.
+   *
+   *  Each element is a React `ComponentType` (zero-arg renderer).
+   *  Zod can't validate component identity at runtime; type-level
+   *  contract carries via `z.custom`.
+   *
+   *  upstream-proposal: docs/patterns/upstream-proposals.md §PR12-step-illustrations
+   *  (master 2026-05-26 — illustration abstraction Phase 4). */
+  stepIllustrations: z.array(z.custom()).optional()
+});
+var WhatYouGetItemSchema = z.object({
+  n: z.string(),
+  title: z.string(),
+  body: z.string()
+});
+var WhatYouGetPropsSchema = z.object({
+  eyebrow: z.string(),
+  heading: z.string(),
+  sections: z.array(WhatYouGetItemSchema)
+});
+var FinalCtaPropsSchema = z.object({
+  eyebrow: z.string(),
+  headline: z.string(),
+  primary: SiteActionSchema,
+  secondary: SiteActionSchema.optional()
+});
+var MastheadPropsSchema = z.object({
+  brand: z.object({
+    primary: z.string(),
+    secondary: z.string().optional(),
+    href: z.string()
+  }),
+  cta: z.object({ label: z.string(), href: z.string() }).optional(),
+  eyebrow: z.string().optional(),
+  narrow: z.boolean().optional()
+});
+var SiteFooterLinkSchema = z.object({
+  label: z.string(),
+  href: z.string()
+});
+var SiteFooterPropsSchema = z.object({
+  text: z.string(),
+  links: z.array(SiteFooterLinkSchema).optional()
+});
+var TextFieldPropsSchema = z.object({
+  label: z.string(),
+  value: z.string(),
+  onChange: z.custom(),
+  placeholder: z.string().optional(),
+  /** Helper text shown below the field. `invalid=true` renders it in error colour. */
+  hint: z.string().optional(),
+  type: z.enum(["text", "date", "number", "email"]).optional(),
+  /** Right-edge suffix label (e.g. "miles", "%"). */
+  suffix: z.string().optional(),
+  /** Renders the input in a monospace typeface (e.g. VIN, code). */
+  mono: z.boolean().optional(),
+  /** Renders the field in error state (red border + hint text). */
+  invalid: z.boolean().optional(),
+  inputRef: z.custom().optional(),
+  /** HTML `autocomplete` attribute for browser autofill. */
+  autoComplete: z.string().optional()
+});
+var SelectFieldPropsSchema = z.object({
+  label: z.string(),
+  value: z.string(),
+  onChange: z.custom(),
+  options: z.array(z.object({ value: z.string(), label: z.string() })),
+  /** HTML `autocomplete` attribute for browser autofill. */
+  autoComplete: z.string().optional()
+});
+var RadioGroupOptionSchema = z.object({
+  value: z.string(),
+  label: z.string(),
+  /** Optional secondary descriptor line rendered inside the card. */
+  sub: z.string().optional()
+});
+var RadioGroupPropsSchema = z.object({
+  label: z.string(),
+  name: z.string(),
+  value: z.string(),
+  onChange: z.custom(),
+  options: z.array(RadioGroupOptionSchema)
+});
+var FieldRowPropsSchema = z.object({
+  children: z.custom()
+});
+var StepHeadingPropsSchema = z.object({
+  /** Numeric step indicator, e.g. "01", "02". Rendered in tabular mono. */
+  index: z.string(),
+  /** Short action-verb eyebrow label. e.g. "Connect", "Compose". */
+  eyebrow: z.string(),
+  /** Primary section heading. */
+  title: z.string(),
+  /** Supporting body copy below the heading. */
+  body: z.string(),
+  className: z.string().optional()
+});
+var LogoUploadPropsSchema = z.object({
+  /** Resolved Vercel-Blob URL, or null when no logo is set. */
+  value: z.string().nullable(),
+  /** True while the upload network call is in-flight. */
+  uploading: z.boolean(),
+  /** Error message from the last failed upload attempt, or null. */
+  error: z.string().nullable(),
+  onChange: z.custom(),
+  onClear: z.custom(),
+  /** Widget label override (default: "Firm logo (optional)"). */
+  label: z.string().optional(),
+  /** Body copy override below the preview thumbnail. */
+  bodyText: z.string().optional()
+});
+var ImageUploadFieldPropsSchema = z.object({
+  /** Renderer label — sourced from `OrderField.title`. */
+  label: z.string(),
+  /** Helper text — sourced from `OrderField.description`. */
+  description: z.string().optional(),
+  /** Current value (resolved Vercel-Blob URL, or null). */
+  value: z.string().nullable(),
+  /** Called with the new URL after a successful upload, or null on clear. */
+  onChange: z.custom()
+});
+var PricingSectionChromeSchema = z.object({
+  eyebrow: z.string(),
+  heading: z.string(),
+  footnote: z.string().optional(),
+  currency: z.enum(["usd", "eur", "gbp"])
+});
+var PricingTieredSchema = PricingSectionChromeSchema.extend({
+  kind: z.literal("tiered"),
+  tiers: z.array(PriceTierSchema).readonly()
+});
+var PricingUnitSchema = PricingSectionChromeSchema.extend({
+  kind: z.literal("unit"),
+  perUnit: z.number(),
+  billingCadence: z.string()
+});
+var PricingSchema = z.union([PricingTieredSchema, PricingUnitSchema]);
+var ServiceFormPropsSchema = z.object({
+  /** Service slug — used in the `/api/checkout` body + return-URL construction. */
+  slug: z.string(),
+  /** Derived order shape from `deriveOrder(svc)`. */
+  order: OrderShapeSchema,
+  /** Service pricing — from `ServiceDefinition.pricing`. Mirrors the `Pricing` union. */
+  pricing: PricingSchema,
+  /** Form-phase headline (h1 above the fields). Optional — omit in unit tests. */
+  formHeadline: z.string().optional(),
+  /** Form-phase intro paragraph. Optional. */
+  formIntro: z.string().optional(),
+  /** Product-name eyebrow (e.g. "Carriage Donation") rendered above the h1. */
+  productName: z.string().optional(),
+  /** Payment-phase h1. Defaults to "Generate your report" when unset. */
+  paymentHeadline: z.string().optional()
+});
+var CheckoutPanelPropsSchema = z.object({
+  /** Stripe PaymentIntent client secret from /api/checkout. */
+  clientSecret: z.string(),
+  /** Payment amount in cents — displayed as "Pay $X.XX & {ctaSuffix}". */
+  amountCents: z.number(),
+  /** Email pre-fill passed to Stripe as receipt email. */
+  email: z.string().optional(),
+  /** Where Stripe redirects after a successful payment (redirect flow). */
+  returnUrl: z.string().optional(),
+  /** Optional inline-confirmation callback (inline flow — bulk products). */
+  onSuccess: z.custom().optional(),
+  /** Custom CTA suffix on the Pay button. Default: "generate report". */
+  ctaSuffix: z.string().optional(),
+  /** "Edit details" callback — re-shows the form. */
+  onCancel: z.custom()
+});
+var DefensibilityColumnSchema = z.object({
+  heading: z.string(),
+  /** Array of bullet content. Each bullet is a ReactNode — strings in
+   *  practice today; rich content possible in future JSON upgrades. */
+  bullets: z.array(z.custom())
+});
+var DefensibilityPropsSchema = z.object({
+  eyebrow: z.string(),
+  heading: z.string(),
+  /** Tuple of exactly two columns (left = "what it is", right = "what it isn't"). */
+  columns: z.tuple([DefensibilityColumnSchema, DefensibilityColumnSchema]),
+  /** Optional closing caveat paragraph. */
+  caveat: z.custom().optional()
+});
+var UpsellBannerPropsSchema = z.object({
+  /** Display-serif hook line. Often phrased as a question. */
+  headline: z.string(),
+  /** Optional one-line explanation below the headline. */
+  body: z.string().optional(),
+  /** Activation pill content — ReactNode for inline price transitions. */
+  cta: z.custom(),
+  onActivate: z.custom()
+});
+var UpsellCardPropsSchema = z.object({
+  eyebrow: z.string(),
+  /** Card body — ReactNode for future rich-text upgrades. */
+  body: z.custom(),
+  ctaLabel: z.string(),
+  onActivate: z.custom()
+});
+var CtaSchema = z.object({
+  label: z.string(),
+  href: z.string()
+});
+var BreadcrumbSchema = z.object({
+  name: z.string(),
+  href: z.string()
+});
+var ServiceSchemaSpecSchema = z.object({
+  name: z.string(),
+  serviceType: z.string(),
+  url: z.string(),
+  areaServed: z.string()
+});
+var ProblemItemSchema = z.object({
+  label: z.string(),
+  cost: z.string(),
+  outcome: z.string(),
+  body: z.string()
+});
+var ProblemPropsSchema = z.object({
+  eyebrow: z.string(),
+  heading: z.string(),
+  items: z.array(ProblemItemSchema)
+});
+var ServiceBrandingSchema = z.object({
+  primary: z.string(),
+  secondary: z.string().optional(),
+  productName: z.string(),
+  /** SERP title default for the landing page. */
+  defaultTitle: z.string(),
+  /** OG/SERP description default. */
+  defaultDescription: z.string(),
+  heroGlyph: z.string().optional(),
+  showHeroGlyph: z.boolean().optional(),
+  og: z.object({ headline: z.string() })
+});
+var LandingPublicCopySchema = z.object({
+  pageTitle: z.string(),
+  pageDescription: z.string(),
+  headerCta: CtaSchema,
+  hero: HeroPropsExtendedSchema,
+  problem: ProblemPropsSchema,
+  whatYouGet: WhatYouGetPropsSchema,
+  howItWorks: HowItWorksPropsSchema,
+  defensibility: DefensibilityPropsSchema,
+  faq: FaqPropsExtendedSchema,
+  finalCta: FinalCtaPropsSchema,
+  footerText: z.string(),
+  serviceSchema: ServiceSchemaSpecSchema,
+  breadcrumbs: z.array(BreadcrumbSchema).optional()
+});
+var LandingPricingSchema = z.object({
+  kind: z.enum(["tiered", "unit"]),
+  eyebrow: z.string(),
+  heading: z.string(),
+  footnote: z.string().optional(),
+  currency: z.enum(["usd", "eur", "gbp"]).optional(),
+  tiers: z.array(PriceTierSchema).readonly().optional(),
+  /** unit pricing fields — optional; only present when kind='unit' */
+  perUnit: z.number().optional(),
+  billingCadence: z.string().optional()
+});
+var ServiceArchetypeIdSchema = z.enum([
+  "service-archetype-document-extraction",
+  "service-archetype-data-enrichment",
+  "service-archetype-transactional-action",
+  "service-archetype-sourced-comparative-analysis",
+  "service-archetype-form-preparation",
+  "service-archetype-compliance-check",
+  "service-archetype-market-intelligence",
+  "service-archetype-communication-automation"
+]);
+var CatalogShapeFullSchema = CatalogShapeSchema.extend({
+  /** Full landing-page section copy. Present for all fully-absorbed services. */
+  publicCopy: LandingPublicCopySchema.optional(),
+  /** Product branding (wordmark + heroGlyph + og headline). */
+  branding: ServiceBrandingSchema.optional(),
+  /** Commercial pricing — section chrome + tiers. */
+  pricing: LandingPricingSchema.optional(),
+  /** Service archetype id — drives MIME/totalTime defaults at render time. */
+  archetype: ServiceArchetypeIdSchema.optional()
+});
+export {
+  Defensibility,
+  Faq,
+  FinalCta,
+  Footer,
+  Hero,
+  HeroSplit,
+  HeroStacked,
+  HowItWorks,
+  Masthead,
+  MdxuiParseError,
+  Pricing,
+  PrimaryAction,
+  Problem,
+  Pricing as ReportPricing,
+  ScrollHeader,
+  ScrollReveal,
+  SecondaryAction,
+  SectionEyebrow,
+  Hero as ServiceHero,
+  ServicesLandingView,
+  SvgInline,
+  WhatYouGet,
+  parseProps,
+  schemas_exports as schemas
+};
+//# sourceMappingURL=index.js.map