@mdxui/named 6.0.0

package/dist/components/index.d.ts

@@ -0,0 +1,221 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IconType } from 'react-icons';
+
+interface HeroProps {
+    badgeEmoji?: string;
+    badgeText?: string;
+    badgeHref?: string;
+    heading?: string;
+    description?: string;
+    ctaText?: string;
+    ctaHref?: string;
+    ctaVariant?: 'default' | 'secondary' | 'outline' | 'ghost';
+    rightImageSrc?: string;
+    rightImageAlt?: string;
+    rightImageSizes?: string;
+    showIconOverlay?: boolean;
+    marqueeTitle?: string;
+    marqueeImages?: string[];
+    className?: string;
+}
+declare function Hero({ badgeEmoji, badgeText, badgeHref, heading, description, ctaText, ctaHref, ctaVariant, rightImageSrc, rightImageAlt, rightImageSizes, showIconOverlay: _showIconOverlay, marqueeTitle, marqueeImages, className, }: HeroProps): react_jsx_runtime.JSX.Element;
+
+interface FeatureItem {
+    text: string;
+}
+interface Feature {
+    title: string;
+    description: string;
+    items: FeatureItem[];
+    code: string;
+    badge: string;
+}
+interface FeaturesProps {
+    heading?: string;
+    description?: string;
+    features?: Feature[];
+    className?: string;
+}
+declare function Features({ heading, description, features, className }: FeaturesProps): react_jsx_runtime.JSX.Element;
+
+interface PricingFeature {
+    text: string;
+}
+interface PricingProps {
+    heading?: string;
+    subheading?: string;
+    price?: string;
+    priceUnit?: string;
+    trialText?: string;
+    ctaText?: string;
+    ctaHref?: string;
+    featuresHeading?: string;
+    features?: PricingFeature[];
+    backgroundColor?: string;
+    securityNote?: string;
+    className?: string;
+}
+declare function Pricing({ heading, subheading, price, priceUnit, trialText, ctaText, ctaHref, featuresHeading, features, backgroundColor, securityNote, className, }: PricingProps): react_jsx_runtime.JSX.Element;
+
+interface PricingTierFeature {
+    text: string;
+}
+interface PricingTier {
+    title: string;
+    description: string;
+    price: string;
+    priceUnit: string;
+    ctaText: string;
+    ctaVariant?: 'primary' | 'secondary';
+    ctaHref?: string;
+    features: PricingTierFeature[];
+    image?: string;
+    imageAlt?: string;
+    featured?: boolean;
+}
+interface PricingTiersProps {
+    heading?: string;
+    subheading?: string;
+    tiers?: PricingTier[];
+    backgroundColor?: string;
+    securityNote?: string;
+    className?: string;
+}
+declare function PricingTiers({ heading, subheading, tiers, backgroundColor, securityNote, className, }: PricingTiersProps): react_jsx_runtime.JSX.Element;
+
+interface CTAButton {
+    text: string;
+    href: string;
+    variant?: 'primary' | 'secondary';
+    showArrow?: boolean;
+}
+interface CTAProps {
+    heading?: string;
+    subheading?: string;
+    buttons?: CTAButton[];
+    backgroundColor?: 'light' | 'blue' | 'green' | 'purple' | 'orange';
+    className?: string;
+}
+declare function CTA({ heading, subheading, buttons, backgroundColor, className }: CTAProps): react_jsx_runtime.JSX.Element;
+
+interface FAQItem {
+    question: string;
+    answer: string;
+}
+interface FAQProps {
+    heading?: string;
+    faqs?: FAQItem[];
+    backgroundColor?: string;
+    className?: string;
+}
+declare function FAQ({ heading, faqs, backgroundColor, className }: FAQProps): react_jsx_runtime.JSX.Element;
+
+interface WorkflowItem {
+    icon: IconType;
+    label: string;
+}
+interface ProblemProps {
+    heading?: string;
+    headingHighlight?: string;
+    workflows?: WorkflowItem[];
+    subheading?: string;
+    subheadingHighlight?: string;
+    highlightColor?: string;
+    marqueeDuration?: string;
+    marqueeGap?: string;
+    backgroundColor?: string;
+    className?: string;
+}
+declare function Problem({ heading: _heading, workflows, subheading, subheadingHighlight, highlightColor, marqueeDuration, marqueeGap, backgroundColor, className, }: ProblemProps): react_jsx_runtime.JSX.Element;
+
+interface NavLink {
+    label: string;
+    href: string;
+}
+interface NavigationProps {
+    logo?: string | React.ReactNode;
+    logoHref?: string;
+    links?: NavLink[];
+    ctaText?: string;
+    ctaHref?: string;
+    ctaVariant?: 'default' | 'secondary' | 'outline' | 'ghost' | 'link' | 'destructive';
+    className?: string;
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
+    sticky?: boolean;
+    showScrollEffect?: boolean;
+}
+declare function Navigation({ logo, logoHref, links, ctaText, ctaHref, ctaVariant, className, maxWidth, sticky, showScrollEffect, }: NavigationProps): react_jsx_runtime.JSX.Element;
+
+interface SocialLink {
+    href: string;
+    icon: IconType;
+    label: string;
+}
+interface QuickLink {
+    href: string;
+    label: string;
+}
+interface FooterProps {
+    logo?: string;
+    description?: string;
+    socialLinks?: SocialLink[];
+    quickLinks?: QuickLink[];
+    contactTitle?: string;
+    emailPlaceholder?: string;
+    onEmailSubmit?: (email: string) => void;
+    copyrightText?: string;
+    showThemeToggle?: boolean;
+    className?: string;
+}
+declare function Footer({ logo, description, socialLinks, quickLinks, contactTitle, emailPlaceholder, onEmailSubmit, copyrightText, className, }: FooterProps): react_jsx_runtime.JSX.Element;
+
+interface FormField {
+    id: string;
+    label: string;
+    type: 'text' | 'email' | 'tel' | 'textarea';
+    placeholder?: string;
+    required?: boolean;
+}
+interface ContactProps {
+    heading?: string;
+    subheading?: string;
+    fields?: FormField[];
+    submitButtonText?: string;
+    successMessage?: string;
+    errorMessage?: string;
+    onSubmit?: (data: Record<string, string>) => Promise<void> | void;
+    backgroundColor?: string;
+    className?: string;
+}
+declare function Contact({ heading, subheading, fields, submitButtonText, successMessage, errorMessage, onSubmit, backgroundColor, className, }: ContactProps): react_jsx_runtime.JSX.Element;
+
+interface IntegrationNode {
+    type: 'image' | 'icon' | 'component';
+    content: string | React.ReactNode;
+    alt?: string;
+    className?: string;
+}
+interface AnimationConfig {
+    startYOffset?: number;
+    endYOffset?: number;
+    curvature?: number;
+    duration?: number;
+    reverse?: boolean;
+}
+interface IntegrationProps {
+    title?: string;
+    description?: string;
+    buttonText?: string;
+    buttonHref?: string;
+    leftNode: IntegrationNode;
+    rightNode: IntegrationNode;
+    beamAnimations?: AnimationConfig[];
+    gridPatternWidth?: number;
+    gridPatternHeight?: number;
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl';
+    className?: string;
+    contentOrder?: 'left' | 'right';
+}
+declare function Integration({ title, description, buttonText, buttonHref, leftNode, rightNode, beamAnimations, gridPatternWidth, gridPatternHeight, maxWidth, className, contentOrder, }: IntegrationProps): react_jsx_runtime.JSX.Element;
+
+export { type AnimationConfig, CTA, type CTAButton, type CTAProps, Contact, type ContactProps, FAQ, type FAQItem, type FAQProps, type Feature, type FeatureItem, Features, type FeaturesProps, Footer, type FooterProps, type FormField, Hero, type HeroProps, Integration, type IntegrationNode, type IntegrationProps, type NavLink, Navigation, type NavigationProps, Pricing, type PricingFeature, type PricingProps, type PricingTier, type PricingTierFeature, PricingTiers, type PricingTiersProps, Problem, type ProblemProps, type QuickLink, type SocialLink, type WorkflowItem };