({ className, ...props }: React.ComponentProps<"li">)

({ className, showIcon = false, ...props }: React.ComponentProps<"div"> & { showIcon?: boolean; })

({ className, ...props }: React.ComponentProps<"ul">)

({ asChild = false, size = "md", isActive = false, className, ...props }: React.ComponentProps<"a">

({ className, ...props }: React.ComponentProps<"li">)

({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ..

({ className, ...props }: React.ComponentProps<"button">)

({ className, ...props }: React.ComponentProps<typeof Separator>)

({ className, onClick, ...props }: React.ComponentProps<typeof Button>)

({ className, ...props }: React.HTMLAttributes<HTMLDivElement>)

({ text = "Sliced Text", className = "", containerClassName = "", splitSpacing = 2, })

({ text = "Browse Components", hoverText, href = "/docs/cards/card-flip", className, variant = "defa

({ title = "KokonutUI - Pro", description = "100+ collection of UI Components and templates built for Reac

({ items = DEFAULT_TABS, defaultTabId = DEFAULT_TABS[0].id, className, activeColor = "bg-[#1F9CFE]",

({ label = "Share", items = DEFAULT_SHARE_ITEMS, onShare, className, ...props }: SocialButtonProps)

({ items = DEFAULT_ITEMS, eyebrow = "Features", heading = "Everything you need", className, }: Spotlig

({ items }: { items: string[] })

()

()

({ buttonRef, }: { buttonRef: React.RefObject<HTMLButtonElement>; })

({ buttonRef, }: { buttonRef: React.RefObject<HTMLButtonElement>; })

({ className, variant = "minimal", size = "default", showLabel = true, ...props }: SwitchButtonProps

({ text = "Hover Me", className = "", shadowColors = { first: "#07bccc", second: "#e601c0",

({ title, description, fillClass, }: { title: string; description: string; fillClass: string; })

(props: SVGProps<SVGSVGElement>)

({ members = DEFAULT_MEMBERS, defaultValue = 1, onChange, label = "Team Size", className = "", }: Te

()

({ template }: { template: string })

()

()

({ timeline, }: { timeline: Array<{ year: string; event: string }>; })

()

({ items = DEFAULT_TOOLBAR_ITEMS, defaultSelected = "select", className, activeColor = "text-primary",

({ authorName = "Dorian", authorHandle = "dorianbaffier", authorImage = "https://pbs.twimg.com/profile_i

({ sequences = DEFAULT_SEQUENCES, typingSpeed = 50, startDelay = 200, autoLoop = true, loopDelay = 1

({ text }: { text: string })

()

({ progress }: { progress: number })

({ name = "liquid-glass-card", className, }: { name?: string } & React.ComponentProps<typeof Button>)

()

({ templateName, }: { templateName: string; })

({ name, username, avatar, content, date, isVerified = true, }: XCardProps)

({ className }: { className?: string })

(tag: Tag)

()

( prevState: CopyComponentState, formData: FormData )

(props: { params: Promise<{ slug?: string[] }>; })

()

()

()

(e: React.MouseEvent<HTMLDivElement>)

(e: React.MouseEvent<HTMLButtonElement>)

()

(event: MouseEvent)

()

()

()

()

(entries: IntersectionObserverEntry[])

(entries: IntersectionObserverEntry[])

(e: React.KeyboardEvent<HTMLDivElement>)

(e: React.KeyboardEvent<HTMLTextAreaElement>)

(event: KeyboardEvent)

()

()

()

()

(e: React.MouseEvent<HTMLDivElement>)

(event: React.MouseEvent<HTMLDivElement>)

(e: React.MouseEvent<HTMLDivElement>)

()

()

()

()

()

()

(newTime: number)

()

(packageManager: string)

()

()

()

( code: string, language: string, currentTheme: "light" | "dark" | "system" = "dark" )

(icon)

()

()

()

()

()

()

()

( ref: RefObject<HTMLElement>, handler: () => void )

({ accept, maxSize }: UseFileInputOptions)

( items: { id: string | number }[], options: UseIntersectionOptions = {} )

({ onChange, defaultTags = [], maxTags = 10, defaultColors = [ "bg-blue-100 text-blue-700 dark:bg-

(props: SVGProps<SVGSVGElement>)