@dmitriikapustin/ui 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,941 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React$1, { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, ImgHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, AnchorHTMLAttributes } from 'react';
+
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost';
+type ButtonSize = 'sm' | 'md';
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    icon?: ReactNode;
+    iconRight?: ReactNode;
+    children: ReactNode;
+}
+declare function Button({ variant, size, loading, icon, iconRight, children, disabled, className, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+    icon?: ReactNode;
+    iconRight?: ReactNode;
+}
+declare function Input({ label, error, icon, iconRight, className, id, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+type BadgeColor = 'default' | 'success' | 'warning' | 'error' | 'info';
+interface BadgeProps {
+    color?: BadgeColor;
+    children: ReactNode;
+    className?: string;
+}
+declare function Badge({ color, children, className }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+type TagColor = 'default' | 'primary' | 'success' | 'warning' | 'error';
+interface TagProps {
+    color?: TagColor;
+    closable?: boolean;
+    onClose?: () => void;
+    children: ReactNode;
+    className?: string;
+}
+declare function Tag({ color, closable, onClose, children, className }: TagProps): react_jsx_runtime.JSX.Element;
+
+interface ToggleProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare function Toggle({ checked, onChange, label, disabled, className }: ToggleProps): react_jsx_runtime.JSX.Element;
+
+type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
+interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'size'> {
+    src?: string;
+    alt?: string;
+    initials?: string;
+    size?: AvatarSize;
+    className?: string;
+}
+declare function Avatar({ src, alt, initials, size, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+type SpinnerSize = 'sm' | 'md' | 'lg';
+interface SpinnerProps {
+    size?: SpinnerSize;
+    className?: string;
+}
+declare function Spinner({ size, className }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+interface DividerProps {
+    className?: string;
+    label?: string;
+}
+declare function Divider({ className, label }: DividerProps): react_jsx_runtime.JSX.Element;
+
+interface MenuItemProps {
+    text: string;
+    active?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+declare function MenuItem({ text, active, onClick, className }: MenuItemProps): react_jsx_runtime.JSX.Element;
+
+type IconButtonVariant = 'primary' | 'secondary' | 'clear' | 'disabled' | 'contrast';
+interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    icon: ReactNode;
+    variant?: IconButtonVariant;
+    className?: string;
+}
+declare function IconButton({ icon, variant, className, disabled, ...props }: IconButtonProps): react_jsx_runtime.JSX.Element;
+
+type LogoVersion = 'short' | 'full' | 'third';
+interface LogoProps {
+    version?: LogoVersion;
+    className?: string;
+}
+declare function Logo({ version, className }: LogoProps): react_jsx_runtime.JSX.Element;
+
+interface StatBadgeProps {
+    value: string;
+    suffix: string;
+    showBrackets?: boolean;
+    className?: string;
+}
+declare function StatBadge({ value, suffix, showBrackets, className }: StatBadgeProps): react_jsx_runtime.JSX.Element;
+
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    error?: string;
+}
+declare function Textarea({ label, error, className, id, rows, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+
+interface SelectOption {
+    value: string;
+    label: string;
+}
+interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    label?: string;
+    error?: string;
+    options: SelectOption[];
+    placeholder?: string;
+}
+declare function Select({ label, error, options, placeholder, className, id, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
+
+interface CheckboxProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare function Checkbox({ checked, onChange, label, disabled, className, }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+interface RadioProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    className?: string;
+}
+declare function Radio({ checked, onChange, label, disabled, name, value, className, }: RadioProps): react_jsx_runtime.JSX.Element;
+
+type LinkVariant = 'default' | 'muted' | 'underline';
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    variant?: LinkVariant;
+}
+declare function Link({ variant, className, children, ...rest }: LinkProps): react_jsx_runtime.JSX.Element;
+
+type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+interface TooltipProps {
+    content: string;
+    position?: TooltipPosition;
+    children: ReactNode;
+    className?: string;
+}
+declare function Tooltip({ content, position, children, className }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+type SkeletonVariant = 'line' | 'circle' | 'rect';
+interface SkeletonProps {
+    variant?: SkeletonVariant;
+    width?: string | number;
+    height?: string | number;
+    className?: string;
+}
+declare function Skeleton({ variant, width, height, className }: SkeletonProps): react_jsx_runtime.JSX.Element;
+
+interface TicketButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    icon?: ReactNode;
+    variant?: 'primary' | 'outline';
+    className?: string;
+}
+declare function TicketButton({ children, icon, variant, className, ...props }: TicketButtonProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Iconly Pro Icons
+ * Source: https://iconly.collaboo.co/
+ * Copy SVG code directly from the icon page into JSX.
+ *
+ * All icons below are placeholders using IconlyActivity.
+ * Replace each with the correct Iconly Pro icon SVG.
+ */
+interface IconProps {
+    size?: number;
+    color?: string;
+}
+declare const IconlyActivity: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlySmile: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyAttach: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyInfo: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlySend: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlySearch: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyMail: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyLock: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyStar: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlySun: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyMoon: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyRoadmap: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyBook: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlySandbox: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyHeart: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyClose: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyMenu: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyCheck: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyQuote: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyInfoCircle: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlySuccess: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyWarning: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyError: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyChevronDown: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyLink: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyEye: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyEyeOff: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyChevronRight: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyChevronLeft: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+
+interface CardProps {
+    image?: string;
+    title?: string;
+    description?: string;
+    footer?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}
+declare function Card({ image, title, description, footer, children, className }: CardProps): react_jsx_runtime.JSX.Element;
+
+interface FormFieldProps extends InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    error?: string;
+    hint?: string;
+    icon?: ReactNode;
+}
+declare function FormField({ label, error, hint, icon, ...inputProps }: FormFieldProps): react_jsx_runtime.JSX.Element;
+
+interface SearchBarProps {
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+}
+declare function SearchBar({ placeholder, value: controlledValue, onChange, className }: SearchBarProps): react_jsx_runtime.JSX.Element;
+
+interface StatProps {
+    value: string;
+    label: string;
+    trend?: {
+        value: string;
+        positive: boolean;
+    };
+    className?: string;
+}
+declare function Stat({ value, label, trend, className }: StatProps): react_jsx_runtime.JSX.Element;
+
+type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+interface AlertProps {
+    variant?: AlertVariant;
+    title?: string;
+    children: ReactNode;
+    closable?: boolean;
+    className?: string;
+}
+declare function Alert({ variant, title, children, closable, className }: AlertProps): react_jsx_runtime.JSX.Element | null;
+
+interface Tab {
+    id: string;
+    label: string;
+    content?: React.ReactNode;
+}
+interface TabsProps {
+    tabs: Tab[];
+    defaultTab?: string;
+    onChange?: (tabId: string) => void;
+    className?: string;
+}
+declare function Tabs({ tabs, defaultTab, onChange, className }: TabsProps): react_jsx_runtime.JSX.Element;
+
+type ChatInputType = 'easy' | 'full';
+interface ChatInputProps {
+    placeholder?: string;
+    buttonText?: string;
+    type?: ChatInputType;
+    contrast?: boolean;
+    onSubmit?: (message: string) => void;
+    className?: string;
+}
+declare function ChatInput({ placeholder, buttonText, type, contrast, onSubmit, className, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+
+type MessageRole = 'user' | 'ai';
+type MessageSize = 'sm' | 'lg';
+interface ChatMessageProps {
+    children: ReactNode;
+    role?: MessageRole;
+    size?: MessageSize;
+    className?: string;
+}
+declare function ChatMessage({ children, role, size, className }: ChatMessageProps): react_jsx_runtime.JSX.Element;
+
+interface TopPromoProps {
+    text: string;
+    buttonText?: string;
+    onButtonClick?: () => void;
+    className?: string;
+}
+declare function TopPromo({ text, buttonText, onButtonClick, className }: TopPromoProps): react_jsx_runtime.JSX.Element;
+
+interface StatItem$1 {
+    value: string;
+    suffix: string;
+}
+interface ProfileNavProps {
+    stats: StatItem$1[];
+    avatarSrc?: string;
+    avatarInitials?: string;
+    className?: string;
+}
+declare function ProfileNav({ stats, avatarSrc, avatarInitials, className }: ProfileNavProps): react_jsx_runtime.JSX.Element;
+
+interface IconWithTextProps {
+    icon: ReactNode;
+    text: string;
+    side?: 'left' | 'right';
+    className?: string;
+}
+declare function IconWithText({ icon, text, side, className }: IconWithTextProps): react_jsx_runtime.JSX.Element;
+
+interface StampCardProps {
+    children: ReactNode;
+    className?: string;
+    /** Enable stamp perforation edges. Default true. Set false for a plain card. */
+    stamp?: boolean;
+    /** Perforation hole radius in px */
+    holeRadius?: number;
+    /** Distance between hole centers in px */
+    holeSpacing?: number;
+}
+declare function StampCard({ children, className, stamp, holeRadius, holeSpacing, }: StampCardProps): react_jsx_runtime.JSX.Element;
+
+type PasswordInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
+    label?: string;
+    error?: string;
+};
+declare function PasswordInput({ ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
+
+interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+interface BreadcrumbsProps {
+    items: BreadcrumbItem[];
+    separator?: ReactNode;
+}
+declare function Breadcrumbs({ items, separator, }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+type ToastVariant = 'info' | 'success' | 'warning' | 'error';
+interface ToastProps {
+    variant?: ToastVariant;
+    title?: string;
+    message: string;
+    duration?: number;
+    visible: boolean;
+    onClose: () => void;
+    className?: string;
+}
+declare function Toast({ variant, title, message, duration, visible, onClose, className, }: ToastProps): react_jsx_runtime.JSX.Element | null;
+
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    className?: string;
+}
+declare function Pagination({ currentPage, totalPages, onPageChange, siblingCount, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+
+interface CodeInputProps {
+    length: number;
+    value: string;
+    onChange: (value: string) => void;
+    error?: string;
+    label?: string;
+    className?: string;
+}
+declare function CodeInput({ length, value, onChange, error, label, className, }: CodeInputProps): react_jsx_runtime.JSX.Element;
+
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    children: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+}
+declare function Modal({ open, onClose, title, children, footer, className, }: ModalProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownMenuItem {
+    label: string;
+    onClick: () => void;
+    icon?: ReactNode;
+    divider?: boolean;
+}
+interface DropdownMenuProps {
+    trigger: ReactNode;
+    items: DropdownMenuItem[];
+    align?: 'left' | 'right';
+    className?: string;
+}
+declare function DropdownMenu({ trigger, items, align, className, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+
+interface NavItem {
+    label: string;
+    href: string;
+}
+interface HeaderProps {
+    logo?: React.ReactNode;
+    navItems?: NavItem[];
+    className?: string;
+}
+declare function Header({ logo, navItems, className }: HeaderProps): react_jsx_runtime.JSX.Element;
+
+interface FooterColumn {
+    title: string;
+    links: {
+        label: string;
+        href: string;
+    }[];
+}
+interface FooterProps {
+    columns?: FooterColumn[];
+    className?: string;
+}
+declare function Footer({ columns, className }: FooterProps): react_jsx_runtime.JSX.Element;
+
+interface PricingCardProps {
+    plan: string;
+    price: string;
+    period?: string;
+    description?: string;
+    features: string[];
+    highlighted?: boolean;
+    badge?: string;
+    className?: string;
+}
+declare function PricingCard({ plan, price, period, description, features, highlighted, badge, className, }: PricingCardProps): react_jsx_runtime.JSX.Element;
+
+interface TestimonialCardProps {
+    quote: string;
+    name: string;
+    role: string;
+    avatarSrc?: string;
+    className?: string;
+}
+declare function TestimonialCard({ quote, name, role, avatarSrc, className }: TestimonialCardProps): react_jsx_runtime.JSX.Element;
+
+interface Feature {
+    icon: ReactNode;
+    title: string;
+    description: string;
+}
+interface FeatureGridProps {
+    features: Feature[];
+    columns?: 2 | 3 | 4;
+    className?: string;
+}
+declare function FeatureGrid({ features, columns, className }: FeatureGridProps): react_jsx_runtime.JSX.Element;
+
+type SidebarType = 'menu' | 'courseSubmenu';
+interface SidebarProps {
+    type?: SidebarType;
+    menuItems?: string[];
+    footer?: React.ReactNode;
+    className?: string;
+}
+declare function Sidebar({ type, menuItems, footer, className }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+type AppCardVariant = 'default' | 'stamp' | 'stamp-padded';
+interface AppCardProps {
+    title: string;
+    description: string;
+    buttonText: string;
+    buttonVariant?: 'primary' | 'outline';
+    /** "default" — regular card, "stamp" — edge-to-edge perforation, "stamp-padded" — perforation with padding around content */
+    variant?: AppCardVariant;
+    image?: string;
+    icons?: ReactNode;
+    onButtonClick?: () => void;
+    className?: string;
+}
+declare function AppCard({ variant, className, ...contentProps }: AppCardProps): react_jsx_runtime.JSX.Element;
+
+interface AppTopLineProps {
+    promoText?: string;
+    promoButtonText?: string;
+    stats?: {
+        value: string;
+        suffix: string;
+    }[];
+    avatarSrc?: string;
+    className?: string;
+}
+declare function AppTopLine({ promoText, promoButtonText, stats, avatarSrc, className, }: AppTopLineProps): react_jsx_runtime.JSX.Element;
+
+interface EmptyStateProps {
+    icon?: ReactNode;
+    title: string;
+    description: string;
+    action?: ReactNode;
+    className?: string;
+}
+declare function EmptyState({ icon, title, description, action, className }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+interface HeroSectionProps {
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    actions?: ReactNode;
+    media?: ReactNode;
+    align?: 'left' | 'center';
+    size?: 'default' | 'compact';
+    className?: string;
+}
+declare function HeroSection({ eyebrow, title, subtitle, actions, media, align, size, className, }: HeroSectionProps): react_jsx_runtime.JSX.Element;
+
+interface LogoCloudProps {
+    label?: string;
+    logos: {
+        name: string;
+        src?: string;
+        width?: number;
+    }[];
+    className?: string;
+}
+declare function LogoCloud({ label, logos, className, }: LogoCloudProps): react_jsx_runtime.JSX.Element;
+
+interface StatItem {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+}
+interface StatsBarProps {
+    stats: StatItem[];
+    variant?: 'inline' | 'cards';
+    className?: string;
+}
+declare function StatsBar({ stats, variant, className }: StatsBarProps): react_jsx_runtime.JSX.Element;
+
+interface CTASectionProps {
+    title: string;
+    description?: string;
+    actions?: ReactNode;
+    variant?: 'default' | 'filled' | 'bordered';
+    className?: string;
+}
+declare function CTASection({ title, description, actions, variant, className, }: CTASectionProps): react_jsx_runtime.JSX.Element;
+
+interface BentoItem {
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+    media?: ReactNode;
+    span?: 1 | 2;
+    rowSpan?: 1 | 2;
+    className?: string;
+}
+interface BentoGridProps {
+    items: BentoItem[];
+    className?: string;
+}
+declare function BentoGrid({ items, className }: BentoGridProps): react_jsx_runtime.JSX.Element;
+
+interface FAQItem {
+    question: string;
+    answer: string;
+}
+interface FAQSectionProps {
+    title?: string;
+    subtitle?: string;
+    items: FAQItem[];
+    className?: string;
+}
+declare function FAQSection({ title, subtitle, items, className, }: FAQSectionProps): react_jsx_runtime.JSX.Element;
+
+interface ComparisonColumn {
+    label: string;
+    highlighted?: boolean;
+}
+interface ComparisonRow {
+    feature: string;
+    values: (boolean | string)[];
+}
+interface ComparisonTableProps {
+    columns: ComparisonColumn[];
+    rows: ComparisonRow[];
+    className?: string;
+}
+declare function ComparisonTable({ columns, rows, className }: ComparisonTableProps): react_jsx_runtime.JSX.Element;
+
+interface PromoBentoItemProps {
+    pill?: {
+        icon?: ReactNode;
+        label: string;
+    };
+    title: string;
+    description?: string;
+    cta?: {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    media?: ReactNode;
+    className?: string;
+}
+interface PromoBentoProps {
+    heading: ReactNode;
+    subtitle?: string;
+    items: PromoBentoItemProps[];
+    className?: string;
+}
+declare function PromoBento({ heading, subtitle, items, className }: PromoBentoProps): react_jsx_runtime.JSX.Element;
+
+interface PromoShowcaseStep {
+    label: string;
+    content: ReactNode;
+}
+interface PromoShowcaseProps {
+    heading: ReactNode;
+    steps: PromoShowcaseStep[];
+    className?: string;
+}
+declare function PromoShowcase({ heading, steps, className }: PromoShowcaseProps): react_jsx_runtime.JSX.Element;
+
+interface PromoSplitProps {
+    heading: ReactNode;
+    description?: string;
+    features?: {
+        title: string;
+        description: string;
+    }[];
+    media?: ReactNode;
+    mediaPosition?: 'left' | 'right';
+    className?: string;
+}
+declare function PromoSplit({ heading, description, features, media, mediaPosition, className, }: PromoSplitProps): react_jsx_runtime.JSX.Element;
+
+interface TrustFeature {
+    icon?: ReactNode;
+    title: string;
+    description: string;
+}
+interface PromoTrustGridProps {
+    heading: ReactNode;
+    features: TrustFeature[];
+    media?: ReactNode;
+    className?: string;
+}
+declare function PromoTrustGrid({ heading, features, media, className }: PromoTrustGridProps): react_jsx_runtime.JSX.Element;
+
+interface PromoDevicesCTAProps {
+    heading: ReactNode;
+    description?: string;
+    cta?: {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    className?: string;
+}
+declare function PromoDevicesCTA({ heading, description, cta, className, }: PromoDevicesCTAProps): react_jsx_runtime.JSX.Element;
+
+interface Testimonial {
+    quote: string;
+    name: string;
+    role: string;
+    avatarSrc?: string;
+}
+interface PromoTestimonialsProps {
+    heading: ReactNode;
+    subtitle?: string;
+    testimonials: Testimonial[];
+    media?: ReactNode;
+    className?: string;
+}
+declare function PromoTestimonials({ heading, subtitle, testimonials, media, className, }: PromoTestimonialsProps): react_jsx_runtime.JSX.Element;
+
+interface PromoHeroProps {
+    title: ReactNode;
+    subtitle?: string;
+    cta?: {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    secondaryCta?: {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    media?: ReactNode;
+    variant?: 'dark' | 'light' | 'gradient';
+    className?: string;
+}
+declare function PromoHero({ title, subtitle, cta, secondaryCta, media, variant, className, }: PromoHeroProps): react_jsx_runtime.JSX.Element;
+
+interface PromoPricingTier {
+    name: string;
+    price: string;
+    period?: string;
+    description?: string;
+    features: string[];
+    cta?: ReactNode;
+    highlighted?: boolean;
+}
+interface PromoPricingProps {
+    heading: ReactNode;
+    subtitle?: string;
+    tiers: PromoPricingTier[];
+    variant?: 'light' | 'dark';
+    className?: string;
+}
+declare function PromoPricing({ heading, subtitle, tiers, variant, className, }: PromoPricingProps): react_jsx_runtime.JSX.Element;
+
+interface PromoActionCard {
+    title: string;
+    description: string;
+    icons?: ReactNode[];
+    cta?: {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+    };
+}
+interface PromoActionCardsProps {
+    heading: ReactNode;
+    subtitle?: string;
+    cards: PromoActionCard[];
+    columns?: 2 | 3;
+    className?: string;
+}
+declare function PromoActionCards({ heading, subtitle, cards, columns, className, }: PromoActionCardsProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleHeroProps {
+    /** Category label (e.g. "Eval", "Research") */
+    category?: string;
+    /** Main title */
+    title: string;
+    /** Subtitle / description text */
+    subtitle?: string;
+    /** Background image URL. Falls back to a default photo if omitted. */
+    backgroundImage?: string;
+    /** Logo element rendered top-left */
+    logo?: React$1.ReactNode;
+    /** Navigation items rendered top-right */
+    nav?: React$1.ReactNode;
+    className?: string;
+}
+declare function ArticleHero({ category, title, subtitle, backgroundImage, logo, nav, className, }: ArticleHeroProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleBodyProps {
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare function ArticleBody({ children, className }: ArticleBodyProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleHeadingProps {
+    /** Heading level: 2 or 3 */
+    level?: 2 | 3;
+    children: React$1.ReactNode;
+    /** Optional subtitle below heading */
+    subtitle?: string;
+    /** Optional action button (e.g. info/expand icon) */
+    action?: React$1.ReactNode;
+    className?: string;
+}
+declare function ArticleHeading({ level, children, subtitle, action, className, }: ArticleHeadingProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleFigureProps {
+    /** Image src or chart/content as children */
+    src?: string;
+    alt?: string;
+    /** Optional caption below the figure */
+    caption?: string;
+    /** Legend items: label + color pairs */
+    legend?: {
+        label: string;
+        color: string;
+    }[];
+    /** Height of the figure area */
+    height?: number;
+    /** Render custom content inside figure (charts, etc.) */
+    children?: React$1.ReactNode;
+    className?: string;
+}
+declare function ArticleFigure({ src, alt, caption, legend, height, children, className, }: ArticleFigureProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleTableColumn {
+    key: string;
+    label: string;
+    /** Render custom cell content; receives row data */
+    render?: (value: unknown, row: Record<string, unknown>) => React$1.ReactNode;
+}
+interface ArticleTableRow {
+    [key: string]: unknown;
+    /** Show a badge next to a specific column value */
+    _badge?: string;
+    /** Column key where badge should appear */
+    _badgeColumn?: string;
+}
+interface ArticleTableProps {
+    columns: ArticleTableColumn[];
+    rows: ArticleTableRow[];
+    /** Number of rows to show initially (rest behind "Show N more") */
+    initialVisible?: number;
+    /** Optional ranking column (auto-numbered) */
+    showRank?: boolean;
+    className?: string;
+}
+declare function ArticleTable({ columns, rows, initialVisible, showRank, className, }: ArticleTableProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleListProps {
+    /** List type: unordered (bullet) or ordered (numbered) */
+    variant?: 'unordered' | 'ordered';
+    /** List items — strings or React nodes */
+    items: React$1.ReactNode[];
+    className?: string;
+}
+declare function ArticleList({ variant, items, className, }: ArticleListProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleNoteProps {
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare function ArticleNote({ children, className }: ArticleNoteProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleChatBlockProps {
+    /** Role label: "assistant", "system", "user" */
+    role: 'assistant' | 'system' | 'user';
+    /** Model or author name shown next to role */
+    model?: string;
+    /** Tool call label (e.g. "read_email", "send_email") */
+    toolCall?: string;
+    /** Content of the message */
+    children: React$1.ReactNode;
+    /** Collapsible — shows gradient + "Show more" */
+    collapsible?: boolean;
+    /** Max height when collapsed (px) */
+    collapsedHeight?: number;
+    className?: string;
+}
+declare function ArticleChatBlock({ role, model, toolCall, children, collapsible, collapsedHeight, className, }: ArticleChatBlockProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleLinkButtonProps {
+    children: React$1.ReactNode;
+    href?: string;
+    onClick?: () => void;
+    className?: string;
+}
+declare function ArticleLinkButton({ children, href, onClick, className, }: ArticleLinkButtonProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleFooterProps {
+    /** Logo element */
+    logo?: React$1.ReactNode;
+    /** Copyright text */
+    copyright?: string;
+    className?: string;
+}
+declare function ArticleFooter({ logo, copyright, className, }: ArticleFooterProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleLayoutProps {
+    /** Content width: narrow for text, wide for full-width figures */
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare function ArticleLayout({ children, className }: ArticleLayoutProps): react_jsx_runtime.JSX.Element;
+declare function ArticleWide({ children, className }: {
+    children: React$1.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ArticleNarrow({ children, className }: {
+    children: React$1.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface ChartSeries {
+    dataKey: string;
+    name: string;
+    color: string;
+}
+interface ArticleLineChartProps {
+    data: Record<string, unknown>[];
+    series: ChartSeries[];
+    xKey: string;
+    xLabel?: string;
+    yLabel?: string;
+    height?: number;
+    valueFormatter?: (v: number) => string;
+    className?: string;
+}
+declare function ArticleLineChart({ data, series, xKey, xLabel, yLabel, height, valueFormatter, className, }: ArticleLineChartProps): react_jsx_runtime.JSX.Element;
+interface ArticleBarChartProps {
+    data: Record<string, unknown>[];
+    series: ChartSeries[];
+    xKey: string;
+    xLabel?: string;
+    yLabel?: string;
+    height?: number;
+    /** Stacked bars */
+    stacked?: boolean;
+    valueFormatter?: (v: number) => string;
+    className?: string;
+}
+declare function ArticleBarChart({ data, series, xKey, xLabel, yLabel, height, stacked, valueFormatter, className, }: ArticleBarChartProps): react_jsx_runtime.JSX.Element;
+interface ScatterPoint {
+    x: number;
+    y: number;
+    label?: string;
+    color?: string;
+}
+interface ArticleScatterChartProps {
+    data: ScatterPoint[];
+    /** Default dot color if point has no color */
+    color?: string;
+    xLabel?: string;
+    yLabel?: string;
+    height?: number;
+    /** Log scale on x axis */
+    xScale?: 'auto' | 'log';
+    valueFormatter?: (v: number) => string;
+    className?: string;
+}
+declare function ArticleScatterChart({ data, color, xLabel, yLabel, height, xScale, valueFormatter, className, }: ArticleScatterChartProps): react_jsx_runtime.JSX.Element;
+
+interface LandingLayoutProps {
+    /** 'header' = full-width with top nav, 'sidebar' = sidebar + content area */
+    mode?: 'header' | 'sidebar';
+    /** Navigation element — Header for header mode, Sidebar for sidebar mode */
+    nav?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+declare function LandingLayout({ mode, nav, children, className, }: LandingLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { Alert, AppCard, AppTopLine, ArticleBarChart, type ArticleBarChartProps, ArticleBody, type ArticleBodyProps, ArticleChatBlock, type ArticleChatBlockProps, ArticleFigure, type ArticleFigureProps, ArticleFooter, type ArticleFooterProps, ArticleHeading, type ArticleHeadingProps, ArticleHero, type ArticleHeroProps, ArticleLayout, type ArticleLayoutProps, ArticleLineChart, type ArticleLineChartProps, ArticleLinkButton, type ArticleLinkButtonProps, ArticleList, type ArticleListProps, ArticleNarrow, ArticleNote, type ArticleNoteProps, ArticleScatterChart, type ArticleScatterChartProps, ArticleTable, type ArticleTableColumn, type ArticleTableProps, type ArticleTableRow, ArticleWide, Avatar, Badge, BentoGrid, Breadcrumbs, Button, CTASection, Card, type ChartSeries, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Header, HeroSection, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, type ScatterPoint, SearchBar, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };