@caffeinebounce/ui 0.62.2

package/dist/TestimonialsSection-DtPu2OeR.d.ts

@@ -0,0 +1,736 @@
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
+import { a as ButtonCorners } from './button-BHnoRUkF.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+import { a as MarketingSectionTone, M as MarketingSectionPadding } from './shared-Dqn36QHZ.js';
+
+type GlowingEffectCorners = ButtonCorners;
+type GlowingEffectVariant = "default" | "primary" | "white";
+interface GlowingEffectProps extends Omit<React.ComponentProps<"div">, "children"> {
+    blur?: number;
+    inactiveZone?: number;
+    proximity?: number;
+    spread?: number;
+    variant?: GlowingEffectVariant;
+    glow?: boolean;
+    disabled?: boolean;
+    movementDuration?: number;
+    borderWidth?: number;
+    corners?: GlowingEffectCorners;
+}
+declare const GlowingEffect: React.NamedExoticComponent<GlowingEffectProps>;
+
+type PixelatedCanvasProps = Omit<React__default.CanvasHTMLAttributes<HTMLCanvasElement>, "height" | "width"> & {
+    alt?: string;
+    onReady?: () => void;
+    src: string;
+    width?: number;
+    height?: number;
+    cellSize?: number;
+    dotScale?: number;
+    shape?: "circle" | "square";
+    backgroundColor?: string;
+    grayscale?: boolean;
+    responsive?: boolean;
+    dropoutStrength?: number;
+    interactive?: boolean;
+    distortionStrength?: number;
+    distortionRadius?: number;
+    distortionMode?: "repel" | "attract" | "swirl";
+    followSpeed?: number;
+    sampleAverage?: boolean;
+    tintColor?: string;
+    tintStrength?: number;
+    maxFps?: number;
+    objectFit?: "cover" | "contain" | "fill" | "none";
+    jitterStrength?: number;
+    jitterSpeed?: number;
+    fadeOnLeave?: boolean;
+    fadeSpeed?: number;
+    springBack?: number;
+    imageCrossOrigin?: "" | "anonymous" | "use-credentials" | null;
+};
+declare function PixelatedCanvas({ alt, src, onReady, width, height, cellSize, dotScale, shape, backgroundColor, grayscale, className, responsive, dropoutStrength, interactive, distortionStrength, distortionRadius, distortionMode, followSpeed, sampleAverage, tintColor, tintStrength, maxFps, objectFit, jitterStrength, jitterSpeed, fadeOnLeave, fadeSpeed, springBack, imageCrossOrigin, ...canvasProps }: PixelatedCanvasProps): react_jsx_runtime.JSX.Element;
+
+interface AppleCardsCarouselCard {
+    id?: string;
+    src: string;
+    title: ReactNode;
+    category: ReactNode;
+    content: ReactNode;
+    imageAlt?: string;
+    ariaLabel?: string;
+}
+interface AppleCardsCarouselProps {
+    items: ReactNode[];
+    initialScroll?: number;
+    scrollAmount?: number;
+    ariaLabel?: string;
+    showControls?: boolean;
+    previousLabel?: string;
+    nextLabel?: string;
+    className?: string;
+    viewportClassName?: string;
+    trackClassName?: string;
+    controlsClassName?: string;
+    controlButtonClassName?: string;
+}
+interface AppleCardProps {
+    card: AppleCardsCarouselCard;
+    index: number;
+    layout?: boolean;
+    openLabel?: string;
+    closeLabel?: string;
+    onOpenChange?: (open: boolean, card: AppleCardsCarouselCard) => void;
+    renderTriggerOverlay?: (card: AppleCardsCarouselCard, index: number) => ReactNode;
+    renderContent?: (card: AppleCardsCarouselCard, index: number) => ReactNode;
+    className?: string;
+    imageClassName?: string;
+    contentClassName?: string;
+    modalClassName?: string;
+    modalPanelClassName?: string;
+    modalContentClassName?: string;
+}
+declare function AppleCardsCarousel({ items, initialScroll, scrollAmount, ariaLabel, showControls, previousLabel, nextLabel, className, viewportClassName, trackClassName, controlsClassName, controlButtonClassName, }: AppleCardsCarouselProps): react_jsx_runtime.JSX.Element;
+declare function AppleCard({ card, index, layout, openLabel, closeLabel, onOpenChange, renderTriggerOverlay, renderContent, className, imageClassName, contentClassName, modalClassName, modalPanelClassName, modalContentClassName, }: AppleCardProps): react_jsx_runtime.JSX.Element;
+
+interface Benefit {
+    /** Icon component */
+    icon: LucideIcon;
+    /** Benefit text */
+    text: string;
+}
+interface Outcome {
+    /** Outcome text */
+    text: string;
+    /** Optional icon (defaults to checkmark) */
+    icon?: LucideIcon;
+}
+interface BenefitsSectionProps {
+    /** Section heading */
+    heading?: ReactNode;
+    /** Section subheading */
+    subheading?: ReactNode;
+    /** Array of benefits */
+    benefits: Benefit[];
+    /** Outcomes heading */
+    outcomesHeading?: ReactNode;
+    /** Array of outcomes */
+    outcomes?: Outcome[];
+    /** Background variant */
+    background?: "default" | "muted" | "accent";
+    /** Padding size */
+    padding?: "sm" | "md" | "lg";
+    /** Custom class name */
+    className?: string;
+}
+declare function BenefitsSection({ heading, subheading, benefits, outcomesHeading, outcomes, background, padding, className, }: BenefitsSectionProps): react_jsx_runtime.JSX.Element;
+
+type CarouselNavigationMode = "bounded" | "wrap";
+type CarouselControlPlacement = "top" | "bottom" | "none";
+interface CarouselSlideImage {
+    src: string;
+    alt?: string;
+}
+interface CarouselSlide {
+    id?: string;
+    title: ReactNode;
+    description?: ReactNode;
+    image?: CarouselSlideImage;
+    badge?: ReactNode;
+    footer?: ReactNode;
+    ctaLabel?: ReactNode;
+    href?: string;
+    ariaLabel?: string;
+}
+interface CarouselRenderContext<TItem> {
+    index: number;
+    currentIndex: number;
+    isActive: boolean;
+    isPrevious: boolean;
+    isNext: boolean;
+    item: TItem;
+    goTo: (index: number) => void;
+}
+interface CarouselProps<TItem extends CarouselSlide = CarouselSlide> {
+    items: TItem[];
+    renderItem?: (item: TItem, context: CarouselRenderContext<TItem>) => ReactNode;
+    getItemKey?: (item: TItem, index: number) => string;
+    ariaLabel?: string;
+    emptyState?: ReactNode;
+    initialIndex?: number;
+    navigationMode?: CarouselNavigationMode;
+    controlPlacement?: CarouselControlPlacement;
+    showControls?: boolean;
+    showIndicators?: boolean;
+    showProgress?: boolean;
+    keyboardControls?: boolean;
+    onIndexChange?: (index: number, item: TItem) => void;
+    previousLabel?: string;
+    nextLabel?: string;
+    slideLabel?: (item: TItem, index: number) => string;
+    className?: string;
+    headerClassName?: string;
+    viewportClassName?: string;
+    trackClassName?: string;
+    itemClassName?: string;
+    cardClassName?: string;
+    imageClassName?: string;
+    contentClassName?: string;
+    controlsClassName?: string;
+    controlButtonClassName?: string;
+    indicatorsClassName?: string;
+    indicatorButtonClassName?: string;
+    activeIndicatorButtonClassName?: string;
+    progressClassName?: string;
+    progressTrackClassName?: string;
+    progressIndicatorClassName?: string;
+    slideWidth?: string;
+    slideGap?: string;
+}
+declare function Carousel<TItem extends CarouselSlide = CarouselSlide>({ items, renderItem, getItemKey, ariaLabel, emptyState, initialIndex, navigationMode, controlPlacement, showControls, showIndicators, showProgress, keyboardControls, onIndexChange, previousLabel, nextLabel, slideLabel, className, headerClassName, viewportClassName, trackClassName, itemClassName, cardClassName, imageClassName, contentClassName, controlsClassName, controlButtonClassName, indicatorsClassName, indicatorButtonClassName, activeIndicatorButtonClassName, progressClassName, progressTrackClassName, progressIndicatorClassName, slideWidth, slideGap, }: CarouselProps<TItem>): react_jsx_runtime.JSX.Element;
+
+interface CtaWithDashedGridLinesProps {
+    eyebrow?: ReactNode;
+    heading?: ReactNode;
+    highlightedHeading?: ReactNode;
+    description?: ReactNode;
+    primaryAction?: {
+        label: string;
+        href: string;
+    };
+    secondaryAction?: {
+        label: string;
+        href: string;
+    };
+    quote?: ReactNode;
+    quoteAuthor?: ReactNode;
+    quoteRole?: ReactNode;
+    className?: string;
+}
+interface CTAWithDashedGridLinesProps extends CtaWithDashedGridLinesProps {
+}
+declare function CTAWithDashedGridLines({ eyebrow, heading, highlightedHeading, description, primaryAction, secondaryAction, quote, quoteAuthor, quoteRole, className, }: CTAWithDashedGridLinesProps): react_jsx_runtime.JSX.Element;
+/**
+ * @deprecated Use `CTAWithDashedGridLines`.
+ */
+declare const CtaWithDashedGridLines: typeof CTAWithDashedGridLines;
+
+interface EditorialHeroAction {
+    className?: string;
+    href: string;
+    label: string;
+    variant?: "default" | "outline";
+}
+interface EditorialHeroSignal {
+    description: ReactNode;
+    title: ReactNode;
+}
+interface EditorialHeroCallout {
+    content: ReactNode;
+    eyebrow?: ReactNode;
+}
+interface EditorialHeroMedia {
+    alt: string;
+    badge?: ReactNode;
+    callout?: EditorialHeroCallout;
+    focalPoint?: {
+        x: number;
+        y: number;
+    };
+    height: number;
+    pixelatedCanvas?: boolean;
+    pixelatedFallbackSrc?: string;
+    pixelatedCanvasProps?: Partial<Omit<PixelatedCanvasProps, "alt" | "height" | "src" | "width">>;
+    src: string;
+    width: number;
+}
+interface EditorialHeroProps {
+    actions?: EditorialHeroAction[];
+    className?: string;
+    containerClassName?: string;
+    contentClassName?: string;
+    description?: ReactNode;
+    eyebrow?: ReactNode;
+    heading: ReactNode;
+    media: EditorialHeroMedia;
+    mediaBadgeClassName?: string;
+    mediaCalloutClassName?: string;
+    mediaClassName?: string;
+    signalCardClassName?: string;
+    signals?: EditorialHeroSignal[];
+}
+declare function EditorialHero({ actions, className, containerClassName, contentClassName, description, eyebrow, heading, media, mediaBadgeClassName, mediaCalloutClassName, mediaClassName, signalCardClassName, signals, }: EditorialHeroProps): react_jsx_runtime.JSX.Element;
+
+interface FaqAccordionItem {
+    id: string;
+    question: string;
+    answer: string;
+}
+interface FaqAccordionProps {
+    items: FaqAccordionItem[];
+    className?: string;
+}
+declare function FaqAccordion({ items, className }: FaqAccordionProps): react_jsx_runtime.JSX.Element;
+
+interface CarouselState {
+    currentIndex: number;
+    totalSlides: number;
+    goToSlide: (index: number) => void;
+}
+interface HeroSectionProps {
+    /** Main heading */
+    heading: ReactNode;
+    /** Subheading/subtitle */
+    subheading?: ReactNode;
+    /** CTA button config */
+    cta?: {
+        label: string;
+        href: string;
+    };
+    /** Background images for carousel */
+    backgroundImages?: string[];
+    /** Auto-play interval in milliseconds */
+    autoPlayInterval?: number;
+    /** Show navigation arrows (default: true) */
+    showArrows?: boolean;
+    /** External carousel state (when images are managed by parent) */
+    carouselState?: CarouselState;
+    /** Logo configuration */
+    logo?: {
+        src: string;
+        alt: string;
+        width?: number;
+        height?: number;
+    };
+    /** Background variant */
+    background?: "default" | "muted" | "accent";
+    /** Custom media/background layer rendered behind the hero content. */
+    backgroundLayer?: ReactNode;
+    /** Optional overlay rendered above the background layer and below content. */
+    overlay?: ReactNode;
+    /** Padding size */
+    padding?: "sm" | "md" | "lg";
+    /** Custom class name */
+    className?: string;
+    /** Custom class name for the full-height content container. */
+    containerClassName?: string;
+    /** Custom class name for the copy/content pane. */
+    contentClassName?: string;
+    /** Custom class name applied to string headings. */
+    headingClassName?: string;
+    /** Custom class name applied to string subheadings. */
+    subheadingClassName?: string;
+    /** Custom class name applied to the default CTA button. */
+    ctaClassName?: string;
+    /** Custom actions rendered after the default CTA. */
+    actions?: ReactNode;
+    /** Vertical position for the content container. */
+    contentPosition?: "start" | "center" | "end";
+    /** Horizontal text alignment for default hero copy. */
+    contentAlignment?: "start" | "center";
+    children?: ReactNode;
+}
+declare function HeroSection({ heading, subheading, cta, backgroundImages, autoPlayInterval, showArrows, carouselState, logo, background, backgroundLayer, overlay, padding, className, containerClassName, contentClassName, headingClassName, subheadingClassName, ctaClassName, actions, contentPosition, contentAlignment, children, }: HeroSectionProps): react_jsx_runtime.JSX.Element;
+
+interface HeroSectionWithRippleProps extends Omit<HeroSectionProps, "carouselState" | "showArrows"> {
+    /** Number of rows for the ripple effect grid */
+    rippleRows?: number;
+    /** Number of columns for the ripple effect grid */
+    rippleCols?: number;
+    /** Cell size for the ripple effect in pixels */
+    rippleCellSize?: number;
+    /** Whether to apply the radial mask (fades out edges). Default: true */
+    rippleMask?: boolean;
+    /** Opacity of the ripple effect (0-100). Default: 40 when images present, 100 otherwise */
+    rippleOpacity?: number;
+}
+/**
+ * Hero section with an animated background ripple effect.
+ * Combines HeroSection with BackgroundRippleEffect for visual interest.
+ * The ripple effect is interactive - clicking on cells triggers a ripple animation.
+ *
+ * When backgroundImages are provided:
+ * - Images render at the lowest layer (z-0)
+ * - Ripple renders above images with reduced opacity (z-10)
+ * - Content renders on top (z-20)
+ * - Arrow navigation is hidden (only dot indicators shown)
+ */
+declare function HeroSectionWithRipple({ rippleRows, rippleCols, rippleCellSize, rippleMask, rippleOpacity, backgroundImages, autoPlayInterval, className, ...props }: HeroSectionWithRippleProps): react_jsx_runtime.JSX.Element;
+
+interface ImpactSectionProps {
+    /** Section heading */
+    heading?: ReactNode;
+    /** Main content/message */
+    content?: ReactNode;
+    /** Footer/additional text */
+    footer?: ReactNode;
+    /** Optional icon */
+    icon?: LucideIcon;
+    /** Background variant */
+    background?: "default" | "muted" | "accent";
+    /** Padding size */
+    padding?: "sm" | "md" | "lg";
+    /** Custom class name */
+    className?: string;
+    children?: ReactNode;
+}
+declare function ImpactSection({ heading, content, footer, icon: Icon, background, padding, className, children, }: ImpactSectionProps): react_jsx_runtime.JSX.Element;
+
+type LampColorTheme = "indigo" | "emerald" | "cyan" | "amber" | "rose" | "violet" | "sky";
+interface LampContainerProps {
+    children: ReactNode;
+    className?: string;
+    colorTheme?: LampColorTheme;
+}
+declare function LampContainer({ children, className, colorTheme, }: LampContainerProps): react_jsx_runtime.JSX.Element;
+
+interface LampHeroSocialLink {
+    href: string;
+    label: string;
+    icon: LucideIcon;
+}
+interface LampHeroProps {
+    title?: string;
+    subtitle?: ReactNode;
+    socialLinks?: LampHeroSocialLink[];
+    /** HTML heading level for the title – defaults to h1 */
+    headingLevel?: "h1" | "h2" | "h3";
+    className?: string;
+    containerClassName?: string;
+    contentClassName?: string;
+    titleClassName?: string;
+    subtitleClassName?: string;
+    socialLinksClassName?: string;
+    socialLinkClassName?: string;
+    children?: ReactNode;
+    socialAnimationDelay?: number;
+    colorTheme?: LampColorTheme;
+}
+declare function LampHero({ title, subtitle, socialLinks, headingLevel, className, containerClassName, contentClassName, titleClassName, subtitleClassName, socialLinksClassName, children, socialAnimationDelay, colorTheme, socialLinkClassName, }: LampHeroProps): react_jsx_runtime.JSX.Element;
+
+interface LogoGridItem {
+    name: string;
+    logo?: string;
+}
+interface LogoGridProps {
+    items: LogoGridItem[];
+    columns?: 2 | 3 | 4 | 5 | 6;
+    className?: string;
+}
+declare function LogoGrid({ items, columns, className }: LogoGridProps): react_jsx_runtime.JSX.Element;
+
+interface MarketingProseProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function MarketingProse({ children, className }: MarketingProseProps): react_jsx_runtime.JSX.Element;
+
+interface MediaTextHeroMedia {
+    alt: string;
+    focalPoint?: {
+        x: number;
+        y: number;
+    };
+    height: number;
+    pixelatedCanvas?: boolean;
+    pixelatedFallbackSrc?: string;
+    pixelatedCanvasProps?: Partial<Omit<PixelatedCanvasProps, "alt" | "height" | "src" | "width">>;
+    src: string;
+    width: number;
+}
+interface MediaTextHeroProps {
+    className?: string;
+    containerClassName?: string;
+    contentClassName?: string;
+    description?: ReactNode;
+    eyebrow?: ReactNode;
+    heading: ReactNode;
+    headingLevel?: "h1" | "h2" | "h3";
+    media: MediaTextHeroMedia;
+    mediaClassName?: string;
+    mediaPosition?: "start" | "end";
+    mobileTopInset?: string;
+}
+declare function MediaTextHero({ className, containerClassName, contentClassName, description, eyebrow, heading, headingLevel, media, mediaClassName, mediaPosition, mobileTopInset, }: MediaTextHeroProps): react_jsx_runtime.JSX.Element;
+
+interface MetricStoryProps {
+    metric: ReactNode;
+    label: ReactNode;
+    description?: ReactNode;
+    sourceNote?: ReactNode;
+    highlightQuote?: ReactNode;
+}
+declare function MetricStory({ metric, label, description, sourceNote, highlightQuote, }: MetricStoryProps): react_jsx_runtime.JSX.Element;
+
+interface Stat {
+    /** Stat value (e.g., "5%", "$2M") */
+    value: string;
+    /** Stat label/description */
+    label: string;
+}
+interface Program {
+    /** Program name */
+    name: string;
+    /** Location */
+    location: string;
+    /** Launch date/period */
+    launched: string;
+}
+interface MissionSectionProps {
+    /** Introduction text */
+    intro?: ReactNode;
+    /** Challenge section heading */
+    challengeHeading?: ReactNode;
+    /** Array of statistics */
+    stats?: Stat[];
+    /** Challenge footer text */
+    challengeFooter?: ReactNode;
+    /** Solution section heading */
+    solutionHeading?: ReactNode;
+    /** Solution subheading */
+    solutionSubheading?: ReactNode;
+    /** Array of programs */
+    programs?: Program[];
+    /** Solution footer text */
+    solutionFooter?: ReactNode;
+    /** Background variant */
+    background?: "default" | "muted" | "accent";
+    /** Padding size */
+    padding?: "sm" | "md" | "lg";
+    /** Custom class name */
+    className?: string;
+    children?: ReactNode;
+}
+declare function MissionSection({ intro, challengeHeading, stats, challengeFooter, solutionHeading, solutionSubheading, programs, solutionFooter, background, padding, className, children, }: MissionSectionProps): react_jsx_runtime.JSX.Element;
+
+interface ActionCard {
+    /** Unique identifier */
+    id?: string;
+    /** Card icon */
+    icon: LucideIcon;
+    /** Card title */
+    title: ReactNode;
+    /** Card description */
+    description: ReactNode;
+    /** Optional CTA config */
+    cta?: {
+        label: string;
+        href: string;
+        disabled?: boolean;
+    };
+}
+interface LocationCard {
+    /** City name */
+    city: string;
+    /** State/region */
+    state: string;
+    /** Program name */
+    program: string;
+    /** Status: accepting, coming-soon, closed */
+    status: "accepting" | "coming-soon" | "closed";
+    /** Description text */
+    description: string;
+    /** CTA label */
+    cta: string;
+    /** CTA href */
+    href: string;
+}
+interface NextStepsSectionProps {
+    /** Section heading */
+    heading?: ReactNode;
+    /** Section announcement */
+    announcement?: ReactNode;
+    /** Section description */
+    description?: ReactNode;
+    /** Business section heading */
+    businessHeading?: ReactNode;
+    /** Array of location cards for businesses */
+    locations?: LocationCard[];
+    /** Additional action cards */
+    actionCards?: ActionCard[];
+    /** Background variant */
+    background?: "default" | "muted" | "accent";
+    /** Padding size */
+    padding?: "sm" | "md" | "lg";
+    /** Custom class name */
+    className?: string;
+    children?: ReactNode;
+}
+declare function NextStepsSection({ heading, announcement, description, businessHeading, locations, actionCards, background, padding, className, children, }: NextStepsSectionProps): react_jsx_runtime.JSX.Element;
+
+interface SpotlightHeroAction {
+    href: string;
+    label: string;
+    variant?: "default" | "secondary" | "outline";
+}
+interface SpotlightHeroSectionProps {
+    eyebrow?: ReactNode;
+    heading: ReactNode;
+    subheading?: ReactNode;
+    actions?: SpotlightHeroAction[];
+    /** HTML heading level – defaults to h2; use h1 for page heroes */
+    headingLevel?: "h1" | "h2" | "h3";
+    tone?: MarketingSectionTone;
+    padding?: MarketingSectionPadding;
+    className?: string;
+}
+declare function SpotlightHeroSection({ eyebrow, heading, subheading, actions, headingLevel, tone, padding, className, }: SpotlightHeroSectionProps): react_jsx_runtime.JSX.Element;
+
+interface PageHeroAction extends SpotlightHeroAction {
+}
+interface PageHeroMedia {
+    alt: string;
+    badge?: ReactNode;
+    callout?: EditorialHeroProps["media"]["callout"];
+    focalPoint?: EditorialHeroProps["media"]["focalPoint"];
+    height: number;
+    pixelatedCanvas?: boolean;
+    pixelatedCanvasProps?: EditorialHeroProps["media"]["pixelatedCanvasProps"];
+    src: string;
+    width: number;
+}
+interface PageHeroProps {
+    variant?: "editorial" | "spotlight";
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    actions?: PageHeroAction[];
+    media?: PageHeroMedia;
+    className?: string;
+    containerClassName?: string;
+    contentClassName?: string;
+    headingLevel?: SpotlightHeroSectionProps["headingLevel"];
+    tone?: SpotlightHeroSectionProps["tone"];
+    padding?: SpotlightHeroSectionProps["padding"];
+}
+declare function PageHero({ variant, eyebrow, title, description, actions, media, className, containerClassName, contentClassName, headingLevel, tone, padding, }: PageHeroProps): react_jsx_runtime.JSX.Element;
+
+interface PartnerLogoGridGroup {
+    title: string;
+    items: LogoGridItem[];
+}
+interface PartnerLogoGridProps {
+    groups: PartnerLogoGridGroup[];
+    className?: string;
+}
+declare function PartnerLogoGrid({ groups, className }: PartnerLogoGridProps): react_jsx_runtime.JSX.Element;
+
+interface ProgramCardProps {
+    name: string;
+    audience?: ReactNode;
+    commitment?: ReactNode;
+    description?: ReactNode;
+    outcomes?: ReactNode[];
+    badge?: ReactNode;
+    cta?: {
+        href: string;
+        label: string;
+    };
+}
+declare function ProgramCard({ name, audience, commitment, description, outcomes, badge, cta, }: ProgramCardProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Container component that provides consistent max-width and padding.
+ * Uses the theme's layout configuration for consistent sizing across the app.
+ */
+type ContainerSize = "narrow" | "default" | "wide" | "full";
+interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Maximum width variant
+     * - narrow: 640px (forms, auth pages)
+     * - default: 1280px (most pages)
+     * - wide: 1536px (dashboards, tables)
+     * - full: 100% (full-bleed content)
+     */
+    size?: ContainerSize;
+    /** Center the container horizontally */
+    centered?: boolean;
+    /** Add horizontal padding */
+    padded?: boolean;
+    /** HTML element to render */
+    as?: "div" | "main" | "section" | "article";
+}
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+
+interface SectionShellProps {
+    eyebrow?: ReactNode;
+    heading?: ReactNode;
+    intro?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    contentClassName?: string;
+    headerClassName?: string;
+    tone?: MarketingSectionTone;
+    padding?: MarketingSectionPadding;
+    containerSize?: ContainerSize;
+    headingLevel?: "h1" | "h2" | "h3";
+}
+declare function SectionShell({ eyebrow, heading, intro, children, className, contentClassName, headerClassName, tone, padding, containerSize, headingLevel, }: SectionShellProps): react_jsx_runtime.JSX.Element;
+
+interface StackedIsometricFeatureItem {
+    description: ReactNode;
+    label?: ReactNode;
+    title: ReactNode;
+    visualCaption?: ReactNode;
+}
+interface StackedIsometricFeaturesProps {
+    activeItemClassName?: string;
+    autoplay?: boolean;
+    autoplayIntervalMs?: number;
+    className?: string;
+    contentClassName?: string;
+    defaultActiveIndex?: number;
+    description?: ReactNode;
+    eyebrow?: ReactNode;
+    featureItemClassName?: string;
+    featureListClassName?: string;
+    heading?: ReactNode;
+    items: StackedIsometricFeatureItem[];
+    visualClassName?: string;
+}
+declare function StackedIsometricFeatures({ activeItemClassName, autoplay, autoplayIntervalMs, className, contentClassName, defaultActiveIndex, description, eyebrow, featureItemClassName, featureListClassName, heading, items, visualClassName, }: StackedIsometricFeaturesProps): react_jsx_runtime.JSX.Element;
+
+interface TeamCardLink {
+    href: string;
+    label: string;
+}
+interface TeamCardProps {
+    name: string;
+    title: ReactNode;
+    bio?: ReactNode;
+    image?: string;
+    links?: TeamCardLink[];
+}
+declare function TeamCard({ name, title, bio, image, links, }: TeamCardProps): react_jsx_runtime.JSX.Element;
+
+interface Testimonial {
+    /** Unique identifier */
+    id: string;
+    /** Testimonial quote */
+    quote: string;
+    /** Author name/attribution */
+    author: string;
+    /** Optional author role/title */
+    role?: string;
+    /** Optional author image */
+    image?: string;
+}
+interface TestimonialsSectionProps {
+    /** Section heading */
+    heading?: ReactNode;
+    /** Section subheading */
+    subheading?: ReactNode;
+    /** Array of testimonials */
+    testimonials: Testimonial[];
+    /** Background variant */
+    background?: "default" | "muted" | "accent";
+    /** Padding size */
+    padding?: "sm" | "md" | "lg";
+    /** Custom class name */
+    className?: string;
+}
+declare function TestimonialsSection({ heading, subheading, testimonials, background, padding, className, }: TestimonialsSectionProps): react_jsx_runtime.JSX.Element;
+
+export { MetricStory as $, type ActionCard as A, type Benefit as B, CTAWithDashedGridLines as C, type GlowingEffectVariant as D, EditorialHero as E, FaqAccordion as F, GlowingEffect as G, HeroSection as H, type HeroSectionProps as I, HeroSectionWithRipple as J, type HeroSectionWithRippleProps as K, ImpactSection as L, type ImpactSectionProps as M, type LampColorTheme as N, LampContainer as O, type LampContainerProps as P, LampHero as Q, type LampHeroProps as R, type LampHeroSocialLink as S, type LocationCard as T, LogoGrid as U, type LogoGridItem as V, type LogoGridProps as W, MarketingProse as X, type MarketingProseProps as Y, MediaTextHero as Z, type MediaTextHeroProps as _, AppleCard as a, type MetricStoryProps as a0, MissionSection as a1, type MissionSectionProps as a2, NextStepsSection as a3, type NextStepsSectionProps as a4, type Outcome as a5, PageHero as a6, type PageHeroAction as a7, type PageHeroMedia as a8, type PageHeroProps as a9, PartnerLogoGrid as aa, type PartnerLogoGridGroup as ab, type PartnerLogoGridProps as ac, PixelatedCanvas as ad, type PixelatedCanvasProps as ae, type Program as af, ProgramCard as ag, type ProgramCardProps as ah, SectionShell as ai, type SectionShellProps as aj, type SpotlightHeroAction as ak, SpotlightHeroSection as al, type SpotlightHeroSectionProps as am, type StackedIsometricFeatureItem as an, StackedIsometricFeatures as ao, type StackedIsometricFeaturesProps as ap, type Stat as aq, TeamCard as ar, type TeamCardLink as as, type TeamCardProps as at, type Testimonial as au, TestimonialsSection as av, type TestimonialsSectionProps as aw, type AppleCardProps as b, AppleCardsCarousel as c, type AppleCardsCarouselCard as d, type AppleCardsCarouselProps as e, BenefitsSection as f, type BenefitsSectionProps as g, type CTAWithDashedGridLinesProps as h, Carousel as i, type CarouselControlPlacement as j, type CarouselNavigationMode as k, type CarouselProps as l, type CarouselRenderContext as m, type CarouselSlide as n, type CarouselSlideImage as o, type CarouselState as p, Container as q, type ContainerProps as r, type ContainerSize as s, CtaWithDashedGridLines as t, type CtaWithDashedGridLinesProps as u, type EditorialHeroProps as v, type FaqAccordionItem as w, type FaqAccordionProps as x, type GlowingEffectCorners as y, type GlowingEffectProps as z };