slashh-ui 1.3.2

package/dist/components/ui/featuredComponents.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { ChevronRight } from 'lucide-react';
+import { Index } from "@/__registry__";
+const ComponentCard = ({ title, videoSrc, children, span = '', bg = 'bg-[#161616]', }) => {
+    return (_jsxs("div", { className: `group relative flex flex-col justify-between rounded-3xl ${bg} border border-white/5 p-1 hover:border-white/20 transition-all duration-500 h-full cursor-pointer ${span}`, children: [_jsx("div", { className: 'relative flex-grow overflow-hidden rounded-[22px] bg-[#0A0A0A] flex items-center justify-center min-h-[140px] border border-white/[0.03]', children: videoSrc ? (_jsx("video", { src: videoSrc, autoPlay: true, loop: true, muted: true, playsInline: true, className: "absolute inset-0 w-full h-full object-cover opacity-100 scale-100" })) : (_jsx("div", { className: "relative z-10 w-full h-full flex items-center justify-center", children: children })) }), _jsx("div", { className: 'px-4 py-3 flex justify-between items-center bg-transparent relative z-10', children: _jsx("h3", { className: 'text-[13px] font-medium text-zinc-400 group-hover:text-white transition-colors', children: title }) })] }));
+};
+const FeaturedComponents = () => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const getComp = (name) => { var _a; return (_a = Index["default"]) === null || _a === void 0 ? void 0 : _a[name]; };
+    return (_jsx("div", { className: 'min-h-screen w-full p-8 text-white mt-10', children: _jsxs("div", { className: 'max-w-7xl mx-auto', children: [_jsxs("div", { className: 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 auto-rows-[220px]', children: [_jsx(Link, { href: `/component/`, children: _jsx(ComponentCard, { title: "", videoSrc: (_a = getComp("reveal")) === null || _a === void 0 ? void 0 : _a.video }) }), _jsx(Link, { href: `/component/floating-navbar`, className: "lg:col-span-2", children: _jsx(ComponentCard, { title: "Floating Navbar", videoSrc: (_b = getComp("navbar")) === null || _b === void 0 ? void 0 : _b.video }) }), _jsx(Link, { href: `/component/minimal-scrollbar`, className: "lg:row-span-3", children: _jsx(ComponentCard, { title: "Minimal Scrollbar", videoSrc: (_c = getComp("minimal-scrollbar")) === null || _c === void 0 ? void 0 : _c.video }) }), _jsx(Link, { href: `/component/dot-cursor`, className: "lg:col-span-2 lg:row-span-2", children: _jsx(ComponentCard, { title: "Custom Cursor" }) }), _jsx(Link, { href: `/component/`, children: _jsx(ComponentCard, { title: "", videoSrc: (_d = getComp("details")) === null || _d === void 0 ? void 0 : _d.video }) }), _jsx(Link, { href: `/component/neubrutal-button`, children: _jsx(ComponentCard, { title: "Neubrutal Button", videoSrc: ((_e = getComp("neubrutal-button")) === null || _e === void 0 ? void 0 : _e.video) || "/compVideos/neubrutal-button.mp4" }) }), _jsx(Link, { href: `/component/`, className: "lg:col-span-3", children: _jsx(ComponentCard, { title: "", videoSrc: (_f = getComp("creative-grid")) === null || _f === void 0 ? void 0 : _f.video }) }), _jsx(Link, { href: `/component/`, children: _jsx(ComponentCard, { title: "", videoSrc: (_g = getComp("feedback")) === null || _g === void 0 ? void 0 : _g.video, children: _jsx("div", { className: "text-2xl font-bold opacity-50 transition-opacity", children: "?" }) }) })] }), _jsx("div", { className: 'mt-8 flex justify-center', children: _jsxs(Link, { href: '/component', className: 'relative z-30 h-12 px-6 rounded-lg text-sm text-white transition-all flex items-center gap-2 group', children: ["Explore All Components", _jsx("div", { className: 'flex items-center justify-center transition-transform group-hover:translate-x-1', children: _jsx(ChevronRight, { size: 18 }) })] }) })] }) }));
+};
+export default FeaturedComponents;

package/dist/components/ui/footer.d.ts

@@ -0,0 +1,2 @@
+declare const Footer: () => import("react/jsx-runtime").JSX.Element;
+export default Footer;

package/dist/components/ui/footer.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Footer = () => {
+    return (_jsxs("footer", { className: ' text-white border-neutral-800 overflow-hidden relative', children: [_jsx("div", { className: 'w-full', children: _jsx("img", { src: '/images/slash_1.svg', alt: 'Slash Logo', className: 'w-full h-auto object-cover block ' }) }), _jsxs("div", { className: 'relative max-w-7xl mx-auto pt-20 pb-40 px-4 sm:px-6 lg:px-8 overflow-hidden', children: [_jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[500px] h-[300px] bg-zinc-800/20 blur-[120px] rounded-full -z-10 pointer-events-none" }), _jsxs("div", { className: "relative z-10 overflow-hidden text-center", children: [_jsxs("h1", { className: 'text-center text-4xl md:text-6xl font-switzer capitalize font-bold tracking-tighter leading-tight text-neutral-100 overflow-hidden', children: ["Start slashing your UI ", _jsx("br", {}), "development with ", _jsx("span", { className: 'italic font-hoshiko text-red-500 tracking-wider px-5', children: "Slash/Ui" }), " today!"] }), _jsx("div", { className: "flex justify-center mt-10 overflow-x-hidden", children: _jsxs("button", { className: 'group relative px-15 py-4 tracking-widest overflow-hidden  border text-white hover:text-black font-hoshiko rounded-full font-semibold transition-all duration-300 hover:bg-red-500 hover:scale-105 active:scale-95 cursor-pointer flex items-center gap-2', children: ["Slash Now", _jsx("span", { className: "transition-transform duration-300 group-hover:translate-x-1" })] }) })] })] }), _jsx("div", { className: 'py-8 border-t border-neutral-900', children: _jsxs("div", { className: "max-w-7xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-4", children: [_jsx("p", { className: 'text-sm font-cartographCF text-neutral-500 capitalize', children: "\u00A9 2026 Slash/Ui. All Rights Reserved." }), _jsxs("h1", { className: 'text-sm font-cartographCF text-neutral-500', children: ["Designed and Developed by", ' ', _jsx("a", { className: 'italic text-neutral-300 hover:text-white transition-colors duration-300 border-b border-neutral-700 hover:border-white', href: 'https://x.com/rahulll_parihar', target: '_blank', rel: 'noopener noreferrer', children: "@Rahul" })] })] }) })] }));
+};
+export default Footer;

package/dist/components/ui/hero.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+declare const Hero: () => JSX.Element;
+export default Hero;

package/dist/components/ui/hero.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import Link from 'next/link';
+import { ChevronRight, Terminal, Copy, Check } from 'lucide-react';
+const Hero = () => {
+    const [copied, setCopied] = useState(false);
+    const installCommand = 'npx slash-ui@latest init';
+    const handleCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(installCommand);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch (err) {
+            console.error('Failed to copy text: ', err);
+        }
+    };
+    return (_jsxs("section", { className: 'relative min-h-screen w-full flex flex-col items-center justify-center overflow-hidden ', children: [_jsxs("video", { autoPlay: true, muted: true, loop: true, playsInline: true, className: 'absolute inset-0 z-0 h-full w-full object-cover mix-blend-screen grayscale-100', children: [_jsx("source", { src: '/video/hero_video.mp4', type: 'video/mp4' }), "Your browser does not support the video tag."] }), _jsxs("div", { className: 'relative z-10 container mx-auto px-6 flex mt-40 flex-col items-center', children: [_jsxs("h1", { className: 'max-w-4xl text-center text-3xl font-beVietnamPro tracking-tight md:text-5xl lg:text-8xl text-white', children: ["SLASH/UI ", _jsx("br", {}), _jsx("span", { className: 'font-sans italic text-6xl md:text-8xl text-zinc-200', children: "components" })] }), _jsx("p", { className: 'mt-8 max-w-2xl text-center font-cartographCF text-zinc-400 leading-relaxed md:text-sm', children: "A collection of accessible, high-performance components built with React and Tailwind. Stop styling from scratch and start building." }), _jsxs("div", { className: 'mt-10 flex flex-col items-center gap-4 sm:flex-row font-cartographCF', children: [_jsxs(Link, { href: '/component', className: 'h-14 px-8 rounded-xl text-sm bg-white text-black font-bold hover:bg-zinc-200 transition-all flex items-center gap-4 group', children: ["Explore Components", _jsx(ChevronRight, { size: 18, className: 'transition-transform group-hover:translate-x-1' })] }), _jsxs("div", { onClick: handleCopy, className: 'group flex h-14 items-center gap-3 rounded-xl border border-white/10 bg-black/50 backdrop-blur-md px-5 hover:bg-white/10 transition-all cursor-pointer', children: [_jsx(Terminal, { size: 16, className: 'text-zinc-500' }), _jsx("code", { className: 'text-sm text-zinc-300 font-mono', children: installCommand }), _jsx("div", { className: 'ml-2 border-l border-white/10 pl-4', children: copied ? (_jsx(Check, { size: 16, className: 'text-green-400' })) : (_jsx(Copy, { size: 16, className: 'text-zinc-600 group-hover:text-white' })) })] })] })] })] }));
+};
+export default Hero;

package/dist/components/ui/navbar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Navbar: React.FC;
+export default Navbar;

package/dist/components/ui/navbar.js

@@ -0,0 +1,102 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useEffect } from 'react';
+import Link from 'next/link';
+import { Command } from 'lucide-react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { useSearch } from '@/hooks/use-component-search';
+import { Slant as Hamburger } from 'hamburger-react';
+import { logout } from '@/lib/actions/auth.action';
+const Navbar = () => {
+    const { searchQuery, setSearchQuery, filteredItems, staticPages } = useSearch();
+    const [mounted, setMounted] = useState(false);
+    const [isSearchOpen, setIsSearchOpen] = useState(false);
+    const [isMenuOpen, setIsMenuOpen] = useState(false);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [userEmail, setUserEmail] = useState(null);
+    const [authLoaded, setAuthLoaded] = useState(false);
+    useEffect(() => {
+        async function getUser() {
+            var _a;
+            const res = await fetch('/api/me', {
+                credentials: 'include',
+                cache: 'no-store',
+            });
+            const data = await res.json();
+            setUserEmail(((_a = data.user) === null || _a === void 0 ? void 0 : _a.email) || null);
+            setAuthLoaded(true);
+        }
+        getUser();
+    }, []);
+    useEffect(() => {
+        setMounted(true);
+        const handleKeyDown = (e) => {
+            if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
+                e.preventDefault();
+                setIsSearchOpen((prev) => !prev);
+                setIsMenuOpen(false);
+            }
+            if (!isSearchOpen)
+                return;
+            if (e.key === 'Escape') {
+                setIsSearchOpen(false);
+                setSearchQuery('');
+            }
+            if (e.key === 'ArrowDown') {
+                e.preventDefault();
+                setSelectedIndex((prev) => (prev + 1) % filteredItems.length);
+            }
+            else if (e.key === 'ArrowUp') {
+                e.preventDefault();
+                setSelectedIndex((prev) => (prev - 1 + filteredItems.length) % filteredItems.length);
+            }
+            else if (e.key === 'Enter') {
+                const selected = filteredItems[selectedIndex];
+                if (selected) {
+                    window.location.href = selected.path;
+                    setIsSearchOpen(false);
+                }
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [isSearchOpen, filteredItems, selectedIndex, setSearchQuery]);
+    useEffect(() => {
+        setSelectedIndex(0);
+    }, [searchQuery]);
+    useEffect(() => {
+        document.body.style.overflow = isMenuOpen ? 'hidden' : '';
+        return () => {
+            document.body.style.overflow = '';
+        };
+    }, [isMenuOpen]);
+    const menuLinks = React.useMemo(() => {
+        return [
+            { label: 'Quick Start', path: '/docs', tag: 'Guide' },
+            { label: 'Pricing', path: '/pricing', tag: 'Free' },
+            { label: 'Components', path: '/component', tag: '105+' },
+            { label: 'Get Support', path: '/support', tag: null },
+            ...(authLoaded
+                ? userEmail
+                    ? [
+                        { label: 'Account', path: '/account', tag: userEmail },
+                        { label: 'Logout', path: '#logout', tag: null },
+                    ]
+                    : [{ label: 'Login', path: '/login', tag: null }]
+                : []),
+        ];
+    }, [userEmail, authLoaded]);
+    return (_jsxs(_Fragment, { children: [_jsx("nav", { className: 'fixed top-0 left-0 w-full z-[100] flex justify-center pt-4 px-6 pointer-events-none', children: _jsxs("div", { className: 'flex items-center justify-between px-6 h-14 w-full max-w-[860px] bg-zinc-900/80 backdrop-blur-3xl border border-zinc-800 rounded-2xl pointer-events-auto', children: [_jsxs("div", { className: 'flex items-center gap-8', children: [_jsx(Link, { href: '/', className: 'font-bold text-white text-lg', children: "Slash/Ui" }), _jsxs("div", { className: 'hidden md:flex items-center gap-6 text-sm font-medium text-zinc-400', children: [_jsx(Link, { href: '/docs', className: 'hover:text-white transition-colors', children: "Docs" }), _jsx(Link, { href: '/component', className: 'hover:text-white transition-colors', children: "Components" })] })] }), _jsxs("div", { className: 'flex items-center gap-2', children: [_jsx("button", { onClick: () => {
+                                        setIsSearchOpen(true);
+                                        setIsMenuOpen(false);
+                                    }, className: 'flex items-center justify-center w-9 h-9 rounded-lg bg-zinc-800 hover:bg-zinc-700 text-zinc-400 hover:text-white transition-all cursor-pointer', "aria-label": 'Open search', children: _jsx(Command, { size: 16 }) }), _jsx("button", { onClick: () => {
+                                        setIsMenuOpen((v) => !v);
+                                        setIsSearchOpen(false);
+                                    }, className: 'flex items-center justify-center w-9 h-9 rounded-lg bg-zinc-800 hover:bg-zinc-700 text-zinc-400 hover:text-white transition-all cursor-pointer', "aria-label": 'Open menu', children: _jsx(AnimatePresence, { mode: 'wait', initial: false, children: isMenuOpen ? (_jsx(motion.span, { children: _jsx(Hamburger, { size: 16, toggled: isMenuOpen }) }, 'close')) : (_jsx(motion.span, { children: _jsx(Hamburger, { size: 16, toggled: isMenuOpen, toggle: () => { } }) }, 'open')) }) })] })] }) }), _jsx(AnimatePresence, { children: isMenuOpen && (_jsxs(_Fragment, { children: [_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, onClick: () => setIsMenuOpen(false), className: 'fixed inset-0 z-[150] backdrop-blur-md' }), _jsxs(motion.div, { initial: { opacity: 0, scale: 1.1 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 1.1 }, transition: { type: 'spring', damping: 25, stiffness: 200 }, className: 'fixed inset-0 z-[160] flex flex-col justify-center items-center bg-transparent pointer-events-none', children: [_jsx("nav", { className: 'flex flex-col items-center justify-center w-full max-w-4xl pointer-events-auto', children: menuLinks.map((link, i) => (_jsx(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { delay: i * 0.05, duration: 0.4 }, className: 'w-full', children: link.label === 'Logout' ? (_jsx("form", { action: logout, className: 'w-full', children: _jsxs("button", { type: 'submit', onClick: () => setIsMenuOpen(false), className: 'group flex flex-col items-center py-2 w-full cursor-pointer', children: [_jsx("span", { className: 'text-6xl md:text-7xl font-black uppercase tracking-tighter leading-[0.85] text-white transition-transform duration-300 group-hover:scale-105', children: "Logout" }), link.tag && (_jsx("span", { className: 'text-[10px] mt-2 opacity-50 tracking-widest', children: link.tag }))] }) })) : (_jsxs(Link, { href: link.path, onClick: () => setIsMenuOpen(false), className: 'group flex flex-col items-center py-2', children: [_jsx("span", { className: 'text-6xl md:text-7xl font-black uppercase tracking-tighter leading-[0.85] text-white transition-transform duration-300 group-hover:scale-105', children: link.label }), link.tag && (_jsx("span", { className: 'text-[10px] mt-2 opacity-50 tracking-widest', children: link.tag }))] })) }, link.label))) }), _jsxs("div", { className: 'absolute bottom-10 w-full flex justify-between px-10 text-md font-bold text-zinc-500 uppercase pointer-events-auto', children: [_jsx(Link, { href: '/privacy-policy', className: 'hover:text-white transition-all duration-500', children: "Privacy Policy" }), _jsx(Link, { href: '/terms-of-service', className: 'hover:text-white transition-all duration-500', children: "Terms of Service" })] })] })] })) }), _jsx(AnimatePresence, { children: isSearchOpen && (_jsxs("div", { className: 'fixed inset-0 z-[200] flex items-start justify-center pt-[18vh] px-4', children: [_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: () => setIsSearchOpen(false), className: 'absolute inset-0 bg-black/60 backdrop-blur-sm' }), _jsxs(motion.div, { initial: { opacity: 0, scale: 0.95, y: -20 }, animate: { opacity: 1, scale: 1, y: 0 }, exit: { opacity: 0, scale: 0.95, y: -20 }, className: 'relative w-full max-w-[600px] bg-zinc-950 border border-zinc-800 rounded-xl shadow-2xl overflow-hidden', children: [_jsxs("div", { className: 'flex items-center px-4 border-b border-zinc-800', children: [_jsx(Command, { className: 'text-zinc-500', size: 18 }), _jsx("input", { autoFocus: true, value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: 'Search components or pages...', className: 'w-full h-14 bg-transparent border-none outline-none px-4 text-white text-sm placeholder:text-zinc-600' })] }), _jsx("div", { className: 'max-h-[400px] overflow-y-auto p-2 custom-scrollbar', children: searchQuery.length > 0 ? (_jsxs("div", { className: 'p-2', children: [_jsx("p", { className: 'px-3 py-2 text-[10px] font-semibold text-zinc-500 uppercase tracking-wider', children: "Results" }), filteredItems.length > 0 ? (filteredItems.map((item) => (_jsxs(Link, { href: item.path, onClick: () => {
+                                                    setIsSearchOpen(false);
+                                                    setSearchQuery('');
+                                                }, className: 'flex items-center justify-between px-3 py-2.5 rounded-lg hover:bg-white/5 transition-all group', children: [_jsxs("div", { className: 'flex items-center gap-3', children: [_jsx(item.icon, { size: 16, className: 'text-zinc-500 group-hover:text-white' }), _jsx("span", { className: 'text-sm text-zinc-300 group-hover:text-white', children: item.label })] }), _jsx("span", { className: 'text-[10px] opacity-50 uppercase tracking-widest', children: item.category })] }, item.path)))) : (_jsx("p", { className: 'px-3 py-4 text-sm text-zinc-600', children: "No results found..." }))] })) : (['Pages', 'Get Started'].map((cat) => (_jsxs("div", { className: 'mb-2', children: [_jsx("p", { className: 'px-3 py-2 text-[10px] font-semibold text-zinc-500 uppercase tracking-wider', children: cat }), staticPages
+                                                .filter((p) => p.category === cat)
+                                                .map((p) => (_jsxs(Link, { href: p.path, onClick: () => setIsSearchOpen(false), className: 'flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-white/5 transition-all group', children: [_jsx("div", { className: 'text-zinc-500 group-hover:text-white', children: _jsx(p.icon, { size: 16 }) }), _jsx("span", { className: 'text-sm text-zinc-300 group-hover:text-white', children: p.label })] }, p.label)))] }, cat)))) }), _jsxs("div", { className: 'px-4 py-3 border-t border-zinc-800 bg-zinc-900/30 flex justify-between items-center text-[10px] text-zinc-500 font-medium', children: [_jsxs("div", { className: 'flex gap-3', children: [_jsxs("span", { className: 'flex items-center gap-1', children: [_jsx(Command, { size: 10 }), " to select"] }), _jsx("span", { className: 'flex items-center gap-1', children: "Enter to open" })] }), _jsx("span", { children: "ESC to close" })] })] })] })) })] }));
+};
+export default Navbar;

package/dist/components/ui/pricing.d.ts

@@ -0,0 +1,2 @@
+declare const Pricing: () => import("react/jsx-runtime").JSX.Element;
+export default Pricing;

package/dist/components/ui/pricing.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { Check, Zap } from 'lucide-react';
+const PricingCard = ({ tier, price, description, features, href, isHighlighted = false, }) => {
+    return (_jsxs("div", { className: `relative flex flex-col p-8 rounded-3xl border transition-all duration-500 overflow-hidden h-full ${isHighlighted
+            ? 'border-white bg-neutral-900 shadow-[0_0_50px_-12px_rgba(255,255,255,0.2)]'
+            : 'border-white/10 bg-neutral-900 text-zinc-400'}`, children: [isHighlighted && (_jsxs(_Fragment, { children: [_jsx("div", { className: 'absolute -top-[20%] -right-[20%] w-[70%] h-[70%] bg-white/10 blur-[100px] pointer-events-none' }), _jsx("div", { className: 'absolute inset-0 pointer-events-none z-0', children: _jsx("img", { src: '/images/PricingSlash.svg', alt: '', className: 'w-full h-full object-cover scale-150 rotate-[-5deg] opacity-90' }) }), _jsx("div", { className: 'absolute inset-0 rounded-3xl border border-white/20 animate-pulse pointer-events-none' })] })), _jsxs("div", { className: `relative flex flex-col h-full ${isHighlighted ? 'z-10 mix-blend-difference' : 'z-10'}`, children: [_jsxs("div", { className: 'mb-8', children: [_jsx("h3", { className: `text-xs uppercase font-mono tracking-widest ${isHighlighted ? 'text-white' : 'text-zinc-500'}`, children: tier }), _jsx("p", { className: `text-sm mt-3 font-medium leading-relaxed ${isHighlighted ? 'text-white' : 'text-zinc-400'}`, children: description })] }), _jsxs("div", { className: 'mb-8 flex items-baseline gap-1', children: [_jsx("span", { className: `text-6xl font-black tracking-tighter ${isHighlighted ? 'text-white' : 'text-zinc-100'}`, children: price }), _jsx("span", { className: 'text-zinc-500 text-[10px] uppercase tracking-widest ml-2', children: "Lifetime Access" })] }), _jsx("div", { className: 'space-y-4 mb-10 flex-grow', children: features.map((feature, index) => (_jsxs("div", { className: 'flex items-center gap-3 text-[13px] font-cartographCF', children: [_jsx(Check, { size: 14, className: isHighlighted ? 'text-white' : 'text-zinc-600' }), _jsx("span", { className: isHighlighted ? 'text-white' : 'text-zinc-500', children: feature })] }, index))) }), _jsx("div", { className: 'relative z-20', children: _jsxs(Link, { href: 'https://app.archway.finance/payment-requests/HDGAY/public', className: `w-full py-4 rounded-xl font-beVietnamPro text-xs transition-all duration-500 flex items-center justify-center cursor-pointer ${isHighlighted
+                                ? 'bg-white text-black hover:shadow-[0_0_20px_rgba(255,255,255,0.4)] hover:bg-zinc-100'
+                                : 'bg-transparent text-white border border-white/20 hover:border-white/60'}`, children: ["Select ", tier] }) })] })] }));
+};
+const Pricing = () => {
+    return (_jsx("section", { className: 'w-full py-32 px-8 ', children: _jsxs("div", { className: 'max-w-4xl mx-auto', children: [_jsxs("div", { className: 'flex flex-col items-center text-center mb-20', children: [_jsxs("div", { className: 'flex items-center gap-2 px-3 py-1 rounded-full border border-white/10 bg-zinc-950 mb-6', children: [_jsx(Zap, { size: 12, className: 'text-white' }), _jsx("span", { className: 'text-[10px] font-bold text-zinc-400 uppercase tracking-widest', children: "Pricing Plans" })] }), _jsx("h2", { className: 'text-5xl font-black text-white uppercase tracking-tighter mb-6', children: "Unlock the Full Library" }), _jsx("p", { className: 'text-zinc-500 text-sm max-w-lg leading-relaxed', children: "Professional-grade UI components for Next.js and Tailwind. Choose the pack that fits your scale." })] }), _jsxs("div", { className: 'grid grid-cols-1 md:grid-cols-2 gap-6 items-stretch', children: [_jsx(PricingCard, { tier: 'Standard', price: '$50', href: 'https://app.archway.finance/payment-requests/HDGAY/public', description: 'Perfect for individual projects and hobbyists.', features: [
+                                '30+ Open Source Components',
+                                'React / Tailwind Templates',
+                                'Community Support',
+                                'Lifetime Access',
+                            ] }), _jsx(PricingCard, { tier: 'Premium', isHighlighted: true, price: '$129', href: 'https://app.archway.finance/payment-requests/HDGAY/public', description: 'Full access for professionals and agency work.', features: [
+                                '100+ Premium Components',
+                                'Agency/Commercial License',
+                                'Priority Feature Requests',
+                                'Figma Design Files',
+                                'Private Discord Access',
+                            ] })] })] }) }));
+};
+export default Pricing;

package/dist/hooks/use-component-search.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function SearchProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const useSearch: () => any;

package/dist/hooks/use-component-search.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState, useMemo } from 'react';
+import { Home, Box } from 'lucide-react';
+import { Index } from '@/__registry__';
+const SearchContext = createContext(undefined);
+export function SearchProvider({ children }) {
+    const [searchQuery, setSearchQuery] = useState('');
+    const staticPages = useMemo(() => [
+        { icon: Home, label: 'Home', category: 'Pages', path: '/' },
+    ], []);
+    const componentsList = useMemo(() => {
+        return Object.values(Index['default'] || {}).map((comp) => ({
+            icon: Box,
+            label: comp.name,
+            category: 'Components',
+            path: `/component/${comp.name}`,
+        }));
+    }, []);
+    const allItems = useMemo(() => [...staticPages, ...componentsList], [staticPages, componentsList]);
+    const filteredItems = useMemo(() => {
+        return allItems.filter((item) => item.label.toLowerCase().includes(searchQuery.toLowerCase()));
+    }, [searchQuery, allItems]);
+    return (_jsx(SearchContext.Provider, { value: {
+            searchQuery,
+            setSearchQuery,
+            filteredItems,
+            staticPages,
+            totalComponents: componentsList.length,
+        }, children: children }));
+}
+export const useSearch = () => {
+    const context = useContext(SearchContext);
+    if (!context)
+        throw new Error('useSearch must be used within a SearchProvider');
+    return context;
+};

package/dist/lib/actions/auth.action.d.ts

@@ -0,0 +1,8 @@
+export declare function sendOtp(formData: FormData): Promise<{
+    success: boolean;
+}>;
+export declare function verifyOtp(formData: FormData): Promise<{
+    success: boolean;
+    message: string;
+}>;
+export declare function logout(): Promise<void>;

package/dist/lib/actions/auth.action.js

@@ -0,0 +1,66 @@
+'use server';
+import bcrypt from 'bcryptjs';
+import jwt from 'jsonwebtoken';
+import { prisma } from '@/lib/prisma';
+import { randomInt } from 'crypto';
+import { sendOtpEmail } from '../email';
+import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
+export async function sendOtp(formData) {
+    const email = formData.get('email');
+    const rawOtp = randomInt(100000, 999999).toString();
+    const hashedOtp = await bcrypt.hash(rawOtp, 10);
+    await prisma.otp.create({
+        data: {
+            email,
+            code: hashedOtp,
+            expiresAt: new Date(Date.now() + 5 * 60 * 1000),
+        },
+    });
+    await sendOtpEmail(email, rawOtp);
+    return { success: true };
+}
+export async function verifyOtp(formData) {
+    const email = formData.get('email');
+    const otp = formData.get('otp');
+    try {
+        const record = await prisma.otp.findFirst({
+            where: {
+                email,
+                expiresAt: { gt: new Date() },
+            },
+            orderBy: { createdAt: 'desc' },
+        });
+        if (!record) {
+            return { success: false, message: 'OTP expired' };
+        }
+        const valid = await bcrypt.compare(otp, record.code);
+        if (!valid) {
+            return { success: false, message: 'Invalid OTP' };
+        }
+        await prisma.otp.deleteMany({ where: { email } });
+        let user = await prisma.user.findUnique({ where: { email } });
+        if (!user) {
+            user = await prisma.user.create({ data: { email } });
+        }
+        const token = jwt.sign({ email: user.email, id: user.id }, process.env.JWT_SECRET, { expiresIn: '7d' });
+        const cookieStore = await cookies();
+        cookieStore.set('access_token', token, {
+            httpOnly: true,
+            secure: process.env.NODE_ENV === 'production',
+            sameSite: 'lax',
+            path: '/',
+            maxAge: 60 * 60 * 24 * 7,
+        });
+    }
+    catch (err) {
+        console.error(err);
+        return { success: false, message: 'Server error' };
+    }
+    redirect('/account');
+}
+export async function logout() {
+    const cookieStore = await cookies();
+    cookieStore.delete('access_token');
+    redirect('/');
+}

package/dist/lib/auth.d.ts

@@ -0,0 +1 @@
+export declare function getCurrentUserEmail(): Promise<string | null>;

package/dist/lib/auth.js

@@ -0,0 +1,15 @@
+import { cookies } from "next/headers";
+import jwt from "jsonwebtoken";
+export async function getCurrentUserEmail() {
+    var _a;
+    const token = (_a = (await cookies()).get("access_token")) === null || _a === void 0 ? void 0 : _a.value;
+    if (!token)
+        return null;
+    try {
+        const decoded = jwt.verify(token, process.env.JWT_SECRET);
+        return decoded.email;
+    }
+    catch (_b) {
+        return null;
+    }
+}

package/dist/lib/email.d.ts

@@ -0,0 +1 @@
+export declare function sendOtpEmail(email: string, otp: string): Promise<import("nodemailer/lib/smtp-transport").SentMessageInfo>;

package/dist/lib/email.js

@@ -0,0 +1,42 @@
+import nodemailer from 'nodemailer';
+export async function sendOtpEmail(email, otp) {
+    const transporter = nodemailer.createTransport({
+        service: 'gmail',
+        auth: {
+            user: process.env.EMAIL_USER,
+            pass: process.env.EMAIL_APP_PASSWORD,
+        },
+    });
+    const response = await transporter.sendMail({
+        from: `"Slash/UI" <${process.env.EMAIL_USER}>`,
+        to: email,
+        subject: 'Your verification code',
+        html: `
+      <div style="font-family: 'Helvetica Neue', Helvetica, sans-serif; max-width: 600px; margin: 0 auto; padding: 40px 20px; color: #1a1a1a;">
+        <div style="margin-bottom: 32px;">
+          <div style="display: flex; align-items: center; gap: 8px; font-weight: 600; letter-spacing: -0.02em;">
+            <span>SLASH/UI</span>
+          </div>
+        </div>
+        
+        <h2 style="font-size: 24px; font-weight: 600; margin-bottom: 8px; color: #000;">Your verification code</h2>
+        <p style="font-size: 16px; color: #666; margin-bottom: 32px;">Use the one-time code below to continue.</p>
+        
+        <div style="background-color: #f7f7f7; border-radius: 12px; padding: 24px; text-align: center; margin-bottom: 32px;">
+          <span style="font-size: 32px; font-weight: 500; letter-spacing: 12px; color: #000; font-family: monospace;">${otp}</span>
+        </div>
+        
+        <p style="font-size: 14px; color: #888; line-height: 1.5; margin-bottom: 24px;">
+          This code will expire in 5 minutes and can only be used once.<br />
+          For your security, do not share this code with anyone.
+        </p>
+        
+        <div style="font-size: 14px; color: #666;">
+          Have fun,<br />
+          <strong style="color: #000;">The Slash/UI Team</strong>
+        </div>
+      </div>
+    `,
+    });
+    return response;
+}

package/dist/lib/prisma.d.ts

@@ -0,0 +1,2 @@
+import { PrismaClient } from "@prisma/client";
+export declare const prisma: PrismaClient<import("@prisma/client").Prisma.PrismaClientOptions, never, import("@prisma/client/runtime/library").DefaultArgs>;

package/dist/lib/prisma.js

@@ -0,0 +1,8 @@
+var _a;
+import { PrismaClient } from "@prisma/client";
+const globalForPrisma = global;
+export const prisma = (_a = globalForPrisma.prisma) !== null && _a !== void 0 ? _a : new PrismaClient({
+    log: ["query"],
+});
+if (process.env.NODE_ENV !== "production")
+    globalForPrisma.prisma = prisma;

package/dist/lib/registry.d.ts

@@ -0,0 +1 @@
+export declare function getComponentSource(filePaths: string[] | undefined): Promise<string | undefined>;

package/dist/lib/registry.js

@@ -0,0 +1,16 @@
+'use server';
+import fs from 'fs/promises';
+import path from 'path';
+export async function getComponentSource(filePaths) {
+    if (!filePaths || filePaths.length === 0)
+        return;
+    try {
+        const fullPath = path.join(process.cwd(), filePaths[0]);
+        const source = await fs.readFile(fullPath, 'utf-8');
+        return source;
+    }
+    catch (error) {
+        console.error('Failed to read source code:', error);
+        return;
+    }
+}

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/middleware/middleware.d.ts

@@ -0,0 +1,5 @@
+import { NextResponse } from 'next/server';
+export declare function middleware(req: any): NextResponse<unknown>;
+export declare const config: {
+    matcher: string[];
+};

package/dist/middleware/middleware.js

@@ -0,0 +1,19 @@
+import { NextResponse } from 'next/server';
+import jwt from 'jsonwebtoken';
+export function middleware(req) {
+    var _a;
+    const token = (_a = req.cookies.get('access_token')) === null || _a === void 0 ? void 0 : _a.value;
+    if (!token) {
+        return NextResponse.redirect(new URL('/login', req.url));
+    }
+    try {
+        jwt.verify(token, process.env.JWT_SECRET);
+        return NextResponse.next();
+    }
+    catch (_b) {
+        return NextResponse.redirect(new URL('/login', req.url));
+    }
+}
+export const config = {
+    matcher: ['/account/:path*', '/docs/:path*', '/components/:path*'],
+};

package/dist/next.config.d.ts

@@ -0,0 +1,3 @@
+import type { NextConfig } from "next";
+declare const nextConfig: NextConfig;
+export default nextConfig;

package/dist/next.config.js

@@ -0,0 +1,4 @@
+const nextConfig = {
+/* config options here */
+};
+export default nextConfig;

package/dist/prisma.config.d.ts

@@ -0,0 +1,3 @@
+import "dotenv/config";
+declare const _default: import("@prisma/config").PrismaConfigInternal;
+export default _default;

package/dist/prisma.config.js

@@ -0,0 +1,13 @@
+// This file was generated by Prisma, and assumes you have installed the following:
+// npm install --save-dev prisma dotenv
+import "dotenv/config";
+import { defineConfig } from "prisma/config";
+export default defineConfig({
+    schema: "prisma/schema.prisma",
+    migrations: {
+        path: "prisma/migrations",
+    },
+    datasource: {
+        url: process.env["DATABASE_URL"],
+    },
+});

package/dist/registry/details/buttons/neubrutal-button-details.d.ts

@@ -0,0 +1,2 @@
+declare const NeubrutalButtonDetails: () => import("react/jsx-runtime").JSX.Element;
+export default NeubrutalButtonDetails;

package/dist/registry/details/buttons/neubrutal-button-details.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { MousePointer2, Zap, Copy, Check, ShieldCheck, } from 'lucide-react';
+const NeubrutalButtonDetails = () => {
+    const [copied, setCopied] = useState(false);
+    const [activeTab, setActiveTab] = useState(null);
+    const command = 'npx slash-ui@latest add neubrutal-button';
+    const handleCopyCommand = () => {
+        navigator.clipboard.writeText(command);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2000);
+    };
+    const copyDependency = (pkg) => {
+        navigator.clipboard.writeText(`npm install ${pkg}`);
+        setActiveTab(pkg);
+        setTimeout(() => setActiveTab(null), 2000);
+    };
+    return (_jsxs("div", { className: 'flex flex-col gap-16 py-8 animate-in fade-in slide-in-from-bottom-4 duration-1000', children: [_jsxs("section", { children: [_jsx("h4", { className: 'text-sm uppercase text-zinc-600 mb-6 font-mono tracking-widest', children: "Description" }), _jsx("p", { className: 'text-zinc-400 text-lg leading-relaxed max-w-2xl font-medium', children: "A high-performance 3D button built with Framer Motion. It features tactile depth, dynamic shadow scaling, and smooth state transitions." })] }), _jsxs("section", { children: [_jsx("h4", { className: 'text-sm uppercase text-zinc-600 mb-4 font-mono tracking-widest', children: "Dependencies" }), _jsxs("div", { className: 'flex items-center gap-3', children: [_jsxs("button", { onClick: () => copyDependency('framer-motion'), className: "flex items-center gap-2 px-3 py-1.5 rounded-full bg-zinc-950 border border-white/5 hover:border-white/20 transition-all active:scale-95", children: [activeTab === 'framer-motion' ? (_jsx(Check, { size: 12, className: "text-white" })) : (_jsx("svg", { width: '12', height: '12', viewBox: '0 0 24 24', fill: 'currentColor', className: "text-white", children: _jsx("path", { d: 'M0 0l12 12L24 0H0zm0 12l12 12V12H0z' }) })), _jsx("span", { className: "text-[11px] font-mono text-white", children: activeTab === 'framer-motion' ? 'Copied!' : 'framer-motion' })] }), _jsxs("button", { onClick: () => copyDependency('lucide-react'), className: "flex items-center gap-2 px-3 py-1.5 rounded-full bg-zinc-950 border border-white/5 hover:border-white/20 transition-all active:scale-95", children: [activeTab === 'lucide-react' ? (_jsx(Check, { size: 12, className: "text-white" })) : (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '12', height: '12', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', children: [_jsx("path", { d: 'M14 12C14 9.79086 12.2091 8 10 8C7.79086 8 6 9.79086 6 12C6 16.4183 9.58172 20 14 20C18.4183 20 22 16.4183 22 12C22 8.446 20.455 5.25285 18 3.05557', stroke: '#fff' }), _jsx("path", { d: 'M10 12C10 14.2091 11.7909 16 14 16C16.2091 16 18 14.2091 18 12C18 7.58172 14.4183 4 10 4C5.58172 4 2 7.58172 2 12C2 15.5841 3.57127 18.8012 6.06253 21', stroke: '#fff' })] })), _jsx("span", { className: "text-[11px] font-mono text-white", children: activeTab === 'lucide-react' ? 'Copied!' : 'lucide-react' })] })] })] }), _jsxs("section", { children: [_jsx("h4", { className: 'text-sm uppercase text-zinc-600 mb-6 font-mono tracking-widest', children: "Interaction" }), _jsxs("div", { className: 'space-y-4', children: [_jsxs("div", { className: 'flex items-center gap-4 group', children: [_jsx("div", { className: 'p-2 rounded-lg bg-white/5 text-zinc-500 group-hover:text-white transition-colors', children: _jsx(MousePointer2, { size: 16 }) }), _jsx("span", { className: 'text-sm font-medium text-zinc-400', children: "Realistic 3D depth on click" })] }), _jsxs("div", { className: 'flex items-center gap-4 group', children: [_jsx("div", { className: 'p-2 rounded-lg bg-white/5 text-zinc-500 group-hover:text-white transition-colors', children: _jsx(Zap, { size: 16 }) }), _jsx("span", { className: 'text-sm font-medium text-zinc-400', children: "Smooth hover effects" })] })] })] }), _jsxs("section", { children: [_jsx("h4", { className: 'text-sm uppercase text-zinc-600 mb-6 font-mono tracking-widest', children: "Installation" }), _jsxs("div", { onClick: handleCopyCommand, className: 'group relative flex items-center justify-between p-5 rounded-2xl bg-black border border-white/10 hover:border-white/20 transition-all cursor-pointer active:scale-[0.99]', children: [_jsxs("code", { className: 'text-xs font-cartographCF text-zinc-300', children: [_jsx("span", { className: 'text-zinc-500', children: "npx" }), " slash-ui@latest add ", _jsx("span", { className: 'text-white', children: "neubrutal-button" })] }), _jsx("div", { className: 'p-2 hover:bg-white/5 rounded-lg text-zinc-500 group-hover:text-white transition-colors', children: copied ? _jsx(Check, { size: 14, className: "text-white" }) : _jsx(Copy, { size: 14 }) })] })] }), _jsxs("section", { children: [_jsx("h4", { className: 'text-sm uppercase text-zinc-600 mb-6 font-mono tracking-widest', children: "Props" }), _jsx("div", { className: 'w-full border-t border-white/5', children: [
+                            { prop: 'children', desc: 'Button label or content' },
+                            { prop: 'onClick', desc: 'Click handler function' },
+                            { prop: 'className', desc: 'Additional Tailwind classes' },
+                        ].map((item, i) => (_jsxs("div", { className: 'flex py-4 border-b border-white/5 text-[13px] group', children: [_jsx("span", { className: 'w-1/3 font-mono font-bold text-white', children: item.prop }), _jsx("span", { className: 'w-2/3 text-zinc-500 font-medium group-hover:text-zinc-400 transition-colors', children: item.desc })] }, i))) })] }), _jsxs("footer", { className: 'pt-8 border-t border-white/5', children: [_jsxs("div", { className: 'flex items-center gap-2 text-zinc-600 text-[11px] font-bold uppercase tracking-widest font-mono', children: [_jsx(ShieldCheck, { size: 14 }), _jsx("span", { children: "License" })] }), _jsx("p", { className: 'mt-4 text-xs text-zinc-500 leading-relaxed font-medium', children: "Free for all projects." })] })] }));
+};
+export default NeubrutalButtonDetails;

package/dist/registry/details/cursor/dot-cursor-details.d.ts

@@ -0,0 +1,2 @@
+declare const DotCursorDetails: () => import("react/jsx-runtime").JSX.Element;
+export default DotCursorDetails;

package/dist/registry/details/cursor/dot-cursor-details.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const DotCursorDetails = () => {
+    return (_jsx("div", {}));
+};
+export default DotCursorDetails;

package/dist/registry/details/navbar/floating-navbar-details.d.ts

@@ -0,0 +1,2 @@
+declare const NavbarDetails: () => import("react/jsx-runtime").JSX.Element;
+export default NavbarDetails;

package/dist/registry/details/navbar/floating-navbar-details.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const NavbarDetails = () => {
+    return (_jsx("div", {}));
+};
+export default NavbarDetails;

package/dist/registry/details/scrollbars/minimal-scrollbar-details.js

@@ -0,0 +1 @@
+"use strict";

package/dist/registry/index.d.ts

@@ -0,0 +1,7 @@
+export declare const Index: {
+    name: string;
+    type: string;
+    files: string[];
+    category: string;
+    install: string;
+}[];