kel-ui-components/dist/index.d.ts

A modern, accessible UI component library built with React, TypeScript, and Tailwind CSS

import * as class_variance_authority_types from 'class-variance-authority/types';
import * as React$1 from 'react';
import React__default from 'react';
import { VariantProps } from 'class-variance-authority';
import * as react_jsx_runtime from 'react/jsx-runtime';
import * as LabelPrimitive from '@radix-ui/react-label';
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
import * as SeparatorPrimitive from '@radix-ui/react-separator';
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
import * as ToastPrimitives from '@radix-ui/react-toast';
import { Toaster as Toaster$2 } from 'sonner';
import * as motion_dom from 'motion-dom';
import * as framer_motion from 'framer-motion';
import { Variants, Transition } from 'framer-motion';
import { ClassValue } from 'clsx';

declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
    variant?: "default" | "destructive" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
//# sourceMappingURL=alert.d.ts.map

interface ComponentProps {
    className?: string;
    children?: React__default.ReactNode;
}
interface ButtonVariants {
    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
    size?: "default" | "sm" | "lg" | "icon";
}
interface CardProps extends ComponentProps {
    asChild?: boolean;
}
interface BadgeVariants {
    variant?: "default" | "secondary" | "destructive" | "outline";
}
interface AlertVariants {
    variant?: "default" | "destructive";
}
interface SkillBarProps {
    skill: string;
    percentage: number;
    delay?: number;
}
interface AnimatedCardProps extends ComponentProps {
    delay?: number;
    direction?: "up" | "down" | "left" | "right";
}
interface ScrollProgressProps {
    className?: string;
    indicatorClassName?: string;
}
interface SectionHeaderProps extends ComponentProps {
    title: string;
    subtitle?: string;
    centered?: boolean;
}

declare const AnimatedCard: React$1.ForwardRefExoticComponent<AnimatedCardProps & React$1.RefAttributes<HTMLDivElement>>;

interface AnimatedSkillBarProps {
    skill: string;
    percentage: number;
    icon?: React.ReactNode;
    color?: string;
    delay?: number;
}
declare function AnimatedSkillBar({ skill, percentage, icon, color, delay, }: AnimatedSkillBarProps): react_jsx_runtime.JSX.Element;
interface SkillGridProps {
    skills: Array<{
        name: string;
        percentage: number;
        icon?: React.ReactNode;
        color?: string;
    }>;
}
declare function SkillGrid({ skills }: SkillGridProps): react_jsx_runtime.JSX.Element;

declare const badgeVariants: (props?: ({
    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
}
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;

declare const buttonVariants: (props?: ({
    variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
    asChild?: boolean;
}
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;

declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=card.d.ts.map

interface ExampleProps extends ComponentProps {
    text?: string;
}
declare const Example: React__default.ForwardRefExoticComponent<ExampleProps & React__default.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=example.d.ts.map

interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
}
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;

declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
//# sourceMappingURL=label.d.ts.map

declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=scroll-area.d.ts.map

declare function ScrollProgress(): react_jsx_runtime.JSX.Element;
declare function CircularScrollProgress(): react_jsx_runtime.JSX.Element;

declare function SectionHeader({ title, subtitle, className, centered, ...props }: SectionHeaderProps): react_jsx_runtime.JSX.Element;

declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=separator.d.ts.map

declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
//# sourceMappingURL=skeleton.d.ts.map

declare const Textarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
//# sourceMappingURL=textarea.d.ts.map

declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=tooltip.d.ts.map

declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
    variant?: "default" | "destructive" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
declare const ToastClose: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
declare const ToastTitle: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const ToastDescription: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;//# sourceMappingURL=toast.d.ts.map

declare function Toaster$1(): react_jsx_runtime.JSX.Element;

type ToasterProps = React.ComponentProps<typeof Toaster$2>;
declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
//# sourceMappingURL=sonner.d.ts.map

declare const useScrollAnimation: (threshold?: number) => {
    ref: React$1.RefObject<null>;
    controls: framer_motion.AnimationControls;
    isInView: boolean;
};
declare const useParallax: (offset?: number) => motion_dom.MotionValue<number>;
declare const useScrollProgress: () => {
    scrollYProgress: motion_dom.MotionValue<number>;
    scaleX: motion_dom.MotionValue<number>;
};
declare const useHoverAnimation: () => {
    x: motion_dom.MotionValue<number>;
    y: motion_dom.MotionValue<number>;
    rotateX: motion_dom.MotionValue<number>;
    rotateY: motion_dom.MotionValue<number>;
    handleMouseMove: (event: React.MouseEvent<HTMLElement>) => void;
    handleMouseLeave: () => void;
};
declare const useStaggerAnimation: (_itemCount: number, delay?: number) => {
    controls: framer_motion.AnimationControls;
    startStagger: () => void;
};
declare const useLoadingAnimation: (duration?: number) => framer_motion.AnimationControls;
declare const useDragAnimation: (constraintsRef?: React.RefObject<HTMLElement>) => {
    x: motion_dom.MotionValue<number>;
    y: motion_dom.MotionValue<number>;
    scale: motion_dom.MotionValue<number>;
    dragConstraints: React$1.RefObject<HTMLElement> | undefined;
    onDragStart: () => void;
    onDragEnd: () => void;
    drag: boolean;
    dragElastic: number;
};
declare const useIntersectionAnimation: (thresholds?: number[]) => {
    ref: React$1.RefObject<null>;
    controls: framer_motion.AnimationControls;
};

type ToastProps = {
    open?: boolean;
    onOpenChange?: (open: boolean) => void;
    duration?: number;
    type?: "foreground" | "background";
};
type ToastActionElement = React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
type ToasterToast = ToastProps & {
    id: string;
    title?: React__default.ReactNode;
    description?: React__default.ReactNode;
    action?: ToastActionElement;
};
type Toast = Omit<ToasterToast, "id">;
declare function toast({ ...props }: Toast): {
    id: string;
    dismiss: () => void;
    update: (props: ToasterToast) => void;
};
declare function useToast(): {
    toast: typeof toast;
    dismiss: (toastId?: string) => void;
    toasts: ToasterToast[];
};

declare function cn(...inputs: ClassValue[]): string;
declare function formatDate(date: Date): string;
declare function debounce<T extends (...args: any[]) => any>(func: T, wait: number): (...args: Parameters<T>) => void;
declare function throttle<T extends (...args: any[]) => any>(func: T, limit: number): (...args: Parameters<T>) => void;

declare const pageVariants: Variants;
declare const staggerContainer: Variants;
declare const staggerItem: Variants;
declare const slideInFromLeft: Variants;
declare const slideInFromRight: Variants;
declare const slideInFromBottom: Variants;
declare const scaleIn: Variants;
declare const rotateIn: Variants;
declare const matrixEntry: Variants;
declare const glitchReveal: Variants;
declare const cardHover: Variants;
declare const buttonPress: Variants;
declare const progressBar: Variants;
declare const typewriter: Variants;
declare const smoothEase: Transition;
declare const springTransition: Transition;
declare const bounceTransition: Transition;
declare const slowSpring: Transition;
declare const scrollReveal: Variants;
declare const parallaxVariants: Variants;
declare const loadingSpinner: Variants;
declare const pulse: Variants;
declare const morphingBox: Variants;
declare const floatingElements: Variants;
declare const createStaggerDelay: (index: number, baseDelay?: number) => {
    transition: {
        delay: number;
        duration: number;
        ease: number[];
    };
};
declare const easeInOutCubic: number[];
declare const easeOutBack: number[];
declare const easeInOutBack: number[];

export { Alert, AlertDescription, AlertTitle, AnimatedCard, AnimatedSkillBar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CircularScrollProgress, Example, Input, Label, Toaster$1 as RadixToaster, ScrollArea, ScrollBar, ScrollProgress, SectionHeader, Separator, Skeleton, SkillGrid, Toaster as SonnerToaster, Textarea, Toast$1 as Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, bounceTransition, buttonPress, buttonVariants, cardHover, cn, createStaggerDelay, debounce, easeInOutBack, easeInOutCubic, easeOutBack, floatingElements, formatDate, glitchReveal, loadingSpinner, matrixEntry, morphingBox, pageVariants, parallaxVariants, progressBar, pulse, rotateIn, scaleIn, scrollReveal, slideInFromBottom, slideInFromLeft, slideInFromRight, slowSpring, smoothEase, springTransition, staggerContainer, staggerItem, throttle, toast, typewriter, useDragAnimation, useHoverAnimation, useIntersectionAnimation, useLoadingAnimation, useParallax, useScrollAnimation, useScrollProgress, useStaggerAnimation, useToast };
export type { AlertVariants, AnimatedCardProps, BadgeProps, BadgeVariants, ButtonProps, ButtonVariants, CardProps, ComponentProps, InputProps, ScrollProgressProps, SectionHeaderProps, SkillBarProps };