@mieweb/ui 0.10.0-dev.9 → 0.11.0-dev.0

package/dist/chunk-FBCDYTWM.js

@@ -0,0 +1,385 @@
+import { buttonVariants } from './chunk-GVM6DTR5.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React2 from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Zap, Wrench, Workflow, Users, UserCheck, Truck, TrendingUp, Timer, Target, Syringe, Stethoscope, Sparkles, Smartphone, ShieldCheck, Shield, Settings, Search, Scale, Rocket, Plug, Plane, Phone, Microscope, MessageSquare, MapPin, Mail, Lock, Lightbulb, Leaf, Layers, Hospital, HeartPulse, Headset, HardHat, Handshake, GraduationCap, Globe, FlaskConical, FileText, Factory, DollarSign, Database, Cloud, Clock, ClipboardCheck, CircleCheck, ChartLine, ChartColumn, CalendarCheck, Calendar, Building2, Briefcase, Bell, BadgeCheck, Award, Activity, ArrowRight } from 'lucide-react';
+
+var defaultMetricStatusLabels = {
+  live: "Live data",
+  modeled: "Modeled",
+  maturing: "Data maturing"
+};
+var dotClass = {
+  live: "bg-success",
+  modeled: "bg-info",
+  maturing: "bg-warning"
+};
+var MetricStatusBadge = React2.forwardRef(({ status, label, onDark, className, ...rest }, ref) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    ref,
+    "data-slot": "metric-status-badge",
+    "data-status": status,
+    className: cn(
+      "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium",
+      onDark ? "border-white/20 bg-white/10 text-white" : "border-border bg-card text-foreground",
+      className
+    ),
+    ...rest,
+    children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: cn("size-1.5 rounded-full", dotClass[status])
+        }
+      ),
+      label ?? defaultMetricStatusLabels[status]
+    ]
+  }
+));
+MetricStatusBadge.displayName = "MetricStatusBadge";
+
+// src/utils/own.ts
+function ownProperty(map, key) {
+  return map != null && Object.hasOwn(map, key) ? map[key] : void 0;
+}
+var templateIcons = {
+  activity: Activity,
+  award: Award,
+  "badge-check": BadgeCheck,
+  bell: Bell,
+  briefcase: Briefcase,
+  building: Building2,
+  calendar: Calendar,
+  "calendar-check": CalendarCheck,
+  "chart-column": ChartColumn,
+  "chart-line": ChartLine,
+  "circle-check": CircleCheck,
+  "clipboard-check": ClipboardCheck,
+  clock: Clock,
+  cloud: Cloud,
+  database: Database,
+  "dollar-sign": DollarSign,
+  factory: Factory,
+  "file-text": FileText,
+  flask: FlaskConical,
+  globe: Globe,
+  "graduation-cap": GraduationCap,
+  handshake: Handshake,
+  "hard-hat": HardHat,
+  headset: Headset,
+  "heart-pulse": HeartPulse,
+  hospital: Hospital,
+  layers: Layers,
+  leaf: Leaf,
+  lightbulb: Lightbulb,
+  lock: Lock,
+  mail: Mail,
+  "map-pin": MapPin,
+  "message-square": MessageSquare,
+  microscope: Microscope,
+  phone: Phone,
+  plane: Plane,
+  plug: Plug,
+  rocket: Rocket,
+  scale: Scale,
+  search: Search,
+  settings: Settings,
+  shield: Shield,
+  "shield-check": ShieldCheck,
+  smartphone: Smartphone,
+  sparkles: Sparkles,
+  stethoscope: Stethoscope,
+  syringe: Syringe,
+  target: Target,
+  timer: Timer,
+  "trending-up": TrendingUp,
+  truck: Truck,
+  "user-check": UserCheck,
+  users: Users,
+  workflow: Workflow,
+  wrench: Wrench,
+  zap: Zap
+};
+function TemplateIcon({ name, icons, className }) {
+  const Icon = ownProperty(icons, name) ?? ownProperty(templateIcons, name);
+  if (Icon)
+    return /* @__PURE__ */ jsx(
+      Icon,
+      {
+        "aria-hidden": "true",
+        strokeWidth: 1.75,
+        className: cn("size-5", className)
+      }
+    );
+  if (name.length <= 4)
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: cn("text-xs font-bold tracking-wide", className),
+        children: name
+      }
+    );
+  return null;
+}
+var toneSurface = {
+  default: "bg-background text-foreground",
+  muted: "bg-muted text-foreground",
+  brand: "bg-primary-900 text-white"
+};
+var toneClass = (tone) => toneSurface[tone];
+var cardClass = (tone) => tone === "brand" ? "border border-white/15 bg-white/5 text-white" : "border border-border bg-card text-card-foreground";
+var mutedTextClass = (tone) => tone === "brand" ? "text-white/80" : tone === "muted" ? "text-foreground/80" : "text-muted-foreground";
+var headingTextClass = (tone) => tone === "brand" ? "text-white" : "text-foreground";
+var accentTextClass = (tone) => tone === "brand" ? "text-white" : "text-primary-800 dark:text-primary-300";
+var containerClass = (width = "wide") => cn(
+  "mx-auto w-full px-4 sm:px-6 lg:px-8",
+  width === "narrow" ? "max-w-3xl" : "max-w-7xl"
+);
+var SAFE_HREF_SCHEME = /^(?:https?|mailto|tel):/i;
+function safeHref(href) {
+  if (href == null) return void 0;
+  const stripped = href.replace(/[\u0000-\u0020]/g, "");
+  if (!stripped) return void 0;
+  if (!/^[a-z][a-z0-9+.-]*:/i.test(stripped)) return href;
+  return SAFE_HREF_SCHEME.test(stripped) ? href : void 0;
+}
+function TemplateAnchor({
+  components,
+  trackingId,
+  children,
+  ...props
+}) {
+  const Link = components?.Link;
+  const href = safeHref(props.href);
+  const all = { ...props, href, "data-track": trackingId };
+  return Link && href != null ? /* @__PURE__ */ jsx(Link, { ...all, href, children }) : /* @__PURE__ */ jsx("a", { ...all, children });
+}
+var fetchPriorityHigh = React2.version.startsWith("18.") ? { fetchpriority: "high" } : { fetchPriority: "high" };
+function TemplateImg({
+  components,
+  priority,
+  ...image
+}) {
+  const Image = components?.Image;
+  if (Image) return /* @__PURE__ */ jsx(Image, { ...image, priority });
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      ...image,
+      alt: image.alt,
+      loading: priority ? void 0 : "lazy",
+      ...priority ? fetchPriorityHigh : {},
+      decoding: "async"
+    }
+  );
+}
+function SectionHeading({
+  eyebrow,
+  title,
+  description,
+  as: Heading = "h2",
+  size = "section",
+  align = "start",
+  tone = "default",
+  titleId,
+  className
+}) {
+  if (!eyebrow && !title && !description) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "section-heading",
+      className: cn(
+        "max-w-3xl",
+        align === "center" && "mx-auto text-center",
+        className
+      ),
+      children: [
+        eyebrow && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "mb-3 text-sm font-semibold tracking-wider uppercase",
+              accentTextClass(tone)
+            ),
+            children: eyebrow
+          }
+        ),
+        title && /* @__PURE__ */ jsx(
+          Heading,
+          {
+            id: titleId,
+            className: cn(
+              "font-bold tracking-tight text-balance",
+              headingTextClass(tone),
+              size === "hero" ? "text-4xl sm:text-5xl lg:text-6xl" : "text-3xl sm:text-4xl"
+            ),
+            children: title
+          }
+        ),
+        description && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "mt-4 text-pretty",
+              size === "hero" ? "text-lg sm:text-xl" : "text-lg",
+              mutedTextClass(tone)
+            ),
+            children: description
+          }
+        )
+      ]
+    }
+  );
+}
+var SectionShell = React2.forwardRef(
+  ({
+    eyebrow,
+    title,
+    description,
+    tone = "default",
+    align = "start",
+    width = "wide",
+    spacing = "default",
+    status,
+    statusLabels,
+    className,
+    children,
+    components,
+    ...rest
+  }, ref) => {
+    const titleId = React2.useId();
+    return /* @__PURE__ */ jsx(
+      "section",
+      {
+        ref,
+        "data-slot": "landing-section",
+        "data-tone": tone,
+        "aria-labelledby": title ? titleId : void 0,
+        className: cn(
+          spacing === "compact" ? "py-10 sm:py-14" : "py-16 sm:py-24",
+          toneClass(tone),
+          className
+        ),
+        ...rest,
+        children: /* @__PURE__ */ jsxs("div", { className: containerClass(width), children: [
+          /* @__PURE__ */ jsx(
+            SectionHeading,
+            {
+              eyebrow,
+              title,
+              description,
+              align,
+              tone,
+              titleId,
+              className: cn(width === "narrow" && "max-w-none")
+            }
+          ),
+          status && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "mt-4 flex",
+                align === "center" && "justify-center"
+              ),
+              children: /* @__PURE__ */ jsx(
+                MetricStatusBadge,
+                {
+                  status,
+                  label: statusLabels?.[status],
+                  onDark: tone === "brand"
+                }
+              )
+            }
+          ),
+          children
+        ] })
+      }
+    );
+  }
+);
+SectionShell.displayName = "SectionShell";
+function CtaLinks({
+  primary,
+  secondary,
+  tone = "default",
+  align = "start",
+  className,
+  components
+}) {
+  if (!primary && !secondary) return null;
+  const onBrand = tone === "brand";
+  const wrap = "h-auto min-h-12 py-3 whitespace-normal text-center";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "cta-links",
+      className: cn(
+        "flex flex-col gap-3 sm:flex-row sm:flex-wrap",
+        align === "center" && "sm:justify-center",
+        className
+      ),
+      children: [
+        primary && /* @__PURE__ */ jsxs(
+          TemplateAnchor,
+          {
+            href: primary.href,
+            trackingId: primary.trackingId,
+            components,
+            "data-slot": "cta-primary",
+            className: cn(
+              buttonVariants({ variant: "primary", size: "lg" }),
+              wrap,
+              onBrand && "text-primary-900 hover:bg-primary-50 active:bg-primary-100 bg-white"
+            ),
+            children: [
+              primary.label,
+              /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": "true", className: "size-5 rtl:-scale-x-100" })
+            ]
+          }
+        ),
+        secondary && /* @__PURE__ */ jsx(
+          TemplateAnchor,
+          {
+            href: secondary.href,
+            trackingId: secondary.trackingId,
+            components,
+            "data-slot": "cta-secondary",
+            className: cn(
+              buttonVariants({ variant: "outline", size: "lg" }),
+              wrap,
+              onBrand && "border-white/70 text-white hover:bg-white/10 hover:text-white dark:border-white/70 dark:text-white dark:hover:bg-white/10"
+            ),
+            children: secondary.label
+          }
+        )
+      ]
+    }
+  );
+}
+function IconTile({
+  name,
+  icons,
+  tone = "default",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "icon-tile",
+      className: cn(
+        "inline-flex size-11 shrink-0 items-center justify-center rounded-xl",
+        tone === "brand" ? "bg-white/10 text-white" : "bg-primary-100 text-primary-900 dark:bg-primary-900/60 dark:text-primary-200",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(TemplateIcon, { name, icons })
+    }
+  );
+}
+
+export { CtaLinks, IconTile, MetricStatusBadge, SectionHeading, SectionShell, TemplateAnchor, TemplateIcon, TemplateImg, accentTextClass, cardClass, containerClass, defaultMetricStatusLabels, headingTextClass, mutedTextClass, ownProperty, safeHref, templateIcons, toneClass };
+//# sourceMappingURL=chunk-FBCDYTWM.js.map
+//# sourceMappingURL=chunk-FBCDYTWM.js.map

package/dist/chunk-FBCDYTWM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MetricStatusBadge/MetricStatusBadge.tsx","../src/utils/own.ts","../src/templates/icons.tsx","../src/templates/Section.tsx"],"names":["React","jsx","jsxs"],"mappings":"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","file":"chunk-FBCDYTWM.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\n\n/** Where a figure comes from: measured, estimated, or still being instrumented. */\nexport type MetricStatus = 'live' | 'modeled' | 'maturing';\n\n/** Translated badge text, per status. */\nexport type MetricStatusLabels = Partial<Record<MetricStatus, string>>;\n\nexport const defaultMetricStatusLabels: Record<MetricStatus, string> = {\n  live: 'Live data',\n  modeled: 'Modeled',\n  maturing: 'Data maturing',\n};\n\nconst dotClass: Record<MetricStatus, string> = {\n  live: 'bg-success',\n  modeled: 'bg-info',\n  maturing: 'bg-warning',\n};\n\nexport interface MetricStatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  status: MetricStatus;\n  /** Override the visible label, e.g. for translation. */\n  label?: string;\n  /** Set on dark or brand surfaces. */\n  onDark?: boolean;\n}\n\n/** Labels a figure by provenance so readers can tell measured data from estimates. */\nexport const MetricStatusBadge = React.forwardRef<\n  HTMLSpanElement,\n  MetricStatusBadgeProps\n>(({ status, label, onDark, className, ...rest }, ref) => (\n  <span\n    ref={ref}\n    data-slot=\"metric-status-badge\"\n    data-status={status}\n    className={cn(\n      'inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium',\n      onDark\n        ? 'border-white/20 bg-white/10 text-white'\n        : 'border-border bg-card text-foreground',\n      className\n    )}\n    {...rest}\n  >\n    <span\n      aria-hidden=\"true\"\n      className={cn('size-1.5 rounded-full', dotClass[status])}\n    />\n    {label ?? defaultMetricStatusLabels[status]}\n  </span>\n));\nMetricStatusBadge.displayName = 'MetricStatusBadge';\n","/**\n * `map[key]` restricted to own properties. Runtime page/CMS data supplies the\n * key, and a plain bracket lookup would also reach inherited\n * `Object.prototype` members — `\"toString\"` or `\"constructor\"` must resolve to\n * \"unknown\", not to a built-in function React then tries to render or call.\n */\nexport function ownProperty<T>(\n  map: Record<string, T> | undefined,\n  key: string\n): T | undefined {\n  return map != null && Object.hasOwn(map, key) ? map[key] : undefined;\n}\n","import type * as React from 'react';\nimport {\n  Activity,\n  Award,\n  BadgeCheck,\n  Bell,\n  Briefcase,\n  Building2,\n  Calendar,\n  CalendarCheck,\n  ChartColumn,\n  ChartLine,\n  CircleCheck,\n  ClipboardCheck,\n  Clock,\n  Cloud,\n  Database,\n  DollarSign,\n  Factory,\n  FileText,\n  FlaskConical,\n  Globe,\n  GraduationCap,\n  Handshake,\n  HardHat,\n  Headset,\n  HeartPulse,\n  Hospital,\n  Layers,\n  Leaf,\n  Lightbulb,\n  Lock,\n  Mail,\n  MapPin,\n  MessageSquare,\n  Microscope,\n  Phone,\n  Plane,\n  Plug,\n  Rocket,\n  Scale,\n  Search,\n  Settings,\n  Shield,\n  ShieldCheck,\n  Smartphone,\n  Sparkles,\n  Stethoscope,\n  Syringe,\n  Target,\n  Timer,\n  TrendingUp,\n  Truck,\n  UserCheck,\n  Users,\n  Workflow,\n  Wrench,\n  Zap,\n} from 'lucide-react';\nimport { cn } from '../utils/cn';\nimport { ownProperty } from '../utils/own';\n\nexport type TemplateIconComponent = React.ComponentType<{\n  className?: string;\n  strokeWidth?: number;\n  'aria-hidden'?: boolean | 'true' | 'false';\n}>;\n\n/** Extra icon tokens a site maps to its own components; merged over the built-ins. */\nexport type TemplateIconRegistry = Record<string, TemplateIconComponent>;\n\n/**\n * Built-in icon tokens. Page data names an icon by token (`\"shield-check\"`)\n * rather than holding a component, so it stays JSON-serializable.\n */\nexport const templateIcons = {\n  activity: Activity,\n  award: Award,\n  'badge-check': BadgeCheck,\n  bell: Bell,\n  briefcase: Briefcase,\n  building: Building2,\n  calendar: Calendar,\n  'calendar-check': CalendarCheck,\n  'chart-column': ChartColumn,\n  'chart-line': ChartLine,\n  'circle-check': CircleCheck,\n  'clipboard-check': ClipboardCheck,\n  clock: Clock,\n  cloud: Cloud,\n  database: Database,\n  'dollar-sign': DollarSign,\n  factory: Factory,\n  'file-text': FileText,\n  flask: FlaskConical,\n  globe: Globe,\n  'graduation-cap': GraduationCap,\n  handshake: Handshake,\n  'hard-hat': HardHat,\n  headset: Headset,\n  'heart-pulse': HeartPulse,\n  hospital: Hospital,\n  layers: Layers,\n  leaf: Leaf,\n  lightbulb: Lightbulb,\n  lock: Lock,\n  mail: Mail,\n  'map-pin': MapPin,\n  'message-square': MessageSquare,\n  microscope: Microscope,\n  phone: Phone,\n  plane: Plane,\n  plug: Plug,\n  rocket: Rocket,\n  scale: Scale,\n  search: Search,\n  settings: Settings,\n  shield: Shield,\n  'shield-check': ShieldCheck,\n  smartphone: Smartphone,\n  sparkles: Sparkles,\n  stethoscope: Stethoscope,\n  syringe: Syringe,\n  target: Target,\n  timer: Timer,\n  'trending-up': TrendingUp,\n  truck: Truck,\n  'user-check': UserCheck,\n  users: Users,\n  workflow: Workflow,\n  wrench: Wrench,\n  zap: Zap,\n} satisfies TemplateIconRegistry;\n\nexport type TemplateIconName = keyof typeof templateIcons;\n\nexport interface TemplateIconProps {\n  /** A built-in token, a token from `icons`, or a lettermark of up to four characters. */\n  name: string;\n  icons?: TemplateIconRegistry;\n  className?: string;\n}\n\nexport function TemplateIcon({ name, icons, className }: TemplateIconProps) {\n  // Icon names are page/CMS data — own properties only, or \"toString\" would\n  // resolve to a prototype method instead of the lettermark/null fallback.\n  const Icon =\n    ownProperty(icons, name) ??\n    ownProperty(templateIcons as TemplateIconRegistry, name);\n  if (Icon)\n    return (\n      <Icon\n        aria-hidden=\"true\"\n        strokeWidth={1.75}\n        className={cn('size-5', className)}\n      />\n    );\n  if (name.length <= 4)\n    return (\n      <span\n        aria-hidden=\"true\"\n        className={cn('text-xs font-bold tracking-wide', className)}\n      >\n        {name}\n      </span>\n    );\n  return null;\n}\n","import * as React from 'react';\nimport { ArrowRight } from 'lucide-react';\nimport { buttonVariants } from '../components/Button/button-variants';\nimport {\n  MetricStatusBadge,\n  type MetricStatus,\n  type MetricStatusLabels,\n} from '../components/MetricStatusBadge/MetricStatusBadge';\nimport { cn } from '../utils/cn';\nimport { TemplateIcon, type TemplateIconRegistry } from './icons';\nimport type {\n  SectionAlign,\n  SectionTone,\n  TemplateComponents,\n  TemplateImageProps,\n  TemplateLink,\n  TemplateLinkProps,\n} from './types';\n\nconst toneSurface: Record<SectionTone, string> = {\n  default: 'bg-background text-foreground',\n  muted: 'bg-muted text-foreground',\n  brand: 'bg-primary-900 text-white',\n};\n\nexport const toneClass = (tone: SectionTone) => toneSurface[tone];\n\n/** Card surface that reads correctly on the given section tone. */\nexport const cardClass = (tone: SectionTone) =>\n  tone === 'brand'\n    ? 'border border-white/15 bg-white/5 text-white'\n    : 'border border-border bg-card text-card-foreground';\n\n// muted-foreground on bg-muted drops below AA in dark mode, so the muted tone mixes foreground instead.\nexport const mutedTextClass = (tone: SectionTone) =>\n  tone === 'brand'\n    ? 'text-white/80'\n    : tone === 'muted'\n      ? 'text-foreground/80'\n      : 'text-muted-foreground';\n\n// Explicit, because host sites often colour h1–h4 in a base layer that beats inheritance.\nexport const headingTextClass = (tone: SectionTone) =>\n  tone === 'brand' ? 'text-white' : 'text-foreground';\n\n// 800 (light) is the shade Button's primary fill already guarantees against white.\nexport const accentTextClass = (tone: SectionTone) =>\n  tone === 'brand' ? 'text-white' : 'text-primary-800 dark:text-primary-300';\n\nexport const containerClass = (width: 'wide' | 'narrow' = 'wide') =>\n  cn(\n    'mx-auto w-full px-4 sm:px-6 lg:px-8',\n    width === 'narrow' ? 'max-w-3xl' : 'max-w-7xl'\n  );\n\nconst SAFE_HREF_SCHEME = /^(?:https?|mailto|tel):/i;\n\n/**\n * A URL from page data, or `undefined` if its scheme is not http(s), mailto or\n * tel. Content/CMS URLs are untrusted, and a `javascript:` href is script\n * execution — React and site Link adapters render it verbatim.\n */\nexport function safeHref(href: string | undefined): string | undefined {\n  if (href == null) return undefined;\n  // Browsers drop tab/newline and leading controls when parsing, so\n  // `java\\tscript:` still runs — match the scheme on the stripped value.\n  // eslint-disable-next-line no-control-regex\n  const stripped = href.replace(/[\\u0000-\\u0020]/g, '');\n  // Blank means \"current document URL\" as a form action — not a real target.\n  if (!stripped) return undefined;\n  if (!/^[a-z][a-z0-9+.-]*:/i.test(stripped)) return href; // relative, hash, query, //\n  return SAFE_HREF_SCHEME.test(stripped) ? href : undefined;\n}\n\n/** An anchor, or the site's `components.Link`, with `trackingId` as `data-track`. */\nexport function TemplateAnchor({\n  components,\n  trackingId,\n  children,\n  ...props\n}: TemplateLinkProps & {\n  components?: TemplateComponents;\n  trackingId?: string;\n}) {\n  const Link = components?.Link;\n  const href = safeHref(props.href);\n  const all = { ...props, href, 'data-track': trackingId };\n  // Adapters require an href (Next's Link throws), so a dropped one falls back\n  // to an inert plain anchor.\n  return Link && href != null ? (\n    <Link {...all} href={href}>\n      {children}\n    </Link>\n  ) : (\n    <a {...all}>{children}</a>\n  );\n}\n\n// React 18 only passes the lowercase attribute through; React 19 wants camelCase.\nconst fetchPriorityHigh = (\n  React.version.startsWith('18.')\n    ? { fetchpriority: 'high' }\n    : { fetchPriority: 'high' }\n) as React.ImgHTMLAttributes<HTMLImageElement>;\n\n/** An `<img>`, or the site's `components.Image`. */\nexport function TemplateImg({\n  components,\n  priority,\n  ...image\n}: TemplateImageProps & { components?: TemplateComponents }) {\n  const Image = components?.Image;\n  if (Image) return <Image {...image} priority={priority} />;\n  return (\n    <img\n      {...image}\n      alt={image.alt}\n      loading={priority ? undefined : 'lazy'}\n      {...(priority ? fetchPriorityHigh : {})}\n      decoding=\"async\"\n    />\n  );\n}\n\nexport interface SectionHeadingProps {\n  eyebrow?: string;\n  title?: string;\n  description?: string;\n  /** Heading element. Sections use `h2`; only a page's hero is `h1`. */\n  as?: 'h1' | 'h2' | 'h3';\n  size?: 'section' | 'hero';\n  align?: SectionAlign;\n  tone?: SectionTone;\n  titleId?: string;\n  className?: string;\n}\n\n/** Eyebrow, heading and supporting text — the opener every landing section shares. */\nexport function SectionHeading({\n  eyebrow,\n  title,\n  description,\n  as: Heading = 'h2',\n  size = 'section',\n  align = 'start',\n  tone = 'default',\n  titleId,\n  className,\n}: SectionHeadingProps) {\n  if (!eyebrow && !title && !description) return null;\n  return (\n    <div\n      data-slot=\"section-heading\"\n      className={cn(\n        'max-w-3xl',\n        align === 'center' && 'mx-auto text-center',\n        className\n      )}\n    >\n      {eyebrow && (\n        <p\n          className={cn(\n            'mb-3 text-sm font-semibold tracking-wider uppercase',\n            accentTextClass(tone)\n          )}\n        >\n          {eyebrow}\n        </p>\n      )}\n      {title && (\n        <Heading\n          id={titleId}\n          className={cn(\n            'font-bold tracking-tight text-balance',\n            headingTextClass(tone),\n            size === 'hero'\n              ? 'text-4xl sm:text-5xl lg:text-6xl'\n              : 'text-3xl sm:text-4xl'\n          )}\n        >\n          {title}\n        </Heading>\n      )}\n      {description && (\n        <p\n          className={cn(\n            'mt-4 text-pretty',\n            size === 'hero' ? 'text-lg sm:text-xl' : 'text-lg',\n            mutedTextClass(tone)\n          )}\n        >\n          {description}\n        </p>\n      )}\n    </div>\n  );\n}\n\nexport interface SectionShellProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  eyebrow?: string;\n  title?: string;\n  description?: string;\n  tone?: SectionTone;\n  align?: SectionAlign;\n  width?: 'wide' | 'narrow';\n  spacing?: 'default' | 'compact';\n  /** Provenance badge under the heading, for sections that report figures. */\n  status?: MetricStatus;\n  /** Translated text for the `status` badge. */\n  statusLabels?: MetricStatusLabels;\n  /** Accepted so sections can forward their props; the shell renders no links or images. */\n  components?: TemplateComponents;\n}\n\n/**\n * The `<section>` + container + heading frame every landing section renders.\n * Exported so a site can build its own section that sits flush with the rest.\n */\nexport const SectionShell = React.forwardRef<HTMLElement, SectionShellProps>(\n  (\n    {\n      eyebrow,\n      title,\n      description,\n      tone = 'default',\n      align = 'start',\n      width = 'wide',\n      spacing = 'default',\n      status,\n      statusLabels,\n      className,\n      children,\n      components,\n      ...rest\n    },\n    ref\n  ) => {\n    void components; // kept off the DOM\n    const titleId = React.useId();\n    return (\n      <section\n        ref={ref}\n        data-slot=\"landing-section\"\n        data-tone={tone}\n        aria-labelledby={title ? titleId : undefined}\n        className={cn(\n          spacing === 'compact' ? 'py-10 sm:py-14' : 'py-16 sm:py-24',\n          toneClass(tone),\n          className\n        )}\n        {...rest}\n      >\n        <div className={containerClass(width)}>\n          <SectionHeading\n            eyebrow={eyebrow}\n            title={title}\n            description={description}\n            align={align}\n            tone={tone}\n            titleId={titleId}\n            className={cn(width === 'narrow' && 'max-w-none')}\n          />\n          {status && (\n            <div\n              className={cn(\n                'mt-4 flex',\n                align === 'center' && 'justify-center'\n              )}\n            >\n              <MetricStatusBadge\n                status={status}\n                label={statusLabels?.[status]}\n                onDark={tone === 'brand'}\n              />\n            </div>\n          )}\n          {children}\n        </div>\n      </section>\n    );\n  }\n);\nSectionShell.displayName = 'SectionShell';\n\nexport interface CtaLinksProps {\n  primary?: TemplateLink;\n  secondary?: TemplateLink;\n  tone?: SectionTone;\n  align?: SectionAlign;\n  className?: string;\n  components?: TemplateComponents;\n}\n\n/** Primary + secondary calls to action as button-styled anchors. */\nexport function CtaLinks({\n  primary,\n  secondary,\n  tone = 'default',\n  align = 'start',\n  className,\n  components,\n}: CtaLinksProps) {\n  if (!primary && !secondary) return null;\n  const onBrand = tone === 'brand';\n  // Long or translated labels must wrap rather than overflow on phones.\n  const wrap = 'h-auto min-h-12 py-3 whitespace-normal text-center';\n  return (\n    <div\n      data-slot=\"cta-links\"\n      className={cn(\n        'flex flex-col gap-3 sm:flex-row sm:flex-wrap',\n        align === 'center' && 'sm:justify-center',\n        className\n      )}\n    >\n      {primary && (\n        <TemplateAnchor\n          href={primary.href}\n          trackingId={primary.trackingId}\n          components={components}\n          data-slot=\"cta-primary\"\n          className={cn(\n            buttonVariants({ variant: 'primary', size: 'lg' }),\n            wrap,\n            onBrand &&\n              'text-primary-900 hover:bg-primary-50 active:bg-primary-100 bg-white'\n          )}\n        >\n          {primary.label}\n          <ArrowRight aria-hidden=\"true\" className=\"size-5 rtl:-scale-x-100\" />\n        </TemplateAnchor>\n      )}\n      {secondary && (\n        <TemplateAnchor\n          href={secondary.href}\n          trackingId={secondary.trackingId}\n          components={components}\n          data-slot=\"cta-secondary\"\n          className={cn(\n            buttonVariants({ variant: 'outline', size: 'lg' }),\n            wrap,\n            onBrand &&\n              'border-white/70 text-white hover:bg-white/10 hover:text-white dark:border-white/70 dark:text-white dark:hover:bg-white/10'\n          )}\n        >\n          {secondary.label}\n        </TemplateAnchor>\n      )}\n    </div>\n  );\n}\n\nexport interface IconTileProps {\n  name: string;\n  icons?: TemplateIconRegistry;\n  tone?: SectionTone;\n  className?: string;\n}\n\nexport function IconTile({\n  name,\n  icons,\n  tone = 'default',\n  className,\n}: IconTileProps) {\n  return (\n    <span\n      data-slot=\"icon-tile\"\n      className={cn(\n        'inline-flex size-11 shrink-0 items-center justify-center rounded-xl',\n        tone === 'brand'\n          ? 'bg-white/10 text-white'\n          : 'bg-primary-100 text-primary-900 dark:bg-primary-900/60 dark:text-primary-200',\n        className\n      )}\n    >\n      <TemplateIcon name={name} icons={icons} />\n    </span>\n  );\n}\n"]}