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

package/dist/templates.d.ts

@@ -1,65 +1,8 @@
 import * as React from 'react';
+import { S as SectionBaseProps, T as TemplateLink, a as TemplateIconRegistry, b as TemplateImage, c as TemplateComponents, d as SectionAlign, e as SectionTone } from './icons-wBacj6BW.js';
+export { f as TemplateIcon, g as TemplateIconComponent, h as TemplateIconName, i as TemplateIconProps, j as TemplateImageProps, k as TemplateLinkProps, t as templateIcons } from './icons-wBacj6BW.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as lucide_react from 'lucide-react';
-
-/** A navigational call to action. Always rendered as a real anchor so it is crawlable. */
-interface TemplateLink {
-    label: string;
-    href: string;
-    /** Rendered as `data-track` for the site's analytics to pick up. */
-    trackingId?: string;
-}
-interface TemplateImage {
-    src: string;
-    alt: string;
-    width?: number;
-    height?: number;
-}
-/**
- * Surface a section sits on. `brand` is a saturated primary band with light
- * text in both colour modes; the others follow the active theme.
- */
-type SectionTone = 'default' | 'muted' | 'brand';
-type SectionAlign = 'start' | 'center';
-/** Props a site's image component receives, e.g. an adapter around `next/image`. */
-interface TemplateImageProps extends TemplateImage {
-    className?: string;
-    /** True for the likely LCP image (the hero); load it eagerly at high priority. */
-    priority?: boolean;
-}
-/** Props a site's link component receives, e.g. `next/link`. */
-interface TemplateLinkProps {
-    href: string;
-    className?: string;
-    children?: React.ReactNode;
-    tabIndex?: number;
-    'aria-current'?: 'page';
-    'data-slot'?: string;
-    'data-track'?: string;
-}
-/**
- * Swap the plain `<img>` and `<a>` the sections render for the site's own,
- * so pages get optimized images and client-side navigation.
- */
-interface TemplateComponents {
-    Image?: React.ComponentType<TemplateImageProps>;
-    Link?: React.ComponentType<TemplateLinkProps>;
-}
-/** Fields every landing section shares. Everything except `components` is JSON-serializable. */
-interface SectionBaseProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'children'> {
-    /** Anchor id for in-page links (`#faq`). */
-    id?: string;
-    /** Short label above the heading. */
-    eyebrow?: string;
-    /** Section heading, rendered as an `<h2>`. */
-    title?: string;
-    /** Supporting paragraph under the heading. */
-    description?: string;
-    tone?: SectionTone;
-    align?: SectionAlign;
-    /** Site image and link components; `LandingPage` passes its own to every section. */
-    components?: TemplateComponents;
-}
+import 'lucide-react';
 
 interface ComparisonRow {
     feature: string;
@@ -107,84 +50,6 @@ interface FaqSectionProps extends SectionBaseProps {
 }
 declare const FaqSection: React.ForwardRefExoticComponent<FaqSectionProps & React.RefAttributes<HTMLElement>>;
 
-type TemplateIconComponent = React.ComponentType<{
-    className?: string;
-    strokeWidth?: number;
-    'aria-hidden'?: boolean | 'true' | 'false';
-}>;
-/** Extra icon tokens a site maps to its own components; merged over the built-ins. */
-type TemplateIconRegistry = Record<string, TemplateIconComponent>;
-/**
- * Built-in icon tokens. Page data names an icon by token (`"shield-check"`)
- * rather than holding a component, so it stays JSON-serializable.
- */
-declare const templateIcons: {
-    activity: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    award: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'badge-check': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    bell: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    briefcase: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    building: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    calendar: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'calendar-check': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'chart-column': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'chart-line': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'circle-check': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'clipboard-check': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    clock: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    cloud: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    database: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'dollar-sign': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    factory: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'file-text': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    flask: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    globe: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'graduation-cap': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    handshake: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'hard-hat': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    headset: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'heart-pulse': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    hospital: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    layers: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    leaf: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    lightbulb: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    lock: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    mail: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'map-pin': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'message-square': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    microscope: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    phone: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    plane: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    plug: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    rocket: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    scale: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    search: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    settings: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    shield: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'shield-check': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    smartphone: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    sparkles: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    stethoscope: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    syringe: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    target: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    timer: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'trending-up': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    truck: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    'user-check': React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    users: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    workflow: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    wrench: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    zap: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-};
-type TemplateIconName = keyof typeof templateIcons;
-interface TemplateIconProps {
-    /** A built-in token, a token from `icons`, or a lettermark of up to four characters. */
-    name: string;
-    icons?: TemplateIconRegistry;
-    className?: string;
-}
-declare function TemplateIcon({ name, icons, className }: TemplateIconProps): react_jsx_runtime.JSX.Element | null;
-
 interface FeatureItem {
     title: string;
     description: string;
@@ -217,6 +82,10 @@ interface HeroSectionProps extends Omit<SectionBaseProps, 'align'> {
     ctaNote?: string;
     /** Short trust points rendered as a checked list. */
     highlights?: string[];
+    /** Dateline items under the heading, e.g. `['Benchmark report', '2027 edition']`. */
+    meta?: string[];
+    /** Brand mark above the heading. */
+    logo?: TemplateImage;
     image?: TemplateImage;
     /** Trail ending in the current page, which renders unlinked. */
     breadcrumbs?: TemplateLink[];
@@ -258,6 +127,8 @@ interface LeadFormSectionProps extends Omit<SectionBaseProps, 'align' | 'onSubmi
     submitTrackingId?: string;
     /** `split` puts the heading beside the form; `stacked` centres it above. */
     layout?: 'split' | 'stacked';
+    /** What the visitor gets, as a checked list under the heading — e.g. a gated report's contents. */
+    highlights?: string[];
 }
 declare const defaultLeadFormFields: LeadFormField[];
 declare const LeadFormSection: React.ForwardRefExoticComponent<LeadFormSectionProps & React.RefAttributes<HTMLElement>>;
@@ -342,6 +213,21 @@ interface SplitContentSectionProps extends Omit<SectionBaseProps, 'align'> {
 }
 declare const SplitContentSection: React.ForwardRefExoticComponent<SplitContentSectionProps & React.RefAttributes<HTMLElement>>;
 
+/** Where a figure comes from: measured, estimated, or still being instrumented. */
+type MetricStatus = 'live' | 'modeled' | 'maturing';
+/** Translated badge text, per status. */
+type MetricStatusLabels = Partial<Record<MetricStatus, string>>;
+declare const defaultMetricStatusLabels: Record<MetricStatus, string>;
+interface MetricStatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    status: MetricStatus;
+    /** Override the visible label, e.g. for translation. */
+    label?: string;
+    /** Set on dark or brand surfaces. */
+    onDark?: boolean;
+}
+/** Labels a figure by provenance so readers can tell measured data from estimates. */
+declare const MetricStatusBadge: React.ForwardRefExoticComponent<MetricStatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
 interface StatItem {
     /** Numbers are locale-formatted; strings render as written. */
     value: number | string;
@@ -354,9 +240,14 @@ interface StatItem {
 }
 interface StatsSectionProps extends SectionBaseProps {
     stats: StatItem[];
-    variant?: 'plain' | 'cards';
+    /** `ruled` sets an accent rule beside each figure — a report's key-findings band. */
+    variant?: 'plain' | 'cards' | 'ruled';
     /** BCP 47 locale for number formatting. */
     locale?: string;
+    /** Provenance badge under the heading. */
+    status?: MetricStatus;
+    /** Translated text for the `status` badge. */
+    statusLabels?: MetricStatusLabels;
 }
 declare const StatsSection: React.ForwardRefExoticComponent<StatsSectionProps & React.RefAttributes<HTMLElement>>;
 
@@ -408,6 +299,261 @@ interface VideoSectionProps extends SectionBaseProps {
 }
 declare const VideoSection: React.ForwardRefExoticComponent<VideoSectionProps & React.RefAttributes<HTMLElement>>;
 
+type BenchmarkValue = number | string | null;
+interface BenchmarkColumn {
+    /** Key into each row's `values`. */
+    key: string;
+    label: string;
+    /** Number formatting, e.g. `{ style: 'currency', currency: 'USD', maximumFractionDigits: 0 }`. */
+    format?: Intl.NumberFormatOptions;
+    /** Draw a bar scaled to the column's largest value beside the number. */
+    bar?: boolean;
+    /** Tint the column \u2014 the figure readers should compare first. */
+    emphasis?: boolean;
+}
+interface BenchmarkRow {
+    label: string;
+    /** Second line under the label, e.g. a category. */
+    sublabel?: string;
+    href?: string;
+    /** Numbers are formatted by the column; strings render as written; `null` shows a dash. */
+    values: Record<string, BenchmarkValue>;
+}
+interface BenchmarkTableSectionProps extends Omit<SectionBaseProps, 'align'> {
+    columns: BenchmarkColumn[];
+    rows: BenchmarkRow[];
+    /** Header of the row-label column. */
+    rowHeader: string;
+    /** Visually hidden table caption; defaults to `title`. */
+    caption?: string;
+    /** Method note under the table. */
+    footnote?: string;
+    status?: MetricStatus;
+    /** Translated text for the `status` badge. */
+    statusLabels?: MetricStatusLabels;
+    /** BCP 47 locale for number formatting. */
+    locale?: string;
+}
+/**
+ * A benchmark table: labelled rows, formatted numeric columns, optional inline
+ * bars, and a sticky label column so wide tables scroll sideways on phones.
+ */
+declare const BenchmarkTableSection: React.ForwardRefExoticComponent<BenchmarkTableSectionProps & React.RefAttributes<HTMLElement>>;
+
+interface LinkGroup {
+    title: string;
+    description?: string;
+    links: TemplateLink[];
+}
+interface LinkGroupsSectionProps extends SectionBaseProps {
+    groups: LinkGroup[];
+    columns?: 2 | 3;
+}
+/** Grouped lists of internal links — "explore the pages behind these numbers". */
+declare const LinkGroupsSection: React.ForwardRefExoticComponent<LinkGroupsSectionProps & React.RefAttributes<HTMLElement>>;
+
+interface MetricDefinition {
+    label: string;
+    /** Unit chip, e.g. `hours` or `%`. */
+    unit?: string;
+    /** How the figure is (or will be) measured. */
+    description: string;
+    /** Leave unset until the figure is measured; the section then reads as a roadmap preview. */
+    value?: string;
+}
+interface MetricListSectionLabels {
+    preview?: string;
+}
+interface MetricListSectionProps extends Omit<SectionBaseProps, 'align'> {
+    metrics: MetricDefinition[];
+    /** Plain-language headline for the result. */
+    takeaway?: string;
+    /** Mark measured values as good news with a success rule. */
+    positive?: boolean;
+    /** Translated text for the derived live / maturing badge. */
+    statusLabels?: MetricStatusLabels;
+    labels?: MetricListSectionLabels;
+}
+/**
+ * Metric definitions with or without values. Publishing the definitions before
+ * the data lands is honest about what isn't measured yet; values drop in later
+ * with no layout change, and the badge flips from "maturing" to "live".
+ */
+declare const MetricListSection: React.ForwardRefExoticComponent<MetricListSectionProps & React.RefAttributes<HTMLElement>>;
+
+interface PdfEmbedSectionLabels {
+    download?: string;
+    open?: string;
+    /** Shown where the browser can't display PDFs inline. */
+    fallback?: string;
+}
+interface PdfEmbedSectionProps extends SectionBaseProps {
+    title: string;
+    /** Root-relative or absolute URL of the PDF. */
+    src: string;
+    /** Suggested filename for the download link. */
+    downloadAs?: string;
+    /** Viewer height ÷ width. US Letter portrait is ~1.29; 16:9 slides are 0.5625. */
+    aspectRatio?: number;
+    /** Callout above the viewer, e.g. "embedded videos only play in Acrobat". */
+    notice?: string;
+    labels?: PdfEmbedSectionLabels;
+}
+/**
+ * An inline PDF viewer with download and open-in-new-tab links. Uses
+ * `<object>`, whose fallback content (a link) shows where inline PDF isn't
+ * supported, so it needs no client JavaScript.
+ */
+declare const PdfEmbedSection: React.ForwardRefExoticComponent<PdfEmbedSectionProps & React.RefAttributes<HTMLElement>>;
+
+interface RankedItem {
+    label: string;
+    /** Sets the bar length, relative to the list's largest value. */
+    value: number;
+    /** Text shown for the value; defaults to the locale-formatted number. */
+    display?: string;
+    href?: string;
+    /** Small context to the side, e.g. `12 industries`. */
+    note?: string;
+}
+interface RankedList {
+    title?: string;
+    items: RankedItem[];
+}
+interface RankedListSectionProps extends Omit<SectionBaseProps, 'align'> {
+    /** One list, or several side by side (e.g. best- and worst-served). */
+    lists: RankedList[];
+    /** Prefix each item with its rank. */
+    numbered?: boolean;
+    /** `stacked` gives each item a card with the bar underneath; `inline` puts label, bar and value on one row. */
+    layout?: 'stacked' | 'inline';
+    bar?: 'primary' | 'accent' | 'success';
+    status?: MetricStatus;
+    /** Translated text for the `status` badge. */
+    statusLabels?: MetricStatusLabels;
+    /** BCP 47 locale for number formatting. */
+    locale?: string;
+}
+/** Ranked horizontal bars \u2014 top services, most-searched terms, best- and worst-served regions. */
+declare const RankedListSection: React.ForwardRefExoticComponent<RankedListSectionProps & React.RefAttributes<HTMLElement>>;
+
+interface ReportAuthor {
+    name: string;
+    /** Job title or credentials. */
+    role?: string;
+    /** Author page; the name links here. */
+    href?: string;
+    avatar?: TemplateImage;
+    /** External profiles, e.g. `{ label: 'LinkedIn', href }`. */
+    profiles?: TemplateLink[];
+}
+interface ReportBylineLabels {
+    /** Visually hidden section heading. */
+    heading?: string;
+    by?: string;
+    published?: string;
+    updated?: string;
+}
+interface ReportBylineProps extends Omit<SectionBaseProps, 'title' | 'eyebrow' | 'description' | 'align'> {
+    authors: ReportAuthor[];
+    /** Display date, formatted by the site. */
+    published?: string;
+    updated?: string;
+    labels?: ReportBylineLabels;
+}
+/** Who wrote a report and when, with links to author pages and profiles. */
+declare const ReportByline: React.ForwardRefExoticComponent<ReportBylineProps & React.RefAttributes<HTMLElement>>;
+
+interface ReportLegendEntry {
+    status: MetricStatus;
+    /** What this label means in this report. */
+    description: string;
+    /** Override the badge text, e.g. for translation. */
+    label?: string;
+}
+interface ReportLegendProps extends SectionBaseProps {
+    entries: ReportLegendEntry[];
+}
+/** The key to a report's provenance badges, set near the top so readers know how to weigh every figure. */
+declare const ReportLegend: React.ForwardRefExoticComponent<ReportLegendProps & React.RefAttributes<HTMLElement>>;
+
+interface MethodologySource {
+    label: string;
+    description: string;
+    /** Link to the dataset or document itself. */
+    href?: string;
+}
+interface MethodologyNote {
+    title: string;
+    body: string;
+}
+interface ReportMethodologyLabels {
+    citation?: string;
+    sourceLink?: string;
+}
+interface ReportMethodologyProps extends SectionBaseProps {
+    sources: MethodologySource[];
+    /** Suggested citation, shown selectable in a monospace block. */
+    citation?: string;
+    /** Short notes such as the publishing cadence or known limitations. */
+    notes?: MethodologyNote[];
+    /** A closing panel of links, e.g. the API or dataset downloads. */
+    resources?: {
+        title: string;
+        description?: string;
+        links: TemplateLink[];
+    };
+    labels?: ReportMethodologyLabels;
+}
+/** Sources, how to cite, and caveats — the section that makes a report's figures checkable. */
+declare const ReportMethodology: React.ForwardRefExoticComponent<ReportMethodologyProps & React.RefAttributes<HTMLElement>>;
+
+interface TilePosition {
+    code: string;
+    name: string;
+    /** Zero-based grid row. */
+    row: number;
+    /** Zero-based grid column. */
+    col: number;
+}
+/** US states and DC on an 11-column tile grid, every state the same size. */
+declare const usStateTiles: TilePosition[];
+type TileBucket = 0 | 1 | 2 | 3 | 4;
+/**
+ * Quartile buckets for a set of values: 1 (lowest) to 4 (highest), and 0 for
+ * a missing value. Run it in the data layer; pass the result to `TileCartogramSection`.
+ */
+declare function quartileBuckets(values: Record<string, number | null | undefined>): Record<string, TileBucket>;
+
+interface TileValue {
+    bucket: TileBucket;
+    /** Read out with the tile's name, e.g. `12.4 providers per 100k`. */
+    detail?: string;
+}
+interface TileLegendEntry {
+    bucket: TileBucket;
+    label: string;
+}
+interface TileCartogramSectionProps extends Omit<SectionBaseProps, 'align'> {
+    /** Values keyed by tile code. Tiles with no entry render as bucket 0. */
+    values: Record<string, TileValue>;
+    legend: TileLegendEntry[];
+    /** Tile positions; defaults to `usStateTiles`. */
+    layout?: TilePosition[];
+    /** Heading of the map card. */
+    mapTitle?: string;
+    mapDescription?: string;
+    status?: MetricStatus;
+    /** Translated text for the `status` badge. */
+    statusLabels?: MetricStatusLabels;
+}
+/**
+ * A tile-grid map: every region the same size, shaded by bucket, so small
+ * states are as visible as large ones. Each tile is a list item that reads its
+ * full name and detail to screen readers.
+ */
+declare const TileCartogramSection: React.ForwardRefExoticComponent<TileCartogramSectionProps & React.RefAttributes<HTMLElement>>;
+
 /** A section the site renders itself, looked up by name in `LandingPage`'s `custom` map. */
 interface CustomBlock {
     type: 'custom';
@@ -449,7 +595,25 @@ type LandingBlock = ({
     action: string;
 }) | ({
     type: 'cta';
-} & BlockData<CtaSectionProps>) | CustomBlock;
+} & BlockData<CtaSectionProps>) | ({
+    type: 'report-legend';
+} & BlockData<ReportLegendProps>) | ({
+    type: 'benchmark-table';
+} & BlockData<BenchmarkTableSectionProps>) | ({
+    type: 'ranked-list';
+} & BlockData<RankedListSectionProps>) | ({
+    type: 'tile-cartogram';
+} & BlockData<TileCartogramSectionProps>) | ({
+    type: 'metric-list';
+} & BlockData<MetricListSectionProps>) | ({
+    type: 'methodology';
+} & BlockData<ReportMethodologyProps>) | ({
+    type: 'byline';
+} & BlockData<ReportBylineProps>) | ({
+    type: 'link-groups';
+} & BlockData<LinkGroupsSectionProps>) | ({
+    type: 'pdf-embed';
+} & BlockData<PdfEmbedSectionProps>) | CustomBlock;
 type LandingBlockType = LandingBlock['type'];
 interface LandingPageProps extends React.HTMLAttributes<HTMLDivElement> {
     /** The page, top to bottom. Plain data — import it from a content file or a CMS. */
@@ -478,7 +642,7 @@ declare const landingPresets: {
     'vertical-hub': {
         label: string;
         description: string;
-        sequence: ("split" | "hero" | "features" | "logos" | "stats" | "testimonials" | "process" | "resources" | "faq" | "cta")[];
+        sequence: ("split" | "hero" | "features" | "logos" | "stats" | "testimonials" | "resources" | "process" | "faq" | "cta")[];
         required: ("hero" | "features" | "faq" | "cta")[];
     };
     'service-detail': {
@@ -511,6 +675,12 @@ declare const landingPresets: {
         sequence: ("hero" | "stats" | "testimonials" | "comparison" | "pricing" | "faq" | "cta")[];
         required: ("hero" | "pricing" | "faq")[];
     };
+    'benchmark-report': {
+        label: string;
+        description: string;
+        sequence: ("hero" | "features" | "stats" | "report-legend" | "lead-form" | "cta" | "benchmark-table" | "ranked-list" | "tile-cartogram" | "metric-list" | "methodology" | "byline" | "link-groups" | "pdf-embed")[];
+        required: ("hero" | "methodology")[];
+    };
 };
 type LandingPresetId = keyof typeof landingPresets;
 interface LandingPageIssue {
@@ -548,6 +718,10 @@ interface SectionShellProps extends Omit<React.HTMLAttributes<HTMLElement>, 'tit
     align?: SectionAlign;
     width?: 'wide' | 'narrow';
     spacing?: 'default' | 'compact';
+    /** Provenance badge under the heading, for sections that report figures. */
+    status?: MetricStatus;
+    /** Translated text for the `status` badge. */
+    statusLabels?: MetricStatusLabels;
     /** Accepted so sections can forward their props; the shell renders no links or images. */
     components?: TemplateComponents;
 }
@@ -557,4 +731,4 @@ interface SectionShellProps extends Omit<React.HTMLAttributes<HTMLElement>, 'tit
  */
 declare const SectionShell: React.ForwardRefExoticComponent<SectionShellProps & React.RefAttributes<HTMLElement>>;
 
-export { type ComparisonRow, ComparisonSection, type ComparisonSectionLabels, type ComparisonSectionProps, CtaSection, type CtaSectionProps, type CustomBlock, type FaqItem, FaqSection, type FaqSectionProps, FeatureGridSection, type FeatureGridSectionProps, type FeatureItem, HeroSection, type HeroSectionLabels, type HeroSectionProps, type LandingBlock, type LandingBlockType, LandingPage, type LandingPageIssue, type LandingPageProps, type LandingPreset, type LandingPresetId, type LeadFormField, LeadFormSection, type LeadFormSectionProps, LogoCloudSection, type LogoCloudSectionProps, type LogoItem, type PricingPlan, PricingSection, type PricingSectionProps, type ProcessStep, ProcessStepsSection, type ProcessStepsSectionProps, ResourceCardsSection, type ResourceCardsSectionProps, type ResourceItem, type SectionAlign, type SectionBaseProps, SectionHeading, type SectionHeadingProps, SectionShell, type SectionShellProps, type SectionTone, SplitContentSection, type SplitContentSectionProps, type StatItem, StatsSection, type StatsSectionProps, type TemplateComponents, TemplateIcon, type TemplateIconComponent, type TemplateIconName, type TemplateIconProps, type TemplateIconRegistry, type TemplateImage, type TemplateImageProps, type TemplateLink, type TemplateLinkProps, type TestimonialItem, TestimonialSection, type TestimonialSectionLabels, type TestimonialSectionProps, VideoSection, type VideoSectionProps, type VideoSource, defaultLeadFormFields, landingPresets, templateIcons, validateLandingPage };
+export { type BenchmarkColumn, type BenchmarkRow, BenchmarkTableSection, type BenchmarkTableSectionProps, type BenchmarkValue, type ComparisonRow, ComparisonSection, type ComparisonSectionLabels, type ComparisonSectionProps, CtaSection, type CtaSectionProps, type CustomBlock, type FaqItem, FaqSection, type FaqSectionProps, FeatureGridSection, type FeatureGridSectionProps, type FeatureItem, HeroSection, type HeroSectionLabels, type HeroSectionProps, type LandingBlock, type LandingBlockType, LandingPage, type LandingPageIssue, type LandingPageProps, type LandingPreset, type LandingPresetId, type LeadFormField, LeadFormSection, type LeadFormSectionProps, type LinkGroup, LinkGroupsSection, type LinkGroupsSectionProps, LogoCloudSection, type LogoCloudSectionProps, type LogoItem, type MethodologyNote, type MethodologySource, type MetricDefinition, MetricListSection, type MetricListSectionLabels, type MetricListSectionProps, type MetricStatus, MetricStatusBadge, type MetricStatusBadgeProps, type MetricStatusLabels, PdfEmbedSection, type PdfEmbedSectionLabels, type PdfEmbedSectionProps, type PricingPlan, PricingSection, type PricingSectionProps, type ProcessStep, ProcessStepsSection, type ProcessStepsSectionProps, type RankedItem, type RankedList, RankedListSection, type RankedListSectionProps, type ReportAuthor, ReportByline, type ReportBylineLabels, type ReportBylineProps, ReportLegend, type ReportLegendEntry, type ReportLegendProps, ReportMethodology, type ReportMethodologyLabels, type ReportMethodologyProps, ResourceCardsSection, type ResourceCardsSectionProps, type ResourceItem, SectionAlign, SectionBaseProps, SectionHeading, type SectionHeadingProps, SectionShell, type SectionShellProps, SectionTone, SplitContentSection, type SplitContentSectionProps, type StatItem, StatsSection, type StatsSectionProps, TemplateComponents, TemplateIconRegistry, TemplateImage, TemplateLink, type TestimonialItem, TestimonialSection, type TestimonialSectionLabels, type TestimonialSectionProps, type TileBucket, TileCartogramSection, type TileCartogramSectionProps, type TileLegendEntry, type TilePosition, type TileValue, VideoSection, type VideoSectionProps, type VideoSource, defaultLeadFormFields, defaultMetricStatusLabels, landingPresets, quartileBuckets, usStateTiles, validateLandingPage };

package/dist/templates.js

@@ -1,5 +1,6 @@
-export { ComparisonSection, CtaSection, FaqSection, FeatureGridSection, HeroSection, LandingPage, LeadFormSection, LogoCloudSection, PricingSection, ProcessStepsSection, ResourceCardsSection, SectionHeading, SectionShell, SplitContentSection, StatsSection, TemplateIcon, TestimonialSection, VideoSection, defaultLeadFormFields, landingPresets, templateIcons, validateLandingPage } from './chunk-KHSFJTEX.js';
+export { BenchmarkTableSection, ComparisonSection, CtaSection, FaqSection, FeatureGridSection, HeroSection, LandingPage, LeadFormSection, LinkGroupsSection, LogoCloudSection, MetricListSection, PdfEmbedSection, PricingSection, ProcessStepsSection, RankedListSection, ReportByline, ReportLegend, ReportMethodology, ResourceCardsSection, SplitContentSection, StatsSection, TestimonialSection, TileCartogramSection, VideoSection, defaultLeadFormFields, landingPresets, quartileBuckets, usStateTiles, validateLandingPage } from './chunk-T4JYUICS.js';
 import './chunk-IQ4KQJAO.js';
+export { MetricStatusBadge, SectionHeading, SectionShell, TemplateIcon, defaultMetricStatusLabels, templateIcons } from './chunk-FBCDYTWM.js';
 import './chunk-6NZXWKUE.js';
 import './chunk-3IMM2PM4.js';
 import './chunk-BMSG4NBH.js';

package/dist/{types-C3HQe74F.d.cts → types-DsdZvEI1.d.cts}

@@ -25,6 +25,12 @@ type ViewId = 'overview' | 'list' | 'board' | 'calendar' | 'gantt' | 'roadmap' |
  * hardcode a palette that breaks under another brand or in dark mode.
  */
 type Accent = 'primary' | 'success' | 'warning' | 'destructive' | 'info' | 'neutral';
+/** A named stage: a board column, and the segments of a stage bar. */
+interface Stage {
+    id: string;
+    label: string;
+    accent?: Accent;
+}
 /**
  * How a view reads one item. Only `getId` and `getTitle` are always required;
  * each view documents which of the rest it needs (a board needs `getStatus`, a
@@ -83,4 +89,4 @@ interface ViewBaseProps<T> {
     className?: string;
 }
 
-export type { ViewLabels as V, ViewBaseProps as a };
+export type { Stage as S, ViewLabels as V, ViewBaseProps as a };

package/dist/{types-C3HQe74F.d.ts → types-DsdZvEI1.d.ts}

@@ -25,6 +25,12 @@ type ViewId = 'overview' | 'list' | 'board' | 'calendar' | 'gantt' | 'roadmap' |
  * hardcode a palette that breaks under another brand or in dark mode.
  */
 type Accent = 'primary' | 'success' | 'warning' | 'destructive' | 'info' | 'neutral';
+/** A named stage: a board column, and the segments of a stage bar. */
+interface Stage {
+    id: string;
+    label: string;
+    accent?: Accent;
+}
 /**
  * How a view reads one item. Only `getId` and `getTitle` are always required;
  * each view documents which of the rest it needs (a board needs `getStatus`, a
@@ -83,4 +89,4 @@ interface ViewBaseProps<T> {
     className?: string;
 }
 
-export type { ViewLabels as V, ViewBaseProps as a };
+export type { Stage as S, ViewLabels as V, ViewBaseProps as a };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mieweb/ui",
-  "version": "0.10.0-dev.24",
+  "version": "0.10.0-dev.25",
   "description": "A themeable, accessible React component library built with Tailwind CSS",
   "author": "Medical Informatics Engineering, Inc.",
   "license": "SEE LICENSE IN LICENSE",
@@ -151,6 +151,26 @@
         "default": "./dist/globe.cjs"
       }
     },
+    "./deck": {
+      "import": {
+        "types": "./dist/deck.d.ts",
+        "default": "./dist/deck.js"
+      },
+      "require": {
+        "types": "./dist/deck.d.cts",
+        "default": "./dist/deck.cjs"
+      }
+    },
+    "./maps": {
+      "import": {
+        "types": "./dist/maps.d.ts",
+        "default": "./dist/maps.js"
+      },
+      "require": {
+        "types": "./dist/maps.d.cts",
+        "default": "./dist/maps.cjs"
+      }
+    },
     "./templates": {
       "import": {
         "types": "./dist/templates.d.ts",
@@ -296,6 +316,7 @@
     "ag-grid-react": ">=32.0.0",
     "js-yaml": ">=4.0.0",
     "katex": ">=0.16.0",
+    "leaflet": ">=1.9.0",
     "mermaid": ">=11.0.0",
     "motion": ">=12.0.0",
     "papaparse": ">=5.0.0",
@@ -314,6 +335,9 @@
     "yjs": ">=13.6.0"
   },
   "peerDependenciesMeta": {
+    "leaflet": {
+      "optional": true
+    },
     "react-globe.gl": {
       "optional": true
     },
@@ -445,6 +469,7 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/google-libphonenumber": "^7.4.30",
     "@types/js-yaml": "^4.0.9",
+    "@types/leaflet": "^1.9.22",
     "@types/luxon": "^3.7.1",
     "@types/node": "^22.19.11",
     "@types/papaparse": "^5.3.16",
@@ -479,6 +504,7 @@
     "js-yaml": "^4.1.1",
     "jsdom": "^26.1.0",
     "katex": "^0.17.0",
+    "leaflet": "^1.9.4",
     "mermaid": "^11.15.0",
     "motion": "^12.34.2",
     "papaparse": "^5.5.3",