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

package/dist/deck.d.cts

@@ -0,0 +1,712 @@
+import * as React from 'react';
+import { c as TemplateComponents, a as TemplateIconRegistry } from './icons-wBacj6BW.cjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import 'lucide-react';
+
+/** Every string the deck chrome renders, for translation. */
+interface DeckLabels {
+    /** `aria-roledescription` of the deck region. */
+    presentation?: string;
+    /** `aria-roledescription` of each slide. */
+    slide?: string;
+    slideNavigation?: string;
+    goToSlide?: (n: number, title: string) => string;
+    outline?: string;
+    openOutline?: string;
+    closeOutline?: string;
+    print?: string;
+    enterFullscreen?: string;
+    exitFullscreen?: string;
+    previous?: string;
+    next?: string;
+    navigateHint?: string;
+    fullscreenHint?: string;
+    helpHint?: string;
+    copy?: string;
+    copied?: string;
+    statusNow?: string;
+    statusNext?: string;
+    statusLater?: string;
+    watchVideo?: string;
+    lines?: string;
+    bars?: string;
+    more?: (n: number) => string;
+    less?: string;
+}
+declare const defaultDeckLabels: Required<DeckLabels>;
+
+/** Slide surface. Every tone except `light` is a dark ground with light text. */
+type SlideTone = 'brand' | 'deep' | 'ink' | 'glow' | 'light';
+/** Semantic accent colours, drawn from the active brand's tokens. */
+type AccentName = 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'danger';
+/** A cited source \u2014 give one for every statistic, quote or regulatory claim. */
+interface SourceRef {
+    label: string;
+    url: string;
+}
+interface DeckLink {
+    label: string;
+    href: string;
+    /** Rendered as `data-track`. */
+    trackingId?: string;
+}
+interface DeckImage {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+}
+interface Highlight {
+    value: string;
+    label: string;
+}
+interface DeckMeta {
+    title: string;
+    subtitle?: string;
+    /** Shown in the chrome, e.g. `Q2 2026`. */
+    period?: string;
+}
+interface SlideBase {
+    /** Anchor for deep links; defaults to `slide-{index}`. */
+    id?: string;
+    /** Short label for the dot nav and outline; defaults to `title`. */
+    navLabel?: string;
+    tone?: SlideTone;
+    /** Group label shown in the chrome and used to build the outline. */
+    section?: string;
+}
+interface BarGraphic {
+    type: 'bar';
+    bars: Array<{
+        label: string;
+        value: number;
+        highlight?: boolean;
+    }>;
+    yAxisLabel?: string;
+    /** A vertical rule before a bar, e.g. a launch date. */
+    marker?: {
+        atIndex: number;
+        label: string;
+    };
+}
+interface HorizontalBarGraphic {
+    type: 'horizontal-bar';
+    bars: Array<{
+        label: string;
+        value: number;
+        display?: string;
+    }>;
+}
+interface MultiLineGraphic {
+    type: 'multi-line';
+    xLabels: string[];
+    /** Raw values \u2014 don't pre-normalize. `log` plots very different magnitudes on one axis. */
+    series: Array<{
+        label: string;
+        values: number[];
+        summary?: string;
+    }>;
+    scale?: 'log' | 'linear';
+    caption?: string;
+}
+interface KpiRowGraphic {
+    type: 'kpi-row';
+    kpis: Array<{
+        label: string;
+        value: string;
+        trend?: 'up' | 'down' | 'flat';
+    }>;
+}
+interface SparkGraphic {
+    type: 'spark';
+    label: string;
+    values: number[];
+    suffix?: string;
+}
+/** A graphic the site renders itself, looked up in `Deck`'s `graphics` map (e.g. a map). */
+interface CustomGraphic {
+    type: 'custom';
+    component: string;
+    props?: Record<string, unknown>;
+}
+type DeckGraphic = BarGraphic | HorizontalBarGraphic | MultiLineGraphic | KpiRowGraphic | SparkGraphic | CustomGraphic;
+interface CoverSlide extends SlideBase {
+    type: 'cover';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    dateline?: string;
+    preparedBy?: string;
+    image?: DeckImage;
+    highlights?: Highlight[];
+}
+interface SectionDividerSlide extends SlideBase {
+    type: 'section-divider';
+    eyebrow?: string;
+    title: string;
+    description?: string;
+    /** Oversized statement above the title, e.g. `10 minutes`. */
+    statement?: string;
+    image?: DeckImage;
+}
+interface OutlineEntry {
+    /** One-based slide number the entry jumps to. */
+    number: number;
+    title: string;
+    subtitle?: string;
+}
+interface TableOfContentsSlide extends SlideBase {
+    type: 'table-of-contents';
+    eyebrow?: string;
+    title: string;
+    description?: string;
+    /** Explicit outline; omit to derive one from the slides' `section`s. */
+    sections?: Array<{
+        heading?: string;
+        items: OutlineEntry[];
+    }>;
+}
+interface BulletItem {
+    text: string;
+    /** Emphasized lead-in, e.g. `Fair \u2014`. */
+    lead?: string;
+    icon?: string;
+    children?: BulletItem[];
+}
+interface BulletListSlide extends SlideBase {
+    type: 'bullet-list';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    items: Array<BulletItem | string>;
+    note?: string;
+}
+interface QuoteSlide extends SlideBase {
+    type: 'quote';
+    eyebrow?: string;
+    title?: string;
+    quote: string;
+    attribution?: string;
+    role?: string;
+    source?: SourceRef;
+}
+interface ImageSlide extends SlideBase {
+    type: 'image';
+    title: string;
+    image: DeckImage;
+    caption?: string;
+}
+interface DefinitionListSlide extends SlideBase {
+    type: 'definition-list';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    terms: Array<{
+        term: string;
+        lead?: string;
+        definition: string;
+    }>;
+    source?: SourceRef;
+}
+interface ConclusionSlide extends SlideBase {
+    type: 'conclusion';
+    eyebrow?: string;
+    title: string;
+    body?: string;
+    highlights?: Highlight[];
+    takeaways?: string[];
+    cta?: DeckLink;
+    secondaryCta?: DeckLink;
+    /** A link to pass the deck on, with a copy button. */
+    share?: {
+        url: string;
+        instructions?: string;
+    };
+    preparedBy?: string;
+    dateline?: string;
+    /** e.g. `Confidential \u2014 internal use only`. */
+    confidentiality?: string;
+}
+interface MetricCard {
+    icon?: string;
+    value: string;
+    label: string;
+    description?: string;
+    accent?: AccentName;
+}
+interface MetricsSlide extends SlideBase {
+    type: 'metrics';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    metrics: MetricCard[];
+}
+interface ChartSlide extends SlideBase {
+    type: 'chart';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    description?: string;
+    graphic: DeckGraphic;
+    source?: SourceRef;
+}
+interface FeatureHighlightSlide extends SlideBase {
+    type: 'feature-highlight';
+    eyebrow?: string;
+    title: string;
+    body: string;
+    stat?: Highlight;
+    pullQuote?: string;
+    bullets?: string[];
+    graphic?: DeckGraphic;
+    secondaryGraphic?: DeckGraphic;
+}
+interface ComparisonTableSlide extends SlideBase {
+    type: 'comparison-table';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    /** Column headings; default `Metric / Before / After / Change`. */
+    headers?: [string, string, string, string];
+    rows: Array<{
+        label: string;
+        before: string;
+        after: string;
+        change: string;
+    }>;
+}
+interface ImpactTableSlide extends SlideBase {
+    type: 'impact-table';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    /** Column headings; default `Investment / Impact`. */
+    headers?: [string, string];
+    rows: Array<{
+        item: string;
+        detail?: string;
+        impact: string;
+    }>;
+}
+interface CardsSlide extends SlideBase {
+    type: 'cards';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    cards: Array<{
+        title: string;
+        body: string;
+        icon?: string;
+        stat?: string;
+        statLabel?: string;
+    }>;
+    note?: string;
+}
+interface RankedEntry {
+    label: string;
+    sublabel?: string;
+    value: number;
+    /** Text shown for `value`; defaults to the formatted number. */
+    display?: string;
+    /** Second figure, e.g. users beside pageviews. */
+    secondary?: string;
+    /** Rank movement since the last period; positive is up. */
+    change?: number;
+    highlighted?: boolean;
+}
+interface RankedListSlide extends SlideBase {
+    type: 'ranked-list';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    entries: RankedEntry[];
+    /** Context for the ranking, e.g. `of 42 vendors`. */
+    outOf?: string;
+    source?: SourceRef;
+}
+interface BreakdownSlide extends SlideBase {
+    type: 'breakdown';
+    eyebrow?: string;
+    title: string;
+    body?: string;
+    talkingPoint?: string;
+    pullQuote?: string;
+    callout?: Highlight;
+    /** A bar chart over time, e.g. monthly signups. */
+    series?: BarGraphic;
+    /** Share of the total by category. */
+    breakdown?: Array<{
+        label: string;
+        count: number;
+    }>;
+    /** Named records behind the numbers, e.g. the newest accounts. */
+    entries?: Array<{
+        title: string;
+        meta?: string;
+        date?: string;
+    }>;
+}
+interface CycleSlide extends SlideBase {
+    type: 'cycle';
+    eyebrow?: string;
+    title: string;
+    body?: string;
+    talkingPoint?: string;
+    /** Three to six stages, clockwise from the top. */
+    nodes: Array<{
+        label: string;
+        metric?: string;
+        icon?: string;
+    }>;
+}
+interface RoadmapSlide extends SlideBase {
+    type: 'roadmap';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    items: Array<{
+        title: string;
+        children?: string[];
+        icon?: string;
+        status?: 'now' | 'next' | 'later';
+    }>;
+}
+interface AdoptionCurveSlide extends SlideBase {
+    type: 'adoption-curve';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    /** Left to right; `pct` sets each band's width. */
+    segments: Array<{
+        label: string;
+        pct: string;
+        accent?: AccentName;
+    }>;
+    marker?: {
+        label: string;
+        atPct: number;
+    };
+    annotations?: Array<{
+        text: string;
+        atPct: number;
+        side?: 'top' | 'bottom';
+        emphasis?: boolean;
+    }>;
+    source?: SourceRef;
+}
+interface DiagramNode {
+    id: string;
+    label: string;
+    /** Centre on a 0\u2013100 stage. */
+    x: number;
+    y: number;
+    /** Width in stage units; default 20. */
+    w?: number;
+    icon?: string;
+    accent?: AccentName;
+    image?: DeckImage;
+}
+interface DiagramSlide extends SlideBase {
+    type: 'diagram';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    nodes: DiagramNode[];
+    edges: Array<{
+        from: string;
+        to: string;
+        label?: string;
+        /** 0 = at `from`, 1 = at `to`; default 0.5. */
+        labelAt?: number;
+        dashed?: boolean;
+        /** Animate a dot along the edge. */
+        flow?: boolean;
+        accent?: AccentName;
+    }>;
+    /** Dashed enclosures around groups of nodes. */
+    boundaries?: Array<{
+        label: string;
+        nodes: string[];
+        accent?: AccentName;
+    }>;
+    callouts?: Array<{
+        text: string;
+        lead?: string;
+        side: 'left' | 'right';
+    }>;
+}
+interface Certification {
+    name: string;
+    issuer?: string;
+    description?: string;
+    image?: DeckImage;
+    /** Text badge when there is no logo. */
+    badge?: string;
+    accent?: AccentName;
+    source?: SourceRef;
+}
+interface CertificationGridSlide extends SlideBase {
+    type: 'certification-grid';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    /** Rendered large beside the grid. */
+    featured?: Certification;
+    certifications: Certification[];
+    footnote?: SourceRef;
+}
+interface ShowcaseSlide extends SlideBase {
+    type: 'showcase';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    total?: Highlight;
+    categories: Array<{
+        title: string;
+        items: string[];
+        icon?: string;
+    }>;
+    video?: {
+        href: string;
+        title: string;
+        duration?: string;
+        speaker?: string;
+        thumbnail?: DeckImage;
+        /** Link text; default `Watch the video`. */
+        cta?: string;
+    };
+}
+/** A slide that switches between several views, e.g. one per month. */
+interface TabsSlide extends SlideBase {
+    type: 'tabs';
+    eyebrow?: string;
+    title: string;
+    tabs: Array<{
+        label: string;
+        icon?: string;
+        slide: TabPanelSlide;
+    }>;
+}
+/** A slide shown inside a tab: the content fields of a data slide, without frame options. */
+type TabPanelSlide = Omit<FeatureHighlightSlide, keyof SlideBase> | Omit<CardsSlide, keyof SlideBase> | Omit<RankedListSlide, keyof SlideBase> | Omit<ChartSlide, keyof SlideBase> | Omit<MetricsSlide, keyof SlideBase>;
+/** A slide the site renders itself, looked up in `Deck`'s `renderers` map. */
+interface CustomSlide extends SlideBase {
+    type: 'custom';
+    component: string;
+    title?: string;
+    props?: Record<string, unknown>;
+}
+type Slide = CoverSlide | SectionDividerSlide | TableOfContentsSlide | BulletListSlide | QuoteSlide | ImageSlide | DefinitionListSlide | ConclusionSlide | MetricsSlide | ChartSlide | FeatureHighlightSlide | ComparisonTableSlide | ImpactTableSlide | CardsSlide | RankedListSlide | BreakdownSlide | CycleSlide | RoadmapSlide | AdoptionCurveSlide | DiagramSlide | CertificationGridSlide | ShowcaseSlide | TabsSlide | CustomSlide;
+type SlideType = Slide['type'];
+/** Props every slide renderer receives. */
+interface SlideRendererProps<T extends Slide = Slide> {
+    slide: T;
+    index: number;
+}
+
+interface DeckProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    slides: Slide[];
+    meta: DeckMeta;
+    /** A way back to the site, since a full-screen deck hides the site's navigation. */
+    home?: DeckLink & {
+        logo?: DeckImage;
+    };
+    /** Fires when the visible slide changes \u2014 wire analytics here. */
+    onSlideChange?: (slide: Slide, index: number) => void;
+    /**
+     * Site renderers: a slide type's name overrides the built-in renderer, and
+     * any other name serves `{ type: 'custom', component }` slides.
+     */
+    renderers?: Record<string, React.ComponentType<SlideRendererProps<any>>>;
+    /** Components for `{ type: 'custom', component }` graphics, e.g. a map. */
+    graphics?: Record<string, React.ComponentType<any>>;
+    /** Site image and link components (e.g. `next/image`, `next/link`). */
+    components?: TemplateComponents;
+    /** Extra icon tokens for slide `icon` fields. */
+    icons?: TemplateIconRegistry;
+    labels?: DeckLabels;
+    /** BCP 47 locale for number formatting. */
+    locale?: string;
+    /** Mirror the visible slide in `location.hash` so it can be linked. Default `true`. */
+    syncHash?: boolean;
+}
+/**
+ * A full-viewport, scroll-snapping slide deck built from plain JSON slides:
+ * keyboard, swipe, dot and outline navigation, deep links, fullscreen and
+ * print. Each slide type has a built-in renderer; sites add their own through
+ * `renderers` and `graphics`.
+ */
+declare const Deck: React.ForwardRefExoticComponent<DeckProps & React.RefAttributes<HTMLDivElement>>;
+
+declare function MetricsRenderer({ slide, index, }: SlideRendererProps<MetricsSlide>): react_jsx_runtime.JSX.Element;
+declare function ChartRenderer({ slide, index, }: SlideRendererProps<ChartSlide>): react_jsx_runtime.JSX.Element;
+declare function FeatureHighlightRenderer({ slide, index, }: SlideRendererProps<FeatureHighlightSlide>): react_jsx_runtime.JSX.Element;
+declare function ComparisonTableRenderer({ slide, index, }: SlideRendererProps<ComparisonTableSlide>): react_jsx_runtime.JSX.Element;
+declare function ImpactTableRenderer({ slide, index, }: SlideRendererProps<ImpactTableSlide>): react_jsx_runtime.JSX.Element;
+declare function CardsRenderer({ slide, index, }: SlideRendererProps<CardsSlide>): react_jsx_runtime.JSX.Element;
+declare function RankedListRenderer({ slide, index, }: SlideRendererProps<RankedListSlide>): react_jsx_runtime.JSX.Element;
+declare function BreakdownRenderer({ slide, index, }: SlideRendererProps<BreakdownSlide>): react_jsx_runtime.JSX.Element;
+declare function TabsRenderer({ slide, index }: SlideRendererProps<TabsSlide>): react_jsx_runtime.JSX.Element;
+
+declare function CycleRenderer({ slide, index, }: SlideRendererProps<CycleSlide>): react_jsx_runtime.JSX.Element;
+declare function RoadmapRenderer({ slide, index, }: SlideRendererProps<RoadmapSlide>): react_jsx_runtime.JSX.Element;
+declare function AdoptionCurveRenderer({ slide, index, }: SlideRendererProps<AdoptionCurveSlide>): react_jsx_runtime.JSX.Element;
+declare function DiagramRenderer({ slide, index, }: SlideRendererProps<DiagramSlide>): react_jsx_runtime.JSX.Element;
+
+declare function CertificationGridRenderer({ slide, index, }: SlideRendererProps<CertificationGridSlide>): react_jsx_runtime.JSX.Element;
+declare function ShowcaseRenderer({ slide, index, }: SlideRendererProps<ShowcaseSlide>): react_jsx_runtime.JSX.Element;
+
+declare function CoverRenderer({ slide, index, }: SlideRendererProps<CoverSlide>): react_jsx_runtime.JSX.Element;
+declare function SectionDividerRenderer({ slide, index, }: SlideRendererProps<SectionDividerSlide>): react_jsx_runtime.JSX.Element;
+declare function TableOfContentsRenderer({ slide, index, }: SlideRendererProps<TableOfContentsSlide>): react_jsx_runtime.JSX.Element;
+declare function BulletListRenderer({ slide, index, }: SlideRendererProps<BulletListSlide>): react_jsx_runtime.JSX.Element;
+declare function QuoteRenderer({ slide, index, }: SlideRendererProps<QuoteSlide>): react_jsx_runtime.JSX.Element;
+declare function ImageRenderer({ slide, index, }: SlideRendererProps<ImageSlide>): react_jsx_runtime.JSX.Element;
+declare function DefinitionListRenderer({ slide, index, }: SlideRendererProps<DefinitionListSlide>): react_jsx_runtime.JSX.Element;
+declare function ConclusionRenderer({ slide, index, }: SlideRendererProps<ConclusionSlide>): react_jsx_runtime.JSX.Element;
+
+/** The built-in renderer for every slide type except `custom`. */
+declare const slideRenderers: {
+    cover: typeof CoverRenderer;
+    'section-divider': typeof SectionDividerRenderer;
+    'table-of-contents': typeof TableOfContentsRenderer;
+    'bullet-list': typeof BulletListRenderer;
+    quote: typeof QuoteRenderer;
+    image: typeof ImageRenderer;
+    'definition-list': typeof DefinitionListRenderer;
+    conclusion: typeof ConclusionRenderer;
+    metrics: typeof MetricsRenderer;
+    chart: typeof ChartRenderer;
+    'feature-highlight': typeof FeatureHighlightRenderer;
+    'comparison-table': typeof ComparisonTableRenderer;
+    'impact-table': typeof ImpactTableRenderer;
+    cards: typeof CardsRenderer;
+    'ranked-list': typeof RankedListRenderer;
+    breakdown: typeof BreakdownRenderer;
+    cycle: typeof CycleRenderer;
+    roadmap: typeof RoadmapRenderer;
+    'adoption-curve': typeof AdoptionCurveRenderer;
+    diagram: typeof DiagramRenderer;
+    'certification-grid': typeof CertificationGridRenderer;
+    showcase: typeof ShowcaseRenderer;
+    tabs: typeof TabsRenderer;
+};
+
+declare const slideAnchor: (slide: Slide, index: number) => string;
+interface SlideFrameProps {
+    slide: Slide;
+    index: number;
+    /** Default tone for this slide type; the slide's own `tone` wins. */
+    tone: SlideTone;
+    children: React.ReactNode;
+    width?: 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+}
+/** The full-viewport snap target every slide renders into. */
+declare function SlideFrame({ slide, index, tone: fallback, children, width, className, }: SlideFrameProps): react_jsx_runtime.JSX.Element;
+
+interface ToneSpec {
+    isLight: boolean;
+    /** Slide ground. */
+    surface: string;
+    text: string;
+    muted: string;
+    hairline: string;
+    card: string;
+}
+declare const TONES: Record<SlideTone, ToneSpec>;
+interface AccentSpec {
+    text: string;
+    soft: string;
+    border: string;
+    /** Solid fill for bars and dots. */
+    fill: string;
+    /** SVG fill / stroke utilities. */
+    svgFill: string;
+    svgStroke: string;
+}
+declare function accent(name?: AccentName, isLight?: boolean): AccentSpec;
+/** A slide's resolved tone \u2014 for renderers, which sit outside the `SlideFrame` that provides it to children. */
+declare const toneOf: (slide: {
+    tone?: SlideTone;
+}, fallback: SlideTone) => ToneSpec;
+
+interface DeckContextValue {
+    slides: Slide[];
+    activeSlide: number;
+    goTo: (index: number) => void;
+    labels: Required<DeckLabels>;
+    components?: TemplateComponents;
+    icons?: TemplateIconRegistry;
+    graphics?: Record<string, React.ComponentType<any>>;
+    renderers?: Record<string, React.ComponentType<SlideRendererProps<any>>>;
+    locale?: string;
+}
+declare function useDeck(): DeckContextValue;
+declare const useTone: () => ToneSpec;
+
+/** Renders any `DeckGraphic`; `custom` graphics come from `Deck`'s `graphics` map. */
+declare function Graphic({ graphic }: {
+    graphic: DeckGraphic;
+}): react_jsx_runtime.JSX.Element | null;
+
+/** Props for an element that fades up as its slide scrolls into view; `i` staggers it. */
+declare function reveal(i?: number): {
+    className: string;
+    style: React.CSSProperties;
+};
+declare function Eyebrow({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SlideTitle({ children, className, size, }: {
+    children: React.ReactNode;
+    className?: string;
+    size?: 'md' | 'lg' | 'xl';
+}): react_jsx_runtime.JSX.Element;
+declare function Subtitle({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+/** The heading block most slides open with. */
+declare function SlideHeader({ eyebrow, title, subtitle, center, }: {
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    center?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Counts a figure such as `$1.2M` or `94%` up from zero when it scrolls into view. */
+declare function CountUp({ value, duration, }: {
+    value: string;
+    duration?: number;
+}): react_jsx_runtime.JSX.Element;
+declare function DeckIcon({ name, className, }: {
+    name?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element | null;
+declare function IconChip({ icon, accent, }: {
+    icon?: string;
+    accent?: AccentName;
+}): react_jsx_runtime.JSX.Element | null;
+declare function Bullet({ item, depth, }: {
+    item: BulletItem | string;
+    depth?: number;
+}): react_jsx_runtime.JSX.Element;
+declare function SourceLink({ source, className, }: {
+    source: SourceRef;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+/** A figure with its label, used by covers, conclusions and callouts. */
+declare function HighlightFigure({ value, label, size, }: {
+    value: string;
+    label: string;
+    size?: 'md' | 'lg';
+}): react_jsx_runtime.JSX.Element;
+declare function Card({ children, className, i, }: {
+    children: React.ReactNode;
+    className?: string;
+    /** Reveal stagger index. */
+    i?: number;
+}): react_jsx_runtime.JSX.Element;
+
+export { type AccentName, type AccentSpec, type AdoptionCurveSlide, type BarGraphic, type BreakdownSlide, Bullet, type BulletItem, type BulletListSlide, type CardsSlide, type Certification, type CertificationGridSlide, type ChartSlide, type ComparisonTableSlide, type ConclusionSlide, CountUp, type CoverSlide, type CustomGraphic, type CustomSlide, type CycleSlide, Deck, type DeckContextValue, type DeckGraphic, DeckIcon, type DeckImage, type DeckLabels, type DeckLink, type DeckMeta, type DeckProps, type DefinitionListSlide, type DiagramNode, type DiagramSlide, type FeatureHighlightSlide, Graphic, type Highlight, HighlightFigure, type HorizontalBarGraphic, IconChip, type ImageSlide, type ImpactTableSlide, type KpiRowGraphic, type MetricCard, type MetricsSlide, type MultiLineGraphic, type OutlineEntry, type QuoteSlide, type RankedEntry, type RankedListSlide, type RoadmapSlide, type SectionDividerSlide, type ShowcaseSlide, type Slide, Card as SlideCard, Eyebrow as SlideEyebrow, SlideFrame, type SlideFrameProps, SlideHeader, type SlideRendererProps, Subtitle as SlideSubtitle, SlideTitle, type SlideTone, type SlideType, SourceLink, type SourceRef, type SparkGraphic, type TabPanelSlide, type TableOfContentsSlide, type TabsSlide, type ToneSpec, defaultDeckLabels, reveal, accent as slideAccent, slideAnchor, slideRenderers, TONES as slideTones, toneOf, useDeck, useTone };