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

package/dist/{chunk-WCDJFMZO.cjs → chunk-ADW7ZYCY.cjs}

@@ -1,10 +1,11 @@
 'use strict';
 
+var chunkXI74P5F2_cjs = require('./chunk-XI74P5F2.cjs');
 var chunkZ5S5JEJD_cjs = require('./chunk-Z5S5JEJD.cjs');
 var chunkYVL3XATO_cjs = require('./chunk-YVL3XATO.cjs');
 var chunkDXEPYK3I_cjs = require('./chunk-DXEPYK3I.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
-var React = require('react');
+var React5 = require('react');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -26,330 +27,10 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
 
-// src/utils/own.ts
-function ownProperty(map, key) {
-  return map != null && Object.hasOwn(map, key) ? map[key] : void 0;
-}
-var templateIcons = {
-  activity: lucideReact.Activity,
-  award: lucideReact.Award,
-  "badge-check": lucideReact.BadgeCheck,
-  bell: lucideReact.Bell,
-  briefcase: lucideReact.Briefcase,
-  building: lucideReact.Building2,
-  calendar: lucideReact.Calendar,
-  "calendar-check": lucideReact.CalendarCheck,
-  "chart-column": lucideReact.ChartColumn,
-  "chart-line": lucideReact.ChartLine,
-  "circle-check": lucideReact.CircleCheck,
-  "clipboard-check": lucideReact.ClipboardCheck,
-  clock: lucideReact.Clock,
-  cloud: lucideReact.Cloud,
-  database: lucideReact.Database,
-  "dollar-sign": lucideReact.DollarSign,
-  factory: lucideReact.Factory,
-  "file-text": lucideReact.FileText,
-  flask: lucideReact.FlaskConical,
-  globe: lucideReact.Globe,
-  "graduation-cap": lucideReact.GraduationCap,
-  handshake: lucideReact.Handshake,
-  "hard-hat": lucideReact.HardHat,
-  headset: lucideReact.Headset,
-  "heart-pulse": lucideReact.HeartPulse,
-  hospital: lucideReact.Hospital,
-  layers: lucideReact.Layers,
-  leaf: lucideReact.Leaf,
-  lightbulb: lucideReact.Lightbulb,
-  lock: lucideReact.Lock,
-  mail: lucideReact.Mail,
-  "map-pin": lucideReact.MapPin,
-  "message-square": lucideReact.MessageSquare,
-  microscope: lucideReact.Microscope,
-  phone: lucideReact.Phone,
-  plane: lucideReact.Plane,
-  plug: lucideReact.Plug,
-  rocket: lucideReact.Rocket,
-  scale: lucideReact.Scale,
-  search: lucideReact.Search,
-  settings: lucideReact.Settings,
-  shield: lucideReact.Shield,
-  "shield-check": lucideReact.ShieldCheck,
-  smartphone: lucideReact.Smartphone,
-  sparkles: lucideReact.Sparkles,
-  stethoscope: lucideReact.Stethoscope,
-  syringe: lucideReact.Syringe,
-  target: lucideReact.Target,
-  timer: lucideReact.Timer,
-  "trending-up": lucideReact.TrendingUp,
-  truck: lucideReact.Truck,
-  "user-check": lucideReact.UserCheck,
-  users: lucideReact.Users,
-  workflow: lucideReact.Workflow,
-  wrench: lucideReact.Wrench,
-  zap: lucideReact.Zap
-};
-function TemplateIcon({ name, icons, className }) {
-  const Icon = ownProperty(icons, name) ?? ownProperty(templateIcons, name);
-  if (Icon)
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Icon,
-      {
-        "aria-hidden": "true",
-        strokeWidth: 1.75,
-        className: chunkS5RVSXDV_cjs.cn("size-5", className)
-      }
-    );
-  if (name.length <= 4)
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: chunkS5RVSXDV_cjs.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") => chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsx(Link, { ...all, href, children }) : /* @__PURE__ */ jsxRuntime.jsx("a", { ...all, children });
-}
-var fetchPriorityHigh = React__namespace.version.startsWith("18.") ? { fetchpriority: "high" } : { fetchPriority: "high" };
-function TemplateImg({
-  components,
-  priority,
-  ...image
-}) {
-  const Image = components?.Image;
-  if (Image) return /* @__PURE__ */ jsxRuntime.jsx(Image, { ...image, priority });
-  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "section-heading",
-      className: chunkS5RVSXDV_cjs.cn(
-        "max-w-3xl",
-        align === "center" && "mx-auto text-center",
-        className
-      ),
-      children: [
-        eyebrow && /* @__PURE__ */ jsxRuntime.jsx(
-          "p",
-          {
-            className: chunkS5RVSXDV_cjs.cn(
-              "mb-3 text-sm font-semibold tracking-wider uppercase",
-              accentTextClass(tone)
-            ),
-            children: eyebrow
-          }
-        ),
-        title && /* @__PURE__ */ jsxRuntime.jsx(
-          Heading,
-          {
-            id: titleId,
-            className: chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsx(
-          "p",
-          {
-            className: chunkS5RVSXDV_cjs.cn(
-              "mt-4 text-pretty",
-              size === "hero" ? "text-lg sm:text-xl" : "text-lg",
-              mutedTextClass(tone)
-            ),
-            children: description
-          }
-        )
-      ]
-    }
-  );
-}
-var SectionShell = React__namespace.forwardRef(
-  ({
-    eyebrow,
-    title,
-    description,
-    tone = "default",
-    align = "start",
-    width = "wide",
-    spacing = "default",
-    className,
-    children,
-    components,
-    ...rest
-  }, ref) => {
-    const titleId = React__namespace.useId();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "section",
-      {
-        ref,
-        "data-slot": "landing-section",
-        "data-tone": tone,
-        "aria-labelledby": title ? titleId : void 0,
-        className: chunkS5RVSXDV_cjs.cn(
-          spacing === "compact" ? "py-10 sm:py-14" : "py-16 sm:py-24",
-          toneClass(tone),
-          className
-        ),
-        ...rest,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClass(width), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            SectionHeading,
-            {
-              eyebrow,
-              title,
-              description,
-              align,
-              tone,
-              titleId,
-              className: chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "cta-links",
-      className: chunkS5RVSXDV_cjs.cn(
-        "flex flex-col gap-3 sm:flex-row sm:flex-wrap",
-        align === "center" && "sm:justify-center",
-        className
-      ),
-      children: [
-        primary && /* @__PURE__ */ jsxRuntime.jsxs(
-          TemplateAnchor,
-          {
-            href: primary.href,
-            trackingId: primary.trackingId,
-            components,
-            "data-slot": "cta-primary",
-            className: chunkS5RVSXDV_cjs.cn(
-              chunkDXEPYK3I_cjs.buttonVariants({ variant: "primary", size: "lg" }),
-              wrap,
-              onBrand && "text-primary-900 hover:bg-primary-50 active:bg-primary-100 bg-white"
-            ),
-            children: [
-              primary.label,
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { "aria-hidden": "true", className: "size-5 rtl:-scale-x-100" })
-            ]
-          }
-        ),
-        secondary && /* @__PURE__ */ jsxRuntime.jsx(
-          TemplateAnchor,
-          {
-            href: secondary.href,
-            trackingId: secondary.trackingId,
-            components,
-            "data-slot": "cta-secondary",
-            className: chunkS5RVSXDV_cjs.cn(
-              chunkDXEPYK3I_cjs.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__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "data-slot": "icon-tile",
-      className: chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsx(TemplateIcon, { name, icons })
-    }
-  );
-}
 var cellClass = "px-3 py-3 sm:px-5 sm:py-4";
-var ComparisonSection = React__namespace.forwardRef(
+var ComparisonSection = React5__namespace.forwardRef(
   ({
     columns,
     rows,
@@ -375,13 +56,13 @@ var ComparisonSection = React__namespace.forwardRef(
         lucideReact.X,
         {
           "aria-hidden": "true",
-          className: chunkS5RVSXDV_cjs.cn("mx-auto size-5", mutedTextClass(tone))
+          className: chunkS5RVSXDV_cjs.cn("mx-auto size-5", chunkXI74P5F2_cjs.mutedTextClass(tone))
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: labels?.notIncluded ?? "Not included" })
     ] });
     return /* @__PURE__ */ jsxRuntime.jsx(
-      SectionShell,
+      chunkXI74P5F2_cjs.SectionShell,
       {
         ref,
         "data-slot": "comparison-section",
@@ -392,7 +73,7 @@ var ComparisonSection = React__namespace.forwardRef(
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkS5RVSXDV_cjs.cn("mt-12 overflow-x-auto rounded-2xl", cardClass(tone)),
+            className: chunkS5RVSXDV_cjs.cn("mt-12 overflow-x-auto rounded-2xl", chunkXI74P5F2_cjs.cardClass(tone)),
             children: /* @__PURE__ */ jsxRuntime.jsxs(
               "table",
               {
@@ -468,7 +149,7 @@ var ComparisonSection = React__namespace.forwardRef(
   }
 );
 ComparisonSection.displayName = "ComparisonSection";
-var CtaSection = React__namespace.forwardRef(
+var CtaSection = React5__namespace.forwardRef(
   ({
     eyebrow,
     title,
@@ -483,10 +164,10 @@ var CtaSection = React__namespace.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const titleId = React__namespace.useId();
+    const titleId = React5__namespace.useId();
     const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        SectionHeading,
+        chunkXI74P5F2_cjs.SectionHeading,
         {
           eyebrow,
           title,
@@ -497,7 +178,7 @@ var CtaSection = React__namespace.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        CtaLinks,
+        chunkXI74P5F2_cjs.CtaLinks,
         {
           primary: primaryCta,
           secondary: secondaryCta,
@@ -512,7 +193,7 @@ var CtaSection = React__namespace.forwardRef(
         {
           className: chunkS5RVSXDV_cjs.cn(
             "mt-4 text-sm",
-            mutedTextClass(tone),
+            chunkXI74P5F2_cjs.mutedTextClass(tone),
             align === "center" && "text-center"
           ),
           children: note
@@ -528,16 +209,16 @@ var CtaSection = React__namespace.forwardRef(
         "aria-labelledby": titleId,
         className: chunkS5RVSXDV_cjs.cn(
           "py-16 sm:py-24",
-          layout === "band" ? toneClass(tone) : "bg-background",
+          layout === "band" ? chunkXI74P5F2_cjs.toneClass(tone) : "bg-background",
           className
         ),
         ...rest,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClass(), children: layout === "panel" ? /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkXI74P5F2_cjs.containerClass(), children: layout === "panel" ? /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: chunkS5RVSXDV_cjs.cn(
               "rounded-3xl px-6 py-12 sm:px-12 sm:py-16",
-              toneClass(tone),
+              chunkXI74P5F2_cjs.toneClass(tone),
               tone !== "brand" && "border-border border"
             ),
             children: body
@@ -548,9 +229,9 @@ var CtaSection = React__namespace.forwardRef(
   }
 );
 CtaSection.displayName = "CtaSection";
-var FaqSection = React__namespace.forwardRef(
+var FaqSection = React5__namespace.forwardRef(
   ({ items, tone = "default", align = "center", ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    SectionShell,
+    chunkXI74P5F2_cjs.SectionShell,
     {
       ref,
       "data-slot": "faq-section",
@@ -562,7 +243,7 @@ var FaqSection = React__namespace.forwardRef(
         "details",
         {
           id: item.id,
-          className: chunkS5RVSXDV_cjs.cn("group rounded-xl", cardClass(tone)),
+          className: chunkS5RVSXDV_cjs.cn("group rounded-xl", chunkXI74P5F2_cjs.cardClass(tone)),
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
               "summary",
@@ -589,7 +270,7 @@ var FaqSection = React__namespace.forwardRef(
               {
                 className: chunkS5RVSXDV_cjs.cn(
                   "px-5 pb-5 whitespace-pre-line",
-                  mutedTextClass(tone)
+                  chunkXI74P5F2_cjs.mutedTextClass(tone)
                 ),
                 children: item.answer
               }
@@ -607,7 +288,7 @@ var columnClass = {
   3: "lg:grid-cols-3",
   4: "lg:grid-cols-4"
 };
-var FeatureGridSection = React__namespace.forwardRef(
+var FeatureGridSection = React5__namespace.forwardRef(
   ({
     features,
     columns = 3,
@@ -618,7 +299,7 @@ var FeatureGridSection = React__namespace.forwardRef(
     components,
     ...rest
   }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    SectionShell,
+    chunkXI74P5F2_cjs.SectionShell,
     {
       ref,
       "data-slot": "feature-grid-section",
@@ -634,31 +315,31 @@ var FeatureGridSection = React__namespace.forwardRef(
             {
               className: chunkS5RVSXDV_cjs.cn(
                 "flex flex-col gap-3",
-                variant === "cards" && chunkS5RVSXDV_cjs.cn("rounded-2xl p-6", cardClass(tone))
+                variant === "cards" && chunkS5RVSXDV_cjs.cn("rounded-2xl p-6", chunkXI74P5F2_cjs.cardClass(tone))
               ),
               children: [
-                feature.icon && /* @__PURE__ */ jsxRuntime.jsx(IconTile, { name: feature.icon, icons, tone }),
+                feature.icon && /* @__PURE__ */ jsxRuntime.jsx(chunkXI74P5F2_cjs.IconTile, { name: feature.icon, icons, tone }),
                 feature.tag && /* @__PURE__ */ jsxRuntime.jsx(
                   "p",
                   {
                     className: chunkS5RVSXDV_cjs.cn(
                       "text-xs font-semibold tracking-wider uppercase",
-                      accentTextClass(tone)
+                      chunkXI74P5F2_cjs.accentTextClass(tone)
                     ),
                     children: feature.tag
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: chunkS5RVSXDV_cjs.cn("text-lg font-semibold", headingTextClass(tone)), children: feature.title }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: mutedTextClass(tone), children: feature.description }),
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: chunkS5RVSXDV_cjs.cn("text-lg font-semibold", chunkXI74P5F2_cjs.headingTextClass(tone)), children: feature.title }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkXI74P5F2_cjs.mutedTextClass(tone), children: feature.description }),
                 feature.link && /* @__PURE__ */ jsxRuntime.jsxs(
-                  TemplateAnchor,
+                  chunkXI74P5F2_cjs.TemplateAnchor,
                   {
                     href: feature.link.href,
                     trackingId: feature.link.trackingId,
                     components,
                     className: chunkS5RVSXDV_cjs.cn(
                       "mt-auto inline-flex items-center gap-1 font-semibold hover:underline",
-                      accentTextClass(tone)
+                      chunkXI74P5F2_cjs.accentTextClass(tone)
                     ),
                     children: [
                       feature.link.label,
@@ -682,7 +363,7 @@ var FeatureGridSection = React__namespace.forwardRef(
   )
 );
 FeatureGridSection.displayName = "FeatureGridSection";
-var HeroSection = React__namespace.forwardRef(
+var HeroSection = React5__namespace.forwardRef(
   ({
     eyebrow,
     title,
@@ -693,6 +374,8 @@ var HeroSection = React__namespace.forwardRef(
     secondaryCta,
     ctaNote,
     highlights,
+    meta,
+    logo,
     image,
     breadcrumbs,
     headingLevel = "h1",
@@ -701,7 +384,7 @@ var HeroSection = React__namespace.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const titleId = React__namespace.useId();
+    const titleId = React5__namespace.useId();
     const split = variant === "split" && !!image;
     const align = split ? "start" : "center";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -711,13 +394,13 @@ var HeroSection = React__namespace.forwardRef(
         "data-slot": "hero-section",
         "data-tone": tone,
         "aria-labelledby": titleId,
-        className: chunkS5RVSXDV_cjs.cn("py-16 sm:py-24 lg:py-28", toneClass(tone), className),
+        className: chunkS5RVSXDV_cjs.cn("py-16 sm:py-24 lg:py-28", chunkXI74P5F2_cjs.toneClass(tone), className),
         ...rest,
         children: /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: chunkS5RVSXDV_cjs.cn(
-              containerClass(),
+              chunkXI74P5F2_cjs.containerClass(),
               split && "grid items-center gap-12 lg:grid-cols-2"
             ),
             children: [
@@ -732,14 +415,14 @@ var HeroSection = React__namespace.forwardRef(
                       {
                         className: chunkS5RVSXDV_cjs.cn(
                           "flex flex-wrap items-center gap-1 text-sm",
-                          mutedTextClass(tone),
+                          chunkXI74P5F2_cjs.mutedTextClass(tone),
                           !split && "justify-center"
                         ),
                         children: breadcrumbs.map((crumb, i) => {
                           const last = i === breadcrumbs.length - 1;
                           return /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex items-center gap-1", children: last ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-current": "page", children: crumb.label }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                             /* @__PURE__ */ jsxRuntime.jsx(
-                              TemplateAnchor,
+                              chunkXI74P5F2_cjs.TemplateAnchor,
                               {
                                 href: crumb.href,
                                 trackingId: crumb.trackingId,
@@ -761,8 +444,16 @@ var HeroSection = React__namespace.forwardRef(
                     )
                   }
                 ),
+                logo && /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkXI74P5F2_cjs.TemplateImg,
+                  {
+                    ...logo,
+                    components,
+                    className: "mb-6 h-12 w-auto"
+                  }
+                ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  SectionHeading,
+                  chunkXI74P5F2_cjs.SectionHeading,
                   {
                     as: headingLevel,
                     size: "hero",
@@ -774,8 +465,23 @@ var HeroSection = React__namespace.forwardRef(
                     titleId
                   }
                 ),
+                meta && meta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    "data-slot": "hero-meta",
+                    className: chunkS5RVSXDV_cjs.cn(
+                      "mt-6 flex flex-wrap gap-x-2 gap-y-1 text-sm font-medium",
+                      chunkXI74P5F2_cjs.mutedTextClass(tone),
+                      !split && "justify-center"
+                    ),
+                    children: meta.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(React5__namespace.Fragment, { children: [
+                      i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: item })
+                    ] }, item))
+                  }
+                ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  CtaLinks,
+                  chunkXI74P5F2_cjs.CtaLinks,
                   {
                     primary: primaryCta,
                     secondary: secondaryCta,
@@ -785,7 +491,7 @@ var HeroSection = React__namespace.forwardRef(
                     className: "mt-8"
                   }
                 ),
-                ctaNote && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-4 text-sm", mutedTextClass(tone)), children: ctaNote }),
+                ctaNote && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-4 text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: ctaNote }),
                 highlights && highlights.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                   "ul",
                   {
@@ -798,7 +504,7 @@ var HeroSection = React__namespace.forwardRef(
                         lucideReact.CircleCheck,
                         {
                           "aria-hidden": "true",
-                          className: chunkS5RVSXDV_cjs.cn("size-4 shrink-0", accentTextClass(tone))
+                          className: chunkS5RVSXDV_cjs.cn("size-4 shrink-0", chunkXI74P5F2_cjs.accentTextClass(tone))
                         }
                       ),
                       item
@@ -807,7 +513,7 @@ var HeroSection = React__namespace.forwardRef(
                 )
               ] }),
               image && /* @__PURE__ */ jsxRuntime.jsx(
-                TemplateImg,
+                chunkXI74P5F2_cjs.TemplateImg,
                 {
                   ...image,
                   priority: true,
@@ -861,7 +567,7 @@ var controlClass = chunkS5RVSXDV_cjs.cn(
   chunkZ5S5JEJD_cjs.inputVariants({ size: "md" }),
   "block h-auto py-2.5"
 );
-var LeadFormSection = React__namespace.forwardRef(
+var LeadFormSection = React5__namespace.forwardRef(
   ({
     eyebrow,
     title,
@@ -873,16 +579,17 @@ var LeadFormSection = React__namespace.forwardRef(
     submitLabel = "Submit",
     note,
     layout = "split",
+    highlights,
     tone = "muted",
     submitTrackingId,
     components,
     className,
     ...rest
   }, ref) => {
-    const baseId = React__namespace.useId();
+    const baseId = React5__namespace.useId();
     const titleId = `${baseId}-title`;
     const split = layout === "split";
-    const resolvedAction = typeof action === "string" ? safeHref(action) : action;
+    const resolvedAction = typeof action === "string" ? chunkXI74P5F2_cjs.safeHref(action) : action;
     if (resolvedAction == null) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "section",
@@ -891,27 +598,52 @@ var LeadFormSection = React__namespace.forwardRef(
         "data-slot": "lead-form-section",
         "data-tone": tone,
         "aria-labelledby": titleId,
-        className: chunkS5RVSXDV_cjs.cn("py-16 sm:py-24", toneClass(tone), className),
+        className: chunkS5RVSXDV_cjs.cn("py-16 sm:py-24", chunkXI74P5F2_cjs.toneClass(tone), className),
         ...rest,
         children: /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: chunkS5RVSXDV_cjs.cn(
-              containerClass(split ? "wide" : "narrow"),
+              chunkXI74P5F2_cjs.containerClass(split ? "wide" : "narrow"),
               split && "grid items-start gap-12 lg:grid-cols-2"
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                SectionHeading,
-                {
-                  eyebrow,
-                  title,
-                  description,
-                  align: split ? "start" : "center",
-                  tone,
-                  titleId
-                }
-              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkXI74P5F2_cjs.SectionHeading,
+                  {
+                    eyebrow,
+                    title,
+                    description,
+                    align: split ? "start" : "center",
+                    tone,
+                    titleId
+                  }
+                ),
+                highlights && highlights.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                  "ul",
+                  {
+                    className: chunkS5RVSXDV_cjs.cn(
+                      "mt-6 space-y-2",
+                      !split && "mx-auto w-fit",
+                      chunkXI74P5F2_cjs.mutedTextClass(tone)
+                    ),
+                    children: highlights.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        lucideReact.CircleCheck,
+                        {
+                          "aria-hidden": "true",
+                          className: chunkS5RVSXDV_cjs.cn(
+                            "mt-0.5 size-4 shrink-0",
+                            chunkXI74P5F2_cjs.accentTextClass(tone)
+                          )
+                        }
+                      ),
+                      item
+                    ] }, item))
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "form",
                 {
@@ -921,7 +653,7 @@ var LeadFormSection = React__namespace.forwardRef(
                   className: chunkS5RVSXDV_cjs.cn(
                     "grid gap-5 rounded-2xl p-6 sm:grid-cols-2 sm:p-8",
                     // The form card always uses the theme surface so inputs stay legible on a brand band.
-                    cardClass("default"),
+                    chunkXI74P5F2_cjs.cardClass("default"),
                     !split && "mt-10"
                   ),
                   children: [
@@ -991,7 +723,7 @@ var LeadFormSection = React__namespace.forwardRef(
                           children: submitLabel
                         }
                       ),
-                      note && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-3 text-xs", mutedTextClass("default")), children: note })
+                      note && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-3 text-xs", chunkXI74P5F2_cjs.mutedTextClass("default")), children: note })
                     ] })
                   ]
                 }
@@ -1029,13 +761,13 @@ function Logo({
     {
       className: chunkS5RVSXDV_cjs.cn(
         "text-lg font-semibold whitespace-nowrap",
-        mutedTextClass(tone ?? "default")
+        chunkXI74P5F2_cjs.mutedTextClass(tone ?? "default")
       ),
       children: logo.name
     }
   );
   return logo.href ? /* @__PURE__ */ jsxRuntime.jsx(
-    TemplateAnchor,
+    chunkXI74P5F2_cjs.TemplateAnchor,
     {
       href: logo.href,
       trackingId: logo.trackingId,
@@ -1046,7 +778,7 @@ function Logo({
     }
   ) : mark;
 }
-var LogoCloudSection = React__namespace.forwardRef(
+var LogoCloudSection = React5__namespace.forwardRef(
   ({
     logos,
     variant = "grid",
@@ -1056,7 +788,7 @@ var LogoCloudSection = React__namespace.forwardRef(
     components,
     ...rest
   }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    SectionShell,
+    chunkXI74P5F2_cjs.SectionShell,
     {
       ref,
       "data-slot": "logo-cloud-section",
@@ -1095,9 +827,9 @@ var columnClass2 = [
   "lg:grid-cols-3",
   "lg:grid-cols-4"
 ];
-var PricingSection = React__namespace.forwardRef(
+var PricingSection = React5__namespace.forwardRef(
   ({ plans, note, tone = "default", align = "center", components, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    SectionShell,
+    chunkXI74P5F2_cjs.SectionShell,
     {
       ref,
       "data-slot": "pricing-section",
@@ -1118,25 +850,25 @@ var PricingSection = React__namespace.forwardRef(
               {
                 className: chunkS5RVSXDV_cjs.cn(
                   "relative flex flex-col rounded-2xl p-6 sm:p-8",
-                  cardClass(tone),
+                  chunkXI74P5F2_cjs.cardClass(tone),
                   plan.highlighted && "ring-primary-600 dark:ring-primary-400 ring-2"
                 ),
                 children: [
                   plan.highlighted && plan.badge && /* @__PURE__ */ jsxRuntime.jsx(chunkYVL3XATO_cjs.Badge, { className: "bg-primary-800 dark:bg-primary-800 absolute start-6 -top-3 px-3 py-1 text-xs font-semibold text-white dark:text-white", children: plan.badge }),
-                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: chunkS5RVSXDV_cjs.cn("text-lg font-semibold", headingTextClass(tone)), children: plan.name }),
-                  plan.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-2 text-sm", mutedTextClass(tone)), children: plan.description }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: chunkS5RVSXDV_cjs.cn("text-lg font-semibold", chunkXI74P5F2_cjs.headingTextClass(tone)), children: plan.name }),
+                  plan.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-2 text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: plan.description }),
                   /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-6 flex flex-wrap items-baseline gap-x-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "span",
                       {
                         className: chunkS5RVSXDV_cjs.cn(
                           "text-4xl font-bold tracking-tight",
-                          headingTextClass(tone)
+                          chunkXI74P5F2_cjs.headingTextClass(tone)
                         ),
                         children: plan.price
                       }
                     ),
-                    plan.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkS5RVSXDV_cjs.cn("text-sm", mutedTextClass(tone)), children: plan.period })
+                    plan.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkS5RVSXDV_cjs.cn("text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: plan.period })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-6 flex-1 space-y-3 text-sm", children: plan.features.map((feature) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex gap-3", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -1145,14 +877,14 @@ var PricingSection = React__namespace.forwardRef(
                         "aria-hidden": "true",
                         className: chunkS5RVSXDV_cjs.cn(
                           "mt-0.5 size-4 shrink-0",
-                          accentTextClass(tone)
+                          chunkXI74P5F2_cjs.accentTextClass(tone)
                         )
                       }
                     ),
                     feature
                   ] }, feature)) }),
                   plan.cta && /* @__PURE__ */ jsxRuntime.jsx(
-                    TemplateAnchor,
+                    chunkXI74P5F2_cjs.TemplateAnchor,
                     {
                       href: plan.cta.href,
                       trackingId: plan.cta.trackingId,
@@ -1180,7 +912,7 @@ var PricingSection = React__namespace.forwardRef(
           {
             className: chunkS5RVSXDV_cjs.cn(
               "mt-8 text-sm",
-              mutedTextClass(tone),
+              chunkXI74P5F2_cjs.mutedTextClass(tone),
               align === "center" && "text-center"
             ),
             children: note
@@ -1205,10 +937,10 @@ var connectorInset = [
   "inset-x-[16.667%]",
   "inset-x-[12.5%]"
 ];
-var ProcessStepsSection = React__namespace.forwardRef(({ steps, icons, tone = "default", align = "center", ...rest }, ref) => {
+var ProcessStepsSection = React5__namespace.forwardRef(({ steps, icons, tone = "default", align = "center", ...rest }, ref) => {
   const columns = Math.min(steps.length, 4);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    SectionShell,
+    chunkXI74P5F2_cjs.SectionShell,
     {
       ref,
       "data-slot": "process-steps-section",
@@ -1240,7 +972,7 @@ var ProcessStepsSection = React__namespace.forwardRef(({ steps, icons, tone = "d
                     "flex size-12 items-center justify-center rounded-full text-lg font-bold",
                     tone === "brand" ? "text-primary-900 bg-white" : "bg-primary-800 text-white"
                   ),
-                  children: step.icon ? /* @__PURE__ */ jsxRuntime.jsx(TemplateIcon, { name: step.icon, icons }) : i + 1
+                  children: step.icon ? /* @__PURE__ */ jsxRuntime.jsx(chunkXI74P5F2_cjs.TemplateIcon, { name: step.icon, icons }) : i + 1
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -1248,12 +980,12 @@ var ProcessStepsSection = React__namespace.forwardRef(({ steps, icons, tone = "d
                 {
                   className: chunkS5RVSXDV_cjs.cn(
                     "mt-5 text-lg font-semibold",
-                    headingTextClass(tone)
+                    chunkXI74P5F2_cjs.headingTextClass(tone)
                   ),
                   children: step.title
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-2 max-w-xs", mutedTextClass(tone)), children: step.description })
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-2 max-w-xs", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: step.description })
             ]
           },
           step.title
@@ -1268,7 +1000,7 @@ var columnClass4 = {
   3: "lg:grid-cols-3",
   4: "lg:grid-cols-4"
 };
-var ResourceCardsSection = React__namespace.forwardRef(
+var ResourceCardsSection = React5__namespace.forwardRef(
   ({
     items,
     columns = 3,
@@ -1278,7 +1010,7 @@ var ResourceCardsSection = React__namespace.forwardRef(
     components,
     ...rest
   }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    SectionShell,
+    chunkXI74P5F2_cjs.SectionShell,
     {
       ref,
       "data-slot": "resource-cards-section",
@@ -1296,11 +1028,11 @@ var ResourceCardsSection = React__namespace.forwardRef(
                 className: chunkS5RVSXDV_cjs.cn(
                   "group relative flex flex-col overflow-hidden rounded-2xl",
                   "focus-within:ring-ring focus-within:ring-2",
-                  cardClass(tone)
+                  chunkXI74P5F2_cjs.cardClass(tone)
                 ),
                 children: [
                   item.image && /* @__PURE__ */ jsxRuntime.jsx(
-                    TemplateImg,
+                    chunkXI74P5F2_cjs.TemplateImg,
                     {
                       ...item.image,
                       components,
@@ -1313,7 +1045,7 @@ var ResourceCardsSection = React__namespace.forwardRef(
                       {
                         className: chunkS5RVSXDV_cjs.cn(
                           "text-xs font-semibold tracking-wider uppercase",
-                          accentTextClass(tone)
+                          chunkXI74P5F2_cjs.accentTextClass(tone)
                         ),
                         children: item.kind
                       }
@@ -1321,9 +1053,9 @@ var ResourceCardsSection = React__namespace.forwardRef(
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "h3",
                       {
-                        className: chunkS5RVSXDV_cjs.cn("text-lg font-semibold", headingTextClass(tone)),
+                        className: chunkS5RVSXDV_cjs.cn("text-lg font-semibold", chunkXI74P5F2_cjs.headingTextClass(tone)),
                         children: /* @__PURE__ */ jsxRuntime.jsx(
-                          TemplateAnchor,
+                          chunkXI74P5F2_cjs.TemplateAnchor,
                           {
                             href: item.href,
                             trackingId: item.trackingId,
@@ -1334,8 +1066,8 @@ var ResourceCardsSection = React__namespace.forwardRef(
                         )
                       }
                     ),
-                    item.excerpt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("line-clamp-3", mutedTextClass(tone)), children: item.excerpt }),
-                    item.meta && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-auto pt-2 text-sm", mutedTextClass(tone)), children: item.meta })
+                    item.excerpt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("line-clamp-3", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: item.excerpt }),
+                    item.meta && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-auto pt-2 text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: item.meta })
                   ] })
                 ]
               },
@@ -1344,14 +1076,14 @@ var ResourceCardsSection = React__namespace.forwardRef(
           }
         ),
         viewAll && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-10", align === "center" && "text-center"), children: /* @__PURE__ */ jsxRuntime.jsxs(
-          TemplateAnchor,
+          chunkXI74P5F2_cjs.TemplateAnchor,
           {
             href: viewAll.href,
             trackingId: viewAll.trackingId,
             components,
             className: chunkS5RVSXDV_cjs.cn(
               "inline-flex items-center gap-1 font-semibold hover:underline",
-              accentTextClass(tone)
+              chunkXI74P5F2_cjs.accentTextClass(tone)
             ),
             children: [
               viewAll.label,
@@ -1370,7 +1102,7 @@ var ResourceCardsSection = React__namespace.forwardRef(
   )
 );
 ResourceCardsSection.displayName = "ResourceCardsSection";
-var SplitContentSection = React__namespace.forwardRef(
+var SplitContentSection = React5__namespace.forwardRef(
   ({
     eyebrow,
     title,
@@ -1386,7 +1118,7 @@ var SplitContentSection = React__namespace.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const titleId = React__namespace.useId();
+    const titleId = React5__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsx(
       "section",
       {
@@ -1394,19 +1126,19 @@ var SplitContentSection = React__namespace.forwardRef(
         "data-slot": "split-content-section",
         "data-tone": tone,
         "aria-labelledby": titleId,
-        className: chunkS5RVSXDV_cjs.cn("py-16 sm:py-24", toneClass(tone), className),
+        className: chunkS5RVSXDV_cjs.cn("py-16 sm:py-24", chunkXI74P5F2_cjs.toneClass(tone), className),
         ...rest,
         children: /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: chunkS5RVSXDV_cjs.cn(
-              containerClass(),
+              chunkXI74P5F2_cjs.containerClass(),
               "grid items-center gap-12 lg:grid-cols-2"
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  SectionHeading,
+                  chunkXI74P5F2_cjs.SectionHeading,
                   {
                     eyebrow,
                     title,
@@ -1422,14 +1154,14 @@ var SplitContentSection = React__namespace.forwardRef(
                       "aria-hidden": "true",
                       className: chunkS5RVSXDV_cjs.cn(
                         "mt-0.5 size-5 shrink-0",
-                        accentTextClass(tone)
+                        chunkXI74P5F2_cjs.accentTextClass(tone)
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: mutedTextClass(tone), children: item })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkXI74P5F2_cjs.mutedTextClass(tone), children: item })
                 ] }, item)) }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  CtaLinks,
+                  chunkXI74P5F2_cjs.CtaLinks,
                   {
                     primary: primaryCta,
                     secondary: secondaryCta,
@@ -1441,14 +1173,14 @@ var SplitContentSection = React__namespace.forwardRef(
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: chunkS5RVSXDV_cjs.cn(mediaPosition === "start" && "lg:order-first"), children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  TemplateImg,
+                  chunkXI74P5F2_cjs.TemplateImg,
                   {
                     ...image,
                     components,
                     className: "h-auto w-full rounded-2xl object-cover shadow-lg"
                   }
                 ),
-                caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: chunkS5RVSXDV_cjs.cn("mt-3 text-sm", mutedTextClass(tone)), children: caption })
+                caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: chunkS5RVSXDV_cjs.cn("mt-3 text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: caption })
               ] })
             ]
           }
@@ -1465,7 +1197,7 @@ var columnClass5 = [
   "lg:grid-cols-3",
   "lg:grid-cols-4"
 ];
-var StatsSection = React__namespace.forwardRef(
+var StatsSection = React5__namespace.forwardRef(
   ({
     stats,
     variant = "plain",
@@ -1476,7 +1208,7 @@ var StatsSection = React__namespace.forwardRef(
   }, ref) => {
     const format = new Intl.NumberFormat(locale);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      SectionShell,
+      chunkXI74P5F2_cjs.SectionShell,
       {
         ref,
         "data-slot": "stats-section",
@@ -1492,13 +1224,17 @@ var StatsSection = React__namespace.forwardRef(
             ),
             children: stats.map((stat) => {
               const Trend = stat.trend === "down" ? lucideReact.TrendingDown : lucideReact.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__ */ jsxRuntime.jsxs(
                 "div",
                 {
                   className: chunkS5RVSXDV_cjs.cn(
                     "flex flex-col-reverse gap-2",
-                    align === "center" && "items-center text-center",
-                    variant === "cards" && chunkS5RVSXDV_cjs.cn("rounded-2xl p-6", cardClass(tone))
+                    align === "center" && !ruled && "items-center text-center",
+                    variant === "cards" && chunkS5RVSXDV_cjs.cn("rounded-2xl p-6", chunkXI74P5F2_cjs.cardClass(tone)),
+                    ruled && "border-accent/70 border-s-2 ps-5"
                   ),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("dt", { children: [
@@ -1506,7 +1242,7 @@ var StatsSection = React__namespace.forwardRef(
                       stat.description && /* @__PURE__ */ jsxRuntime.jsx(
                         "span",
                         {
-                          className: chunkS5RVSXDV_cjs.cn("mt-1 block text-sm", mutedTextClass(tone)),
+                          className: chunkS5RVSXDV_cjs.cn("mt-1 block text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)),
                           children: stat.description
                         }
                       )
@@ -1515,13 +1251,14 @@ var StatsSection = React__namespace.forwardRef(
                       "dd",
                       {
                         className: chunkS5RVSXDV_cjs.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__ */ jsxRuntime.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
                         ]
                       }
@@ -1538,7 +1275,7 @@ var StatsSection = React__namespace.forwardRef(
   }
 );
 StatsSection.displayName = "StatsSection";
-var TestimonialSection = React__namespace.forwardRef(
+var TestimonialSection = React5__namespace.forwardRef(
   ({
     testimonials,
     variant = "cards",
@@ -1551,7 +1288,7 @@ var TestimonialSection = React__namespace.forwardRef(
     const featured = variant === "featured";
     const items = featured ? testimonials.slice(0, 1) : testimonials;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      SectionShell,
+      chunkXI74P5F2_cjs.SectionShell,
       {
         ref,
         "data-slot": "testimonial-section",
@@ -1571,7 +1308,7 @@ var TestimonialSection = React__namespace.forwardRef(
               {
                 className: chunkS5RVSXDV_cjs.cn(
                   "flex h-full flex-col gap-6",
-                  featured ? "items-center text-center" : chunkS5RVSXDV_cjs.cn("rounded-2xl p-6", cardClass(tone))
+                  featured ? "items-center text-center" : chunkS5RVSXDV_cjs.cn("rounded-2xl p-6", chunkXI74P5F2_cjs.cardClass(tone))
                 ),
                 children: [
                   rating && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-warning flex gap-0.5", children: [
@@ -1598,7 +1335,7 @@ var TestimonialSection = React__namespace.forwardRef(
                         "text-pretty",
                         featured ? chunkS5RVSXDV_cjs.cn(
                           "text-2xl font-medium sm:text-3xl",
-                          headingTextClass(tone)
+                          chunkXI74P5F2_cjs.headingTextClass(tone)
                         ) : "text-base"
                       ),
                       children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: t.quote })
@@ -1606,7 +1343,7 @@ var TestimonialSection = React__namespace.forwardRef(
                   ),
                   /* @__PURE__ */ jsxRuntime.jsxs("figcaption", { className: "mt-auto flex items-center gap-3", children: [
                     t.avatar && /* @__PURE__ */ jsxRuntime.jsx(
-                      TemplateImg,
+                      chunkXI74P5F2_cjs.TemplateImg,
                       {
                         src: t.avatar,
                         alt: "",
@@ -1621,7 +1358,7 @@ var TestimonialSection = React__namespace.forwardRef(
                       (t.role || t.company) && /* @__PURE__ */ jsxRuntime.jsx(
                         "span",
                         {
-                          className: chunkS5RVSXDV_cjs.cn("block text-sm", mutedTextClass(tone)),
+                          className: chunkS5RVSXDV_cjs.cn("block text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)),
                           children: [t.role, t.company].filter(Boolean).join(", ")
                         }
                       )
@@ -1637,9 +1374,9 @@ var TestimonialSection = React__namespace.forwardRef(
   }
 );
 TestimonialSection.displayName = "TestimonialSection";
-var VideoSection = React__namespace.forwardRef(
+var VideoSection = React5__namespace.forwardRef(
   ({ video, caption, tone = "default", align = "center", ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    SectionShell,
+    chunkXI74P5F2_cjs.SectionShell,
     {
       ref,
       "data-slot": "video-section",
@@ -1685,7 +1422,7 @@ var VideoSection = React__namespace.forwardRef(
           {
             className: chunkS5RVSXDV_cjs.cn(
               "mt-3 text-sm",
-              mutedTextClass(tone),
+              chunkXI74P5F2_cjs.mutedTextClass(tone),
               align === "center" && "text-center"
             ),
             children: caption
@@ -1696,64 +1433,1022 @@ var VideoSection = React__namespace.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__namespace.forwardRef(
-  ({ blocks, icons, components, custom, actions, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Custom, { id: block.id, ...block.props }, key) : null;
-    }
-    const { type, ...props } = block;
-    const Section = ownProperty(
-      sections,
-      type
+var BenchmarkTableSection = React5__namespace.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+      chunkXI74P5F2_cjs.SectionShell,
       {
-        ...data,
+        ref,
+        "data-slot": "benchmark-table-section",
+        tone,
+        title,
         components,
-        ...takesIcons.has(type) ? { icons } : {},
-        ...block.type === "lead-form" ? { action } : {}
-      },
-      key
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkS5RVSXDV_cjs.cn("mt-10 overflow-x-auto rounded-2xl", chunkXI74P5F2_cjs.cardClass(tone)),
+              children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "divide-border min-w-full divide-y text-sm", children: [
+                (caption ?? title) && /* @__PURE__ */ jsxRuntime.jsx("caption", { className: "sr-only", children: caption ?? title }),
+                /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "th",
+                    {
+                      scope: "col",
+                      className: chunkS5RVSXDV_cjs.cn(
+                        "sticky start-0 z-10 px-4 py-3 text-start font-semibold",
+                        stickyBg
+                      ),
+                      children: rowHeader
+                    }
+                  ),
+                  columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "th",
+                    {
+                      scope: "col",
+                      className: chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsx("tbody", { className: "divide-border divide-y", children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "th",
+                    {
+                      scope: "row",
+                      className: chunkS5RVSXDV_cjs.cn(
+                        "sticky start-0 z-10 px-4 py-3 text-start font-medium",
+                        stickyBg
+                      ),
+                      children: [
+                        row.href ? /* @__PURE__ */ jsxRuntime.jsx(
+                          chunkXI74P5F2_cjs.TemplateAnchor,
+                          {
+                            href: row.href,
+                            components,
+                            className: chunkS5RVSXDV_cjs.cn(
+                              "underline-offset-2 hover:underline",
+                              chunkXI74P5F2_cjs.accentTextClass(tone)
+                            ),
+                            children: row.label
+                          }
+                        ) : row.label,
+                        row.sublabel && /* @__PURE__ */ jsxRuntime.jsx(
+                          "span",
+                          {
+                            className: chunkS5RVSXDV_cjs.cn(
+                              "block text-xs font-normal",
+                              chunkXI74P5F2_cjs.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__ */ jsxRuntime.jsx(
+                      "td",
+                      {
+                        className: chunkS5RVSXDV_cjs.cn(
+                          cellBase,
+                          col.bar ? "text-start" : "text-end whitespace-nowrap",
+                          col.emphasis && chunkS5RVSXDV_cjs.cn(
+                            "bg-primary-500/10 font-semibold",
+                            chunkXI74P5F2_cjs.accentTextClass(tone)
+                          )
+                        ),
+                        children: col.bar && typeof v === "number" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-3", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "span",
+                            {
+                              "aria-hidden": "true",
+                              className: "bg-muted h-2 w-32 max-w-full flex-none overflow-hidden rounded-full",
+                              children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-4 max-w-3xl text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: footnote })
+        ]
+      }
     );
-  }) })
+  }
 );
-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.",
+BenchmarkTableSection.displayName = "BenchmarkTableSection";
+var LinkGroupsSection = React5__namespace.forwardRef(({ groups, columns = 3, tone = "muted", components, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  chunkXI74P5F2_cjs.SectionShell,
+  {
+    ref,
+    "data-slot": "link-groups-section",
+    tone,
+    components,
+    ...rest,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: chunkS5RVSXDV_cjs.cn(
+          "mt-10 grid gap-6",
+          columns === 3 ? "lg:grid-cols-3" : "md:grid-cols-2"
+        ),
+        children: groups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: chunkS5RVSXDV_cjs.cn("rounded-2xl p-6", chunkXI74P5F2_cjs.cardClass(tone)),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: chunkS5RVSXDV_cjs.cn("text-lg font-semibold", chunkXI74P5F2_cjs.headingTextClass(tone)), children: group.title }),
+              group.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-1 text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: group.description }),
+              /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-4 space-y-1", children: group.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                chunkXI74P5F2_cjs.TemplateAnchor,
+                {
+                  href: link.href,
+                  trackingId: link.trackingId,
+                  components,
+                  className: chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsx("span", { children: link.label }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      lucideReact.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__namespace.forwardRef(
+  ({
+    metrics,
+    takeaway,
+    positive,
+    labels,
+    tone = "default",
+    components,
+    ...rest
+  }, ref) => {
+    const measured = metrics.some((m) => m.value);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkXI74P5F2_cjs.SectionShell,
+      {
+        ref,
+        "data-slot": "metric-list-section",
+        "data-measured": measured || void 0,
+        tone,
+        spacing: "compact",
+        status: measured ? "live" : "maturing",
+        components,
+        ...rest,
+        children: [
+          !measured && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-3 text-xs font-medium", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: labels?.preview ?? "Roadmap preview" }),
+          takeaway && /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsx(
+            "ul",
+            {
+              className: chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsxs(
+                "li",
+                {
+                  className: chunkS5RVSXDV_cjs.cn(
+                    "rounded-xl p-5",
+                    chunkXI74P5F2_cjs.cardClass(tone),
+                    positive && metric.value && "border-s-success border-s-4"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "h3",
+                        {
+                          className: chunkS5RVSXDV_cjs.cn(
+                            "min-w-0 text-sm font-semibold",
+                            chunkXI74P5F2_cjs.headingTextClass(tone)
+                          ),
+                          children: metric.label
+                        }
+                      ),
+                      metric.unit && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                      "p",
+                      {
+                        className: chunkS5RVSXDV_cjs.cn(
+                          "mt-3 text-3xl font-bold tracking-tight tabular-nums",
+                          chunkXI74P5F2_cjs.headingTextClass(tone)
+                        ),
+                        children: metric.value
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "p",
+                      {
+                        className: chunkS5RVSXDV_cjs.cn(
+                          "mt-2 text-sm leading-relaxed",
+                          chunkXI74P5F2_cjs.mutedTextClass(tone)
+                        ),
+                        children: metric.description
+                      }
+                    )
+                  ]
+                },
+                metric.label
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+MetricListSection.displayName = "MetricListSection";
+var PdfEmbedSection = React5__namespace.forwardRef(
+  ({
+    title,
+    src,
+    downloadAs,
+    aspectRatio = 0.5625,
+    notice,
+    labels,
+    tone = "muted",
+    align = "center",
+    components,
+    ...rest
+  }, ref) => {
+    const pdfSrc = chunkXI74P5F2_cjs.safeHref(src);
+    const viewerSrc = pdfSrc && (pdfSrc.includes("#") ? pdfSrc : `${pdfSrc}#view=FitH`);
+    const onBrand = tone === "brand";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkXI74P5F2_cjs.SectionShell,
+      {
+        ref,
+        "data-slot": "pdf-embed-section",
+        title,
+        tone,
+        align,
+        components,
+        ...rest,
+        children: [
+          notice && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Info, { "aria-hidden": "true", className: "mt-0.5 size-5 flex-none" }),
+            notice
+          ] }),
+          pdfSrc && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                  "object",
+                  {
+                    data: viewerSrc,
+                    type: "application/pdf",
+                    "aria-label": title,
+                    className: "absolute inset-0 size-full",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "p",
+                      {
+                        className: chunkS5RVSXDV_cjs.cn(
+                          "flex size-full items-center justify-center p-6 text-center text-sm",
+                          chunkXI74P5F2_cjs.mutedTextClass("default")
+                        ),
+                        children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: pdfSrc, className: "underline underline-offset-2", children: labels?.fallback ?? "Open the PDF" })
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: chunkS5RVSXDV_cjs.cn(
+                  "mt-6 flex flex-wrap gap-3",
+                  align === "center" && "justify-center"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "a",
+                    {
+                      href: pdfSrc,
+                      download: downloadAs ?? true,
+                      className: chunkS5RVSXDV_cjs.cn(
+                        chunkDXEPYK3I_cjs.buttonVariants({ variant: "primary" }),
+                        onBrand && "text-primary-900 hover:bg-primary-50 bg-white"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { "aria-hidden": "true", className: "size-4" }),
+                        labels?.download ?? "Download PDF"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "a",
+                    {
+                      href: pdfSrc,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: chunkS5RVSXDV_cjs.cn(
+                        chunkDXEPYK3I_cjs.buttonVariants({ variant: "outline" }),
+                        onBrand && "border-white/70 text-white hover:bg-white/10"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__namespace.forwardRef(
+  ({
+    lists,
+    numbered,
+    layout = "stacked",
+    bar = "primary",
+    locale,
+    tone = "default",
+    components,
+    ...rest
+  }, ref) => {
+    const format = new Intl.NumberFormat(locale);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkXI74P5F2_cjs.SectionShell,
+      {
+        ref,
+        "data-slot": "ranked-list-section",
+        tone,
+        components,
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: chunkS5RVSXDV_cjs.cn(
+                    layout === "inline" && chunkS5RVSXDV_cjs.cn("rounded-2xl p-6", chunkXI74P5F2_cjs.cardClass(tone))
+                  ),
+                  children: [
+                    list.title && /* @__PURE__ */ jsxRuntime.jsx(
+                      "h3",
+                      {
+                        className: chunkS5RVSXDV_cjs.cn(
+                          "mb-4 text-lg font-semibold",
+                          chunkXI74P5F2_cjs.headingTextClass(tone)
+                        ),
+                        children: list.title
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "space-y-3", children: list.items.map((item, i) => {
+                      const label = item.href ? /* @__PURE__ */ jsxRuntime.jsx(
+                        chunkXI74P5F2_cjs.TemplateAnchor,
+                        {
+                          href: item.href,
+                          components,
+                          className: chunkS5RVSXDV_cjs.cn(
+                            "font-medium underline-offset-2 hover:underline",
+                            chunkXI74P5F2_cjs.accentTextClass(tone)
+                          ),
+                          children: item.label
+                        }
+                      ) : /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: chunkS5RVSXDV_cjs.cn("font-medium", chunkXI74P5F2_cjs.headingTextClass(tone)),
+                          children: item.label
+                        }
+                      );
+                      const track = /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: chunkS5RVSXDV_cjs.cn(
+                            "block h-2 overflow-hidden rounded-full",
+                            tone === "brand" ? "bg-white/10" : "bg-muted"
+                          ),
+                          children: /* @__PURE__ */ jsxRuntime.jsx(
+                            "span",
+                            {
+                              className: chunkS5RVSXDV_cjs.cn(
+                                "block h-full rounded-full",
+                                barClass[bar]
+                              ),
+                              style: {
+                                width: `${Math.round(item.value / max * 100)}%`
+                              }
+                            }
+                          )
+                        }
+                      );
+                      const rank = numbered && /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: chunkS5RVSXDV_cjs.cn(
+                            "text-sm font-semibold tabular-nums",
+                            chunkXI74P5F2_cjs.mutedTextClass(tone)
+                          ),
+                          children: String(i + 1).padStart(2, "0")
+                        }
+                      );
+                      const value = item.display ?? format.format(item.value);
+                      return layout === "inline" ? /* @__PURE__ */ jsxRuntime.jsxs(
+                        "li",
+                        {
+                          className: "flex items-center gap-3 text-sm",
+                          children: [
+                            rank,
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-28 flex-none truncate sm:w-36", children: label }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: track }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-20 flex-none text-end font-semibold tabular-nums", children: value })
+                          ]
+                        },
+                        item.label
+                      ) : /* @__PURE__ */ jsxRuntime.jsxs(
+                        "li",
+                        {
+                          className: chunkS5RVSXDV_cjs.cn("rounded-xl p-4", chunkXI74P5F2_cjs.cardClass(tone)),
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+                              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-3", children: [
+                                rank,
+                                label
+                              ] }),
+                              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkS5RVSXDV_cjs.cn("text-xs", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: [
+                                item.note ?? value,
+                                item.note && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+                                  ": ",
+                                  value
+                                ] })
+                              ] })
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-2 block", children: track })
+                          ]
+                        },
+                        item.label
+                      );
+                    }) })
+                  ]
+                },
+                list.title ?? l
+              );
+            })
+          }
+        )
+      }
+    );
+  }
+);
+RankedListSection.displayName = "RankedListSection";
+var ReportByline = React5__namespace.forwardRef(
+  ({
+    authors,
+    published,
+    updated,
+    labels,
+    tone = "default",
+    components,
+    className,
+    ...rest
+  }, ref) => {
+    const headingId = React5__namespace.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "section",
+      {
+        ref,
+        "data-slot": "report-byline",
+        "data-tone": tone,
+        "aria-labelledby": headingId,
+        className: chunkS5RVSXDV_cjs.cn(
+          "border-border border-t py-8",
+          chunkXI74P5F2_cjs.toneClass(tone),
+          className
+        ),
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXI74P5F2_cjs.containerClass(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { id: headingId, className: "sr-only", children: labels?.heading ?? "About the author" }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-6", children: authors.map((author) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "li",
+            {
+              className: "flex flex-wrap items-center gap-4",
+              children: [
+                author.avatar && /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkXI74P5F2_cjs.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__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chunkS5RVSXDV_cjs.cn("text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: [
+                    labels?.by ?? "By",
+                    " ",
+                    author.href ? /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkXI74P5F2_cjs.TemplateAnchor,
+                      {
+                        href: author.href,
+                        components,
+                        className: chunkS5RVSXDV_cjs.cn(
+                          "font-semibold underline-offset-2 hover:underline",
+                          chunkXI74P5F2_cjs.headingTextClass(tone)
+                        ),
+                        children: author.name
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: chunkS5RVSXDV_cjs.cn("font-semibold", chunkXI74P5F2_cjs.headingTextClass(tone)),
+                        children: author.name
+                      }
+                    ),
+                    author.role && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                      " \xB7 ",
+                      author.role
+                    ] })
+                  ] }),
+                  (published || updated) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chunkS5RVSXDV_cjs.cn("text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: [
+                    published && `${labels?.published ?? "Published"} ${published}`,
+                    published && updated && " \xB7 ",
+                    updated && `${labels?.updated ?? "Updated"} ${updated}`
+                  ] })
+                ] }),
+                author.profiles && author.profiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ms-auto flex flex-wrap gap-2", children: author.profiles.map((profile) => {
+                  const href = chunkXI74P5F2_cjs.safeHref(profile.href);
+                  if (!href) return null;
+                  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+                          author.name,
+                          " on "
+                        ] }),
+                        profile.label
+                      ]
+                    },
+                    profile.href
+                  );
+                }) })
+              ]
+            },
+            author.name
+          )) })
+        ] })
+      }
+    );
+  }
+);
+ReportByline.displayName = "ReportByline";
+var ReportLegend = React5__namespace.forwardRef(
+  ({
+    entries,
+    title = "How to read the data",
+    tone = "muted",
+    components,
+    ...rest
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkXI74P5F2_cjs.SectionShell,
+    {
+      ref,
+      "data-slot": "report-legend",
+      title,
+      tone,
+      spacing: "compact",
+      components,
+      ...rest,
+      children: /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "mt-6 grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: chunkS5RVSXDV_cjs.cn(
+            "flex flex-col gap-2 rounded-xl p-4",
+            chunkXI74P5F2_cjs.cardClass(tone)
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunkXI74P5F2_cjs.MetricStatusBadge,
+              {
+                status: entry.status,
+                label: entry.label,
+                onDark: tone === "brand"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { className: chunkS5RVSXDV_cjs.cn("text-sm leading-snug", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: entry.description })
+          ]
+        },
+        entry.status
+      )) })
+    }
+  )
+);
+ReportLegend.displayName = "ReportLegend";
+var ReportMethodology = React5__namespace.forwardRef(
+  ({
+    sources,
+    citation,
+    notes,
+    resources,
+    labels,
+    tone = "muted",
+    components,
+    ...rest
+  }, ref) => {
+    const card = chunkS5RVSXDV_cjs.cn("rounded-2xl p-6", chunkXI74P5F2_cjs.cardClass(tone));
+    const subheading = chunkS5RVSXDV_cjs.cn(
+      "text-sm font-semibold tracking-wide uppercase",
+      chunkXI74P5F2_cjs.mutedTextClass(tone)
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkXI74P5F2_cjs.SectionShell,
+      {
+        ref,
+        "data-slot": "report-methodology",
+        tone,
+        components,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "mt-10 grid gap-6 sm:grid-cols-2", children: sources.map((source) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: card, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: chunkS5RVSXDV_cjs.cn("font-semibold", chunkXI74P5F2_cjs.headingTextClass(tone)), children: source.label }),
+            /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: chunkS5RVSXDV_cjs.cn("mt-2 text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: [
+              source.description,
+              chunkXI74P5F2_cjs.safeHref(source.href) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "a",
+                  {
+                    href: chunkXI74P5F2_cjs.safeHref(source.href),
+                    rel: "noopener noreferrer",
+                    className: chunkS5RVSXDV_cjs.cn(
+                      "font-medium underline underline-offset-2",
+                      chunkXI74P5F2_cjs.accentTextClass(tone)
+                    ),
+                    children: [
+                      labels?.sourceLink ?? "Source",
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+                        ": ",
+                        source.label
+                      ] })
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ] }, source.label)) }),
+          citation && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkS5RVSXDV_cjs.cn(card, "mt-10 border-dashed"), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: subheading, children: labels?.citation ?? "How to cite this report" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 font-mono text-sm break-words select-all", children: citation })
+          ] }),
+          notes?.map((note) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkS5RVSXDV_cjs.cn(card, "mt-6"), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: subheading, children: note.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-3 max-w-3xl text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: note.body })
+          ] }, note.title)),
+          resources && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkS5RVSXDV_cjs.cn(card, "mt-6"), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: subheading, children: resources.title }),
+            resources.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-3 max-w-3xl text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: resources.description }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex flex-wrap gap-3", children: resources.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+              chunkXI74P5F2_cjs.TemplateAnchor,
+              {
+                href: link.href,
+                trackingId: link.trackingId,
+                components,
+                className: chunkS5RVSXDV_cjs.cn(
+                  "border-border hover:border-primary-600 inline-flex items-center rounded-full border px-4 py-2 text-sm font-medium",
+                  chunkXI74P5F2_cjs.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__namespace.forwardRef(
+  ({
+    values,
+    legend,
+    layout = usStateTiles,
+    mapTitle,
+    mapDescription,
+    tone = "default",
+    components,
+    ...rest
+  }, ref) => {
+    const columns = Math.max(...layout.map((t) => t.col)) + 1;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkXI74P5F2_cjs.SectionShell,
+      {
+        ref,
+        "data-slot": "tile-cartogram-section",
+        tone,
+        components,
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkS5RVSXDV_cjs.cn("mt-10 rounded-2xl p-6", chunkXI74P5F2_cjs.cardClass(tone)), children: [
+          mapTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: chunkS5RVSXDV_cjs.cn("text-lg font-semibold", chunkXI74P5F2_cjs.headingTextClass(tone)), children: mapTitle }),
+          mapDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkS5RVSXDV_cjs.cn("mt-1 text-sm", chunkXI74P5F2_cjs.mutedTextClass(tone)), children: mapDescription }),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+                  "li",
+                  {
+                    title: value?.detail ? `${tile.name}: ${value.detail}` : tile.name,
+                    style: {
+                      gridColumnStart: tile.col + 1,
+                      gridRowStart: tile.row + 1
+                    },
+                    className: chunkS5RVSXDV_cjs.cn(
+                      "flex aspect-square items-center justify-center rounded-md text-[9px] font-semibold sm:text-[11px]",
+                      bucketClass[bucket]
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: tile.code }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+                        tile.name,
+                        value?.detail ? `: ${value.detail}` : ""
+                      ] })
+                    ]
+                  },
+                  tile.code
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+            "li",
+            {
+              className: "inline-flex items-center gap-1.5",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: chunkS5RVSXDV_cjs.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__namespace.forwardRef(
+  ({ blocks, icons, components, custom, actions, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.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 = chunkXI74P5F2_cjs.ownProperty(custom, block.component);
+      return Custom ? /* @__PURE__ */ jsxRuntime.jsx(Custom, { id: block.id, ...block.props }, key) : null;
+    }
+    const { type, ...props } = block;
+    const Section = chunkXI74P5F2_cjs.ownProperty(
+      sections,
+      type
+    );
+    if (!Section) return null;
+    const action = block.type === "lead-form" ? chunkXI74P5F2_cjs.ownProperty(actions, block.action) ?? chunkXI74P5F2_cjs.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__ */ jsxRuntime.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",
@@ -1824,14 +2519,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);
@@ -1843,7 +2562,7 @@ function validateLandingPage(blocks, preset) {
         index,
         message: `Unknown block type "${b.type}": the renderer skips this block.`
       });
-    if (b.type === "lead-form" && safeHref(b.action) == null)
+    if (b.type === "lead-form" && chunkXI74P5F2_cjs.safeHref(b.action) == null)
       issues.push({
         severity: "error",
         index,
@@ -1896,12 +2615,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)
@@ -1927,9 +2658,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",
@@ -1941,6 +2674,7 @@ function validateLandingPage(blocks, preset) {
   return issues;
 }
 
+exports.BenchmarkTableSection = BenchmarkTableSection;
 exports.ComparisonSection = ComparisonSection;
 exports.CtaSection = CtaSection;
 exports.FaqSection = FaqSection;
@@ -1948,20 +2682,26 @@ exports.FeatureGridSection = FeatureGridSection;
 exports.HeroSection = HeroSection;
 exports.LandingPage = LandingPage;
 exports.LeadFormSection = LeadFormSection;
+exports.LinkGroupsSection = LinkGroupsSection;
 exports.LogoCloudSection = LogoCloudSection;
+exports.MetricListSection = MetricListSection;
+exports.PdfEmbedSection = PdfEmbedSection;
 exports.PricingSection = PricingSection;
 exports.ProcessStepsSection = ProcessStepsSection;
+exports.RankedListSection = RankedListSection;
+exports.ReportByline = ReportByline;
+exports.ReportLegend = ReportLegend;
+exports.ReportMethodology = ReportMethodology;
 exports.ResourceCardsSection = ResourceCardsSection;
-exports.SectionHeading = SectionHeading;
-exports.SectionShell = SectionShell;
 exports.SplitContentSection = SplitContentSection;
 exports.StatsSection = StatsSection;
-exports.TemplateIcon = TemplateIcon;
 exports.TestimonialSection = TestimonialSection;
+exports.TileCartogramSection = TileCartogramSection;
 exports.VideoSection = VideoSection;
 exports.defaultLeadFormFields = defaultLeadFormFields;
 exports.landingPresets = landingPresets;
-exports.templateIcons = templateIcons;
+exports.quartileBuckets = quartileBuckets;
+exports.usStateTiles = usStateTiles;
 exports.validateLandingPage = validateLandingPage;
-//# sourceMappingURL=chunk-WCDJFMZO.cjs.map
-//# sourceMappingURL=chunk-WCDJFMZO.cjs.map
+//# sourceMappingURL=chunk-ADW7ZYCY.cjs.map
+//# sourceMappingURL=chunk-ADW7ZYCY.cjs.map