@mdxui/tremor 6.0.0

package/dist/solar/components/index.d.ts

@@ -0,0 +1,341 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ComponentType } from 'react';
+
+/**
+ * Action configuration for CTA buttons
+ */
+interface CTAActionConfig {
+    href: string;
+    onClick?: () => void;
+    target?: "_blank" | "_self";
+}
+/**
+ * Link component props for custom routing
+ */
+interface CTALinkProps {
+    href: string;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * CTA (Call to Action) component props
+ */
+interface CTAProps {
+    /** Main title */
+    title: ReactNode;
+    /** Description text */
+    description?: ReactNode;
+    /** Primary call-to-action button text */
+    callToAction: ReactNode;
+    /** Secondary call-to-action button text */
+    secondaryCallToAction?: ReactNode;
+    /** Image URL or component */
+    image?: ReactNode;
+    /** Image alt text */
+    imageAlt?: string;
+    /** Action behaviors */
+    actions?: {
+        primary?: string | CTAActionConfig;
+        secondary?: string | CTAActionConfig;
+    };
+    /** Custom link component */
+    LinkComponent?: ComponentType<CTALinkProps>;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Call to Action section for the Solar template.
+ *
+ * Based on Tremor's Solar template CallToAction component with mdxui interface.
+ * Features:
+ * - Two-column layout with content and image
+ * - Primary and secondary action buttons
+ * - Responsive design
+ *
+ * @example
+ * ```tsx
+ * <CTA
+ *   title="Ready to get started?"
+ *   description="Begin your smart farming journey today."
+ *   callToAction="Start now"
+ *   secondaryCallToAction="Find nearest dealer"
+ *   image="/images/farm.webp"
+ *   actions={{
+ *     primary: '/signup',
+ *     secondary: '/dealers',
+ *   }}
+ * />
+ * ```
+ */
+declare function CTA({ title, description, callToAction, secondaryCallToAction, image, imageAlt, actions, LinkComponent, className, }: CTAProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Feature item definition
+ */
+interface FeatureItem {
+    /** Feature title */
+    title: string;
+    /** Feature description */
+    description: string;
+    /** Feature icon (React node or Lucide icon name) */
+    icon?: ReactNode;
+}
+/**
+ * Feature block definition (for alternating layout)
+ */
+interface FeatureBlock {
+    /** Block badge/label */
+    badge: string;
+    /** Block title */
+    title: string;
+    /** Block description */
+    description: string;
+    /** Block illustration (React node) */
+    illustration?: ReactNode;
+}
+/**
+ * Link component props for custom routing
+ */
+interface FeaturesLinkProps {
+    href: string;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Features component props
+ */
+interface FeaturesProps {
+    /** Section ID for anchor links */
+    id?: string;
+    /** Feature blocks for alternating layout */
+    blocks?: FeatureBlock[];
+    /** Simple feature items for grid layout */
+    items?: FeatureItem[];
+    /** Number of columns for grid layout */
+    columns?: 2 | 3 | 4;
+    /** Custom link component */
+    LinkComponent?: ComponentType<FeaturesLinkProps>;
+    /** Additional className */
+    className?: string;
+    /** Children for custom content */
+    children?: ReactNode;
+}
+/**
+ * Features section for the Solar template.
+ *
+ * Based on Tremor's Solar template Features component with mdxui interface.
+ * Supports both alternating block layout and simple grid layout.
+ *
+ * @example
+ * ```tsx
+ * <Features
+ *   id="solutions"
+ *   blocks={[
+ *     {
+ *       badge: 'Smart Farming',
+ *       title: 'A network of autonomous systems',
+ *       description: 'Deploy intelligent monitoring...',
+ *       illustration: <OrbitAnimation />,
+ *     },
+ *   ]}
+ * />
+ * ```
+ */
+declare function Features({ id, blocks, items, columns, className, children, }: FeaturesProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Footer link configuration
+ */
+interface FooterLink {
+    /** Link label */
+    label: string;
+    /** Link destination */
+    href: string;
+    /** Open in new tab */
+    external?: boolean;
+}
+/**
+ * Footer link group configuration
+ */
+interface FooterLinkGroup {
+    /** Group title */
+    title: string;
+    /** Links in this group */
+    links: FooterLink[];
+}
+/**
+ * Social link configuration
+ */
+interface SocialLink {
+    /** Platform name (twitter, github, discord, linkedin, youtube, instagram) */
+    platform: "twitter" | "github" | "discord" | "linkedin" | "youtube" | "instagram" | string;
+    /** Profile URL */
+    href: string;
+}
+/**
+ * Link component props for custom routing
+ */
+interface FooterLinkProps {
+    href: string;
+    children: ReactNode;
+    className?: string;
+    target?: string;
+    rel?: string;
+}
+/**
+ * Footer component props
+ */
+interface FooterProps {
+    /** Logo element or string */
+    logo?: ReactNode;
+    /** Simple footer links (flat list) */
+    links: FooterLink[];
+    /** Grouped footer links (columns) */
+    linkGroups?: FooterLinkGroup[];
+    /** Social media links */
+    social?: SocialLink[];
+    /** Copyright text */
+    copyright?: string;
+    /** Custom link component (e.g., Next.js Link) */
+    LinkComponent?: ComponentType<FooterLinkProps>;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Footer component for Solar template
+ *
+ * A responsive footer with logo, link columns, social links, and copyright.
+ * Based on the Solar template design.
+ */
+declare function Footer({ logo, links, linkGroups, social, copyright, LinkComponent, className, }: FooterProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Navigation item configuration
+ */
+interface NavItem {
+    /** Link label */
+    label: string;
+    /** Link destination */
+    href: string;
+}
+/**
+ * CTA button configuration
+ */
+interface HeaderCTA {
+    /** Button label */
+    label: string;
+    /** Button destination */
+    href: string;
+    /** Click handler (alternative to href) */
+    onClick?: () => void;
+}
+/**
+ * Link component props for custom routing
+ */
+interface HeaderLinkProps {
+    href: string;
+    children: ReactNode;
+    className?: string;
+    onClick?: () => void;
+}
+/**
+ * Header component props
+ */
+interface HeaderProps {
+    /** Logo element or string */
+    logo: ReactNode;
+    /** Navigation items */
+    navItems: NavItem[];
+    /** Primary CTA button */
+    cta?: HeaderCTA;
+    /** Custom link component (e.g., Next.js Link) */
+    LinkComponent?: ComponentType<HeaderLinkProps>;
+    /** Sticky header behavior */
+    sticky?: boolean;
+    /** Transparent when at top */
+    transparentOnTop?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Header component for Solar template
+ *
+ * A responsive navigation header with logo, nav items, and optional CTA button.
+ * Supports sticky behavior and transparent-on-top styling.
+ */
+declare function Header({ logo, navItems, cta, LinkComponent, sticky, transparentOnTop, className, }: HeaderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Hero CTA configuration
+ */
+interface HeroCTAConfig {
+    /** Primary button text */
+    primary?: string;
+    /** Secondary button text */
+    secondary?: string;
+    /** Primary button action */
+    primaryAction?: string | (() => void);
+    /** Secondary button action */
+    secondaryAction?: string | (() => void);
+}
+/**
+ * Link component props for custom routing
+ */
+interface HeroLinkProps {
+    href: string;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Hero component props following mdxui content/actions pattern
+ */
+interface HeroProps {
+    /** Main title text (mdxui standard) */
+    title: string;
+    /** Supporting subtitle (mdxui standard) */
+    subtitle?: string;
+    /** Badge text (shown above title) */
+    badge?: string;
+    /** Primary call-to-action text (mdxui standard) */
+    callToAction: string;
+    /** Secondary call-to-action text (mdxui standard) */
+    secondaryCallToAction?: string;
+    /** Hero variant */
+    variant?: "default" | "minimal" | "gradient";
+    /** Action behaviors - where buttons navigate (mdxui standard) */
+    actions?: {
+        primary?: string | {
+            href: string;
+            onClick?: () => void;
+            target?: "_blank" | "_self";
+        };
+        secondary?: string | {
+            href: string;
+            onClick?: () => void;
+            target?: "_blank" | "_self";
+        };
+    };
+    /** Custom link component (e.g., Next.js Link) */
+    LinkComponent?: ComponentType<HeroLinkProps>;
+    /** Additional className */
+    className?: string;
+    /** Children for custom content */
+    children?: ReactNode;
+}
+/**
+ * Hero component - Default variant
+ *
+ * A centered hero section with title, subtitle, badge, and CTA buttons.
+ * Based on the Solar template design with mdxui interface.
+ */
+declare function Hero({ title, subtitle, badge, callToAction, secondaryCallToAction, variant, actions, LinkComponent, className, children, }: HeroProps): react_jsx_runtime.JSX.Element;
+/**
+ * HeroMinimal - A minimal, clean hero variant without background effects
+ */
+declare function HeroMinimal({ title, subtitle, badge, callToAction, secondaryCallToAction, actions, LinkComponent, className, children, }: HeroProps): react_jsx_runtime.JSX.Element;
+/**
+ * HeroGradient - Hero variant with gradient background effects
+ */
+declare function HeroGradient({ title, subtitle, badge, callToAction, secondaryCallToAction, actions, LinkComponent, className, children, }: HeroProps): react_jsx_runtime.JSX.Element;
+
+export { CTA, type CTAActionConfig, type CTALinkProps, type CTAProps, type FeatureBlock, type FeatureItem, Features, type FeaturesLinkProps, type FeaturesProps, Footer, type FooterLink, type FooterLinkGroup, type FooterLinkProps, type FooterProps, Header, type HeaderCTA, type HeaderLinkProps, type HeaderProps, Hero, type HeroCTAConfig, HeroGradient, type HeroLinkProps, HeroMinimal, type HeroProps, type NavItem, type SocialLink };