@mieweb/ui 0.10.0-dev.24 → 0.10.0-dev.25

package/dist/{chunk-KHSFJTEX.js → chunk-T4JYUICS.js}

@@ -1,333 +1,14 @@
+import { SectionShell, cardClass, SectionHeading, CtaLinks, mutedTextClass, toneClass, containerClass, IconTile, accentTextClass, headingTextClass, TemplateAnchor, TemplateImg, safeHref, TemplateIcon, MetricStatusBadge, ownProperty } from './chunk-FBCDYTWM.js';
 import { inputVariants, RequiredMark } from './chunk-3IMM2PM4.js';
 import { Badge } from './chunk-BMSG4NBH.js';
 import { buttonVariants } from './chunk-GVM6DTR5.js';
 import { cn } from './chunk-TQONQSJO.js';
-import * as React from 'react';
-import { ChevronDown, ArrowRight, ChevronRight, CircleCheck, Check, TrendingDown, TrendingUp, Star, X, Zap, Wrench, Workflow, Users, UserCheck, Truck, Timer, Target, Syringe, Stethoscope, Sparkles, Smartphone, ShieldCheck, Shield, Settings, Search, Scale, Rocket, Plug, Plane, Phone, Microscope, MessageSquare, MapPin, Mail, Lock, Lightbulb, Leaf, Layers, Hospital, HeartPulse, Headset, HardHat, Handshake, GraduationCap, Globe, FlaskConical, FileText, Factory, DollarSign, Database, Cloud, Clock, ClipboardCheck, ChartLine, ChartColumn, CalendarCheck, Calendar, Building2, Briefcase, Bell, BadgeCheck, Award, Activity } from 'lucide-react';
+import * as React5 from 'react';
+import { ChevronDown, ArrowRight, ChevronRight, CircleCheck, Check, TrendingDown, TrendingUp, Star, Info, Download, ExternalLink, X } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-// src/utils/own.ts
-function ownProperty(map, key) {
-  return map != null && Object.hasOwn(map, key) ? map[key] : void 0;
-}
-var templateIcons = {
-  activity: Activity,
-  award: Award,
-  "badge-check": BadgeCheck,
-  bell: Bell,
-  briefcase: Briefcase,
-  building: Building2,
-  calendar: Calendar,
-  "calendar-check": CalendarCheck,
-  "chart-column": ChartColumn,
-  "chart-line": ChartLine,
-  "circle-check": CircleCheck,
-  "clipboard-check": ClipboardCheck,
-  clock: Clock,
-  cloud: Cloud,
-  database: Database,
-  "dollar-sign": DollarSign,
-  factory: Factory,
-  "file-text": FileText,
-  flask: FlaskConical,
-  globe: Globe,
-  "graduation-cap": GraduationCap,
-  handshake: Handshake,
-  "hard-hat": HardHat,
-  headset: Headset,
-  "heart-pulse": HeartPulse,
-  hospital: Hospital,
-  layers: Layers,
-  leaf: Leaf,
-  lightbulb: Lightbulb,
-  lock: Lock,
-  mail: Mail,
-  "map-pin": MapPin,
-  "message-square": MessageSquare,
-  microscope: Microscope,
-  phone: Phone,
-  plane: Plane,
-  plug: Plug,
-  rocket: Rocket,
-  scale: Scale,
-  search: Search,
-  settings: Settings,
-  shield: Shield,
-  "shield-check": ShieldCheck,
-  smartphone: Smartphone,
-  sparkles: Sparkles,
-  stethoscope: Stethoscope,
-  syringe: Syringe,
-  target: Target,
-  timer: Timer,
-  "trending-up": TrendingUp,
-  truck: Truck,
-  "user-check": UserCheck,
-  users: Users,
-  workflow: Workflow,
-  wrench: Wrench,
-  zap: Zap
-};
-function TemplateIcon({ name, icons, className }) {
-  const Icon = ownProperty(icons, name) ?? ownProperty(templateIcons, name);
-  if (Icon)
-    return /* @__PURE__ */ jsx(
-      Icon,
-      {
-        "aria-hidden": "true",
-        strokeWidth: 1.75,
-        className: cn("size-5", className)
-      }
-    );
-  if (name.length <= 4)
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: cn("text-xs font-bold tracking-wide", className),
-        children: name
-      }
-    );
-  return null;
-}
-var toneSurface = {
-  default: "bg-background text-foreground",
-  muted: "bg-muted text-foreground",
-  brand: "bg-primary-900 text-white"
-};
-var toneClass = (tone) => toneSurface[tone];
-var cardClass = (tone) => tone === "brand" ? "border border-white/15 bg-white/5 text-white" : "border border-border bg-card text-card-foreground";
-var mutedTextClass = (tone) => tone === "brand" ? "text-white/80" : tone === "muted" ? "text-foreground/80" : "text-muted-foreground";
-var headingTextClass = (tone) => tone === "brand" ? "text-white" : "text-foreground";
-var accentTextClass = (tone) => tone === "brand" ? "text-white" : "text-primary-800 dark:text-primary-300";
-var containerClass = (width = "wide") => cn(
-  "mx-auto w-full px-4 sm:px-6 lg:px-8",
-  width === "narrow" ? "max-w-3xl" : "max-w-7xl"
-);
-var SAFE_HREF_SCHEME = /^(?:https?|mailto|tel):/i;
-function safeHref(href) {
-  if (href == null) return void 0;
-  const stripped = href.replace(/[\u0000-\u0020]/g, "");
-  if (!stripped) return void 0;
-  if (!/^[a-z][a-z0-9+.-]*:/i.test(stripped)) return href;
-  return SAFE_HREF_SCHEME.test(stripped) ? href : void 0;
-}
-function TemplateAnchor({
-  components,
-  trackingId,
-  children,
-  ...props
-}) {
-  const Link = components?.Link;
-  const href = safeHref(props.href);
-  const all = { ...props, href, "data-track": trackingId };
-  return Link && href != null ? /* @__PURE__ */ jsx(Link, { ...all, href, children }) : /* @__PURE__ */ jsx("a", { ...all, children });
-}
-var fetchPriorityHigh = React.version.startsWith("18.") ? { fetchpriority: "high" } : { fetchPriority: "high" };
-function TemplateImg({
-  components,
-  priority,
-  ...image
-}) {
-  const Image = components?.Image;
-  if (Image) return /* @__PURE__ */ jsx(Image, { ...image, priority });
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      ...image,
-      alt: image.alt,
-      loading: priority ? void 0 : "lazy",
-      ...priority ? fetchPriorityHigh : {},
-      decoding: "async"
-    }
-  );
-}
-function SectionHeading({
-  eyebrow,
-  title,
-  description,
-  as: Heading = "h2",
-  size = "section",
-  align = "start",
-  tone = "default",
-  titleId,
-  className
-}) {
-  if (!eyebrow && !title && !description) return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "section-heading",
-      className: cn(
-        "max-w-3xl",
-        align === "center" && "mx-auto text-center",
-        className
-      ),
-      children: [
-        eyebrow && /* @__PURE__ */ jsx(
-          "p",
-          {
-            className: cn(
-              "mb-3 text-sm font-semibold tracking-wider uppercase",
-              accentTextClass(tone)
-            ),
-            children: eyebrow
-          }
-        ),
-        title && /* @__PURE__ */ jsx(
-          Heading,
-          {
-            id: titleId,
-            className: cn(
-              "font-bold tracking-tight text-balance",
-              headingTextClass(tone),
-              size === "hero" ? "text-4xl sm:text-5xl lg:text-6xl" : "text-3xl sm:text-4xl"
-            ),
-            children: title
-          }
-        ),
-        description && /* @__PURE__ */ jsx(
-          "p",
-          {
-            className: cn(
-              "mt-4 text-pretty",
-              size === "hero" ? "text-lg sm:text-xl" : "text-lg",
-              mutedTextClass(tone)
-            ),
-            children: description
-          }
-        )
-      ]
-    }
-  );
-}
-var SectionShell = React.forwardRef(
-  ({
-    eyebrow,
-    title,
-    description,
-    tone = "default",
-    align = "start",
-    width = "wide",
-    spacing = "default",
-    className,
-    children,
-    components,
-    ...rest
-  }, ref) => {
-    const titleId = React.useId();
-    return /* @__PURE__ */ jsx(
-      "section",
-      {
-        ref,
-        "data-slot": "landing-section",
-        "data-tone": tone,
-        "aria-labelledby": title ? titleId : void 0,
-        className: cn(
-          spacing === "compact" ? "py-10 sm:py-14" : "py-16 sm:py-24",
-          toneClass(tone),
-          className
-        ),
-        ...rest,
-        children: /* @__PURE__ */ jsxs("div", { className: containerClass(width), children: [
-          /* @__PURE__ */ jsx(
-            SectionHeading,
-            {
-              eyebrow,
-              title,
-              description,
-              align,
-              tone,
-              titleId,
-              className: cn(width === "narrow" && "max-w-none")
-            }
-          ),
-          children
-        ] })
-      }
-    );
-  }
-);
-SectionShell.displayName = "SectionShell";
-function CtaLinks({
-  primary,
-  secondary,
-  tone = "default",
-  align = "start",
-  className,
-  components
-}) {
-  if (!primary && !secondary) return null;
-  const onBrand = tone === "brand";
-  const wrap = "h-auto min-h-12 py-3 whitespace-normal text-center";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "cta-links",
-      className: cn(
-        "flex flex-col gap-3 sm:flex-row sm:flex-wrap",
-        align === "center" && "sm:justify-center",
-        className
-      ),
-      children: [
-        primary && /* @__PURE__ */ jsxs(
-          TemplateAnchor,
-          {
-            href: primary.href,
-            trackingId: primary.trackingId,
-            components,
-            "data-slot": "cta-primary",
-            className: cn(
-              buttonVariants({ variant: "primary", size: "lg" }),
-              wrap,
-              onBrand && "text-primary-900 hover:bg-primary-50 active:bg-primary-100 bg-white"
-            ),
-            children: [
-              primary.label,
-              /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": "true", className: "size-5 rtl:-scale-x-100" })
-            ]
-          }
-        ),
-        secondary && /* @__PURE__ */ jsx(
-          TemplateAnchor,
-          {
-            href: secondary.href,
-            trackingId: secondary.trackingId,
-            components,
-            "data-slot": "cta-secondary",
-            className: cn(
-              buttonVariants({ variant: "outline", size: "lg" }),
-              wrap,
-              onBrand && "border-white/70 text-white hover:bg-white/10 hover:text-white dark:border-white/70 dark:text-white dark:hover:bg-white/10"
-            ),
-            children: secondary.label
-          }
-        )
-      ]
-    }
-  );
-}
-function IconTile({
-  name,
-  icons,
-  tone = "default",
-  className
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "icon-tile",
-      className: cn(
-        "inline-flex size-11 shrink-0 items-center justify-center rounded-xl",
-        tone === "brand" ? "bg-white/10 text-white" : "bg-primary-100 text-primary-900 dark:bg-primary-900/60 dark:text-primary-200",
-        className
-      ),
-      children: /* @__PURE__ */ jsx(TemplateIcon, { name, icons })
-    }
-  );
-}
 var cellClass = "px-3 py-3 sm:px-5 sm:py-4";
-var ComparisonSection = React.forwardRef(
+var ComparisonSection = React5.forwardRef(
   ({
     columns,
     rows,
@@ -446,7 +127,7 @@ var ComparisonSection = React.forwardRef(
   }
 );
 ComparisonSection.displayName = "ComparisonSection";
-var CtaSection = React.forwardRef(
+var CtaSection = React5.forwardRef(
   ({
     eyebrow,
     title,
@@ -461,7 +142,7 @@ var CtaSection = React.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const titleId = React.useId();
+    const titleId = React5.useId();
     const body = /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         SectionHeading,
@@ -526,7 +207,7 @@ var CtaSection = React.forwardRef(
   }
 );
 CtaSection.displayName = "CtaSection";
-var FaqSection = React.forwardRef(
+var FaqSection = React5.forwardRef(
   ({ items, tone = "default", align = "center", ...rest }, ref) => /* @__PURE__ */ jsx(
     SectionShell,
     {
@@ -585,7 +266,7 @@ var columnClass = {
   3: "lg:grid-cols-3",
   4: "lg:grid-cols-4"
 };
-var FeatureGridSection = React.forwardRef(
+var FeatureGridSection = React5.forwardRef(
   ({
     features,
     columns = 3,
@@ -660,7 +341,7 @@ var FeatureGridSection = React.forwardRef(
   )
 );
 FeatureGridSection.displayName = "FeatureGridSection";
-var HeroSection = React.forwardRef(
+var HeroSection = React5.forwardRef(
   ({
     eyebrow,
     title,
@@ -671,6 +352,8 @@ var HeroSection = React.forwardRef(
     secondaryCta,
     ctaNote,
     highlights,
+    meta,
+    logo,
     image,
     breadcrumbs,
     headingLevel = "h1",
@@ -679,7 +362,7 @@ var HeroSection = React.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const titleId = React.useId();
+    const titleId = React5.useId();
     const split = variant === "split" && !!image;
     const align = split ? "start" : "center";
     return /* @__PURE__ */ jsx(
@@ -739,6 +422,14 @@ var HeroSection = React.forwardRef(
                     )
                   }
                 ),
+                logo && /* @__PURE__ */ jsx(
+                  TemplateImg,
+                  {
+                    ...logo,
+                    components,
+                    className: "mb-6 h-12 w-auto"
+                  }
+                ),
                 /* @__PURE__ */ jsx(
                   SectionHeading,
                   {
@@ -752,6 +443,21 @@ var HeroSection = React.forwardRef(
                     titleId
                   }
                 ),
+                meta && meta.length > 0 && /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    "data-slot": "hero-meta",
+                    className: cn(
+                      "mt-6 flex flex-wrap gap-x-2 gap-y-1 text-sm font-medium",
+                      mutedTextClass(tone),
+                      !split && "justify-center"
+                    ),
+                    children: meta.map((item, i) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
+                      i > 0 && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+                      /* @__PURE__ */ jsx("span", { children: item })
+                    ] }, item))
+                  }
+                ),
                 /* @__PURE__ */ jsx(
                   CtaLinks,
                   {
@@ -839,7 +545,7 @@ var controlClass = cn(
   inputVariants({ size: "md" }),
   "block h-auto py-2.5"
 );
-var LeadFormSection = React.forwardRef(
+var LeadFormSection = React5.forwardRef(
   ({
     eyebrow,
     title,
@@ -851,13 +557,14 @@ var LeadFormSection = React.forwardRef(
     submitLabel = "Submit",
     note,
     layout = "split",
+    highlights,
     tone = "muted",
     submitTrackingId,
     components,
     className,
     ...rest
   }, ref) => {
-    const baseId = React.useId();
+    const baseId = React5.useId();
     const titleId = `${baseId}-title`;
     const split = layout === "split";
     const resolvedAction = typeof action === "string" ? safeHref(action) : action;
@@ -879,17 +586,42 @@ var LeadFormSection = React.forwardRef(
               split && "grid items-start gap-12 lg:grid-cols-2"
             ),
             children: [
-              /* @__PURE__ */ jsx(
-                SectionHeading,
-                {
-                  eyebrow,
-                  title,
-                  description,
-                  align: split ? "start" : "center",
-                  tone,
-                  titleId
-                }
-              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  SectionHeading,
+                  {
+                    eyebrow,
+                    title,
+                    description,
+                    align: split ? "start" : "center",
+                    tone,
+                    titleId
+                  }
+                ),
+                highlights && highlights.length > 0 && /* @__PURE__ */ jsx(
+                  "ul",
+                  {
+                    className: cn(
+                      "mt-6 space-y-2",
+                      !split && "mx-auto w-fit",
+                      mutedTextClass(tone)
+                    ),
+                    children: highlights.map((item) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsx(
+                        CircleCheck,
+                        {
+                          "aria-hidden": "true",
+                          className: cn(
+                            "mt-0.5 size-4 shrink-0",
+                            accentTextClass(tone)
+                          )
+                        }
+                      ),
+                      item
+                    ] }, item))
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsxs(
                 "form",
                 {
@@ -1024,7 +756,7 @@ function Logo({
     }
   ) : mark;
 }
-var LogoCloudSection = React.forwardRef(
+var LogoCloudSection = React5.forwardRef(
   ({
     logos,
     variant = "grid",
@@ -1073,7 +805,7 @@ var columnClass2 = [
   "lg:grid-cols-3",
   "lg:grid-cols-4"
 ];
-var PricingSection = React.forwardRef(
+var PricingSection = React5.forwardRef(
   ({ plans, note, tone = "default", align = "center", components, ...rest }, ref) => /* @__PURE__ */ jsxs(
     SectionShell,
     {
@@ -1183,7 +915,7 @@ var connectorInset = [
   "inset-x-[16.667%]",
   "inset-x-[12.5%]"
 ];
-var ProcessStepsSection = React.forwardRef(({ steps, icons, tone = "default", align = "center", ...rest }, ref) => {
+var ProcessStepsSection = React5.forwardRef(({ steps, icons, tone = "default", align = "center", ...rest }, ref) => {
   const columns = Math.min(steps.length, 4);
   return /* @__PURE__ */ jsx(
     SectionShell,
@@ -1246,7 +978,7 @@ var columnClass4 = {
   3: "lg:grid-cols-3",
   4: "lg:grid-cols-4"
 };
-var ResourceCardsSection = React.forwardRef(
+var ResourceCardsSection = React5.forwardRef(
   ({
     items,
     columns = 3,
@@ -1348,7 +1080,7 @@ var ResourceCardsSection = React.forwardRef(
   )
 );
 ResourceCardsSection.displayName = "ResourceCardsSection";
-var SplitContentSection = React.forwardRef(
+var SplitContentSection = React5.forwardRef(
   ({
     eyebrow,
     title,
@@ -1364,7 +1096,7 @@ var SplitContentSection = React.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const titleId = React.useId();
+    const titleId = React5.useId();
     return /* @__PURE__ */ jsx(
       "section",
       {
@@ -1443,7 +1175,7 @@ var columnClass5 = [
   "lg:grid-cols-3",
   "lg:grid-cols-4"
 ];
-var StatsSection = React.forwardRef(
+var StatsSection = React5.forwardRef(
   ({
     stats,
     variant = "plain",
@@ -1470,13 +1202,17 @@ var StatsSection = React.forwardRef(
             ),
             children: stats.map((stat) => {
               const Trend = stat.trend === "down" ? TrendingDown : TrendingUp;
+              const ruled = variant === "ruled";
+              const shown = typeof stat.value === "number" ? format.format(stat.value) : stat.value;
+              const long = `${stat.prefix ?? ""}${shown}${stat.suffix ?? ""}`.length > 6;
               return /* @__PURE__ */ jsxs(
                 "div",
                 {
                   className: cn(
                     "flex flex-col-reverse gap-2",
-                    align === "center" && "items-center text-center",
-                    variant === "cards" && cn("rounded-2xl p-6", cardClass(tone))
+                    align === "center" && !ruled && "items-center text-center",
+                    variant === "cards" && cn("rounded-2xl p-6", cardClass(tone)),
+                    ruled && "border-accent/70 border-s-2 ps-5"
                   ),
                   children: [
                     /* @__PURE__ */ jsxs("dt", { children: [
@@ -1493,13 +1229,14 @@ var StatsSection = React.forwardRef(
                       "dd",
                       {
                         className: cn(
-                          "flex items-center gap-2 text-4xl font-bold tracking-tight tabular-nums sm:text-5xl",
+                          "flex items-center gap-2 font-bold tracking-tight tabular-nums",
+                          ruled && long ? "text-2xl sm:text-3xl" : "text-4xl sm:text-5xl",
                           tone === "brand" ? "text-white" : "text-primary-800 dark:text-primary-300"
                         ),
                         children: [
                           stat.trend && /* @__PURE__ */ jsx(Trend, { "aria-hidden": "true", className: "size-7 shrink-0" }),
                           stat.prefix,
-                          typeof stat.value === "number" ? format.format(stat.value) : stat.value,
+                          shown,
                           stat.suffix
                         ]
                       }
@@ -1516,7 +1253,7 @@ var StatsSection = React.forwardRef(
   }
 );
 StatsSection.displayName = "StatsSection";
-var TestimonialSection = React.forwardRef(
+var TestimonialSection = React5.forwardRef(
   ({
     testimonials,
     variant = "cards",
@@ -1615,7 +1352,7 @@ var TestimonialSection = React.forwardRef(
   }
 );
 TestimonialSection.displayName = "TestimonialSection";
-var VideoSection = React.forwardRef(
+var VideoSection = React5.forwardRef(
   ({ video, caption, tone = "default", align = "center", ...rest }, ref) => /* @__PURE__ */ jsx(
     SectionShell,
     {
@@ -1674,92 +1411,1050 @@ var VideoSection = React.forwardRef(
   )
 );
 VideoSection.displayName = "VideoSection";
-var sections = {
-  hero: HeroSection,
-  logos: LogoCloudSection,
-  features: FeatureGridSection,
-  split: SplitContentSection,
-  process: ProcessStepsSection,
-  stats: StatsSection,
-  comparison: ComparisonSection,
-  pricing: PricingSection,
-  video: VideoSection,
-  testimonials: TestimonialSection,
-  resources: ResourceCardsSection,
-  faq: FaqSection,
-  "lead-form": LeadFormSection,
-  cta: CtaSection
-};
-var landingBlockTypes = [
-  ...Object.keys(sections),
-  "custom"
-];
-var takesIcons = /* @__PURE__ */ new Set(["features", "process"]);
-var LandingPage = React.forwardRef(
-  ({ blocks, icons, components, custom, actions, ...rest }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "landing-page", ...rest, children: blocks.map((block, i) => {
-    const key = block.id ?? `${block.type}-${i}`;
-    if (block.type === "custom") {
-      const Custom = ownProperty(custom, block.component);
-      return Custom ? /* @__PURE__ */ jsx(Custom, { id: block.id, ...block.props }, key) : null;
-    }
-    const { type, ...props } = block;
-    const Section = ownProperty(
-      sections,
-      type
+var BenchmarkTableSection = React5.forwardRef(
+  ({
+    columns,
+    rows,
+    rowHeader,
+    caption,
+    footnote,
+    locale,
+    tone = "default",
+    components,
+    title,
+    ...rest
+  }, ref) => {
+    const formatters = columns.map(
+      (col) => new Intl.NumberFormat(locale, col.format)
     );
-    if (!Section) return null;
-    const action = block.type === "lead-form" ? ownProperty(actions, block.action) ?? safeHref(block.action) : void 0;
-    if (block.type === "lead-form" && action == null) return null;
-    const data = { ...props };
-    delete data.children;
-    delete data.dangerouslySetInnerHTML;
-    return /* @__PURE__ */ jsx(
-      Section,
+    const maxima = columns.map(
+      (col) => col.bar ? Math.max(
+        1,
+        ...rows.map((r) => {
+          const v = r.values[col.key];
+          return typeof v === "number" ? v : 0;
+        })
+      ) : 1
+    );
+    const cellBase = "px-4 py-3 tabular-nums";
+    const stickyBg = tone === "brand" ? "bg-primary-900" : "bg-card";
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
       {
-        ...data,
+        ref,
+        "data-slot": "benchmark-table-section",
+        tone,
+        title,
         components,
-        ...takesIcons.has(type) ? { icons } : {},
-        ...block.type === "lead-form" ? { action } : {}
-      },
-      key
-    );
-  }) })
-);
-LandingPage.displayName = "LandingPage";
-
-// src/components/LandingPage/presets.ts
-var landingPresets = {
-  "vertical-hub": {
-    label: "Industry / vertical hub",
-    description: "One page per industry served: the sector problem, what the product does for it, proof, and a way in.",
-    sequence: [
-      "hero",
-      "logos",
-      "features",
-      "split",
-      "stats",
-      "process",
-      "testimonials",
-      "resources",
-      "faq",
-      "cta"
-    ],
-    required: ["hero", "features", "faq", "cta"]
-  },
-  "service-detail": {
-    label: "Service / product detail",
-    description: "One offering explained: what it is, how it works, how it compares, and how to start.",
-    sequence: [
-      "hero",
-      "features",
-      "video",
-      "process",
-      "comparison",
-      "pricing",
-      "stats",
-      "testimonials",
-      "faq",
-      "cta"
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn("mt-10 overflow-x-auto rounded-2xl", cardClass(tone)),
+              children: /* @__PURE__ */ jsxs("table", { className: "divide-border min-w-full divide-y text-sm", children: [
+                (caption ?? title) && /* @__PURE__ */ jsx("caption", { className: "sr-only", children: caption ?? title }),
+                /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsx(
+                    "th",
+                    {
+                      scope: "col",
+                      className: cn(
+                        "sticky start-0 z-10 px-4 py-3 text-start font-semibold",
+                        stickyBg
+                      ),
+                      children: rowHeader
+                    }
+                  ),
+                  columns.map((col) => /* @__PURE__ */ jsx(
+                    "th",
+                    {
+                      scope: "col",
+                      className: cn(
+                        "px-4 py-3 font-semibold whitespace-nowrap",
+                        col.bar ? "text-start" : "text-end",
+                        col.emphasis && "bg-primary-500/10"
+                      ),
+                      children: col.label
+                    },
+                    col.key
+                  ))
+                ] }) }),
+                /* @__PURE__ */ jsx("tbody", { className: "divide-border divide-y", children: rows.map((row) => /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsxs(
+                    "th",
+                    {
+                      scope: "row",
+                      className: cn(
+                        "sticky start-0 z-10 px-4 py-3 text-start font-medium",
+                        stickyBg
+                      ),
+                      children: [
+                        row.href ? /* @__PURE__ */ jsx(
+                          TemplateAnchor,
+                          {
+                            href: row.href,
+                            components,
+                            className: cn(
+                              "underline-offset-2 hover:underline",
+                              accentTextClass(tone)
+                            ),
+                            children: row.label
+                          }
+                        ) : row.label,
+                        row.sublabel && /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: cn(
+                              "block text-xs font-normal",
+                              mutedTextClass(tone)
+                            ),
+                            children: row.sublabel
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  columns.map((col, c) => {
+                    const v = row.values[col.key];
+                    const shown = v == null ? "\u2014" : typeof v === "number" ? formatters[c].format(v) : v;
+                    return /* @__PURE__ */ jsx(
+                      "td",
+                      {
+                        className: cn(
+                          cellBase,
+                          col.bar ? "text-start" : "text-end whitespace-nowrap",
+                          col.emphasis && cn(
+                            "bg-primary-500/10 font-semibold",
+                            accentTextClass(tone)
+                          )
+                        ),
+                        children: col.bar && typeof v === "number" ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-3", children: [
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              "aria-hidden": "true",
+                              className: "bg-muted h-2 w-32 max-w-full flex-none overflow-hidden rounded-full",
+                              children: /* @__PURE__ */ jsx(
+                                "span",
+                                {
+                                  className: "bg-primary-600 block h-full rounded-full",
+                                  style: {
+                                    width: `${Math.round(v / maxima[c] * 100)}%`
+                                  }
+                                }
+                              )
+                            }
+                          ),
+                          shown
+                        ] }) : shown
+                      },
+                      col.key
+                    );
+                  })
+                ] }, row.label)) })
+              ] })
+            }
+          ),
+          footnote && /* @__PURE__ */ jsx("p", { className: cn("mt-4 max-w-3xl text-sm", mutedTextClass(tone)), children: footnote })
+        ]
+      }
+    );
+  }
+);
+BenchmarkTableSection.displayName = "BenchmarkTableSection";
+var LinkGroupsSection = React5.forwardRef(({ groups, columns = 3, tone = "muted", components, ...rest }, ref) => /* @__PURE__ */ jsx(
+  SectionShell,
+  {
+    ref,
+    "data-slot": "link-groups-section",
+    tone,
+    components,
+    ...rest,
+    children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "mt-10 grid gap-6",
+          columns === 3 ? "lg:grid-cols-3" : "md:grid-cols-2"
+        ),
+        children: groups.map((group) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn("rounded-2xl p-6", cardClass(tone)),
+            children: [
+              /* @__PURE__ */ jsx("h3", { className: cn("text-lg font-semibold", headingTextClass(tone)), children: group.title }),
+              group.description && /* @__PURE__ */ jsx("p", { className: cn("mt-1 text-sm", mutedTextClass(tone)), children: group.description }),
+              /* @__PURE__ */ jsx("ul", { className: "mt-4 space-y-1", children: group.links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+                TemplateAnchor,
+                {
+                  href: link.href,
+                  trackingId: link.trackingId,
+                  components,
+                  className: cn(
+                    "group flex items-center justify-between gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+                    tone === "brand" ? "hover:bg-white/10" : "hover:bg-primary-500/10 hover:text-primary-800 dark:hover:text-primary-300"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { children: link.label }),
+                    /* @__PURE__ */ jsx(
+                      ArrowRight,
+                      {
+                        "aria-hidden": "true",
+                        className: "size-4 flex-none opacity-50 group-hover:opacity-100 rtl:-scale-x-100"
+                      }
+                    )
+                  ]
+                }
+              ) }, link.href)) })
+            ]
+          },
+          group.title
+        ))
+      }
+    )
+  }
+));
+LinkGroupsSection.displayName = "LinkGroupsSection";
+var MetricListSection = React5.forwardRef(
+  ({
+    metrics,
+    takeaway,
+    positive,
+    labels,
+    tone = "default",
+    components,
+    ...rest
+  }, ref) => {
+    const measured = metrics.some((m) => m.value);
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        "data-slot": "metric-list-section",
+        "data-measured": measured || void 0,
+        tone,
+        spacing: "compact",
+        status: measured ? "live" : "maturing",
+        components,
+        ...rest,
+        children: [
+          !measured && /* @__PURE__ */ jsx("p", { className: cn("mt-3 text-xs font-medium", mutedTextClass(tone)), children: labels?.preview ?? "Roadmap preview" }),
+          takeaway && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "mt-6 max-w-3xl rounded-xl border p-4 text-sm leading-relaxed font-medium",
+                tone === "brand" ? "border-white/20 bg-white/5" : "border-success/30 bg-success/10 text-foreground"
+              ),
+              children: takeaway
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "ul",
+            {
+              className: cn(
+                "mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+                !measured && "border-border rounded-3xl border border-dashed p-4"
+              ),
+              children: metrics.map((metric) => /* @__PURE__ */ jsxs(
+                "li",
+                {
+                  className: cn(
+                    "rounded-xl p-5",
+                    cardClass(tone),
+                    positive && metric.value && "border-s-success border-s-4"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+                      /* @__PURE__ */ jsx(
+                        "h3",
+                        {
+                          className: cn(
+                            "min-w-0 text-sm font-semibold",
+                            headingTextClass(tone)
+                          ),
+                          children: metric.label
+                        }
+                      ),
+                      metric.unit && /* @__PURE__ */ jsx("span", { className: "bg-primary-500/10 flex-none rounded-full px-2 py-0.5 text-xs font-medium", children: metric.unit })
+                    ] }),
+                    metric.value && /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        className: cn(
+                          "mt-3 text-3xl font-bold tracking-tight tabular-nums",
+                          headingTextClass(tone)
+                        ),
+                        children: metric.value
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        className: cn(
+                          "mt-2 text-sm leading-relaxed",
+                          mutedTextClass(tone)
+                        ),
+                        children: metric.description
+                      }
+                    )
+                  ]
+                },
+                metric.label
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+MetricListSection.displayName = "MetricListSection";
+var PdfEmbedSection = React5.forwardRef(
+  ({
+    title,
+    src,
+    downloadAs,
+    aspectRatio = 0.5625,
+    notice,
+    labels,
+    tone = "muted",
+    align = "center",
+    components,
+    ...rest
+  }, ref) => {
+    const pdfSrc = safeHref(src);
+    const viewerSrc = pdfSrc && (pdfSrc.includes("#") ? pdfSrc : `${pdfSrc}#view=FitH`);
+    const onBrand = tone === "brand";
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        "data-slot": "pdf-embed-section",
+        title,
+        tone,
+        align,
+        components,
+        ...rest,
+        children: [
+          notice && /* @__PURE__ */ jsxs("p", { className: "border-primary-500/30 bg-primary-500/10 mx-auto mt-8 flex max-w-3xl items-start gap-3 rounded-xl border px-4 py-3 text-start text-sm", children: [
+            /* @__PURE__ */ jsx(Info, { "aria-hidden": "true", className: "mt-0.5 size-5 flex-none" }),
+            notice
+          ] }),
+          pdfSrc && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "border-border bg-card relative mt-10 overflow-hidden rounded-2xl border shadow-lg",
+                style: { paddingTop: `${(aspectRatio * 100).toFixed(4)}%` },
+                children: /* @__PURE__ */ jsx(
+                  "object",
+                  {
+                    data: viewerSrc,
+                    type: "application/pdf",
+                    "aria-label": title,
+                    className: "absolute inset-0 size-full",
+                    children: /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        className: cn(
+                          "flex size-full items-center justify-center p-6 text-center text-sm",
+                          mutedTextClass("default")
+                        ),
+                        children: /* @__PURE__ */ jsx("a", { href: pdfSrc, className: "underline underline-offset-2", children: labels?.fallback ?? "Open the PDF" })
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "mt-6 flex flex-wrap gap-3",
+                  align === "center" && "justify-center"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: pdfSrc,
+                      download: downloadAs ?? true,
+                      className: cn(
+                        buttonVariants({ variant: "primary" }),
+                        onBrand && "text-primary-900 hover:bg-primary-50 bg-white"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(Download, { "aria-hidden": "true", className: "size-4" }),
+                        labels?.download ?? "Download PDF"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: pdfSrc,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: cn(
+                        buttonVariants({ variant: "outline" }),
+                        onBrand && "border-white/70 text-white hover:bg-white/10"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(ExternalLink, { "aria-hidden": "true", className: "size-4" }),
+                        labels?.open ?? "Open in new tab"
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+PdfEmbedSection.displayName = "PdfEmbedSection";
+var barClass = {
+  primary: "bg-primary-600",
+  accent: "bg-accent",
+  success: "bg-success"
+};
+var RankedListSection = React5.forwardRef(
+  ({
+    lists,
+    numbered,
+    layout = "stacked",
+    bar = "primary",
+    locale,
+    tone = "default",
+    components,
+    ...rest
+  }, ref) => {
+    const format = new Intl.NumberFormat(locale);
+    return /* @__PURE__ */ jsx(
+      SectionShell,
+      {
+        ref,
+        "data-slot": "ranked-list-section",
+        tone,
+        components,
+        ...rest,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "mt-10 grid gap-6",
+              lists.length > 1 && "lg:grid-cols-2"
+            ),
+            children: lists.map((list, l) => {
+              const max = Math.max(1, ...list.items.map((i) => i.value));
+              return /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    layout === "inline" && cn("rounded-2xl p-6", cardClass(tone))
+                  ),
+                  children: [
+                    list.title && /* @__PURE__ */ jsx(
+                      "h3",
+                      {
+                        className: cn(
+                          "mb-4 text-lg font-semibold",
+                          headingTextClass(tone)
+                        ),
+                        children: list.title
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("ol", { className: "space-y-3", children: list.items.map((item, i) => {
+                      const label = item.href ? /* @__PURE__ */ jsx(
+                        TemplateAnchor,
+                        {
+                          href: item.href,
+                          components,
+                          className: cn(
+                            "font-medium underline-offset-2 hover:underline",
+                            accentTextClass(tone)
+                          ),
+                          children: item.label
+                        }
+                      ) : /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn("font-medium", headingTextClass(tone)),
+                          children: item.label
+                        }
+                      );
+                      const track = /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: cn(
+                            "block h-2 overflow-hidden rounded-full",
+                            tone === "brand" ? "bg-white/10" : "bg-muted"
+                          ),
+                          children: /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: cn(
+                                "block h-full rounded-full",
+                                barClass[bar]
+                              ),
+                              style: {
+                                width: `${Math.round(item.value / max * 100)}%`
+                              }
+                            }
+                          )
+                        }
+                      );
+                      const rank = numbered && /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "text-sm font-semibold tabular-nums",
+                            mutedTextClass(tone)
+                          ),
+                          children: String(i + 1).padStart(2, "0")
+                        }
+                      );
+                      const value = item.display ?? format.format(item.value);
+                      return layout === "inline" ? /* @__PURE__ */ jsxs(
+                        "li",
+                        {
+                          className: "flex items-center gap-3 text-sm",
+                          children: [
+                            rank,
+                            /* @__PURE__ */ jsx("span", { className: "w-28 flex-none truncate sm:w-36", children: label }),
+                            /* @__PURE__ */ jsx("span", { className: "flex-1", children: track }),
+                            /* @__PURE__ */ jsx("span", { className: "w-20 flex-none text-end font-semibold tabular-nums", children: value })
+                          ]
+                        },
+                        item.label
+                      ) : /* @__PURE__ */ jsxs(
+                        "li",
+                        {
+                          className: cn("rounded-xl p-4", cardClass(tone)),
+                          children: [
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+                              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-3", children: [
+                                rank,
+                                label
+                              ] }),
+                              /* @__PURE__ */ jsxs("span", { className: cn("text-xs", mutedTextClass(tone)), children: [
+                                item.note ?? value,
+                                item.note && /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                                  ": ",
+                                  value
+                                ] })
+                              ] })
+                            ] }),
+                            /* @__PURE__ */ jsx("span", { className: "mt-2 block", children: track })
+                          ]
+                        },
+                        item.label
+                      );
+                    }) })
+                  ]
+                },
+                list.title ?? l
+              );
+            })
+          }
+        )
+      }
+    );
+  }
+);
+RankedListSection.displayName = "RankedListSection";
+var ReportByline = React5.forwardRef(
+  ({
+    authors,
+    published,
+    updated,
+    labels,
+    tone = "default",
+    components,
+    className,
+    ...rest
+  }, ref) => {
+    const headingId = React5.useId();
+    return /* @__PURE__ */ jsx(
+      "section",
+      {
+        ref,
+        "data-slot": "report-byline",
+        "data-tone": tone,
+        "aria-labelledby": headingId,
+        className: cn(
+          "border-border border-t py-8",
+          toneClass(tone),
+          className
+        ),
+        ...rest,
+        children: /* @__PURE__ */ jsxs("div", { className: containerClass(), children: [
+          /* @__PURE__ */ jsx("h2", { id: headingId, className: "sr-only", children: labels?.heading ?? "About the author" }),
+          /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-6", children: authors.map((author) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: "flex flex-wrap items-center gap-4",
+              children: [
+                author.avatar && /* @__PURE__ */ jsx(
+                  TemplateImg,
+                  {
+                    ...author.avatar,
+                    width: author.avatar.width ?? 48,
+                    height: author.avatar.height ?? 48,
+                    components,
+                    className: "ring-border size-12 flex-none rounded-full object-cover ring-1"
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsxs("p", { className: cn("text-sm", mutedTextClass(tone)), children: [
+                    labels?.by ?? "By",
+                    " ",
+                    author.href ? /* @__PURE__ */ jsx(
+                      TemplateAnchor,
+                      {
+                        href: author.href,
+                        components,
+                        className: cn(
+                          "font-semibold underline-offset-2 hover:underline",
+                          headingTextClass(tone)
+                        ),
+                        children: author.name
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn("font-semibold", headingTextClass(tone)),
+                        children: author.name
+                      }
+                    ),
+                    author.role && /* @__PURE__ */ jsxs("span", { children: [
+                      " \xB7 ",
+                      author.role
+                    ] })
+                  ] }),
+                  (published || updated) && /* @__PURE__ */ jsxs("p", { className: cn("text-sm", mutedTextClass(tone)), children: [
+                    published && `${labels?.published ?? "Published"} ${published}`,
+                    published && updated && " \xB7 ",
+                    updated && `${labels?.updated ?? "Updated"} ${updated}`
+                  ] })
+                ] }),
+                author.profiles && author.profiles.length > 0 && /* @__PURE__ */ jsx("div", { className: "ms-auto flex flex-wrap gap-2", children: author.profiles.map((profile) => {
+                  const href = safeHref(profile.href);
+                  if (!href) return null;
+                  return /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      "data-track": profile.trackingId,
+                      className: "border-border hover:border-primary-600 hover:text-primary-800 dark:hover:text-primary-300 inline-flex items-center rounded-full border px-3 py-1.5 text-sm font-medium",
+                      children: [
+                        /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                          author.name,
+                          " on "
+                        ] }),
+                        profile.label
+                      ]
+                    },
+                    profile.href
+                  );
+                }) })
+              ]
+            },
+            author.name
+          )) })
+        ] })
+      }
+    );
+  }
+);
+ReportByline.displayName = "ReportByline";
+var ReportLegend = React5.forwardRef(
+  ({
+    entries,
+    title = "How to read the data",
+    tone = "muted",
+    components,
+    ...rest
+  }, ref) => /* @__PURE__ */ jsx(
+    SectionShell,
+    {
+      ref,
+      "data-slot": "report-legend",
+      title,
+      tone,
+      spacing: "compact",
+      components,
+      ...rest,
+      children: /* @__PURE__ */ jsx("dl", { className: "mt-6 grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: entries.map((entry) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex flex-col gap-2 rounded-xl p-4",
+            cardClass(tone)
+          ),
+          children: [
+            /* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(
+              MetricStatusBadge,
+              {
+                status: entry.status,
+                label: entry.label,
+                onDark: tone === "brand"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("dd", { className: cn("text-sm leading-snug", mutedTextClass(tone)), children: entry.description })
+          ]
+        },
+        entry.status
+      )) })
+    }
+  )
+);
+ReportLegend.displayName = "ReportLegend";
+var ReportMethodology = React5.forwardRef(
+  ({
+    sources,
+    citation,
+    notes,
+    resources,
+    labels,
+    tone = "muted",
+    components,
+    ...rest
+  }, ref) => {
+    const card = cn("rounded-2xl p-6", cardClass(tone));
+    const subheading = cn(
+      "text-sm font-semibold tracking-wide uppercase",
+      mutedTextClass(tone)
+    );
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        "data-slot": "report-methodology",
+        tone,
+        components,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx("dl", { className: "mt-10 grid gap-6 sm:grid-cols-2", children: sources.map((source) => /* @__PURE__ */ jsxs("div", { className: card, children: [
+            /* @__PURE__ */ jsx("dt", { className: cn("font-semibold", headingTextClass(tone)), children: source.label }),
+            /* @__PURE__ */ jsxs("dd", { className: cn("mt-2 text-sm", mutedTextClass(tone)), children: [
+              source.description,
+              safeHref(source.href) && /* @__PURE__ */ jsxs(Fragment, { children: [
+                " ",
+                /* @__PURE__ */ jsxs(
+                  "a",
+                  {
+                    href: safeHref(source.href),
+                    rel: "noopener noreferrer",
+                    className: cn(
+                      "font-medium underline underline-offset-2",
+                      accentTextClass(tone)
+                    ),
+                    children: [
+                      labels?.sourceLink ?? "Source",
+                      /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                        ": ",
+                        source.label
+                      ] })
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ] }, source.label)) }),
+          citation && /* @__PURE__ */ jsxs("div", { className: cn(card, "mt-10 border-dashed"), children: [
+            /* @__PURE__ */ jsx("h3", { className: subheading, children: labels?.citation ?? "How to cite this report" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-3 font-mono text-sm break-words select-all", children: citation })
+          ] }),
+          notes?.map((note) => /* @__PURE__ */ jsxs("div", { className: cn(card, "mt-6"), children: [
+            /* @__PURE__ */ jsx("h3", { className: subheading, children: note.title }),
+            /* @__PURE__ */ jsx("p", { className: cn("mt-3 max-w-3xl text-sm", mutedTextClass(tone)), children: note.body })
+          ] }, note.title)),
+          resources && /* @__PURE__ */ jsxs("div", { className: cn(card, "mt-6"), children: [
+            /* @__PURE__ */ jsx("h3", { className: subheading, children: resources.title }),
+            resources.description && /* @__PURE__ */ jsx("p", { className: cn("mt-3 max-w-3xl text-sm", mutedTextClass(tone)), children: resources.description }),
+            /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap gap-3", children: resources.links.map((link) => /* @__PURE__ */ jsx(
+              TemplateAnchor,
+              {
+                href: link.href,
+                trackingId: link.trackingId,
+                components,
+                className: cn(
+                  "border-border hover:border-primary-600 inline-flex items-center rounded-full border px-4 py-2 text-sm font-medium",
+                  accentTextClass(tone)
+                ),
+                children: link.label
+              },
+              link.href
+            )) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ReportMethodology.displayName = "ReportMethodology";
+
+// src/components/TileCartogramSection/tiles.ts
+var grid = [
+  ["AK", "Alaska", 0, 0],
+  ["ME", "Maine", 0, 10],
+  ["VT", "Vermont", 1, 9],
+  ["NH", "New Hampshire", 1, 10],
+  ["WA", "Washington", 2, 0],
+  ["ID", "Idaho", 2, 1],
+  ["MT", "Montana", 2, 2],
+  ["ND", "North Dakota", 2, 3],
+  ["MN", "Minnesota", 2, 4],
+  ["IL", "Illinois", 2, 5],
+  ["WI", "Wisconsin", 2, 6],
+  ["MI", "Michigan", 2, 8],
+  ["NY", "New York", 2, 9],
+  ["MA", "Massachusetts", 2, 10],
+  ["OR", "Oregon", 3, 0],
+  ["NV", "Nevada", 3, 1],
+  ["WY", "Wyoming", 3, 2],
+  ["SD", "South Dakota", 3, 3],
+  ["IA", "Iowa", 3, 4],
+  ["IN", "Indiana", 3, 5],
+  ["OH", "Ohio", 3, 6],
+  ["PA", "Pennsylvania", 3, 7],
+  ["NJ", "New Jersey", 3, 8],
+  ["CT", "Connecticut", 3, 9],
+  ["RI", "Rhode Island", 3, 10],
+  ["CA", "California", 4, 0],
+  ["UT", "Utah", 4, 1],
+  ["CO", "Colorado", 4, 2],
+  ["NE", "Nebraska", 4, 3],
+  ["MO", "Missouri", 4, 4],
+  ["KY", "Kentucky", 4, 5],
+  ["WV", "West Virginia", 4, 6],
+  ["VA", "Virginia", 4, 7],
+  ["MD", "Maryland", 4, 8],
+  ["DE", "Delaware", 4, 9],
+  ["AZ", "Arizona", 5, 1],
+  ["NM", "New Mexico", 5, 2],
+  ["KS", "Kansas", 5, 3],
+  ["AR", "Arkansas", 5, 4],
+  ["TN", "Tennessee", 5, 5],
+  ["NC", "North Carolina", 5, 6],
+  ["SC", "South Carolina", 5, 7],
+  ["DC", "District of Columbia", 5, 8],
+  ["OK", "Oklahoma", 6, 3],
+  ["LA", "Louisiana", 6, 4],
+  ["MS", "Mississippi", 6, 5],
+  ["AL", "Alabama", 6, 6],
+  ["GA", "Georgia", 6, 7],
+  ["HI", "Hawaii", 7, 0],
+  ["TX", "Texas", 7, 3],
+  ["FL", "Florida", 7, 7]
+];
+var usStateTiles = grid.map(
+  ([code, name, row, col]) => ({ code, name, row, col })
+);
+function quartileBuckets(values) {
+  const sorted = Object.values(values).filter((v) => typeof v === "number").sort((a, b) => a - b);
+  const q = (p) => sorted[Math.floor((sorted.length - 1) * p)];
+  const out = {};
+  for (const [code, v] of Object.entries(values)) {
+    out[code] = typeof v !== "number" || sorted.length === 0 ? 0 : v <= q(0.25) ? 1 : v <= q(0.5) ? 2 : v <= q(0.75) ? 3 : 4;
+  }
+  return out;
+}
+var bucketClass = {
+  0: "bg-muted text-muted-foreground",
+  1: "bg-primary-600/20 text-foreground",
+  2: "bg-primary-600/40 text-foreground",
+  3: "bg-primary-800 text-white",
+  4: "bg-primary-950 text-white"
+};
+var TileCartogramSection = React5.forwardRef(
+  ({
+    values,
+    legend,
+    layout = usStateTiles,
+    mapTitle,
+    mapDescription,
+    tone = "default",
+    components,
+    ...rest
+  }, ref) => {
+    const columns = Math.max(...layout.map((t) => t.col)) + 1;
+    return /* @__PURE__ */ jsx(
+      SectionShell,
+      {
+        ref,
+        "data-slot": "tile-cartogram-section",
+        tone,
+        components,
+        ...rest,
+        children: /* @__PURE__ */ jsxs("div", { className: cn("mt-10 rounded-2xl p-6", cardClass(tone)), children: [
+          mapTitle && /* @__PURE__ */ jsx("h3", { className: cn("text-lg font-semibold", headingTextClass(tone)), children: mapTitle }),
+          mapDescription && /* @__PURE__ */ jsx("p", { className: cn("mt-1 text-sm", mutedTextClass(tone)), children: mapDescription }),
+          /* @__PURE__ */ jsx(
+            "ul",
+            {
+              className: "mx-auto mt-6 grid w-full max-w-xl gap-1",
+              style: {
+                gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`
+              },
+              children: layout.map((tile) => {
+                const value = values[tile.code];
+                const bucket = value?.bucket ?? 0;
+                return /* @__PURE__ */ jsxs(
+                  "li",
+                  {
+                    title: value?.detail ? `${tile.name}: ${value.detail}` : tile.name,
+                    style: {
+                      gridColumnStart: tile.col + 1,
+                      gridRowStart: tile.row + 1
+                    },
+                    className: cn(
+                      "flex aspect-square items-center justify-center rounded-md text-[9px] font-semibold sm:text-[11px]",
+                      bucketClass[bucket]
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: tile.code }),
+                      /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                        tile.name,
+                        value?.detail ? `: ${value.detail}` : ""
+                      ] })
+                    ]
+                  },
+                  tile.code
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx("ul", { className: "mt-6 flex flex-wrap items-center justify-center gap-x-4 gap-y-2 text-xs", children: legend.map((entry) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: "inline-flex items-center gap-1.5",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: cn(
+                      "ring-border size-3 rounded ring-1",
+                      bucketClass[entry.bucket]
+                    )
+                  }
+                ),
+                entry.label
+              ]
+            },
+            entry.bucket
+          )) })
+        ] })
+      }
+    );
+  }
+);
+TileCartogramSection.displayName = "TileCartogramSection";
+var sections = {
+  hero: HeroSection,
+  logos: LogoCloudSection,
+  features: FeatureGridSection,
+  split: SplitContentSection,
+  process: ProcessStepsSection,
+  stats: StatsSection,
+  comparison: ComparisonSection,
+  pricing: PricingSection,
+  video: VideoSection,
+  testimonials: TestimonialSection,
+  resources: ResourceCardsSection,
+  faq: FaqSection,
+  "lead-form": LeadFormSection,
+  cta: CtaSection,
+  "report-legend": ReportLegend,
+  "benchmark-table": BenchmarkTableSection,
+  "ranked-list": RankedListSection,
+  "tile-cartogram": TileCartogramSection,
+  "metric-list": MetricListSection,
+  methodology: ReportMethodology,
+  byline: ReportByline,
+  "link-groups": LinkGroupsSection,
+  "pdf-embed": PdfEmbedSection
+};
+var landingBlockTypes = [
+  ...Object.keys(sections),
+  "custom"
+];
+var takesIcons = /* @__PURE__ */ new Set(["features", "process"]);
+var LandingPage = React5.forwardRef(
+  ({ blocks, icons, components, custom, actions, ...rest }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "landing-page", ...rest, children: blocks.map((block, i) => {
+    const key = block.id ?? `${block.type}-${i}`;
+    if (block.type === "custom") {
+      const Custom = ownProperty(custom, block.component);
+      return Custom ? /* @__PURE__ */ jsx(Custom, { id: block.id, ...block.props }, key) : null;
+    }
+    const { type, ...props } = block;
+    const Section = ownProperty(
+      sections,
+      type
+    );
+    if (!Section) return null;
+    const action = block.type === "lead-form" ? ownProperty(actions, block.action) ?? safeHref(block.action) : void 0;
+    if (block.type === "lead-form" && action == null) return null;
+    const data = { ...props };
+    delete data.children;
+    delete data.dangerouslySetInnerHTML;
+    return /* @__PURE__ */ jsx(
+      Section,
+      {
+        ...data,
+        components,
+        ...takesIcons.has(type) ? { icons } : {},
+        ...block.type === "lead-form" ? { action } : {}
+      },
+      key
+    );
+  }) })
+);
+LandingPage.displayName = "LandingPage";
+
+// src/components/LandingPage/presets.ts
+var landingPresets = {
+  "vertical-hub": {
+    label: "Industry / vertical hub",
+    description: "One page per industry served: the sector problem, what the product does for it, proof, and a way in.",
+    sequence: [
+      "hero",
+      "logos",
+      "features",
+      "split",
+      "stats",
+      "process",
+      "testimonials",
+      "resources",
+      "faq",
+      "cta"
+    ],
+    required: ["hero", "features", "faq", "cta"]
+  },
+  "service-detail": {
+    label: "Service / product detail",
+    description: "One offering explained: what it is, how it works, how it compares, and how to start.",
+    sequence: [
+      "hero",
+      "features",
+      "video",
+      "process",
+      "comparison",
+      "pricing",
+      "stats",
+      "testimonials",
+      "faq",
+      "cta"
     ],
     required: ["hero", "features", "cta"]
   },
@@ -1802,14 +2497,38 @@ var landingPresets = {
       "cta"
     ],
     required: ["hero", "pricing", "faq"]
+  },
+  "benchmark-report": {
+    label: "Benchmark report",
+    description: "A published data report: headline findings, the figures with their provenance, how they were built, and who wrote it.",
+    sequence: [
+      "hero",
+      "stats",
+      "report-legend",
+      "features",
+      "benchmark-table",
+      "tile-cartogram",
+      "ranked-list",
+      "metric-list",
+      "methodology",
+      "byline",
+      "link-groups",
+      "pdf-embed",
+      "lead-form",
+      "cta"
+    ],
+    required: ["hero", "methodology"]
   }
 };
 var headedItems = /* @__PURE__ */ new Set([
   "features",
   "process",
   "pricing",
-  "resources"
+  "resources",
+  "metric-list",
+  "link-groups"
 ]);
+var rendersH3 = (b) => headedItems.has(b.type) || b.type === "ranked-list" && b.lists.some((l) => l.title) || b.type === "tile-cartogram" && !!b.mapTitle || b.type === "methodology" && !!(b.citation || b.notes?.length || b.resources);
 function validateLandingPage(blocks, preset) {
   const issues = [];
   const types = blocks.map((b) => b.type);
@@ -1874,12 +2593,24 @@ function validateLandingPage(blocks, preset) {
     });
   });
   blocks.forEach((b, index) => {
-    if (headedItems.has(b.type) && !("title" in b && b.title))
+    if (rendersH3(b) && !("title" in b && b.title))
       issues.push({
         severity: "warning",
         index,
         message: `"${b.type}" has no title, so its h3 item titles skip the h2 level.`
       });
+    if (b.type === "benchmark-table") {
+      const keys = new Set(b.columns.map((c) => c.key));
+      b.rows.forEach((row) => {
+        const unknown = Object.keys(row.values).filter((k) => !keys.has(k));
+        if (unknown.length)
+          issues.push({
+            severity: "warning",
+            index,
+            message: `Benchmark row "${row.label}" has values for unknown columns: ${unknown.join(", ")}.`
+          });
+      });
+    }
     if (b.type !== "comparison") return;
     b.rows.forEach((row, r) => {
       if (row.values.length !== b.columns.length)
@@ -1905,9 +2636,11 @@ function validateLandingPage(blocks, preset) {
         message: `Missing required "${type}" block for the ${spec.label} preset.`
       });
   let last = -1;
+  const placed = /* @__PURE__ */ new Set();
   blocks.forEach((b, index) => {
     const rank = spec.sequence.indexOf(b.type);
-    if (rank === -1) return;
+    if (rank === -1 || placed.has(b.type)) return;
+    placed.add(b.type);
     if (rank < last)
       issues.push({
         severity: "warning",
@@ -1919,6 +2652,6 @@ function validateLandingPage(blocks, preset) {
   return issues;
 }
 
-export { ComparisonSection, CtaSection, FaqSection, FeatureGridSection, HeroSection, LandingPage, LeadFormSection, LogoCloudSection, PricingSection, ProcessStepsSection, ResourceCardsSection, SectionHeading, SectionShell, SplitContentSection, StatsSection, TemplateIcon, TestimonialSection, VideoSection, defaultLeadFormFields, landingPresets, templateIcons, validateLandingPage };
-//# sourceMappingURL=chunk-KHSFJTEX.js.map
-//# sourceMappingURL=chunk-KHSFJTEX.js.map
+export { BenchmarkTableSection, ComparisonSection, CtaSection, FaqSection, FeatureGridSection, HeroSection, LandingPage, LeadFormSection, LinkGroupsSection, LogoCloudSection, MetricListSection, PdfEmbedSection, PricingSection, ProcessStepsSection, RankedListSection, ReportByline, ReportLegend, ReportMethodology, ResourceCardsSection, SplitContentSection, StatsSection, TestimonialSection, TileCartogramSection, VideoSection, defaultLeadFormFields, landingPresets, quartileBuckets, usStateTiles, validateLandingPage };
+//# sourceMappingURL=chunk-T4JYUICS.js.map
+//# sourceMappingURL=chunk-T4JYUICS.js.map